@charset "utf-8";
/* CSS Document */

/*-------------------------------------------------------------------------------------*/
/*GLOBAL ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

html, body {
	padding:0px;
	margin:0px;
	height: 100%;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px; 
	color:#4d4d4d;
	background:#ffffff;
	line-height:24px;
}

body.popup {background-color:white; background-image:none;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -148px;
}

.push {
	height: 148px;
}

/*-------------------------------------------------------------------------------------*/
/*FORM ELEMENTS -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

input[type="text"], input[type="password"] {
	background:#ffffff;
	border:none;
	color:#0079c2;
	font-size:12px;
	font-style:italic;
	height:35px;
	line-height:35px;
	padding:0 10px;
	width:100%;
}

select {
	background:#d3e2ed;
	height: 35px;
	line-height: 35px;
	padding:0 10px;
	min-width:80px;
}

button, input[type="submit"], .button {
	background:#268dcb;
	color:#ffffff;
	border:none;
	height:35px;
	line-height:35px;
	text-decoration:none;
	display:inline-block;
	padding: 0 10px;
}

.button:hover {
	color:#ffffff;
	text-decoration:none;
	background:#0079c2;	
}

/*-------------------------------------------------------------------------------------*/
/*GENERAL CONTENT----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

a, a:visited {text-decoration: underline; color: #0079c2;}
a:hover, a:active {color: #4d4d4d;}

h1 {font-family: 'Oswald', sans-serif; font-size:24px; color:#0079c2; text-transform:uppercase; margin:0 0 35px 0;}
h2 {font-family: 'Oswald', sans-serif; font-size:18px; color:#0079c2; text-transform:uppercase; margin:0;}
h3 {font-family: 'Oswald', sans-serif; font-size:18px; color:#0079c2; text-transform:uppercase; margin:0;}
h4 {font-family: 'Oswald', sans-serif; font-size:18px; color:#0079c2; text-transform:uppercase; margin:0;}
h5 {font-family: 'Oswald', sans-serif; font-size:18px; color:#0079c2; text-transform:uppercase; margin:0;}
h6 {font-family: 'Source Sans Pro', sans-serif; font-size:18px; line-height:25px; color:#0079c2; margin:0 0 15px 0;}

p  {padding:0; font-weight:normal;display:block;}

.col-md-3-shadow {
	background: url(/images/site/col-lg-3-shadow.png);
	width: 100%;
	height: 20px;
}

@media(max-width:1199px){
.col-md-3-shadow {
	background: url(/images/site/col-md-3-shadow.png);
	height: 16px;
}
}

@media(max-width:991px){
.col-sm-6-shadow {
	background: url(/images/site/col-sm-6-shadow.png);
	height: 22px;
}
}

@media(max-width:767px){
.col-sm-6-shadow {
	background:none;
}
}




/*-------------------------------------------------------------------------------------*/
/*HEADER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

header {
	width:100%;
}


header .headerTop {
	width:100%;
	height:40px;
	background:#0079c2;
}

header .headerTop .socialMedia {
	float:right;
	display:inline;
	width:427px;
}

header .headerTop .mail {
	width:67px;
	height:40px;
	background:url(/images/site/mailIcon.png) center center no-repeat;
	border-right: 1px dotted #ffffff;
	float:left;
	display:inline-block;
}

header .headerTop .facebook {
	width:67px;
	height:40px;
	background:url(/images/site/facebookIcon.png) center center no-repeat;
	border-right: 1px dotted #ffffff;
	float:left;
	display:inline-block;
}

header .headerTop .instagram {
	width:67px;
	height:40px;
	background:url(/images/site/instagramIcon.png) center center no-repeat;
	border-right: 1px dotted #ffffff;
	float:left;
	display:inline-block;
}

header .headerMiddle {
	width:100%;
	height:150px;
	background:#ffffff;
}

.headerMiddle .container {
	display: block;
	position: relative;
}

@media (max-width: 767px) {
	.headerMiddle .container {	
		text-align: center;
		margin-bottom: 5px;
	}
}

@media (max-width: 1024px) {
	.headerMiddle .container {	
		margin-top: 20px;
	}
}

@media (min-width: 768px) {
	.headerMiddle .container {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
}

@media (min-width: 1200px) {
	.headerMiddle .container {
		width: 1490px;
	}
}

header .headerMiddle .logo {
	margin-top:-25px;
}

header .headerMiddle .logo_extra img {
	margin-top: 5px;
	width: 300px;
}

@media (min-width: 768px) {
	header .headerMiddle .logo_extra img {
		margin-left: 20px;
	}
}

@media (min-width: 1200px) {
	header .headerMiddle .logo_extra img {
		width: 550px;
	}
}

header .headerBottom {
	width:100%;
	height:505px;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	background:url(/images/site/headerBG.png);
}

header .headerBottom .top {height:62px; margin-top:-30px;}

header .headerBottom .slogan {
	width:415px;
	height:62px;
	background:#0079c2;
	float:left;
	display:inline;
	font-size:38px;
	text-align:center;
	line-height:62px;
	color:#ffffff;
}

/*-------------------------------------------------------------------------------------*/
/*CONTENT -----------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

#content {
	padding-top:60px;
	padding-bottom:60px;
	background: url(/images/site/bg.png) bottom center repeat-x;
	min-height:352px;
}


/* EXTRA INFO BLOCK */
#content .extraInfo {
	background:#ffffff;
	border: 1px dotted #919191;
}

