@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Oswald');
@font-face { font-family: 'PoppinsBlack'; src:url(../fonts/Poppins/Poppins-Black.ttf), format('ttf');}
@font-face { font-family: 'PoppinsBold'; src:url(../fonts/Poppins/Poppins-Bold.ttf), format('ttf');}
@font-face { font-family: 'PoppinsExtraBold'; src:url(../fonts/Poppins/Poppins-ExtraBold.ttf), format('ttf');}
@font-face { font-family: 'PoppinsExtraLight'; src:url(../fonts/Poppins/Poppins-ExtraLight.ttf), format('ttf');}
@font-face { font-family: 'PoppinsLight'; src:url(../fonts/Poppins/Poppins-Light.ttf), format('ttf');}
@font-face { font-family: 'PoppinsMedium'; src:url(../fonts/Poppins/Poppins-Medium.ttf), format('ttf');}
@font-face { font-family: 'PoppinsRegular'; src:url(../fonts/Poppins/Poppins-Regular.ttf), format('ttf');}
@font-face { font-family: 'PoppinsSemiBold'; src:url(../fonts/Poppins/Poppins-SemiBold.ttf), format('ttf');}
@font-face { font-family: 'PoppinsThin'; src:url(../fonts/Poppins/Poppins-Thin.ttf), format('ttf');}
@font-face { font-family: 'Lato', sans-serif;}

html,body{
	font-family: 'Lato', sans-serif;}

p{
	color:#fff;
	font-size:15px;		
	font-family: 'Lato', sans-serif;}

/* .nopad-10{
	padding:0 10px !important;
}
.nopad-12{
	padding:0 12px !important;
} */
.logo-responsive{
    height: auto;
}
.ml-auto {
    margin-right: -18px;
}
.bg-light {
    background-color: #fff!important;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: 1.5rem ;
}
.navbar-light .navbar-nav .nav-link {
    color: #203344 !important;
	font-size:14px;
    font-weight: 500;	
	font-family: 'Poppins';
}
.navbar-light .navbar-nav .nav-link:hover {
	color: #A9B710!important;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #A9B710!important;
}
.devider{
	font-size: 23px;
    font-weight: 100;
    padding-left: 10px;
    padding-right: 10px;
}
.login-sec {
    margin-top: 5px;
}
i.fa.fa-sign-in {
    color: #234C1F;
	font-weight: 900;
}
.login-sec a{
	color:#A9B710;
	font-size: 16px;
    letter-spacing: 0px;
	line-height: 12px;
	font-weight: 500;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: none !important;
}

.wrap{
  padding: 0;
  margin-top: 42px;
}
/*
.carousel-control-prev-icon {	
  background-image: url('../images/priv-left.png') !important;
}
.carousel-control-next-icon{
	 background-image: url('../images/priv-right.png') !important;
}*/
div.overlay-dark{
    background-color: #0000008a;
    bottom: 0;
    color: #fff;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.fix{
    width: 100%;
    padding: 0px;
}
.desc_content {
    position: relative;
    top: 34%;
}
.desc_content p{
	color:#FFFFFF;
	font-size:18px;
	font-weight: 400;	
	font-family: 'Poppins';
}
.help-headline-txt h2{
	color:#234C1F;
	font-size: 30px;
    font-family: 'Lato';
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 3%;
    margin-top: 16px;
    line-height: 52px;
}
.help-headline-txt h2::after{
	content:"";
	display:block;
	width:71px;
    background: #A9B710;
    height: 2px;
	left:0;
	right:0;
	top:3px;
	margin:auto;
}
.cont_num{
	color:#E9F09D;
} 
.desc_content h1{
	color:#FFFFFF;
	font-size:55px;
	font-weight: 800;
	font-family: 'Poppins';
	line-height:2em;
	margin-top: -8px;
}
.bnnr-btn{
	color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Poppins';
    border: 2px solid #fff;
    padding-left: 21px;
    padding-right: 21px;
    padding-top: 11px;
    padding-bottom: 11px; 
	margin-top: 7px;
}
.bnnr-btn:hover{
	color: #000;
	background: #e9f09d;
    border: 2px solid #e9f09d;
}
.sec{
	margin-top:0px;
}
.bggray{
    background: #f9f9f9;
    margin-bottom: 0;
    margin-top: -16px;
    padding-top: 21px;
}
.bglight {
    padding-top: 74px;
    background: #fff;
}
.content{
	padding:5px;
}
.help-item{
overflow: hidden;
    border-radius: 8px;
    width: 100%;
    height: 220px;
    margin-bottom: 30px;
	position: relative;
}
.help-item img{
	display:none;
}
.math-color{
	background-color : #03421F;
}
.german-color{
	background-color : #141813;
}
.physics-color{
	background-color : #050505;
}
.english-color{
	background-color : #0F9D58;
}
.chemistry-color{
	background-color : #2E2E31;
}
.more-color{
	background-color : #3D3E41;
}
.hoverimg{
	width:100%;
	height:100%;
	position:relative;
	 border-radius: 13px;	
	transition: all 0.5s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.help-item:hover .hoverimg{
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1);}

