/*Theme Name: The Progressive Education Society
Theme URI: 
Description:  Theme
Author: lbminfotech
Author URI: http://lbminfotech.com
*/ /* ---------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@font-face {
  font-family: "Flaticon";
  src: url("fonts/Flaticon.eot");
  src: url("fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("fonts/Flaticon.woff2") format("woff2"),
       url("fonts/Flaticon.woff") format("woff"),
       url("fonts/Flaticon.ttf") format("truetype"),
       url("fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 25px;
font-style: normal;
}

.flaticon-right:before { content: "\f100"; }
.flaticon-like:before { content: "\f101"; font-size:45px; }
.flaticon-delivery:before { content: "\f102"; font-size:45px; }
.flaticon-group:before { content: "\f103";  font-size:45px;}
.flaticon-twitter:before { content: "\f104"; }
.flaticon-linkedin:before { content: "\f105"; }
.flaticon-youtube:before { content: "\f106"; }
.flaticon-facebook:before { content: "\f107"; }
.flaticon-pin:before { content: "\f108"; }
.flaticon-phone:before { content: "\f109"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-envelope:before { content: "\f10a"; font-size: 16px; margin: 0 10px 0 0;}
.flaticon-instagram:before { content: "\f10b"; }
.flaticon-download:before { content: "\f10c"; } 

body {font-family: 'Montserrat', sans-serif; color: #1b1b1b; line-height: 30px;  font-size: 18px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
.navbar {border:0; width: 100%;}
.navbar-header {position:relative; width: 100% !important;}
.navbar-brand {height:auto; position:absolute;top:-15px}
.navbar-brand > img {display: block;width: 80%;height: auto;}
.navbar-nav > li > a {text-transform: uppercase;font-weight: 600; padding: 30px 17px;font-size: 14px;font-family: 'Montserrat', sans-serif;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #fff; padding: 0 3%;}
.newStudent{width: 100%; float: left; background: #f4f4f4 !important;}
.newStudent>li>a {display: block; padding: 10px 20px; font-weight: 400; color: #000; border-bottom: 1px dotted #ccc; font-size: 16px;}
.newStudent>li>a:focus, .newStudent>li>a:hover {color: #bd0d0d; background-color: #f2caca;}
.newStudent .col-sm-6,.col-sm-12 li a {display: block; padding: 10px 20px !important; font-weight: 400 !important; color: #000; border-bottom: 1px dotted #ccc; font-size: 16px !important;}
.newStudent .col-sm-6,.col-sm-12 {margin: 0px !important; padding: 0px;}
.newStudent .col-sm-6,.col-sm-12 li {background: #fff;  border-right: 1px solid #ccc !important;} 
.newStudent .col-sm-6,.col-sm-12:last-child li {background: #fff !important; border-right: none !important;} 
/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom: 25%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 72%; height: 0; overflow: hidden;   margin-bottom:0;  }
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }

#form1 {padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 50px;font-size: 16px;box-shadow: none;background: transparent;padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#494a4c; border: none; border-bottom: 1px solid #757575;}
#form1 textarea {height: 90px;}
.subbtn {background: #ef5053 !important;display: inline-block;padding: 20px 40px !important;text-align: center;color: #fff;font-size: 25px;font-weight: 800;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none;}
.subbtn:hover{background:#1b5dae !important;}

/*******top to scroll****/
#back-to-top {cursor: pointer;position: fixed !important;bottom: 20px;right: 20px;z-index: 99 !important;background: #0067a3;padding: 10px 13px;outline: none;border: none;border-radius: 15px 0;}

