@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700|Oswald:400,700&subset=latin-ext");
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');

body {
	font-family: 'Roboto', sans-serif !important;
	color: #000;
	margin: 0
}

a {
	color: #203968
}

a:hover {
	color: #4BA4DB
}

h1,
h2,
h3,
p {
	padding: 0px
}

h1,
h2,
h3 {
	font-family: 'Roboto', sans-serif;
	line-height: 1.2em;
	margin: 1em 0 0.25em 0
}

h1 {
	color: #4BA4DB;
	font-weight: bold
}

h2 {
	color: #231F20;
	font-weight: normal
}

h3 {
	color: gray;
	font-weight: normal
}

body {
	font-size: 1em
}

@media (max-width: 921px) {
	body {
		min-width: initial
	}
}

body>header {
	width: 100%;
	margin: 0 auto;
	position: relative;
	height: 545px
}

@media (min-width: 768px) and (max-width: 921px) {
	body>header {
		height: 494px
	}
}

@media (max-width: 767px) {
	body>header {
		height: 77.7777777778vw;
		margin-top: 50px
	}
}

body>header>h1 {
	display: none;
	margin: 0
}

body>header .logo {
	background: url("../images/logo.png") center center no-repeat;
	width: 220px;
	height: 125px;
	position: absolute;
	z-index: 150;
	margin-top: 10px;
	background-size: contain
}

@media (min-width: 768px) {
	body>header .logo {
		margin-left: 0
	}
}

@media (min-width: 768px) and (max-width: 921px) {
	body>header .logo {
		width: 421.6px;
		height: 106.25px;
		margin-top: 8.5px;
		background-size: contain
	}
}

@media (max-width: 767px) {
	body>header .logo {
		height: 30vw;
		background-size: contain;
		width: 119.04vw;
		margin: 10vw calc(50% - 59.52vw) 0
	}
}

body>header .slogan {
	display: none
}

body>header .slideshow {
	position: relative;
	height: 510px;
	width: 100%;
	background: #4BA4DB
}

body>header .slideshow>div {
	display: block;
	position: absolute;
	margin: 0 auto;
	height: 510px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat
}

@media (max-width: 921px) {
	body>header .slideshow {
		height: 289px
	}

	body>header .slideshow>div {
		height: 289px;
		background-size: cover
	}
}

@media (max-width: 767px) {
	body>header .slideshow {
		height: 37.7777777778vw
	}

	body>header .slideshow>div {
		height: 37.7777777778vw
	}
}

body>header:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 155px;
	z-index: 100;
	margin-top: -155px;
	background: #203968
}

@media (min-width: 768px) and (max-width: 1038px) {
	body>header:after {
		height: 37.7777777778vw;
		margin-top: -37.7777777778vw;
		background-size: contain;
		background-position: center 0;
		background-repeat: repeat-x
	}
}

@media (max-width: 767px) {
	body>header:after {
		height: 37.7777777778vw;
		margin-top: -37.7777777778vw;
		background-size: cover;
		background-repeat: repeat-x
	}
}

body>header .header-wrap {
	width: 100%;
	max-width: 1020px;
	position: relative;
	margin: 0 auto;
	height: 155px
}

@media (max-width: 921px) {
	body>header .header-wrap {
		width: 100%
	}
}

@media (min-width: 768px) and (max-width: 1038px) {
	body>header .header-wrap {
		height: 37.7777777778vw
	}
}

@media (max-width: 767px) {
	body>header .header-wrap {
		height: 62px;
		position: initial
	}
}

body>section.content {
	width: 100%;
	margin: 0 auto
}

@media (min-width: 922px) {
	body>section.content {
		max-width: 1020px
	}
}

@media (min-width: 768px) and (max-width: 921px) {
	body>section.content {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%
	}
}

@media (max-width: 767px) {
	body>section.content {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 1em;
		width: 100%
	}
}

body>section.content nav.breadcrumbs {
	font-size: 0.75em;
	margin-bottom: 1em
}

body>section.content div.body {
	font-family: 'Roboto', sans-serif;
	padding-top: 2em;
	padding-bottom: 2em;
	float: left;
	position: relative;
	z-index: 70;
	padding-left: 40px;
	width: calc(100% - 220px - 80px - 40px)
}

@media (min-width: 768px) and (max-width: 921px) {
	body>section.content div.body {
		padding-left: 20px;
		padding-right: 0;
		width: calc(100% - 187px - 40px - 20px)
	}
}

@media (max-width: 767px) {
	body>section.content div.body {
		margin-top: 0;
		width: 100%;
		float: none;
		padding: 0
	}

	body>section.content div.body img,
	body>section.content div.body video,
	body>section.content div.body object,
	body>section.content div.body object>embed {
		max-width: 100% !important;
		height: auto !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	body>section.content div.body iframe {
		max-width: 100% !important;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}

	body>section.content div.body .rss_feed {
		display: none
	}
}

body>section.content div.body img {
	max-width: 100%;
	height: auto
}

body>section.content div.body hr {
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}

@media (min-width: 768px) {
	body>section.content div.body.home {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding-left: 40px;
		padding-right: 40px
	}

	body>section.content div.body.fullwidth {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding-left: 40px;
		padding-right: 40px
	}
}

body>section.content:after {
	content: " ";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both
}

.contact {
	color: #fff;
	text-align: center
}

.contact>span {
	display: block
}

body>footer {
	padding: 3em calc(50% - 510px) 1em;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.7em;
	background: #00abb6;
	margin: 0 auto;

}

@media (max-width: 921px) {
	body>footer {
		padding-left: 1em;
		padding-right: 1em;
		width: 100%
	}
}

@media (max-width: 767px) {
	body>footer {
		padding: 3em 1em 1em;
		width: 100%
	}
}

body>footer #spike_footer {
	color: #fff
}

@media (min-width: 922px) {
	body>footer #spike_footer {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 40px;
		padding-right: 40px
	}
}

body>footer #spike_footer a {
	color: #fff
}

body>footer #spike_footer a:hover {
	color: #fc0
}

@media (max-width: 767px) {
	body>footer #spike_footer #powered_by {
		height: 0;
		visibility: hidden
	}

	body>footer #spike_footer #powered_by span {
		position: absolute;
		visibility: visible;
		right: 1em
	}

	body>footer #spike_footer #admin_system {
		float: left
	}
}

body>section.content>div.body>.contact span {
	color: #000
}

body>section.content>div.body>.contact span a {
	color: #000
}

body>section.content>div.body>.contact span a:hover {
	color: #203968
}

