/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html,
   button,
   input,
   select,
   textarea {
   	color: #000;
   }

   body {
   	background-color: #081c71;
   	line-height: 1.4;
   	font-size: 0.938em;
   	-webkit-font-smoothing: antialiased;
   	-moz-font-smoothing: antialiased;
   	-moz-osx-font-smoothing: grayscale;
   }

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

 ::-moz-selection {
 	background: #084fbf;
 	text-shadow: none;
 	color: #fff;
 }

 ::selection {
 	background: #084fbf;
 	text-shadow: none;
 	color: #fff;
 }

/*
 * A better looking default horizontal rule
 */

 hr {
 	display: block;
 	height: 1px;
 	border: 0;
 	border-top: 1px solid #ccc;
 	margin: 1em 0;
 	padding: 0;
 }

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
 	vertical-align: middle;
 	max-width: 100%;
 }

/*
 * Remove default fieldset styles.
 */

 fieldset {
 	border: 0;
 	margin: 0;
 	padding: 0;
 }

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
 	resize: vertical;
 	overflow: auto;
 }

/* ==========================================================================
Chrome Frame prompt
============================================================================ */

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
Author's custom styles
========================================================================== */
/* Commonly Used */

.left {
	float: left;
}

.right {
	float: right;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: bold;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.paddingTop10 {
	padding-top: 10px;
}

.paddingTop20 {
	padding-top: 20px;
}

.muted {
	color: #999999;
}

a.muted:hover,
a.muted:focus {
	color: #808080;
}

.text-warning {
	color: #c09853;
}

a.text-warning:hover,
a.text-warning:focus {
	color: #a47e3c;
}

.text-error {
	color: #b94a48;
}

a.text-error:hover,
a.text-error:focus {
	color: #953b39;
}

.text-info {
	color: #3a87ad;
}

a.text-info:hover,
a.text-info:focus {
	color: #2d6987;
}

.text-success {
	color: #468847;
}

a.text-success:hover,
a.text-success:focus {
	color: #356635;
}


/* Wrapper */

.wrapper {
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	*zoom: 1;
}

.wrapper:before,
.wrapper:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.wrapper:after {
	clear: both;
}

/* Navigation and Links */

#navTop {
	background: #457c1f;
	padding-left: 12px;
	padding-right: 12px;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	display: inline-block;
	float: right;
}

#navTop ul {
	padding-bottom: 8px;
	padding-top: 6px;
}

#navTop ul li {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 2px 5px;
	display: inline-block;
	*display: inline;
	color: #b4c2dc;
}

#navTop ul li a {
	color: #fff;
}

#navTop ul li a:hover {
	text-decoration: underline;
	color: #fff;
}

.nav-sidebar ul li {
	font: normal 1.087em 'OpenSansRegular';
	border-bottom: 1px solid #d2e5f1;
	padding: 16px 9px;
}

.nav-sidebar ul li:last-child {
	padding-bottom: 10px;
	border-bottom: none;
}

.nav-sidebar ul li a:hover {
	text-decoration: none;
	color: #ffc116;
}

#navFooter ul li {
	font: normal 14px/1em 'HelveticaNeueLTStd45Light';
	border-left: 1px solid #6597c8;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 1px 0 6px;
	line-height: 1em;
	color: #8dc8e8;
}

#navFooter ul li:first-child {
	padding-left: 0;
	border-left: none;
}

#navFooter ul li a {
	color: #8dc8e8;
}

#navFooter ul li a:hover {
	color: #fff;
}

.link-readmore {
	background: url(../img/link-arrow.gif) right center no-repeat;
	padding-right: 18px;
	font-size: 12px;
	color: #489bc8;
}

.link-back {
	font-size: 1.4em;
	color: #00b9ed;
}

/* Header Area */

#header {
	background: #005a9b;
	border-bottom: 6px solid #457c1f;
	padding-right: 10px;
	padding-left: 10px;
}

.logo {
	padding-bottom: 16px;
	padding-top: 15px;
	width: 27.08333%;
	z-index: 100;
	float: left;
}