/************index page***************/
.header {width: 100%; float: left; background: #fff;}
.header img {width: 100%; height: auto;}
.logoInfo {width: 100%; background: #165c98; color: #fff; position: relative; padding:4px 0;}
.logoCon { width: 100%; position: absolute; bottom: -105px; z-index: 10 !important;}
.logoCon .col-sm-3 {width: 20% !important; margin: 0px !important; padding: 0px !important;}
.logoCon .col-sm-9{margin: 0px !important; padding: 0px !important;}
.logoCon h3 {font-size: 15px; color: #000; font-weight: 800; text-transform: uppercase; line-height: 24px; margin: 45px 0 0 0;}
.logoCon h3 span {font-size: 13px; color: #000; font-weight: 600; text-transform: none; display: block;}
.topInfo .container-fluid {margin: 0 3%;}
.topInfo {color: #fff; font-size: 14px;}
.topInfo p {padding: 5px 0 !important; margin: 0px !important;}
.topInfo a {color: #fff; font-size: 14px;}
.logoInfo ul { float: right;}
.logoInfo li {list-style: none;float: right;margin: 0 0 0 40px;}
.logoInfo li img {float: left; padding-top:5px; width:20px;}
.logoInfo li p {font-family: 'Montserrat', sans-serif;font-size: 15px;font-weight: 500; color: #fff; line-height: 23px; }
.logoInfo li p span, .logoInfo li p span a{font-size: 17px;font-weight: 500; color: #cd0505; display: block;}
.navbar-wrapper {position: absolute;width: 100%;}
.topInfo { -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.subMenu {width: 100%;padding: 0;}
#myCarousel {width: 100%; float: left;} 
#myCarousel img {width: 100%; height: auto;}
.carousel-caption img {width: auto; height: auto; float: left; }
.carousel-caption h2 {font-size: 35px; color: #fff; padding: 30px 0 0 0; font-weight: 700; line-height: 50px; background: url(../images/carouselLIne.png) no-repeat left top; text-transform: uppercase;}
.carousel-caption h2 span {font-size: 30px; color: #fff; padding: 0; font-weight: 300; display: block;}
.carousel {margin-top:12%;} 
.dropdown-menu {background-color: #005f96; color: #fff !important;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #fff; background-color: #0077bb;}
/********* Welcome Section ******/
#welcomeSection {width: 100%; float: left; position: relative; padding: 110px 0 190px 0; background: #f4f4f4 url(../images/welcomeName.jpg) no-repeat 15% 50px; background-size: 20% auto; font-size: 16px;   }
#welcomeSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
#welcomeSection h1{font-weight: 600; font-size: 30px; color: #003399; margin: 0 0 20px 0; background: url(../images/welcomeLine.png) no-repeat bottom left; padding: 0 0 30px 0;}
#welcomeSection .col-sm-5  {width: 50% !important;}
#welcomeSection .col-sm-4  {width: 30% !important;}
#welcomeSection .col-sm-3  {width: 20% !important;}
.welInfo {width: 100%; float: left; background: #ffffff; padding: 60px 60px 75px 60px;} 
.welInfo p {margin: 0 0 50px 0;}
.continue {width: 100%; position: relative; margin: 0 0 -63px -60px;}
.continue a {background: #e5eaf5; color: #003399; font-size: 16px; text-transform: uppercase; font-weight: 600; padding: 18px 20px;}
.continue a:hover {background: #f5e5e5;  color: #da1212; margin: 0 0 0 60px;}
#welcomeSection img {padding: 162px 0 0 0;}
.missionInfo {width: 100%; float: left; background: #e5eaf5; padding: 60px 60px 150px 60px; line-height: 24px; font-size: 15px;}
.missionInfo h2{font-weight: 600; font-size: 28px; color: #003399; margin: 15px 0;  }
.missionInfo img {padding: 0px !important;}
.missionLIne {width: 20%; float: left; background: #003399; height: 2px; margin: 0 80% 20px 0; }
.yearsBox {width: 100%; position: absolute; right: -150px; z-index: 10; }
.yearsBox img {width: 70%; height:auto; padding: 0px !important; float: right;}

/*********institute Section******/
#instituteSection {width: 100%;float: left; position: relative; padding:60px 0 80px 0; background: url(../images/institutebg.jpg) repeat left top#00649e; color: #000 !important;}
#instituteSection h2 {color: #fff; font-size: 40px; text-transform: uppercase; line-height: 45px; padding: 0 0 30px 0; margin: 0; text-align: center; font-weight: 900;} 
#instituteSection h2 span{ font-weight:300; font-size: 20px; text-transform: uppercase; display: block;}
#instituteSection h3 { color:#fff; font-size: 19px; font-weight: 600; text-transform: uppercase; line-height: 30px; margin: 10px  0 0 0;}
.instituteInfo {width: 100%; float: left; border: 1px solid #85b5d1; color: #fff; padding: 30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.39); transition: all 2s;}
.instituteInfo:hover {-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);}
.infoBox {padding: 0 20%; text-align: center;}
.instituteInfo .col-sm-8 {margin: 0; padding: 0px !important;}

/*********Facilities Section******/ 
#facilities {width: 100%; float: left; position:relative; background: #fff; padding: 70px 0 50px 0;}
#facilities h2 {color: #e7524a; font-size: 40px; text-transform: uppercase; line-height: 45px; padding: 0; margin: 0; text-align: center; font-weight: 900;} 
#facilities h2 span{ font-weight:300; color: #000000; font-size: 20px; text-transform: uppercase; display: block;}
#facilities p {margin: 10px 0 30px 0;}
.facilitieInfo {width: 100%; float: left; background:#f1f1f2; margin: 0 0 30px 0;}
.facilitieInfo img {width: 100%; float: left;}
.facilitieInfo h3 { color:#232323; font-size: 22px; font-weight: 900; text-transform: uppercase; line-height: 30px; margin:0; padding: 25px;}
.facilitieBox {width: 150%; float: left; background: #e7524a; font-size: 16px; color: #fff; padding: 50px 60px; margin: 0 0 0 -50%;}
.facilitieBox p {margin: 0 0 10px 0 !important}	
.facilitieBox h4 { color:#fff; font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 40px; margin:0; }
.facLine {width: 100%; float: left; background: #ea827d; margin: 20px 0;}
.facLine1 {width: 10%; background: #fff;   height: 1px; }
.facilitieBox a {color: #fff; font-size: 18px; font-weight: bold; padding: 0; text-transform: uppercase;}
.facilitieBox a:hover {color: #fff; padding: 0 0 0 20px;}
.admissionNow {width: 100%; float: left;}
.admissionNow a {background: #00649e; font-weight: 800; float:left; padding: 12px 20px; color: #fff; border: 1px solid #00649e;}
.admissionNow a:hover {margin: 0 0 0 20px; border: 1px solid #00649e; background: #fff; color: #00649e;}

/*********Principal Section******/ 
#principalSec {width: 100%; float: left; background: url(../images/principalBg.jpg) no-repeat left top #fafbfa; padding: 70px 0;} 
.testimonialBox {width: 70%; float: left; position: relative; }
.testimonialSec h4{text-transform:uppercase; font-weight: bold; font-size: 40px; color: #000000; text-align: left !important; margin: 120px 0 0 70px;}
.testimonialSec .divider {background: #f56164;  height: 3px;  margin: 20px 70px 70px 70px; width: 9%;}
.testInfo{width: 100%; padding: 50px; background: #fff; color: #000 !important; border: 3px solid #e8e8e8; margin: 0 0 20px 0;}
.testInfo p {margin: 0;}
#principalSec img {border-radius: 90%; border: 7px solid #0073ad; width: 90%; height:auto;}
#principalSec h3{font-weight: 600; font-size: 22px; color: #0073ad; line-height: 30px; margin: 30px 0 0 0; text-transform: uppercase;}
#principalSec h3 span {font-weight: 500; font-size: 18px; color: #000; display: block; }
#principalSec h5 {color: #0073ad; font-size: 40px; text-transform: uppercase; line-height: 35px; padding: 0; margin: 0 0 20px 0; text-align: left; font-weight: 900;} 
#principalSec h5 span{ font-weight:300; color: #000000; font-size: 20px; text-transform: uppercase; display: block;}

/*********admission Section******/ 
#admissionSec {width: 100%; float: left; background: #de4038; padding: 6px 0;}
.admissionBox {width: 100%; float: left; background: #de4038; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 25px 0;}
.admissionBox .col-sm-2 {width: 7.666667% !important;}
.admissionBox .col-sm-2 img {width: 85%; height: auto;}
.admissionBox h4 {font-weight: 600;  font-size: 30px; color: #fff; line-height: 30px; margin:0; text-transform: uppercase;}
.admissionBox h4 span {font-weight: 300; font-size: 20px; color: #fff; display: block; text-transform: none; }
.admissionBox .continue {width: 100%; position: relative; margin: 0;}
.admissionBox .continue a {background: #fff; border: 1px solid #fff; color: #de4038; font-size: 21px; text-transform: uppercase; font-weight: 600; padding: 13px 20px; margin: 0; float: right;}
.admissionBox .continue a:hover {background: #de4038;  color: #fff; border: 1px dashed #fff;  }


/*********Gallery Section******/
#gallerySection {width: 100%; float: left; padding: 70px 0 100px 0; background: #fff; text-align: center;}
#gallerySection h2 {color: #000; font-size: 40px; text-transform: uppercase; line-height: 45px; padding: 0 0 30px 0; margin: 0; text-align: center; font-weight: 900;} 
#gallerySection h2 span{ font-weight:300; color: #000000; font-size: 20px; text-transform: uppercase; display: block;}
#gallerySection img {width: 100%; height: auto; margin: 0 0 30px 0;}
.galleryView {width: 100%; float: left; text-align: center; margin: 30px 0 0 0;}
.galleryView a {background: #d92129; padding: 18px 25px; margin: 30px 0 0 0; color: #fff; font-weight: 600; font-size: 16px; text-align: center !important; text-transform: uppercase; border: 1px solid #d92129}
.galleryView a:hover {background: #fff; color: #d92129; border: 1px dashed #d92129}

/***footer ****/
.footerSection {width: 100%;float: left; background:#fff; font-size: 16px; padding:0; color: #ccc; position: relative;}
.footerSection .col-sm-8 {margin: 0px !important; padding: 0px !important;}
.footerSection .col-sm-4 {margin: 0px !important; padding: 0px !important;}
.followBox {width: 100%; float: left; background: #da1212; padding: 20px 30px; }
.followBox a {float: right !important;}
.followBox h3 {font-size: 20px; text-transform: uppercase; font-weight: bold; color: #fff; margin: 10px 0 0 0;}
.followBox span {border: 3px solid #fff;border-radius: 100%;padding: 15px; display: inline-block;line-height: 1;}
.locationBox {width: 100%; float: left; padding: 60px 0 60px 60px; background: #fff; } 
.locationBox p {font-size:23px; line-height: 35px; color: #000; font-weight: 600; margin: 0;}
.locationBox h6 {font-size:25px; color: #cf1419; font-weight: 900; margin: 10px 0 15px 0; text-transform: uppercase;}
.social_links span {border-radius: 100%;padding: 10px 12px; margin: 2px; color: #ffffff;border: 2px solid #fff;}
.social_links span:before {font-size: 16px;}
.social_links span:hover  {background: #fff;color: #940000;-webkit-transition: all 1s;transition: all 1s;border-color: #fff;}
.social_links i {background: #fff;border-radius: 100%;padding: 11px 12px;margin: 2px;color: #a60000;}
.social_links i:before {font-size: 17px; font-weight:500;}
.social_links i:hover  {background: #ff5151;color: #fff;-webkit-transition: all 1s;transition: all 1s;}
.enquiryBox {width: 100%; float: left; background: #f2f5fa; padding: 80px 250px 80px 150px; border: 2px solid #b2c2e2; }
.enquiryBox h1{text-transform:uppercase; font-weight: bold; font-size: 38px; color: #000; background: url(../images/welcomeLine.png) no-repeat bottom left; padding: 0 0 35px 0; margin: 0 0 20px 0;	}
.enquiryBox h1 span { color: #c0050f; }
.enquiryBox h2 {display: block; font-size: 20px; text-transform: uppercase; color: #000; font-weight: 400; padding: 0 0 10px 0; margin: 0;}
.captcha-img {margin: 30px 0 0 0;}
.captcha-img a {color: #e01c20 !important;}
.mapBox {width: 120%; float: left; margin: 0 0 0 -20%;}
.copeRight {width: 100%; float: left; background: #fff; padding:  30px 120px 30px 200px; color: #000; }
.copeRight p {margin: 5px 0;}
.copeRight a {color: #000; text-decoration: none;}
.copeRight a:hover {color: #da1212;}
.enquiryBtn input { width: auto !important; line-height: 24px; height: auto !important;}

.footerInner {width: 100%;float: left; background: #da1212; padding: 30px 0; color: #fff;}
.footerInner p {margin: 3px 0; }
.footerInner .container-fluid {width: 70%; float: left; margin: 0 15%;}
.footerInner .col-sm-5 {float: right; text-align: right;}
.footerInner a {color: #fff;}
.followInner {width: 100%; float: left;  padding: 20px 0; background: #b40000 !important; color: #fff; }
.followInner h3 {text-transform: uppercase; font-weight:900; font-size: 16px;}
.followInner .col-sm-8 {float:right; text-align:right;}
.followInner .container-fluid {width: 70%; float: left; margin: 0 15%;}
.followInner .social_links span {border-radius: 100%; padding: 10px 14px; margin: 2px;}
.followInner .social_links span:before {line-height: 50px;}


/*********Inner Page*******/
#inner_header h2 {font-size: 27px;position: absolute;left: 0;font-weight: 600;color: #000;text-transform: uppercase;
background: rgba(255,255,255,0.5);display: inline-block;padding: 18px 25px;bottom: 20%;margin-bottom: 0;
font-weight: bold;}
#innerSection {width: 100%; float: left; position: relative; padding: 70px 0 40px 0; background: #f4f4f4; font-size: 16px;   }
#innerSection .container-fluid {width: 70%; float: left; margin: 0 15%;}
#innerSection h2 {font-weight: 600; font-size: 30px; color: #003399; margin: 0 0 20px 0;  padding: 0;}
#innerSection .welInfo {padding: 50px; margin: 0 0 30px 0; border-top: 1px solid #da1212;}
#innerSection .welInfo p {margin: 0 0 10px 0 !important;}
#innerSection .boxLine {background: #f2f4f5; border-left: 4px solid #1c5fb0;}
#innerSection p {margin: 0;}
#innerSection img {width: 40%; height: auto; float:right; margin: 0 0 3% 3%; border: 6px solid #ebebeb;}
#innerSection .welInfo h3 {margin: 0 0 15px 0; color: #da1212; font-weight: 600;} 
.schoolInfo {padding:0; margin: 0 0 30px 0; float:left; border-top: 1px solid #da1212; background: #fff;}
.schoolInfo img {width: 94% !important; height: auto; float:right; margin: 3% 3% 0 3% !important ; border: none !important; }
.schoolInfo h3 {padding: 0 20px 20px 20px; font-size: 20px; color: #da1212; font-weight: 900;}
.schoolInfo h4 {padding: 20px 20px 0 20px; font-size: 20px; color: #da1212; font-weight: 900;}
.schoolInfo p { padding: 0 20px 20px 20px; }

.subNavbar {width: 100%; float: left; background: #e12f35;}
.subNavbar .container-fluid  {width: 70%; float: left;  margin: 0 15%; }
.subNavbar a {color:#fff;}
.subNavbar .nav>li>a:focus, .nav>li>a:hover {text-decoration: none; background-color: #b9151b; }
.subNavbar  .navbar-nav > li > a {font-weight: 600; padding: 25px 20px;  border-left: 1px solid #e8a6a8;}
.facilitiesInfo {padding:0; margin: 0 0 30px 0; border-top: 1px solid #da1212; background: #fff;}
.facilitiesInfo img {width: 100% !important; height: auto; float:right; margin: 0!important ; border: none !important; }
.facilitiesInfo h3 {padding: 0 20px 0 20px; font-size: 20px; color: #da1212; font-weight: 900;}
.galleryInfo {padding:30px 15px; margin: 0 0 30px 0; border-top: 1px solid #da1212; background: #fff;height:1090px;}
.galleryInfo img {width: 100% !important; height: auto; float:right; margin: 0!important ; border: none !important; }
.galleryInfo h3 {padding: 0 20px 0 20px; font-size: 20px; color: #da1212; font-weight: 900;}
.galleryInfo .col-md-3{margin: 0 0 30px 0;}
.enquiryInfo {padding:30px 6% 60px 6%; margin: 0; border-top: 1px solid #da1212; background: #fff;  }
.enquiryInfo img {width: 40% !important; height: auto; float: left; margin: 0!important ; border: none !important; }
.enquiryInfo h3 {padding: 0 20px 0 20px; font-size: 20px; color: #da1212; font-weight: 900;}  
.contactInfo {width: 100%; float: left; background: #00649e; padding: 40px 60px; color: #fff; margin: 0 0 30px 0;}
.contactInfo a {color: #fff;} 
.headmasterInfo {padding:50px; margin: 0 0 30px 0; border-top: 1px solid #da1212; background: #fff;}
.headmasterInfo img {width: 30% !important; height: auto; float:right; margin: 0 0 3% 3%; border: 6px solid #CCC;}
.headmasterInfo h3 {padding: 0 20px 0 0; font-size: 20px; color: #da1212; font-weight: 900;}
.headmasterInfo p {margin: 0 0 10px 0 !important;}
.headmasterInfo h4 {padding: 0 20px 0 0; font-size: 20px; color: #da1212; font-weight: 900; line-height: 30px;}
.headmasterInfo h4 span {color: #000; display: block; font-size: 16px; font-weight: 500;}
.headmasterInfo hr {margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #d9d9d9;}
.headmasterInfo ul {margin-bottom:10px !important;}	
.headmasterInfo ul li {list-style: none;padding: 3px 0;display: block !important; }
.headmasterInfo ul li::before {content: "\e250" !important;font-family: 'Glyphicons Halflings' !important;color: #0073ad;margin-right: 5px;font-size: 14px; }

.managementInfo {padding:50px; margin: 0 0 30px 0; border-top: 1px solid #da1212; background: #fff;}
.managementInfo img {width: 25% !important; height: auto; float: left !important; margin: 0 6% 3% 0 !important; border: 3px solid #f3dbdb !important;}
.managementInfo h3 {padding: 0 15px 0 0; margin: 10px 0 5px 0px !important; font-size: 20px; color: #da1212; font-weight: 900;}
.managementInfo h3 span {font-size: 16px; color: #000; line-height: 30px; display: block;}
.managementInfo p {margin: 0 0 10px 0 !important; line-height: 28px;}

.visinoInfo {width: 100%; float: left; background: #ffffff; padding:50px; margin: 0 0 30px 0; border-top: 1px solid #da1212; background: #fff;}
.visinoInfo img {width: 30% !important; height: auto; float:right; margin: 0 0 0 3% !important; border: 1px solid #ebebeb !important;}
.visinoInfo h3 {padding: 0 20px 0 0; font-size: 20px; color: #da1212; font-weight: 900;}
.visinoInfo p {margin: 0 0 10px 0 !important;}
.visinoInfo ul {margin-bottom:10px !important;}	
.visinoInfo ul li {list-style: none;padding: 3px 0;display: block !important; }
.visinoInfo ul li::before {content: "\e250" !important;font-family: 'Glyphicons Halflings' !important;color: #0073ad;margin-right: 5px;font-size: 14px; }	
.welInfo ul {margin-bottom:10px !important;}	
.welInfo ul li {list-style: none;padding: 3px 0;display: block !important; }
.welInfo ul li::before {content: "\e250" !important;font-family: 'Glyphicons Halflings' !important;color: #0073ad;margin-right: 5px;font-size: 14px; }




.visinoInfo a { background: #c00;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    float: left;
    margin: 10px 0 0 0;
}









 
/*********resposnive*******/
@media (min-width: 1500px) {
.carousel {margin-top: 7%;}
.navbar-nav > li > a {padding: 30px 10px; }
}
@media (max-width: 1499px) {
.carousel {margin-top: 7%;}
.navbar-nav > li > a {padding: 30px 10px; }
}
@media (max-width: 1400px) {
.carousel {margin-top: 9%;}
.navbar-nav > li > a {padding: 30px 10px !important; }
.navbar-nav > li > a { padding: 30px 15px; font-size: 14px;}
.top-nav-collapse .navbar-nav > li > a {padding: 55px 10px 20px 10px !important;}
.footerInner .container-fluid {width: 90%; margin: 0 5%; font-size: 14px;}
.footerInner { padding: 10px 0;}
.followInner .container-fluid {width: 90%; float: left; margin: 0 5%;}
}
@media (max-width: 1350px) {
.logoCon img {width: 80%; height: auto;}
.logoCon h3 {font-size: 15px; margin: 20px 0 0 0; line-height: 18px;}
.logoCon {bottom: -98px;} 
}
@media (max-width: 1300px) {
.logoCon h3 span {font-size: 11px;}
}
	
@media (max-width: 1250px) {
.logoCon img {width: 80%; height: auto;}
.logoCon h3 {font-size: 15px; margin: 20px 0 0 0; line-height: 18px;}
.logoCon {bottom: -98px;}
.navbar-nav > li > a {padding: 30px 12px; font-size: 12px;}
.logoCon { position: relative !important; bottom: 0px !important;}
.logoCon h3 {font-size: 14px; color: #fff !important; margin: 10px 0 0 0;}
.logoCon h3 span {color: #fff;}
.navbar-nav > li > a {padding: 20px 8px !important; font-size: 14px;}
.carousel {margin-top: 12%; }
}
@media (max-width: 1200px) {
.container{width:94%;}
.carousel {margin-top: 10%;}
#innerSection .container-fluid {width: 90%; float: left; margin: 0 5%;}
#innerSection {padding: 40px 0;}
#innerSection .welInfo {padding: 30px;}
}
@media (max-width: 1150px) {
.navbar-nav > li > a {padding: 15px 8px !important; font-size: 13px; }
.logoCon h3 span {font-size: 10px; }
.carousel { margin-top: 11%; }
}	

@media (max-width: 1100px) {
.carousel-caption h1 {font-size: 23px;}
.Flexible-container1 {padding-bottom: 70%;}
.footerInner .col-sm-5 { float: right; text-align: center; width: 100%;}
.footerInner .col-sm-7 {width: 100%; text-align: center;}

}
@media (max-width: 1050px) {
.top-nav-collapse .navbar-nav > li > a {padding: 15px 10px 20px 10px !important;}
.logoInfo { padding: 0;}
}
@media (max-width: 1000px) {
.carousel-caption h1 {display: none;}
.carousel {margin-top: 11%; }
#innerSection h2 {font-size: 25px;}
#innerSection .welInfo h3 {font-size: 20px;}
}
@media (max-width: 991px) {
.navbar-nav > li > a {padding: 29px 15px;}
.navbar-brand {width: 90%;}
}
@media (max-width: 950px) {
.carousel {margin-top: 12%;}
.copeRight {background: #0067a3; padding: 30px 60px; color: #fff;}
.copeRight a {color: #fff;}
.copeRight p {margin: 0;}
.social_links .col-sm-8 {width: 60% !important;}
.social_links .col-sm-4 {width: 40% !important;}

}
@media (max-width: 900px) {
.navbar-nav > li > a {padding: 27px 10px;}
.subbtn {padding: 15px 25px !important;  font-size: 20px;}
}
 @media (max-width: 850px) {
.navbar-brand {height: auto;position: absolute;top: -9px;} 
.logoCon img {margin: 10px 0 0 0;}
.logoCon h3 span {color: #fff; display: block !important;}
.carousel {margin-top: 16%;}
.navbar-nav > li > a {padding: 15px 5px !important; font-size: 12px;}
 }
@media (max-width: 800px) {
 
}
@media(min-width:767px) {
	
      .navbar {
        -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;
    }
    .top-nav-collapse {
        padding: 0; border-bottom: 1px solid #e7ebed;
    }
	.top-nav-collapse .navbar-brand { min-width:80px; padding:10px 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .navbar-nav { -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
        -moz-transition: all .9s ease-in-out,padding .5s ease-in-out;
        transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
	.top-nav-collapse .topInfo { margin:-70px 0 0; }
	.top-nav-collapse .navbar-brand {top: -4px;}
		.logoCon img {  transition: width .5s, hight .5s;}
 
	
	.top-nav-collapse .logoCon {  bottom: -125px; }
	.top-nav-collapse .logoCon h3 {margin: 10px 0 0 0px !important; font-size: 15px !important;}
	.top-nav-collapse .logoCon .col-sm-3 {width: 15% !important;}
	.top-nav-collapse .logoCon img {width: 60%; height: auto; }
	.top-nav-collapse .navbar-nav > li > a {padding: 55px 20px 25px 20px;}
	
	
 }
@media (max-width: 767px) {
/******** start toggle***********/
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 0px; cursor:pointer}
.navbar-header { width:100%;}
.navbar-brand {width: 25%;top: -14px;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left: 7%;bottom: 13%;} 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}
.nav>li {position: relative;display: block; background: #000;}
.nav>li:hover {background: #d30000;}
 
.logoInfo .col-sm-4 {width: 40% !important; float: left;}
.logoInfo .col-sm-8 {width: 60% !important; float: left;}
.logoCon .col-sm-3 {width: 20% !important; float: left;}
.logoCon .col-sm-9 {width: 80% !important; float: left;}
.navbar-toggle {margin: 10px 20px !important; background: #0067a3;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.logoInfo li {line-height: 30px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {background: #fff; padding: 0;}
.navbar-collapse {padding: 0px !important;}
.carousel {margin-top: 19%;}
.navbar-default .navbar-nav>li>a {color: #fff; font-weight: bold; background: #c50006;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #fff !important;}
.social_links .col-sm-8 {width: 100% !important; text-align:center;}
.social_links .col-sm-4 {width: 100% !important; text-align:center; margin: 0 0 10px 0 !important; }
.followBox a {float: none !important;}
.copeRight {text-align: center;}
.contactInfo .col-sm-5 {width: 100% !important; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.contactInfo .col-sm-3 {width: 100% !important; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.contactInfo .col-sm-4 {width: 100% !important	; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.contactInfo .col-sm-12 {width: 100% !important; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.contactInfo .col-sm-12 {width: 100% !important; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.contactInfo .col-sm-12 {width: 100% !important	; border-bottom: 1px dashed #fff; margin: 0 0 20px 0 !important;} 
.logoInfo .col-sm-8 {display: none;}
.logoInfo .col-sm-4 {width: 100% !important;}
.logoCon .col-sm-3 {width: 8% !important; float: left;}
.enquiryInfo .newStudent .col-sm-6, .col-sm-12 { margin: 0px !important; padding: 0px 15px;}
.visinoInfo {padding: 30px; margin: 0 0 30px;}
 }
@media (max-width: 750px) {

}
@media (max-width: 700px) {
.navbar-brand {width: 28%;}	
.contactInfo {padding: 40px 20px;}
.contactInfo a {font-size: 14px;}
}
@media (max-width: 650px) {
.carousel {margin-top: 19%;}
.logoCon h3 span {font-size: 8px;}

}
@media (max-width: 600px) {
.navbar-brand {width: 31%;}
#innerSection img {width: 100%; margin: 0 0 3% 0;}
.visinoInfo img { width: 100% !important; margin: 0 0 30px 0 !important;}
.galleryInfo .col-md-3 {width: 100% !important;}
.visinoInfo a {padding: 5px 15px;  font-size: 12px;}
.enquiryInfo {padding: 10px 6% 30px 6%;}
.contactInfo {padding: 20px 20px;}
}
@media (max-width: 550px) {
.navbar-brand{top: -9px;}
.logoInfo .col-sm-8 {display: none;}
.logoInfo .col-sm-4 {width: 100% !important; float: left;}
.logoCon .col-sm-3 {width: 15% !important; float: left;}
.carousel {margin-top: 23%;}
.logoCon .col-sm-3 { width: 10% !important; float: left; }
.logoCon img {margin: 5px 0 0 0;}
.subbtn {padding: 11px 20px !important;  font-size: 18px;}
}
@media (max-width: 500px) {
.navbar-brand {width: 35%;}
.navbar-nav > li > a {font-size: 13px;padding: 12px 20px;}
.dropdown-menu > li > a {font-size: 13px;padding: 7px 15px;}
.footerInfo .col-sm-6 {width: 100%; text-align:center;}
.social_links span, .social_links span:hover {padding: 12px 12px;}
.contactInfo {padding: 40px 20px;}
.contactInfo a {font-size: 12px;}
}
@media (max-width: 450px) {
.navbar-brand {width: 39%;}
.welData h3 {font-size: 20px;}
.carousel {margin-top: 30%;}
#innerSection h2 {font-size: 20px;}
}
@media (max-width: 400px) {
.navbar-brand {top: -4px;width: 40%;}
.innerSection h2 {font-size: 23px;}
.logoCon .col-sm-3 {width: 14% !important;float: left;}
}
@media (max-width:350px) {
.navbar-brand {top: -10px;width: 54%;}
.carousel { margin-top: 33%;}
}