/* CSS Document */

@font-face {
    font-family: 'open_sanslight';
    src: url('/font/opensans-light-webfont.woff2') format('woff2'),
         url('/font/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('/font/opensans-bold-webfont.woff2') format('woff2'),
         url('/font/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('/font/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('/font/opensans-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
	float: none;
	font-family: 'open_sanslight', sans-serif;
	font-size: 1em;
	line-height: 1.3em;	
	color: #212529;
	background-color: rgba(18,105,176,0.10);
	-moz-box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
	-webkit-box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
	box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
	overflow-x: hidden;
}

strong {
	font-family: 'open_sansbold', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;	
	color: rgba(18,105,176,1.00);
}

span.red {
	font-family: 'open_sansbold', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;	
	color: #CC0C0F;
}
	
h1 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: 'open_sansextrabold_italic', sans-serif;
	font-weight: normal;	
	font-size: 2.5em;
	line-height: 1.3em;
	color: rgba(18,105,176,1.00);
	text-transform: uppercase;
}

h2 {
	margin: 0;
	padding: 0;
	font-family: 'open_sansbold', sans-serif;
	font-weight: normal;	
	font-size: 1.6em;
	line-height: 1.3em;
	color: rgba(18,105,176,1.00);
}

@media (max-width: 990px) {

    h1 {font-size: 2em;}
    h2 {font-size: 1.4em;}
}

@media (max-width: 767px) {

    h1 {font-size: 2.5em;}
    h2 {font-size: 1.6em;}

}

@media (max-width: 480px) {

    h1 {font-size: 2em;}		
    h2 {font-size: 1.4em;}
}

h3 {
	margin: 0 0 15px 0;
	padding: 0;	
	font-family: 'open_sansextrabold_italic', sans-serif;
	font-weight: normal;	
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 1.3em;
	color: rgba(18,105,176,1.00);
}

h4, h5, h6 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: 'open_sansbold', sans-serif;
	font-weight: normal;	
	font-size: 1.3em;
	line-height: 1.3em;
	color: rgba(18,105,176,1.00);
}

p + h4 {margin-top: 35px;}

a {
	text-decoration: none; 
	color: #212529;
	display: inline-block;
}

main a:hover {color: rgba(18,105,176,1.00);}

p + p {margin-top: 15px;}

ul li {list-style: none;}

hr {
	border: none;
	border-top: dotted 3px rgba(18,105,176,1.00);
	width: 200px;
	margin-bottom: 35px;
}

.clear {clear: both;}

.button {
	min-width: 80px;
	margin: 35px 5px 5px 5px;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	text-align: center;
	background: rgba(18,105,176,1.00);
	border: 1px solid rgba(18,105,176,1.00);
	border-radius: 3px;
}

.button:hover {
	text-decoration: none;
	background: #fff;
	color: rgba(18,105,176,1.00);
}

.info {
	max-width: 320px;
	margin: 35px 5px 5px 5px;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	background: rgba(18,105,176,1.00);
	border: 1px solid rgba(18,105,176,1.00);
	border-radius: 3px;
}

.info p strong {color: #fff;}

.border {border: 1px solid rgba(18,105,176,1.00);}	

.mt15 {margin-top: 15px;}
.mb15 {margin-bottom: 15px;}

.relative {position: relative;}


main img {
	width: 100%;
	margin: 15px 0 25px 0;
}

@media (max-width: 990px) {

	main img.w50 {
		width: calc(50% - 15px);
		float: left;
	}
		
	main img.w50:first-of-type {margin-right: 15px;}		
		
	main img.w50:last-of-type {margin-left: 15px;}
}	

@media (max-width: 480px) {

	main img.w50 {
		width: 100%;
		float: none;
		margin: 15px 0 25px 0;
	}
	
	main img.w50:first-of-type {margin-right: 0;}		
		
	main img.w50:last-of-type {margin-left: 0;}
}

.relative {
	position: relative;
	margin-bottom: 55px;
}

.pmb25 {margin-bottom: 25px;}

.bottom {
	position: absolute; 
	bottom: 0;
}

.onlyprint {visibility: hidden;}

@media (max-width: 990px) {

	.hidden-md {display: none;}
	
}

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

header {
	width: 100%;
	margin: 0 auto -9px auto;
	padding: 0;
	background-color: #fff;
}

header .top {
	width: 100%;
	min-height: 35px;
	margin-bottom: 30px;
	padding-top: 7px;
	background-color: rgba(18,105,176,1.00);
}

header .top p,
header .top p strong, 
header .top a {color: #fff;}

header .top ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

header .top ul li {
	display: inline;
	margin-left: 15px;
}

header .top ul li a{
	padding: 0 0 5px 0;
	border-bottom: 3px solid rgba(18,105,176,1.00);
}

header .top ul li:hover a, 
header .top ul li.activ a {border-bottom: 3px solid #fff;}

	@media (max-width: 767px) {

		header .top p {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 2px dotted #fff;
		}

		header .top p, header .top ul {text-align: center;}

	}

	@media (max-width: 480px) {

		header .top ul li {margin-left: 8px}
		
	}

header .logo {
	width: 100%;
	margin-bottom: 50px;
}

header .logo img {width: 80%;}

	@media (max-width: 990px) {
		
		header .logo {margin-bottom: 30px;}

		header .logo img {width: 100%;}
		
	}	

/* ------------------------------------------
  NAVIGATION
--------------------------------------------- */

#menu {
	height: 50px;
	position: relative;
	z-index: 99999;
}

#menu ul.main-menu {
	width: 100%;
	margin: 0;
	padding: 0;
	display: none; 
	background-color: #fff;
}

#menu ul.main-menu li a {
	font-family: 'open_sansbold', sans-serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.3em;	
}

#tm:checked + .main-menu {display: block;}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {display: none;}

#menu .sub-menu {
	background-color: #fff;
	margin: 0;	
	width: 100%;
	box-shadow: 0px 2px 4px 0px #ddd;
	display: none; 
}

