﻿@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'dosisbold';
    src: url('fonts/dosis-bold-webfont.eot');
    src: url('fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-bold-webfont.woff2') format('woff2'),
         url('fonts/dosis-bold-webfont.woff') format('woff'),
         url('fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosissemibold';
    src: url('fonts/dosis-semibold-webfont.eot');
    src: url('fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-semibold-webfont.woff2') format('woff2'),
         url('fonts/dosis-semibold-webfont.woff') format('woff'),
         url('fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosismedium';
    src: url('fonts/dosis-medium-webfont.eot');
    src: url('fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-medium-webfont.woff2') format('woff2'),
         url('fonts/dosis-medium-webfont.woff') format('woff'),
         url('fonts/dosis-medium-webfont.ttf') format('truetype'),
         url('fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosislight';
    src: url('fonts/dosis-light-webfont.eot');
    src: url('fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-light-webfont.woff2') format('woff2'),
         url('fonts/dosis-light-webfont.woff') format('woff'),
         url('fonts/dosis-light-webfont.ttf') format('truetype'),
         url('fonts/dosis-light-webfont.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dosisregular';
    src: url('fonts/dosis-regular-webfont.eot');
    src: url('fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-regular-webfont.woff2') format('woff2'),
         url('fonts/dosis-regular-webfont.woff') format('woff'),
         url('fonts/dosis-regular-webfont.ttf') format('truetype'),
         url('fonts/dosis-regular-webfont.svg#dosisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



html,body{
    padding:0px;
    margin:0px;
    background:#fff;
    font-size:14px;
    font-family: arial;
}
a:hover{
    text-decoration:none;
}
.p_none{
	padding:0px;
}
/********** Header ************/




.h_top{
	width:100%;
	float:left;
	background: url(../images/header_top.png) top no-repeat;
	height:10px;
}
#header_top{
    /*background: url(../images/header_top.png) top no-repeat;*/
    background-size: contain;
    background-position: center;
    padding: 10px 0 10px 0;
}
#header #logo{
    color: #0a91ef;
    font-size: 48px;
    font-weight: bold;
    margin: 5px 0;
}
#header .menu_bar{
    background: #0072ff;
    padding: 0px 0;
}
#header .navbar-collapse{
    padding: 0;
}
#header .menu a{
    font-weight: bold;
    color: #fff607;
    text-transform: uppercase;
    padding: 15px 18px;
	font-family: 'dosissemibold';
	font-size:18px;
    width:100%;

}
.drop{
	background:#0072ff;
}
.drop li:hover, .drop li a:hover {
	background:#0b58b8;
	
}



.drop li a{
 float:left !important;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
 background:#0b58b8 !important;
}

.dropdown:hover .dropdown-menu {
display: block !important;
}

.dropdown .dropdown-menu {
display: none !important;
/*margin-top: -500px !important;*/
}

.dropdown li:hover .dropdown-menu {
display: block !important;
margin-top:30px;
margin-left: 244px !important;
}


.dropdown1 .dropdown-menu {
display: none !important;
margin-left:0px !important;
margin-top:-400px !important;
z-index:-9999;
}

.dropdown1:hover .dropdown-menu {
display: block !important;
margin-top:-200px !important;
margin-left:180px !important;
}

.dropdown2 .dropdown-menu {
display: none !important;
margin-left:0px !important;
margin-top:-400px !important;
z-index:-9999;
}

.dropdown2:hover .dropdown-menu {
display: block !important;
margin-top:-480px !important;
margin-left:0px !important;
}

.dropdown-menu .drop{    
margin-top:0;
}
    


.navbar-default{
	background:#0072ff !important;
}
ul.menu li:hover{
	background:#0b58b8;
	/*border-bottom:8px #043066 solid;*/
	display:block;
}


/****** menu ends ********/

/************ Slider ************/
#slider_area{
	width:100%;
	float:left;
}



/*********** inner *************/

.flashnews{
	width:100%;
	float:left;
	background:#0072ff;
}
.menu2{
	width:100%;
	background:#f4db31;
	float:left;
	height:100%;	
}
ul.content_menu li{
	list-style:none;
	display:inline-block;
	float:left;
	
}
ul.content_menu li a{
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
    padding: 15px 47px;
	font-family: 'dosismedium';
	font-size:17px;
	font-weight:normal;
	display:inline-block;
}
ul.content_menu li a:hover, ul.content_menu li a.active{
	color:#fff607;
	background:#000;
}
/********* contentarea start ***********/