/* .help-item-caption{
    position: absolute;
    top: 22%;
    left: 0%;
    right: 0;
    bottom: 0;
} */
.help-item-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
/* .help-item-caption h1{
	font-family:'Impact';
	font-size:65px;
	color:#fff;
} */
.help-item-caption h1{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-family: 'Impact';
    font-size: 65px;
    color: #fff;
    bottom: 0;
    margin: auto;
    height: fit-content;
}

a{
	text-shadow:none;}
	
a:hover{
	text-decoration:none;
}



.special-events {
    overflow: hidden;
    width: 100%;
    height: 528px;
    background: url(../images/girls-bg.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 64px;
}
.special-events-overlay {
    width: 100%;
    height: 100%;
    background: rgba(50, 51, 50, 0.17);
}
.triangle-bottomright {
    width: 64%;
    height:  589px;
    border-bottom: 589px solid #05420778;
    border-left:264px solid transparent;
    float: right;
}
.special-events-content {
    width: 100%;
    height: auto;
   padding:38px 140px 0px 25px;
}

.special-events-content h2{
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	font-family:'Poppins';
	    line-height: 81px;
}
.special-events-content h2::after {
	content:"";
	display:block;
	width:74px;
    background: #fff;
    height: 3px;
	margin-top: -19px;
    margin-bottom: 39px;
}
.special-events-content p{
	color: #fff;
    font-size: 15px;
    font-family: 'Arial';
    line-height: 29px;
    letter-spacing: 0px;
}
.special-events-content p span , .special-events-content p strong{
	background-color:transparent !important;
}
.btn-Teacher{	
    background: #fb804500;
    color: #fff;
    font-family: 'Poppins';
    font-size: 15px;
    width: 201px;
    height: 50px;
    border-radius: 0px !important;
    border: 2px solid #fff !important;
    text-transform: uppercase;
}
.btn-Teacher:hover{	
	background: #fff;
    color: #5d7500;
    border-radius: 0px;
    border: 2px solid #fff;
}
.request_side_img {
    padding-left: 11%;
    width: 294px;
    height: 401px;
}
.course-form {
    margin-top: 0;
    padding: 23px;
    background: #F9F9F9;
}
.course-form h1{
	color:#4D4747;
	font-size:30px;
	font-family: 'Lato';
	font-weight: 600;
}
.btn-request{
	background: #234C1F;
    color: #fff;
    font-family: 'Poppins';
    font-size: 14px;
    width: 100%;
    height: 49px;
    border-radius: 10px;
    border: none !important;
    text-transform: uppercase;
}
.btn-request:hover{
	background: #23651d;
}
.form-group {
    margin-bottom: 2rem !important;
}
.filter .form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #757575;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #fff;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    height: 38px;
}
.course-form .form-control::placeholder{
	color:#ccc7c7 !important;
}
.cont_txt{
	color:#234C1F;
}
.bgteam {
    padding-top: 47px;
	background:#F9FAF5;
}
.teamnum{
	overflow: hidden;
    width: 100%;
    height: 348px;
    background: url(../images/teamservay.jpg) no-repeat center center;
    background-size: cover;
    margin-top: 64px;
}
.teamnum-overlay {
    width: 100%;
    height: 100%;
    background: rgba(44, 44, 54, 0.8196078431372549);
}
.count {
    padding-top: 50%;
}
.count h2{
	color:#fff;
	font-size:50px;
    font-family: 'Poppins';
	line-height: 32px;
}
.count img {
    width: 50%;
}
.count p{
	color:#fff;
	font-size:20px;
    font-family: 'Poppins';
	line-height: 32px;
	text-transform:uppercase;
}
.client h2{
	font-size:30px;
	font-family: 'lato';
	text-transform:uppercase;
	line-height:32px;
	color:#4D4747;
    font-weight: 600;
}
.client p{
	color:#B0ADAA;
	font-size:14px;
	font-family: 'lato';
    text-transform: uppercase;
    line-height: 32px;
    font-weight: 600;
}
.client p::after {
	content:"";
	display:block;
	width:143px;
    background: #A9B710;
    height: 2px;
	margin-top: 8px;
}
.bx-wrapper{
	-webkit-box-shadow: none !important;
    box-shadow:  none !important;
    border:  none !important;
	margin-top: 24px;
}
.bx-viewport{
	background: #f9faf5 !important;
}
.card-footer {
    background-color: rgb(249, 250, 245) !important;
}
.card{
	border:none !important;
	background: transparent;
}