@media (min-width: 768px) {
	body>section.content>div.body>.contact {
		display: none
	}
}

@media (max-width: 767px) {
	body>section.content>div.body>.contact {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid #203968
	}
}

nav {
	padding-bottom: 2em;
	position: relative;
	z-index: 300
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 2em
}

nav ul li {
	position: relative
}

nav ul li a {
	text-decoration: none
}

nav ul li ul {
	display: none
}

nav ul li ul:before {
	content: "";
	position: absolute;
	top: -100px;
	left: -4px;
	bottom: -100px;
	right: -100px
}

@media (max-width: 767px) {
	nav {
		display: none
	}
}

nav.breadcrumbs {
	padding-bottom: 0
}

@media (max-width: 767px) {
	nav.breadcrumbs {
		display: block
	}
}

nav.top {
	padding: 0;
	width: 100%;
	display: table;
	table-layout: fixed;
	height: 60px;
	bottom: 0;
	position: absolute;
	z-index: 301;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-spacing: 10px 0;
	font-family: 'Roboto', sans-serif;
	background: #00abb6;
	font-size: 1.625rem
}

@media (max-width: 767px) {
	nav.top {
		display: none
	}
}

nav.top>ul {
	padding: 0
}

nav.top>ul li ul:before {
	left: -100px;
	top: 0
}

nav.top>ul>li {
	display: table-cell;
	width: 2%
}

nav.top>ul>li>a {
	display: block;
	color: #fff;
	text-align: center;
	height: 60px;
	line-height: 60px;
	white-space: nowrap
}

nav.top>ul>li:hover a,
nav.top>ul>li.uber a {
	/*background: #6CC3EE;*/
	color: #fff;
	text-decoration: none;
}

nav.top>ul>li:hover ul {
	display: block;
	position: absolute;
	width: 240px;
	z-index: 200;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);
	padding-bottom: 0;
	font-family: 'Roboto', sans-serif;
}

nav.top>ul>li:hover ul li {
	text-align: left;
	background: #6CC3EE
}

nav.top>ul>li:hover ul li a {
	display: block;
	color: #fff;
	padding: 8px 15px;
	text-align: left
}

nav.top>ul>li:hover ul li:hover a,
nav.top>ul>li:hover ul li.uber a {
	background: #6CC3EE;
	color: #231F20
}

nav.top>ul>li:nth-last-child(1):hover ul,
nav.top>ul>li:nth-last-child(2):hover ul {
	right: 0
}

nav.main {
	width: 220px;
	float: left;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-left: 40px
}

@media (min-width: 768px) and (max-width: 921px) {
	nav.main {
		width: 187px;
		padding-left: 20px
	}
}

nav.main p#folder {
	margin: 0 0.5em 1em;
	font-family: 'Roboto', sans-serif;
	text-align: center
}

nav.main p#folder a {
	color: #000;
	text-transform: uppercase;
	text-decoration: none
}

nav.main p#folder a:hover {
	color: #203968
}

nav.main p#folder:after {
	content: "\f078";
	font-family: "FontAwesome";
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 18px;
	color: #000
}

nav.main>ul li a {
	color: #FFF;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}

nav.main>ul>li {
	margin-bottom: 5px
}

nav.main>ul>li.parent:hover:before {
	content: "";
	display: block;
	top: calc(50% - 6px);
	right: -12px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid #fff;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	z-index: 1;
	pointer-events: none
}

nav.main>ul>li.parent:hover:after {
	content: "";
	display: block;
	top: calc(50% - 6px);
	right: -7px;
	position: absolute;
	width: 0;
	height: 0;
	border-left: 8px solid #231F20;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	z-index: 2;
	pointer-events: none
}

nav.main>ul>li:last-child {
	margin-bottom: 0
}

nav.main>ul>li>a {
	display: block;
	width: 220px;
	background: #4BA4DB;
	padding: 8px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 5px
}

@media (min-width: 768px) and (max-width: 921px) {
	nav.main>ul>li>a {
		width: 187px
	}
}

nav.main>ul>li>a:hover {
	background: #231F20
}

nav.main>ul>li.uber a {
	color: #fff;
	background: #231F20
}

nav.main>ul>li:hover a {
	background: #231F20
}

nav.main>ul>li:hover>a {
	color: #fff
}

nav.main>ul>li:hover>ul {
	display: block
}

nav.main>ul>li:hover>ul a {
	background: #231F20
}

nav.main>ul>li>ul {
	position: absolute;
	margin-left: 4px;
	top: 0;
	left: 100%;
	padding: 0;
	width: 220px;
	background: #231F20;
	border-radius: 5px
}

nav.main>ul>li>ul:before {
	content: "";
	position: absolute;
	top: -100px;
	left: -4px;
	bottom: -100px;
	right: -100px
}

nav.main>ul>li>ul li:first-child a {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top: 0
}

nav.main>ul>li>ul li:last-child a {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px
}

nav.main>ul>li>ul a {
	background: #231F20;
	color: #fff;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 8px 15px;
	border-top: 1px none rgba(255, 255, 255, 0.5)
}

nav.main>ul>li>ul a:hover,
nav.main>ul>li>ul a:active {
	color: #fff;
	background: #4F4C4D;
	color: #fff
}

html.noscroll>body>:not(.mobile-menu) {
	overflow: hidden;
	position: fixed
}

.mobile-menu {
	height: 50px;
	background: #231F20;
	font-family: 'Roboto', sans-serif;
	position: fixed;
	width: 100%;
	z-index: 200;
	top: 0
}

@media (min-width: 768px) {
	.mobile-menu {
		display: none
	}
}

.mobile-menu header {
	position: absolute;
	top: 0;
	left: 50px;
	width: calc(100% - 200px);
	display: block;
	text-align: center;
	z-index: 300;
	height: 50px;
	line-height: 50px;
	font-size: 1rem;
	font-weight: normal;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0;
	text-indent: -999em
}

.mobile-menu nav {
	background: #231F20;
	padding: 0;
	display: block;
	position: relative;
	width: 100%;
	z-index: 299;
	font-family: 'Roboto', sans-serif;
}

.mobile-menu nav p#folder {
	display: none
}

.mobile-menu nav ul {
	padding-bottom: 0
}

.mobile-menu nav>nav.breadcrumbs {
	display: none;
	font-size: 0.75em;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 20px;
	height: auto;
	color: #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.3)
}

.mobile-menu nav>nav.breadcrumbs a {
	color: #fff
}

.mobile-menu nav>nav.breadcrumbs .rss_feed {
	display: none
}

