/*****************************************************/
/* Project Name	:	www.m-tutor.com					*/
/* Powered by	:	Symbiotic Info Pvt Ltd			*/
/* Created by	:	Murugan.P						*/
/* Created Date	:	10 Sep 2015						*/
/*****************************************************/

/* ===================================
    Google font
====================================== */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,700);


/*General CSS*/
body{ font-family: 'Titillium Web', sans-serif; -webkit-font-smoothing: antialiased; font-size:14px; color:#626262; line-height:23px; letter-spacing: 0.02em }
h4, .h4{font-size:22px;}
h1, h4{font-family:'Titillium Web', sans-serif; font-weight:300;}
h1 strong, h4 strong{font-family:'Titillium Web', sans-serif;font-weight:600;}
.textureBg{background: url(../images/contact-bg.gif) repeat;}
input::-moz-focus-inner {border: 0;}
a:hover, a:active, a:focus {outline: 0;}
ol, ul {list-style: none;}
hr{margin-top:10px;}

/*************Color CSS******************/	
.blue-shade1{background:#0d47a1;color:#fff;}
.blue-shade2{background:#1565c0;color:#fff;}
.blue-shade3{background:#1976d2;color:#fff;}
.blue-shade4{background:#1e88e5;color:#fff;}
		
.blue{background-color: #50c1e9;color:#fff;}
.pink{background-color: #e84f82;color:#fff;}
.red{background-color: #e8594f;color:#fff;}
.purple{background-color: #d14fe8;color:#fff;}
.deep-purple{background-color: #874fe8;color:#fff;}
.indigo{background-color: #4f66e8;color:#fff;}
.cyan{background-color: #4fd6e8;color:#fff;}
.teal{background-color: #4fe8d9;color:#fff;}
.green{background-color: #4caf50;color:#fff;}
.amber{background-color: #e8c24f;color:#fff;}
.orange{background-color: #ff9800;color:#fff;}
.deep-orange{background-color: #ff5722;color:#fff;}
.brown{background-color: #795548;color:#fff;}
.light-green{background-color: #8bc34a;color:#fff;}
.lime{background-color: #c0ca33;color:#fff;}
.sunset-orange{background-color: #f64747;color:#fff;}
.cabaret{background-color: #d2527f;color:#fff;}
.plum{background-color: #913d88;color:#fff;}
.greensmoke{background-color: #9cb265;color:#fff;}
.radical-red{background-color: #f62459;;color:#fff}

.deep-purple{background:#874fe8;color:#fff;}
.green1{background:#16a085;color:#fff;}
.blue1{background:#2980b9;color:#fff}
.red1{background:#f0644b;color:#fff;}
.teal1{background:#34b1c4;color:#fff}

.bg1{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #01193e, #003b68, #0075ad, #179ccf) repeat scroll 0 0; color:#fff;}
.bg2{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #360033, #300e41, #223166, #105e94) repeat scroll 0 0;}
.bg3{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #2f1947, #341c4d, #533571, #a86baf) repeat scroll 0 0;}
.bg4{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #082533, #0d3343, #366f6a, #7ca87b) repeat scroll 0 0;}
.bg5{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #360033, #301043, #213469, #0d669d) repeat scroll 0 0;}
.bg6{background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, #131c47, #192152, #474c9a, #ac93d2) repeat scroll 0 0;}
/******TAB CSS********/
.tab-content.active{display: block;}			
.tab-content.hide{display: none;}
			
			
/***********Header *****/
.mainlogo {display: block;float: left;width: 140px;height: 69px;text-indent: -9999px;background: url(../images/mainlogo.png) no-repeat;background-size: 140px 69px;margin:15px 0px 0px 20px;}

/************Inner banner*****/
.inner-header{color: #fff; 	
	/*margin-bottom:15px;*/
	position: relative;	margin-top:98px;}

.abtheader {
    color: #fff !important;  
    background-image: url(../images/aboutus-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 

.abtheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.mobileheader {
    color: #fff;  
    background-image: url(../images/mobilelearning-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 

.mobileheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.productheader {
    color: #fff;  
    background-image: url(../images/product-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 

.productheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.careerheader {
    color: #fff;  
    background-image: url(../images/career-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 

.careerheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.mediaheader {
    color: #fff;  
    background-image: url(../images/media-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 

.mediaheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.contactheader {
    color: #fff;  
    background-image: url(../images/media-bg.jpg);
	background-size:cover;
	min-height:200px;	
} 
.contactheader:before {
	content: '';
	background: rgba(0,120,215, .8);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


@media(max-width:768px) 
{
header .container-fluid{padding-left:0px !important; padding-right:0px !important;}
}    

  @media all and (max-width: 660px) 
  {	  
	.mainlogo {
	margin:10px 15px;
	width: 70px;
	height: 35px;      
	background: url(../images/small-logo.png) no-repeat;
	background-size: 70px 35px;
	}
	.carousel-caption h2{font-size:1em;}
}
	  
	  

/*************carousel***************/

.carousel h1{font-family:"Titillium Web", arial; font-size:44px;}
.carousel-caption{padding-bottom:80px; left:3%;text-align:left;max-width:45%;}

#slider .container-fluid{padding-left:0px;padding-right:0px;}
.carousel-indicators{bottom:65px;}
.btn-knowmore{background:transparent;color:#fff;}
.btn-knowmore:hover{color:#000;}
.btn{border-radius:0px;}
/***********feature-container******************/

.feature-container{background:#e3a21a;padding:30px 0px;min-height:294px;}
.fetur-contr-box{display:table;margin:1em 0em;}
.fetur-contr-box .left, .fetur-contr-box .right{display:table-cell;vertical-align:middle;}
.fetur-contr-box .left{width:22%;color:#fff;}
.fetur-contr-box .right{text-align:left;width:78%;color:#000;}
.fetur-contr-box .right h4{font-size:22px;color:#000;margin-top:0px;}
.fetur-contr-box .right a{color:#fff; transition: all 0.2s ease-in-out 0s;}
.fetur-contr-box .right a:hover{color: #000;padding-left: 3px;transition: all 0.2s ease-in-out 0s;}
	
.divider{background:url(../images/divider.png) center center repeat-y ; min-height:230px;}


/*******************Advantage students**********************/

.advant-container{padding:0px 0px;min-height:294px;}
.advant-container .col-md-4{padding:29px 10px 30px;}
.advant-container .col-md-4:hover{background:#fff;}
.circle-icons{border-radius:100%;padding:0px 0px;text-align:center;width:60px;height:60px;font-size:30px;color:#fff;overflow:hidden;display:inline-block; text-align:center;line-height:1.6;}

.ad-student-icon{background:#e3a21a;border:3px solid #fff;}
.ad-univ-icon{background:#288ce1;border:3px solid #fff;}
.ad-vision-icon{background:#689f38;border:3px solid #fff;}

.advant-container a:hover{ color: #000;padding-left: 3px;transition: all 0.2s ease-in-out 0s;}

/*******************Advantage Institutions**********************/
.adv-inst-container{background:#b91d47;padding:17px 0px;min-height:294px; color:#fff;}

.adv-inst-container a{color:#fff;}
.adv-inst-container a:hover{color: #000;transition: all 0.2s ease-in-out 0s;}
@media (min-width: 991px) {
	.product_demo_text{padding:34px 0px;}
}

/******************Part University**********************/
.cd-main-content .feature-container .container{padding:0px;}
.cd-main-content .adv-inst-container .container{padding:0px;}
.cd-main-content .testimonial-container .container{padding:0px;}
.univ-container{padding:15px 15px;min-height:294px;}
.univ-logos{margin:0px;padding:0px;}
.univ-logos ul{list-style-type:none;}
.univ-logos ul li{margin:0px 10px; padding:10px 15px;float:left; border:1px solid #ccc; background:#fff;}
.univ-logos ul li a{margin:0px; padding:10px 35px;}
.univ-logos .border-left{border-left:1px solid #ddd;}
.univ-logos .border-bottom{border-bottom:1px solid #ddd;}
.uvr-logo {border-right:1px solid #ddd; border-top:1px solid #ddd;padding:15px 30px;text-align:center;min-height:175px; cursor:pointer;font-size:1.3em; background:#fff;}
.uvr-logo.active, .uvr-logo:hover{color:#fff;background:#df494a;}
@media(max-width:991px){
	.uvr-logo{ border-left:1px solid #ddd;}	
	}

.thumb-logos{border:1px solid #ccc; background:#fff; margin:0px 10px; padding:15px 85px;display:inline-block;}
.carousel-control{width:2%;}
.carousel-indicators li{height:8px;width:8px;border-color:#ccc;}
.carousel-indicators .active{background-color:#ccc;height:9px;width:9px;}
.carousel-control.right, .carousel-control.left{background-image:none;background:transparent;}
#myCarousel1 .carousel-indicators{bottom:-24px;}
#myCarousel1 .carousel-indicators .active{background-color:#000;}

#myCarousel1 .carousel-indicators li {background-color:#ccc;}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{background:rgba(0,0,0,0.2);font-size:35px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next{height:40px;width:40px;}

#myCarousel1 .carousel-control{top:35px;width:5%;}
.carousel-inner  span{display:inline-block;padding-bottom:10px;}
.carousel-inner img{width:100%;}


/******************Testimonials********************/

.testimonial-container{background:#00aba9 ;/*url(../images/testimonials/bg04.jpg) no-repeat;background-size:cover;*/ padding:35px 0px;min-height:294px;color:#fff;}
.testimonials-text{
		background:#2980b9;
		color:#fff;
		padding:10px 10px 30px 10px;
		border-radius:5px;
		margin-bottom:5px;
}
.testimonials-text.even{
		background:#4caf50;
		color:#fff;
}
.testimonial-img{
		height:60px;
		width:60px;
		float:left;
		margin-top:-28px;
		border:5px solid #fff;	
}
.testimonial-img-acd{
	height:60px;
	width:60px;
	float:right;
	margin-top:-28px;
	border:5px solid #fff;
}
.testimonial-sharer{
		float:right;
}
.testimonial-sharer-acd{
	float:left;
}
.testimonial-sharer-acd::before{content:"";}
.testimonial-sharer-acd::after{content:"— ";}
.blk-quot{padding:10px 15px;border:0px;}
blockquote{font-size:13px;border:0px;}
.blockquote-reverse, blockquote.pull-right{border:0px;}
blockquote p:before{ content: "\f10d"; font-family: 'FontAwesome'; font-size:1em;margin-right:.55em; opacity:.5; vertical-align:0.4em}
blockquote p:after{ content: "\f10e"; font-family: 'FontAwesome'; font-size:1em;margin-left:.55em; opacity:.5;}
blockquote p{display:inline;}

.presentation{margin-bottom:15px;text-align:justify;}
.presentation  h4{font-size:18px;line-height:26px; text-decoration:underline;}
.presentation .inner{padding:10px 15px; margin-bottom:15px;min-height:220px; border-radius:15px;}
.presentation  img{border-radius:15px;margin-bottom:15px;width:100%;}
/************Footer**********************/
.footer .container{border-bottom:1px solid #2e2e2e;padding:15px 0px;}
.footer{background:#1D1D1D;color:#666; padding:20px 0px;min-height:200px;}

.footer ul{list-style-type:none; margin:0px 0px; padding:0px 0px;}
.footer ul li{margin:0px 0px; padding:0px 0px;}
.footer ul li a{margin:0px; padding:10px 35px 0px 0px; transition: all 0.2s ease-in-out 0s;}

.footer .heading{font-weight:600;padding-bottom: 5px;font-size:1.1em;color:#fff;}

.footer ul li a{
	color: #767676;
	display: inline-block;	
	text-decoration: none;
	padding: 0;
	line-height: 28px;
	position: relative;
	transition: 300ms;
	-webkit-transition: 300ms;
}

.footer ul li a:after {
	position: absolute;
	left: -8px;
	content: "\f105";
	font-family: fontAwesome;
	top:0;
	opacity: 0;
	transition: 300ms;
	-webkit-transition: 300ms;	
}

.footer ul li a:hover {
	margin-left: 10px;
	color:#fff;
}
.footer ul li a:hover:after {
	opacity: 1;
}

.footer hr{border-top:1px solid #2e2e2e;}

.app_download{ border-right:1px #2e2e2e solid;}
.app_download ul{list-style-type:none; margin:0px 0px; padding:0px 0px;}
.app_download ul li{margin:0px 0px; padding:0px 8px; display:inline-block;background:#3e3e3e;border-radius:100%;}
.app_download ul li a{margin:0px; padding:8px 5px; transition: all 0.2s ease-in-out 0s;width:20px;line-height:17px;color:#646262;}
.app_download ul .disapper{ margin:0px 0px; padding:0px 8px; display:inline-block;background:#212121;border-radius:100%;}
.app_download ul .disapper i{margin:0px; padding:8px 5px; transition: all 0.2s ease-in-out 0s;width:20px;line-height:17px;color:#2e2e2e;}
.app_download ul li a:after, .app_download ul .disapper i:after {	
	top:0;
	content: none;
	opacity: 0;
	transition: 300ms;
	-webkit-transition: 300ms;	
}
.app_download ul li a:hover {
	margin-left: 0px !important;
	color:#fffbfb;
	transition: all 0.2s ease-in-out 0s;
}
.app_download ul li:hover{background:#000000;transition: all 0.2s ease-in-out 0s;}
.app_download ul .disapper:hover{ background:#212121;}

.social ul{list-style-type:none; margin:0px 0px; padding:0px 0px;}
.social ul li{margin:0px 0px; padding:0px 8px; display:inline-block;background:#3e3e3e;border-radius:100%;}
.social ul li a{margin:0px; padding:8px 5px; transition: all 0.2s ease-in-out 0s;width:20px;line-height:17px;color:#646262;}

 
.social ul li a:after {	
	top:0;
	content: none;
	opacity: 0;
	transition: 300ms;
	-webkit-transition: 300ms;	
}
.social ul li a:hover {
	margin-left: 0px !important;
	color:#fffbfb;
	transition: all 0.2s ease-in-out 0s;
}
.social ul li:hover{background:#000000;transition: all 0.2s ease-in-out 0s;}
.copyright{padding:15px 0px}

.copyright a:link, .copyright a:visited {
    color: #666;
	text-decoration:underline;
    
}
.copyright a:hover{text-decoration: none;color:#818181}
@media screen and (min-width:640px) and (max-width:767px)  {
	.cd-main-content .footer .container .col-md-2.col-xs-6.col-sm-4{ width:33.333%;}
	.cd-main-content .footer .container .col-md-4.col-xs-12.col-sm-8{ width:66.6667%;}
}
@media screen and (min-width:200px) and (max-width:639px)  {
	.clear{ clear:both;}	
}
@media screen and (min-width:358px) and (max-width:380px)  {
	.footer ul li a:hover {margin-left: 0px;}
}
/**************/

.mobile-app{margin:0px;padding:0px;text-align:center;}
.mobile-app h2{font-size:36px;}
.mobile-app .info{padding-top:10%;}
.mobile-app .app-icon ul{margin:0px auto;padding:0px; }
.mobile-app .app-icon ul li{display:inline-block;padding:0px 15px;margin:15px 0px;}
.mobile-app .app-icon ul li a{padding:0px 0px;}
.mobile-app .app-icon ul li .inactive{opacity:.5;}
/*****Products*********/

.cd-main-content .container-fluid.teal1 #mt-bm-as .row .col-md-8.col-sm-8.col-xs-12 .bullet.wow.bounceIn.fadeInDown.animated ul{ line-height:15px;}
.service-style-6 .border-left {
    border-left: 1px solid #ddd;
}
.service-one {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
   /* cursor: pointer;*/
    min-height: 250px;
    padding: 15px 30px;
}

.advantage-institutions {  
    min-height: 200px;
    padding: 10px 30px;
}
.advantage-institutions ul{margin:0px;padding:0px;}
.advantage-institutions  h3{font-size:22px;}
.advantage-institutions  h3 span {border-radius:100%;padding:0px 0px;text-align:center;width:35px;height:35px;font-size:16px;display:inline-block; text-align:center;line-height:2;border:1px solid #fff;}

.advantage-institutions:hover, .advantage-institutions:hover a p, .advantage-institutions:hover h2, .advantage-institutions:hover h3, .advantage-institutions:hover h4,.advantage-institutions:hover h3 span{border-color:#fff;color:#fff; }

.feature-one {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    cursor: pointer;
    min-height: 350px;
    padding: 0px 30px;
	text-align:justify;
}

.feature-one h3{font-size:16px;}

.service-style-6 .border-bottom {
    border-bottom: 1px solid #ddd;
}
.service h3,  .service-one {
    transition: all 0.3s ease-in-out 0s;
}
.service-one.active, .service-one:hover,.feature-one.active, .feature-one:hover, .advantage-institutions:hover{background-color: #df494a; border-color:#df494a;}


.feature-one:hover, .feature-one:hover a p, .feature-one:hover h2, .feature-one:hover h3, .feature-one:hover h4{color:#fff;}
.service-one:hover, .service-one:hover a p, .service-one:hover h2, .service-one:hover h3, .service-one:hover h4{color:#fff;}

.cd-main-content #tab1 .container, .cd-main-content #tab3 .container{margin-bottom:35px;}
.cd-main-content #tab2 .container{margin-bottom:25px;}
.cd-main-content #tab5 .container{margin-bottom:35px;}

/********Careers********/
.careers{background-image:url(../images/hr.jpg)/*, url(../images/contact-bg.gif)*/;
	background-repeat:no-repeat/*, repeat*/; background-position:right bottom/*, 100%*/; min-height:650px;}
#current-jobs{margin-top:20px;}
.job-apply-btn{margin:35px 0px;}


.job h2{font-size:25px;color:#000;margin:0px;padding:10px 10px;background:#51a4fa;}
.job {background:#2e81dd;padding:0px;position:relative;/*top:-15px;*/ margin-bottom:15px;}
.job ul{margin:0px;padding:0px;list-style-type:none;}
.job ul li{margin:0px;padding:0px ;}
.job ul li a{margin:0px;padding:10px 10px;text-decoration:none;color:#fff;display:block;border-bottom:1px solid #51a4fa;}
.job ul li a:hover{background:#51a4fa;color:#000;}


.nav > li > a.active, .nav > li > a:hover, .nav > li > a:focus{background-color: #fff !important; color:#626262 !important;}
@media screen and (max-width: 1024px) {
	.careers{ background-image:none; min-height:inherit;}
	.job h2{font-size:24px;}	
}
/*********About us**********/
/* 13 - Inner page header */
.inner-head {
	background-image: url(../images/aboutus-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;	
	/*padding: 50px 0px 20px 0px;	*/
	margin-bottom:15px;
	min-height:175px;
}

.inner-head:after {
	content: '';
	background: rgba(45,137,239, .5);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.inner-head .container {
	position: relative;
	z-index: 100;
}
.inner-head-info h1{font-size:4em;color:#fff;margin:0px 0px;padding:50px 0px 0px 0px;}
.inner-head-info .breadcrumb {background:transparent}
.inner-head-info .breadcrumb a{color:#fff;}
.inner-head-info  .breadcrumb > .active{color:#000;}
.fcenter{ text-align:center; margin:0 auto;}

/*@media screen and (min-width:200px) and (max-width:640px){
.about-inner{padding:10px 0;width:100%;margin:0 0px;}
.about-weare{margin:0 5% 10px;width:90%}	
.about-inner.about-mobile{display:block}
.hideContent{height:0;overflow:hidden;color:#5a5a5a;font:14px;line-height:22px;margin:0px 0%;}
.show-more{margin-top:5%;margin-bottom:5%;text-align:center}
.showContent{height:auto;color:#5a5a5a;font:14px;line-height:22px;margin:0px 5%;}
.show-more a{font:14px ;text-decoration:none;padding:0px 15px 2px;color:#fff;background:#E41A1A;}
#about-innerbg{height:auto;}
.about-inner.service-animate{display:none}
.info-team{ margin:0 auto;}
.fcenter{ text-align:center; margin:0 auto;}
.reveal-modal,.big-link{display:none}
}*/
@media screen and (min-width:200px) and (max-width:479px)  {
.about-inner{padding:10px 0;width:100%;margin:0 0px;}
.about-weare{margin:0 5% 10px;width:90%}
.about-inner.about-mobile{display:block}
.about-inner.service-animate{display:none}
.hideContent{height:0;overflow:hidden;color:#5a5a5a;font:13px ;line-height:22px;margin:0px 0%;}
.showContent{height:auto;color:#5a5a5a;font:13px;line-height:22px;margin:0px 5%;}
.showContent p{height:auto;color:#5a5a5a;font:13px ;text-align:center;padding:0 0px;line-height:22px;margin:0px 0%;}
.show-more{margin-top:5%;margin-bottom:5%;text-align:center}
.show-more a{font:15px ;text-decoration:none;padding:0px 15px 2px;color:#fff;background:#E41A1A;}
.reveal-modal,.big-link{display:none}
/********End******/	
}

@media screen and (min-width:480px) and (max-width:549px){
.about-inner{padding:10px 0;width:100%;margin:0 0px;}
.about-weare{margin:0 5% 10px;width:90%}
.about-inner.about-mobile{display:block}
.about-inner.service-animate{display:none}
.aboutlink,#aboutlogo{display:none}
.hideContent{height:0;overflow:hidden;color:#5a5a5a;font:13px ;line-height:22px;margin:0px 0%;}
.showContent{height:auto;color:#5a5a5a;font:13px ;line-height:22px;margin:0px 5%;}
.showContent p{height:auto;color:#5a5a5a;font:13px ;text-align:center;padding:0 0px;line-height:22px;margin:0px 0%;}
.show-more{margin-top:5%;margin-bottom:5%;text-align:center}
.show-more a{font:15px;text-decoration:none;padding:0px 15px 2px;color:#fff;background:#E41A1A;}
.reveal-modal,.big-link{display:none}
}
@media screen and (min-width:550px) and (max-width:767px){
.about-inner{padding:10px 0;width:100%;margin:0 0px;}
.about-weare{margin:0 5% 10px;width:90%}
.about-inner.about-mobile{display:block}
.about-inner.service-animate{display:none}
.hideContent{height:0;overflow:hidden;color:#5a5a5a;font:13px;line-height:22px;margin:0px 0%;}
.showContent{height:auto;color:#5a5a5a;font:13px;line-height:22px;margin:0px 5%;}
.showContent p{height:auto;color:#5a5a5a;font:13px;text-align:center;padding:0 0px;line-height:22px;margin:0px 0%;}
.show-more{margin-top:5%;text-align:center;margin-bottom:5%;}
.show-more a{font:15px ;text-decoration:none;padding:0px 15px 2px;color:#fff;background:#E41A1A;}
.reveal-modal,.big-link{display:none}
}

@media screen and (min-width:768px) and (max-width:980px) {
.about-inner{padding:10px 0;width:90%;margin:0 auto;}
.about-weare{margin:0 0 10px 0;width:35%}
.about-inner.about-mobile{display:none}
.about-inner.service-animate{display:block}
/*****End****/
}

/*.inner-head-info{display:none;}*/
/******************************/
#navjustified {width:100%;z-index:1555;padding:0px;margin:0 0 30px; border-bottom: 1px solid #e6e6e6;}
#navjustified .container-fluid{padding-left:15px;padding-right:15px;}
#navjustified .nav{padding:0px 0px;text-align:center;}
.nav-justified .active a{ border-bottom: 2px solid #337ab7;}
.nav-justified > li{display:inline-block;text-align:center;}
.nav-justified > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
  margin-right: 10px;
  font-weight: bold; 
  color:#626262;  
}
.nav-justified > li > a:hover {
  color:#337ab7 !important;
  border-bottom: 2px solid #337ab7;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  color:#337ab7 !important;
}
@media (min-width: 992px) {
  .nav-justified {
    max-height: 52px;
  }

}


/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}

.leadershipteam blockquote{color:#404040;font-size:14px;}


/*********************Mobile Learning ********************/
.mobilelearn ul {
	padding: 0;
	margin: 0 0 20px;
	list-style: none;
}

.mobilelearn ul li {	
	padding: 9px 31px 10px;
	/*border-bottom: 1px solid #65b368;*/
	position: relative;
}

.mobilelearn ul li a {
	color: #656565;
}

.mobilelearn ul li a:hover {
	color: #f96868;
}

.mobilelearn ul li:before {
	color: #fff;
	/*opacity:.3;*/
    content: "\f192";	
    font-family: "FontAwesome";
    font-size: 18px;
    height: 10px;
    left: 4px;
    top: 6px;
    position: absolute;
    width: 10px;
}


.bullet ul {
	padding: 0;
	margin: 0 0 40px;
	list-style: none;
}

.bullet ul li {	
	padding: 9px 31px 10px;
	/*border-bottom: 1px solid #3e73b9;*/
	position: relative;
}

.bullet ul li a {
	color: #656565;
}

.bullet ul li a:hover {
	color: #f96868;
}

.bullet ul li:before {
	color: #fff;
	
    content: "\f00c";	
    font-family: "FontAwesome";
    font-size: 16px;
    height: 10px;
    left: 6px;
    top: 12px;
    position: absolute;
    width: 10px;
}

/*
.bullet ul li:last-child {
	border-bottom: 1px solid #3e73b9;
}
*/

.list ul {
	padding: 0;
	margin: 0 0 10px;
	list-style: none;
}

.list ul li {	
	padding: 5px 31px 10px;	
	position: relative;
}

.list ul li a {
	color: #656565;
}

.list ul li a:hover {
	color: #f96868;
}

.list ul li:before {
	color: #f96868;
    content: "\f105";	
    font-family: "FontAwesome";
    font-size: 18px;
    height: 10px;
    left: 4px;
    top: 6px;
    position: absolute;
    width: 10px;
}


/************************gallery***********/
.gallery ul {list-style:none;margin:10px 0px;padding:0px;}
.gallery ul li{display:inline-block;padding:0px;margin:0px;}
.gallery figure {
	height: 180px;
	overflow: hidden;
	position: relative;
	width: 320px;
}
.gallery figcaption {
	background: rgba(0,0,0,0.8);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	text-align:center;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	z-index: 100;
}
.gallery figcaption p {
	display: table-cell;
	font-size: 1.2em;
	position: relative;
	top: -40px;
	width: 320px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
	vertical-align: middle;
}
.gallery li:hover figcaption p {
	-moz-transform: translateY(40px);
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}
.gallery li:hover figcaption {
	opacity: 1;
}
@media all and (min-width: 674px ){
	.gallery ul li{padding:10px 15px;}
}
@media screen and (min-width:320px) and (max-width:673px)  {
	.gallery{ text-align:center;}
	.gallery ul li{padding:10px 0px;}
	}
@media all and (max-width:360px ){
	.gallery_mob{padding:5px;}
}
.news ul {list-style:none;margin:10px 0px;padding:0px;}
.news ul li a{display:block;padding:10px 10px;margin:0px;border-bottom:1px solid #eee; }

.news ul li a:hover {background:#4A89DC; color:#fff; margin:0px; display:block;}

/*Login part*/
	.account-container{margin:20px auto;display:block;max-width:380px;}	
.account-container .content{padding:15px 25px 15px 25px;}
	.account-container h4{margin-bottom:20px;}
	/*.login-fields p{color:#666;}*/
	.login-fields .field{margin-bottom:1.25em;}

	/*Form control*/

	.form-horizontal .control-label {text-align: left !important;}
	label.error {color: red;font-style: italic;font-weight: normal;margin-top: 3px;}
.form-control,.input-group-addon{ border-radius: 0px !important;font-size: 14px !important;}


.account-container .btn {border-radius: 0px !important;}
.account-container a{text-decoration:none;}
.account-container a:hover{text-decoration:underline;}


/**************/
/* Video: item, list, grid */
/* ----------------------- */
.video-prev {display:block; position:relative; width:100%; height:100%; margin:10px 0; background-color:#36404B; background-size:cover; border-radius:6px; }
.video-prev * {border-radius:6px; }
.video-prev i.fa-play {width:98px; line-height:84px; padding-left:8px; font-size:50px; color:#F5F5F5; border:7px solid #70777E; text-align:center; border-radius:49px; position:absolute; left:50%; margin-left:-49px; top:50%; margin-top:-49px; z-index:999; opacity:0.85; }
.video-prev:hover i.fa-play {color:#F97307; border-color:#C95E08; opacity:1; }
.video-prev .overlay {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(138,165,193, 0); transition:background-color 0.2s ease-out 0s; }
.video-prev:hover .overlay {
    background-color: rgba(138,165,193, 0.25);
}
.video-prev embed, .video-prev iframe, .video-prev object, .video-prev video {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 0;
}
.video-prev-small {
    height:200px;
}

.gallery ul li a{padding:0px 0px;margin:0px;}
/**************MEDIA query**************/
	
	
@media (max-width: 360px){
.divider{display:none;}
.feature-container{padding:25px 0px;}
.fetur-contr-box .left{display:none;}
.fetur-contr-box{margin-bottom:1.5em;}
.thumb-logos{padding:15px 10px;margin:0px;}
.carousel h1{font-size:14px !important;}
.carousel-caption{padding-bottom:0px !important;}
.carousel-indicators{bottom:-5px !important;}
.nav-justified > li{display:block;}
}

@media (max-width: 640px){
.inner-head-info h1{font-size:2.5em;color:#fff;margin:0px 0px;padding:35px 0px 0px 0px;}
.inner-header{margin-top:0px;}
.abtheader,.productheader,.careerheader,.mediaheader,.contactheader,.mobileheader {min-height:150px;}
.divider{display:none;}
.fetur-contr-box .left{padding-right:15px;}
#myCarousel1 .carousel-control{top:96px;}
.carousel-inner .row span{display:none;}
.carousel h1{font-size:22px;}
.carousel-caption{padding-bottom:50px; left:3%;right:0%;text-align:left;max-width:62%;}

.carousel-indicators{bottom:34px;}
.navbar-inverse{background:#2e66c5 !important;}
.logo { width: 75px;height: 37px;background-size: 75px 37px;margin:5px 0px 0px 15px;}
.navbar-nav {background:#2e66c5;padding-top:0px !important; margin:0px -15px;}
.navbar-nav > li > a{font-size:1em;}
.navbar-default .navbar-nav > li > a {color:#fff;border-bottom:1px solid #1c48a7;padding:10px 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background:#fff !important;color:#2e66c5;}
.navbar-default .navbar-nav > li :hover{background:#fff !important;}
.nav-bdr{border:0px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#fff !important;background:#1c48a7;border-top:1px solid #04308f;}
/*
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{background:#ccc;color:#000;}*/

/*.btn-knowmore{padding:2px 15px;border:1px solid #fff;}*/
.breadcrumb{padding:5px 0px;margin-bottom:0px;}
.inner-head-info{display:block; margin-top:0px;}
.inner-head{min-height:85px;}
}

@media (min-width: 768px){


.divider{display:none;}
.carousel h1{font-size:26px;}
.navbar-nav > li > a{font-size:1em;}
.logo {width: 100px; height: 49px;background-size: 100px 49px;}

.navbar-nav > li > a{padding:5px 5px;}
/*.navbar-default .navbar-nav > li > a {color:#fff;}*/
.carousel-caption h2{font-size:32px; font-weight:200;line-height:42px;text-shadow:none;}
/*.carousel-caption {padding-bottom:45px;}*/
.carousel-indicators{bottom:33px;}
}

@media all and (max-width: 768px )
{
 .navbar-wrapper {position: relative;top: 0px;}
 .navbar-inverse{background:#2e66c5 !important;}
  .mainlogo{float:left;}
  
 }
@media all and (min-width: 767px ){
.carousel-caption h2{font-size:28px; font-weight:200;line-height:34px;text-shadow:none;}
}	

@media (min-width:1024px){
.carousel h1{font-size:44px;}
.navbar-nav > li > a{font-size:1.2em;color:#000 !important;}

.navbar-nav > li > a{padding:3px 15px;}
.logo {width: 150px; height: 74px;background-size: 150px 74px;}
.divider{display:block;}
/*.carousel-caption {padding-bottom:75px;}*/
.carousel-indicators{bottom:70px;}

}


/* Animation Timers
---------------------------------*/
.delay-02s {
    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
}

.delay-03s {
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
}

.delay-04s {
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s;
}

.delay-05s {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.delay-06s {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
}

.delay-07s {
    animation-delay: 0.7s;
    -webkit-animation-delay: 0.7s;
}

.delay-08s {
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
}

.delay-09s {
    animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-12s {
    animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
}
/****************************BAck to top ********************************/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0,0,0, 0.3) url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}


/******************Presentation page css*****************************/

#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 100%;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 4em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}/*
.cd-timeline-img.cd-picture {
  background: #4caf50;
}
.cd-timeline-img.cd-movie {
  background: #2980b9;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}*/
@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  /*background: white;*/
  border-radius: 0.25em;
  padding: 1em;
  box-shadow: 0 3px 0 #d7e4ed;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h4 {
	font-size:20px;
	line-height:26px;
  text-decoration:underline;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
  color:#626262;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  /*border-right: 10px solid white;*/
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-timeline-content p {   
    font-size: 1.4rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    /*border-left-color: white;*/
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 2rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    /*border-color: transparent;*/
   /* border-right-color: #2980b9;*/
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
    left: auto;
    right: 122%;
    text-align: right;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1170px) {		
.green::before{ border-left-color: #4caf50;}
.teal1::before{ border-left-color: #34b1c4;}
.light-green::before{ border-right-color: #8bc34a;}
.blue1::before{ border-right-color: #2980b9;}
}

@media only screen and (max-width: 1169px) {
.green::before{ border-color: transparent;border-right-color: #4caf50;}
.teal1::before{ border-color: transparent;border-right-color: #34b1c4;}
.blue1::before{  border-color: transparent;border-right-color: #2980b9;}
.light-green::before{border-color: transparent; border-right-color: #8bc34a;}
}

}
