/*-----------------------------------------------
C O M M O N
----------------------------------------------- */


body {
	margin:0;
	padding:0;
	color:#000;
	background:#000;
	font-size:18px;
	text-align:center;
	font-family:LatoSemibold;
	overflow-x:hidden;
	}

@font-face {
  font-family:'LatoSemibold';
  src: url(../fonts/Lato-Semibold.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
	}

@font-face {
  font-family:'LatoBold';
  src: url(../fonts/Lato-Bold.ttf) format('truetype');
  font-weight: bold;
  font-style: normal;
	}

.container {
	text-align:left;
	width:984px;
	margin:0 auto;
	padding:0;
	}

div.clear {
	clear:both;
	height:0;
	margin:0;
	line-height:0;
	font-size:1px;
	}

/*a.high {
	background-color:#EDD341;
	text-decoration:none;
	font-weight:normal;
  box-shadow:inset 0 0 0 0 #FEA730;
  color:#000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}

a.high:hover {
  box-shadow:inset 600px 0 0 0 #FEA730;
  color:000;
	background:#fff;
	}

a.high.current {
  box-shadow:inset 600px 0 0 0 #FEA730;
  color:000;
	background:#000;
	}*/

a {
  box-shadow: inset 0 0 0 0 #FEA730;
  color: #000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}

a:hover {
  box-shadow: inset 675px 0 0 0 #FEA730;
  color:000;
	}


/*-----------------------------------------------
H E A D E R
----------------------------------------------- */


#logoHome_small {
	display:none;
	}

#logoHome_big {
	display:block;
	}

#logoHome {
	float:left;
	text-align:left;
	width:246px;
	margin:0;
	padding:0;
	background:#fff;
	box-shadow:-246px 0 #fff,-492px 0 #fff;
	}

#logoHome img {
	display:block;
	width:246px;
	margin:0;
	padding:0;
	}

#headerHome {
	width:984px;
	height:335px;
	background:#fff;
	}

#headerHomeJS_1280 {
	display:none;
	}

#headerHomeJS_1024 {
	display:block;
	}

#headerHomeJS_800 {
	display:none;
	}

#headerHomeJS_small {
	display:none;
	}

#header {
	width:984px;
	height:144px;
	background:#fff;
	}

#header #image {
	float:left;
	width:246px;
	padding:0;
	margin:0;
	}

#header #image img {
	display:block;
	width:246px;
	height:144px;
	box-shadow:-246px 0 #fff,-492px 0 #fff;
	}

#header #text {
	float:left;
	width:428px;
	padding:81px 32px 30px 32px;
	margin:0;
	}

#header #logo {
	float:left;
	text-align:left;
	width:246px;
	margin:0;
	padding:41px 0 0 0;
	background:#fff;
	}

#header #logo img {
	display:block;
	width:246px;
	margin:0;
	padding:0;
	}

.img {
	float:left;
	text-align:left;
	width:738px;
	height:335px;
	margin:0;
	padding:0;
	background:#fff;
	}


 /*-----------------------------------------------
N A V
----------------------------------------------- */


#nav {
	text-align:left;
	box-shadow:-246px 0 #fff,-492px 0 #fff;
	}

#nav ul {
	color:#000;
	width:210px;
	list-style-type:none;
	margin:0;
	padding:0;
	}

#nav ul li a {
	display:block;
	width:210px;
	color:#000;
	background:#fff;
	text-decoration:none;
	font-weight:normal;
	text-transform:uppercase;
	letter-spacing:1.8px;
	padding:5px 18px 6px 18px;
	height:19px;
	font-size:17px;
	}

#nav ul li a.current {
	color:#fff;
	background:#000;
	transition:0.3s;
	}

#nav ul li a:hover {
	color:#000;
	background:#EDD341;
	transition:0.3s;
	}


/*-----------------------------------------------
L E F T
----------------------------------------------- */


.left {
	float:left;
	text-align:left;
	color:#fff;
	width:246px;
	margin:0;
	padding:0;
	}

.leftContent {
	color:#fff;
	width:214px;
	margin:0;
	padding:0 32px 25px 0;
	font-size:17px;
	font-weight:normal;
	}

.leftContent a {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	font-weight:normal;
  box-shadow: inset 0 0 0 0 #EDD341;
  color: #000;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}
.leftContent a:hover {
  box-shadow: inset 476px 0 0 0 #EDD341;
  color:000;
	}

#leftDownOff {
	display:block;
	}

#leftDownOn {
	display:none;
	}


/*-----------------------------------------------
M A I N
----------------------------------------------- */


.main {
	float:left;
	text-align:left;
	width:738px;
	margin:0;
	padding:10px 0 0 0;
	background:#fff;
	}

.mainLeft {
	float:left;
	text-align:left;
	width:182px;
	margin:0;
	padding:0 32px 30px 32px;
	overflow-wrap:break-word;
	}

