/* 
Theme Name 	: Utsaah - 12032019
Description	: Joy of Self Discovery	 
Design URL 	: Utsaah.in
Design by  	: CrossCountryWebServices
Designer   	: Rajesh Kumar
Version	   	: HTML5/CSS3  
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
/*font-family: 'Roboto Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');
/*font-family: 'PT Serif', serif;*/

/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700');
@import url('https://fonts.googleapis.com/css?family=Averia+Serif+Libre:300,300i,400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i'); */

body{ font-family: 'Roboto Condensed', sans-serif; font-size:16px;   color:#565b72; background-color: #fff;} 
section{ overflow: hidden; } 
h1, h2, h3, h4, h5{font-family: 'PT Serif', serif;   color:#aa9f22;}

html {   scroll-behavior: smooth; }

p{ font-family: 'Roboto Condensed', sans-serif; color: #5d5d5d; font-size: 20px; font-weight: 400;  line-height: 25px;   text-decoration:none; margin-bottom: 15px;}
p a{color:#1f2543;} p a:hover{color:#565b72; }  p a:active{color:#1f2543;} p a:visited{color:#1f2543;} 
/*p strong{ font-weight: 500;} */  em{ font-weight:normal;}   a:hover{ text-decoration: none; }

/* EXTRA ELEMENTS */
.add-bottom5{margin-bottom:5px;} .add-bottom10{margin-bottom:10px;} .add-bottom{margin-bottom:15px;} .add-bottom35{margin-bottom:35px;} 
.add-bottom-top35{ padding:35px 0;} .add-bottom-top15{ padding:15px 0;}  .add_top108{ margin-top: 108px; }
.add-top{margin-top:15px;} .add-top10{ padding-top:10px;}  .add-top50{ padding-top:50px;}  .add-top100{ padding-top:100px;}
.cred{color:#e31e25; display:inline;}   .img{ margin: 5px 15px 0 0;} 
.tel a{color:#565b72;} .dark{ color:#333;} .info-table-content {color:#565b72; } .clear{ clear: both; } .add-margin-top60{ margin-top: 60px; }

.btn { padding: 17px 22px;  background-color: #98ad34; border:none; border-radius:8px; color:#fff; cursor:pointer; display:inline-block; position:relative; text-transform: uppercase;  transition: background-color 0.2s, color 0.2s; white-space: nowrap; font-size: 16px;   font-weight: 500; text-align: center;  } 
.btn:hover{ background:#5c5c5c; color:#fff;}
 
 /* SCROLL TO TOP BUTTON */
#myBtn { display: none; position: fixed; bottom: 10px; right: 15px; z-index: 99; font-size: 14px; border: none; outline: none;
  background-color: #abc04e;   color: white;  font-weight: 400; cursor: pointer;   padding: 13px 10px;   border-radius: 50px; }
#myBtn:hover {   background-color: #555; }

.logo{  max-width:250px;   }   

/* Main Navigation */
#mainnav{background: #fff; border-bottom: #eee 1px solid; min-height: 108px; 	
-webkit-box-shadow: 0 10px 8px -8px #aaa;  
-moz-box-shadow: 0 8px 6px -6px #aaa;     
box-shadow: 3px 8px 6px -4px #aaa;}  

.navbar{ padding:0px;  border-radius: 0px; border:none; background: none; margin-bottom:0px; line-height:10px; } 
.navbar-inverse{color:#f5e379; background: none;}  .navbar-inverse .navbar-brand {color:#f5e379;  padding: 10px 15px 0px 15px;} 
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus { color:#091521; background-color: transparent;}

.navbar-inverse .navbar-nav > li > a { font-family: 'Roboto Condensed', sans-serif; font-size:18px; font-weight: 400;  color:#22313f;  text-transform: capitalize; line-height:30px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {color: #94aa28;  /*background:#1c0b41;*/}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {	background-color: #fff; 	color: #94aa28; }
.second-navbar { top: 50px; z-index: 9999999; } 
 body > div > div.dropdown.open { position: absolute; z-index:99999; }
.navbar .navbar-collapse { /*text-align: center; */ }  
.navbar .navbar-nav { display: inline-block; float: right; min-height: 60px; margin-top: 24px; }   
 .nav > li > a {     position: relative;     display: block;     padding: 15px 45px; } /*new*/
/* arrow down*/
.arrow { border: solid #22313f;  border-width: 0 1px 1px 0;  display: inline-block;   padding: 2px 2px 2px 2px;  }
.down {     transform: rotate(45deg);     -webkit-transform: rotate(45deg); } li a i{margin-right: 7px; margin-bottom: 2px;}

/* DROPDOWN */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #333; background-color: #fff; }
.dropdown-menu {   font-family: 'Roboto Condensed', sans-serif;  font-size:14px; font-weight: 400;  color:#22313f; text-transform: uppercase;  text-align: left;  list-style: none; }    
.dropdown-menu > li > a {     display: block;     padding: 7px 20px;     clear: both;     font-weight: normal;     line-height: 1.8; }
.dropdown:hover .dropdown-menu {     display: block;   }  /*HOVER DROPDOWN*/

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff;     text-decoration: none;     background-color: #a4b943;     outline: 0; }

main{ margin-top:90px; width: 100%;}



/* FOOTER */
footer{ background: url(assets/images/footer-bg2.jpg) repeat-x;   min-height: 350px; padding: 50px 0; }
footer h5{ color: #96bc33; font-size: 18px; line-height: 28px; margin-bottom: 10px; text-transform: uppercase; }
footer p{ font-size: 16px; color: #5d5d5d; line-height: 24px; font-weight:  400; margin-bottom: 30px; }
footer p a{ color: #5d5d5d ; text-decoration: none; } 
footer p a:hover{ color: #aaa; }


ul.media{ list-style-type: none; margin:0px; padding: 0px; margin-top: 15px;  }
ul.media li{ display: inline; margin: 0 5px; }
ul.media li img:hover{ filter: grayscale(70%); } 

footer .map{ border: 5px solid #e9eda4; width: 100%;  padding: 0px; margin:0 0 25px 0px;  line-height: 1px; }
footer iframe{  border: 1px solid #666; width: 100%;  min-height: 260px; }

.f-nav ul{ margin:0px; padding:0px;   } 
.f-nav li { list-style-type: none;  }
.f-nav li a{font-family: 'Roboto Condensed', sans-serif;  color: #5d5d5d; font-size: 16px; line-height: 32px; }
.f-nav  li a:hover{ color: #8ca121; }

a.btn { background:none; padding: 8px 30px;   font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 500; text-align: center; text-transform: inherit; border: 2px solid #bdd163; color:#9cb03c; border-radius: 0px; cursor:pointer; display:inline-block; position:relative;  transition: background-color 0.2s, color 0.2s; white-space: nowrap; 	} 
a.btn:hover{ background:#5c5c5c; color:#fff;}



 /* PROGRAMME FORM*/
 .programme-form .styled-select select { background: transparent;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; border: none; 
 font-size: 14px;   float:left; width: 100%; min-height: 40px; color: #6d6d6d;} 
.programme-form .styled-select.slate {background: url(assets/images/select-arrow.png) no-repeat right 13px #fff;   border-radius: 0px; float:left; 
	margin:0 0px 5px 0px; width: 100%;}  
.programme-form .styled-select.slate select { border: 1px solid #d8d8d8; border-radius: 0; font-size: 13px;   box-shadow: none; }
select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */}

 .comman-page{ padding: 40px 0; min-height: 500px; }


 


/*ABOUT TEAM */
.team-desc{  max-height: 490px;     overflow-y: scroll; padding-right: 20px;   }
.team-desc h3{ color:#444; font-size: 20px;  }
.team-desc p{ margin-bottom: 35px; margin-right: 20px; }

/* SCROLLBAR ON TEAM */
.team-desc::-webkit-scrollbar {   width: 10px; }
.team-desc::-moz-scrollbar {  width: 10px; }
.team-desc::-webkit-scrollbar-track {   background: #f1f1f1;  }
.team-desc::-moz-scrollbar-track {   background: #f1f1f1;  }
.team-desc::-webkit-scrollbar-thumb {   background: #bcd063;  }
.team-desc::-moz-scrollbar-thumb {   background: #bcd063;  }
.team-desc::-webkit-scrollbar-thumb:hover {   background: #98ac41;  }
.team-desc::-moz-scrollbar-thumb:hover {   background: #98ac41;  }

.team-box{ display: block; margin-bottom: 20px; padding-bottom: 20px; margin-right: 30px; border-bottom: 1px solid #ddd; }


.freetext ol{ padding: 0px;  margin: 0px; }
.freetext li{ padding: 0px;  margin: 0px; padding-left: 10px; margin-left: 20px; line-height: 24px; margin-bottom: 7px;}

/*#slideshow, #slideshow2 { margin: 0px auto; display: block; position: relative; }
#slideshow > div, #slideshow2 > div {  position: absolute;   }*/

/* .popup_slideshow { margin: 0px auto; display: block; position: relative; }
.popup_slideshow > div {  position: absolute;   } */

/* Homepage  12.03.19 */
header{ width: 100%; height: 100%;   }
.parallax { background-image: url("assets/images/header.jpg");  
background-attachment: fixed; background-position: center;  background-repeat: no-repeat;   background-size: cover; margin-top: 108px; }
.header{  position:relative;  }  
.header .layer{position: absolute; bottom: 0;  left: 0; width: 100%; height: 100%; } 
.header .layer .layer_text{    margin-top: 25%; font-family: 'Roboto Condensed', sans-serif; }   
.header .layer_text1{  color:#fff; font-size: 32px; font-weight: 300; display: block; line-height: 32px;    text-transform: uppercase; }
.header .layer_text2{  color:#fff; font-size: 65px; font-weight: 300; margin-top: 10px; line-height: 64px;  display: block; }

.achieve_section{ padding: 30px 0;  margin-bottom: 70px;} 
.gallery110{ display: inline-block;  max-height: 70px;}

.parallax2 { background-image: url("assets/images/parralax2.jpg");  background-attachment: fixed; background-position: center;  background-repeat: no-repeat;   background-size: cover; 
margin-top: 0px; padding: 30px 0;   }
.parallax_achieve {/*background: #f5f5f5;*/ background-image: url("assets/images/achieve/04_parallax.png");  
background-attachment: fixed; background-position: center 110px;  background-repeat: no-repeat;  /* background-size: cover;*/ 
margin-top: 0px; padding: 0px 0;  min-height: 150px;  }


/* section 01 */
.section_home{ padding:  0px 0 60px 0; } .top_bottom50{ padding: 100px 0; }
.section_home .hd1{ font-family: 'PT Serif', serif; color: #96bc33; font-size: 18px; line-height: 28px; font-weight: 400; text-transform: uppercase; }
.section_home .hd2{ font-family: 'Roboto Condensed', sans-serif; color: #bcb13c; font-size: 38px; line-height: 52px; font-weight: 300; text-transform: uppercase; }
.section_home p{ font-family: 'PT Serif', serif;  color: #808080; font-size: 22px; line-height: 40px; font-weight: 300; margin-bottom: 0px; }
.section_home p a{ font-family: 'Roboto Condensed', sans-serif; color: #bcb13c; font-size: 20px; line-height: 24px; font-weight: 300; text-transform: uppercase; padding-left:20px;}
.section_home p a:hover{ color: #888;}
.charter-circle { width: 400px; margin: 0 auto; } .charter-circle img{ max-width: 400px; }


/* section 02 */
.section_tree{ padding: 0px; min-height: 300px; /*background-image: url(images/home_tree.jpg); background-position: left;  background-repeat: no-repeat;*/ } 
.section_tree .container-fluid{ padding: 0px; } .school_content{ max-width: 540px; padding-top: 70px; } .padding0{ padding: 0px; }

/* section 03 */
.section3{ padding: 0px; max-height: 365px;} 
.section3 #slideshow img{ min-height: 330px; } .header2 img {  min-height: 330px; }

.section3 .container-fluid{ padding: 0px; }

.header2{  position:relative;  } .header2 .container{ width: 100%; }  
.header2 .layer{position: absolute; top: 35%;  left: 0;  height: 100%; } 
.header2 .layer .layer_text{ font-family: 'Roboto Condensed', sans-serif;    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}   
.header2 .layer_text1{  color:#fff; font-size: 28px; font-weight: 700; display: block; line-height: 32px; text-transform: capitalize; }
.header2 .layer_text2{  font-family: 'PT Serif', serif;  color:#fff; font-size: 20px; font-weight: 300; margin-top: 10px; line-height: 30px;  display: block; }


/* section 04 */
.section4{ padding: 0px; }  .section4 .container-fluid{ padding: 0px; } 
.testimoni{ margin-top: 11%; margin-left: 25%;  }
.testimoni p{ font-size: 24px; color:#808080; line-height: 30px;  font-weight: 300; padding:0  25px;/* text-align: justify;*/ }
.testimoni p.authour{ color: #afa42e; font-size:20px; line-height: 26px; text-align: right;  }




/* School Page*/
.school_header{  position:relative; margin-top:108px; overflow: hidden;  }
.school_header .layer{position: absolute; top: 30%;  left: 50%;  height: 100%; } 
.school_header .layer .layer_text{ font-family: 'Roboto Condensed', sans-serif; width: 50%;  /*   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);*/}   
.school_header .layer_text1{  color:#cbc04d; font-size: 46px; line-height: 56px; font-weight: 300; display: block;   }
.school_header .layer_text2{  font-family: 'PT Serif', serif;  color:#888; font-size: 28px;  line-height: 38px;   font-weight: 300; margin-top: 10px; display: block; }

.section70{ padding: 70px 0; } 
.shadow_right{ padding: 20px 30px 100px;   -moz-box-shadow: 5px 3px 6px #ccc;  -webkit-box-shadow: 5px 3px 6px #ccc;  box-shadow: 5px 3px 6px #ccc; } 
.shadow_right p{ font-size: 20px; line-height: 32px; }
.hd3{ font-family: 'PT Serif', serif; color: #808080; font-size: 22px; line-height: 34px; font-weight: 400; }


.section_services{padding: 0px 0  20px 0; } 
.section_services .shadow_all{ padding: 20px 30px 10px; min-height: 470px; -moz-box-shadow: 0px 10px 8px #bbb;  -webkit-box-shadow: 0px 10px 8px #bbb; box-shadow: 0px 10px 8px #bbb; } 
.section_services .shadow_all .hd4{font-family: 'Roboto Condensed', sans-serif; color: #4d4d4d; font-size: 26px; line-height: 36px; font-weight: 300; text-transform: uppercase; padding: 10px 0;}  
.section_services .shadow_all p{ font-size: 17px; color: #4d4d4d; line-height: 28px; padding: 20px 7px;  }

.marquee { padding: 20px 0 40px 0 ; }
.marquee img{ max-width: 200px; }

.explore_header{  position:relative; padding: 0px; overflow: hidden; } 
.explore_header .container{ width: 100%; }  
.explore_header .layer{position: absolute; top: 45%; left: 0px;   height: 100%;  text-align: center; width: 100%; text-transform: uppercase; } 
.explore_header .layer .layer_text{ font-family: 'PT Serif', serif;  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}   
.explore_header .layer_text1{  color:#fff; font-size:6vw; font-weight: 400; display: block; line-height: 32px; }

.safety_section{ padding: 0px; overflow: hidden; }
.safety_content{ padding: 50px 0;  }
.safety_content .hd2{ text-transform: none; margin-bottom: 15px; }
.safety_content p{ font-size: 20px; line-height: 32px; margin-bottom: 20px;  }

.safety_section ul { margin-top:10px;  }
.safety_section ul li{ font-size: 20px; line-height: 28px; padding: 10px 0; font-family: 'PT Serif', serif;  color: #808080;}


.philosophy_section{ margin: 108px 0 0 0; padding: 0px; }
.shadow_img{ padding: 0px; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  box-shadow: 3px 5px 10px #888;} 
.philosophy_section .content{ padding: 90px 0; text-transform: none; }
.content p{ margin-bottom: 15px; font-size: 20px; line-height: 32px; }
.content .hd2{ margin-bottom: 15px; text-transform: none; font-weight: 300; }

.breadcrumbs_section{ margin-top: 108px; }
.breadcrumbs ul{ margin: 0; padding: 5px 20px;  }
.breadcrumbs ul li{ padding: 20px 10px;  margin-top: 7px; color: #808080; font-size: 18px;  font-weight: 400; text-transform: none; 
	font-family: 'Roboto Condensed', sans-serif;    float: left; list-style-type: none; }
.breadcrumbs li a{ color: #bbcf5e; font-size: 18px;  font-weight: 400; text-transform: none;}


/* About Us */
.utsaah_story{ margin-top: 108px; } 
.utsaah_story .container-fluid{ padding: 0px; }
.utsaah_story .content{ padding: 0px 20px 0px 0;  }
.utsaah_story .content p{ color: #4d4d4d; font-size: 22px; line-height: 34px; }
 
.utsaah_story p.yellow{ color: #bcb13c; }
.utsaah_story p.green{color: #b4c857;}


.utsaah_team .hd2{ text-align: center;  text-transform: none; margin-bottom: 35px;}
.utsaah_team .shadow_all{ padding: 40px 15px 30px; min-height: 500px; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  box-shadow: 0px 5px 8px #bbb; } 
.utsaah_team p{ color: #4d4d4d; font-size: 18px; line-height: 30px; }
.utsaah_team p span{ color: #b4c857; font-size: 24px; }

/* Programs */
.section_programs{ padding: 0px; margin-bottom:0px;}
.section_programs .hd2{ color: #bdd162; font-size: 42px; font-family: 'Roboto Condensed', sans-serif; font-weight: 300; margin-bottom: 20px;}

.flip-box {  background-color: transparent; width: 100%;  min-height: 316px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 316px; } 
.flip-box1 .container{ width: 100%; }  
.flip-box1 .layer{position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; text-transform: uppercase; } 
.flip-box1 .layer h2{font-family: 'PT Serif', serif;  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
 color:#fff; font-size:20px; font-weight: 400; margin:0px; text-transform: none;  padding:10px 0px; background: #cbc04d; width: 100%;  display: block;}  
 
 .flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center;  
	transition: 0.8s;  -webkit-transition: 0.8s; transform-style: preserve-3d; -webkit-transform-style: preserve-3d;}
.flip-box:hover .flip-box-inner {   transform: rotateY(180deg);  -webkit-transform: rotateY(180deg); }
.flip-box-front, .flip-box-back {   position: absolute;   width: 100%;   height: 100%;   backface-visibility: hidden;  -webkit-backface-visibility: hidden;}
.flip-box-front {   background-color: #bbb;   color: black; }
.flip-box-back {   background-color: dodgerblue;   color: white;   transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }

/*.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center;  transition: transform 0.8s; transform-style: preserve-3d; }
.flip-box:hover .flip-box-inner {   transform: rotateY(180deg); }
.flip-box-front, .flip-box-back {   position: absolute;   width: 100%;   height: 100%;   backface-visibility: hidden; }
.flip-box-front {   background-color: #bbb;   color: black; }
.flip-box-back {   background-color: dodgerblue;   color: white;   transform: rotateY(180deg); }*/




/* PROGRAMME MODAL POPUP 20 dec 2018*/
.modal {   display: none;   position: fixed;   z-index: 1100;   padding-top: 100px;   left: 0;   top: 0;   width: 100%;   height: 100%;
  overflow: auto;    background: rgba(0, 0, 0, 0.6);  }

.modal .close { color: #c2b742; opacity: 1;   position: absolute;   top: 20px;   right: 30px;   font-size: 50px;   font-weight: 600;  z-index: 5;}
.modal .close:hover, .close:focus {   color: #b2a62b;   text-decoration: none;   cursor: pointer; opacity: 0.5;}

.modal-content { position: relative; background: rgba(255, 255, 255, 0.9); margin: auto; padding:0; width: 90%; max-width: 640px; border-radius: 0;}
.modal-content .container{ width: 100%;}
.modal-content .mySlides {   display: none; text-align: left; padding:0px; }
.modal-content .mySlides img{border-radius: 0px;}

/* Next & previous buttons */
.modal .prev, .modal .next {   cursor: pointer;   position: absolute;   top: 54%;   width: auto;   padding: 12px;   margin-top: -50px;
  color: #fff;  background-color: rgba(0, 0, 0, 0.2); font-weight: normal;   font-size: 30px;   transition: 0.6s ease;   border-radius: 0 3px 3px 0;   user-select: none;   -webkit-user-select: none; } .modal .next {   right: 0;   border-radius: 3px 0 0 3px; }
.modal .prev:hover, .modal .next:hover {   color: #fff; background-color: rgba(178, 166, 47, 0.6); }
.modal .fa{ color: #bdd162; } 


.pro_popup{  position:relative; padding: 0px; overflow: hidden;  } 
.pro_popup .container{ width: 100%; }  
.pro_popup .layer{position: absolute; top: 0px; left: 0px; width: 100%;} 
.pro_popup .layer .content{ padding: 30px  50px;}   
.pro_popup .layer .content h2{ font-family: 'Roboto Condensed', sans-serif; color: #4d4d4d; font-size: 36px; font-weight: 300; text-transform: uppercase; margin:10px 0 20px 0; }
.pro_popup .layer .content .hd3{  font-size: 20px; font-weight: 300;  font-family: 'Roboto Condensed', sans-serif; color: #4d4d4d;}
.pro_popup .layer .content .hd3 span{font-size:18px; line-height: 24px; display: block; color: #8ab027;  }
.pro_popup .layer .content img{ max-width:100px; margin-bottom:10px;}
.border_bottom{ border-bottom: 3px solid #cbc04d; padding-bottom: 10px; margin-bottom: 20px; }
.pro_popup .layer .content p{font-family: 'Roboto Condensed', sans-serif; color:#4d4d4d; font-size:20px; line-height: 28px; font-weight: 300;  }

 .pro_popup .btn{position: absolute; bottom: 50px; left: 20%;  font-size: 24px; font-weight: 600; color: #4d4d4d; background: #e8eda3; width: 60%; padding: 15px 0px;  border: 0px; }

.programe_message{ padding:0px; overflow: hidden; }
.programe_message .shadow_all{ padding: 30px 70px; margin-bottom: 50px; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  
box-shadow: 0px 5px 8px #bbb; } 

.programe_message p{ font-size: 22px; color:#808080; line-height: 38px;  font-family: 'PT Serif', serif; }
.programe_message p.authour{ font-family: 'Roboto Condensed', sans-serif; font-size: 20px; line-height: 28px; color: #b7ab33; font-weight: 300; text-align: right; }


.charter_page{  position:relative;  height: 100%;} 
.charter_page .layer{position: absolute; bottom: 0;  left: 0;  height: 100%; width: 100%;  } 
.charter_page .layer .layer_text{    background: rgba(255, 255, 255, 0.9); padding:50px 30px; height: 100%;  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.09);}   

.charter_page .hd1{  font-family: 'Roboto Condensed', sans-serif; color:#89ad26; font-size: 44px;  line-height: 54px;  font-weight: 300; text-transform: none; margin-bottom: 30px; }
.charter_page p{  font-family: 'PT Serif', serif;  color:#89ad26; font-size: 22px; line-height: 32px; font-weight: 300; margin: 10px 0 30px 0; }

/* School Page*/
.methodology_header{  position:relative; margin-top:108px; overflow: hidden;  }
.methodology_header .layer{position: absolute; top: 30%;  left: 50%;  height: 100%; } 
.methodology_header .layer .layer_text{ width: 50%;  /*   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);*/  font-weight: 300;}   
.methodology_header .layer_text1{ font-family: 'Roboto Condensed', sans-serif;  color:#fff; font-size: 42px; line-height: 52px; text-transform: none;  }
.methodology_header .layer_text2{ font-family: 'PT Serif', serif;  color:#fff; font-size: 24px;  line-height: 34px;   margin-top: 10px; display: block; }

.methodology{ padding: 0px; margin: 0px; }

.methodology .shadow_all{ padding: 40px 20px 30px; margin-bottom: 0px; -moz-box-shadow: 5px 5px 8px #ccc;  -webkit-box-shadow: 5px 5px 8px #ccc;  box-shadow: 0px 5px 8px #ccc; min-height: 900px; } 
.methodology .shadow_all2{ padding: 0 0 30px; margin-bottom: 0px; -moz-box-shadow: 5px 5px 8px #ccc;  -webkit-box-shadow: 5px 5px 8px #ccc;  box-shadow: 0px 5px 8px #ccc;  min-height: 900px; } 

.methodology .shadow_all3{ padding: 40px 20px 30px; margin-bottom: 0px; -moz-box-shadow: 5px 5px 8px #ccc; -webkit-box-shadow: 5px 5px 8px #ccc;  box-shadow: 0px 5px 8px #ccc; }

.methodology .hd2{ font-family: 'Roboto Condensed', sans-serif; color:#ccc04c; font-size:40px; line-height:50px; font-weight: 300; text-transform: none; margin-bottom: 35px;}
.methodology .hd4{ font-size: 28px; color: #ccc04c; line-height: 38px; font-weight: 300; margin-bottom: 7px;}
.methodology p{ font-family: 'PT Serif', serif; color: #4d4d4d; font-size: 18px; line-height: 28px; margin-bottom: 35px;}
.methodology .message{padding: 40px 20px 0px;}
.methodology .message p{font-family:'Roboto Condensed', sans-serif; font-size: 20px; color:#4d4d4d; line-height:28px; font-weight:300; 
margin-bottom: 10px;}
.methodology .message p.authour{ font-size:18px; line-height: 24px; color: #b7ab33; text-align: right; font-weight: 300; }



/* CONTACT PAGE*/
.contact_page{ margin: 0px; padding: 0px;  overflow: hidden; background: url(assets/images/contact_bg.jpg) no-repeat 0 bottom; min-height: 600px; }
.contact_page .hd2{ color: #cbc04d; font-size: 50px; text-align: right; font-weight: 300;  } 
 
.contact-bg{ margin-top:0;   padding-left: 70px;  }  

.form-group{margin-bottom: 15px; font-family: 'PT Serif', serif; } 
.form-box{  margin-right: 10%; }
.form-box label{ font-weight: 300; font-family: 'Roboto Condensed', sans-serif; padding: 10px 20px; text-align: right;  color: #afa435; font-size: 20px; text-transform: uppercase; }

.form-box label span{ color: #ff0a00; } .left-0{ padding-left: 0px; }
.form-box input.form-control { display: block; width: 100%;   padding: 22px 20px; font-size: 16px; line-height: 1.7; 
	background-image: none; border: 1px solid #c7d0a0;  color: #3a556a;  border-radius: 0px;  background: transparent;  background: #fff; }
.form-box input.form-control.date{ padding: 0px 20px; line-height: 40px; height: 46px; }

select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */}
.styled-select select { background: transparent;  -webkit-appearance: none;  -moz-appearance: none; appearance: none; float:left; }
.styled-select.slate {background: url(assets/images/select-arrow2.png) no-repeat right 18px #fff;   border-radius: 0px;   float:left; 	margin:0;  width: 100%;  }
.styled-select.slate select { border-radius: 0px; border: 1px solid #c7d0a0;  box-shadow: none; height: 46px;   font-size: 16px; font-weight: 400; }

.styled-select.slate select option{ font-size: 15px; padding-bottom: 15px; line-height: 30px; font-weight: 400; border: 1px solid #c7d0a0;  background-color: #fff;   }    

.form-box .btn{ font-family: 'Roboto Condensed', sans-serif; padding: 10px 30px;  font-size: 20px; font-weight: 300; margin-top: 10px; margin-bottom: 50px; border-radius: 0px; } 
.form-box .btn:hover{background:#afa435; color: #fff; } .form-box .btn:focus{ background: #98ad34; color: #fff; border:0; }


.form-control { display:block; width:100%; height:34px;  border:1px solid #c7d0a0; padding:6px 7px;  border-radius:0px;}
.form-control::-moz-placeholder {   color: #999;   opacity: 0.9; }
.form-control:-ms-input-placeholder {   color: #999; opacity: 0.9; }
.form-control::-webkit-input-placeholder {   color: #999; opacity: 0.9; }

/* Custome Checkbox */
.container6 { display: block; position: relative; padding-left: 35px;  margin-top: 0px;   cursor: pointer;   -webkit-user-select: none;   -moz-user-select: none;   -ms-user-select: none;   user-select: none; background: none;  }
.check-box label{ background: none; color: #474747; padding: 4px 20px 5px 45px; text-align: left;  font-size: 16px;   font-family: 'PT Serif', serif; }
.container6 input {   position: absolute;  opacity: 0;   cursor: pointer;   height: 0;   width: 0; }
.checkmark { position: absolute; top: 0; left: 0; height: 30px; width: 30px;   background-color: #dae0c1; border-radius: 0px; }
.container6:hover input ~ .checkmark {   background-color: #ccc; }
.container6 input:checked ~ .checkmark {   background-color: #acc04b; border-radius: 0px; }
.checkmark:after {   content: "";   position: absolute;   display: none; }
.container6 input:checked ~ .checkmark:after {   display: block; }
.container6 .checkmark:after {   left: 12px;   top: 9px;   width: 5px;   height: 10px;   border: solid white;   border-width: 0 3px 3px 0;   -webkit-transform: rotate(45deg);   -ms-transform: rotate(45deg);   transform: rotate(45deg); }

.alert-success { color: #3c763d; background-color: #dff0d8;  /* border-color: #d6e9c6; */   padding: 20px;     font-weight: 400;     font-size: 18px;
    margin-top: -20px; }

 /* # MEDIA QUERRIES FOR MOBILE
================================================== ====================================================================================================
================================================== ==================================================================================================== */


/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) { select {   background-image:none;    padding: 5px;     }  }

/* 1600 Laptop resolution*/
@media only screen and (min-width: 1350px) and (max-width: 1900px) { 
.section3{ padding: 0px; max-height: 325px;} 	
.section3 #slideshow img{ min-height: 325px; } .header2 img {  min-height: 325px; }
.header2 .layer{position: absolute; top: 32%;  left: 0;  height: 100%; } 
.header2 .layer .layer_text{ font-family: 'Roboto Condensed', sans-serif;   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}   
.header2 .layer_text1{  color:#fff; font-size: 26px; font-weight: 700; display: block; line-height: 32px; text-transform: capitalize; }
.header2 .layer_text2{  font-family: 'PT Serif', serif;  color:#fff; font-size: 20px; font-weight: 300; margin-top: 10px; line-height: 30px;  display: block; }
	

}


/* 15.6 Laptop resolution*/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {   
	.section_tree{padding: 0px;min-height: 280px;}
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 1025px) and (max-width: 1199px) {    }


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 990px) and (max-width: 1024px) {   

.parallax_achieve{ display: none; }
.section_home { padding: 50px 0 0px 0; }
.school_content{ padding-top: 30px; padding-right: 30px; }

/* section 03 */
.section3{ padding: 0px; max-height: 330px;} 
.section3 #slideshow img{ min-height: 330px; } .header2 img {  min-height: 330px; }
.header2 .layer{position: absolute; top: 25%;  left: 0;  height: 100%; } 

.section_services{padding-bottom: 10px;}
.section_services .shadow_all { min-height: 450px; }


.school_header .layer{position: absolute; top: 25%;  left: 50%;  height: 100%; } 
.school_header .layer_text1{  color:#cbc04d; font-size: 46px; line-height: 46px; font-weight: 300; display: block; }
.school_header .layer_text2{  font-family: 'PT Serif', serif;  color:#888; font-size: 20px;  line-height: 30px;   font-weight: 300; margin-top: 10px; display: block; }


.philosophy_section{ margin: 108px 0 0 0; padding: 0px; }


/* About Us */
.utsaah_story .content{ padding: 20px 0;  } 
.utsaah_story .content .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; }
.utsaah_story .content p{ color: #4d4d4d; font-size: 16px; line-height: 22px; }
 
.utsaah_team .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center;  text-transform: none; margin-bottom: 35px;}
.utsaah_team .shadow_all{ padding: 40px 15px 30px; min-height: 580px; -moz-box-shadow: 5px 5px 8px #ccc;  -webkit-box-shadow: 5px 5px 8px #ccc;  box-shadow: 0px 5px 8px #ccc; } 
.utsaah_team p{ color: #4d4d4d; font-size: 16px; line-height: 30px; }
.utsaah_team p span{ color: #b4c857; font-size: 22px; }


.flip-box {  background-color: transparent; width: 100%;  min-height: 262px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 262px; } 


.charter_page .layer .layer_text{ padding:20px 15px; height: 100%; }   
.charter_page .hd1{  font-size: 44px;  line-height: 54px;  font-weight: 300; text-transform: none; margin-bottom: 20px; }
.charter_page p{   line-height: 26px; margin: 10px 0 15px 0; }


.methodology_header .layer{position: absolute; top: 24%;  left: 50%;  height: 100%; } 
.methodology_header .layer .layer_text{ width: 50%;  font-weight: 300;}   
.methodology_header .layer_text1{ font-family: 'Roboto Condensed', sans-serif;  color:#fff; font-size: 32px; line-height: 42px; }
.methodology_header .layer_text2{ font-family: 'PT Serif', serif;     color:#fff; font-size: 22px;  line-height: 30px;   margin-top: 10px;}

.methodology .shadow_all{  padding: 20px 20px 30px;   min-height: 900px; } 
.methodology .shadow_all2{ padding: 0 0 30px;  min-height: 900px; } 


.contact_page .hd2{ color: #cbc04d; font-size: 50px; text-align: right; font-weight: 300; text-align: center; margin-bottom: 30px;  } 
.contact-bg{ background:rgba(255, 255, 255, 0.9); }
	
	.achieve_section{ padding: 30px 0;  margin-bottom: 40px;} 
.gallery110{ display: inline-block;  max-height: 50px;}
 }

 
/* Tablet Portrait size to standard 990 (devices and browsers) */
@media only screen and (min-width: 959px) and (max-width: 990px) { 

.flip-box {  background-color: transparent; width: 100%;  min-height: 200px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 200px; }  
 
}
	
	
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {  

.navbar-header{ min-height: 90px; }
/* Main Menu */	
.navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px;}
.navbar{ padding:5px 15px;  border-radius: 0px; border:none; }  
.navbar-header { float: none; }
.navbar-toggle { display: block; float:right; margin:30px auto 3px auto; background:#ccc04c; border:#39216f;  }
.navbar-inverse .navbar-toggle:focus {   background:#bed163; }
.navbar-inverse .navbar-toggle:hover{   background-color: #bed163; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {   color: #333;   background-color: transparent; }
.navbar-collapse.collapse {     display: none!important; } .navbar-collapse.collapse.in {     display: block!important; }
.navbar-nav { float: none!important; } .navbar-nav>li { float: none; }
.navbar-inverse .navbar-nav > li > a { line-height:20px; margin-right:5px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {     color: #333; }


/*PARALLAX HEADER */
.header .layer{position: absolute; top: 30%;  left: 0; width: 100%; height: 100%; } 
.header .layer .layer_text{    margin-top: 0; font-family: 'Roboto Condensed', sans-serif; }   
.header .layer_text1{  color:#fff; font-size: 32px; font-weight: 300; display: block; line-height: 32px;    text-transform: uppercase; }
.header .layer_text2{  color:#fff; font-size: 65px; font-weight: 300; margin-top: 10px; line-height: 64px;  display: block; }

.parallax_achieve{ display: none; }
.section_home { padding: 30px 0; } 
.section_home .top_bottom50 {    padding: 50px 0; }
.school_content{ padding: 0 0 20px 0; padding-right: 30px; }
.school_content .hd2{ font-size: 28px; }

/* section 03 */
.section3{ padding: 0px; max-height: 330px;} 
.section3 #slideshow img{ min-height: 330px; } .header2 img {  min-height: 330px; }
.header2 .layer{position: absolute; top: 25%;  left: 0;  height: 100%; } 

.charter-circle { width: auto; margin: 0 auto; }  .charter-circle img{ max-width: 320px; }

.testimoni {  margin:0px; padding: 30px; }
.accreditation{ min-height: 400px; }


.school_header .layer{position: absolute; top: 7%;  left: 50%;  height: 100%; } 
.school_header .layer_text1{  color:#cbc04d; font-size: 46px; line-height: 46px; font-weight: 300; display: block; }
.school_header .layer_text2{  font-family: 'PT Serif', serif;  color:#888; font-size: 20px;  line-height: 30px;   font-weight: 300; margin-top: 10px; display: block; }

.philosophy_section{ margin: 108px 0 0 0; padding: 0px; }



/* About Us */
.utsaah_story .content{ padding: 20px 10px;  } 
.utsaah_story .content .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; }
.utsaah_story .content p{ color: #4d4d4d; font-size: 16px; line-height: 22px; }
 
.utsaah_team .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center;  text-transform: none; margin-bottom: 35px;}
.utsaah_team .shadow_all{ padding: 40px 0px 30px; min-height: 650px; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  box-shadow: 0px 5px 8px #bbb; } 
.utsaah_team p{ color: #4d4d4d; font-size: 15px; line-height: 30px; }
.utsaah_team p span{ color: #b4c857; font-size: 22px; }


.flip-box {  background-color: transparent; width: 100%;  min-height: 200px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 200px; } 

.charter_page {  min-height: 700px;    padding: 0px;   background: url(assets/images/charter_bg.jpg) repeat; }
.charter_page .layer .container{padding: 0px; width: 100%;}
.charter_page .layer .layer_text{ padding:40px 15px; height: 100%; }   
.charter_page .hd1{  font-size: 44px;  line-height: 54px;  font-weight: 300; text-transform: none; margin-bottom: 20px; }
.charter_page p{   line-height: 26px; margin: 10px 0 15px 0; }


.methodology_header .layer{position: absolute; top: 25%;  left: 0%;  height: 100%; } 
.methodology_header .layer .layer_text{ width: 80%;  font-weight: 300;}   
.methodology_header .layer_text1{ font-family: 'Roboto Condensed', sans-serif;       color:#fff; font-size: 28px; line-height: 42px; }
.methodology_header .layer_text2{ font-family: 'PT Serif', serif;  margin-top: 10px; color:#fff; font-size: 18px;  line-height: 30px;  }

.methodology .shadow_all{  padding: 20px 20px 10px; min-height: 1020px; } 
.methodology .shadow_all2{ padding: 0 0 30px;  min-height: 1020px; } 

 
.contact_page .hd2{ color: #cbc04d; font-size: 50px; text-align: right; font-weight: 300; text-align: center; margin-bottom: 30px;  } 
.contact-bg{ background:rgba(255, 255, 255, 0.9); }

	.achieve_section{ padding: 30px 0;  margin-bottom: 40px;} 
.gallery110{ display: inline-block;  max-height: 30px; margin-bottom:20px;}
} 
	
	
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 800px) {   }


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {   

.navbar-header{ min-height: 90px; }

/* Main Menu */	
.navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px;}
.navbar{ padding:5px 15px;  border-radius: 0px; border:none; }  .navbar-header { float: none; }
.navbar-toggle { display: block; float:right; margin:25px auto 3px auto; background:#ccc04c; border:#39216f;  }
.navbar-inverse .navbar-toggle:focus {   background:#bed163; }
.navbar-inverse .navbar-toggle:hover{   background-color: #bed163; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {   color: #333;   background-color: transparent; }
.navbar-collapse.collapse {     display: none!important; } .navbar-collapse.collapse.in {     display: block!important; }
.navbar-nav { float: none!important; } .navbar-nav>li { float: none; }
.navbar-inverse .navbar-nav > li > a { line-height:20px; margin-right:5px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {     color: #333; }





/*PARALLAX HEADER */
.header .layer{position: absolute; top: 17%;  left: 0; width: 100%; height: 100%; } 
.header .layer .layer_text{    margin-top: 0; font-family: 'Roboto Condensed', sans-serif; }   
.header .layer_text1{  color:#fff; font-size: 22px; font-weight: 400; display: block; line-height: 22px;    text-transform: uppercase; }
.header .layer_text2{  color:#fff; font-size: 42px; font-weight: 400; margin-top: 10px; line-height: 42px;  display: block; }

.parallax_achieve{ display: none; }
.section_home { padding: 30px 0  0px 0; } 
.section_home .top_bottom50 {    padding: 15px; }

.school_content { max-width: auto; padding:50px 30px; }
.school_content .hd2{ font-size: 28px; }

/* section 03 */
.section3{ padding: 0px; max-height: 330px;} 
.section3 #slideshow img{ min-height: 330px; } .header2 img {  min-height: 330px; }
.header2 .layer{position: absolute; top: 25%;  left: 0;  height: 100%; } 

.charter-circle { width: auto; margin: 20px auto; }  
.charter-circle img{ max-width: auto;  width: 100%;}

.testimoni {  margin:0px; padding: 30px; }
.accreditation{ min-height: 400px; }

.achieve_section { padding: 20px 0 0 0; }
.achieve_section .col-xs-6{ margin-bottom: 15px;}

/*school page*/
.shadow_right{ margin-bottom: 30px; }
.school_header .layer{position: absolute; top: 5%;  left: 40%;  height: 100%; width: 100% } 
.school_header .layer_text1{  color:#cbc04d; font-size: 16px; line-height: 24px; font-weight: 300; display: block; }
.school_header .layer_text2{  color:#888; font-size: 18px;  line-height: 24px;   font-weight: 300; font-family: 'PT Serif', serif; margin-top: 0px; display: block; }
.shadow_all{ margin: 10px; }

/* About Us */
.utsaah_story .content{ padding: 20px 10px; text-align:center;  } 
.utsaah_story .content .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center; }
.utsaah_story .content p{ color: #4d4d4d; font-size: 16px; line-height: 22px; text-align: center;}
 
.utsaah_team .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center;  text-transform: none; margin-bottom: 35px;}
.utsaah_team .shadow_all{ padding: 40px 0px 50px; min-height: auto; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  box-shadow: 0px 5px 8px #bbb; } 
.shadow_all img{ width: 200px; margin: 0 auto; }
.utsaah_team p{ color: #4d4d4d; font-size: 15px; line-height: 30px; text-align: center; padding-top:20px;  }
.utsaah_team p span{ color: #b4c857; font-size: 22px; }

.flip-box {  background-color: transparent; width: 400px; margin:0 auto;  min-height: 324px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 324px; } 


/* popup */
.pro_popup { position: relative; padding: 0px;  min-height: 980px; overflow: none;  background: #f5f5f5;}
.pro_popup .layer{position: absolute; top: 0px; left: 0px; width: 100%; display: block; } 
.pro_popup .layer .content{ padding: 15px  20px; min-height: 100px; }  
.pro_popup .layer .content img{ max-width: 100px; }
.pro_popup .layer .content .hd3 span{ display: inline; }


.methodology_header { position: relative;  margin-top: 100px; overflow: hidden; }
.methodology_header .layer{position: absolute; top: 15%;  left: 0%;  height: 100%; } 
.methodology_header .layer .layer_text{ width: 100%;  font-weight: 300; text-align: center;}   
.methodology_header .layer_text1{ font-family: 'Roboto Condensed', sans-serif;       color:#fff; font-size: 24px; line-height: 30px; }
.methodology_header .layer_text2{ font-family: 'PT Serif', serif;  margin-top: 10px; color:#fff; font-size: 18px; line-height: 24px;  }

.methodology .shadow_all{  padding: 20px 20px 10px; min-height: auto; } 
.methodology .shadow_all2{ padding: 0 0 30px;  min-height: auto; } 


.contact_page .hd2{ color: #cbc04d; font-size: 40px; text-align: right; font-weight: 300; text-align: center; margin-bottom: 30px;  } 
.contact-bg{ background:rgba(255, 255, 255, 0.9); }
.form-box label { padding: 10px 0px; } .check-box label {    padding: 4px 20px 5px 45px; }

	.gallery110{  margin-bottom: 15px;}
}
 


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#mainnav { background: #fff; border-bottom: #eee 1px solid;  min-height: 100px; }

/* Main Menu */	
.navbar-brand { float: left; height: 60px; padding: 7px 0px; font-size: 18px; line-height: 20px; width: 200px;}
.navbar{ padding:5px 15px;  border-radius: 0px; border:none; }  .navbar-header { float: none; }
.navbar-toggle { display: block; float:right; margin:30px auto 3px auto; background:#ccc04c; border:#39216f;  }
.navbar-inverse .navbar-toggle:focus {   background:#bed163; }
.navbar-inverse .navbar-toggle:hover{   background-color: #bed163; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {   color: #333;   background-color: transparent; }
.navbar-collapse.collapse {     display: none!important; } .navbar-collapse.collapse.in {     display: block!important; }
.navbar-nav { float: none!important; } .navbar-nav>li { float: none; }
.navbar-inverse .navbar-nav > li > a { line-height:20px; margin-right:5px;}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {     color: #333; }

.navbar-header{ min-height: 90px; }
 

/*PARALLAX HEADER */
.header .layer{position: absolute; top: 17%;  left: 0; width: 100%; height: 100%; } 
.header .layer .layer_text{    margin-top: 0; font-family: 'Roboto Condensed', sans-serif; }   
.header .layer_text1{  color:#fff; font-size: 22px; font-weight: 400; display: block; line-height: 22px;    text-transform: uppercase; }
.header .layer_text2{  color:#fff; font-size: 42px; font-weight: 400; margin-top: 10px; line-height: 42px;  display: block; }

.parallax_achieve{ display: none; }
.section_home { padding: 30px 0  0px 0; } 
.section_home .top_bottom50 {    padding: 15px; }

.school_content { max-width: auto; padding:50px 30px; }
.school_content .hd2{ font-size: 28px; }

/* section 03 */
.section3{ padding: 0px; max-height: auto;} 
.section3 #slideshow{ min-height: 220px;  max-height: 220px;}
.section3 #slideshow img{ min-height: 220px; }

.section3 .header2{ min-height: 250px;  max-height: 250px; display: none;}
.section3 .header2 img{ min-height: 250px; max-height: 250px; }

.header2 .layer{position: absolute; top: 10%;  left: 0;  height: 100%; } 
.header2 .layer .layer_text{ font-family: 'Roboto Condensed', sans-serif;   text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);}   
.header2 .layer_text1{  color:#fff; font-size: 20px; font-weight: 700; display: block; line-height: 26px; text-transform: capitalize; }
.header2 .layer_text2{  font-family: 'PT Serif', serif;  color:#fff; font-size: 18px; font-weight: 300; margin-top: 10px; line-height: 30px;  display: block; }



.charter-circle { width: auto; margin: 20px auto; }  
.charter-circle img{ max-width: auto;  width: 100%;}

.testimoni {  margin:0px; padding: 30px; }
.accreditation{ min-height: 400px; }

.achieve_section { padding: 20px 0 0 0; }
.achieve_section .col-xs-6{ margin-bottom: 15px;}


/*school page*/
.shadow_right{ margin-bottom: 30px; }
.school_header .layer{position: absolute; top: 5%;  left: 40%;  height: 100%; width: 100% } 
.school_header .layer_text1{  color:#cbc04d; font-size: 16px; line-height: 24px; font-weight: 300; display: block; }
.school_header .layer_text2{  color:#888; font-size: 18px;  line-height: 24px;   font-weight: 300; font-family: 'PT Serif', serif; margin-top: 0px; display: block; }
.shadow_all{ margin: 10px; }


.philosophy_section .content{  padding: 30px 0px; }


/* About Us */
.utsaah_story .content{ padding: 20px 10px;      text-align: center;} 
.utsaah_story .content .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center; }
.utsaah_story .content p{ color: #4d4d4d; font-size: 16px; line-height: 22px; text-align: center;}
 
.utsaah_team .hd2{ font-size: 26px; line-height: 26px; font-weight: 400; text-align: center;  text-transform: none; margin-bottom: 35px;}
.utsaah_team .shadow_all{ padding: 40px 0px 50px; min-height: auto; -moz-box-shadow: 5px 5px 8px #888;  -webkit-box-shadow: 5px 5px 8px #888;  box-shadow: 0px 5px 8px #bbb; } 
.shadow_all img{ width: 200px; margin: 0 auto; }
.utsaah_team p{ color: #4d4d4d; font-size: 15px; line-height: 30px; text-align: center; padding-top:20px;  }
.utsaah_team p span{ color: #b4c857; font-size: 22px; }

.flip-box {  background-color: transparent; width: 320px; margin:0 auto;  min-height: 259px;   perspective: 1000px; }
.flip-box1{  position:relative; padding: 0px; overflow: hidden;  min-height: 259px; } 

/* popup */
.pro_popup { position: relative; padding: 0px;  min-height: 1180px; overflow: none;  background: #f5f5f5;}
.pro_popup .layer{position: absolute; top: 0px; left: 0px; width: 100%; display: block; } 
.pro_popup .layer .content{ padding: 15px  20px; min-height: 100px; }  
.pro_popup .layer .content img{ max-width: 100px; }
.pro_popup .layer .content .hd3 span{ display: inline; }
 .pro_popup .btn{left: 15%;  font-size: 20px; width: 70%;  }	

.modal .close { opacity: 1;  position: absolute;  top: 0px;   right: 8px;   font-size: 40px;     font-weight: 600;     z-index: 5; }
	

.charter_page {min-height: 820px; padding:0px; background: url(assets/images/charter_bg.jpg)  repeat;}
.charter_page img{display: none;}
.charter_page .layer .container{padding: 0px; width: 100%; }
.charter_page .layer .layer_text{ padding:20px 15px; height: 100%; }   
.charter_page .hd1{  font-size: 28px;  line-height: 34px;  margin-bottom: 20px; font-weight: 400; }
.charter_page p{   line-height: 18px; line-height: 26px; margin: 10px 0 15px 0; }


.methodology_header { position: relative;  margin-top: 100px; overflow: hidden; }
.methodology_header .layer{position: absolute; top: 7%;  left: 0%;  height: 100%; } 
.methodology_header .layer .layer_text{ width: 100%;  font-weight: 300; text-align: center;}   
.methodology_header .layer_text1{ font-family: 'Roboto Condensed', sans-serif;       color:#fff; font-size: 17px; line-height: 22px; }
.methodology_header .layer_text2{ font-family: 'PT Serif', serif;  margin-top: 10px; color:#fff; font-size: 15px; line-height: 22px;  }

.methodology .shadow_all{  padding: 20px 20px 10px; min-height: auto; } 
.methodology .shadow_all2{ padding: 0 0 30px;  min-height: auto; } 

.contact_page .hd2{ color: #cbc04d; font-size: 50px; text-align: right; font-weight: 300; text-align: center; margin-bottom: 30px;  } 
.contact-bg{ background:rgba(255, 255, 255, 0.9); }
.form-box label { padding: 10px 0px; } .check-box label {    padding: 4px 20px 5px 45px; }
	
.achieve_section{ padding: 0px 0;  margin-bottom: 0px;} 
.gallery110{ display:block;  max-height: 40px; margin-bottom: 15px;}
	
.contact_page .hd2 {  color: #cbc04d; font-size: 40px; margin-bottom:10px; }	 
.contact-bg { margin-top: 0;  padding-left: 40px; }

/*** school page  ***/
.school_header .layer .layer_text { width: 55%; }
header.school_header img {   opacity: 0.25; }
	.school_header .layer_text1 { font-size:20px;}
	.school_header .layer_text2 {  color: #525252;  font-size: 17px; 	line-height: 25px; }	
	
.dropdown:hover .dropdown-menu {  display: contents; z-index: 900000000; }
	
}

	

/* Small devices (mobile, 360px and down) */
@media only screen and (max-width: 375px) {  
/* 25.13.19 */
.modal .close { top:10px; right: 15px; font-size: 35px;  font-weight: 600;     z-index: 5; }	
.pro_popup { position: relative; padding: 0px;  min-height: 1350px; overflow: none;   background: #fff;}
.pro_popup .btn {  left: 10%;     font-size: 20px; }

.pro_popup .layer .content img {     max-width: 80px; }
.pro_popup .layer .content h2 {    font-size: 30px;  }

  }


/* Small devices (mobile, 320px and down) */
@media only screen and (max-width: 320px) {
/* 25.13.19 */
.modal .close { top:10px; right: 15px; font-size: 35px;  font-weight: 600;     z-index: 5; }	
.pro_popup { position: relative; padding: 0px;   min-height: 1550px; overflow: none;  background: #fff;}
.pro_popup .btn {  left: 10%;     font-size: 20px; }
.pro_popup .layer .content img {     max-width: 80px; }
.pro_popup .layer .content h2 {    font-size: 30px;  }


 }