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

@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');

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

/*@font-face{
	font-family: 'Roboto', sans-serif;
}
@font-face {
  font-family: "proximaNova-Light";
  src: url('../fonts/proximaNova/proximaNova-Light.otf');
	font-weight:300;
}
@font-face {
  font-family: "proximaNova-Regular";
  src: url('../fonts/proximaNova/proximaNova-Regular.otf');
	font-weight:400;
}
@font-face {
  font-family: "proximaNova-Semibold";
  src: url('../fonts/proximaNova/proximaNova-Semibold.otf');
	font-weight:600;
}
@font-face {
  font-family: "proximaNova-Bold";
  src: url('../fonts/proximaNova/proximaNova-Bold.otf');
	font-weight:700;
}
@font-face {
  font-family: "proximaNova-Extrabold";
  src: url('../fonts/proximaNova/proximaNova-Extrabold.otf');
	font-weight:800;
}
@font-face {
   font-family: 'Sansita', sans-serif;
  src: url('../fonts/proximaNova/proximaNova-Light.otf');
	font-weight:300;
}*/

html,body{
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	letter-spacing:0.2px;
	overflow-x:hidden;
}
a{outline:none !important;}
.img-responsive{display:inline-block;}
.topHeader{
	background:#282828;
	color:#FFF;
	font-size:13px;
	position:relative;
}
/*.topHeader:before{
	content:"";
	background:#282828;
	width:60px;
	height:54px;
	position:absolute;
	top:0;
	left:-35px;
	-webkit-transform:skew(40deg);
	-moz-transform:skew(40deg);
	-o-transform:skew(40deg);
	z-index:-1;
}
.topHeader:after{
	content:"";
	background:#282828;
	width:60px;
	height:54px;
	position:absolute;
	top:0;
	right:-35px;
	-webkit-transform:skew(-40deg);
	-moz-transform:skew(-40deg);
	-o-transform:skew(-40deg);
	z-index:-1;
}*/

