@charset "utf-8";
/* CSS Document 
@import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Courgette|Gochi+Hand|Handlee|Kalam|Oleo+Script|Permanent+Marker|Rancho|Shadows+Into+Light');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Amaranth:400,400i,700,700i');
*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Amaranth|Handlee|Rancho');
/*
@font-face{
	font-family:'Handlee', cursive;
	font-src:'verdana';
}*/
@font-face{
	font-family: 'Rancho', cursive;
	font-src:'verdana';
}
html
{
	margin:0;
	padding:0;
}
body
{
	padding:0px;
	margin:0px;
	background:#797777;
}
p{
	font-family: 'Handlee', cursive;
	font-size:18px;
	color:#848181;
}
.logo
{
	margin:0 auto;
}
.logo img
{
	width:100%;
}
.navigation
{
	background:#007C98;
    border: 10px solid #007C98;
    border-radius: 8px;
	padding-left: 5px;
    padding-right: 5px;
}
.navigation .navbar {
    position: relative;
    min-height: 70px;
    height: 70px;
    margin-bottom: 0;
	background: url(../images/nav-bg.png) repeat-x;
	border-radius:8px;
}
.navigation .navbar-nav>li>a {
    color: #fff;
	//font-family: 'Shadows Into Light', cursive;
	//font-family: 'Architects Daughter', cursive;
	//font-family: 'Permanent Marker', cursive;
	//font-family: 'Gochi Hand', cursive;
	font-family: 'Rancho', cursive;
	font-size: 30px;
}
.navigation .navbar-nav >li 
{
	padding: 0 9px;
}
.nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
	color:#44392B;
}
.navbar-nav.active a
{
	color:#44392B;
}
.navigation .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}
.search-filter
{
	margin-bottom:50px;
}
.school-timing
{
	margin-bottom:50px;
}
.contact-details
{
	margin-bottom:50px;
}
.bg-white
{
	background:#fff;
}
.footer-content ul
{
	margin:0;
	padding:0;
	margin-left: 340px;
    margin-top: 10px;
}
.footer-content li{
	list-style:none;
	float:left;
	font-family: 'Rancho', cursive;
	font-size:20px;
	padding:5px;
	color:#5DB5BD;
}
.footer-content li a
{
	color:#5DB5BD;
	text-decoration:none;
	margin-right:10px;
}
.footer-content li a:hover
{
	color:#fff;
	text-decoration:none;
}
.news-events{
    padding: 25px 0;
	border:1px solid #ddd;
	border-radius:6px;
	margin-top:30px;
}
.news-events ul li {
    font-family: 'Handlee', cursive;
    font-size: 18px;
    color: #848181;
}
.news-events h3
{
	font-family: 'Rancho', cursive;
	font-size:25px;
	color:#0A7146;
	margin-top:2px;
}
.news-events h5
{
	font-size:11px;
	color:#8EA8B0;
}
.news-events2 {
    font-family: 'Handlee', cursive;
    font-size: 16px;
    color: #848181;
}
.bg-half-white{
	background:#F5FAFB;
}
.block-title
{
	background: #8EA8B0;
    padding: 4px 10px;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -12px;
    left: 17px;
	border-radius:5px;
}
.block-title a
{
    color:#fff;
}
.main-message
{
	background: url('../images/message-bg.png') repeat-x;
	//height: 70px;
	border-radius: 8px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 20px;
}
.main-message-left{
	width:9%;
}
.main-message-left img
{
	position: relative;
	//width: 217px;
	left: -31px;
	//top: -10px;
}
.main-message-right{
	width:6%;
}
.main-message-right img
{
	position: relative;
	//width: 217px;
	right: -3px;
	//top: -10px;
}
.message-of-the-day
{
	padding: 15px 0; 
	width:85%;
}
.message-of-the-day span{
	font-family: 'Rancho', cursive;
    font-size: 28px;
    margin-right: 50px;
}
.message-of-the-day span img {
	 margin-top:-7px;
}
.timing-column
{
	border: 10px solid #FDEDC1;
    background: #fff;
    border-radius: 8px;
    width: 87%;
    margin: 0px auto;
    margin-left: 24px;
    margin-top: -41px;
    padding: 35px 15px 0 15px;
}
.timing-column img
{
	width:40px;
	margin-left:-8px;
}
.timing-column h4{
	margin-top: 4px;
    margin-left: 10px;
    margin-bottom: 0;
    font-family: 'Rancho', cursive;
    font-size: 20px;
    text-transform: uppercase;
}
.timing-column h5{
	    margin: 0;
    margin-left: 10px;
    margin-bottom: 20px;
    font-family: 'Rancho', cursive;
    font-size: 20px;
}
.timing-column hr{
	margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #6f4d2b;
}