.headerRight {
	width: 72.91667%;
	float: left;
}

.headerRight-top {
	padding-bottom: 20px;
}

.searchHolder {
	background: #457c1f;
	position: relative;
	padding: 7px 0 7px 14px;
	margin-bottom: 0;
	color: #fff;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;


}

.searchHolder input[type="text"]::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #fff;
}

.searchHolder input[type="text"]::-moz-placeholder {
	/* Firefox 19+ */
	color: #fff;
}

.searchHolder input[type="text"]:-ms-input-placeholder {
	/* IE 10+ */
	color: #fff;
}

.searchHolder input[type="text"]:-moz-placeholder {
	/* Firefox 18- */
	color: #fff;
}

.searchHolder input[type="text"] {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	background: none;
	padding: 0;
	color: #fff;
	width: 160px;
	border: none;
	box-shadow: none;
}

.searchHolder input[type="text"]:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.searchHolder input[type="submit"] {
	background: url(../img/btn-search.png) no-repeat;
	text-indent: -9999px;
	text-align: left;
	position: absolute;
	padding: 0;
	border: none;
	height: 16px;
	width: 35px;
	top: 10px;
	right: 0;
}

.searchHolder-phone {
	background-color: #001a76;
	padding: 1px 3%;
	margin-bottom: 0;
	margin: 0 5%;
	width: 84%;
	float: left;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	-moz-box-shadow: inset 0 0 10px 1px #011a48;
	-webkit-box-shadow: inset 0 0 10px 1px #011a48;
	box-shadow: inset 0 0 10px 1px #011a48;
}

.searchHolder-phone input[type="text"] {
	font: normal 0.8em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: none;
	color: #b4c2dc;
	border: none;
	width: 88%;
	padding: 0;
}

.searchHolder-phone input[type="text"]:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.searchHolder-phone input[type="submit"] {
	background: url(../img/ico-search.gif) no-repeat;
	margin-top: 5px;
	text-indent: -9999px;
	text-align: left;
	;
	border: none;
	height: 12px;
	width: 12px;
	float: right;
}

/* Banner Area */

#bannerArea {
	background: url(../img/spinner.gif) no-repeat scroll 50% 50% #091f74;
	position: relative;
	overflow: hidden;
	height: 506px;
}

#bannerArea .cycle-slideshow {
	display: none;
	z-index: 0;
}

#bannerArea .cycle-slide {
	text-align: center;
	overflow: hidden;
	height: 506px;
	width: 100%;
}

#bannerArea .cycle-slide img {
	max-width: 100%;
	width: 100%;
	height: 506px;
	object-fit: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#bannerArea .cycle-slide .wrapper {

	position: absolute;
	text-align: right;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

#bannerArea .cycle-slide h1 {
	font: normal 3.327em 'HelveticaNeueLTStd65Medium';
	text-shadow: 0 0 8px #131313;
	text-transform: uppercase;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #fff;
}

#bannerArea .banner-prev {
	background: url(../img/banner-prev.png) left top no-repeat;
	background-size: 100%;
	position: absolute;
	margin-top: -43px;
	cursor: pointer;
	height: 86px;
	width: 44px;
	z-index: 50;
	top: 50%;
	left: 0;
}

#bannerArea .banner-next {
	background: url(../img/banner-next.png) left top no-repeat;
	background-size: 100%;
	position: absolute;
	margin-top: -43px;
	cursor: pointer;
	height: 86px;
	width: 44px;
	z-index: 50;
	top: 50%;
	right: 0;
}

#bannerArea .banner-prev:hover,
#bannerArea .banner-next:hover {
	background-position: left bottom;
}

#bannerInner {
	position: relative;
}

#bannerInner .bannerImg {
	height: 306px;
}

#bannerInner .bannerImg.bg1 {
	background: url(../img/banner-about.jpg) center no-repeat;
	background-size: cover;
}

