@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

/* #global content defines */
body{
    line-height:1.6;
    font-size:15px;
    font-family:'Roboto', Helvetica, sans-serif;
    color:#2B2B2B;
    font-weight:400;
}
img{
    max-width:100%;
    height:auto;
    vertical-align:top;
}

a {
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
h1, h2, h3, h4, h5, h6{
    font-family:'Roboto', Helvetica, sans-serif;
    margin-top:0;
    margin-bottom:10px;
    font-weight:700;
    color: #2B2B2B;
}
h1{
    font-size: 70px;
    margin-bottom: 20px;
    font-weight:700;
    line-height: 70px;
}
h2{
    font-size: 28px;
    margin-bottom: 20px;
}
h3{
    font-size: 18px;
    margin-bottom: 8px;
}
.mt-5{
    margin-top:5px!important;
}
div[class$="region"]:not(.banner-region){
    position:relative;
    padding:40px 0;
}
p{
    margin-bottom:15px;
}
p:last-child{
    margin-bottom:0;
}

.ms ul{
    list-style: outside none none;
    margin: 0 0 10px 0;

}

.ms ul li {
    list-style: outside none none;
    margin: 0;
    padding: 3px 0 3px 25px;
    position: relative;
    text-align: left;
    font-size: 15px;
}

.ms ul li::before {
   color: #FF692E;
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 4px;  font-weight: 600;   
}

.features-img img {
    max-height: 135px;
}
.white-color{
    color:#fff;
}
.m-btm-40{
    margin-bottom:40px !important;
}

.mt-15{
    margin-top:15px !important;
}

.mt-30{
    margin-top:30px !important;
}

.mb-20{
    margin-bottom: 20px!important;
}

.mb-0{
    margin-bottom: 0!important;
}

iframe{
    width:100%;
}

*:focus{
    outline:0 !important;
}
.greycolor-con {
    background-color: #f3f3f3;
    padding: 40px 0;
}

ul{
    padding:0;
    margin:0;
}

ul li{
    list-style: none!important;
}

.sub-heading{
    margin-bottom: 20px;
}
.sub-heading p{
    max-width: 70%;
    margin: 0 auto;
    margin-top: 10px;
}

section{
position: relative;
float: left;
width: 100%;
padding: 35px 0;
}

/* #navbar css */
li.iconforweb > a {
    width: auto;
    height: auto;
    background-color: transparent !important;
    border-radius: 0;
}
li.iconforweb > a img {
    height: 22px;
    float: left;
    margin-top: 6px;
    margin-right: 5px;
}
li.iconforweb > a b {
    font-weight: 400;
    margin-left: 2px;
}

.fa-shopping-cart{
	font-size: 18px;
}

.header-region{
    border: 0;
    border-radius: 0;
    box-shadow: 3px 0 7px rgba(0, 0, 0, 0.3);
    z-index: 1;
    padding: 10px 0;
    background-color: #fff;
}
.navbar-brand{
    padding: 0 0 0 15px;
    height: auto;
}
.navbar-brand img{
    max-height:41px;    
}
.header-region .navbar-nav>li>a{
color: #2B2B2B;
/*font-weight: 600;*/
padding: 0 12px;
line-height: 32px;
}

.header-region .navbar-nav>li>a:hover{
	color: #F15A22;
}

.header-region .navbar-nav>li:last-child>a{
	padding-right:0;
}

.header-region .navbar-nav>li.open>a,
.header-region .navbar-nav>li a:hover,
.header-region .navbar-nav>li a:focus{
    background-color:transparent;
}
#navbar-collapse-1 > ul:first-child{
    padding-left:40px;
    margin-top:5px;
}
.header-region .navbar-right > li{
    margin:0 10px;
}
.header-region .navbar-right > li:last-child{
    margin-right:0;
}
.header-region .navbar-nav>li>a.highltcolor{
    background-color: #ff692e;
    color: #fff;
    padding: 0 20px;
}
.header-region .navbar-nav>li>.dropdown-menu{
    top: 55px;
    background-color: #eaeaea;
    padding: 0;
    border: 1px solid rgba(0 , 0, 0, 0.1);
    border-bottom: 0;
    left: 0;
    right: initial;
}
.header-region .dropdown-menu>li>a{
    line-height: 1.6;
    border-bottom: 1px solid rgba(0 , 0, 0, 0.1);
    padding: 7px 20px;
    color:#000;
}


.freetrial{
    border:1px #E35612 solid;
    margin-left: 15px;
}




/* #banner region start */