.mainMain {
	float:left;
	text-align:left;
	width:460px;
	margin:0;
	padding:0 32px 1em 0;
	}

.mainMain img {
	width:460px;
	margin:0;
	}

.mainWhole {
	float:left;
	text-align:left;
	width:675px;
	margin:0;
	padding:0 32px 1em 32px;
	}

.mainWhole img {
	width:675px;
	margin:0;
	}

 h1 {
	font-weight:normal;
	letter-spacing:1.8px;
	text-transform:uppercase;
	font-size:27px;
	padding:0;
	margin:0 0 0 0;
	}

 .h1 {
	letter-spacing:1.8px;
	text-transform:uppercase;
	font-size:27px;
	padding:0 0 30px 32px;
	margin:0 0 0 0;
	}

 h2 {
	font-weight:normal;
	letter-spacing:1.8px;
	text-transform:uppercase;
	font-size:20px;
	margin:0;
	padding:0;
	}

h3 {
	font-weight:normal;
	letter-spacing:1.8px;
	text-transform:uppercase;
	font-size:17px;
	margin:0;
	padding:0;
	}

h4 {
	font-weight:normal;
	letter-spacing:1.8px;
	font-size:17px;
	margin:0;
	text-transform:uppercase;
	}

h5 {
	font-weight:normal;
	letter-spacing:1.8px;
	font-size:17px;
	margin:0;
	padding:0 0 20px 0;
	}

h6 {
	text-transform:uppercase;
	font-weight:normal;
	font-size:17px;
	margin:0;
	padding:0 0;
	}

p {
	margin:0;
	padding:0;
	}

.gal {
	float:left;
	width:214px;
	padding:0;
	margin:0 30px 30px 0;
	}

.gal img a {
	padding:0;
	}

.gal img {
	width:214px;
	}

.gal:nth-child(even) {
	float:left;
	width:214px;
	padding:0;
	margin:0 0 30px 0;
	}

video {
	float:left;
	width:675px;
	padding:0 0 32px 32px;
	text-align:left;
	background:#fff;
	}

#vidSmall {
	display:none;
	}

#vid {
	display:block;
	}

#pop {
	z-index:3;
	position:relative;
	margin:63px auto 0 auto;
	padding:32px auto 0 auto;
	text-align:center;
	}

#pop img {
	height:476px;
	width:auto;
	}

#pop-close {
	z-index:4;
	position:absolute;
	top:0px;
	right:8px;
	}

#pop-close img {
	opacity:0.5;
	width:62px;
	height:62px;
	display:block;
	}

#pop-close img:hover {
	opacity:1;
	}

#pop-fwd {
	z-index:4;
	position:absolute;
	top:210px;
	right:8px;
	}

#pop-fwd img {
	opacity:0.5;
	width:48px;
	height:62px;
	display:block;
	}

#pop-fwd img:hover {
	opacity:1;
	}

#pop-rew {
	z-index:5;
	position:absolute;
	top:210px;
	left:8px;
	}

#pop-rew img {
	opacity:0.5;
	width:48px;
	height:62px;
	display:block;
	}

#pop-rew img:hover {
	opacity:1;
	}

/* #pop-bg {
	z-index:2;
	position:absolute;
	border:8px solid #fff;
	border-radius:8px;
	background:#fff;
	opacity:0.5;
	} */

#cover {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.87);
	z-index:1;
	width:100%;
	height:100%;
	}

#cover img {
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.8);
	z-index:1;
	width:100%;
	height:100%;
	}

/* The Modal (background) */
.modal {
  display:none; /* Hidden by default */
  position:fixed; /* Stay in place */
  z-index:1; /* Sit on top */
  padding-top: 79px; /* Location of the box */
  left:0;
  top:0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 16px;
  border: 1px solid #888;
  width: 80%;
	}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 22px;
  font-weight: bold;
	}

.close:hover,
.close:focus {
  color:#000;
  text-decoration:none;
  cursor:pointer;
	}

iframe {
	width:492px;
	height:1934px;
	border:0;
	padding:0;
	margin:0;
}


/*-----------------------------------------------
C O N T A C T   F O R M   I N P U T
----------------------------------------------- */


form {
	padding:30px 0 30px 0;
	}

.key {
	float:left;
	width:196px;
	padding:6px 16px;
	margin:4px 0;
	text-align:right;
	}

.keyC {
	float:left;
	width:216px;
	padding:0 12px 13px 0;
	margin:5px 0;
	text-align:right;
	}

.keyC img {
	width:112px;
	padding:2px 0 0 17px;
	}

.keyCheckbox {
	float:left;
	width:20px;
	font-size:16px;
	font-family:Ubuntu;
	padding:5px 20px 5px 130px;
	margin:5px 0;
	text-align:right;
	}

.valXS input {
	float:left;
	width:32px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-family:Ubuntu;
	font-size:14px;
	margin:4px 7px 4px 0;
	padding:6px 4px;
	}

