@font-face {
    font-family: GilBold;
    src: url('../fonts/GILSANUB.TTF');
    
    font-style:normal;
}

body
{
	font-family: 'Open Sans', sans-serif;
	background-color: #FFF;
}

.menu-item
{
  display: flex;
   justify-content: center;
   align-items: center;
  font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  font-size: 14px;


}

.index-link
{
  /*background-image: url("../img/menu2.png");*/
  
  background-color: #ffbc00;
  text-transform: uppercase;
  font-weight: bold;  
  color: #FFFFFF!important;
  line-height: 73px!important;
  max-height: 80px;
  

  
}

.index-link:hover, .index-link:focus, .index-link:active, .index-link-active
{
  color: #FFFFFF!important;
  background-color: #ffbc00!important;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  

  
}

.services-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 73px!important;
  background-color: #ff000f!important;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 80px;
}

.services-link:hover, .services-link:focus, .services-link:active, .services-link-active
{
  background-color: #ff000f!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
}
.offer-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 73px!important;
  background-color: #ff7f00;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 80px;

  
  
}

.offer-link:hover, .offer-link:focus, .offer-link:active, .offer-link-active
{
 background-color: #ff7f00!important;
 max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
}

.admission-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 73px!important;
  background-color: #00d63d;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 80px;
 
  
}

.admission-link:hover, .admission-link:focus, .admission-link:active, .admission-link-active
{
  background-color: #00d63d!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
}
.contact-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 73px!important;
  background-color: #00b6ef;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 80px;
 /*min-width: 150px!important;*/

  
  
}

.contact-link:hover, .contact-link:focus, .contact-link:active, .contact-link-active
{
  background-color: #00b6ef!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
}
.help-link
{
  color: #FFF!important;
  line-height: 73px!important;
  background-color: #004999;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 80px;
  
}

.help-link:hover, .help-link:focus, .help-link:active, .help-link-active
{
  background-color: #004999!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  border-bottom: solid 4px #064ff3!important;
}
/**/



@media(max-width: 899px){

.menu-item
{
  display: flex!important;
   justify-content: center;
   align-items: center;
  font-family: 'Open Sans', sans-serif;
    font-weight: bold;
  font-size: 9px;



}
  /*background-image: url("../img/menu2.png");*/
  .index-link{
  background-color: #ffbc00;
  text-transform: uppercase;
  font-weight: bold;  
  color: #FFFFFF!important;
  line-height: 50px!important;
  max-height: 50px;
  font-size: 9px;
  

  
}

.index-link:hover, .index-link:focus, .index-link:active, .index-link-active
{
  color: #FFFFFF!important;
  background-color: #ffbc00!important;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
font-size: 9px;
  

  
}

.services-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 50px!important;
  background-color: #ff000f!important;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 50px;
  font-size: 9px;


  

  
}

.services-link:hover, .services-link:focus, .services-link:active, .services-link-active
{
  background-color: #ff000f!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  font-size: 9px;
}
.offer-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 50px!important;
  background-color: #ff7f00;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 50px;
  font-size: 9px;

  
  
}

.offer-link:hover, .offer-link:focus, .offer-link:active, .offer-link-active
{
 background-color: #ff7f00!important;
 max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  font-size: 9px;
}

.admission-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 50px!important;
  background-color: #00d63d;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 50px;
  font-size: 9px;
 
  
}

.admission-link:hover, .admission-link:focus, .admission-link:active, .admission-link-active
{
  background-color: #00d63d!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  font-size: 9px;
}
.contact-link
{
  /*background-image: url("../img/menu2.png");*/
  color: #FFF!important;
  line-height: 50px!important;
  background-color: #00b6ef;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 50px;
 min-width: 94px!important;
 font-size: 9px;

  
  
}