.mobile-menu nav>ul {
	display: none;
	background: #231F20;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

.mobile-menu nav>ul>li a {
	display: block;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	padding: 10px 20px;
	color: #fff
}

.mobile-menu nav>ul>li>a {
	font-weight: bold
}

.mobile-menu nav>ul>li ul:before {
	content: none
}

.mobile-menu nav>ul>li ul>li a {
	font-size: 0.85rem
}

.mobile-menu nav>ul>li.open ul {
	background: rgba(255, 255, 255, 0.15);
	display: block
}

.mobile-menu nav>ul>li.parent>a:after {
	font-family: "FontAwesome";
	content: "\f0dd";
	color: #fff;
	float: right
}

.mobile-menu nav>ul>li.parent.open>a {
	background: rgba(255, 255, 255, 0.3)
}

.mobile-menu nav>ul>li:last-child a {
	border-bottom: none
}

.mobile-menu nav.open>ul,
.mobile-menu nav.open>nav.breadcrumbs {
	display: block
}

.mobile-menu nav.open .mobile-button.nav-button:before {
	content: "\f00d"
}

.mobile-menu nav .contact {
	display: none
}

.mobile-menu>nav.open {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	height: calc(100vh - 50px);
	padding-bottom: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 50px
}

.mobile-menu form {
	display: none;
	background: #4BA4DB;
	position: absolute;
	top: 50px;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	z-index: 200;
	border-collapse: separate;
	border-spacing: 10px 7px
}

.mobile-menu form>div,
.mobile-menu form>label {
	vertical-align: middle;
	font-size: 1.3rem;
	display: table-cell
}

.mobile-menu form>div.query {
	width: 99%;
	line-height: 1rem
}

.mobile-menu form>div input,
.mobile-menu form>div button {
	background: transparent;
	border: none;
	font-size: 1.5rem
}

.mobile-menu form>div button {
	font-family: "FontAwesome";
	text-align: center;
	cursor: pointer;
	border: none;
	speak: none;
	margin: 0;
	padding: 0.4rem;
	color: #fff
}

.mobile-menu form>div input {
	font-size: 1.2rem;
	width: 100%;
	background: #FFFFFF;
	padding: 7px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.mobile-menu form>label {
	text-transform: uppercase;
	color: #fff
}

.mobile-menu form.open {
	display: block
}

.mobile-menu .mobile-button {
	width: 50px;
	height: 50px;
	margin: 0px;
	display: block;
	position: absolute;
	z-index: 400;
	top: 0;
	font-family: "FontAwesome";
	speak: none;
	text-align: center;
	font-size: 1.4em;
	color: #fff;
	line-height: 50px;
	text-decoration: none
}

.mobile-menu .mobile-button.nav-button:before {
	content: "\f0c9"
}

.mobile-menu .mobile-button.home-button {
	right: 0
}

.mobile-menu .mobile-button.home-button:before {
	content: "\f015";
	display: none;
}

.mobile-menu .mobile-button.search-button {
	right: 50px
}

.mobile-menu .mobile-button.search-button:before {
	content: "\f002";
	display: none;
}

.mobile-menu .mobile-button.contact-button {
	right: 0;
}

.mobile-menu .mobile-button.contact-button:before {
	content: "\f2bb"
}

.mobile-menu .mobile-button.open:before {
	content: "\f00d"
}

.mobile-menu .contact.mobile {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 1rem 0;
	background: #4BA4DB
}

.mobile-menu .contact.mobile.open {
	display: block
}

.mobile-menu .contact.mobile span {
	color: #FFF;
	font-size: 1rem;
	display: block;
	text-align: center;
	margin: 0.4em 0
}

.mobile-menu .contact.mobile span a {
	color: #FFF;
	text-decoration: none
}

.mobile-menu .contact.mobile span a:hover {
	text-decoration: underline
}

.mobile-menu .contact.mobile span:after {
	display: none
}

.mobile-menu .contact.mobile span:before {
	color: #fff
}

form.search_form .search_button button {
	font-family: 'FontAwesome';
	speak: none;
	text-align: center;
	cursor: pointer
}

.search_form {
	position: absolute;
	right: 0;
	height: 34px;
	display: block;
	z-index: 150;
	margin-top: 60.5px;
	border-radius: 4px;
	right: 40px;
	width: 240px;
	border-spacing: 10px 7px;
	background: none
}

.search_form>div,
.search_form>label {
	line-height: 6px;
	display: table-cell
}

.search_form>div.query,
.search_form>label.query {
	width: 99%
}

.search_form label {
	text-transform: none;
	color: #000
}

.search_form input {
	height: 20px;
	background: #FFF;
	font-family: 'Roboto', sans-serif;
	width: 100%;
	border: none;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 2px 6px
}

.search_form .search_button button {
	background: transparent;
	border: none;
	color: #000
}

@media (min-width: 768px) and (max-width: 921px) {
	.search_form {
		right: 20px
	}
}

@media (max-width: 767px) {
	.search_form {
		display: none
	}
}

.top-bar {
	height: 50px;
	width: 100%;
	background: #231F20;
	top: 0;
	left: 0;
	z-index: 300;
	line-height: 50px;
	padding: 0 calc(50% - 510px) 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto
}

@media (max-width: 767px) {
	.top-bar {
		display: none
	}
}

.top-bar form.search_form {
	position: relative;
	left: 0;
	display: inline-block;
	padding-top: 8px;
	padding-left: 40px;
	width: 220px;
	border-spacing: 0 7px;
	float: right;
	padding-right: 40px;
	padding-left: 0
}

@media (min-width: 768px) and (max-width: 921px) {
	.top-bar form.search_form {
		width: 187px
	}
}

.top-bar form.search_form label {
	text-transform: none;
	font-size: 0.8rem;
	color: #fff
}

.top-bar form.search_form div.query {
	padding: 0 10px
}

.top-bar form.search_form div.search_button button {
	padding-right: 0;
	color: #fff
}

.top-bar .contact {
	height: 50px;
	font-size: 0.95rem;
	max-height: 50px;
	/* float: left; */
	padding-left: 40px;
	padding-right: 40px;
}

@media (max-width: 1038px) {
	.top-bar .contact {
		font-size: 1.45vw
	}
}

.contact span {
	display: inline;
	color: #fff;
	font-weight: normal;
	padding-right: 0.5em
}

@media (min-width: 1038px) {
	.contact span {
		font-size: 0.95rem
	}
}

@media (min-width: 768px) and (max-width: 921px) {
	.contact span {
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.contact span {
		display: block;
		font-size: 13px;
		padding: 4px 0;
	}
}

.contact span a {
	color: #fff;
	text-decoration: none
}

.contact span a:hover {
	color: #4BA4DB
}

.contact span:after {
	font-family: "FontAwesome";
	color: #4BA4DB;
	content: "|";
	margin-right: 0;
	padding-left: 0.5em;
	font-weight: bold
}

@media (max-width: 767px) {
	.contact span:after {
		display: none
	}
}

.content>.body .contact.mobile {
	margin-bottom: 2rem
}

@media (max-width: 767px) {
	.content>.body .contact.mobile {
		text-align: center;
		float: none;
		padding-left: 0
	}
}

@media (max-width: 767px) {
	.content>.body .contact.mobile span {
		display: block
	}
}

@media (max-width: 767px) {
	.content>.body .contact.mobile span:after {
		display: none
	}
}

.contact.icons span:before {
	color: #257186;
	font-family: "FontAwesome";
	margin-right: 0.5em;
	font-weight: normal
}

.contact.icons span.phone:before {
	/*content: "\f095"*/
}

.contact.icons span.email:before {
	content: "\f0e0"
}

.contact.icons span.postal:before {
	content: "\f041"
}

.contact.icons span.street:before {
	content: "\f279"
}

.contact.icons span.page:before {
	content: "\f15b"
}

.contact.icons span.facebook a:before {
	content: "\f230";
	font-family: "FontAwesome";
	color: #4BA4DB
}

.contact.icons span:last-child:after {
	padding-right: 0;
	display: none
}

.marquee {
	left: 0;
	width: 100%;
	min-width: 1020px;
	height: 68px;
	line-height: 68px;
	position: fixed;
	bottom: 0;
	font-family: 'Roboto', sans-serif;
	display: none;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	z-index: 220;
	overflow: hidden;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF2626), to(#DF1502));
	background: linear-gradient(#FF2626, #DF1502);
	background-clip: padding-box
}

@media (max-width: 767px) {
	.marquee {
		min-width: 0;
		position: fixed;
		top: auto;
		bottom: 0;
		z-index: 251;
		height: 40px;
		line-height: 40px;
		margin: 6px 0 0 0
	}
}

.marquee .notifications.custom {
	display: inline
}

.marquee .notifications.custom h1 {
	font-size: 1em;
	display: inline;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	color: #fff
}

.marquee .notifications.custom h1:after {
	content: ":"
}

.marquee .notifications.custom ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none
}

.marquee .notifications.custom ul li {
	display: inline;
	margin: 0 5em 0 0;
	padding: 0
}

.marquee .notifications.custom ul li a {
	color: #fff
}

html,
body {
	min-height: 0 !important;
	height: auto !important;
	position: inherit !important
}

h1 {
	font-size: 3rem;
	text-transform: uppercase;
	letter-spacing: -0.1rem;
	text-align: center
}

h2 {
	font-size: 2.25rem;
	text-transform: uppercase;
	font-weight: normal
}

h3 {
	font-size: 1.875rem
}

body {
	background-image: url("watermark.jpg");
	background-position: 110% bottom;
	background-repeat: no-repeat
}

body>header {
	height: auto
}

body>header .logo {
	background-size: contain;
	left: 0;
	z-index: 1;
	margin-left: 35px;
}

@media (max-width: 767px) {
	body>header .logo {
		width: 49.6vw;
		height: 12.5vw;
		margin: 0;
		bottom: 2vw;
		z-index: 150
	}
}

body>header .slideshow {
	background: #FFF
}

body>header .slideshow>div {
	/*background-size: auto 100%;*/
	background-size: cover;
}

@media (max-width: 767px) {
	body>header .slideshow {
		margin-top: 0px;
	}
}

body>header .slogan {
	display: block;
	right: 20px;
	bottom: 20px;
	width: 317px;
	height: 44px;
	background: url("../images/slogan.png") center bottom no-repeat;
	background-size: contain;
	position: absolute
}

@media (min-width: 768px) and (max-width: 921px) {
	body>header .slogan {
		width: 269.45px
	}
}

@media (max-width: 767px) {
	body>header .slogan {
		width: 35vw;
		bottom: 1.2vw;
		z-index: 150;
		right: 2vw
	}
}

body>header:after {
	content: none
}

@media (min-width: 922px) {
	body>header .header-wrap {
		height: 200px;
	}
}

@media (min-width: 768px) and (max-width: 921px) {
	body>header .header-wrap {
		height: 131.75px
	}
}

@media (max-width: 767px) {
	body>header .header-wrap {
		position: relative;
		z-index: 101
	}

	body>header .header-wrap:after {
		content: "";
		display: block;
		background: rgba(255, 255, 255, 0.65);
		width: 100%;
		height: 16vw;
		bottom: 0;
		left: 0;
		position: absolute;
		z-index: 130
	}
}

body nav.top {
	padding: 0 calc(50% - 510px) 0;
	width: 100%;
	position: relative
}

body nav.top ul ul {
	font-size: 1rem
}

body nav.top>ul>li>a {
	text-transform: uppercase;
	font-size: 1.3rem
}

body div.content.home nav.main {
	display: none
}

body div.content.home>div.body .innerbody {
	width: calc(100% - 280px - 40px);
	float: left;
	margin-bottom: 2em
}

@media (max-width: 767px) {
	body div.content.home>div.body .innerbody {
		width: 100%
	}
}

body div.content.home>div.body .rightbar {
	width: 280px;
	float: right;
	margin-bottom: 2em
}

@media (max-width: 767px) {
	body div.content.home>div.body .rightbar {
		width: 100%;
		float: none;
		clear: both
	}
}

body div.content.home>div.body .rightbar .facebook {
	display: block;
	width: 100%;
	height: auto;
	min-height: 250px;
	margin-top: 2em
}

body div.content.home>div.body .rightbar #agenda_calendar {
	margin-top: 2em
}

body div.content.home>div.body .rightbar .quicklinks {
	padding: 0;
	color: #FFF
}

@media (max-width: 767px) {
	body div.content.home>div.body .rightbar .quicklinks {
		width: 100%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box
	}
}

body div.content.home>div.body .rightbar .quicklinks ul {
	list-style: none;
	margin: 0;
	padding: 0
}

body div.content.home>div.body .rightbar .quicklinks ul li a {
	display: block;
	margin: 0.3rem 0;
	padding: 0.8rem;
	background: #0B9446;
	color: #FFF;
	text-decoration: none;
	border-radius: 5px
}

body div.content.home>div.body .rightbar .quicklinks ul li a:hover {
	color: rgba(255, 255, 255, 0.65)
}

body div.content.home>div.body .rightbar .quicklinks ul li:nth-child(4n+2) a {
	background: #00A4E6
}

body div.content.home>div.body .rightbar .quicklinks ul li:nth-child(4n+3) a {
	background: #EE1B22
}

body div.content.home>div.body .rightbar .quicklinks ul li:nth-child(4n+4) a {
	background: #FFD602
}

body div.body .contact span {
	color: #000000
}

body div.body .contact span a {
	color: #000000
}

body div.body .contact span:before,
body div.body .contact span:after,
body div.body .contact span a:before {
	color: #4BA4DB
}

body footer {
	position: relative
}

body>section.content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

body>section.content .column {
	display: block;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 0
}

body>section.content .column.left {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 220px;
	margin-right: 40px;
	margin-top: 2em;
	margin-left: 40px
}

@media (min-width: 768px) and (max-width: 921px) {
	body>section.content .column.left {
		width: 187px;
		margin-left: 20px;
		margin-right: 20px
	}
}

@media (max-width: 767px) {
	body>section.content .column.left {
		display: none
	}
}

body>section.content .column.body {
	padding-right: 40px;
	padding-left: 40px
}

@media (min-width: 768px) and (max-width: 921px) {
	body>section.content .column.body {
		padding-left: 20px;
		padding-right: 20px
	}
}

@media (max-width: 767px) {
	body>section.content .column.body {
		width: 100%;
		padding: 0
	}

	body>section.content .column.body .contact {
		display: none
	}
}

@media (max-width: 767px) {
	body {
		background: none
	}
}

body>section.content .column.left,
body>section.content .column.body {
	padding-top: 0;
	margin-top: 2em
}

@media (max-width: 767px) {

	body>section.content .column.left,
	body>section.content .column.body {
		margin-top: 0
	}
}

body>section.content .column.left {
	margin-right: 0
}

body>section.content .column.left #google_translate_element {
	text-align: center;
	margin-bottom: 1em
}

body>section.content .column.body #google_translate_element {
	text-align: right;
	margin-top: 1em
}

