

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic");
   *{
   	font-family: 'Open Sans', sans-serif;
   	font-weight: 600;
   	font-size: 16px;
   	color:#333;
   	outline:none !important;
   	transition: all .1s ease-in-out;
    outline: none;
  }

  body{
    background: url('../img/bg.jpg');
    padding-top:15px; 
    padding-bottom:15px; 
  }

  header{margin:0px; padding:0px;background: #fff;padding: 25px;}
  header img:nth-child(1) {
    max-width: 275px;
  }
  .banner{
	  /* background:#d9eaf6 url('../img/main-banner1.jpg') 15px bottom no-repeat;  */
	  background: #d9eaf6 url(../img/main-banner1.jpg) left bottom no-repeat;
	  min-height:75px; 
	  box-sizing: border-box;
	  padding-top:50px;
	  padding-left: 40px;
	  background-size: cover;
	}
.banner-text {
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
    color: #fff;
    margin: 0;
    padding: 0;
    margin-top: 5px;
	line-height: 45px;
    text-shadow: 2px 2px #000;
}
 /* .banner h1{ font-size: 31px; font-weight: 300;color:#333;margin:0;padding:0;margin-top:5px;}
  .banner h2 {
    font-size: 31px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color:#333;
  }
*/
  nav{ color:#fff; text-align: center;padding:25px 0px; }
  nav ul.nav-ul{margin-bottom: 0px;}
  nav ul.nav-ul > li a {color:#fff; font-size: 24px; font-weight: bold;padding: 0px 5px !important;text-decoration: none;}
  nav ul.nav-ul > li:hover a {color:#ffcc00; }

  .content{background: #fff;padding:0px;}
  .content > h1{font-size: 28px; font-weight: 600;color:#333; margin:0}
  .content > p{color:#333; font-weight: 300;margin:0px; font-size: 20px;text-align: center;padding:50px;background: #f7f7f7; }
  .book-sec {padding-bottom: 10px;}
  .book-sec img{max-width: 310px;}
  .book-sec p{font-size: 24px;margin:0;margin-top: 48px;line-height: 25px;}
  .book-sec p.big-text{font-size: 39px;margin: 12px 0 0 0;}
  .social-nav {background: #333;padding:20px 60px; color:#fff; font-size: 13px;}
  .social-nav .col-lg-6{color:#fff; font-size: 13px;}
  .social-nav i{color:#fff; font-size: 13px;}
  .social-nav a{color:#fff;text-decoration: none; font-size: 13px;}
  .social-nav .social ul{margin-bottom: 0px;margin-top: 5px;}
  .social-nav .social ul>li>a{padding: 0 13px;}
  .social-nav .social ul>li>a>i{color:#fff !important;font-size: 24px;}
  .social-nav .social ul>li>a:hover > i{transform: scale(1.1);}

  .side-header{ background: url('../img/side_heading_bg.png') bottom center;height:75px;position: relative !important;}
  .side-header p{font-weight: 600; color:#fff; text-align: center;font-size: 13px;padding-top: 30px;}
  .side-header h3{font-weight: bold; color:#fff;text-align: center;margin-top: 15px;font-size: 21px; } 
  .form-container{
   background: rgb(255, 255, 255) none repeat scroll 0% 0%;
   padding: 440px 40px 27px;
   /*margin-top: -40px;*/
   height:840px;
   background: #ff3399;

 }
 .side-text{font-size: 24px; font-weight: 600; color:#fff;text-align: justify;margin-bottom: 35px;}
 .mb25{margin-bottom:25px !important; }
 .form-container label{font-size: 16px; font-weight: 300;margin-bottom: 15px; font-weight: 600;}
 .form-container input[type=text]{font-size: 14px !important; line-height: 40px; height: 40px; /*border-radius: 0px !important;*/margin-bottom: 20px;display: block;border-radius: 0px; -webkit-border-radius: 0px;-ms-border-radius: 0px;-moz-border-radius: 0px;}
 .form-container select{font-size: 14px !important; line-height: 40px; height: 40px; /*border-radius: 0px !important;*/margin-bottom: 20px;display: block;border-radius: 0px; -webkit-border-radius: 0px;-ms-border-radius: 0px;-moz-border-radius: 0px;}
 .form-container select option{font-size: 14px !important;font-weight: normal;}
 .form-container button[type=submit]{
   font-size: 22px !important;
   margin-bottom: 20px;
   display: block;
   width: 100%;
   height: 45px;
   border-bottom: 5px solid #ccc;
   background: #fff;
   font-weight: 600;
   color: #666666;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .form-container button[type=submit]:hover{

   border-bottom: 5px solid #bc9600;
   background: #ffcc00;
   color: #fff;
   text-overflow: ellipsis;
 }

 .side-bg-img{background:#ff3399 url('../img/thanks.png') no-repeat;background-position: top center; }
 .testimonial-container{background: url('../img/quots.png') no-repeat; padding:35px 60px 40px;text-align: center;background-position: 27px 150px;}
 .testimonial-container p.name{font-size:15px; text-align: center;margin-top: 20px;}
 .testimonial-container p.name span{font-size:14px; text-align: center; color:#999;}
 .testimonial-container p.comment{
  font-size: 14px;
  text-align: center;
  font-weight: normal !important;
  margin: 0;
  margin-top: 15px;
}

.admiss{
  position: absolute;
  right: 43px;
  top: 0px;
  text-decoration: none;
}

.admiss img{
 max-width: 140px !important;
}
a.btn-sub {
    color: #333;
    background: #fc0;
    padding: 10px 30px;
    border-radius: 3px;
}
a.btn-sub:hover {
	color: #fff;
	background: #e82e8b;
	text-decoration: none;
}


/*24082016 start */
.side-form{max-width: 500px;margin-right: 32px;margin-bottom: -20px;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.29);}
.side-form  .form-container {
  padding-top:75px; background:#fff;margin-top:-50px;height:auto;
}
.side-form  .form-container button[type=submit]{
 font-size: 18px !important;
 margin-bottom: 32px;
 display: block;
 width: 100%;
 height: 45px;
 border-bottom: 5px solid #cc9900;
 background: #ffcc00;
 font-weight: 600;
 color: #333;
 overflow: hidden;
 text-overflow: ellipsis;
}
.side-form  .form-container button[type=submit]:hover{

 border-bottom: 5px solid #bd1e6d;
 background: #f53193;
 color: #fff;
 text-overflow: ellipsis;
}

.thank-logo-container {
  background: #e82e8b;
  text-align: center;
  padding: 15px;
  min-height: 245px;
}
.thank-logo-container img{
  max-width:130px;
}
 .fc{padding: 20px !important;padding-bottom: 10px !important; }
.fcs{}
.fcs p{font-size:13px;font-weight: normal; text-align: center;max-width: 300px;margin:0 auto; margin-bottom: 30px;margin-top: 10px;}
.mb20{margin-bottom: 20px !important;border-bottom: 0px !important; font-size: 14px !important;}
/*24082016 end */


@media screen and (max-width: 767px) {



  *{
   font-size: 12px;
 }
 body {
  background: url('../img/bg.jpg');
  padding-top: 15px;
  padding-bottom: 15px;
}
header img {
  width: 225px;
}

.banner h2 {
  font-size: 16px !important;
}

.banner h1 {
  font-size: 21px !important;
}

.banner {
background: #d9eaf6;
  min-height: 270px;
  box-sizing: border-box;
  padding-top: 30px;
  padding-left: 25px;
  background-size: 44%;
  padding-right: 18px;
}

.pull-left, .pull-right{width:100%;}

.content > h1 {
  font-size: 16px;

}

.book-sec .pull-left{width:100%; text-align: center;margin:0;}
.book-sec .pull-left img{width:100%;}
.book-sec .pull-right{width:100%;}
.book-sec p {
  font-size: 12px;
  margin: 0;
  margin-top: 17px;
  line-height: 18px;
  text-align: center;
}

.book-sec p.big-text {
  font-size: 21px;
  margin: 4px 0 30px 0;
}


nav ul.nav-ul > li a {
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 0 0px;
  text-decoration: none;
}

.social-nav {
  padding: 20px;
  text-align: center;
}
.social-nav .pull-left{width:100%; text-align: center;}
.social-nav .pull-left img{width:100%;}
.social-nav .txt span {
  margin-right: 0px;
  font-size: 24px;
  text-align: center;
  display: block;
}

.social{margin-top: 10px;}
.social .list-inline > li {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}

.testimonial-container{display:none;}

.side-form .side-header{margin-top:15px;}
.side-header p {
  padding-top: 20px;

}

.side-header h3 {
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  font-size: 21px;
}
.form-container button[type="submit"] {
  font-size: 14px !important;
}

.mobile-setting{
   /*position: absolute;
   top: 15px;
   left: 0px;
   right: 0px;
   height: 100%;*/
 }

 .admiss img{width:150px;}
 .side-text{font-size: 20px;}

 .side-form{max-width: 100%;margin: 0px;}
 .margin-top-20{margin-top:20px !important;}

 } /*mobile 768*/


 @media screen and (max-width: 460px){
  .admiss{display: none;}
  .side-text{font-size: 18px;}
   .pull-left, .pull-left{ width: 100%; text-align: center;}
   .banner h1{font-size: 18px !important;}   
   .side-header h3 {font-size: 18px !important;}
   .content > p{font-size: 16px;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

  .side-header{
   margin-top:15px; 
 }
 nav ul.nav-ul > li a {
  padding: 0 35px;
  font-size: 20px;
}
.form-container {padding: 440px 27px 2px;} 

.side-form {
  max-width: 280px;
}

.banner h1 {
    font-size: 26px;
}
.banner h2 {
    font-size: 24px;
}
.social-nav{
 text-align: center;
} 
.banner {background-size: 55%}


.side-header {
    height: 60px;
    margin-top:0px;
}
.side-header h3{font-size: 18px; }

.banner {
  min-height: 458px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {


  .side-form  .form-container {
    padding-top:102px ; background:#fff;margin-top:-50px;height:auto; 
  }

  .social-nav {

    text-align: center;
  }
  .banner h2{font-size: 26px;}
  .banner h1{font-size:30px;}
  nav ul.nav-ul > li a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 0 15px;
    text-decoration: none;
  }
  .book-sec img {
    max-width: 200px;
  }
  .book-sec p {
    font-size: 16px;
    margin: 0;
    margin-top: 29px;
    line-height: 19px;
  }
  .book-sec p.big-text {
    font-size: 26px;
    margin: 5px 0 0 0;
  }

  .testimonial-container {
    padding: 35px 60px 32px;
  }

  .social-nav .txt{
    padding-left: 12px;
  }    
}



@media screen and (min-width: 1200px){
  .container{max-width: 950px}
.social-nav div.col-xs-12:nth-child(2){text-align: right;}
}