.valS input {
	float:left;
	width:48px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-family:Ubuntu;
	font-size:14px;
	margin:4px 7px 4px 0;
	padding:6px 4px;
	}

.valM:last-child input {
	float:left;
	width:32px;
	border:none;
	border:1px solid #000;
	color:#000;
	background:#eee;
	font-size:14px;
	font-family:Ubuntu;
	margin:4px 0;
	padding:4px 4px;
	}

.valM input {
	float:left;
	width:151px;
	border:none;
	border:1px solid #aaa;
	color:#000;
	background:#fff;
	font-size:14px;
	font-family:Ubuntu;
	margin:4px 7px 4px 0;
	padding:6px 4px;
	}

.valM:last-child input {
	float:left;
	width:151px;
	border:none;
	border:1px solid #000;
	color:#000;
	background:#eee;
	font-size:14px;
	font-family:Ubuntu;
	margin:4px 0;
	padding:5px 5px;
	}

.alert {
	background:#D73832;
	color:#fff;
	}

.ok {
	padding:10px 0 0 0;
	}

.val input, .val textarea {
	float:left;
	width:319px;
	border:1px solid #aaa;
	color:#000;
	font-family:Ubuntu;
	background:#fff;
	margin:4px 0;
	padding:6px 4px;
	font-size:14px;
	}

	.val input:hover, .val input:focus, .valXS input:hover, .valXS input:focus, .valS input:hover,
	.valS input:focus, .valM input:hover, .valM input:focus {
	float:left;
	border:1px solid #000;
	color:#000;
	font-family:Ubuntu;
	background:#fff;
	margin:4px 7px 4px 0;
	padding:6px 4px;
	}

	.valXS:last-child input:hover, .valXS:last-child input:focus,
	.valMid:last-child input:hover, .valMid:last-child input:focus,
	.valS:last-child input:hover, .valS:last-child input:focus,
	.valM:last-child input:hover, .valM:last-child input:focus,
	.val:last-child input:hover, .val:last-child input:focus {
	float:left;
	border:1px solid #ccc;
	color:#000;
	font-family:Ubuntu;
	background:#fff;
	margin:4px 7px 4px 0;
	padding:5px 5px;
	}

	.val textarea:hover, .val textarea:focus {
	float:left;
	color:#000;
	background:#fff;
	font-family:Ubuntu;
	margin:4px 0;
	padding:6px 4px;
	border:1px solid #000;
	}

	select {
	color:#000;
	background:#fff;
	font-size:14px;
	font-family:Ubuntu;
	margin:5px 0 5px 0;
	padding:6px 4px;
	border:1px solid #aaa;
	}

	option {
	color:#000;
	background:#fff;
	font-size:14px;
	font-family:Ubuntu;
	}

	.valCheck input {
	float:left;
	width:16px;
	font-size:14px;
	margin:11px 0 0 0;
	padding:0;
	}

	.commLeft {
	float:left;
	padding:10px 10px 10px 0;
	}

	.commRight {
	float:left;
	padding:10px 0 10px 10px;
	}

input.button {
	margin:16px 0 8px 0;
	padding:8px;
	color:#fff;
	background:#000;
	border:none;
	width:160px;
	font-size:14px;
	transition:0.3s;
	}

input.button:hover {
	margin:16px 0 8px 0;
	padding:8px;
	color:#000;
	background:#EDD341;
	width:160px;
	border:none;
	}


/*-----------------------------------------------
A N M E L D U N G
----------------------------------------------- */


.contAnm {
	text-align:left;
	width:784px;
	height:784px;
	margin:0 auto;
	padding:0;
	border:1px solid #000;
	}

form {
	padding:30px 0 30px 0;
	}




/*-----------------------------------------------
F O O T E R
----------------------------------------------- */


.footer {
	padding:30px 0 60px 0px;
	background:#000;
	color:#fff;
	box-shadow:0px 397px 0px 397px #000;
	font-size:17px;
	}

.footerLeft {
	float:left;
	text-align:left;
	width:214px;
	margin:0;
	padding:30px 32px 0 0;
	font-size:16px;
	}

.footer2nd {
	float:left;
	text-align:left;
	width:214px;
	margin:0;
	padding:30px 32px 0 0;
	font-size:16px;
	}

.footerMain {
	float:left;
	text-align:left;
	width:460px;
	margin:0;
	padding:30px 32px 0 0;
	font-size:16px;
	}

.footer a {
	color:#000;
	background-color:#fff;
	text-decoration:none;
	font-weight:normal;
	box-shadow: inset 0 0 0 0 #EDD341;
	color: #000;
	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	}

.footer a:hover {
	box-shadow: inset 476px 0 0 0 #EDD341;
	color:000;
	}

.footer ul {
	font-size:19px;
	float:left;
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	}

.footer li a {
	font-weight:normal;
	text-decoration:none;
	transition:0.3s;
	color:#fff;
	background:#000;
	}

.footer li a:hover, #footer li a.current {
	color:#000;
	background-color:#EDD341;
	}