@charset "utf-8";
/* CSS Document */
* {box-sizing: border-box;}
/* Clear Floated Elements
---------------------------------*/
.clear {clear: both;display: block;overflow: hidden;visibility: hidden; width: 0;height: 0;}
.clearfix:before, .clearfix:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:after { clear: both;}
/* Primary Styles
---------------------------------*/
body {background:#fff;font-family: 'Lato', sans-serif;font-size:14px;font-weight:400; color:#4D4D4D; margin:0; line-height:20px;}
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{ height:auto; width:auto; max-width:100%; vertical-align:top;}
h1, h2, h3, h4, h5{margin:0px; padding:0px;}
a,a:hover{ text-decoration:none;}
a:focus{ outline:none;}
ul{ padding:0; margin:0; list-style: none;}

@font-face {font-family: "FuturaLTW01-Bold";
	src: url(../font/futura-lt/FuturaLT.ttf) ,
		url(../font/futura-lt/FuturaLT-Bold.ttf) format('truetype')}
@font-face {
  font-family: 'PerpetuaTitlingMT-Bold';
  src: url('../font/PerpetuaTitlingMT-Bold.eot?#iefix') format('embedded-opentype'),  
  url('../font/PerpetuaTitlingMT-Bold.woff') format('woff'), 
  url('../font/PerpetuaTitlingMT-Bold.ttf')  format('truetype'), 
  url('../font/PerpetuaTitlingMT-Bold.svg#PerpetuaTitlingMT-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'PerpetuaTitlingMT-Light';
  src: url('../font/PerpetuaTitlingMT-Light.eot?#iefix') format('embedded-opentype'),  
  url('../font/PerpetuaTitlingMT-Light.woff') format('woff'), 
  url('../font/PerpetuaTitlingMT-Light.ttf')  format('truetype'), 
  url('../font/PerpetuaTitlingMT-Light.svg#PerpetuaTitlingMT-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1{font-family: 'PerpetuaTitlingMT-Light'; font-size:40px; text-transform:uppercase; line-height:65px; letter-spacing:2px; color:#fff;}
h2 { background:url("../images/headline.png") no-repeat center bottom ; color: #5f5959;font-family: "helvetica-w01-bold,helvetica-w02-bold,helvetica-lt-w10-bold,sans-serif";  font-size: 31px; font-weight: bold ;line-height: 40px; padding: 0 0 10px; line-height: normal; margin-bottom:20px; text-align: center}
h2 span{ color:#fa3b0e; font-weight:300;}
h3 {color: white; font-size:20px; line-height: 33px;font-family: 'Roboto Light', sans-serif;}
h4 { color: #ffffff;font-family: 'Roboto Light', sans-serif;   font-size:20px;}
h5 { color: #ffffff;font-family: 'Roboto Light', sans-serif;  font-size: 28px;}




/* Main top
---------------------------------*/
#back2Top { width: 40px;  line-height: 40px;  overflow: hidden;  z-index: 999;  display: none;  cursor: pointer;  -moz-transform: rotate(270deg);  -webkit-transform: rotate(270deg);  -o-transform: rotate(270deg);  -ms-transform: rotate(270deg); transform: rotate(270deg); position: fixed;  bottom: 50px; right: 0; background-color: #D59E34;  color: #fff;  text-align: center; font-size: 30px; text-decoration: none;margin-right: 10px;}
#back2Top:hover { background-color: #FFF; color: #d59e34; border: 1px solid #8d6822;}
.service{width: 100%; padding: 0px 30px;}
.main-top{ background:rgba(102, 56, 152, 1);}
.header_top{ padding: 5px 0px;}
.header_top .right_left{ width:90px; float: right; position: relative; color: #fff;}
.header_top .right_left  a {padding: 6px; margin: 2px 0px; text-decoration: none;text-align: center;color: #fff;font-size: 15px;line-height: 20px;display: inline-block;}
.header_top .right_part {  float: right; position: relative; color: #fff;}
.header_top .right_part ul { padding: 0px; margin: 0px; }
.header_top .right_part ul li {float: left;margin: 5px;}
.header_top .right_part ul li a {padding: 2px 10px; margin: 6px 0px; color: #fff; font-size: 17px;}
.header_top .right_part ul li a img{height: 25px; width: 25px;}

.logo{ float:left; padding:10px 0; width: 217px; }
.logo img{ float:left; width: 100%; height: auto; }

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 22px!important;
}


/* ------------ Left Menu start ---------------------------------*/
/* ------------ Left Menu start ---------------------------------*/
/*.left-side{background:#282d37; position:fixed;left:-300px; top:0px; padding:15px 0; height:100vh; width: 270px; overflow:inherit; overflow:hidden;z-index:999; font-weight:400;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.profile-box{ text-align:center; border-bottom:1px solid #505869;}
.profile-pic{ width:90px; height:90px; border-radius:50%; margin:8px auto 20px; overflow:hidden;}
.profile-box a{color:#fff; font-size:16px; display:block; margin-bottom:15px;}
.profile-box a img { margin:10px 0 0 5px;}
.user-details-box{ display:none;}
.user-details-box ul{ margin:0 20px;}
.user-details-box ul li{ color:#fff; font-size:14px; padding:5px 0; border-top:1px dotted #505869;}




.all-menu{padding-top:10px; border-top:1px solid #0d0f15;}
.left-side ul li{ float:left; width:100%;}
.left-side ul li a{color:#fff; padding:12px 35px; display:inline-flex;}*/
/*.left-side ul li a:hover{ background:#988c61; border-left:3px solid #fff;}*/
/*.left-side ul li a span{width:30px; margin-right:15px; float:left; text-align:center;}
.left-side ul li a em{ font-style:normal; float:left; width:100%;}
.left-side ul li:first-child:hover{border-left:none;}
.full-width{ width:300px!important;left:0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.left-side h2 a{ display:inline-block;}
.left-side h3{ padding-left: 30px; background: #AA7800;display: inline-grid;width: 100%;}
.left-side .close-btn{position: absolute;right: 10px;top: 10px;}
.left-side .close-btn span{cursor:pointer;}*/

.left-side{background:#daffd1; position:fixed;right:-300px; top:0px; padding:0 0; height:100vh; width: 270px; overflow:inherit; overflow:hidden;z-index:999; font-weight:400;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.profile-box{ text-align:center; border-bottom:1px solid #505869;    background: #40667c; padding: 2px;
}
.profile-pic{ width:90px; height:90px; border-radius:50%; margin:8px auto 20px; overflow:hidden;}
.profile-box a{color:#fff; font-size:22px; display:block;font-weight: bold;
margin: 10px;}
.profile-box a img { margin:10px 0 0 5px;}
.user-details-box{ display:none;}
.user-details-box ul{ margin:0 20px;}
.user-details-box ul li{ color:#fff; font-size:14px; padding:5px 0; border-top:1px dotted #505869;}




.all-menu{padding-top:10px; border-top:1px solid #0d0f15;}
.left-side ul li{ float:left; width:100%;}
.left-side ul li a{color:#d60922; padding:3px 19px; display:inline-flex;}
/*.left-side ul li a:hover{ background:#988c61; border-left:3px solid #fff;}*/
.left-side ul li a span{width:30px; margin-right:15px; float:left; text-align:center;}
.left-side ul li a em{ font-style:normal; float:left; width:100%;}
.left-side ul li:first-child:hover{border-left:none;}
.full-width{ width:390px!important;right:0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.left-side h2 a{ display:inline-block;}
.left-side h3{ padding-left: 30px;display: inline-grid;width: 100%; color: #911414; background: url(../images/btn1.png) 10px 10px no-repeat;}
.left-side .close-btn{position: absolute;left: 10px;top: 10px;}
.left-side .close-btn span{cursor:pointer;}
/* ------------ Left Menu End ---------------------------------*/
/* ------------ Left Menu End ---------------------------------*/
/* menu
---------------------------------*/


.navigation1{background:#82c66a; position:relative;}
.navigation{ padding:0 30px; background:#82c66a; position:relative;box-shadow: 1px 1px 9px black;border-bottom: 1px solid #3b3b3b;}
.logo{ float:left; padding:14px 0;}
.menu{float:right;margin-top: 81px;background: #6ec05a;border-radius: 7px;}
.menu ul{ float:left;}
.menu ul li{float:left; list-style:none; position:relative;}
.menu > ul > li > a:first-child{float:left; list-style:none; position:relative;border-top-left-radius: 10px;}
.menu > ul > li > a:last-child{float:left; list-style:none; position:relative;border-top-right-radius: 10px;}
.menu > ul > li > a{ /*! border-bottom:4px solid #fff; */ position:relative;}
.menu > ul > li > a:hover::after{content:"";background:url(../images/hover-pic.png) no-repeat left top; width:17px; height:8px; position:absolute;bottom:0px; left:45%;}
.menu > ul > li > a:hover{ /*! border-bottom:4px solid #fa3b0e; */background: #bddb91;}
.menu ul li ul{ position:absolute;left:0px; top::0px; z-index: 999;width:270px; background:rgb(109, 191, 89); padding:10px; border-radius:0 0 5px 5px; display:none; margin-top: 26px;}
.menu ul > li:hover > ul{display:block;}
.menu ul li ul li ul{display:none;}
.menu ul > li > ul > li:hover ul{display:block;}

.menu ul li ul li{display: block;width: 100%; border-right:none;border-bottom:1px dashed #999;}
.menu ul li ul li:last-child{ border:none;}
.menu ul li ul li a{padding: 10px 10px;}
.menu ul li ul li:hover{ background:#fff ;}
.menu ul > li > ul > li:hover > a{color:#fd6b00;}
.menu ul li ul li a{ border-right:none;}
.menu ul li ul li a:hover{ border-right:4px solid #fd6b00;}
.menu ul li ul li:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:30%; right:4px;}
.menu ul li a{font-size:13px; text-transform:uppercase; color:#000000; padding:6px 50px; display:block;background: #6dbf59;/*! border-radius: 5px; */}
.menu ul li ul li ul{ left:250px; top:0px;}
/*================== TickerNews============================ */
/*================== TickerNews============================ */
.TickerNews{width: 100%;height: 30px;line-height: 28px;}
.ti_wrapper{width: 100%;position: relative;overflow: hidden;}
.ti_slide{width: 30000px;position: relative;left: 0;top: 0;}
.ti_content{width: 8000px;position: relative;float:left;}
.ti_news{float:left;}
.ti_news a{display: block;margin-right: 10px;color:black;text-decoration: none;font-family: geneva; font-size:15px;}
.ti_news a span{color:#FF0004;text-decoration: none; font-weight: bold;}
.marqee{  padding: 0px 0px; background: #fbb93f; margin: 9px 0px;position: relative;}
.marqee::after{ position: absolute; content: "";background: url(../images/news_left.png) no-repeat; height: 30px;width: 10px;margin: -30px 0px 0px -9px;}
.marqee::before{ position: absolute; content: "";background: url(../images/news_right.png) no-repeat; height: 30px;width: 13px;margin: 0px -11px 0px 0px; right: 0;}


/*================== TickerNews============================ 
#ticker_container { padding: 0px 10px;}
.TickerNews{width: 100%;height: 50px;line-height: 48px;}
.ti_wrapper{width: 100%;position: relative;overflow: hidden;}
.ti_slide{width: 30000px;position: relative;left: 0;top: 0;}
.ti_content{width: 8000px;position: relative;float:left;}
.ti_news{float:left;}
.ti_news a{display: block;margin-right: 10px;color:black;text-decoration: none;font-family: geneva;}
.ti_news a span{color:#FF0004;text-decoration: none; font-weight: bold;}
.marqee{  padding: 5px 0px; background: #ffb400; margin: 12px 0px;}*/

/*================== banner============================ */
.banner{ position:relative;}
.banner-text{ position:absolute; width:100%; text-align:center; top:50%; left:0px; transform:translateY(-50%);}
.banner-text span.boldtext{color:#FFFFFF;}
.boldtext{display:block;font-family: 'PerpetuaTitlingMT-Bold'; font-size:38px;}
.smalltext{display:block;font-family: 'PerpetuaTitlingMT-Light'; font-size:30px;}
.banner-text a{ margin:20px 10px;display: inline-block;}
.banner-form{margin:10px 0;}
.banner-form form{ background:#fff; border-radius:35px; display:inline-block; width:50%; border:5px solid #fff; overflow:hidden;}
.banner-form form input{float: left; padding: 10px; width: 50%; border:none; font-size:16px;}
.banner-form form input[type="email"]{ background:#ccc;}
.banner-form form input[type="submit"]{ background:#a013e1; color:#fff; cursor:pointer;}

/*================== online============================ */
.prettyline {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	box-shadow: 1px 5px 7px #0000004d;
}


.online{ margin:20px 0px;}
.online_pading{ padding-right: 5px;padding-left: 5px;}
.online_inner{ margin: 10px 0px;  color: #fff;min-height: auto;}
.panel-heading { padding:0px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.online_inner:hover{box-shadow: 1px 5px 8px #474343;}
.online_inner img{box-shadow: 1px 5px 8px #474343; height: 100px; width: 100px;}
.online_inner ul{ padding: 0px;}
.online_inner ul li{/*! list-style: none; */list-style-type: disc;}
.online_inner ul li span{font-size: 10px;}
.online_inner ul li i{width: 10px ;height: 10px; background: #fff;}
.online_inner a,.community a{ border: 2px solid #fff; border-radius: 8px;padding: 5px 10px;color: #FFFFFF; display: inline-block;margin: 17px 0px 2px 0px;float: right;font-weight: bold; transition: color 0.4s ease 0s;}
.online_inner a:hover,.community a:hover{ border: 2px solid #27f623; background: #820698; color: #FFFFFF;transition: color 0.4s ease 0s}
.online_inner.one{background: #d59e34;}
.online_inner.two{background: #38ac7e;}
.online_inner.three{background: #c73264;}
.online_inner.four{background: #556fb5;}
.online_inner h3 { text-align: center;color: #fff;font-family: "FuturaLTW01-Bold"; letter-spacing: 0.08em;font-size: 18px; font-weight: bold; background: #00000057;padding: 10px 0px;
 }

/*================== Overline From Center============================ */
.social ul{padding: 0px; margin: 0px;}
.social ul li {list-style: none;width: 50%;display: block;}
.social ul li a{float: right; width: 50%;}
.social ul li a img{float: left ;width: 40px; }
.hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-overline-from-center:before { content: ""; position: absolute;z-index: -1; left: 51%; right: 51%; bottom: 0;background: #2098D1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {left: 0;right: 0;}

/*================== /Overline From Center============================ */

.banner_bottom {background-color: #08031ecc; width:100%;padding: 0 30px;}
.lab { float: left; width: 20%; position:relative;}
.icon { float: left; padding: 15px 0; width:25%; text-align:center; margin-right:5%;}
.lab a{ color: #ffffff; font-size: 14px;font-weight: bold; line-height: 20px;list-style:none; text-transform: uppercase; width:70%; transform:translateY(-50%); top:50%; position:absolute; right:0px;letter-spacing: 2px;}

.app-bottom { width: 100%; float: left; text-align: center; margin: 50px 0; padding: 0px 30px;}

/* The Close Button (x) */
.close {  position: absolute;right: 25px; top: 0; color: #000;font-size: 35px;font-weight: bold;}
.close:hover,.close:focus { color: red; cursor: pointer;}

/* =====Add Zoom Animation================================== */

.animate { -webkit-animation: animatezoom 0.6s; animation: animatezoom 0.6s}
@-webkit-keyframes animatezoom { from {-webkit-transform: scale(0)}  to {-webkit-transform: scale(1)}}
@keyframes animatezoom { from {transform: scale(0)}  to {transform: scale(1)}}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw { display: block; float: none;}
    .cancelbtn { width: 100%; }
}	
/*================ goal ===========================*/
.goal {background: url(../images/homework.jpg) no-repeat; background-position: center; background-size: cover; background-attachment: fixed ; min-height: 315px; }
.goal_inner{padding:20px 0px; color: #fff;}
.goal_inner h2{ color: #fff;}
.goal_inner p{ color: #fff; text-align: justify;}


/*=================== Testimonial Section ==============================*/
.service-inn{float: right; }
.service-inn2{float: right; }
.testimonial{ margin: 20px 20px 30px;  background: url(../images/map.png) no-repeat center center ;}

.success{ padding: 20px 0px;  background: url(../images/carauselBg.jpg)repeat-x center center ;}
.testimonial .pic{  display: inline-block; width: 90px; height: 90px; border-radius: 50%; margin: 0 15px 15px 0;}
.testimonial .pic img{ width: 100%; height: auto;  border-radius: 50%;}
.testimonial .testimonial-profile{ display: inline-block; position: absolute; width: 222px;}
.testimonial .title{ display: block; font-size: 17px;font-weight: 600; color: #2f2f2f; text-transform: capitalize;  margin: 0 0 7px 0; line-height:20px;}
.testimonial .post{ display: block; font-size: 14px; color: #5d7aa7;}
.testimonial .description{ padding: 20px 22px; background: #1f487e; font-size: 14px; color: #fff;  line-height: 20px; margin: 0; position: relative;}
.testimonial .description:before,
.testimonial .description:after{ content: ""; border-width: 18px 0 0 18px; border-style: solid; border-color: #5d7aa7 transparent transparent; position: absolute; bottom: -18px; left: 0;}
.testimonial .description:after{ border-width: 18px 18px 0 0; left: auto; right: 0;}

/*================  student-section ===========================*/ 
.student-section a {
    padding: 2px;
   margin: 0px 40px;
    width: 35%;
    font-size: 18px;
    font-weight:400;
}
.student-section {margin: 13px 12px; box-shadow: 1px 1px 6px #5a5858; padding: 4px; border-radius: 10px;}
/*.student-section{margin: 20px 20px;box-shadow: 1px 1px 6px #5a5858;padding: 20px;border-radius: 10px;}
.student-section-main{ border: 1px solid #b6b1b1;width: 100%;font-size:18px}*/
/*.student-section-main a{ border-right: 1px solid #b6b1b1;padding: 10px;font-size:20px; display: block;}
.student-section-main p{ padding: 5px;font-size:20px; line-height: 20px;}*/
/*================  Community  ===========================*/ 
.communitymain{ padding: 20px 0px;background: linear-gradient(to bottom, #33ccff12 0%, #ff99cc1c 100%); /* background: url(../images/subg.jpg) no-repeat center center ;*/}

.community{ margin: 20px 20px ;box-shadow: 1px 1px 6px #5a5858;padding: 20px;border-radius: 10px; }
.community1{ margin: 20px 20px ; }
.community img{width: 100%;}
.community p{padding:10px 0px; text-align:justify;}

.community a,.community1 a{ border: 2px solid #000; border-radius: 8px;padding: 5px 30px;color: #000000; display: inline-block;margin: 17px 0px 2px 0px;float: right;font-weight: bold; transition: color 0.4s ease 0s;}
.community a:hover,.community1 a:hover{ border: 2px solid #27f623; background: #820698; color: #FFFFFF;transition: color 0.4s ease 0s}


/*================ footer  ===========================*/ 

.footer { background: #3a3a39;padding:40px 30px 0px;}
.footer-left{width:42%; float:left;color: #ffffff; padding:0 4% 0 0;}
.footer-left > p {text-align:justify;}
.footer_1 ul { float: left; margin: 0 0 20px; width:100%;}
.footer_1 ul li { /*! border-bottom: 1px solid #6c6c6b; */ /*! float: left; */list-style: outside none none; padding: 3px 0px;}
/*.footer ul li:first-child{ padding: 0px 10px 0 0;}*/
.footer_1 ul li:last-child{ border:none;}
.footer_1 ul li a { color: #cfcfcf; font-size: 13px; letter-spacing: 1px;line-height: 10px;}
.footer_1 ul li a:hover { color: #69FF00; font-size: 13px; letter-spacing: 1px;line-height: 23px;margin-left: 8px;}
.client {float: left; padding: 0px 0px; text-align: center; width:100%; overflow:hidden;}
.client p { text-align: center;  background-position: bottom center; margin-bottom: 10px; color: #AAA7A7;}
.footer .client ul{ margin: 0px;}
.footer .client ul li {border:none; list-style: none; margin:0px 4px 30px; padding:0px; float: left;}
.footer .client ul li img {width: 30px ;height: 30px;}
/*.footer .client ul li:first-child { margin:30px 10px 30px 0;}*/
.regular-four{ height: 300px ; width: 100%;}
.regular-two{ height: 80px ; width: 100%;}
.regular img{ height: auto!important ; width: 100%;}
.regular-four img{ height: 300px ; width: 100%;}
.regular-two img{ height: 80px ; width: 100%;}
.copy-right{ text-align: center;font-size: 12px;}
.copy-right p{ text-align: center;font-size: 12px; padding: 10px 0px 0px 0px; color: #000000 ; font-weight: 800;}
.padd{ padding:0px;}

/*================ Inner Page ===========================*/
.sidemenu { padding: 0px 0px 31px 0px; margin: 0px;}
.sidemenu ul{ padding: 0px; margin: 0px;}
.sidemenu ul li{list-style:none;padding:0px;border-bottom: 1px #a1a0a0 dashed;background: #6dbf59;margin-bottom: 5px;}
.sidemenu ul li a{ padding:10px; margin: 0px; display: block; width: 100%;}
.sidemenu ul li a:hover{ padding:10px; margin: 0px;color: #fff;background:#ff6161; }
.sidemenu ul li:hover{  padding: 0px; background:#ff6161; }


.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; margin-top: 5px;}
.courses select { background: #fff url(../images/drop-down.png) no-repeat 92% center; border: 1px solid #ccc; outline: none; padding-left: 10px;-webkit-appearance: none; -moz-appearance: none;}
.courses{margin: 40px 0px;}
.courses_inner.bg1{background: #bf8d2e;margin: 10px 5px 10px 5px;}
.courses_inner.bg2{background: #0e3e9b;margin: 10px 5px 10px 5px;}
.courses_inner.bg3{background: #f2bf5e;margin: 10px 5px 10px 5px;}
.courses_inner.bg4{background: #4e6636;margin: 10px 5px 10px 5px;}
.courses_inner.bg5{background: #442565;margin: 10px 5px 10px 5px;}
.courses_inner.bg6{background: #f056e0;margin: 10px 5px 10px 5px;}
.courses_inner.bg7{background: #3aab48;margin: 10px 5px 10px 5px;}
.courses_inner.bg8{background: #ff6161;margin: 10px 5px 10px 5px;}
.courses_inner.bg9{background: #536eb7;margin: 10px 5px 10px 5px;}
.courses_inner.bg10{background: #75cba8;margin: 10px 5px 10px 5px;}

.courses_inner
{ width: 23%;position: relative; padding: 30px 11px; border: 1px solid black; text-align: center;float: left;margin: 48px 0px 18px 0;}
.courses_inner:hover{ width: 23%;position: relative; padding: 30px 11px; border: 1px solid black; text-align: center;float: left;/*! margin: 48px 0px 18px 0; */box-shadow: 3px 1px 4px #4a4242;}

.courses_inner h4,.courses_inner_2left h4{font-size: 26px; text-align: center; margin: 0;line-height: normal; letter-spacing: normal;text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;font-weight: bold;}
.courses_inner_2left h4{font-size: 26px; text-align: center; margin: 0;line-height: normal; letter-spacing: normal;text-shadow: rgba(0, 0, 0, 0.498039) -1px -1px 0px, rgba(0, 0, 0, 0.498039) -1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px 1px 0px, rgba(0, 0, 0, 0.498039) 1px -1px 0px;font-weight: bold; padding: 30px 11px;}
.courses_inner p{ color: #fff; text-align: center; margin: 23px 6px;line-height: normal; letter-spacing: normal;text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px;}

.courses_inner_2{ position: relative;  border: 1px solid #00000029; text-align: center;float: left;/*! margin: 48px 0px 18px 0; */}
.courses_inner_2:hover{ position: relative; border: 1px solid black; text-align: center;float: left;/*! margin: 48px 0px 18px 0; */box-shadow: 3px 1px 4px #4a4242;background: #dbfabe;}
.bg1{background: #0e3e9b;}
.bg2{background: #bf8d2e;}
.bg3{background: #442565;}
.bg4{background: #3aab48;}
.bg5{background: #8b143c;}
.bg6{background: #324158;}
.bg7{background: #649633;}
.courses_inner_2{background: #e5fad1;/*! padding: 40px 11px; */color:#FFFFFF;margin: 10px 10px;}
.courses_inner_2 h3 { text-align: center;color: #fff;font-family: "FuturaLTW01-Bold"; letter-spacing: 0.08em;font-size: 18px; font-weight: bold; background: #00000057;padding: 10px 0px;}
.courses_inner_2 h4 {text-align: center;color: #000000;font-family: "FuturaLTW01-Bold"; letter-spacing: 0.08em;font-size: 20px; font-weight: bold; padding: 20px 0px;}
.courses_inner_2 h4 .span { position: absolute;text-align: center;color: #fff;font-family: "FuturaLTW01-Bold"; letter-spacing: 0.08em;font-size: 16px; font-weight: bold;margin: -21px 0px 0px;}
.courses_inner_2 h4 .span2 { position: absolute;text-align: center;color: #fff;font-family: "FuturaLTW01-Bold"; letter-spacing: 0.08em;font-size: 16px; font-weight: bold;margin: 0px 0px -21px 0px;}
.online_courses ul{ padding: 10px;}
.online_courses ul li{/*! list-style: none; */list-style-type: disc;text-align: left;color: #6c7474;}
.online_courses ul li span{color: #43BF00; font-weight:bold; font-size: 16px;}
.online_courses ul li .span{color: #FF0004; font-weight:bold; font-size: 16px;}
.online_courses ul li .span1{color: #FD00E4; font-weight:bold; font-size: 16px;}
.online_courses ul li i{width: 10px ;height: 10px; background: #fff;}
.courses_inner_2 a { border-radius: 8px;padding: 5px 10px;color: #73C5F9; font-size: 20px; display: inline-block;/*! margin: 17px 0px 2px 0px; *//*! float: right; */font-weight: bold; transition: color 0.4s ease 0s;}
.courses_inner_2 a:hover,.community a:hover{ /*! border: 2px solid #27f623; */ /*! background: #820698; */ color: #FFFFFF;transition: color 0.4s ease 0s}
.online_courses p{ color: #7b747f; text-align: left; margin: 0px 0px 0px 34px;line-height: normal; letter-spacing: normal;/*! text-shadow: rgba(0, 0, 0, 0.4) 0px 4px 5px; */}
.courses_inner_2right{padding: 8px 11px;color: white; /*! border-bottom: 1px solid white; */}
.open_btn{}
.courses_inner_2right a{ border-radius:10px;padding: 6px 23px;color: #fff; display: inline-block;margin: 10px 0px 10px 0px;float: right;font-weight: bold; transition: color 0.4s ease 0s;}
/*.courses_inner_2right a:hover{ background: #820698; color: #FFFFFF;transition: color 0.4s ease 0s}*/
.know_more{border-radius: 8px;padding: 3px 23px;color: #fff; display: inline-block;margin: 6px 0px 2px 0px;float: right;font-weight: bold; transition: color 0.4s ease 0s;}
.know_more:hover{background: #820698; color: #FFFFFF;transition: color 0.4s ease 0s}


/*================================innerpages=====================*/
/*================================innerpages=====================*/

/*================================innerpages=====================*/
::before, ::after {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.ebook_inner {  border: 1px solid #b9b5b5; color:#b9b5b5; margin: 10px 0px;}
.ebook_inner p{color:#000000; }
.ebook_inner_2{background: #e5fad1;/*! padding: 40px 11px; */color:#FFFFFF;margin: 10px 10px;}
.ebook { width: 5%;float: left; padding: 10px;}
.ebook h3 {color:#b9b5b5;}
.ebook-2 h4 {color:#b9b5b5;}
.ebook-2{ width: 75%!important; float: left;border-left: #b9b5b5 1px solid; padding: 10px;}
.ebook-3{float: right;padding: 5px;}
/*================================innerpages=====================*/



/*================================online-book =====================*/
.old-price { color: #f00; text-decoration: line-through;}
.price{
    margin-bottom: 20px;
}
.btn-xs, .btn-group-xs > .btn {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 5px;
}
.online-book h4 { color: #577083;font-family: 'Roboto Light', sans-serif;   font-size:20px; margin-bottom: 10px; font-weight:700;}
.online-book p { color: #577083;margin-bottom:30px; text-align: justify;}
.vertical,.online-book{margin:20px 0px;}



.vertical-tab{ font-family: 'Arimo', sans-serif; display: table;}
.vertical-tab .nav-tabs{ display: table-cell; width: 28%; min-width: 28%; padding-top: 6px; border: none; vertical-align: top; position: relative;}
.vertical-tab .nav-tabs li{ float: none; vertical-align: top;}
.vertical-tab .nav-tabs li a{ color: #fff;  background-color: #0f4c5c; font-size: 17px; font-weight: 600; text-align: center; letter-spacing: 1px; text-transform: uppercase; padding: 10px 20px; margin: 0 10px 20px 0; border-radius: 0; border: none; position: relative; z-index: 1; transition: all 0.20s ease 0s;}
.vertical-tab .nav-tabs li a:hover,
.vertical-tab .nav-tabs li.active a,
.vertical-tab .nav-tabs li.active a:hover{ color: #fff; background: #9a031e; border: none;}
.vertical-tab .nav-tabs li a:before,
.vertical-tab .nav-tabs li a:after{ content: ""; background: #0f4c5c; width: 20%; height: 3px; position: absolute; top: -5px;left: 0; transition: all 0.3s ease 0s;}
.vertical-tab .nav-tabs li a:after{ top: auto; left: auto; bottom: -5px; right: 0;}
.vertical-tab .nav-tabs li.active a:before,
.vertical-tab .nav-tabs li a:hover:before,
.vertical-tab .nav-tabs li.active a:after,
.vertical-tab .nav-tabs li a:hover:after{ width: 100%;}
.vertical-tab .tab-content{  color: #5c5a5a; background: linear-gradient(to bottom, #f5e7e7  0%, #e2fbf1 100%); font-size: 14px; letter-spacing: 1px; line-height: 23px; padding: 20px; outline: 3px solid #fff; outline-offset: -8px;display: table-cell; position: relative;}
.vertical-tab .tab-content h3{ /*! text-transform: uppercase; */  margin: 0 0 7px 0; color:#cc0d51;font-size: 20px;line-height: 23px;}



.faq-content #accordion .panel-title > a.accordion-toggle::before, .faq-content #accordion a[data-toggle="collapse"]::before  { content:"−"; float: left;  font-family: 'Glyphicons Halflings';margin-right :1em;	margin-left:10px;color:#fff;font-size:13px;	font-weight:300;display:inline-block;width:20px;height:20px;line-height:20px;border-radius:50%;text-align:center;font-size:10px;background:#ff9900;}
.faq-content #accordion .panel-title > a.accordion-toggle.collapsed::before, .faq-content  #accordion a.collapsed[data-toggle="collapse"]::before  { content:"+";	color:#fff;font-size:10px;font-weight:300;background:#6dbf59;}

.faq-content{float:left; width:100%;}
.faq-content .panel-heading{padding-left:0px; border-radius:0px !important; padding: 10px;}
.faq-content .panel-heading a{text-decoration:none;}
.faq-content .panel{border-radius:0px !important;}
.faq-content .panel-default{}
.faq-content .panel-heading{background:#f3f3f3 !important; color:#666666;}
.faq-content .panel-body{font-size:14px; color:#666666;}
.faq-saelect{background:#f3f3f3; padding:15px; border-bottom:2px solid #666666; float:left; width:100%; margin-bottom:20px; margin-top:-10px;}
.faq-saelect span{font-size:16px; color:#333; margin-right:20px;}
.faq-saelect select{border:1px solid #dcdcdc; color:#999999; width:300px; height:40px;}
.faq-content .panel{border-top:none !important; border-right:none !important; border-left:none !important;}
.faq-content .panel-body{border:1px solid #f3f3f3;}


/*===================================================================*/
.panel-heading .accordion-toggle h4:after {
    /* symbol for "opening" panels */
    
   content:"";  float: right;  color: grey;  overflow: no-display;background: url(../images/drop-down.png); margin-right: 10px; width: 17px; height: 14px;}
.panel-heading .accordion-toggle.collapsed h4:after {
    /* symbol for "collapsed" panels */
    content:"";
   /* content:"\E114";*/
}
a.accordion-toggle{ text-decoration: none; }
/*==========================================================*/
.enquary_form {border-color: #337ab7; background: #d7f8c0; padding: 20px;}
.enquary_form h4 {text-align: center;padding: 20px;}
.enquary_form select {  background: #fff url(../images/drop-down.png) no-repeat 92% center; border: 1px solid #ccc; outline: none; padding-left: 10px; -webkit-appearance: none; -moz-appearance: none;}
.enquary_form label {
    display: inline-block;
    max-width: 100%;
    margin-bottom:0px;
    font-weight:normal;
}
button.close {
    -webkit-appearance: none;
    padding: 27px;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.help{color: #F8FF00; line-height: 10px; padding: 10px;} 
.help:hover{color: #FF9600; line-height: 10px; padding: 10px;} 
.accordion1 {border:0px solid rgba(65, 65, 65, 1);background-color:rgba(202, 229, 175, 1);border-radius:3px 3px 3px 3px;  box-shadow:1.41px 1.41px 3px 1px rgba(0,0,0,0.44); margin: 10px 0px;position: relative;padding: 10px;}
.contact{	padding: 20px 0px;background: #e7e7e7;}
.contact_left{background: #ff9b00;padding:7%;border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem;}
.contact-info{margin-top:10%;}
.contact-info img{margin-bottom: 15%;}
.contact-info h2{margin-bottom: 8%;color: white;text-align: left;}
.contact_right{background: #fff;padding: 2%;border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem;}
.contact-form label{font-weight:600;}
.contact-form button{background: #25274d;color: #fff;font-weight: 600;width: 25%;}
.contact-form button:focus{box-shadow:none;}
.form-control{ margin:5px 0px;}

.address{ padding: 40px 0px;}
.iconwrap { width: 35px; height: 35px; border-radius: 50px; background: #FFE101;position: relative;float: left; margin-right: 30px;}
.address ul li i { background-image: url(../images/sprites.png); background-repeat: no-repeat; height: 14px; width: 13px; display: block; position: absolute;margin: 8px 12px; font-size: 15px;}
.address ul {}
.address ul li { margin-bottom: 20px; display: inline-block; width: 100%; font-weight: 300; font-size: 15px;}
.address ul li p{ margin-top: 20px; line-height: 25px; margin-left: 80px;}
.address ul li span { color: #3B1717;font-weight: 800;}

.download{ padding: 40px 0px;}
.download h2{ padding: 40px 0px;}
.download .description{ padding: 10px 22px; background: #7b736f; font-size: 21px; color: #fff;  line-height: 20px; margin: 0; position: relative;width: 30%;text-align: left;}
/*.download .description:before,*/
.download .description:after{ content: ""; border-width: 18px 0 0 9px; border-style: solid; border-color: #7b736f transparent transparent; position: absolute; bottom: -18px; left: 0;}
.download .description:after{ border-width: 18px 9px 0 0; left: auto; right: 0;}
.pdf-box {padding: 10px; position: relative;}

.pdf-box ul {padding: 0px;}
.pdf-box ul li {padding: 17px; list-style: none; float: left;width: 20%;
text-align: center;}
.pdf-box ul li a {color: #184a9f; font-size: 16px; text-decoration: none; outline: none; text-align: center;/*! padding: 5px; */}





.pdf-box a { color: #184a9f; font-size: 16px; text-decoration: none; outline: none; text-align: center;}
.pdf-box a:hover { color: #131313;}
.pdf-box img {width: 83px; padding-bottom: 6px; outline: none; display: block; margin-left: auto;  margin-right: auto;}
.demo {
    display: inline-block;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: padding-box;
    box-sizing: padding-box;
}
/* imghvr-zoom-out-flip-horiz
   ----------------------------- */
	[class^='imghvr-'], [class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #82c66a;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
}

[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
    background-color: #75b73b;
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ffffff;
    /*! box-shadow: 1px 4px 4px black; */
}

[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
    color: #ffffff;
}

[class^='imghvr-'] a, [class*=' imghvr-'] a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.imghvr-zoom-out-flip-horiz {
    -webkit-perspective: 50em;
    -moz-perspective: 50em;
    perspective: 50em;
}

.imghvr-zoom-out-flip-horiz figcaption {
    opacity: 0;
    -webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -moz-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -ms-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    -o-transform: rotateX(90deg) translateY(-100%) scale(0.5);
    transform: rotateX(90deg) translateY(-100%) scale(0.5);
}

.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
    -webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -moz-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -ms-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    -o-transform: rotateX(-100deg) translateY(50%) scale(0.5);
    transform: rotateX(-100deg) translateY(50%) scale(0.5);
    opacity: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    transition-delay: 0;
}

.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
    -webkit-transform: rotateX(0) translateY(0%) scale(1);
    -moz-transform: rotateX(0) translateY(0%) scale(1);
    -ms-transform: rotateX(0) translateY(0%) scale(1);
    -o-transform: rotateX(0) translateY(0%) scale(1);
    transform: rotateX(0) translateY(0%) scale(1);
    opacity: 1;
    -webkit-transition-delay: 0.35s;
    -moz-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
/* imghvr-fade-*
   ----------------------------- */
[class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
    opacity: 0;
}

[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
    opacity: 0;
}

[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
    opacity: 1;
}

[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid black;background:#0000007d;padding: 30px 15px;width: 100%;height: 100%;font-weight: bold;}
.panel-body { padding: 10px 0px;}
/* imghvr-fade
   ----------------------------- */
/* imghvr-fade-in-up
   ----------------------------- */
.imghvr-fade-in-up figcaption {
    -webkit-transform: translate(0, 15%);
    -moz-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    -o-transform: translate(0, 15%);
    transform: translate(0, 15%);
}

.search-wrapper {  position: absolute;  -webkit-transform: translate(-50%, -50%);  -moz-transform: translate(-50%, -50%);  transform: translate(0%, -50%); top:50%; right:0%;  }
.search-wrapper.active {}
.search-wrapper .input-holder { overflow: hidden;  height: 70px; background: rgba(255,255,255,0);  border-radius:6px;  position: relative;  width:70px;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.search-wrapper.active .input-holder {  border-radius: 50px; width:328px; background: rgba(0,0,0,0.5); -webkit-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);}
.search-wrapper .input-holder .search-input { width:100%;  height: 50px; padding:0px 70px 0 20px;  opacity: 0; position: absolute; top:0px; left:0px; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:none; outline:none; font-family:"Open Sans", Arial, Verdana; font-size: 16px; font-weight: 400;  line-height: 20px; color:#FFF;  -webkit-transform: translate(0, 60px); -moz-transform: translate(0, 60px); transform: translate(0, 60px);  -webkit-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);  -webkit-transition-delay: 0.3s;  -moz-transition-delay: 0.3s; transition-delay: 0.3s; }
.search-wrapper.active .input-holder .search-input {  opacity: 1;  -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px);  transform: translate(0, 10px);}
 .search-wrapper .input-holder .search-icon {  width:70px;  height:70px;border:none;  border-radius:6px;  background: #FFF;   padding:0px; outline:none;  position: relative;  z-index: 2;   float:right;   cursor: pointer; -webkit-transition: all 0.3s ease-in-out;   -moz-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  }
.search-wrapper.active .input-holder .search-icon { width: 50px;  height:50px; margin: 10px;   border-radius: 30px; }
.search-wrapper .input-holder .search-icon span {   width:22px;  height:22px;    display: inline-block;  vertical-align: middle; position:relative; -webkit-transform: rotate(45deg);   -moz-transform: rotate(45deg); transform: rotate(45deg);
 -webkit-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
 -moz-transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
  transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650); }
.search-wrapper.active .input-holder .search-icon span { -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  transform: rotate(-45deg);  }
.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {  position: absolute; content:'';   }
.search-wrapper .input-holder .search-icon span::before { width: 4px;  height: 20px; left: 11px;  top: 21px;  border-radius: 2px;  background: #974BE0; }
.search-wrapper .input-holder .search-icon span::after {  width: 20px;  height: 20px;   left: 3px;   top: 5px;  border-radius: 16px; border: 4px solid #974BE0;  }

 .search-wrapper .close { position: absolute;  z-index: 1;   top:24px;  right:20px;  width:25px;  height:25px;   cursor: pointer;  -webkit-transform: rotate(-180deg);  -moz-transform: rotate(-180deg);    transform: rotate(-180deg);  -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);  -moz-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);   transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);  -webkit-transition-delay: 0.2s;  -moz-transition-delay: 0.2s;  transition-delay: 0.2s; }
 .search-wrapper.active .close { right:-50px;  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);transform: rotate(45deg);   -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);   -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);  transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);  -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;  transition-delay: 0.5s;  }
 .search-wrapper .close::before, .search-wrapper .close::after {  position:absolute;  content:'';   background: red;  border-radius: 2px; }
 .search-wrapper .close::before {   width: 5px;  height: 25px;   left: 10px;  top: 0px;  }
 .search-wrapper .close::after {  width: 25px;  height: 5px; left: 0px; top: 10px; }
 .search-wrapper .result-container {  width: 100%;   position: absolute;  top:80px;  left:0px;  text-align: center; font-family: "Open Sans", Arial, Verdana; font-size: 14px; display:none;  color:#B7B7B7;  }

.thumbnail {
    position: relative;
    padding: 0px;
    margin-bottom: 20px;
}

.thumbnail img {
    width: 100%;
}


.bg-gra-02 {
    background: -webkit-gradient(linear, left bottom, right top, from(#efdede), to(#bdcf95));
    background: -webkit-linear-gradient(bottom left, #efdede 0%, #bdcf95 100%);
    background: -moz-linear-gradient(bottom left, #efdede 0%, #bdcf95 100%);
    background: -o-linear-gradient(bottom left, #efdede 0%, #bdcf95 100%);
    background: linear-gradient(to top right, #efdede 0%, #bee2ec 100%);
	padding: 20px 0px;
}

.style-jw8u6a8obg {border:0px solid rgba(65, 65, 65, 0.4);background-color:rgba(255, 248, 181, 1);border-radius:10px 10px 10px 10px;  box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);}
.style-jw8u62vibg {border:0px solid rgba(65, 65, 65, 0.4);background-color:rgba(229, 250, 209, 1);border-radius:10px 10px 10px 10px;  box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);}
.style-jw8u62vibg,.style-jw8u6ic6bg,.style-jw8u6a8obg,.style-jw8u6pdebg p {padding: 10px; margin: 10px 0px; font-weight: bold;}
.style-jw8u6ic6bg {border:0px solid rgba(65, 65, 65, 0.4);background-color:rgba(246, 230, 252, 1);border-radius:10px 10px 10px 10px;  box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);}
.style-jw8u6pdebg {border:0px solid rgba(65, 65, 65, 0.4);background-color:rgba(239, 255, 204, 1);border-radius:10px 10px 10px 10px;  box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);}
.style-jw8ruy33bg {border:1px solid rgba(65, 65, 65, 0.4);background-color:rgba(64, 102, 124, 1);border-radius:10px 10px 10px 10px;  margin: 10px 0px;}
.style-jw92zy3lbg {border:0px solid rgba(65, 65, 65, 1);background-color:rgba(202, 229, 175, 1);border-radius:3px 3px 3px 3px;  box-shadow:1.41px 1.41px 3px 1px rgba(0,0,0,0.44); margin: 10px 0px;position: relative;padding: 10px;}
.style-jw92zy3lbg a{padding: 10px;font-size: 16px;line-height: 20px;margin: 10px;}

.heass h5{color: #FC4D4F; font-size: 16px; font-weight: bold; text-align: center;padding: 10px;}
.heass{/*! color: #FFA4A5; */ font-size: 14px;  text-align: center;/*! border-bottom: 1px solid #605858; */width: 100%;padding: 0px 10px 5px;}
.heass ul{ padding: 0px;}
.heass ul li{/*! list-style: none; */list-style-type: disc; /*! padding: 10px; *//*! text-align: left; */}
.heass ul li span{font-size: 10px;}

.style-jw8xxb3htextarea {box-shadow:0px 1px 4px 0px rgba(0,0,0,0.6);  border-radius:5px 5px 5px 5px;  font:normal normal normal 14px/1.4em arial,;  border-width:0;  resize:none;background-color:rgba(255, 255, 255, 1);box-sizing:border-box !important;color:#000000;border-style:solid;border-color:rgba(145, 145, 145, 1);padding:3px;margin:0;padding-top:0.75em;max-width:100%;min-width:100%;overflow-y:auto;-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.style-jw8xxb3htextarea::-webkit-input-placeholder {color:#7F808A;}
.style-jw8xxb3htextarea::-ms-input-placeholder {color:#7F808A;}
.style-jw8xxb3htextarea::placeholder {color:#7F808A;}
.style-jw8xxb3htextarea:hover,.style-jw8xxb3htextarea[data-preview~="hover"] {border-width:0;    background-color:rgba(242, 250, 249, 1);border-style:solid;border-color:rgba(92, 92, 92, 1);}

.btn { display: inline-block;padding: 6px 5px;}
.application .form-group {  margin-bottom:0px;}
.application h3{text-align: center; color: #2D2B2B;}
.application p{text-align: center; color: #2D2B2B;margin: 12px 0px;}
.application a{text-align: center; color: #1200FF;margin: 12px 0px;}
.application .button{text-align: center; color: #1200FF;margin: 12px 0px; padding: 0px 20px;}
.application input[type=radio] {margin: 19px 8px;}

.application input[type=text],input[type=email],textarea,select { width: 100%;padding: 12px 20px;margin: 4px 0;box-sizing: border-box;}
.application  select { background: #fff url(../images/drop-down.png) no-repeat 92% center; border: 1px solid #ccc; outline: none;  padding-left: 10px; -webkit-appearance: none;  -moz-appearance: none;}
.checkmark {border-radius:3px 3px 3px 3px;  position: absolute; top: 0; left: 15px; height: 20px;width: 20px; background-color: #fff;
/*! margin-right: 49px; */}

/* Create a custom checkbox */
.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee;}

/* On mouse-over, add a grey background color */
.application:hover input ~ .checkmark {background-color: #ccc;}

/* When the checkbox is checked, add a blue background */
.application input:checked ~ .checkmark {background-color: #2196F3;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.application input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.application.checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-bs-file{
    position:relative;
    width: 100%;
}
.btn-bs-file input[type="file"]{
    position: absolute;
    top: -9999999;
    filter: alpha(opacity=0);
    opacity: 0;
    width:0;
    height:0;
    outline: none;
    cursor: inherit;
	width: 100%;
}
  @media screen and (max-width: 560px){ 
	  .search-wrapper.active .input-holder {width:300px;}
 }

/*=========innerpages=====================*/
@media only screen and (max-width: 479px){
    .vertical-tab .nav-tabs{
        display: block;
        width: 100%;
        border-right: none;
    }
    .vertical-tab .nav-tabs li a{ margin: 0 0 20px; }
    .vertical-tab .tab-content{
        display: block;
        padding: 20px 15px 5px;
    }
    .vertical-tab .tab-content h3{ font-size: 18px; }
}




@media (min-width: 1380px) {
  .container {
    width: 1330px;
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1890px;
  }
	.menu ul li a {
    font-size: 16px;
    text-transform: uppercase;
    color: #000000;
    padding: 10px 64px;
    display: block;
    background: #6dbf59;
    border-radius: 5px;
}
	.online_inner img{box-shadow: 1px 5px 8px #474343; height: 130px; width: 130px;}
}



@media screen and (max-width: 1200px) {
	.menu ul li a{ font-size: 13px; padding: 6px 27px;}
	h1{font-size:35px;line-height: 50px;}
	.boldtext{ font-size:38px;}
	.smalltext{ font-size:26px;}

}	
@media screen and (max-width: 1024px) {
.courses_inner { width: 23%!important;}		
h2{font-size: 30px; margin: 0px 0px 0px 0px;}
.innerpage h2 {font-size: 18px;}
.banner-text.innerpage li a { padding: 5px 9px; font-size: 12px;}
.footer-left { width: 39%;}
.footer-address { width: 20%;}
.menu ul li a {  font-size: 12px; padding: 6px 27px; }
.banner-text.innerpage li a {  margin: 0px;  padding: 5px 5px; border: 1px solid #fd6b00; border-radius: 10px; font-size: 10px; color: #000; background: #fff;}

}
@media screen and (max-width: 990px) {
.menu ul li a {  font-size: 12px;padding: 3px 10px; }
.testimonial .testimonial-profile { width: 130px;}	
.testimonial .pic { width: 50px!important; height: 98px;}

.testimonial .title { font-size: 15px;}
@media screen and (min-width: 877px) {
.menu{display:block !important ;}
}



@media screen and (max-width: 877px) {
.courses_inner { width: 23%!important;}	
.footer{ padding: 20px 15px 0px;}
.welcome { padding: 20px 15px;}
.welcome_left{ margin:20px 0px; padding: 0 0 0 0;}
.welcome_right {margin:0px 0px;}
.welcome_left, .welcome_right { float: right; width: 50%;}
.top-contact{ float:right; display:block;}
.innerpage h2 {font-size: 15px;}
.banner-text.innerpage li a { padding: 5px 3px; font-size: 12px;}
.banner-text.innerpage { font-size: 15px;}
.burger-mune{cursor: pointer; float: right; margin: 32px 0;}
.burger-mune span{ width:24px;height:3px; background:#fa3b0e; display:block;}
.burger-mune span.mid-line, .burger-mune span.bottom-line{margin-top:3px;}
.burger-change span.mid-line{display:none;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.burger-change span.top-line{margin-top: 5px;-webkit-transform: rotate(40deg);-moz-transform: rotate(40deg);-ms-transform: rotate(40deg);-o-transform: rotate(40deg);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.burger-change span.bottom-line{  margin-top: -3px;-webkit-transform: rotate(-40deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40eg);-o-transform: rotate(-40deg);transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}

.menu{ display:none;overflow: hidden; padding: 0 0 10px;}
.menu, .menu ul, .menu ul li{ width: 100%;margin: 0px;}
.menu ul li ul{display:inherit;}
.menu ul li ul{position: inherit; width: 100%;padding:0 0 0 5%;background: rgb(70, 153, 41);margin-top: 0px; }
.menu ul li ul li a{padding: 5px 10px;}
.menu ul li a{padding: 8px;/*border-right: 4px solid #fff;*/background: transparent;width: 100%;}
.menu ul li a:hover{/*border-right: 4px solid #fd6b00;*/ background: #bddb91}
.menu ul li{border-right:none;border-bottom: 1px solid #999;background: #469929}
.menu ul li:hover{border-right:none;border-bottom: 1px solid #999; background: #bddb91;}
.menu ul li a, .menu > ul > li > a:hover{border-bottom:none;}
.menu ul li ul li:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:24%; right:4px;}
.menu > ul > li > a:hover::after{content:"";background:url(../images/hover-pic2.png) no-repeat left top; width:8px; height:17px; position:absolute;top:24%; right:0px;left: inherit;}
.menu ul li ul li ul { left: 0px;  top: 0px;}
h1 {   font-size: 34px;  line-height: 40px;}
.boldtext{ font-size:18px !important;}
.smalltext{ font-size:18px !important;}
.solution-image{display: none;}
.solution-detail{ float:left; width:93%;margin: 30px;}
element {
}
.testimonial .testimonial-profile { width: 130px;}	
.testimonial .pic { width: 50px!important; height: 98px;
  
}
}

@media screen and (min-width: 769px) {
	
	
}
@media screen and (max-width: 768px) {
	.download { padding: 20px;}
	.courses{ margin:  20px 0px;}
	.sidemenu-display{display: none;}
.search-wrapper.active .close {
    right: 343px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
        transition-delay: 0s;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.student-section a { padding: 8px;margin: 0px 40px; width: 32%;font-size: 18px; font-weight:400;}
.service-inn{float: left; }
.service-inn2{float: right; }
.searc{ position: relative; margin: -25px 0px 30px 0px;}
.pdf-box ul li {width: 50%; text-align: center;
}
.courses_inner_2 { margin: 10px 0px!important;}
.download .description { width: 100%;}
.search-wrapper.active .input-holder {border-radius: 50px;width: 328px;}
.courses_inner_2left h4 { padding: 10px 11px;}
.courses_inner_2left {  padding: 5px 11px;}
.courses_inner { width:31%!important;}
.banner-text a { margin: 2px 10px;display: inline-block;}
.top-contact ul li { width: 100%;}
h2 {text-align: center; background:url("../images/headline.png") no-repeat center bottom ; font-size: 20px;}
}

@media screen and (max-width: 600px) {
body {background:#fff;font-family: 'Lato', sans-serif;font-size:13px;font-weight:400; color:#4D4D4D; margin:0; line-height:19px;}
.welcome_left ul li a { font-size: 13px; line-height:19px;  text-align: center;}
.banner-text.innerpage { font-size: 15px; font-weight: 400; margin-left: 39%; width: 58%; color: #000; text-align: left;}
.student-section a { padding: 5px 0px; margin: 10px 0px; }	
.student-section a img {height:35px;}
.ebook-2 { width: 60%!important;}
}
@media screen  and (max-width: 550px) {
.courses_inner { width: 47%!important;}	
}
@media screen  and (max-width: 480px) {
.courses_inner { width: 97%!important;}
.online_inner h3 {  font-size: 16px;   padding: 0px 0px;}
.online_inner ul li { font-size: 12px;}
.online_inner a, .community a {margin: 0px 0px 2px 0px;}
.service { width: 100%;  padding: 0px 0px;}
.marqee { margin: 9px 12px;}
.testimonial .testimonial-profile {
    display: inline-block;
    position: absolute;
    width: 183px;
}
.ebook-2 { width: 60%!important;}
}

/*-- best --*/
@media screen and (max-width: 380px){
.full-width{ width:300px!important;right:0px;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
	}
.ebook-2 { width: 55%!important;}
	
}
@media screen and (max-width: 320px){
.footer_1 ul li a { font-size: 12px;}
.footer_1 ul li a:hover {font-size: 12px;}
.logo { width: 70%;}
.courses_inner { width: 97%!important;}
}
	
	
	
	
	
.error{
  color: red;
}