#bannerInner .bannerImg.bg2 {
	background: url(../img/banner-event.jpg) center no-repeat;
	background-size: cover;
}

#bannerInner .bannerImg.bg3 {
	background: url(../img/new-news-banner.jpg) center no-repeat;
	background-size: cover;
}

#bannerInner .bannerInner-desc {
	background: rgba(96, 166, 203, 0.76);
	position: absolute;
	padding: 15px 5% 0;
	height: 43px;
	width: 90%;
	bottom: 0;
	left: 0;
}

#bannerInner .bannerInner-desc h4 {
	font: normal 1.867em/1em 'OpenSansRegular';
	text-transform: uppercase;
	max-width: 960px;
	margin: 0 auto;
	width: 100%;
	color: #fff;
}

/* Content Area */

#contentbg {
	background-color: #e2eff6;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #D7E9F2 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #D7E9F2 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #D7E9F2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #D7E9F2));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #D7E9F2 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #D7E9F2 100%);
}

.contentGrad {
	background: #d9effb url(../img/fish-bg.png) repeat;
	padding: 45px 10px;
}

.leftCol {
	width: 68.60465%;
	float: left;
}

.contentInner {
	background-color: #fff;
	padding: 26px 30px 20px;
	overflow: hidden;
	-moz-box-shadow: 0 0 10px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 10px 0 #8dc8e8;
	box-shadow: 0 0 10px 0 #8dc8e8;
}

.sidebar {
	margin-left: 1.2685%;
	width: 30.12685%;
	float: left;
}

.sidebar>ul {
	margin: 0;
	padding: 0;
}

.sidebar>ul>li {
	list-style-type: none;
	padding-bottom: 12px;
}

/* Footer Area */

#footer {
	background: #005a9b;
	padding-right: 10px;
	padding-left: 10px;
}

#footer .wrapper {
	padding: 24px 0;
}

.social-media {
	padding-bottom: 12px;
}

.social-media img {
	margin-right: 4px;
}

.designBy {
	text-align: right;


}

.designBy p {
	font: normal 14px 'HelveticaNeueLTStd45Light';
	text-transform: uppercase;
	color: #8dc8e8;
	margin-bottom: 0;
}

.designBy p a {
	color: #8dc8e8;
}

.designBy p a:hover {
	color: #fff;
}

/* Classes */

.col1-home {
	min-height: 300px;
	width: 31.25%;
	float: left;

	-moz-box-shadow: 0 0 10px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 10px 0 #8dc8e8;
	box-shadow: 0 0 10px 0 #8dc8e8;
}

.col2-home {
	min-height: 300px;
	margin-left: 3.125%;
	width: 31.25%;
	float: left;

	-moz-box-shadow: 0 0 10px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 10px 0 #8dc8e8;
	box-shadow: 0 0 10px 0 #8dc8e8;
}

.col3-home {
	margin-left: 0;
	width: calc(50% - 15px);
	float: left;

	-moz-box-shadow: 0 0 10px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 10px 0 #8dc8e8;
	box-shadow: 0 0 10px 0 #8dc8e8;
}


.col3-home.right {
	float: right;
}


.col3-home.right .desc {
	left: inherit;
	right: 0;
}

.col3-home.right .btn {
	text-transform: uppercase;
}


.custom-calendar-wrap div,
.custom-calendar-wrap div:after,
.custom-calendar-wrap div:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.heading-calendar {
	border-bottom: 1px solid #efefef;
	padding: 17px 24px 14px 16px;
	*zoom: 1;
}

.heading-calendar:before,
.heading-calendar:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.heading-calendar:after {
	clear: both;
}

.heading-calendar #custom-month {
	font: normal 1.411em/1em 'HelveticaNeueLTStd45Light';
	text-transform: uppercase;
	padding-right: 6px;
}

.heading-calendar #custom-year {
	font: normal 1.411em/1em 'HelveticaNeueLTStd45Light';
}

.heading-calendar .pagers {
	padding-top: 4px;
	width: 38px;
	float: right;
}