.banner-wrapper{
    background-image: url("../images/bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    float: left;
    width: 100%;
    padding: 60px 0;
    overflow: hidden;
    min-height: 500px;
}

.banner-wrapper:before{
background-image: url("https://clsite-file.s3.amazonaws.com/106960_black-background.png");
height: 100%;
position: absolute;
right: 0;
opacity: inherit;
top: 0;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
content: "";
}


.red-live{
background-color: #FF2323;
text-transform: uppercase;
border-radius: 4px;
padding: 2px 10px;
font-size: 42px;
display: inline-block;
line-height: 42px;
}

.text-white{
    color: #fff;
}

.banner-wrapper h1{
    margin-bottom: 15px;
}

.info-block{
    text-align: center;
    margin:20px 0;
}

.info-block img{
    max-height: 90px;
}

.info-block h4{
    margin-top: 10px;
}


.two-button{
    margin:20px 0;
}

.two-button a{
background-color: #F15A22;
color: #fff;
border: 1px #F15A22 solid;
margin: 5px 10px;
border-radius: 0px;
min-width: 300px;
display: inline-block;
font-size: 18px;
}

.two-button a:hover,
.two-button a:focus{
    color: #fff;
}

.two-button a.btn-active{
    background-color: transparent;
}

.two-button a:hover{
    color: #fff;
}

/* #banner region close */


/* student testi start */

#student-test{
    border-bottom: 0.5px solid #cecece;
margin-bottom: 30px;
padding-bottom: 10px;
}



.slick-arrow{
    display: none!important;
}

.slick-dots{
    text-align: center;
    margin:20px 0;
}

.slick-dots li{
display: inline-block;
margin:0 5px;
}


.slick-dots li button{
background-color: #C4C4C4;
border-radius: 50%;
font-size: 0px;
width: 16px;
height: 16px;
box-shadow: none;
border: none;

}
.slick-dots li.slick-active button{
background-color: #F15922;

}


.slick-slide > div{
  padding: 0 10px;
}


#student-test .item .img-box{
float: left;
width:100px;
height:100px;
}

#student-test .item .img-box img{
border-radius: 50%;
display: inline-block;
margin-bottom: 15px;
background-color: #eee;
padding: 10px;
}

#student-test .item .test-user{
    float: left;
    width:calc(100% - 100px);
    padding-left:15px;

}

#student-test .item .test-user p{
    font-style:italic;
    
}

/* student testi close */


/* second menu start */

.secondmenutab{
margin-top: 30px;
float: left;
width: 100%;

}

.secondmenutab li{
    float: left;

}

.secondmenutab li a{
padding: 0 20px 5px 0;
color: #2B2B2B;
text-align: left;
margin-right: 20px;
text-decoration: none;
}

.secondmenutab li a.active{
border-bottom: 3px solid #F15922;
border-radius: 2px;
}

/* second menu close */


/* features start */
.features-box{
background-color: #FFFFFF;
-moz-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.16);
padding: 15px;
min-height: 350px;
margin-bottom: 30px; text-align: center;
}


.features-box .features-img{
    text-align: center;
}

.features-box .features-body h3{
    margin: 10px 0;font-size: 15px;
}

.features-box .features-body p:last-child{
margin-bottom: 0;
}


/* features close */


/* mentor start */

.mentor-box{
    margin-bottom: 30px;

}

.mentor-greybox{
background-color: #F9F9F9;
padding: 10px;
margin-bottom: 15px;

}

.mentor-greybox p{
    margin-bottom: 10px;
}

.mentor-greybox h3{

}

.raiting i {
    color: #F15A22;
    font-size: 13px;
}

.raiting span{
    margin-left: 15px;
}

/* mentor close */


/* choose program start */
.grey-bg{
background-color: #f9f9f9;
}


.program-box{
background: #FFFFFF;
-moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
-webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.16);
float: left;
width: 100%;
min-height:660px;
}

.program-box-inner{
    text-align: center;
}

.usecode-box{
background: #F15922;
color: #fff;
padding: 10px;
}

.usecode-box p{
    margin-bottom: 0;
}

.program-box-inner h3{
font-size: 24px;
margin-top: 25px;
padding: 0 20px;
}


.startamount{
margin-top: 15px;
}

.startamount p{
    margin-bottom: 5px;
}

.amountvalue{
    color: #EA1212;
    font-size:27px;

}

.program-list{
border-top: 1px #ddd solid;
margin-top: 10px;
padding: 15px 20px 0 20px;
float: left;
width: 100%;

}


