/* font */
/*@font-face {
    font-family: 'fontName';
    src: url('../css/fonts/fontName.eot');
    src: url('../css/fonts/fontName.eot?#iefix') format('embedded-opentype'),
		 url('../css/fonts/fontName.otf') format('opentype'),
         url('../css/fonts/fontName.woff') format('woff'),
		 url('../css/fonts/fontName.woff2') format('woff2'),
         url('../css/fonts/fontName.ttf') format('truetype'),
         url('../css/fonts/fontName.svg#fontName') format('svg');
    font-weight: normal;
    font-style: normal;
}
.font {font-family: 'fontName';}
*/

/* base */
.inner {width: 98%; padding: 0 1%; max-width: 1240px; min-width: 320px; position: relative; margin: 0 auto;}

#body {position: relative; margin: 0 auto;}
	#body_div {position: relative;}
		#header {position: relative;}
		#container {position: relative;}
			#content {position: relative;}
				
				.trail {}
					.trail ol {}
						.trail ol li {}
							.trail ol li a {}
							.trail ol li a:hover {}
							.trail ol li a.active {}
				
			#sidebar {position: relative;}
		#footer {position: relative;}
			#footer .bottom {line-height: 16px;}
				#footer .bottom .float_left {}
				#footer .bottom .float_right {}
					#footer .bottom .float_right img, #footer .bottom .float_right amp-img {display: inline-block; vertical-align: top; height: 16px; width: auto;}
					
				#footer .bottom a {}
				#footer .bottom a:hover {text-decoration: underline;}



/* menu icons colors */
.menu_icon span {background-color: black;} /* bgcolor */
.menu_icon:hover span {background-color: white;} /* hover bgcolor */
.menu_icon.open span {background-color: white;} /* active bgcolor */
.menu_icon.open:hover span {background-color: red;} /* active hover bgcolor */

/* main classes */
.clear, .c {float: none !important; clear: both; display: block !important; height: 0px;}
.float_left {float: left;}
.float_right {float: right;}

.noborder {border: 0;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}

.center {text-align: center;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}

.light, .l {font-weight: 300;}
.normal, .n {font-weight: 400;}
.bold, .b {font-weight: 700;}
.italic, .i {font-style: italic;}

.underline, .u {text-decoration: underline;}
.strike, .s {text-decoration: line-through;}

.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}

.none {display: none;}
.block {display: block;}
.inline {display: inline;}
.inlineblock {display: inline-block;}