.heading-calendar .pagers span {
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	cursor: pointer;
	text-align: left;
	height: 17px;
	width: 10px;
}

.heading-calendar .pagers .prev {
	background-image: url(../img/prev-calendar.gif);
	float: left;
}

.heading-calendar .pagers .next {
	background-image: url(../img/next-calendar.gif);
	float: right;
}

.news-heading {
	background-color: #8dc8e8;
	padding: 23px 20px;
}

.news-heading h3 {
	font: normal 1.867em 'HelveticaNeueLTStd45Light';
	text-transform: uppercase;
	float: left;
	color: #fff;
}

.news-heading .testi-pager {
	padding-top: 5px;
	float: right;
	width: 46px;
}

.news-heading .testi-pager .testi-prev {
	cursor: pointer;
	float: left;
}

.news-heading .testi-pager .testi-next {
	cursor: pointer;
	float: right;
}

.testi-slideshow .cycle-slide {
	width: 100%;
}

.news-content {
	background-color: #fff;
	padding: 14px 10px 15px 24px;
}

.news-content article {
	border-bottom: 1px solid #8dc8e8;
	margin-bottom: 20px;
	*zoom: 1;
}

.news-content article:last-child {
	margin-bottom: 0;
}

.news-content article:before,
.news-content article:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.news-content article:after {
	clear: both;
}

.news-content article h4 {
	font: normal 1.2em/1.1em 'HelveticaNeueLTStd45Light';
	color: #002877;
}

.news-content article p {
	font: normal 1em 'HelveticaNeueLTStd45Light';
	margin-bottom: 20px;
	padding-top: 5px;
	color: #8dc8e8;
}

.box-skyblue {
	background: #8dc8e8 url(../img/img-principal.png) right bottom no-repeat;
	padding: 23px 5px 9px 20px;
}

.box-skyblue h4 {
	font: normal 1.867em 'HelveticaNeueLTStd45Light';
	text-transform: uppercase;
	padding-bottom: 14px;
	color: #fff;
}

.box-skyblue h6 {
	font: normal 1.2em 'HelveticaNeueLTStd45Light';
	padding-bottom: 18px;
	color: #fff;
}

.box-skyblue .box-skyblue-desc {
	padding-right: 42%;
}

.box-skyblue .box-skyblue-desc p {
	font: normal 0.833em/1.5em 'HelveticaNeueLTStd45Light';
	margin-bottom: 20px;
}

.box-img {
	text-align: center;
	position: relative;
	height: 408px;
	background-size: cover;
	background-position: center;
}

.box-img img {
	width: 100%;
}

.box-img .desc {
	background-color: #457c1f;
	padding: 0 6% 0 5%;
	position: absolute;
	bottom: 10.5%;
	z-index: 100;
	left: 0;
	width: 58%;
}

.box-img h4 {
	font: normal 1.867em 'HelveticaNeueLTStd45Light';
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	padding: 15px 0;
}

.box-img .link {
	text-align: right;
	margin-top: -15px;
	margin-right: -10px;
	position: absolute;
	right: 25px;
	top: 100%;
	text-transform: uppercase;
}

.widget {
	background-color: #fff;

	-moz-box-shadow: 0 0 8px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 8px 0 #8dc8e8;
	box-shadow: 0 0 8px 0 #8dc8e8;
}

.widgetSection {
	border-bottom: 10px solid #ffc116;
}

.widgetSection h4 {
	background: #081d71 url(../img/grad-blue.gif) top repeat-x;
	font: normal 1.2em 'open_sansitalic';
	padding: 16px 24px;
	color: #fff;
}

.widgetCat h3 {
	font: normal 18px 'open_sansitalic';
	background-color: #005a9b;
	padding: 20px 4px 20px 25px;
	color: #fff;
}

.widgetCat .nav-sidebar ul li {
	font-size: 16px;
}

.widgetCat .nav-sidebar ul li a {
	color: #023aa1;
}

.widgetCat .nav-sidebar ul li a:hover {
	color: #457c1f;
}