.program-list li{
 margin-bottom: 10px;
background-image: url("https://clsite-file.s3.amazonaws.com/106960_Check-mark.svg");
text-align: left;
background-repeat: no-repeat;
padding-left: 32px;
background-size: 22px;
}

.enrollnow{
clear:both;
}

.enrollnow a{
background: #F15922;
border-radius: 2px;
color: #fff!important;
margin:15px 0;
}


#choose-program .col-md-6.pr-80 {
    padding-right:80px;
}

#choose-program .col-md-6.pl-80 {
    padding-left:80px;
}


/* choose program close */

/* faq block start */

.accordion-panel{
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 0;
}

.accordion-panel .panel {
width: 100%;
margin-bottom: 0px !important;
box-shadow: inherit;
padding: 0;
border: none;
}

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

.accordion-panel .panel + .panel {
    margin-top: 0px;
}
.accordion-panel .panel-default>.panel-heading a {
display: block;
padding: 12px 10px 12px 0;
box-shadow: inherit;
position: relative;
border-top: 1px solid #e2e2e2;
font-size: 15px;
}

.accordion-panel .panel-default>.panel-heading a:after {
    content: "";
    position: absolute;
    top:7px;
    display: inline-block;
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: 600;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;    
    right: 5px; 
    font-size:15px; 
    color:#2B2B2B;
}

.accordion-panel .panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: #fff;
    
}

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

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

.accordion-panel h4.panel-title{
  font-weight: 500;font-size:18px;
}

.accordion-panel h4.panel-title a{
    text-decoration: none!important;
}

.accordion-panel .arrow-list{
  padding-left:0;
}

.accordion-panel .arrow-list li i{
  margin-right:4px;
}

.accordion-panel .panel .panel-body{
background-color: #fff;
    border: 0;
    padding:15px 5px;
    -webkit-box-shadow:inherit;
    box-shadow:inherit;
}


/* faq block close */



/* Counselor start */

#counselor{
    
}

#counselor ul li{
margin-bottom: 10px;
background-image: url("https://clsite-file.s3.amazonaws.com/106960_Check-mark-white.png");
text-align: left;
background-repeat: no-repeat;
padding-left: 32px;
background-size: 22px;
color: #fff;
}

.speak-math-teacher.lft1 {
    position: relative;
    background-image: url(https://clsite-file.s3.amazonaws.com/106960_Speak-to-a-GMAT-counselor.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.lft {
    padding-right: 50px;
    text-align: left;
    padding-left: 60px;
    padding-top: 40px;
}

.ms ul {
    list-style: outside none none;
    margin: 15px 0 15px 0;
    padding: 0;
    letter-spacing: 1.2px;
}

.rgt {
    padding-left: 100px;
    text-align: left;
    padding-right: 60px;
    padding-top: 60px;
}

.first-region h4 {
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 600;
}

 #counselor .form-group {
    margin-bottom: 6px !important;
    position: relative;
}

.form-box {
    background: #fff;
    padding: 20px;
}


.intl-tel-input {
    float: left;
    margin:0;
    border-right: 1px #ddd solid;
}

.intl-tel-input .flag-dropdown .selected-flag {
    padding: 10px 16px 7px 0px;
    margin-top: 0;
}

.tel-code {
    width: 92px !important;
    padding-left: 40px !important;
    display: inline-block;
    float: left;
        color: #afabab!important;
}

.intl-tel-input .flag-dropdown .country-list{
    width:300px;
    text-align: left;
}

.form-control.mobile-new {
     width: calc(100% - 93px);
    float: left;
    padding-left: 15px!important;
}

#counselor .form-control {
background-color: transparent;
border-radius: 0px;
box-shadow: none;
color: #2b2b2b;
font-size: 15px;
font-weight: 300;
border-bottom: 1px solid #b1aeae !important;
/*height: 35px;*/
margin-bottom: 0px;
padding-left: 40px;
letter-spacing: 1.2px;
border: none;
}

#counselor select.form-control{
    color: #a29999;
}


.form-box .btn {
    background-color: #f15922;
    border: 0 none;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px;
    padding: 8px 45px;
    border-radius: 2px;
    margin-bottom: 15px;
    letter-spacing: 1.2px;
}
.form-control:focus {
border-color: none;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: none;
}

.form-group img{
color: #44355b;
    left: 7px;
    line-height: 64px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(10px, -54%);
    width: 17px;
}


/* Counselor close */


/* footer start */

.footer{
	padding-bottom: 0;

}

.footer .container > div{
margin: 15px 0;
width: 100%;
float: left;

}

.footer-top ul{
    margin-top: 10px;
}

.footer-top ul li{
	display: inline-block;

}