/* ============= Meet Me Im New Here ========== */
.meet-me
{
	border: 10px solid #25BB43;
    background: #21CD68;
    border-radius: 8px;
    width: 87%;
    margin: 0px auto;
    margin-left: 24px;
    margin-top: -25px;
    padding: 35px 15px 0 15px;
}
.meet-me img
{
	width:50px;
	margin-left:-8px;
}
.meet-me h4{
	margin-top: 4px;
    margin-left: 20px;
    margin-bottom: 0;
    font-family: 'Rancho', cursive;
    font-size: 20px;
    text-transform: uppercase;
	color:#fff;
}
.meet-me h5{
	margin: 0;
    margin-left: 20px;
    margin-bottom: 20px;
    font-family: 'Rancho', cursive;
    font-size: 20px;
	color:#fff;
}
.meet-me hr{
	margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #6f4d2b;
}



/* ============= Search filter start ========== */
.search-filter
{
	border: 10px solid #0076EC;
    background: #4197ED;
    border-radius: 8px;
    width: 87%;
    margin: 0px auto;
    margin-left: 24px;
    margin-top: -25px;
    padding: 35px 15px 0 15px;
}
.search-filter img
{
	width:50px;
	margin-left:-8px;
}
.search-filter h4{
	margin-top: 4px;
    margin-left: 20px;
    margin-bottom: 0;
    font-family: 'Rancho', cursive;
    font-size: 20px;
    text-transform: uppercase;
	color:#fff;
}
.search-filter h5{
	margin: 0;
    margin-left: 20px;
    margin-bottom: 20px;
    font-family: 'Rancho', cursive;
    font-size: 20px;
	color:#fff;
}
.search-filter hr{
	margin-top: 0px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #6f4d2b;
}
.search-filter input
{
    height: 40px;
    font-size: 25px;
	color:#fff;
	font-family: 'Rancho', cursive;
    background-color: #69B1F8;
    background-image: none;
    border: 0px solid #ccc;
}
.search-filter .has-success .form-control-feedback {
    color: #fff;
    font-size: 43px;
}
.search-filter span{
	position: relative;
    right: -155px;
    top: -38px;
    z-index: 9;
    font-size: 40px;
    color: #fff;
}
.search-filter a{
	text-decoration:none;
}
.search-filter ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.66);
}
.search-filter ::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.66);
}
.search-filter :-ms-input-placeholder { /* IE 10+ */
  color: rgba(255, 255, 255, 0.66);
}
.search-filter :-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.66);
}





.navbar-header span
{
	font-size: 30px;
    color: #333;
}
@media (max-width: 768px) {
	.navigation {
		background: none !important;
		border: 0px solid #007C98;
		border-radius: 8px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.navigation .navbar {
		position: relative;
		min-height: 0;
		height: 0;
		//margin-bottom: 50%;
		background: transparent;
		border-radius: 0;
		z-index: 9;
	}
	.navbar-nav {
		margin: 0px -15px;
		background: #66cad7;
		padding: 15px;
	}
	.nopadding
	{
		padding:15px !important;
	}
	.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
		background-color: #2ec1d5 !important;
		border-color: #337ab7;
	}
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: #83d6e1;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.navbar-nav .open .dropdown-menu>li>a {
		line-height: 30px;
	}
	.navbar-nav .open .dropdown-menu>li>a:last-child {
		border-bottom:0px solid #ccc;
	}
	.inner-content-header{
		width: 40% !important;
	}
	.xs-logo
	{
		display: block !important;
		float: left;
		padding: 20px;
		padding-bottom: 0;
	}
	.timing-column
	{
		width:94%;
	}
	.meet-me
	{
		width:94%;
	}
	.search-filter
	{
		width:94%;
	}
} /* ====== media end  */