.widgetAds {
	background: #00359d url(../img/widget-ads-bg.gif) right repeat-y;
	padding: 20px 38px 1px 0;
	text-align: center;
	position: relative;
}

.widgetAds img {
	position: absolute;
	margin-top: -29px;
	right: 12px;
	top: 50%;
}

.widgetAds p {
	margin-bottom: 16px;
	line-height: 1.4em;
	font-size: 2em;
	color: #fff;
}

.widgetAds p span {
	font-size: 0.667em;
	display: block;
	color: #8dc8e8;
}

.widget-content {
	padding: 2px 16px 10px;
}

.post {
	border-bottom: 1px solid #8dc8e8;
	padding-bottom: 32px;
	margin-bottom: 35px;
	*zoom: 1;
}

.post:last-child {
	border-bottom: none;
}

.post:before,
.post:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.post:after {
	clear: both;
}

.post .date {
	width: 14.2132%;
	float: left;
}

.post .date p {
	border-bottom: 1px solid #c6c6c6;
	border-top: 1px solid #c6c6c6;
	margin-bottom: 10px;
	line-height: .8em;
	font-size: 5.133em;
	text-align: center;
	padding: 12px 0;
	color: #023aa1;
}

.post .date.detail p {
	border-bottom: none;
	border-top: none;
}

.post .date p span {
	line-height: 1em;
	font-size: 0.186em;
	display: block;
}

.post .desc {
	margin-left: 4.73773%;
	width: 81.04907%;
	float: left;
}

.post .desc h3 {
	font: normal 1.267em 'OpenSansRegular';
	padding-bottom: 12px;
	color: #023aa1;
}

.post .desc h3 a {
	color: #023aa1;
}

.post .desc h3 a:hover {
	text-decoration: none;
	color: #ffc116;
}

.post .desc .detail-holder h3 {
	font-size: 2em
}

.post .desc p {
	margin-bottom: 22px;
	font-size: 0.733em;
}

.post .location {
	background: url(../img/ico-location.gif) left 3px no-repeat;
	display: inline-block;
	padding: 4px 22px 4px 23px;
	font-size: 0.913em;
	color: #817d7d;
}

.post .time {
	background: url(../img/ico-time.gif) left 3px no-repeat;
	display: inline-block;
	padding: 4px 0 4px 25px;
	font-size: 0.913em;
	color: #817d7d;
}

.post .detail-holder {
	border-left: 1px solid #c6c6c6;
	padding-left: 5%;
}

.post .desc .detail {
	padding-top: 10px;
}

.post .desc .detail .location,
.post .desc .detail .time {
	font-size: 1.067em;
}

.post .desc .detail-txt {
	padding-top: 30px;
}

.post .desc .detail-txt p {
	font-size: 1em;
}

.listing-news {
	padding: 0;
	margin: 0;
}

.listing-news li figure{
	height: 205px;
	background-size: cover;
}
.listing-news li {
	background-color: #fff;
	list-style-type: none;
	margin-left: 2.97295%;
	margin-bottom: 20px;
	width: 31.1847%;
	float: left;
	padding: 0;

	-moz-box-shadow: 0 0 8px 0 #8dc8e8;
	-webkit-box-shadow: 0 0 8px 0 #8dc8e8;
	box-shadow: 0 0 8px 0 #8dc8e8;
}

.listing-news li:nth-child(3n+1) {
	margin-left: 0;
	clear: both;
}

.listing-news li figure {
	text-align: center;
}

.listing-news li aside {
	padding: 8px 15px 6px;
}

.listing-news li aside hgroup {
	border-bottom: 1px solid #e8e8e8;
	margin-bottom: 2px;
	min-height: 66px;
}

.listing-news li aside hgroup h4 {
	font: normal 1.2em 'OpenSansRegular';
	color: #00359d;
}

.listing-news li aside hgroup h4 a {
	color: #005a9b;
}

.listing-news li aside hgroup h4 a:hover {
	text-decoration: none;
	color: #457c1f;
}