.hidden {display: none !important; visibility: hidden;}
.hide {left: -9999px; overflow: hidden; position: absolute; top: -9999px;}
.hidetext {overflow: hidden; text-indent: 100%;white-space: nowrap;}
.disabled {background-color: #DDD; color: #555; font-style: italic;}

.transitions {-webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

/* socials */
.social_share_box {margin-bottom: 40px;}
	.social_share_box a {display: block; float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 5px; background-color: grey; color: white; border: 2px solid grey; font-size: 22px;}
	.social_share_box a:nth-last-child(2) {margin-right: 0px;}
	.social_share_box a:hover {background-color: white; color: grey;}

/* banners */
.banner_item {display: block; margin: 0 auto; text-align: center; position: relative;}
	.banner_item embed {position: relative; z-index: 5;}
	.banner_item a {position: absolute; top: 0px; left: 0px; display: block; background-image: url('../images/empty.png'); width: 100% !important; height: 100% !important; z-index: 6;}
	.banner_item img, .banner_item amp-img {display: block; position: relative;}

/* forms */
.form {}
	.form form {}
		.form form .row {margin-bottom: 10px;}
			.form form .row label {display: block; float: left; width: 40%; line-height: 20px; padding-top: 10px;}
			.form form .row input[type=text], .form form .row input[type=password], .form form .row input[type=text], .form form .row input[type=email], .form form .row input[type=number], .form form .row input[type=search], .form form .row input[type=url] {float: left; padding-left: 2%; padding-right: 2%; width: 50%; border: 1px solid grey; height: 30px;}
			.form form .row textarea {float: left; padding: 2%; width: 50%; border: 1px solid grey; height: 60px; resize: none;}
			.form form .row select {float: left; text-align: center; width: 54%; border: 1px solid grey; height: 34px; padding: 5px;}
			.form .row input:focus, .form .row textarea:focus, .form .row select:focus {box-shadow: 0 0 5px #32729a;}
		.form form .row_chk {}
			.form form .row_chk label {margin-left: 30px; float: none; width: auto;}
			.form form .row_chk input {float: left;}
		.form form .submit {padding: 10px 0; text-align: center;}
			.form form .submit input, .form form .submit button {border: 1px solid grey; color: white; background-color: grey; height: 50px; padding: 0 30px; font-size: 14px; text-transform: uppercase;}
			.form form .submit input:hover, .form form .submit button:hover {background-color: white; color: grey;}

/* db datas */
.db_data {padding: 20px;}
	.db_data p {line-height: 150%; margin: 20px 0;}
	.db_data div {line-height: 150%;}
	.db_data a {color: black; text-decoration: underline;}
	.db_data a:hover {text-decoration: none;}
	.db_data i, .db_data em {font-style: italic;}
	.db_data b, .db_data strong {font-weight: bold;}
	.db_data u {text-decoration: underline;}
	.db_data ul {margin-left: 30px; padding: 20px 0; list-style-type: disc;}
	.db_data ol {margin-left: 30px; padding: 20px 0; list-style-type: decimal;}
		.db_data li {padding: 3px 0 3px 15px;}
			.db_data li p {margin: 0;}
	.db_data h1 {font-weight: bold; font-size: 24px; line-height: 150%;}
	.db_data h2 {font-weight: bold; font-size: 20px; line-height: 150%;}
	.db_data h3 {font-weight: bold; font-size: 16px; line-height: 150%;}
	.db_data h4 {font-size: 16px; line-height: 150%;}
	.db_data h5 {font-size: 14px; line-height: 150%;}
	.db_data h6 {font-size: 12px; line-height: 150%;}
	.db_data img, .db_data amp-img {max-width: 100%;}
	.db_data sup {vertical-align: super;}
	.db_data sub {vertical-align: sub;}
	.db_data table {width: auto !important; min-width: 60%;}
		.db_data table tr td {padding: 5px 10px;}
		.db_data table tr th {padding: 5px 10px; font-weight: bold; text-align: left; background-color: transparent !important;}
		.db_data table tr th p, .db_data table tr td p {margin: 0px;}
		.db_data table tr:nth-child(2n+1) td {background-color: #D1D1D1;}
		.db_data table tr:nth-child(2n+2) td {}

/* messages */
.msg {text-align: center; color: white; font-weight: bold; position: fixed; top: -100%; left: 20%; width: 60%; z-index: 100; border-radius: 0 0 10px 10px; opacity: 0; line-height: 20px; font-size: 14px;}
	.msg_inner {padding: 15px 3%; position: relative;}
		.msg .icon {display: block; float: left; margin-top: -10px; margin-right: 10px;}
		.msg a {color: white; text-decoration: underline;}
		.msg a:hover {text-decoration: none;}
	.msg .close {position: absolute; top: 5px; right: 10px; line-height: 10px; width: 10px; display: block; text-transform: uppercase; cursor: pointer; color: white; font-weight: bold; text-align: center;}
.msg.error {background-color: #C70404;}
.msg.success {background-color: #249502;}
.msg.notice {color: #575757; background-color: #f1f3f2;}
	.msg.notice a {color: #575757;}

.msgText {padding: 10px; text-align: center; margin-bottom: 10px; color: white; font-weight: bold;}
	.msgText a {color: white; text-decoration: underline;}
	.msgText a:hover {text-decoration: none;}
.msgText.error {background-color: #e95807;}
.msgText.success {background-color: #4fb14e;}
.msgText.notice {color: #575757; background-color: #f1f3f2;}
	.msgText.notice a {color: #575757;}

.error404 {background-color: white;}
	.error404 img, .error404 amp-img {max-width: 100%;}

/* cookiebar */
#cookie-bar {background-color: rgba(0,0,0,0.6); padding: 10px 0; text-align:center;}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; width:100%;}
	#cookie-bar p {margin:0; padding:0; color: white;}
	#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin: -2px 0 -4px 8px; line-height: 20px; font-weight: normal;}
	#cookie-bar .cb-enable {background:#007700;}
	#cookie-bar .cb-enable:hover {background:#009900;}
	#cookie-bar .cb-disable {background:#990000;}
	#cookie-bar .cb-disable:hover {background:#bb0000;}
	#cookie-bar .cb-policy {background:#0033bb;}
	#cookie-bar .cb-policy:hover {background:#0055dd;}
	
/* popup */
#popup {display: none; position: fixed; top: 100px; left: 50%; z-index: 1110; min-width: 300px; max-width: 800px; overflow: hidden;}
	#popup img, #popup amp-img {display: block; width: 100%; max-width: 100%;}
	#popup_close {cursor: pointer; position: absolute; top: 0px; right: 0px; width: 30px; line-height: 30px; text-align: center; background-color: white; color: black; font-size: 14px; font-weight: bold; z-index: 100;}
#popup_bg {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1100;}
	
/* videojs */
.videojs_box {overflow: hidden; height: 100%; min-height: 500px; max-height: 1920px; position: relative;}
	.videojs_box .movie {position: relative; width: 100%; height: 100%;}
	.videojs_box .movie.img {display: block;}
	.vjs-text-track-display, .vjs-loading-spinner, .vjs-big-play-button, .vjs-control-bar, .vjs-error-display, .vjs-caption-settings, .vjs-hidden {display: none;}
	

/* vanilla-lazyload */
img.lazy {display: block;width: 100%;height: auto;min-height: 100px;}
img.lazy:not([src]) {visibility: hidden;}
@-moz-document url-prefix() {
    img.lazy:-moz-loading {visibility: hidden;}
}
	

/* grallery.css 0.55 */
#grallery_bg {display: none; background-color: black; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99990; opacity: 0.8;}

#grallery_box {display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99995;}
	#grallery_relative {position: relative;}
		#grallery_image_box {position: relative; display: none;}
			#grallery_image {text-align: center;}
				#grallery_image img {margin: 0 auto;}
				#grallery_image iframe {margin: 0 auto; display: block; position: relative; z-index: 99999; width: 90%; height: 90%; padding-top: 2.5%;}
			#grallery_text {display: none; background-color: rgba(0, 0, 0, 0.2); bottom: 0; box-shadow: 0 0 10px #000000; color: #FFFFFF; font-size: 12px; left: 0; padding: 5px 0; position: absolute; width: 100%;}
				#grallery_title {padding: 0 20px;}
				#grallery_num {float: right; font-weight: bold; padding: 0 20px 0 0;}
		#grallery_loader {position: absolute; top: 50%; left: 50%; width: 50px; text-align: center; z-index: 99999; transform: translate(-50%, -50%);}
		#grallery_close {position: absolute; top: 2%; right: 2%; cursor: pointer; z-index: 99999; padding: 10px; opacity: 0.8; background-image: url('../plugins/js/grallery/grallery_empty.png'); background-color: rgba(0,0,0,0.4);}
		#grallery_close:hover {opacity: 1;}
			#grallery_close .img {background-image: url('../plugins/js/grallery/grallery_icons.png'); background-position: -32px 0; display: block; width: 32px; height: 32px;}
		#grallery_prev {position: absolute; top: 0px; left: 0px; cursor: pointer; z-index: 99998; height: 100%; width: 50%; text-align: left; background-image: url('../plugins/js/grallery/grallery_empty.png'); opacity: 0.8;}
		#grallery_prev:hover {opacity: 1;}
			#grallery_prev img, #grallery_prev .img {position: absolute; top: 50%; left: 1%; transform: translateY(-50%);}
			#grallery_prev .img {background-image: url('../plugins/js/grallery/grallery_icons.png'); background-position: 0 0; display: block; width: 32px; height: 32px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}
		#grallery_next {position: absolute; top: 0px; right: 0px; cursor: pointer; z-index: 99998; height: 100%; width: 50%; text-align: right; background-image: url('../plugins/js/grallery/grallery_empty.png'); opacity: 0.8;}
		#grallery_next:hover {opacity: 1;}
			#grallery_next img, #grallery_next .img {position: absolute; top: 50%; right: 1%; transform: translateY(-50%);}
			#grallery_next .img {background-image: url('../plugins/js/grallery/grallery_icons.png'); background-position: 0 0; display: block; width: 32px; height: 32px;}
			
.grallery {cursor: url('../plugins/js/grallery/grallery_cursor_zoom.png'), -moz-zoom-in;}
.grallery[href*="//www.youtube.com"], .grallery[href*="//youtu.be"] {cursor: url('../plugins/js/grallery/grallery_cursor_play.png'), -moz-zoom-in;}
.clear {float: none; clear: both;}

@media only screen and (max-width: 800px) {
	#grallery_image iframe {width: 75%;}
}

/* grecker.css 0.4 */
.input_error {border: 1px solid #DD4C39 !important; color: #DD4C39 !important; box-shadow: 0 0 3px #DD4C39 !important;}
.error_label {position: relative; display: inline; vertical-align: top;}
	.error_label .absolute {position: absolute; top: -40px; left: 0px; z-index: 10;}
		.error_label .relative {position: relative;}
		.error_label .relative:after {top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #DD4C39; border-width: 7px; left: 10%;}
			.error_label .t {background-color: #DD4C39; padding: 10px; color: white; border-radius: 4px; min-width: 235px; white-space: nowrap;}
			
form.grecker label .required {color: #DD4C39;}

	
/* googlemaps.markerclasterer */
.cluster {box-sizing: unset;}

/* debug */
#debugMode {font-size: 14px; line-height: 150%; background-color: black; color: white; border: 5px solid white; padding: 3%; max-width: 900px; min-width: 290px; width: 94%; margin: 0 auto;}
	#debugMode h1 {font-weight: normal; font-size: 20px; margin-bottom: 10px;}
		#debugMode h1 u {font-weight: bold;}
	#debugMode h2 {font-weight: normal; font-size: 20px; margin-bottom: 10px;}
		#debugMode h2 u {font-weight: bold;}
		#debugMode h2 i {}
		
	#debugMode ol {list-style-type: decimal-leading-zero; margin: 10px 0 10px 0; padding-left: 28px;}
		#debugMode ol li {margin: 5px 0; font-weight: bold;}
			#debugMode ol li span {font-weight: normal;}
				#debugMode ol li span b {font-weight: bold;}
		
		#debugMode ol li:nth-child(-n+3) {color: green;}
		#debugMode ol li:nth-child(n+9) {color: orange;}
		#debugMode ol li:nth-child(n+14) {color: red;}