.navbar-nav {
    margin: 0px -15px;
}
.nopadding
{
	padding:0;
}
.nopaddingleft
{
	padding-left:0 !important;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 12px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #007c98;
    white-space: nowrap;
    border-bottom: 1px solid #e7f0f4;
    font-family: 'Rancho', cursive;
    font-size: 20px;
}
.outer-content
{
	padding:15px; 
	background:#E7F0F4; 
	border-radius:10px; 
	margin-bottom:30px;
}
.inner-content{
	padding: 30px;
	border-radius: 10px; 
	overflow: auto;
}
.inner-content h1{
	margin-top:0; 
	font-family: 'Rancho', cursive;
	color:#2a97db;
}
.inner-content h4{
	font-family: 'Rancho', cursive;
	color:#738c94;
	font-size: 23px;
}
.inner-content-header{
	position: relative;
    top: -35px;
    background: #e7f0f4;
    width: 25%;
    padding: 5px 20px;
    color: #738c94;
    font-size: 30px;
    border-radius: 5px;
    text-align: center;
}
.minheight440px
{
	min-height: 463px;
}
.xs-logo
{
	display:none;
}
.carousel-control.left {
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
    right: -20px;
}
.carousel-control {
    position: absolute;
    top: 40%;
    bottom: 0;
    left: -36px;
    width: 0;
    font-size: 20px;
    color: #72878e;
    text-align: center;
    text-shadow: none;
    background-color: none;
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control:hover {
    color: #738c94;
    text-decoration: none;
    opacity: .9;
}
.carousel-inner .item h2
{
	margin: 10px 0 0 0;
    font-family: 'Rancho', cursive;
	color:#738c94;
}
.top-socials li{
	list-style:none;
	float:left;
	margin-right:8px;
	font-size:25px;
	margin-top:10px;
	color:#fff;
}
.top-socials li:nth-child(1) a
{
	color:#3A5897;
}
.top-socials li:nth-child(2) a
{
	color:#278CC4;
}
.top-socials li:nth-child(3) a
{
	color:#0083BE;
}
.top-socials li:nth-child(4) a
{
	color:#C71C22;
}
.top-socials li a:hover{
	color:#007c98;
}
.top-contacts ul{
	margin-right: -35px;
}
.top-contacts li
{
	list-style:none;
	float:left;
	color:#007c98;
	padding-right:15px;
	margin-top:10px;
	font-size:17px;
	font-weight:bold;
}
.top-contacts li a
{
	color:#007c98;
	font-size:14px;
}
.footer-gallery ul{
	margin:0;
	margin-left:15px;
	margin-top:40px;
	padding:0;
}
.footer-gallery li{
	list-style:none;
	float:left;
	margin-left:0;
	margin-right:10px;
	margin-bottom:15px;
}
.footer-gallery li img{
	width:120px;
}
.footer-gallery h2{
	margin-left: 15px;
    padding-top: 20px;
    padding-bottom: 5px;
    font-family: 'Rancho', cursive;
    color: #738c94;
    margin-bottom: -25px;
    border-bottom: 2px solid #738c94;
	margin-right: 38px;
}


.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    margin-right: 5px;
}
.nav-tabs>li>a
{
    padding: 10px 30px;
	background: #f5fafb;
	font-family: 'Rancho', cursive;
    font-size: 20px;
}
.navtabs.nav>li>a:focus, .navtabs.nav>li>a:hover {
    text-decoration: none;
    background-color: #ffbe62;
    color: #fff;
    border: 1px solid #e6aa54;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #738c94;
    cursor: default;
    background-color: #e7f0f4;
    border: 1px solid #e7f0f4;
    border-bottom-color: transparent;
    font-family: 'Rancho', cursive;
    font-size: 20px;
}
.navtabs.nav .navtabs.open>a, .navtabs.nav .navtabs.open>a:focus, .navtabs.nav .navtabs.open>a:hover {
    background-color: #007c98;
    border-color: #337ab7;
}
.footer-copyright{
	background:#797777;
	padding:10px 10px 5px 10px;
}
.footer-copyright p
{
	font-size:14px;
	color:#fff;
	margin:0;
}
.footer-copyright a
{
	font-size:14px;
	color:#ec9f8a;
}
.footer-copyright img
{
    width: 20px;
}

footer{
	border-top:5px solid #007C98;
	background: #64b1f5; 
	padding:10px 15px 15px 15px;
}
.contact-info{
	font-family: 'Rancho', cursive;
}
.contact-info h2{
	border-bottom: 2px solid #797777;
    text-transform: uppercase;
    font-size: 24px;
    color: #797777;
}
.contact-info p{
	color:#FFF;
	font-size:16px;
}