.listing-news li aside hgroup h6 {
	font: normal 0.733em 'OpenSansRegular';
	color: #b2afaf;
}

.listing-news li aside .link-readmore {
	font-size: 0.933em;
}

.newsHeading {
	border-bottom: 1px solid #b2b2b2;
	border-top: 1px solid #b2b2b2;
	margin-bottom: 25px;
	padding: 8px 4px;
	*zoom: 1;
}

.newsHeading:before,
.newsHeading:after {
	content: " ";
	/* 1 */
	display: table;
	/* 2 */
}

.newsHeading:after {
	clear: both;
}

.newsHeading h2 {
	font: normal 1.867em 'OpenSansRegular';
	padding-bottom: 0;
	color: #00359d;
	float: left;
}

.newsHeading .date {
	font-family: 'open_sans_lightregular';
	padding-top: 6px;
	color: #817d7d;
	float: right;
}

.txt-quote {
	font: normal 1.6em 'open_sanslight_italic';
	text-align: center;
	color: #005a9b;
}

.news-widget {
	overflow: auto;
	height: 297px;
}

.intro-widget {
	overflow: auto;
	height: 375px;
}

.imgBorder {
	border: 1px solid #d5d4d4;
}

.imgLeft {
	margin: 0 30px 10px 0;
	text-align: center;
	float: left;
}

.imgRight {
	margin: 0 0 10px 20px;
	text-align: center;
	float: right;
}

.width7 {
	float: left;
	width: 70%;
}



/*  new css  */

.widget-school-tours {
	display: inline-block;
	width: calc(100% - 10px);
	padding: 5px;
}

.widget-school-tours figure,
.widget-school-tours figure img {
	display: inline-block;
	width: 100%;
}

.widget-school-tours .content .link:hover{
	text-decoration: underline;
}
.widget-school-tours .content {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #fff;
	background: #005a9b;
	padding: 12px 0 20px;
}

.widget-school-tours .content h4 {
	font: normal 20px 'OpenSansRegular';
}

.widget-school-tours .content a {
	color: #fff;
}

.sidebar-catagory-menu {
	padding-top: 15px;
	padding-bottom: 20px
}

.wid-65 {
	width: 65%;
}