.topHeader span{margin:12px; display:inline-block;}
.topHeader span img{margin-right:12px;}
.rightTop{
	float:right;
	display:inline-block;
	overflow:hidden;
	position:relative;
}
.rightTop a{color:#FFF; text-decoration:none;}
.rightTop a:hover{color:#1dc2d4;}

.navbar-default .navbar-brand {
  color: #777;
  width: 226px;
}

/*--- nav bar ---*/
.navbar-default {
  background-color: #FFF;
  border-color: transparent;
}
.navbar {border-radius:0px; margin-bottom:0px; border:0px;}
.navbar-brand {height:83px; padding: 15px 10px 10px;}
.navbar-default .navbar-nav > li > a { color:#282828; font-size:14px; font-weight:500; -webkit-transition: -webkit-transform .8s ease-in-out;
  transition: transform .8s ease-in-out;}
.navbar-nav > li > a {padding:32px 18px; }
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  background-color:transparent;
  color: #ff5300;
}
.dropdown-menu > li > a {
	font-size:14px;
  padding: 8px 18px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color:transparent;
  color: #FF5300;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color:transparent;
  color: #FF5300;
}

.banner img{
	width:100%;
}
.noPadding{padding:0;}
.info{
	padding:30px;
	margin:-90px 0 25px;
	color:#000;
	font-size:15px;
	line-height:30px;
	font-weight:400;
	min-height:310px;
	background:#f4f4f4;
}
.info h1{
	margin:0 0 18px;
	font-size:24px;
	font-weight:500;
}
.aboutUs{background:#1f89af;}
.certification{background:#efefef;}
.placement{background:#7ab010;}

.mainTitle{
	font-size:28px;
	color:#2b2b2b;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:25px;
}
.mainTitle > span{
	height:5px;
	width:60px;
	background:#ff5300;
	margin:10px auto;
	display:block;
}

.mainTitle2{
	font-size:28px;
	color:#FFF;
	font-weight:600;
	text-transform:uppercase;
	margin-bottom:25px;
}
.mainTitle2 > span{
	height:5px;
	width:60px;
	background:#ff5300;
	margin:10px auto;
	display:block;
}

.mainTitle > .orgLine, .mainTitle3 > .orgLine{
	height:5px;
	width:60px;
	background:#ff5300;
	margin:10px 0;
	display:block;
}
.text1{
	font-weight:400;
	color:#525252;
	font-size:17px;
	line-height:26px;
	margin-bottom:25px;
}

.topCourses{
	margin:0;
	border:solid 1px #d1d1d1;
	padding:15px;
	min-height:289px;
}
.icon{min-height:67px;}
.topCourses h2{
	font-weight:500;
	font-size:18px;
	color:#000;
}
.topCourses p{
	font-size:14px;
	color:#252525;
	line-height:26px;
}
.text2 {
    color: #525252;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}


.borderLeft{margin-left:-1px;}
.borderTop{margin-top:-1px;}

.about{margin:45px 0 0;}
.textWrap{padding:20px 40px;}
.textWrap p{
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	color:#282828;
}
.aboutimg{
	background:url('../images/about.jpg') no-repeat;
	background-size:cover;
	min-height:470px;
	width:100%;
}
.mission{
	background:url('../images/bg2.jpg') no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	padding:20px 0 0;
}
.spacer{height: 50px; width: 100%; clear: both;}
.steps{
	background:#FFF;
	padding:25px 40px;
	min-height:285px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+43,ffffff+43,eaeaea+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 43%, #ffffff 43%, #eaeaea 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 43%,#ffffff 43%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 43%,#ffffff 43%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */

}
.steps h1{
	font-weight:600;
	color:#1a1a1a;
	font-size:18px;
	line-height:26px;
}
.steps p{
	font-weight:400;
	font-size:15px;
	color:#282828;
	line-height:26px;
	margin-top:25px;
}
.num{
    width:80px;
    height:80px;
    border-radius: 50%;
    text-align: center;
    margin: -65px auto 0 auto;
    background: #FFF;
}
.num span{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: solid 2px #ff5300;
    font-size:30px;
    font-weight: 800;
    color: #282828;
    display: inline-block;
    margin: 9px auto;
    padding-top: 8px;
}
.footer1{
	background: #84ac35;
	padding:60px 0;
}
.footer1 h2{
    font-weight: 400;
	font-size:32px;
	color:#364f04;
	margin:0;
}
.footer1 h1{
    font-weight: 700;
	font-size:40px;
	color:#FFF;
	margin:8px 0 0 0;
}
.btnBottom{
	border:solid 2px #FFF;
	padding:15px 30px;
    font-weight: 300;
	font-size:22px;
	text-align:center;
	color:#FFF;
	border-radius:6px;
	margin:15px 0 0 0;
	display:block;
}
.btnmodalBottom{
	padding: 16px 109px;
   font-weight: 300;
   font-size: 22px;
   text-align: center;
   
}
.btnBottom:hover, .btnBottom:active, .btnBottom:focus{
	background:#FFF;
	color:#333;
	text-decoration:none;
}
footer{
	background:#1f1f1f;
	padding:40px 0;
}
footer h4{
    font-weight: 400;
	font-size:18px;
	color:#FFF;
	margin:0 0 25px 0;
}
footer ul li{
	padding:6px 0;
}
footer ul li a{
    font-weight: 300;
	color:#f2f2f2;
	font-size:14px;
}
footer ul li a:hover{color:#f89b1b; text-decoration:none;}
.fLogo{
	margin-top:70px;
}
.socIcon{
	margin:30px 15px 0 0;
	float:right;
}
.socIcon a{
	color:#FFF;
	font-size: 18px;
	border:solid 2px #FFF;
	padding: 6px 0;
	height:40px;
	width:40px;
	text-align:center;
	border-radius:100px;
	float:left;
}
.socIcon a:hover{color:#ff5300; border:solid 2px #ff5300;}
.copright{
	background:#0d0d0d;
	color:#FFF;
	padding:18px 0;
  font-weight: 300;
	font-size:13px;
}
.copright p{margin:0;}

.innerBanner{
	background:url('../images/main_banner21.jpg') no-repeat center bottom;
	background-size:cover;
	min-height:150px;
	overflow:hidden;
	margin-bottom:30px;
}
.overlay{
	background:rgba(0,0,0,0.6);
	position:absolute;
	height:150px;
	width:100%;
}
.innerBanner h1{
	color:#FFF;
	font-size:28px;
	margin-top:60px;
	position:relative;
	z-index:1;
}
.innerTextWrap p{
	font-size:16px;
	line-height:30px;
	margin-bottom:20px;
	color:#282828;
}

.mainTitle3{
	font-size:20px;
	color:#2b2b2b;
	font-weight:700;
	margin-bottom:25px;
}
.mainTitle3 > span{
	height:5px;
	width:60px;
	background:#e26513;
	margin:10px auto;
	display:block;
}
.feature{padding:0;}
.feature li{
	display:block;
	font-size:16px;
	padding:8px 0 8px 10px;
}
.feature li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
	position:relative;
	font-size:18px;
	left:-10px;
}


.contactForm{margin-top:55px; margin-bottom:55px;}
.contactForm .form-control{
  font-size:18px;
  height:55px;
  width: 100%;
}
.contactForm .link{font-size:18px; margin-top:15px; display:block;}
.contactForm .checkbox{font-size:18px;}
.textarea{height:90px !important;}

.contactForm p{ font-size:15px;}
.contactForm .control-label{font-size:16px;}

.address{font-size:16px;}
.address i{
	padding:15px;
	height:65px;
	width:65px;
	border-radius:100px;
	text-align:center;
	line-height:30px;
	border:solid 2px #ff5300;
	font-size:28px;
	color:#ff5300;
	margin-bottom:35px;
}
.btnGreen{
	padding:15px 10px;
	font-size:20px;
	color:#FFF;
	background:#ff5300;
	border:none;
	text-transform:uppercase;
	-webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -ms-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}
.btnGreen:hover, .btnGreen:active, .btnGreen:focus{color:#FFF; background:#f97925;}

.img-thumbnail{
	margin-bottom:20px;
}
.navLeft .nav > li > a{
	padding:12px 0 12px 15px;
	color:#333;
	font-size:15px;
}
.coursesDetails{border:solid 1px #ddd; padding:18px;}
.coursesDetails h4{
	font-size:20px;
	padding-bottom:12px;
	border-bottom:solid 1px #DDD;
	margin-bottom:15px;
}
.coursesDetails h5{font-weight:600; font-size:16px; }
.coursesDetails b{font-weight:600; display:block; font-size:16px; margin-bottom:10px;}
.coursesDetails p{font-size: 15px; line-height:26px; margin-bottom:18px;}


.tabs-left, .tabs-right {
  border-bottom: none;
  padding-top: 2px;
}
.tabs-left {
  border-right: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
  float: none;
  margin-bottom: 2px;
}
.tabs-left>li {
  margin-right: -1px;
}
.tabs-right>li {
  margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
	border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-right-color: transparent;
}
.tabs-left>li>a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display:block;
}

.vertical-text {
  margin-top:50px;
  border: none;
  position: relative;
}
.vertical-text>li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px;
}
.vertical-text>li>a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0px 0px;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd;
}
.vertical-text.tabs-left {
  left: -50px;
}
.vertical-text.tabs-left>li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.heading{ position:absolute; top:40px; left:800px; font-family: 'Sansita', sans-serif; font-size:30px; font-weight:700; color:#cb0e7d;  font-family: 'Roboto', sans-serif; }
.para{ position:absolute; top:100px; left:830px; color:#0f0f0f; font-size:25px; font-weight:500;   font-style:italic; font-family: 'Roboto', sans-serif;}
.para1{ position:absolute; top:150px; left:830px; color:#0f0f0f; font-size:25px; font-weight:500;   font-style:italic; font-family: 'Roboto', sans-serif;}
.para2{ position:absolute; top:200px; left:830px; color:#0f0f0f; font-size:25px; font-weight:500;   font-style:italic; font-family: 'Roboto', sans-serif;}
.para3{ position:absolute; top:256px; left:802px; color:#cb0e7d; font-size:35px; font-weight:500;   font-style:italic; font-family: 'Roboto', sans-serif;}
.banner{ position:relative;}
.btn-primary {
    color: #fff;
    background-color:#80ab64;
    border-color: #7ab010;
    margin-left: 84px;
	border:none;
}
.btn-primary:hover {
    color: black;
    background-color:white;
   
}
.bnt{ position:absolute;  left:830px; }
marquee{ font-size:30px;  font-family: 'Sansita', sans-serif; }

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    color: #333;
}
.f{
	   left: 19px;
       position: absolute;
       top: 11px;
       width: 30px;
	
}

/********************************/
/*          Main CSS     */
/********************************/


#first-slider .main-container {
  padding: 0;
  height:500px;
}


#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{
    color: #fff;
    font-size:28px;
      text-transform: uppercase;
      font-weight:500;
	margin-bottom: 30px;
}

#first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 22px;
      font-weight:400;
	line-height: 38px;
}
#first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 40px;
}


#first-slider .carousel-indicators {
  bottom: 0;
}
#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
  background-image: none;
}
#first-slider .carousel .item {
  min-height: 550px; 
  height: 100%;
  width:100%;
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


/*
#first-slider h3{
  animation-delay: 1s;
}
#first-slider h4 {
  animation-delay: 2s;
}
#first-slider h2 {
  animation-delay: 3s;
}
*/


#first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}

#first-slider h1 {
  text-align: center;  
  margin-bottom: 38px;
  font-size: 30px;
  font-weight: bold;
}

#first-slider .p {
  padding-top: 125px;
  text-align: center;
}

#first-slider .p a {
  text-decoration: underline;
}
#first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
#first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/********************************/
/*       Slides backgrounds     */
/********************************/
#first-slider .slide1 {
    background-image: url(../images/banner1.jpg);
      background-size: cover;
    background-repeat: no-repeat;
}
#first-slider .slide2 {
  background-image: url(../images/college_students.jpg);
      background-size: cover;
    background-repeat: no-repeat;
}
/*#first-slider .slide3 {
  background-image: url(../images/college-planning.jpeg);
      background-size: cover;
    background-repeat: no-repeat;
}*/
#first-slider .slide4 {
  background-image: url(../images/college-planning.jpg);
      background-size: cover;
    background-repeat: no-repeat;
}