.card-header{
	border:none !important;
}
.card-footer{
	border:none !important;
}
img.center-block {
    padding-left: 46%;
    padding-right: 46%;
	padding-bottom:4%;
}
.card-footer p{
	color:#968989;
	line-height:3px;
	font-size:15px;
	font-family: 'Poppins';
}
.card-body{
	padding: 1.25rem !important;
	background:#fff;
}
.card-body p{	
	color:#7F7E7E;
	line-height:25px;
	font-size:14px;	
	font-family: 'Poppins';
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #A9B710 !important;
}
.bx-viewport{
	height:auto !important;
}
img.rounded-circle.block-left {
    box-shadow: 2px 3px 10px #0000006e;
    border: 3px solid #fff;
}
.c-details{
	padding-top:14px;
	margin-left: -34px;
}
.block-left {
    float: left !important;
    margin-left: -22px;
}
footer{
	background:#20222E;
	width:100%;
}
footer::before{
	content:"";
	display:block;
	width:100%;
    background: #A9B710;
    height: 7px;
}
.bg-footer{
	padding: 40px 0 0;
}
.content-footer p{
	    color: #A4A5AA;
    font-size: 15px;
    font-family: 'Poppins';
    line-height: 23px;
    margin-top: 23px;
}
.content-footer p a{
	color: #A4A5AA;
    font-size: 15px;
    font-family: 'Poppins';
    line-height: 23px;
    margin-top: 23px;
}
.content-footer p i.fa{
	width: 30px;
    height: 20px;
	color: #A9B710;
    font-size: 18px;
    padding-right: 11px;
}
.content-footer p img{
    padding-right: 11px;
}