body>section.content.fullwidth .column.left {
	display: none
}

body>section.content.home .column.left {
	display: none
}

body>section.content #home_icons {
	height: 160px;
	display: table;
	table-layout: fixed;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 30px;
	margin-bottom: 0;
	width: 100%;
	border-spacing: 10px 0
}

@media (max-width: 767px) {
	body>section.content #home_icons {
		padding: 0
	}
}

body>section.content #home_icons>a {
	text-decoration: none;
	display: table-cell;
	width: 2%;
	position: relative;
	height: 236px;
	background: url("icon.png") center center no-repeat;
	background-size: contain;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle
}

body>section.content #home_icons>a:hover {
	color: #203968;
	background-size: auto 95%
}

@media (max-width: 767px) {
	body>section.content #home_icons>a {
		height: 33vw
	}

	body>section.content #home_icons>a:hover {
		background-size: contain
	}
}

body>section.content #home_icons>a span {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 3rem;
	text-align: center;
	padding: 0 1rem;
	display: inline-block
}

@media (max-width: 767px) {
	body>section.content #home_icons>a span {
		font-size: 6vw;
		padding: 0 2vw
	}
}

.latest_things {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.latest_things>div {
	display: block;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 0;
	width: 50%;
	margin-right: 1em
}

.latest_things>div:nth-child(2) {
	margin-left: 1em;
	margin-right: 0
}

@media (max-width: 767px) {
	.latest_things>div {
		width: 100%;
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
		margin: 0
	}

	.latest_things>div:nth-child(2) {
		margin: 0
	}
}

.latest_things .fb_iframe_widget {
	max-width: 100%
}

nav.main {
	width: 100%;
	padding: 0;
	float: none;
	z-index: 100
}

nav.main p#folder a {
	color: #4BA4DB
}