.contact-link:hover, .contact-link:focus, .contact-link:active, .contact-link-active
{
  background-color: #00b6ef!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  font-size: 9px;

}
.help-link
{
  color: #FFF!important;
  line-height: 50px!important;
  background-color: #004999;
  text-transform: uppercase;
  font-weight: bold;
  max-height: 50px;
  font-size: 9px;
  
}

.help-link:hover, .help-link:focus, .help-link:active, .help-link-active
{
  background-color: #004999!important;
  max-height: 100px;
  transition: max-height 0.25s ease-in;
  border-bottom: solid 4px #064ff3!important;
  border-bottom: solid 4px #064ff3!important;
  font-size: 9px;
}

}



a, a:active, a:focus {
outline: none;
}

label.error {
    color: #E93C3C;
    font-style: italic;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media(max-width: 992px){
  .vcenter {
      display:block;
  }
}

.animated-anchor
{
    display: block; 
    position: relative;
    top: -110px;
    visibility: hidden;
}

@media(max-width: 767px){
  .animated-anchor
  {
    top: -50px;
  }
}

.main-header
{
  font-weight: bold;
  height: 576px;
  background-image: url("/img/background.jpg");
  background-position:50% 50%;
  background-size:cover; 
  background-color: #FFF;
}

.shadow
{
  width: 100%;
  height: 24px;
  position: absolute;
  top: 552px;
  left: 0;
  background-image: url("../img/shadow.png");
}

.shadow-section
{
  width: 100%;
  height: 24px;
  position: absolute;
  top: 376px;
  left: 0;
  background-image: url("../img/shadow.png");
}

@media(min-width: 768px) and (max-width: 899px){
  .main-header
  {
    background-position:90% 50%;
    height: 400px;
  }
  .shadow
  {
    top: 376px;
  }

  .shadow-section
  {
    width: 100%;
    top: 276px;
  }
}

@media(max-width: 768px){
  .main-header
  {
    background-position:90% 50%;
    height: 300px;
  }
  .shadow
  {
    top: 276px;
  }

  .shadow-section
  {
    width: 100%;
    top: 226px;
  }
}




.main-overlay
{
  background-image:url('/img/bg-overlay.png');
  background-repeat: repeat-x; 
  height:100%;
}

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  left:0;
  z-index: 20;
  
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  margin-top: -90px;
  padding-left: 0;
}

.navbar-wrapper 
{
  margin-top: 0px;
  margin-right: 30px;
}

.logo
{
  position: absolute;
  margin-top: 10px;
  margin-left: 20px;
  visibility: hidden;
}
.logo-img
{
  width: 300px;
}

.small-logo
{
  margin-top: -9px;
}

@media(min-width:768px) and (max-width: 1050px){
  .logo-img
  {
    width: 220px;
  }
  .logo
  {
    margin-left: 10px;
    margin-top: 10px;
  }
}

@media(min-width: 1200px){

.navbar-wrapper 
  {
    margin-top: 0px;
  }
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 900px) {
  
  .logo
  {
    position: absolute;
    visibility: visible;
  }

  .small-logo
  {
    visibility: hidden;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    max-width: 698px;
    left:auto;
  }

  .nav-container
  {
    max-width: 698px;
  }

  .navbar-default {
    background:none;
    border:none;
  }

  .navbar-nav > li > a, .navbar-brand {
      padding-top:0; 
      padding-bottom:0;
      height: 98px;
  }
  .navbar {min-height:98px;}

  .navbar-nav
  {
    width: 698px;
  }
}

@media (min-width: 768px) and (max-width: 899px) {
  
  .logo
  {
    position: absolute;
    visibility: visible;
  }

  .small-logo
  {
    visibility: hidden;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    max-width: 500px;
    left:auto;
  }

  .nav-container
  {
    max-width: 500px;
  }

  .navbar-default {
    background:none;
    border:none;
  }

  .navbar-nav > li > a, .navbar-brand {
      padding-top:0; 
      padding-bottom:0;
      height: 70px;
  }
  .navbar {min-height:70px;}

  .navbar-nav
  {
    width: 500px;
  }
  .navbar-wrapper 
  {
    margin-top: 20px;
  }
  .navbar-wrapper > .container {
    padding-right: 0;
    margin-top: -81px;
    padding-left: 0;
  }
}