.footer-top ul li a{
	color: #000;
}


.footer-links{
    display: flex;
justify-content: space-between;
}

.footer-links .link-list{
}


.footer-links ul{
}

.footer-links li{
    margin-bottom: 3px;
}

.footer-links li a{
    color: #000;
}

.footer-links .social-icon{

}

.footer-links .social-icon > ul.share-icon li{
display: inline-block;
margin: 0 5px;
}

.footer-links .social-icon > ul.share-icon li a{
background-color: #f0f4f7;
width: 32px;
height: 32px;
border-radius: 30px;
display: inline-block;
text-align: center;
line-height: 32px;
font-size: 18px;
color: #3c4852;
    
}

.footer-links .social-icon > ul.share-icon li a:hover{
	background-color: #f15922;
	color: #fff;
}

.footer-links .social-icon h5{
    margin:10px 0;
}

.footer-links .social-icon .app-icon li{
    display: inline-block;

}

.footer-links .social-icon .app-icon li a{
    
}

.footer-links .social-icon .app-icon li img{
    max-height: 30px;
}


.footer-bottom a{
    font-weight: normal;
    color: #2B2B2B;
    margin-right: 15px;
    font-size:16px;
}

.footer-bottom a b{
    font-weight: normal;
}

/* footer close */

#back-to-top{width: 54px;height: 54px;position: fixed;bottom: 30px;right: 20px;font-size: 27px;border-radius: 50%; line-height:54px;z-index: 99;display: none;
color: #fff;text-align: center;cursor: pointer;background:#F15A22;}
#back-to-top::after {position: absolute;z-index: -1;content: '';top: 100%;font-size: 18px;left: 5%;height: 10px;width: 90%;opacity: 1;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
}


/* #responsive menu breakpoints change */

@media only screen and (max-width:1024px){

}


@media only screen and (max-width:991px){
	.header-region .navbar-right > li{
		margin:0;
	}

.footer-links{
	display: block;
}

.footer-links .link-list {
    width: 20%;
    float: left;
    padding: 0 5px;
}
.footer-links .social-icon > ul.share-icon li {
    margin: 0 2px 4px 2px;
}

}

@media only screen and (max-width:767px){
.navbar-toggle {
	background-color: #F15A22;
border-color: #F15A22 !important;
padding: 8px 6px !important;
margin: 5px 15px 0 0;
}
.navbar-toggle .icon-bar {background-color: #fff;}
.navbar-brand img {max-height: 41px!important;}
.menu-region .navbar-nav>li.iconforweb {display: none;}

.two-button{
	text-align: center;
}


#student-test .item{
	text-align: center;
}

#student-test .item .img-box{
	float: none;
	display: inline-block;
}

#student-test .item .test-user {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
}

.features-box{
	min-height: inherit;
}

#features .col-md-4:last-child .features-box,
#mentors .col-md-4:last-child .mentor-box{
	margin-bottom: 0;
}

.mentorimg img{
	width: 100%;
}

#choose-program .col-md-6.pr-80 {
    padding-right: 15px;
}

#choose-program .col-md-6.pl-80 {
    padding-left: 15px;
}

.program-box{
	margin-bottom: 30px;
	min-height: inherit;
}

#choose-program .col-md-6:last-child .program-box{
	margin-bottom: 0;
}

.sub-heading {
    margin-bottom: 15px;
    margin-top: 15px;
    float: left;
    width: 100%;
    clear: both;
}

.rgt {
    padding: 60px;
}

.footer-links .link-list {
    width: 33.33%;
    float: left;
    padding: 0 5px;
    min-height: 130px;
}

#navbar-collapse-1 > ul:first-child {
    padding-left: 0;
    margin: 10px 0;
}

.freetrial {
    border: none;
    margin-left: 0;
}



}




@media only screen and (max-width:480px){

.banner-wrapper{
	padding-bottom: 20px;
}

	.banner-wrapper .col-md-9 .col-md-4{
		width:100%;
	}

	.info-block img {
    max-height: 70px;
}

	.banner-wrapper h1 {
    font-size: 48px;
    line-height: 48px;
}

.red-live{
	font-size: 36px;
	line-height: 36px;
}

.two-button a{
	width:100%;
	margin:10px 0;
}

.secondmenutab{
	display: none;
}

.footer-links .link-list {
    width: 100%;
    float: left;
    padding: 0;
    min-height: inherit;
    margin-bottom: 15px;
}

.footer-links .link-list:last-child{
	margin-bottom: 0;
}

.rgt {
    padding: 30px;
}


}