nav.main p#folder:after {
	color: #4BA4DB
}

.top-bar {
	position: relative
}

.top-bar .contact span {
	padding-right: 1rem
}

.top-bar .contact span:after {
	content: none
}

.top-bar form.search_form label {
	color: #4BA4DB
}

.top-bar form.search_form div.search_button button {
	color: #4BA4DB
}

.search_form {
	margin-top: 0;
	z-index: 100;
	position: relative
}


/*# sourceMappingURL=main.css.map */

/*custom*/
li.uber.active {
	background: #231f20;
}

.container {
	padding-top: 40px;
	padding-bottom: 40px;
}

img.homeimgleft {
	float: left;
	width: 330px;
	border: 5px solid #000;
	height: 230px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.homelist {
	margin-top: 20px;
}

.homelist li {
	margin-bottom: 10px;
	list-style-type: none;
}

.homelist li:before {
	content: '\f061';
	font-family: "FontAwesome";
	/* background-color: yellow; */
	color: #00abb6;
	font-weight: bold;
	/* padding: 5px; */
	position: absolute;
	margin-left: -25px;
}

#powered_by {
	float: none !important;
	text-align: center !important;
	line-height: 31px;
}

#powered_by p {
	font-size: 18px;
	color: #fff;
}

.logo-title {
	word-spacing: 10px;
	text-transform: capitalize;
	font-size: 30px;
	padding-top: 40px;
	padding-bottom: 20px;
}

.topright {
	font-size: 18px;
	position: absolute;
	right: 0px;
	padding-right: 30px;
}

.bg-color2 {

	background: #e4e4e475;
}

#footer-top h2 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 23px;
	line-height: 28px;
}

#footer-top p {
	font-size: 16px;
	margin-bottom: 12px;
}

.hometable {
	width: 100%;
	max-width: 100%;
	padding: 2px;

}

.hometable tr {
	border: 1px solid #c5c4c4;
}

.hometable td {
	border: 1px solid #807d7d;
	padding: 7px;
	font-size: 17px;
	color: #00abb6;

}

.flex-row {
	display: flex;
	flex-flow: row nowrap;
	/* flex-direction: column; */
	justify-content: space-around;
}


.boxleft img {
	border: 5px solid #000;
}

.boxright {
	padding-top: 0px;

}

/*breadcum*/
ul.breadcrumb {
	padding: 10px 16px;
	list-style: none;
	background-color: #eee;
}

ul.breadcrumb li {
	display: inline;
	font-size: 18px;
}

ul.breadcrumb li+li:before {
	padding: 8px;
	color: black;
	content: "/\00a0";
}

ul.breadcrumb li a {
	color: #0275d8;
	text-decoration: none;
}

ul.breadcrumb li a:hover {
	color: #01447e;
	text-decoration: underline;
}