#menu .sub-menu li {margin-left: 25px;}

#menu .sub-menu li:hover a {color: #212529;}

#menu .sub-menu li:last-child {border-width: 0;}

#menu li, 
#toggle-menu, 
#menu a {
	position: relative;
	display: block;
	color: rgba(18,105,176,1.00);
}

#toggle-menu {color: #fff;}

#menu, 
#toggle-menu {background-color: rgba(18,105,176,1.00);}

#toggle-menu, 
#menu a {padding: 15px;}

#menu a:hover {
	color: #212529;
	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-ms-transition: all 0.3s ease-in-out;
}

#menu li.activ {border-bottom: 1px solid rgba(18,105,176,1.00);}

#menu input[type="checkbox"]:checked + .sub-menu {
	display: inline;
	width: 100%;
	margin: 0;
	padding: 0;
}

#toggle-menu .drop-icon::after,
#menu li label.drop-icon::after {
	content:  "\25BE";
	font-size: 1.3em;
	line-height: 1.3em;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
	position: absolute;
	right: 5%;
	top: 11px;
}

#menu label.drop-icon, 
#toggle-menu span.drop-icon {
	border-radius: 5px;
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.2);
	color: #fff;
}

#menu label.drop-icon:hover, 
#toggle-menu span.drop-icon:hover {background-color: rgba(0, 0, 0, 0.5);

}

@media only screen and (min-width: 992px) {
	
	#menu {
		margin-right: 5%;
		float: right;
	}

	#toggle-menu, 
	#menu label.drop-icon {display: none;}
	
	#menu ul.main-menu {
		margin: 0;
		padding: 0;
		float: right;
		display: block; 
		background-color: #fff;
	}

	#menu li {
		float: left;
		border-width: 0 1px 0 0;
	}
	
		
	#menu li a.down::after {
		content:  " \25BE";
		white-space: pre;
	}

	#menu li:hover a.down::after{
		content:  "\25BE  ";
		display: inline-block;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	#menu .sub-menu li {
		float: none;
		margin-left: 0;
	}

	#menu .sub-menu li.activ {
		border: none;
		background-color: rgba(18, 105, 176, 1.00);
	}

	#menu .sub-menu li.activ a {color: #fff;}
	
	#menu .sub-menu {
		width: 100%;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		border: none;
		z-index: 3000;
	}

	#menu .sub-menu, 
	#menu input[type="checkbox"]:checked + .sub-menu {display: none;}

	#menu .sub-menu li {border-width: 0 0 1px;}

	#menu li:hover > input[type="checkbox"] + .sub-menu {display: block;}
}

/* ------------------------------------------
  MAIN
--------------------------------------------- */

main {
	width: 100%;
	min-height: 500px;
	margin: 0 auto;
	padding: 150px 0 0 0;
	background-color: #fff;
	z-index: 0;
}

/* ------------------------------------------
  MAPS
--------------------------------------------- */

.maps {
    width: 100%;
    height: 350px;
	margin: 80px 0 0 0;
	padding: 0;
    position: relative;
}

.frame {
    width: 100%;
    height: 100%;
}

.bar {
    width: 100%;
    height: 100%;    
	position: absolute;
    bottom: 0;
    left: 0;
}

.bar p {
	margin-top: 320px;	
	padding-left: 5%;
	font-size: 12px;
}

/* ------------------------------------------
  FOOTER
--------------------------------------------- */

footer {
	width: 100%;
	min-height: 50px;
	margin: 0 auto;
	padding: 20px 0;
	background-color: rgba(18,105,176,1.00);
	color: #fff;
	text-align: center;
}

footer a, footer ul li a {
	color: #fff;
	text-decoration: none;
}

footer .bottomnav {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 0;
}

footer .bottomnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

footer .bottomnav ul li {
	display: inline;
	margin: 0 10px;
}

footer li:hover, footer .bottomnav li.activ {border-bottom: 2px solid #fff;}

@media only screen and (max-device-width: 1024px) {
	
	body {
		width: 100%;
		max-width: 1440px;
		margin: 0 auto;
		padding: 0;
		float: none;
		font-family: 'open_sanslight', sans-serif;
		font-size: 1em;
		line-height: 1.3em;	
		color: #212529;
		background-color: rgba(18,105,176,0.10);
		-moz-box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
		-webkit-box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
		box-shadow: 0px 0px 8px 2px rgba(18,105,176,0.10);
		overflow-x: hidden;
	}

}