#content .extraInfo .extraInfoTitle {
	background: #0079c2;
	line-height: 40px;
	padding: 0 15px;
	height: 40px;
	overflow: hidden;
	display:inline-block;
	max-width:100%;
}

#content .extraInfo h1 {
	background: #0079c2;
	line-height: 40px;
	padding: 0 15px;
	height: 40px;
	color: #fff;
	display:inline-block;
	max-width:100%;
}

#content .extraInfo .extraInfoTitle h2 {color:#ffffff; line-height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

#content .extraInfo .extraInfoContent {padding:15px 20px 20px 20px;}

#content .extraInfoShadow {
	background: url(/images/site/relatedShadow.png);
	width: 100%;
	height: 24px;
}
/*-------------------------------------------------------------------------------------*/
/*FOOTER ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/

footer {
	background:#0079c2;
	color:#ffffff;
}

footer a, footer a:hover, footer a:active, footer a:visited {color:#bbd6f0;}

footer .contact, footer .hours, footer .newsletter {
	border-left: 1px dotted #ffffff;
	height:100%;
	padding: 25px 20px;
}

footer .newsletter {border-right: 1px dotted #ffffff;}
footer .newsletter .newsletterText {margin-bottom:25px;}
footer .newsletter .newsletterInput {display:table; width:100%;}
input[type="submit"].submitNewsletter {
	width:35px;
	background:#268dcb url(/images/site/arrowWhite.png) center center no-repeat;
	margin-left:4px;
}

footer .newsletter .submit, footer .newsletter .input {display:table-cell; vertical-align: top;}
footer .newsletter .submit {width: 35px;}

footer h3 {
	font-size:24px; 
	color:#ffffff;
	margin-bottom:25px;
}

footer .footerBottom {
	background:url(/images/site/headerBG.png);
	color:#4d4d4d;
	font-size:13px;
	font-style:italic;
	line-height:20px;
	padding:10px 0;
}

footer .footerBottom a {color:#4d4d4d; text-decoration:none;}
footer .footerBottom a:hover {color:#0079c2;}
footer .footerBottom .copyright {float:left; display:inline;}
footer .footerBottom .footerLinks {float:right; display:inline;}

@media(max-width:991px){
	footer .hours {border-right: 1px dotted #ffffff; border-left:0;}
	footer .contact {padding-bottom:28px;}	
	header .headerBottom .top {height:124px;}
}

@media(max-width:767px){
	header .headerBottom {height:auto;}
	header .headerMiddle .logo {margin:14px 0;}
	header .headerMiddle .logo img {max-width:100%;}
	header .headerBottom .top {margin:0;  background:#0079c2; margin-left:-15px; margin-right:-15px; height:auto;}
	header .headerMiddle {height:auto;}
	header .headerBottom .slogan {width:100%; height:auto; float:none; display:block; font-size:30px;}
	.relatedHome {background:#dfe8f0; margin-bottom:35px;}
	#content .extraInfo {margin-top:35px;}
	footer .contact, footer .hours {border-left:none; border-right:none; border-bottom:1px dotted #ffffff;}
	footer .newsletter {border-left:none; border-right:none;}
	header .headerTop .socialMedia {float:none; position: absolute; top: 0; right: 15px; width:auto;}
}