.row-flex {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

.staffbox {
	margin-left: 1px;
	border: 2px solid #9e9d9d;
	padding: 0px;
	border-radius: 4px;
	box-shadow: 1px 5px 14px 0px rgba(42, 43, 43, 0.6);
	margin-bottom: 15px;
}

.staffbox:hover {
	background-color: #d7d8d7;
	box-shadow: 0px 0px 0px 0px rgba(42, 43, 43, 0.6);
}

.staffbox img {
	width: 233px;
	height: 250px;
}

.staffbox h3 {
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	color: #4b4c4c;
	height: 64px;
}

.staffbox p {
	padding: 0px;
	text-align: center;
	/* font-size: 18px; */
	/* font-weight: 600; */
	color: #4b4c4c;
}

.staffbox h3:hover,
.staffbox p:hover {
	color: #fff;
}

.page2 {
	/*background-image: url(../images/watermark2.png);
    background-position: 110% bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;*/

}




nav.main {
	width: 100%;
	padding: 0;
	float: none;
	z-index: 100;
}

nav.main>ul {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 2em;

}

nav.main>ul>li {
	margin-bottom: 5px;
}

nav ul li {
	position: relative;
}

nav.main>ul>li.uber a {
	color: #fff;
	background: #231F20;
}

nav.main>ul>li>a {
	display: block;
	width: 220px;
	background: #4BA4DB;
	padding: 8px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 5px;
}


.titlebox {
	padding-bottom: 30px;
	padding-top: 30px;
	text-align: center;
}

.divbox {
	margin-left: 70px;
}

.comimg {
	border: 3px solid #000;
	width: 400px;
	height: 360px;
}


nav.main2 {
	width: 100%;
	padding: 0;
	float: none;
	z-index: 100;
}

nav.main2>ul {

	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 2em;

}

nav.main2>ul>li {
	margin-bottom: 5px;
}

nav ul li {
	position: relative;
}

nav.main2>ul>li.uber a {
	color: #fff;
	background: #231F20;
}

nav.main2>ul>li>a {
	display: block;
	width: 220px;
	color: #fff !important;
	background: #00abb6;
	padding: 8px 15px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
	border-radius: 5px;
}

.familybox {
	margin-left: 1px;
	/* border: 2px solid #9e9d9d; */
	/* padding: 0px; */
	border-radius: 4px;
	/* box-shadow: 1px 5px 14px 0px rgba(42, 43, 43, 0.6); */
}

.familybox img {
	width: 209px;
	height: 200px;
	border: 2px solid #000;
}


h2 {
	text-transform: capitalize;
}



input[type=text],
select,
textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}

input[type=submit] {
	background-color: #00abb6;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	margin: 15px 5px;
}

input[type=reset] {
	background-color: #00abb6;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
	margin-left: 10px;
	margin: 15px 5px;
}

input[type=submit]:hover {
	background-color: #00abb6;
}



.col-25 {
	float: left;
	width: 15%;
	margin-top: 6px;
}

.col-75 {
	float: left;
	width: 75%;
	margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	.col-25,
	.col-75,
	input[type=submit] {
		width: 100%;
		margin-top: 0;
	}
}


h2 {
	margin-bottom: 25px !important;
}

.addressinfo p a {
	color: #000;
}

.addressinfo p a:hover {
	color: #00abb6;
	text-decoration: none;
}

.map {
	margin-top: 40px;
	margin-bottom: 30px;
}

.form {
	margin-left: 25px;
}

iframe {
	width: 100%;
}

.addressinfo a span {
	color: #000;
	font-weight: 600;
	margin-right: 10px;
}


/* Style the tab */
.tab {
	float: left;
	border: 1px solid #ccc;
	background-color: #00abb6;
	width: 30%;
	height: 405px;
}

/* Style the buttons inside the tab */
.tab button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 15px 16px;
	width: 100%;
	border: 1px solid #aaa;
	outline: none;
	text-align: left;
	cursor: pointer;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
	background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
	float: left;
	padding: 0px 12px;
	border: 1px solid #ccc;
	width: 70%;
	border-left: none;
	height: 405px;
	display: none;
}

/* Clear floats after the tab */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.tabcontent img {
	width: 40%;
	height: 250px;
	margin: 0 auto;
	margin-left: 1px;
	border: 2px solid#9e9d9d;
	padding: 0px;
	border-radius: 4px;
	box-shadow: 1px 5px 14px 0px rgba(42, 43, 43, 0.6);
}

.hometable5 {
	width: 40%;
	margin: 0 auto;
}

.hometable5 td {
	border: 1px solid #807d7d;
	padding: 7px;
	font-size: 17px;
	color:
		#00abb6;
	text-align: center;

}

.hometable5 tr {
	border: 1px solid #c5c4c4;
}

.hometable5 td {
	border: 1px solid #807d7d;
	padding: 7px;
	font-size: 17px;
	color: #00abb6;

}

.pdf li {
	list-style-type: none;
}

.pdf li:before {
	content: '\f1c1';
	font-family: "FontAwesome";
	/* background-color: yellow; */
	color: #b60000;
	font-weight: bold;
	/* padding: 5px; */
	position: absolute;
	margin-left: -25px;
}

.box {
	padding: 40px 0px;
	border: 1px solid #000;
}


@media(max-width: 1023px) {
	.hometable td {
		border: 1px solid #807d7d;
		padding: 7px;
		font-size: 14px;

	}
}


.hometable7 {
	width: 100%;
	max-width: 100%;
	padding: 2px;

}

.hometable7 tr {
	border: 1px solid #c5c4c4;
}

.hometable7 td {
	border: 1px solid #807d7d;
	padding: 7px;
	font-size: 14px;
	color: #00abb6;

}


/*custom*/
.address a:before {
	content: "\f015";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #00abb6;
	font-size: 20px;
	padding-right: 0.5em;
	position: absolute;
	/*top: 10px;*/
	left: 10px;
}

.phone a:before {
	content: "\f095";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #00abb6;

	font-size: 20px;
	padding-right: 0.5em;
	/* position: absolute; */
	/* top: 10px; */
	left: 0;
}

.mail a:before {
	content: "\f0e0";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color:
		#00abb6;
	font-size: 20px;
	padding-right: 0.5em;
	position: absolute;
	/*top: 10px;*/
	left: 14px;
}

.address {
	margin-left: 20px;
}

.address a {
	color: #fff;
}

.address a:hover {
	color:
		#f7f75b;
	text-decoration: none;
}

.phone a {
	color: #fff;
}

.phone a:hover {
	color:
		#f7f75b;
	text-decoration: none;
}

.mail {
	margin-left: 25px;
}

