@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900');

html, body{ margin: 0px; padding: 0px; font-family: 'Poppins', sans-serif !important;}
p{ font-size: 16px; line-height: 30px; color: #5b5b5b;}

.text-c{ text-align: center;}
.pad-top{ padding-top: 90px;}
.pad-bottom{ padding-bottom: 90px;}

.desktop-hide{ display:none;}
.mobile-hide{ display:inline-block;}



.top-bar{ position: fixed; top: 0px; z-index: 99; margin-top: 10px; font-size: 14px;} 
.topinfo a{color: #fff;  font-weight: 200;}
.topinfo span:first-child{color: #fff; margin-right:30px;}
.topinfo a i{ margin-right: 5px;}
.t-sm-coin{ text-align: right;}
.t-sm-coin a{ padding: 2px;}
.t-sm-coin a:hover{ color: #d11e30;}

.t-menu .navbar-brand{ padding-top: 0px; padding-bottom: 0px; margin-right: 110px;}
.t-menu{ margin-top: 10px;}
.t-menu nav{ background: #d11e30; padding: 0px;}
.t-menu nav .nav-link, .t-menu nav .menu-item{ padding: 0px 16px !important; white-space: nowrap; text-transform: uppercase; color:#fff; font-weight: 600; border-bottom: #d11e30 solid 1px;}
.t-menu nav .navbar-nav .active>.nav-link, .t-menu nav .navbar-nav .nav-link.show, .t-menu nav .menu-item a{ color: #fff;}
.t-menu nav .navbar-nav .nav-link:hover, .t-menu nav .nav-item.active a, .t-menu nav .menu-item a:hover, .t-menu nav .current-menu-item a { border-bottom: #fff solid 1px;}




.pagetitle{font-size: 30px; font-weight: 600; color: #263377; text-align:center; background:url(../images/title-line1.jpg); background-position: bottom center; background-repeat: no-repeat; margin-bottom: 25px; padding-bottom: 3px;}
.pagetitle span{ color: #d11e30;}
.pagetitle:after{ position: absolute; top: 0px; left: 0px; right: 0px; margin: 0 auto; width: 300px; height: 50px; background: #000;}
.subtitle1{ font-size: 30px; text-transform:capitalize; color: #d11e30 !important; font-weight: 600;}
.subtitle2{ font-size: 30px; text-transform:capitalize; color: #263377 !important; font-weight: 200;}
.subtitle2 span{ font-size: 18px; display: block;}
.btn-large{ font-size: 15px; font-weight: 600; border:#d11e30 solid 2px; background: rgba(209, 30, 48, 0.2); text-transform: uppercase; }
.btn-large a, .btn-large a:hover{ color: #fff; padding: 10px 5px; display: inline-block;}
.readmore a{ font-size: 16px; color: #263377; font-weight: 600;}
.f-form-btn { text-align:center; margin:20px auto 0 auto; }
.f-form-btn a{ font-size: 16px; font-weight: 600; background:#d11e30; text-transform: uppercase; color: #fff; padding: 10px 30px; }
.f-form-btn a:hover{ text-decoration:none; color:#fff;}

.welcome-box p, .why-study-box p{ font-size: 18px; line-height: 36px; font-weight: 300;}
.welcome-box .blue-text p, .why-study-box .blue-text p{ color: #263377; font-weight: 500;}
.w-20{ width: 20%; display:inline-block;}
.w-58{ width: 58%; display: inline-block;}
.w-33{ width: 33.333%; display: inline-block;}
.pic-box-light{ opacity: 0.20}
.pic-box-light:hover{ opacity: 0.90; 
  transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease;}
.two-kids-baord{ background:url(../images/two-kids-bg.jpg); background-position: bottom center; background-repeat: no-repeat; width: 670px; height: 444px;}
.two-kids-baord .boade-text-box, .two-kids-baord .join-us{ width: 230px; margin: 0 220px;}
.boade-text-box .subtitle1 { padding-top: 40px; padding-bottom: 10px; font-size:28px;}
.boade-text-box p{ line-height: 30px; font-size:17px;}
.boade-text-box .btn-large{ background: #d11e30;}
.boade-text-box .btn-large a{ font-size:11px;}
.join-us{ margin-top: 20px !important;}
.join-us .e-subscribe input[type="email"]{ background: #e7e8ea; border:none; padding: 5px 20px; font-size: 12px; margin-top: 10px; width: 100%;}
.join-us .btn-large{ font-size: 12px; text-transform: none; background: #d11e30; display:inline-block; margin-top:10px;}
.join-us .btn-large, .join-us .btn-large a:hover{ padding: 3px 20px !important;}
.subscirbe input[type="submit"]{ font-size: 12px; text-transform: none; background: #d11e30; display:inline-block; margin-top:10px; color:#fff; padding:7px 30px; border:none; outline:none; cursor:pointer; font-weight:600;}

.red-bg{background:url(../images/red-bg.jpg); background-position: bottom center; background-size: cover; margin-top: 90px;}
.wyh-choose .pagetitle{background:url(../images/title-line2.jpg); background-position: bottom center; background-repeat: no-repeat; margin-bottom: 100px;}
.wyh-choose .pagetitle span{ color:#fff;}
.wyh-choose p{ font-size: 25px; font-weight: 500; color: #fff; margin-top: 20px; margin-bottom: 100px;}
.wyh-choose .wyh-choose-pic:hover img{ margin-top: -50px;
 transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}


.why-study-box .ws-img-box{background: #000; position: relative; margin-bottom: 30px; overflow: hidden;}
.why-study-box .ws-img-box img{width: 100%; opacity: 0.6; }
.why-study-box .ws-img-text-box{ position: absolute; top:0px; left: 0px; right: 0px; height:100%;}
.why-study-box .ws-img-text-box .h6{ font-size: 35px; font-weight: 600; text-transform: uppercase; color: #fff; /*padding-top: 80px;*/ margin:15% 0px;}
.why-study-box .ws-img-text-box p{ position: absolute; top: -120px; left: 0px; right: 0px; font-size: 14px; line-height: 20px !important; font-weight: 300; color: #fff; padding: 0px 50px;}
.why-study-box .ws-img-box:hover .ws-img-text-box p{top: 55%;
     transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}

.univesity-program .h5{color: #d11e30; font-size: 25px; font-weight: 500; margin-top: 20px; margin-bottom: 20px;}
.up-text-left{box-sizing: border-box;}
.up-text-left p{  font-weight: 300;}
.up-text-left .h5, .up-text-left p, .up-text-left .readmore a{ padding-left: 30px;}
.up-text-right .h5{margin-top: 50px;}

footer{ margin-top: 90px; background: #262626;}
footer .f-text{ padding:50px 0px;}
footer .f-text p{ color: #868686; font-size: 12px; line-height: 24px; margin-top: 10px;}
.links ul, .links ul li{ margin: 0px; padding: 0px; list-style: none; box-sizing: border-box;}
.links, .f-smicon{ border-left:#303030 solid 1px; }
.links li a{ color: #868686; font-size: 12px; line-height: 30px; margin-top: 10px; padding-left: 10px;}
.f-smicon a{ color: #d11e30; padding-left: 3px;}
.f-smicon a{ font-size:13px;}
footer .copyright p{ font-size: 12px; background: #1c1c1c; margin: 0 -15px; padding: 10px 0px; color: #868686;}




/*.innerslider .mk-edge-slider{ height:300px !important; width:100%; overflow:hidden;}*/

.red-color-bg{ background:#d11e30;}
.we-offer-box .pagetitle, .eng-adult .pagetitle{background:url(../images/title-line2.jpg); background-position: bottom center; background-repeat: no-repeat; margin-bottom:50px;}
.we-offer-box .pagetitle span, .eng-adult .pagetitle span{ color:#fff;}
.we-offer-box .we-offer-innerbox { text-align:left; margin-bottom:50px;}
.we-offer-box .we-offer-innerbox h3, .eng-adult h3{ font-size:22px; color:#fff; margin-top:20px;}
.we-offer-box .we-offer-innerbox img{ margin-bottom:20px; float:left; margin-right:20px;}
.we-offer-box .we-offer-innerbox p{ color:#fff; clear:both;}
/*.we-offer-box .we-offer-innerbox:nth-child(odd) { text-align:left;}
.we-offer-box .we-offer-innerbox:nth-child(even){text-align:right;}
.we-offer-box .we-offer-innerbox:nth-child(odd) img{float:left;}
.we-offer-box .we-offer-innerbox:nth-child(even) img{float:right;}
*/


.eng-cc .subtitle1, .eng-lesn .subtitle1{ font-size:20px;}
.eng-adult p{ color:#fff;}
.w-larg-t { width:100%;}
.w-larg-t p{ font-size:22px; text-align:center;}
.eng-adult span.subtitle2{ color:#fff !important; font-weight:600; margin:30px 0px; display:inline-block; border-bottom: #fff solid 1px;}


.form .form-subtitle3 p{font-size:35px; text-align:center; color:#fff; margin-bottom:30px; line-height:normal;}
.form-box{ width:60%; margin:0 auto;}
.form-box input[type="text"], .form-box input[type="number"], .form-box input[type="email"], .form-box input[type="date"], .form-box textarea, .form-box select { width:100%; background:none; margin-bottom:20px; border:#e74b5b solid 1px; outline:none; padding:8px 10px; color:#ff8383;}
.form-box input[type="submit"]{ width:100%; font-size:30px; text-transform:uppercase; background:#fff; border:none; color:#d11e30; font-weight:600; padding:0px; cursor:pointer;}
.form-box textarea{ height:65px !important; width:100% !important;}
.wpcf7{ width:100%;}

.form-box ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #ff8383;
}
.form-box ::-moz-placeholder { /* Firefox 19+ */
  color: #ff8383;
}
.form-box :-ms-input-placeholder { /* IE 10+ */
  color: #ff8383;
}
.form-box :-moz-placeholder { /* Firefox 18- */
  color: #ff8383;
}

.usefull-info .pagetitle2{ font-size:20px; font-weight:600; color:#505050; text-align:center;}
.usefull-info .panel-group{ margin-top:50px; /*border:solid 1px #ddd;*/}
.usefull-info .panel-default{ border:none;}
.usefull-info .panel-group .panel+.panel{ margin-top:0px;}
.usefull-info .panel-default>.panel-heading+.panel-collapse>.panel-body{ background:#FFF;}
.usefull-info .panel-default>.panel-heading a[aria-expanded="true"]{ color:#d11e30; font-size:16px; font-weight:600; border-top:solid 1px #ddd;}
.usefull-info .panel-group .panel-heading+.panel-collapse>.list-group, .usefull-info .panel-group .panel-heading+.panel-collapse>.panel-body{ border-top:0px;}
.usefull-info .collapsed{color:#d11e30; font-size:16px; font-weight:600; border-top:solid 1px #ddd; background:#f8f8f8;}
.usefull-info .panel-body, .usefull-info .panel-body p{ font-size:16px; line-height:28px; padding-left:10px;}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 6px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: -5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
  font-size:30px; font-weight:900;
}


.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}



.study-aborad .study-pic-box{ margin-top:50px;}



.cont-form{ margin-top: 80px;}
.cont-form .w50{ width: 50%; float: left;}
.cont-form .w100, .cont-form textarea{ width: 100%;}
.cont-form input[type="text"], .cont-form input[type="email"], .cont-form input[type="password"], .cont-form textarea, .cont-form select{ border: #ececec solid 2px; padding: 10px; outline: none; margin-bottom:20px; color:#8d8989;}
.cont-form select{border: #ececec solid 2px; padding: 8px 10px 8px 10px; outline: none; width:50%; color:#8d8989;}
.cont-form textarea{ min-height: 100px; margin-top:-1px;}
.cont-form input[type="submit"]{ background: #d11e30; padding: 10px 30px; border: none; color: #fff; text-transform: uppercase; font-size: 20px; font-weight: 700; margin-top: 20px;}
.cont-info strong{color: #263377; display: block; margin-top: 25px; margin-bottom:5px;}
.cont-info{ color: #949494;}
.cont-info img{ float: left; margin-right: 20px;}
.cont-info .t_sm{ margin-left: -10px;}
.cont-info .t_sm li{ padding:5px 0px;}
.cont-info .t_sm li img{ margin-right: 0px; width: 70%;}
.map{ margin-top: 50px;}
.login-form input{ margin-bottom: 20px;}
.login-form .subtitle1{ padding-left: 20px;}
.threecol span{ width:33.333%;}
.towcol span{ width:50%;}
.onecol span{ width:100%;}
.threecol input, .towcol input, .towcol select, .onecol input{ width:100%;}

.cont-form ::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #000;
}
.cont-form ::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.cont-form :-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.cont-form :-moz-placeholder { /* Firefox 18- */
  color: #000;
}





.english-test-level-page .pagetitle{ margin-top:70px;}
.english-test-level-page .usefull-info .panel-group{ margin-top:0px;}
.qsm_contact_div { width:49%; display:inline-block;}
.slide1{ margin:50px 0px;}
.qsm_contact_div span{
	width: 30%;
    float: left;
    text-align: right;
    padding-right: 20px;
	}
.qsm_contact_div  input[type="text"]{ width:70%;
    border: #ececec solid 2px;
    padding: 10px;
    outline: none;
    margin-bottom: 20px;
    color: #8d8989;
}
.quiz_section{ margin-bottom:30px;}
.qmn_mc_answer_wrap label{ font-size:14px; line-height:16px;}

.quiz_section input[type="submit"] {
    background-color: #d11e30 !important;
	background-image:none !important;
    padding: 10px 30px !important;
    border: none;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
}

.qmn_results_page {
	text-align:center;
	font-size:25px;
}



/* funcation css started here */
.footer #back-top{ display:none;}
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left:0px;
	z-index:99999;
	right:10px;
	
}

#back-top a {
	width: 50px;
	display: block;
	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background:#d11e30 url(../images/icon-scroll-mouse-h.png) center center  no-repeat;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
    background:#263377 url(../images/icon-scroll-mouse-h.png) center center  no-repeat;}

.clearHeader{background-color:none;} 
.darkHeader .topinfo{ display: none;}
.darkHeader nav{ background-color:#d11e30; position:fixed; top:-10px; left: 0px; z-index:999; width: 100%;
transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}







/* slider text css started here 

.slider-text1 {
animation-duration: 1.5s;
animation-name: slidein;
}

@keyframes slidein {
from {
margin-left: 300%;
width: 900px; 
}

to {
margin-left: 0%;
width: 955px;
}
}


.slider-text2 {
animation-duration: 5.5s;
animation-name: fadeout;
}

@keyframes fadeout {
from {
opacity: 0;
}

to {
opacity: 1;
}
}

.slider-text3 {
animation-duration: 5.5s;
animation-name: fadein;
}

@keyframes fadein {
from {opacity: 0; transform: scale(0.1);}
to {opacity: 1; transform: scale(0.9);}
}