.blue-text
{
  color:#00B5ED;
}


.admission-header
{
  height: 400px;
  background-image: url("/img/admission-bg.jpg");
  background-position:50% 50%;
  background-size:cover;
}

.contact-header
{
  height: 400px;
  background-image: url("/img/contact-bg.jpg");
  background-position:50% 50%;
  background-size:cover;
}

.help-header
{
  height: 400px;
  background-image: url("/img/help-bg.jpg");
  background-position:50% 50%;
  background-size:cover;
}

.offer-header
{
  height: 400px;
  background-image: url("/img/offer-bg.jpg");
  background-position:50% 50%;
  background-size:cover;
}

.services-header
{
  height: 400px;
  background-image: url("/img/services-bg.jpg");
  background-position:50% 50%;
  background-size:cover;
}


@media(min-width: 768px) and (max-width: 899px){
  .admission-header
  {
    height: 300px;
    background-position:90% 50%;
  }

  .contact-header
  {
    height: 300px;
    background-position:90% 50%;
  }

  .help-header
  {
    height: 300px;
    background-position:90% 50%;
  }

  .offer-header
  {
    height: 300px;
    background-position:90% 50%;
  }

  .services-header
  {
    height: 300px;
    background-position:90% 50%;
  }
}


@media(max-width: 768px){
  .admission-header
  {
    height: 250px;
    background-position:90% 50%;
  }

  .contact-header
  {
    height: 250px;
    background-position:90% 50%;
  }

  .help-header
  {
    height: 250px;
    background-position:90% 50%;
  }

  .offer-header
  {
    height: 250px;
    background-position:90% 50%;
  }

  .services-header
  {
    height: 250px;
    background-position:90% 50%;
  }
}


@media{

}


.section-text-white
{
  color: #FFFFFF;
}

.section-text-blue
{
  color: #004B96;
  font-weight: bold;
}

.section-header-icon
{
  margin-top:160px;
}

.section-title, .help-title
{
  text-align: center;
  font-style: italic;
  font-weight: bold;
  color:#FFFFFF;
}

.section-container
{
  background-color: #00B5ED;
  background-image: url("/img/sections-bg.png");
}

.section-content-box-blue
{
  padding: 20px;
  background-color: #050d9e;
}

.section-content-box-pink
{
  padding: 20px;
  background-color: #77bc1f;
}

.section-content-box-white
{
  padding: 20px;
  background-color: #FFF;
}

.section-content-box
{
  padding: 20px;
  background-color: #00B5ED;
}

.section-row
{
  margin-bottom: 80px;
}

@media(min-width: 992px){
  .section-title
  {
    text-align: right;
  }
}

@media(max-width: 992px){
  .section-content-box
  {
    display:block; 
    margin-left:auto; 
    margin-right:auto;
  }
}

.btn 
{
    border-radius: 24px;
    background-color:#0097cd;
    border: 0px;
    color: #FFF;
}

.btn:hover, .btn:focus, .btn:active
{
  background-color:#003C80;
  color: #FFF;
}

.read-more, .white-link
{
  cursor: pointer;
  color: #FFF;
  text-decoration: underline;
}

.read-more:hover, .white-link:hover, .white-link:visited
{
  cursor: pointer;
  color: #FFF;
  text-decoration: none;
}

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

.footer
{
  background-color: #050d9e;
}

.privacy
{
  max-height:500px; 
  overflow-y:scroll;
}

@media screen and (max-width: 768px) {
  
  .menu-item
{
  display: none!important;
   



}


}
/*
@media screen and (max-width: 768px) {
  
  .modal-body 
  {
    max-height: 200px;
  }
  .footer-col
  {
    text-align: center;
  }

}
*/