.contentarea{
	background:#08468c;
	float:left;
	padding:30px 0px;
	width:100%;
}
.conbg{
	background:url(../images/contentareabg.png) no-repeat;
	height:20px;
	width:100%;
	float:left;
	background-position:top;
	margin:0px;
}
.contentarea h1{
	font-size:18px;
	font-weight:bold;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;/*'dosisbold';*/
	color:#000;
	margin:15px 0px;
    font-stretch:narrower;
}
p{
	font-size:13px;
	color: #000;/*#757677*/
	font-family:arial;
	text-align:justify;
	margin:15px 0px;
}
a{
	/*float:right;*/
	
}
span{
	/*color:#08468c;*/
    /*color:#ffd800;*/
	/*font-size:18px;*/
	font-weight:bold;
	/*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;/*'dosisbold';*/
     font-stretch:narrower;
}
.welcome{
	background:#fff;
	padding-bottom:21px;
	float:left;


   min-height:305px !important;
	
}
.img_area{
	
}



a.read{
	border:1px #ccc solid;
	padding:5px 14px;
	font-size:13px;
	font-family:Arial;
	position:relative;
}

a.read::before {
    border-right: 13px solid transparent;
    border-top: 13px solid #d20f1c;
    content: " ";
    height: 0;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 0;
    z-index: 9999;
}
a.read::after {
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    border-bottom: 13px solid #d20f1c;
    border-left: 13px solid transparent;
}

.our_patron{
	background:#fff;
	margin-top:10px;
	float:left;
	padding-bottom:21px;

    min-height:200px !important;
}
.our_patron h1{
	font-size:18px;
	font-weight:bold;
	/*font-family: 'dosisbold';*/
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;/*'dosisbold';*/
	color:#000;
	margin-top:15px;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
}
.patron_img{
	border:1px #ccc solid;
	margin-left:25px;
}
.our_patron2{
	background:#fff;
	margin-top:10px;
	float:left;
	padding-bottom:21px;


    min-height:302px !important;
}
.our_patron2 h1{
	font-size:18px;
	font-weight:bold;
	/*font-family: 'dosisbold';*/
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;/*'dosisbold';*/
	color:#000;
	margin-top:15px;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
}
.our_patron2 ul{
	margin-left:20px;
}
.our_patron2 ul li{
	list-style:circle;
	padding:7px;
}

/************** 1st box css style end ******/

#latest_news{
	border:1px #ccc solid;
	padding:5px;
	/*min-height:170px;*/
    min-height:239px !important;
    /*max-height:303px !important;*/
	background:#fff !important;
	padding-bottom:21px;
}
#latest_news h1{
	font-size:18px;
	font-weight:bold;
	/*font-family: 'dosisbold';*/
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif ;/*'dosisbold';*/
	color:#000;
	margin-top:10px;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
}
b{
	margin:5px;
}
/*.item a{
	text-align:center;
	background:#3e3e3f;
	padding:8px 8px;
	color:#fff;
	display:block;
	width:100%;
}*/
.owl-prev{
	background:url(../images/prev.png)!important;
	background-position:center!important;
	padding:0px!important;
}
.owl-next{
	background:url(../images/next.png)!important;
	background-position:center!important;
	padding:0px!important;
}

#latest_news p{
	font-size:12px;
	color:#000;
	text-align:justify;
	padding:3px;
	margin:5px !important;
}
.calendar{
	border:1px #ccc solid;
	text-align:center;
	font-size:20px;
	font-family:arial;
	font-weight:bold;
	color:#e61111;
}

.footer{
	background:#003a7a;
	padding:10px 0px;
}
.footer h5{
	font-family:arial;
	font-size:21px;
	color:#fff;
}
.footer ul{
	list-style:none;
}
.footer ul li{
	padding:5px;
	list-style:none;
	font-size:15px;
	color:#fff;
	font-family:arial;
	
}
.footer p{
	font-size:15px;
	color:#fff;
	font-family:arial;
}
.photogallery h1{
	font-size:30px;
	font-family: 'dosisbold';
	color:#16306b;
	font-weight:bold;
	text-align:center;
	margin-top:35px;
}







@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}



ol, ul{
    /*color: #757677;*/
    color: #000;
    font-family: arial;
    font-size: 13px;
    margin: 15px 0;
    text-align: justify;
}