.mail a {
	color: #fff;
}

.mail a:hover {
	color:
		#f7f75b;
	text-decoration: none;
}

.flex-row-new {
	display: flex !important;
	flex-flow: row nowrap !important;

	justify-content: space-around !important;
}

.row-flex {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-bottom: 30px;
}

.staffbox {
	width: 24%;
}

.staffbox img {
	width: 260px;
	height: 270px;
}

.tab button {
	display: block;
	background-color: inherit;
	color: black;
	padding: 10px 10px;
}

.hometable5 {
	width: 50%;
	margin: 0 auto;


}

.boximgleft {
	width: 300px;
	height: 240px;
}

/******************************/

.new-cont-sec {
	background-color: #231f20;
}

.wel-sec .column-right h2 {
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 20px !important;
	margin-top: 40px;
}

.nga-sec .boximgleft {
	width: 100%;
	height: 257px;
	margin: 0 auto;
	display: block;
}

.contact.icons span.street2::before {
	content: "\f2bb";
}

.address2 a::before {
	content: "\f2bb";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #00abb6;
	font-size: 20px;
	padding-right: 0.5em !important;
	position: absolute;
	left: 10px;
}

.address2 {
	margin-left: 22px;
}

.aic {
	align-items: center;
}

.aic h2 {
	margin-bottom: 0 !important;
}

.aic .boximgleft {
	width: 100%;
	height: 257px;
}

.class-room img {
	width: 750px;
	height: 405px;
}

.new-h4 {
	margin-bottom: 15px;
	font-weight: 500;
	line-height: 1.5;
	font-size: 24px;
}





/*Media*/
@media(max-width:1199px) {
	body>header .logo {
		width: 40.6vw;
		height: 8.5vw;
		margin: 0;
		bottom: 0vw;
		z-index: 150;
		top: 1vw;
	}


	.logo-title {
		word-spacing: 2px;
		text-transform: capitalize;
		font-size: 24px;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	body>header .header-wrap {
		height: 160px;
	}

	body>header .header-wrap::after {

		display: none;

	}

	.topright {
		font-size: 17px;
		position: absolute;
		right: 0px;
		padding-right: 30px;
	}

	/*.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }
    .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
    .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }*/
	.flex-row-new {
		display: flex !important;
		flex-flow: row nowrap !important;

		justify-content: space-around !important;
	}

	img.homeimgleft {

		width: 250px;
		height: 200px;

	}

	.boximgleft {
		width: 300px;
		height: 240px;
	}

	body>footer #spike_footer #powered_by {
		height: 100%;
		visibility: inherit;
	}

	body>footer #spike_footer #powered_by span {
		position: initial;
		visibility: visible;
		right: 1em;
	}

	.staffbox img {
		width: 233px;
		height: 250px;
	}

	.row-flex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.staffbox {
		width: 32.33%;
	}

	.staffbox img {
		width: 295px;
		height: 270px;
	}

	.tab button {
		display: block;
		background-color: inherit;
		color: black;
		padding: 10px 10px;
	}

	.hometable5 {
		width: 50%;
		margin: 0 auto;


	}

	.comimg {
		border: 3px solid #000;
		width: 310px;
		height: 233px;
	}

	.familybox img {
		width: 190px;
		height: 196px;
		border: 2px solid #000;
		margin: 2px;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 212px;
	}

	.class-room img {
		width: 620px;
		height: 347px;
	}

	.comimg {
		width: 310px;
		height: 280px;
	}

	.familybox img {
		width: 190px;
		height: 190px;
	}

	.familybox img {
		width: 190px;
		height: 190px;
	}

}

@media(max-width:1023px) {
	body>header .logo {
		width: 41.6vw;
		height: 10.5vw;
		margin: 0;
		bottom: 0vw;
		z-index: 150;
		top: 1vw;
	}


	.logo-title {
		word-spacing: 2px;
		text-transform: capitalize;
		font-size: 24px;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	body>header .header-wrap {
		height: 160px;
	}

	body>header .header-wrap::after {

		display: none;

	}

	.topright {
		font-size: 17px;
		position: absolute;
		right: 0px;
		padding-right: 30px;
	}

	/*.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }
    .col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
    .col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    }*/
	.flex-row-new {
		display: flex !important;
		flex-flow: row nowrap !important;

		justify-content: space-around !important;
	}

	img.homeimgleft {

		width: 250px;
		height: 200px;

	}

	.boximgleft {
		width: 300px;
		height: 240px;
	}

	body>footer #spike_footer #powered_by {
		height: 100%;
		visibility: inherit;
	}

	body>footer #spike_footer #powered_by span {
		position: initial;
		visibility: visible;
		right: 1em;
	}


	.row-flex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.staffbox {
		width: 32.33%;
	}

	.staffbox img {
		width: 295px;
		height: 270px;
	}

	.tab button {
		display: block;
		background-color: inherit;
		color: black;
		padding: 10px 10px;
	}

	.hometable5 {
		width: 70%;
		margin: 0 auto;


	}

	.comimg {
		border: 3px solid #000;
		width: 310px;
		height: 233px;
	}

	.familybox img {
		width: 190px;
		height: 190px;
		border: 2px solid #000;
		margin: 2px;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 152px;
	}

	.class-room img {
		width: 460px;
		height: 257px;
	}










}