.footer-social {
    list-style: none;
	margin-left: -62px;
}
.footer-social li {
    display: inline-block;
    padding-left: 22px;
}
.footer-social li a .fa{
	color:#fff;
}
.footer-link{
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
.footer-link li {
    padding: 6px;
}
.footer-link li a {
    color: #A4A5AA;
    font-weight: 500;
}
.footer-link li a:hover{
	color:#A9B710;
}
.copyright_sec{
	width: 100%;
	padding: 15px 0;
}
.copyright_sec::before{
	content:"";
	display:block;
	width:100%;
    background: #3A3C47;
    height: 1px;
	border-radius:5px;
}
.copyright_sec p{
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
	margin-top: 10px;
}
.copyright_sec span{
    float: right;
    color: #FFFFFF;
    margin-top: -40px;
    font-size: 15px;
}
.content-footer h2{
	color: #fff;
    font-size: 18px;
    font-family: 'Poppins';
}
.foot_contact_sec{
	margin-top: 40px;
}
.foot_contact_sec p{
	 margin-top: -6px;
}
.foot_contact_sec p a{
	    color: #A4A5AA;
    font-size: 15px;
    font-family: 'Poppins';
}
.content-footer h2::after{
	content:"";
	display:block;
	width:53px;
    background: #A9B710;
    height: 5px;
	margin-top:5px;
	border-radius:5px;
}
/*
.use-links {
    float: right;
	margin-right: 6px;
    margin-top: 12px;
}

.use-header {
    margin-left: 29%;	
   margin-top: 77px;
}
*/

.col-md-6{
  display: inline-block;
  margin-left:-4px;
}
.col-md-6 img{
  width:100%;
  height:auto;
}



.main{
	width:100%;
	height:auto;
	position:relative;}
	
.login-bg{
	background:url(../images/login-bg.jpg) no-repeat center center;
	background-size:cover;
	width:100%;
	height:auto;
	position:relative;}
	
.login-bg-overlay{
	padding:150px 0 40px 0;
	background:rgba(0,0,0,.20);}
	
	
.login-form{
	background:rgba(0,0,0,.60);
	padding:20px;
	width:400px;
	height: auto;
	margin:auto;
	-webkit-box-shadow: 0px 0px 11px 2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 2px rgba(0,0,0,0.75);}


.login-form form{
	margin-top:25px;}
	
.login-form h3{
	font-size:20px;
	color:#fff;
	font-weight:600;
	letter-spacing:1.5px;
	text-align:center;}
	
.login-form .form-control{
	height:45px;
	border:none !important;
	border-radius:30px !important;
	background:rgba(255,255,255,.30);
	color:#fff !important;}
	
.login-form .form-control::placeholder{
	color:#fff;}
	

.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:15px;
  color:#fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

.container-checkbox  input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height:20px;
  width:20px;
  background-color: #eee;}

.container-checkbox :hover input ~ .checkmark {
  background-color: #ccc;}

.container-checkbox  input:checked ~ .checkmark {
  background-color:#A9B710;}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;}

.container-checkbox  input:checked ~ .checkmark:after {
  display: block;}

.container-checkbox .checkmark:after {
  left:8px;
  top: 4px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}
  
.login-btn{
	 width:100%;
	 background:#A9B710;
	 padding:10px 0;
	 font-size:16px;
	 font-weight:500;
	 text-transform:uppercase;
	 color:#fff;
	 text-align:center;
	 border:none !important;
	 outline:none !important;
	 border-radius:10px;
	 cursor:pointer;}
	 
.login-btn:hover{
	background:#8c9806;}
	
.forget-pass{
	width:100%;
	height:auto;
	text-align:center;}
	
.forget-pass p{
	font-family: 'Lato', sans-serif;
	font-size:15px;
	font-weight:400;
	color:#fff;}
	
.forget-pass p a{
	color:#A9B710;
	margin:0;}
	
.forget-pass p a:hover{
	color:#8c9806;}
	
.nomarg{
	margin:0 !important;}	
	
.inner-banner{
	width:100%;
	height:360px;
	position:relative;}
	
.inner-banner img{
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
	filter: grayscale(100%);}
	
.inner-banner-overlay{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:0;
	bottom:0;
	display:table;
	text-align: center;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right top, rgb(5,25,55,.5),rgb(0,77,122,.5), rgb(0,191,114,.5), rgb(168,235,18,.5));
	/*background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);*/}
	
.inner-banner-overlay h1{
	display:table-cell;
	vertical-align:middle;
	font-size:36px;
	color:#fff;
	font-weight:600;
	text-transform: lowercase;
	font-family: 'Oswald', cursive;
    letter-spacing: 1px;}

.inner-banner-overlay h1::first-letter{
	text-transform: capitalize;
}

.condiction-link a{
	color: #A9B710;}
	
.condiction-link a:hover{
	color:#8c9806;}
	
.contact-content{
	margin-top: -60px;
	margin-bottom: 50px;
}
	
.contact-form{
	width:100%;
	miheight: auto;
	padding:15px 15px;
	background:#fff;
	-webkit-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);
box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);}
	
.feild-title{
	font-size:13px;
	font-weight:600;
	color:#000;}
	
.contact-form .form-group{
	margin-bottom:15px !important;}
	
.contact-dtls{
	width:100%;
	height: auto;
	padding:15px 15px;
	background:#fff;
	-webkit-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);
-moz-box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);
box-shadow: 0px -4px 10px 0px rgba(0,0,0,0.22);}
	
.contact-dtls h3{
	font-size:18px;
	color:#000;
	font-weight:600;
	text-transform:uppercase;}
	
.contact-dtls h3:after{
	content: '';
    display: block;
    width:50px;
    border-radius: 10px;
    height: 3px;
    background: #86bc42;
    position: relative;
    top: 5px;}
	
.contact-dtls ul{
	margin: 30px 0 0 0;
    padding: 0;
    list-style: none;}
	
.contact-dtls ul li {
    display: block;
    margin-bottom: 20px;
    font-size:14px;
    font-weight: 500;
    color:#000;}
	
.contact-dtls ul li:after {
    content: '';
    display: block;
    clear: both;}
	
.contact-dtls ul li span {
    font-size: 17px;
    color: #86bc42;
    width: 10%;
    float: left;
	text-align:center;}
	
.contact-dtls ul li font{
    width: 90%;
    float: left;}
	
.submit-btn{
	width:auto !important;
	padding:10px 30px;
	border-radius: 0;
	font-size: 13px;}
	
.mylesson-back{
	width:100%;
	height: auto;
	background:#f3f3f3;
	padding:50px 0;
	margin-top: 60px;}
	
.mylesson-tab{
	width:100%;
	height: auto;
	margin:auto;
	}
	
.mylesson-tab .mylesson-nav{
	width:100%;
	height:auto;}
	
.mylesson-tab .mylesson-nav ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;}
	
.mylesson-tab .mylesson-nav ul li{
	width:100%;
	display:block;}
	
.mylesson-tab .mylesson-nav ul li:last-child{
	border:none;}
	
.mylesson-tab .mylesson-nav ul li a{
	display: block;
    font-size: 13px;
    background: #435D7D;
    padding: 14px 15px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    transition: all .4s ease;}
	
.mylesson-tab .mylesson-nav ul li a:hover{
	/* background:#747936; */
	background:#fff;
	color: #6ea845;}
	
.tab-menu-active{
	/* background:#747936 !important; */
	background:#6ea845 !important;
	color: #fff !important;}
	
.mylesson-contentarea{
	width:100%;
	height:auto;}
	
.mylesson-content-box{
	width:100%;
	height: auto;
	overflow: auto;
	transition:all .5s ease;}
	
.filter{
	width:100%;
	height:auto;}
	
.mylesson-custom-table{
	margin-bottom:0;}
	
.mylesson-custom-table tr th{
	font-size:13px;
	font-weight:500;
	color:#fff;
	background: #7690af;}
	
.mylesson-custom-table tr td{
	font-size:13px;
	font-weight:500;
	color:#000;}
	
.mylesson-custom-table td, .mylesson-custom-table th{
	border-color:#fff !important;
	vertical-align:middle;}
	
	
.mylesson-custom-table td a{
	font-size:17px;
	/* color:#a1a94a; */
	color:#0fc4d8;}
	
.mylesson-custom-table td a:hover{
	color:#09a8b9;}
	
.start-date{
	font-weight:500;
	color:#279e00 !important;}
	
.end-date{
	font-weight:500;
	color:#F00 !important;}
	
.status-process{
	color:#03F !important;}
	
.status-pending{
	color:#d9534f !important;}
	
.tab-active{
	display:block;}
	
.mylesson-hdng{
	width: 50%;
	display: inline-block;
	margin-bottom:10px;}
	
.mylesson-hdng h3{
	display: block;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;}

.mylesson-order-btn{
	width:50%;
	display: inline-block;
	text-align:right;
	margin-bottom: 10px;}
	
.mylesson-order-btn a{
	display:inline-block;
    font-size: 13px;
  /*   background: #a1a94a !important; */
	background:#f5b800 !important;
    padding: 8px 15px;
    text-align: center;
    text-transform: uppercase;
	color: #fff !important;
	border-radius: 5px;
    font-weight:600;}	
	
.mylesson-order-btn a:hover{
/* 	background: #747936 !important; */
	background:#ca9700 !important;}
	

	
/** request lsson form **/

.request-lesson{
	width:100%;
	height:auto;
	position:relative;
	padding-top:100px;
	padding-bottom: 50px;
	background: #f3f3f3;}
	
.form-wizard{
	padding:15px;
	width:80%;
	height:auto;
	background:#fff;
	margin:auto;
	border-radius:5px;}
	
.form-wizard .table{
	margin:0;}
	
.form-wizard .table td{
	position:relative;
	padding:0;
	border:none !important;
	vertical-align:middle !important;}
	
.form-wizard .table td span{
	display: inline-block;
    width: 60px;
    height: 60px;
    border: 3px solid #0C6;
    border-radius: 50%;
    text-align: center;
    line-height: 54px;
    font-size: 13px;
    font-weight: 500;}
	
.step-line{
	width:100%;
	height:5px;
	background:#eee;}
/*	
.complete{
	color:#0C6 !important;
	font-size:25px !important;
	width:50px !important;
	height:50px !important;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	line-height:40px !important;
	overflow:hidden;}
*/

.complete{
	font-size:20px !important;
	color:#ccc !important;
	background:#fff;}
	
.complete img{
	width:60%;}
	
.setp-active{
	background:#0C6;
	color:#fff !important;}
	
.step-one-form, .step-two-form{
	width:100%;
	height: auto;
	background:#fff;
	margin:30px auto 0;
	padding:30px;
	border-top:8px solid #0C6;
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);}
	
.step-two-form{
	display:none;}
	
.step-one-form .form-group{
	margin-bottom:15px !important;}
	
.step-one-form .col-md-6{
	margin:0;}
	
.field-title{
	font-weight:600;
	font-size:15px;}
	
.field-title span, .mendatory{
	font-size:15px;
	color:#F00;
	padding-left:5px;}
	
.next-btn{
	text-align:center;
	margin-top:20px;}
	
.requst-lesson-submit-btn, .requst-lesson-previous-btn{
	margin-top:30px;}
	
.next-btn button, .requst-lesson-submit-btn button, .requst-lesson-previous-btn button{
	padding:10px 30px;
	background:#0C6;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	border:none !important;
	border-radius:5px;
	cursor:pointer;}
	
.next-btn button:hover, .requst-lesson-submit-btn button:hover{
	background:#039a4e;}
	
.requst-lesson-previous-btn button{
	background:#3CC;}
	
.requst-lesson-previous-btn button:hover{
	background:#0e9292;}
	
	
.agree-with a{
	color:#A9B710;}
	
.agree-with a:hover{
	color:#6e7705;}
	
.agree-with  {
	font-weight:600;
	color:#000;}
	
.agree-with .checkmark{
	background:#ccc;}
	
	
.step-line-animation{
	background:#0C6 !important;
	animation: mymove .7s;}
	
@keyframes mymove {
  from {
	  width:0%;}
  to {
	  width:100%;}
	  
}

.step-line-color{
	background:#0C6 !important;}

.price{
	font-size:18px;
	color: #09F;
	margin-top:30px;}  
	
.price span{
	font-weight:bold;}

.trms-condition-content{
	width:100%;
	height:auto;
	padding:40px 0;}
	
.trms-condition-content h2{
	font-size:18px;
	color:#FFF;
	padding:8px 10px;
	text-transform:uppercase;
	background:#A9B710;
	position:relative;}
	
.trms-condition-content p{
	font-family: 'Lato', sans-serif;
	font-size:15px;
	color:#4D4747;
	font-weight:400;
	line-height:25px;
	margin-bottom:30px;}
		
/**** changes ****/

.mylesson-nt{
	padding:0;}
	
.status{
	font-size:12px !important;
	text-transform:uppercase;
	font-weight:bold !important;}
	
.status span{
	display:block;}
	
.status-pending{
	color:#FF8000 !important;}
		
.status-approved{
	color:#008000 !important;}
		
.status-pool{
	color:#159DEA !important;}

.status-deleted{
	color:#FF0000 !important;}

.status-passed{
	color:#884EA0 !important;}
	
.status-assigned{
	color:#2655ff !important;}

.status-closed{
	color:#f7608a !important;}
	
.status-lost{
	color:#c81cd2 !important;}
	
	
.paymt-status{
	font-size:15px;
	margin-top:5px;}
	
.pundone{
	color:#999;}
	
.pdone{
	color:#090;}

	
/*** RangeSlide ***/
.infoicon {
  color: #ffffff !important;
  background-color: #000000;
  font-style: italic;
  border-radius: 10rem;
  display: inline-block;
  padding: .25em .6em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;}
  
#rangeLimits{
	margin:0;
	padding:0;}
	
.middle-bx{
	float:none;
	margin:auto;
	text-align:center;
	padding:15px 0;}
	
.middle-bx label{
	font-weight:600;}
	
/*** RangeSlide ***/

	
.cost-price{
	font-size:15px;
	font-weight: bold !important;}
	
.cost-price i{
	color:#0C3;
	margin-right:3px;}
	

.custom-pop-wrap{
	display:none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    z-index: 99999999;
    text-align: center;
	background:rgba(0,0,0,.50);}
	
.custom-pop{
	display:none;
	padding:40px;
	width:450px;
	height: auto;
	background:#fff;
	margin:100px auto 0;
	border-radius:5px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);}
	
.custom-pop h2{
	font-size:27px;
	font-weight:600;
	color:#000;}
	
.custom-pop-btn{
	margin-top:30px;}
	
.custom-pop-btn .btn{
	font-size:16px;
	font-weight:600;
	margin:0 10px;}
	
.costslider{
	width:100%;
	margin:auto;
	padding: 30px;
	background: #fff;}
	
#range-4a-label{
	display:none !important;}

/*----------------Dipan 02/01/2019--------------------------*/

.stdntreg-bg {
	background: url('../images/std-bg.jpg');
   background-size:cover;
   width:100%;
   height:auto;
   position:relative;	
}
.techreg-bg {
	background: url('../images/teacher-bg.jpg');
   background-size:cover;
   width:100%;
   height:auto;
   position:relative;	
}
/*-------------------------Lession Details------------------------------*/

.lession-bg{
   width: 100%;
   height: auto;
   background-color:#f3f3f3;
   padding: 25px 0;
}
.lession-body{
   margin-top:67px;
   margin-bottom: 33px;
}
.backbutton-sec {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}
.btn-back{
	background: #6ea845;
    color: #fff;
    padding: 6px 34px;
    font-size: 13px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-back:hover,
.btn-back:focus{
	outline:0;
	box-shadow:inherit;
	    background: #4d941b;
    color: #fff;
}
/*---tab-------------*/

.lession-body .nav-tabs .nav-link {
   border:none;
   background:#435D7D;
   color: #fff;
   transition: all 0.4s ease;
}

.lession-body .nav-tabs .nav-link:hover{	
   background: #fff;
   color: #6ea845  !important;
}
.lession-body .nav-tabs .nav-link.active{
    background: #6ea845 !important;
    color: #fff !important;}

.lession-title{
	text-align-last:left  !important;
}
.lession-body .lession-title h2{
	display: block;
    font-size:20px;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 8px;

}

/*
.lession-body .nav-link.active:hover{
	background: #fff;
    color: #6ea845;
}
*/
.lession-body .nav-link {
   display: block;
   padding: .5rem 1rem;
   width: calc(100% / 3);
   /* margin: auto; */
   text-align:center;	
}

.lession-body .nav-tabs .nav-link {
   border: none !important;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}


.form-control::placeholder { 
 color: #ccc7c7;
 opacity: 1; 
}

.form-control:-ms-input-placeholder { 
 color: #ccc7c7;
}

.form-control::-ms-input-placeholder { 
 color:#ccc7c7;
}

/*--------------Lession details----------*/
.lession-body .tab-content>.tab-pane label.label-name{
   color: #39393a;
   font-weight: 700;
   font-size: 13px;
   letter-spacing: .3px;

}
.lession-body .tab-content>.tab-pane label.label-data p{
   color: #39393a;
   font-size: 14px;
   font-family: 'Lato', sans-serif;
}
.lession-body .tab-pane .details-box {
	border-bottom: 2px solid #f3f3f3;
   background: #fff;
   padding: 15px;
}
.lession-body .tab-pane .details-box .col-md-6{
   margin-left: 0px;
}
.lession-body .tab-pane .details-box .col-md-6, .lession-body .tab-pane .details-box .col-md-12{

}
.lession-body .tab-pane .details-box .form-control {
   width: 100%;
   background: #f7f8f9;
   border: none;
   color: #000;
   padding: 5px;
   height:30px;
   font-size: 14px !important;
}
.lession-body .tab-pane .details-box .btn_dtlsupdate{
   background: #a1a94a;
   color: #fff;
   width: 16%;
   border: none;
   transition: all 0.5s ease;
	   margin-bottom: 18px;
}
.lession-body .tab-pane .details-box .btn_dtlsupdate:hover{
   background: #747936;
}

.lession-body .tab-pane .details-box i.fa.fa-pencil {
   color: #009688;
}
.lession-body .tab-pane .message-box .message-content{
   background: #f7f8f9;
   padding: 18px 13px 0;
   margin-bottom: 7px;
   border-radius: 5px;
}
.lession-body .tab-content>.tab-pane label.message-name {
   color: #39393a;
   font-weight: 700;
   font-size: 13px;
}
.lession-body .tab-content>.tab-pane label.message-data p{
   color: #39393a;
   padding-left:3px;
   font-size: 13px;
}
.lession-body .tab-pane .message-details-box{
   display:none;
   background: #f7f8f9;
   padding: 18px 18px 33px;
   margin-bottom: 5px;
}
.lession-body .tab-pane .message-details-box .btnback {
   background: #a1a94a29;
   padding: 6px 10px;
   margin-bottom: 16px;
}
.lession-body .tab-pane .message-box .message-content a.show_dtls i.fa{
   color: #747936;
   font-size: 26px;
   cursor: pointer;
}
.lession-body .tab-pane .message-details-box .btnback i.fa{ 
   color: #747936;
   font-size: 20px;	
   cursor: pointer;
}
.lession-body .tab-pane .message-details-box .message-details-content .btn_message_send{
   background: #a1a94a;
   color: #fff;
   width: 14%;
   border: none;
   transition: all 0.5s ease;
}
.lession-body .tab-pane .message-details-box .message-details-content .btn_message_send:hover{
   background: #747936;
}
.lession-body .tab-pane .feedback-box{
   background: #fff;
   padding: 18px 13px 0;
   margin-bottom: 3px;
   border-radius: 3px;
}
.lession-body .tab-pane .feedback-box .feedback-data p{
   color: #5a5a58;
   font-size: 14px;
}
.lession-body .tab-pane .feedback-box .feedback-data i.fa{
   color: #63da0e;
   font-size:20px;
}
.mylesson-order-btn a.proposal-btn-active{
	background: #6ea845 !important;
}
.location_track{
    width: 100%;
    height: auto;
    padding: 5px;
    z-index: 999;   
}
.location_track:last-child{
    margin-bottom: 15px;
}
.current_user_msg{
	background-color: #b2f7c1 !important;
}
.other_user_msg{
	background-color: #e5eaae !important;
}

/*** new css by Rakesh Nandy 24.04.2019 ***/

.header{
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.mylesson-tab .table td, .mylesson-tab .table th{
	border: none;}

.filter .table td:first-child, 
.filter .table td:last-child, 
.filter .table th:first-child,
.filter.table th:last-child{
	padding-left: 0;
	padding-right: 0;}

.filter .table{
	margin: 0;}

.mylesson-details .table {
	background: none !important;
	border: none !important;}

.mylesson-custom-table td, 
.mylesson-custom-table th{
	padding: .50rem;}

.mylesson-details .table tr:nth-child(even){
	background: #fff}

/*
.mylesson-details .table tr:nth-child(odd){
	background: #FFF}
*/

.mylesson-details{
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.mylesson-custom-table td a	.fa-commenting{
	color: #63da0e !important;}

.mylesson-custom-table td a:hover .fa-commenting{
	color: #4cb105 !important;}

.contact-form .form-control{
	border: none;
	border-radius: 0;
	background:#f3f3f3;}

.contact-form .form-control::placeholder{
	color:#B4ADAB;}

.contact-form .form-group:last-child{
	margin:0 !important;}
	
.RequestLesson{
	background: #eee;}

.lession-bg .nav-tabs{
	border: none;}

/*
.details-box:nth-child(even){
	background: #fff !important;}
*/
	
.message-header {
    background: #435d7d !important;
    border-radius: 0px;
    color: #fff;
	padding: 5px 10px;}

.message-header .modal-title{
	font-size: 16px;}


.label-name, .label-data, .label-data p{
	margin: 0 !important;}

.label-name, .label-data{
	padding:5px 0;}

.label-data input{
	display: block;
    width: 100%;
    height: 34px !important;
    padding: .375rem .75rem;
    font-size:13px;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
	
.lession-bg .tab-pane{
	box-shadow: 0 2px 6px rgba(0,0,0,0.2);}

.job_description {
	width: 100% !important;}
	
.label-data input, .label-data select{
	width:200px !important;
	background-color: #fff !important;
	border: 1px solid #ced4da !important;
	height: 34px !important;}

.lession-body .tab-pane .details-box i.fa.fa-pencil{
	margin-left:30px;}

.label-name{
	width:44%;}

.message-box{
	background: #fff;
	padding: 15px;}
	
#messagemodel .modal-footer{
	padding: 10px;}

.btn-send{
	border-radius: 5px !important;}

.Close{
	color:#fff;}

.request-lesson .react-datepicker-wrapper{
	display: block;}

.react-datepicker__input-container{
	width: 100%;}

.react-datepicker-wrapper input{
	font-size: 14px !important;
	display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
	
.description-label{
	width: 21.5% !important;}

.description-data input{
	width: 100% !important;}

.description-data{
	width: 71.5%!important;}

.drtls-hdng{
	font-size: 17px !important;
    text-align: left;
    width: 31%;
    display: block;
    background: #eee;
    clip-path: polygon(0% 0%,90% 0%, 100% 100%, 0 100%);
    color: #6ea845 !important;
    padding: 6px 18px;
	transform: translateX(-15px);
	margin-bottom: 20px !important;}

.lession-bg .nav-tabs{
	position: relative;}
	
.lession-body .nav-tabs .nav-link.active::after{
	content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: #6ea845;
    position: absolute;
    bottom: -6px;
	left: 0;
	right: 0;
	margin: auto;}

.mylesson-tab .mylesson-nav{
	position: relative;}

.mylesson-tab .mylesson-nav ul li a::after{
	content: '';
    display: block;
    width: 100%;
    height: 6px;
    background: #6ea845;
    position: absolute;
    bottom: -6px;
	left: 0;
	right: 0;
	margin: auto;}

.LessonReport .mylesson-order-btn{
	width: 100% !important;}

.feedback-text .label-name{
	width: 20% !important;}
	
.react-datepicker__time-list-item--disabled{
	display : none;
}




/*-----------------responsive--------------------------*/
@media only screen and (max-width: 600px) {
.mylesson-custom-table td a {
    font-size: 26px;
}
.mylesson-tab .mylesson-nav ul{
	display:inline;}
.mylesson-hdng{
	width: 100%;}
.copyright_sec p {
    margin-bottom: 10px;
}
.copyright_sec span {
    float: inherit;
}
}