.navbar-toggle {margin-top: 20px;}
.navbar-default .navbar-toggle .icon-bar { background-color: #121212;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 6px;}
.navbar-toggle { border: none;  background: transparent !important;}
.navbar-toggle:hover {
  background: transparent !important;
}
.navbar-toggle .icon-bar{
  width: 30px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar{
  transform: rotate(45deg);
  transform-origin: 10% 15%;
}
.navbar-toggle .middle-bar{
  opacity: 0;
}
.navbar-toggle .bottom-bar{
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar{
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}


/******************/

@media (max-width: 1200px) {
}

@media only screen and (max-width : 1024px){
.topCourses p {font-size: 13px; line-height: 24px;}
.topCourses, .steps { min-height: 303px;}


}

@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
  		display: block !important;
	}
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .f {top: 1px;}
}
@media only screen and (min-width : 768px) and (max-width : 980px){
	.topHeader{display: none;}
#first-slider .slide1 .text-left, #first-slider .slide3 .text-left{padding: 0; width: 100%;}
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{ font-size:25px; text-align: center; line-height: 38px;}
.carousel-control{display: none;}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4{font-size: 16px; text-align: center;}
.info{line-height: 25px; font-size: 14px; min-height: 334px;}
.info h1{font-size: 18px;}
.topCourses {min-height: 268px;}
.steps {padding: 25px 10px;}
.btnBottom{ padding: 15px 20px;}


}

@media only screen and (max-width : 767px){
.topHeader{display: none;}
.navbar-nav > li > a {padding:15px 18px;}
.f {top: 1px;}
#first-slider .slide1 .text-left, #first-slider .slide3 .text-left{padding: 0; width: 100%;}
#first-slider .slide1 h3, #first-slider .slide2 h3, #first-slider .slide3 h3, #first-slider .slide4 h3{ font-size:25px; text-align: center; line-height: 38px;}
.carousel-control{display: none;}
.imgDiv{display: none;}
#first-slider .slide1 h4, #first-slider .slide2 h4, #first-slider .slide3 h4, #first-slider .slide4 h4{font-size: 16px; text-align: center;}
.textWrap{padding:0px; text-align: justify;}
.steps{margin-bottom:50px;}
.footer1 h2{text-align: center; font-size: 24px;}
.footer1 h1{font-size: 30px; text-align: center;}
.fLogo {text-align: center;}
footer{text-align: center;}

}

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

}

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

}


/*----------Responsive Css End----------*/