/*@import url('https://fonts.googleapis.com/css?family=Cormorant:400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');*/

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


body { padding:0; margin:0; height: 100%; width: 100%; position: relative; }
p{ font-family: Lato; font-size: 22px; line-height: 38px; padding:0; margin:0;}
ul{ list-style:none; padding:0; margin:0;}
li{ padding:0; margin:0; display:block;}
a{ text-decoration: none; transition: all 0.7s ease;}
a:hover{ text-decoration: none; color: #ccc; }
.btn{ transition: all 0.7s ease;}
.btn:hover{ color: #ffff01;}


p{ font-family: Roboto; font-size: 16px; line-height: 23px; color: #333333; margin:0 0 20px; font-weight: 400; }
h3,h4{ font-family: Cormorant; font-weight: 600; }

section{ padding: 30px 0;}
section h2{color: #3c3c3c; text-transform:capitalize; margin: 0 0 45px; font: 400 35px/35px Roboto; padding: 0 0 15px; }


a.jointm{ position: fixed; color: #fff; background: #ea7000; min-width: 175px; line-height: 36px; transform: rotate(-90deg); 
writing-mode: lr-tb; text-align: center; font-weight: bold; font-size: 15px; height: 36px; right: -70px; top: 47%; 
z-index:999; }
a.jointm:hover{ background-color: #0091FF; }


/*------------------ header top ------------------*/

.header-top { background-color: #ededed; min-height: 53px; padding:8px 0 0; }

.top-social{ margin-top: 4px; }
.top-social li{ display: inline-block;  padding: 0; margin: 0 17px 0 0;  }
.top-social li a{ color: #fff; font-size: 16px; background-color: #0291fc; border-radius: 50%; padding: 0; 
display: block; width: 27px; height: 27px; line-height: 27px; text-align: center; }
 
.header-top-right { width: auto; float: right;  }
.header-top-right li{ display: inline-block; margin: 0 20px 0 0; }
.header-top-right li a{ color: #2f2f2f; font: 400 16px/20px Roboto; text-transform: uppercase; }
.header-top-right li a img{ margin-right: 9px; }
	
/*-------------------------------------------------*/	

.right-portal { width: auto; float: right; padding-top: 30px; }
.top-info-section { display:inline-block; width:auto; }
.info-icon { margin-right: 10px; vertical-align: top; display:inline-block; }
.info-details { display:inline-block; }
.info-details p{ color: #2f2f2f; font: 400 16px/28px Roboto; margin:0; }
.info-details p a{ color: #2f2f2f;  }
.info-left { padding-right: 25px; background: url(../images/sep.jpg) no-repeat right center; vertical-align: top; }
.info-middle{ padding-right: 25px; padding-left: 25px; vertical-align: top; }
.resume { border-radius: 14px; background-color: #ea7000; color: #fff; font: 400 17px/26px Roboto; padding: 7px 14px; border: none; }
.resume:hover { background-color: #0091FF; color: #fff; }

.upload-btn-wrapper { position: relative; /*overflow: hidden;*/ display: inline-block;}
.upload-btn-wrapper input[type=file] {  font-size: 100px;  position: absolute;  left: 0;  top: 0;  opacity: 0; }

/*-------*/

.navigation-section { /* IE10+ */ 
background-image: -ms-linear-gradient(top, #0091FF 0%, #2883cc 100%);
/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #0091FF 0%, #2883cc 100%);
/* Opera */ 
background-image: -o-linear-gradient(top, #0091FF 0%, #2883cc 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0091FF), color-stop(100, #2883cc));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #0091FF 0%, #2883cc 100%);
/* W3C Markup */ 
background-image: linear-gradient(to bottom, #0091FF 0%, #2883cc 100%); }

.navbar-brand  { display: inline-block; height: auto; padding:15px 0; }
.navbar { margin-bottom: 0; border:none; }
/*.navbar-nav { width: 100%; text-align:center; }*/
.navbar-default { background-color: transparent;  border-color: transparent;}
.navbar-nav > li { float: none; display: inline-block; }

.navbar-nav > li > a { color: #fff !important;  font: 400 16px/26px Roboto;
text-transform: capitalize; padding: 15px 20px;  }
.nav > li > a:focus, .nav > li > a:hover { background-color: #ea7000 !important; color: #fff !important; }
.nav > li.active > a { background-color: #ea7000 !important; /*border-bottom: 4px solid #e4252a;*/}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover{ background-color: transparent; border-color: transparent; }

.navigation-section .dropdown-menu > li > a{ background: #0091FF;  }
.navigation-section .dropdown-menu > li > a:focus, 
.navigation-section .dropdown-menu > li > a:hover{ background-color: #ea7000; }



.navigation-section .navbar-right { margin-right:0; padding-right: 0; display: inline-block; }
.search-border{ display: inline-block; border-right: 1px solid #5fa7e0;}
.top-search.navbar-form{ display:inline-block; }
.top-search.navbar-form .form-control { border-radius: 4px 0 0 4px; float: left; box-shadow: none; border-color: transparent; background-color: transparent; color: #fff; }
.top-search.navbar-form .btn{ float: left; border-radius: 0 4px 4px 0; border-color: transparent; color: #fff; background-color: transparent; }
.top-search.navbar-form .form-control::-moz-placeholder{ color: #fff; }

.login{ color: #ffc600; font: 500 17px/26px Roboto; padding:15px 0 0 15px; vertical-align: top; display: inline-block; background:none; }
.login:hover{ color: #fff; }

/*------------ end header -------------------------*/

.banner { min-height: 486px; background: url(../images/banner.jpg) no-repeat top center; background-size: cover; padding: 25px 0 0; }

.banner-border{ border-bottom: 10px solid #fff;}

.banner-left { padding-top: 40px; }
.banner-left h2{color: #fff; font: 400 65px/70px Roboto; text-transform:uppercase; margin:0; }
.banner-left h3{color: #ffc600; font: 500 65px/70px Roboto; text-transform:uppercase; margin:0 0 25px; }

.banner-left li{ display:block; background:url(../images/orange-arrow.png) no-repeat left center; padding: 0 0 0 30px;  color: #ffffff; font: 400 16px/23px Roboto; margin: 0 0 16px; }

.banner-form { background-color: #4a7ba0; padding: 15px; border-radius: 6px; position:relative; }
.banner-form h2{ color: #fff; font: 700 30px/30px Roboto; margin:0 0 12px; }

.banner-inner{ background-color: #1d2f3c; padding: 15px 15px 9px; border:1px solid #ffffff; border-radius: 6px; min-height: 300px;  }
.banner-inner .form-group{ margin-bottom: 9px;}
.banner-inner .form-control{ height: 39px;}
.banner-inner p{ color: #fff; margin:0 0 7px;}
.banner-inner .form-control::-moz-placeholder{ color:#989898;}

.red-arrow{ position: absolute; width:221px; height: 129px; bottom:0; left:-79px; }

.captcha img{ width: 100%;}
.submit-button { background-color:#ff2a2a;  color: #fff; font: 500 20px/20px Roboto; text-transform:uppercase; padding:7px 30px; border-radius: 12px; }

/*--------------- end banner --------------------*/

.course{ text-align: center; padding-bottom: 10px; }
.course h2{ margin:0; padding:0 0 8px; }
.header-line { margin:0 0 40px;}

.course-item{ margin: 0 0 50px; position:relative; transition: all .6s ease-in-out .0s; }
.hover-txt{ background-color: rgba(53, 53, 53, 1);
position: absolute; width: 100%; height: 100%; bottom: 0; opacity:0; transition: all .6s ease-in-out;
text-align: center; color: #fff; padding: 40px 10px 20px; }
.hover-txt p{ color: #fff;}
.hover-txt h3{ font: 400 20px/22px Roboto; color: #fff; margin:0 0 15px;}
	
.course-item:hover .hover-txt{opacity:1; }

.course span{ display: block;width: 100%;color: #1b1b1b; font: 400 18px/20px Roboto; padding: 30px 0; }
.course .dotnet span{ padding: 57px 0 30px; }
.apply-btn {background-color:#ff2a2a;  color: #fff; font: 500 20px/20px Roboto; text-transform:uppercase; padding:12px 40px; border-radius: 12px; }

/*--------------------------- course end --------------------------*/

.job-portal { background: url(../images/course-banner.png) no-repeat top center; background-size:cover; min-height: 253px; padding: 45px 0 30px; }
 
.job-portal h2{ color: #fff; font-size: 42px; line-height: 42px; margin:0 0 12px; padding:0; } 
.job-portal p{ color: #fff; font: 400 19px/19px Roboto;}
.register{background-color:#2783cb;  color: #fff; font: 500 20px/20px Roboto; padding:12px 33px; border-radius: 12px; }
.register-right{ background-color:#008fff; padding:12px 43px; margin-left: 12px; }

/*------------------- job portal end ---------------------------*/


.companies h2{ margin:0; padding:0 0 8px; text-align: center; }

.com-box h3{  color: #3c3c3c; font: 400 25px/25px Roboto; padding: 0 0 17px 0; margin:0 0 35px; border-bottom: 1px solid #d4d4d4; text-align:center; }
.com-box li{ display: block; background: url(../images/grey-dot.png) no-repeat left 5px; color: #3c3c3c; font: 400 17px/25px Roboto; padding: 0 0 0 50px; margin:0 0 25px;  }

.viewall { padding: 10px 20px; color: #009cff; font: 400 16px/18px Roboto; border:1px solid #009cff; border-radius: 4px; position: absolute; bottom:0; right: 0; z-index: 999; }

.com-inner{ padding:40px 10px 60px 17px; position:relative; }
.com-box:hover .com-inner:after{ content:""; background: url(../images/right-angle.png) no-repeat right bottom; width:212px; height: 196px; position: absolute; right:-19px; bottom:-12px; }
.com-box:hover .com-inner:before{ content:""; background: url(../images/left-angle.png) no-repeat left top; width:212px; height: 196px; position: absolute; left:-10px; top:0; }

.com-box:hover .viewall { background-color: #008fff; color: #fff; border-radius: 0; border:1px solid #008fff; }

/*----------------------- our-companies end --------------------*/

.home-about { padding:50px 0 0;}
.home-about h2{ margin:0; padding:0 0 8px; }
.home-about a{ color: #008fff; font: 700 16px/18px Roboto; text-transform:uppercase; }

/*----------------- home about end ---------------------*/

.students-feed{ background: url(../images/student-bg.png) no-repeat top center; background-size:cover; min-height: 253px; padding: 90px 0 50px; margin-top: -78px; position: relative; z-index: 99; }

.student-img { width: 203px; height: 203px; display:inline-block; border-radius: 50%; position: relative; background-color:#fff; }
.student-img:after { content:""; background: url(../images/curve.png) no-repeat right top; position:absolute; right:-19px; top:-22px; width: 122px; height:249px; }
.student-img img{ width: 100%; border-radius: 50%;  }

.students-feed h2{ margin:0; padding:0 0 8px; color: #fff; }
.students-feed p{ color: #fff; }
.students-feed span{ color: #fff; font-style:italic; }

/*---------------------- end student ----------------*/



footer { background-color: #222222; padding: 50px 0 40px;  }
footer h3{ color: #ffffff; font: 400 20px/22px Roboto; text-transform: uppercase; margin: 0 0 30px; 
border-bottom: 1px solid #fff; padding: 0 0 15px;}

 .footer-logo {  /*margin-top: 30px;*/ }
  footer p{ color: #fff; font: 400 16px/18px Roboto; margin:25px 0 0;}
  
 .footer-info  p{ color: #fff; font: 400 17px/19px Roboto; margin: 0 0 10px;}
 .footer-info p a { color: #fff; }
 .footer-info p a:hover { color: #ea6f00; }
 
.footer-menu li{ display: block;  padding:0 0 15px; }
.footer-menu li a{ color: #ffffff; font: 400 17px/19px Roboto; text-transform: uppercase; }
.footer-menu li a:hover{ color: #ea6f00;}

.footer-info{ color: #fff; font: 400 17px/19px Roboto; }
.ftr-icon{ padding-right:0; }


.social-icon li{ padding: 0 10px 0 0; display:inline-block; }
.social-icon li a{ width: 38px; height: 38px; border-radius: 50%; background-color:#0091FF; color: #fff; 
display:block; font-size: 20px; line-height: 38px; text-align:center;  }
.social-icon li a:hover{ background-color:#ea7000; }

.menu-copy{ border-top: 1px solid #4b4b4b; margin-top: 30px; padding-bottom: 30px; padding-top:30px; }
.menu-copy li{ display: inline-block; margin: 0 10px 0 0;}
.menu-copy li a{ color: #fff; font: 400 16px/19px Roboto; }

/*---------- contact ---------------------*/

.banner-contact{ padding:0; }
.banner-contact img{ width: 100%; height: auto; }

.contact-form{ padding: 45px 0;}
.contact-form h3{ color: #3c3c3c; font: 500 24px/27px Roboto; margin:0 0 15px; }
#mapCanvas { width: 100%; height: 300px;}

.cont-info p span{ margin-right: 10px; color:#0091FF; }
.number-txt{ color: #c1c1c1; margin-right:0 !important;}

.cont-form{ padding: 40px 0 0;}
.cont-form textarea{ height: 120px; resize:none;}
.sub-btn{ color:#fff; background-color:#0091FF; border:1px solid #fff;}
.sub-btn:hover{ color: #000;}

/*------------- modal ------------------*/

.registermodal .modal-lg{ width:1200px; }
.border-right { border-right: 1px solid #ccc; }

.registermodal h2{ color: #0091FF; font: 500 20px/25px Roboto; margin:0 0 15px; /*border-bottom:1px solid #ccc;*/ }
.contupload{ overflow:hidden;}
.registermodal .form-horizontal .control-label{ font: 400 13px/17px Roboto; }

.registermodal .modal-body{ padding-bottom: 40px;}

.loginpop{  }

@media (max-width: 1199px) {
	/*.navbar-nav > li > a { padding: 15px 10px;}*/
}


@media (max-width: 991px) {
	/*.navbar-nav > li > a { padding: 15px 10px;}

	.navigation-section .navbar-right.top-search{ width: 100%; display: table; table-layout: fixed; padding-left: 0;
	 margin-top:0; margin-bottom: 5px;}
	.top-search.navbar-form .form-control { display: table-cell; width: 94%;}
	.top-search.navbar-form .btn { display: table-cell; }*/
}

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


@media (max-width: 800px) {

	
}

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

@media (max-width: 767px) {

}

@media (max-width: 693px) {

}

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

@media (max-width: 480px) {

}

@media (max-width: 456px) { 

}

@media (max-width: 434px) {

}

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

@media (max-width: 360px) {
	

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

}