/*
 border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	
	-moz-box-shadow:0 0 5px 0 #012443;
    -webkit-box-shadow:0 0 5px 0 #012443;
    box-shadow:0 0 5px 0 #012443;
	
	position:relative;
	behavior: url(js/PIE.htc);		
	*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

 .ir {
 	background-color: transparent;
 	border: 0;
 	overflow: hidden;
 	/* IE 6/7 fallback */
 	*text-indent: -9999px;
 }

 .ir:before {
 	content: "";
 	display: block;
 	width: 0;
 	height: 100%;
 }

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

 .hidden {
 	display: none !important;
 	visibility: hidden;
 }

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

 .visuallyhidden {
 	border: 0;
 	clip: rect(0 0 0 0);
 	height: 1px;
 	margin: -1px;
 	overflow: hidden;
 	padding: 0;
 	position: absolute;
 	width: 1px;
 }

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

 .visuallyhidden.focusable:active,
 .visuallyhidden.focusable:focus {
 	clip: auto;
 	height: auto;
 	margin: 0;
 	overflow: visible;
 	position: static;
 	width: auto;
 }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

 .invisible {
 	visibility: hidden;
 }

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

 .clearfix:before,
 .clearfix:after {
 	content: " ";
 	/* 1 */
 	display: table;
 	/* 2 */
 }

 .clearfix:after {
 	clear: both;
 }

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

 .clearfix {
 	*zoom: 1;
 }

 .clear {
 	clear: both;
 	height: 0;
 }

 .photo-gallery {
 	margin-bottom: 15px;
 }

 .photo-gallery .slide-container {
 	max-width: 1170px;
 	margin: auto;
 }

 .photo-gallery .slide {
 	height: 400px;
 	background-size: cover;
 	background-position: center;
 	position: relative;
 }

 .photo-gallery .gradient {
 	position: absolute;
 	margin: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 140px;
 	background-color: transparent;
 	background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
 	background: -webkit-linear-gradient(top, transparent, black);
 	background: -moz-linear-gradient(top, transparent, black);
 	background: -ms-linear-gradient(top, transparent, black);
 	background: -o-linear-gradient(top, transparent, black);
 	background: linear-gradient(top, transparent, black);
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', endColorStr='black');
 }

 .photo-gallery h4 {
 	position: absolute;
 	bottom: 30px;
 	left: 30px;
 	right: 165px;
 	font-size: 18px;
 	line-height: 28px;
 	letter-spacing: 0.9px;
 	color: #FFFFFF;
 	margin: 0;
 }

 .photo-gallery .owl-nav {
 	position: absolute;
 	right: -25px;
 	bottom: 50px;
 	margin: 0;
 	padding: 0;
 }

 .photo-gallery .owl-nav button {
 	background: #0264a5 !important;
 	border: 0;
 	margin: 0 2px !important;
 	z-index: 1;
 	position: relative;
 	padding: 25px 15px !important;
 	border-radius: 0 !important;
 	outline: 0;
 }

 .photo-gallery .owl-nav button img {
 	width: 40px;
 	opacity: 0.9;
 }

 .image-textbox .img {
 	background-size: cover;
 }

 .image-textbox .img,
 .image-textbox .textbox {
 	-ms-flex: 0 0 50%;
 	flex: 0 0 50%;
 	max-width: 50%;
 }

 .image-textbox {
 	display: -ms-flexbox;
 	display: flex;
 	-ms-flex-wrap: wrap;
 	flex-wrap: wrap;
 	padding-bottom: 15px;
 }

 .image-textbox .textbox {
 	padding: 40px 20px;
 	box-sizing: border-box;
 }
 .widgetCat .nav-sidebar ul li ul{
 	padding-left: 14px;
 	padding-top: 5px;
 }
 .widgetCat .nav-sidebar ul li li{
 	padding: 13px 0;
 }
 .widgetCat .nav-sidebar ul li li:last-child{
 	border-bottom: 0;
 	padding-bottom: 0;
 }
 .widgetCat .nav-sidebar ul li.active>a{
 	color: #4f8721;
 }
 .pagination {
 	display: -webkit-box;
 	display: -webkit-flex;
 	display: -ms-flexbox;
 	display: flex;
 	padding-left: 0;
 	list-style: none;
 	border-radius: 0.25rem;
 }

 .page-item:first-child .page-link {
 	margin-left: 0;
 	border-bottom-left-radius: 0.25rem;
 	border-top-left-radius: 0.25rem;
 }

 .page-item:last-child .page-link {
 	border-bottom-right-radius: 0.25rem;
 	border-top-right-radius: 0.25rem;
 }

 .page-item.active .page-link {
 	z-index: 2;
 	color: #fff;
 	background-color: #0275d8;
 	border-color: #0275d8;
 }

 .page-item.disabled .page-link {
 	color: #636c72;
 	pointer-events: none;
 	cursor: not-allowed;
 	background-color: #fff;
 	border-color: #ddd;
 }

 .page-link {
 	position: relative;
 	display: block;
 	padding: 0.5rem 0.75rem;
 	margin-left: -1px;
 	line-height: 1.25;
 	color: #0275d8;
 	background-color: #fff;
 	border: 1px solid #ddd;
 }

 .page-link:focus, .page-link:hover {
 	color: #014c8c;
 	text-decoration: none;
 	background-color: #eceeef;
 	border-color: #ddd;
 }
 .social-icons{
 	list-style: none;
 	margin: 0 0 20px 0;
 	padding: 0;
 }
 .social-icons li{
 	display: inline-block;
 	text-align: center;
 }
 .social-icons li a{
 	padding: 0 10px;
 	color: #EEEEEE;
 	font-size: 30px;
 	display: inline-block;
 }
 .contact-info,.contact-info p,.contact-info a{
 	margin: 0;
 	font-size: 14px;
 	color: #EEEEEE;
 }
 .contact-info{
 	margin-bottom: 15px;
 }
 .contact-info p.title{
 	margin-top: 8px;
 	text-transform: uppercase;
 	font-weight: 600;
 }
 .contact-info p.title a{
 	font-weight: normal;
 	text-transform: none;
 }
 .contact-info p.title:first-child{
 	margin-top: 0;
 }
 .download-icon, .download-icon:hover,.download-icon:focus,.download-icon:active{
 	background-image: url(../img/download-icon.png);
 	background-position: 10px center;
 	background-repeat: no-repeat;
 	padding: 15px 15px 15px 38px;
 	background-color: transparent;
 	color: #005a9b;
 	text-transform: uppercase;
 	outline: 0;
 	box-shadow: none;
 }
 @media only screen and (max-width: 650px) {
 	.image-textbox .img {
 		height: 50vw;
 	}
 	.image-textbox .textbox {
 		padding: 15px 0 0 0;
 	}
 	.image-textbox .img,
 	.image-textbox .textbox {
 		-ms-flex: 0 0 100%;
 		flex: 0 0 100%;
 		max-width: 100%;
 	}
 }

 @media only screen and (max-width: 1199.98px) {
 	.photo-gallery {
 		padding: 0;
 	}
 	.col3-home {
 		width: calc(50% - 10px);
 	}
 }

 @media only screen and (max-width: 991.98px) {
 	.photo-gallery {
 		margin-bottom: 30px;
 		padding: 0;
 	}

 	.photo-gallery .owl-nav {
 		bottom: 27px;
 		right: -36px;
 	}

 	.photo-gallery .owl-nav button img {
 		width: 31px;
 		opacity: 1;
 	}

 	.photo-gallery .owl-nav button {
 		padding: 15px 10px !important;
 	}

 	.photo-gallery .slide {
 		height: 400px;
 	}

 	.photo-gallery h4 {
 		font-size: 19px;
 		line-height: 34.1px;
 		letter-spacing: 0.95px;
 		bottom: 25px;
 		left: 30px;
 		font-weight: 300;
 	}
 }

 @media only screen and (max-width: 767.98px) {
 	.photo-gallery {
 		padding: 0;
 		margin-bottom: 50px;
 	}

 	.photo-gallery .slide {
 		height: 65vw;
 	}

 	.photo-gallery .owl-nav {
 		bottom: -35px;
 		right: 50%;
 		transform: translate(50%, 0);
 	}

 	.photo-gallery h4 {
 		right: 30px;
 		line-height: 28px;
 		letter-spacing: 0.8px;
 		bottom: 35px;
 		text-align: center;
 		font-weight: 400;
 	}
 }

 @media only screen and (max-width: 575.98px) {
 	.photo-gallery h4 {
 		font-size: 16px;
 	}
 }

 @media (max-width: 991px) {
 	.box-img {
 		height: 41vw;
 	}
 }

 @media (max-width: 768px) {
 	.box-img .desc {
 		width: 100%;
 		box-sizing: border-box;
 	}
 	.listing-news li figure {
 		height: 41vw;
 	}
 }

 @media (max-width: 480px) {
 	.box-img {
 		height: 100vw;
 	}
 	.listing-news li figure {
 		height: 82vw;
 	}
 }


/* ==========================================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		/* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	/*
   * Don't show links for images, or javascript/internal links
   */

   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
   	content: "";
   }

   pre,
   blockquote {
   	border: 1px solid #999;
   	page-break-inside: avoid;
   }

   thead {
   	display: table-header-group;
   	/* h5bp.com/t */
   }

   tr,
   img {
   	page-break-inside: avoid;
   }

   img {
   	max-width: 100% !important;
   }

   @page {
   	margin: 0.5cm;
   }

   p,
   h2,
   h3 {
   	orphans: 3;
   	widows: 3;
   }

   h2,
   h3 {
   	page-break-after: avoid;
   }
}