@media(max-width:767px) {
	body>header .logo {
		width: 150px;
		height: 47px;
		margin: 0;
		bottom: 0vw;
		z-index: 150;
		top: 2vw;
	}


	.logo-title {
		word-spacing: 2px;
		text-transform: capitalize;
		font-size: 22px;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	body>header .header-wrap {
		height: 160px;
	}

	body>header .header-wrap::after {

		display: none;

	}

	.topright {
		font-size: 14px;
		position: absolute;
		right: 0px;
		padding-right: 30px;
	}

	.col-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.flex-row-new {
		display: flex !important;
		flex-flow: column !important;

		justify-content: space-around !important;
	}

	img.homeimgleft {
		width: 100%;
		height: 358px;
		margin-right: 0;
	}

	.boximgleft {
		width: 300px;
		height: 240px;
	}

	body>footer #spike_footer #powered_by {
		height: 100%;
		visibility: inherit;
	}

	body>footer #spike_footer #powered_by span {
		position: initial;
		visibility: visible;
		right: 1em;
	}

	.row-flex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.staffbox {
		width: 48%;
	}

	.staffbox img {
		width: 240px;
		height: 234px;
	}

	.tab {
		float: left;
		border: 1px solid #ccc;
		background-color: #00abb6;
		width: 100%;
		height: auto;
	}

	.tab button {

		padding: 5px 16px !important;
	}

	.tabcontent {

		top: 60px;
		position: relative;
		width: 99%;
	}

	.tabcontent h3 {
		font-size: 20px;
	}

	.tabcontent img {
		width: 80% !important;
		height: 250px;
	}

	.hometable5 {
		width: 100%;
		margin: 0 auto;


	}

	.comimg {
		width: 100%;
		height: 432px;
		margin-bottom: 20px;
	}

	.col-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.divbox {

		margin: 5px !important;
	}

	.familybox img {
		width: 100%;
		height: 403px;
		border: 2px solid #000;
		margin: 0 auto 15px auto;
		display: block;
		text-align: center;
	}

	.familybox {
		text-align: center;
		margin: 0 auto;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 362px;
		margin: 15px auto;
		display: block;
	}

	.class-room img {
		width: 480px;
		height: 268px;
		margin-top: 20px;
	}

	#powered_by p {
		font-size: 16px;
	}

	#contact_us .col-8 {
		margin-bottom: 40px;
	}

	nav.main2 {
		width: auto;
		padding: 0;
		float: none;
		z-index: 100;
		margin: 0 auto;
		display: table;
		text-align: center;
	}

	.search-button .mobile-button,
	.home-button .mobile-button {
		display: none;
	}

	.contact.mobile .phone a::before {
		color: #fff;
	}

	.mobile-menu .search-button .mobile-button,
	.mobile-menu .home-button .mobile-button {
		display: none !important;
	}



}

@media(max-width:639px) {
	body>header .logo {
		width: 120px;
		height: 45px;
		margin: 0;
		bottom: 0vw;
		z-index: 150;
		top: 2vw;
	}


	.logo-title {
		word-spacing: 2px;
		text-transform: capitalize;
		font-size: 18px;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	body>header .header-wrap {
		height: 160px;
	}

	body>header .header-wrap::after {

		display: none;

	}

	.topright {
		font-size: 14px;
		position: absolute;
		right: 0px;
		padding-right: 30px;
	}

	.col-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.flex-row-new {
		display: flex !important;
		flex-flow: column !important;

		justify-content: space-around !important;
	}

	img.homeimgleft {
		width: 100%;
		height: 316px;
	}

	.boximgleft {
		width: 300px;
		height: 240px;
	}

	body>footer #spike_footer #powered_by {
		height: 100%;
		visibility: inherit;
	}

	body>footer #spike_footer #powered_by span {
		position: initial;
		visibility: visible;
		right: 1em;
	}

	.row-flex {
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.staffbox {
		width: 100%;
		margin: 0 auto 30px auto;
		padding: 0 30px;
	}

	.staffbox img {
		width: 325px;
		height: 250px;
	}

	.tab {
		float: left;
		border: 1px solid #ccc;
		background-color: #00abb6;
		width: 100%;
		height: 200px;
	}

	.tab button {

		padding: 5px 16px !important;
	}

	.tabcontent {

		top: 60px;
		position: relative;
		width: 99%;
	}

	.tabcontent h3 {
		font-size: 20px;
	}

	.tabcontent img {
		width: 80% !important;
		height: 250px;
	}

	.hometable5 {
		width: 100%;
		margin: 0 auto;


	}

	.comimg {
		width: 100%;
		height: 378px;
	}

	.col-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.divbox {

		margin: 5px !important;
	}

	.familybox img {
		width: 100%;
		height: 403px;
	}

	#contact_us .col-25,
	#contact_us .col-75 {
		width: 100%;
		margin-top: 0;
		margin: 5px;
		padding: 0 20px;
	}

	#contact_us input[type="submit"] {
		width: 100%;
		margin: 10px 20px;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 317px;
		margin: 15px auto;
		display: block;
	}

	.class-room img {
		width: 100%;
		height: 235px;
		margin-top: 75px;
	}

	#powered_by p {
		font-size: 15px;
	}



}

@media(max-width:479px) {

	.logo-title {
		word-spacing: 2px;
		text-transform: capitalize;
		font-size: 15px;
		padding-top: 5px;
		padding-bottom: 20px;
	}

	body>header .header-wrap {
		height: 160px;
	}

	body>header .header-wrap::after {

		display: none;

	}

	.topright {
		font-size: 13px;
		position: absolute;
		right: 0px;
		padding-right: 20px;
	}

	.col-8 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-4 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-6 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.flex-row-new {
		display: flex !important;
		flex-flow: column !important;

		justify-content: space-around !important;
	}

	img.homeimgleft {

		width: 100%;
		height: 232px;

	}

	.boximgleft {
		width: 300px;
		height: 240px;
	}

	.row-flex {
		display: flex;
		flex-flow: column wrap;
		justify-content: space-between;
		margin-bottom: 30px;
	}

	.staffbox img {
		width: 325px;
		height: 250px;
	}

	.tab {
		float: left;
		border: 1px solid #ccc;
		background-color: #00abb6;
		width: 100%;
		height: 200px;
	}

	.tab button {

		padding: 5px 16px !important;
	}

	.tabcontent {

		top: 60px;
		position: relative;
		width: 99%;
	}

	.tabcontent h3 {
		font-size: 20px;
	}

	.tabcontent img {
		width: 100% !important;
		height: 250px;
	}

	.hometable5 {
		width: 100%;
		margin: 0 auto;
	}

	.comimg {
		width: 100%;
		height: 270px;
	}

	.col-5 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.col-7 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	.divbox {

		margin: 5px !important;
	}

	.familybox img {
		width: 100%;
		height: 330px;
	}

	.col-25,
	.col-75,
	input[type="submit"] {
		width: 87%;
		margin-top: 0;
		margin: 5px;
	}

	body>header .logo {
		width: 120px;
		height: 44px;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 227px;
		margin: 15px auto;
		display: block;
	}

	.class-room img {
		width: 100%;
		height: 168px;
		margin-top: 75px;
	}




}

@media (max-width: 359px) {
	img.homeimgleft {
		width: 100%;
		height: 205px;
	}

	.nga-sec .boximgleft,
	.aic .boximgleft {
		width: 100%;
		height: 197px;
	}

	#powered_by p {
		font-size: 14px;
	}

	.class-room img {
		width: 100%;
		height: 145px;
		margin-top: 75px;
	}

	.comimg {
		width: 100%;
		height: 234px;
	}

	.familybox img {
		width: 100%;
		height: 290px;
	}

	.topright {
		font-size: 12px;
		padding-right: 10px;
	}

	.logo-title {
		font-size: 14px;
	}


}