body, h1, h2, h3, h4, h5, h6, p, i, span, div, a, label{font-family: 'Titillium Web', sans-serif;}
@media screen and (min-width:768px){
    .navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 160px;
        text-align: center;
        background-color: #eee;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -80px;
    }
}
.container {
    max-width: 1170px !important;
}
.navigation{
	text-align: center;
background-color: #1e7abd !important;
border: 0 !important;
border-radius: 0 !important;}
.navigation .navbar-nav{
	display: inline-block;
float: none;}
.top-section{
	background: url(../img/homebg.jpg);
    background-repeat: repeat;
background-repeat: no-repeat;
background-size: cover;
}
.navigation li a{
	color: #fff !important;
padding: 12px 15px !important;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
}
.top-header{
	/*background-color: rgba(115, 165,236, 0.4);*/
}
.boxwrapper{background: #e1e1e1;
padding: 10px;margin-bottom: 60px;
border: 1px solid #ccc;}
.applyadn{background: #ff7b07;
padding: 10px 20px;
font-size: 17px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
border-radius: 5px;
position: relative;
border: 1px solid #df6d09;
margin-top: 10px;
display: inline-block;}
.applyadn:hover{background: #ff0707;text-decoration: none;color: #fff;}
.top-header-left{padding: 40px 0;}
.top-header-right{
	text-align: right;
	padding: 28px 0;}
.top-header-right p{color: #fff;}
.top-header-right p i{}
.top-header-right ul{}
.top-header-right ul li{
	display: inline;}
.top-header-right ul li a{
	display: inline-block;}
.top-header-right ul li a img{
	width: 30px;}
.top-center{
	text-align: center;}
.slider-area .carousel{
	padding: 0;
}
.textt-center{text-align: center !important;}
.admission-wrapper h3{font-size: 30px;
text-transform: uppercase;
margin: 25px 0;}
.box{
  width:40%;
  height:200px;
  float:left;
  background-color:white; 
  margin:25px 15px;
  border-radius:5px;
}
.box1{
  background-color: #fff;
}
.shadow1{
  position:relative;
}
.shadow1{
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
/****************************************************************
*styling shadows
****************************************************************/
.shadow1:before, .shadow1:after{
  position:absolute;
  content:"";
  bottom:27px;left:15px;top:80%;
  width:45%;
  background:#9B7468;
  z-index:-1;
  -webkit-box-shadow: 0 28px 15px #9B7468;
  -moz-box-shadow: 0 28px 15px #9B7468;
  box-shadow: 0 28px 15px #9B7468;
  -webkit-transform: rotate(-6deg);
  -moz-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.shadow1:after{
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  transform: rotate(6deg);
  right: 15px;left: auto;
}
.slider-area{
	position: relative;
display: inline-block;
width: 100%;
margin: 0;
height: 100%;
border: 5px solid #ededed;}

.carousel-indicators li{ width:26px !important;}

.top-animation div:first-of-type {
    animation: showup 7s infinite;
}
.top-animation div {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    color: #fff;
    line-height: 14px;
}
.top-animation div:last-of-type {
    width: 0px;
    animation: reveal 7s infinite;
}
.top-animation div:last-of-type span {
    margin-left: -355px;
    animation: slidein 7s infinite;
}

.top-animation div {
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
  color: #fff;
  line-height: 29px;
font-size: 20px;
}

.top-animation div:first-of-type {    /* For increasing performance 
                       ID/Class should've been used. 
                       For a small demo 
                       it's okaish for now */
  animation: showup 7s infinite;
}

.top-animation div:last-of-type {
  width:0px;
  animation: reveal 7s infinite;
}

.top-animation div:last-of-type span {
  margin-left:-355px;
  animation: slidein 7s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:355px;}
    80% {opacity:1;}
    100% {opacity:0;width:355px;}
}
.top-animation{
	text-align:left;
	width:100%;
	background: #35a7fb;
	border-radius: 20px;
padding: 3px 0 3px 50px;
}
.about-area{margin: 50px 0;}
.about-area h3{
	color: #1e7abd;
margin-bottom: 20px;}
.about-area img{
	border-radius: 20px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);}
.button{
	background: #1e7abd;
color: #fff;
padding: 10px 25px;
display: inline-block;
margin-top: 10px;}
.button:hover{
	background:#35a7fb;
	color:#fff;
	text-decoration:none;
}
.minebitz_list p{ margin:0}
.fac-list-small li div{margin: 5.8px 10px;}
.navbar{ margin-bottom:0 !important;}


.dropdown-menu > li.kopie > a {
    padding-left:5px;
}
 
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
   top:0;left:100%;
   margin-top:-6px;margin-left:-1px;
   -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;
 }
  
.dropdown-submenu > a:after {
  border-color: transparent transparent transparent #333;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  content: " ";
  display: block;
  float: right;  
  height: 0;     
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
 
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
 }

.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {
  text-decoration: underline;
}  
  
@media (max-width: 767px) {
  .navbar-nav  {
     display: inline;
  }
  .navbar-default .navbar-brand {
    display: inline;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-default .navbar-nav .dropdown-menu > li > a {
    color: red;
    background-color: #ccc;
    border-radius: 4px;
    margin-top: 2px;   
  }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a {
     color: #333;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
     background-color: #ccc;
   }

   .navbar-nav .open .dropdown-menu {
     border-bottom: 1px solid white; 
     border-radius: 0;
   }
  .dropdown-menu {
      padding-left: 10px;
  }
  .dropdown-menu .dropdown-menu {
      padding-left: 20px;
   }
   .dropdown-menu .dropdown-menu .dropdown-menu {
      padding-left: 30px;
   }
   li.dropdown.open {
    border: 0px solid red;
   }

}
 
@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}
.dropdown-menu > li > a{ color:#333 !important}
.logo{}
.logo h1{
    font-size: 24px;
font-weight: bold;
margin: 0;
line-height: 34px;
}
.logo h3{
    margin: 0;
font-size: 20px;
line-height: 24px;
}
.logo p{
    color: #fff;
font-size: 13px;
}

/*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
		.applyadn{position: relative;margin: 10px 0;display: inline-block;}
		.top-header-left{padding: 15px 10px 0 !important;}
.logo h1{font-size: 25px;}
.logo h3{font-size: 20px;}
.logo p{font-size: 15px;}
.church-logo{}
.top-header-right{text-align: center;padding: 0;}
.top-center{display: none;}
.top-header-right ul {padding: 0;}
.top-animation{display: none;}
.about-area{margin: 20px 0;}
.about-area h3{font-size: 20px;margin: 0 0 10px;}
.about-img img{display: none;}
.container{ width:auto !important;}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .applyadn{position: relative;margin: 10px 0;display: inline-block;}
     .top-header-left{padding: 15px 10px 0 !important;}
.logo h1{font-size: 25px;}
.logo h3{font-size: 20px;}
.logo p{font-size: 15px;}
.church-logo{}
.top-header-right{text-align: center;padding: 0;}
.top-center{display: none;}
.top-header-right ul {padding: 0;}
.top-animation{display: none;}
.about-area{margin: 20px 0;}
.about-area h3{font-size: 20px;margin: 0 0 10px;}
.about-img img{display: none;}
.container{ width:auto !important;}

    }
.top-center h1{
    font-size: 33px;
color: #fff;
margin: 0 0 10px;
font-weight: bold;
}
.AdmissionFormWrapper h2{margin-bottom: 30px;}
.AdmissionFormWrapper{max-width: 1000px;
background: #f5f5f5;
margin: 0 auto;
padding: 60px 20px;}
.AdmissionFormWrapper .form-horizontal{padding: 0 30px;}
.AdmissionFormWrapper table{width: 100%;}
.AdmissionFormWrapper table tr{border-bottom: 1px solid #ccc;}
.AdmissionFormWrapper table tr td{padding: 10px;border: 1px solid #ccc;}
.AdmissionFormWrapper input{border: 1px solid #ccc;}
.AdmissionFormWrapper button{padding: 10px 40px;
border: none;
background: #00aeef;
color: #fff;
font-weight: bold;
font-size: 20px;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color: #11568 !important;}
.admission-wrapper{padding: 40px 20px;margin-bottom: 60px;background: #f5f5f5;}
.admission-wrapper .form-group{display: inline-block;width: 100%;}
.admission-wrapper h3{font-size: 35px;font-weight: 600;}
.admission-wrapper h4{font-size: 20px;text-transform: uppercase;margin-bottom: 30px;font-weight: 600;}
.admission-wrapper input{border: 1px solid #ccc;width: 100%;}
.admission-wrapper textarea{}
.admission-wrapper select{}
.submit-btn{}
.mb-0{margin-bottom: 0}
.admission-wrapper label{color: #666;}
.submit-btn{background: #00aeef;
padding: 10px 60px;
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin-top: 20px;border: 0;
border-radius: 4px;}
.stream-details{background: #ecebeb;padding: 10px; }
.stream-details p{color: #6c6c6c;}
.school-auth h3{font-size: 22px;text-align: center;}
.school-auth p{text-align: center;}