@charset "utf-8";

:focus{ outline:none; }
input[type=text]:focus,
input[type=password]:focus, textarea:focus {
  outline: 0 none;
}

body, html {
	height: 100%;
	min-height: 100%;
    font-weight: normal;
    font-style: normal;
	color: #FFF;
}
input, textarea, select {
    -webkit-appearance: none;
}
input, textarea, select {
    -webkit-border-radius:0; 
    border-radius:0;
}
body, nav, ul, li, a  {margin: 0; padding: 0;}

.img-logo {
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- HEADER */
#header {
	position: fixed;
	width: 100%;
	height: 49px;
	top: 0px;
	display: block;
	text-align: center;
	z-index: 15;
	}
#header-n {
	position: relative;
	width: 1024px;
	height: 49px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	}
#header-u {
	position: relative;
	width: 760px;
	height: 49px;
	background-color: #000;
	margin-top: 0px;
	margin-left: 48px;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	}
#header-logo {
	position: absolute;
	width: 30px;
	height: 30px;
	top: 11px;
	left: 11px;
	text-align: left;
	}
.img-logo {
	width: 30px;
	height: 30px;
	opacity: 1;
	border: none;
	}
.img-logo:hover {
	opacity: 0.75;
	}
#header-face {
	position: absolute;
	background-image: url(img/facebook-w.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	top: 11px;
	right: 65px;
	text-align: left;
	}
.img-face {
	width: 30px;
	height: 30px;
	opacity: 0;
	border: none;
	}
.img-face:hover {
	opacity: 1;
	}

#header-insta,#header-lkd,.img-insta,.img-lkd{width:30px;height:30px}
#header-insta,#header-lkd{background-repeat:no-repeat;background-position:center top}
#header-insta,#header-lkd{position:absolute;top:11px;text-align:left}
#header-insta{background-image:url(img/insta-w.png);background-size:30px 30px;right:35px}
.img-insta{opacity:0;border:none}.img-insta:hover{opacity:1}
#header-lkd{background-image:url(img/lkd-w.png);background-size:30px 30px;right:5px}
.img-lkd{opacity:0;border:none}.img-lkd:hover{opacity:1}


#navigation {
	position: absolute;
	width: auto;
	top: 13px;
	left: 60px;
    font-family: 'museo500';
	font-size: 22px;
	list-style-type: none;
	text-decoration: none;
	text-align: left;
	display: inline;
}
#navigation > a.nav-link {
	padding-right: 10px;
	color: #FFF;
	text-decoration: none;
	display: inline;
}
#navigation > a.nav-link.active {
	color: #00BDD4;
}
#navigation > a.nav-link:hover {
	color: #00BDD4;
}
#navigation > a.nav-link:active {
	color: #00BDD4;
}

#header-mobile {
	position: fixed;
	width: 100%;
	height: 70px;
	top: 0px;
	display: none;
	text-align: center;
	z-index: 15;
	}
#header-mobile-u {
	position: relative;
	max-width: 100%;
	height: 70px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
	}
#MENU-BUTTON {
	position: absolute;
	width: 45px;
	height: 36px;
	top: 16px;
	right: 20px;
	text-align: center;
	text-decoration: none;
	display: block;
	opacity: 1;
	}
#MENU-BUTTON:hover {
	opacity: 1;
	}
#MENU-BUTTON-01 {
	position: absolute;
	width: 45px;
	height: 8px;
	top: 0px;
	right: 0px;
	background-color: #FFF;
	}
#MENU-BUTTON-02 {
	position: absolute;
	width: 45px;
	height: 8px;
	top: 14px;
	right: 0px;
	background-color: #FFF;
	}
#MENU-BUTTON-03 {
	position: absolute;
	width: 45px;
	height: 8px;
	top: 28px;
	right: 0px;
	background-color: #FFF;
	}
#popupMenu {
	display: none;
	position: fixed;
	top: 0px;
	right: -1024px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index: 99999;
}
#popupCloseMenu {
	position: absolute;
	display: block;
  	cursor: pointer;
	left: 30px;
	top: 55px;
	width: 38px;
	height: 38px;
	z-index: 502;
}
.IMG-CLOSE {
	width: 38px;
	height: 38px;
	opacity: 1;
	border: none;
	}
.IMG-CLOSE:hover {
	opacity: 0.75;
	}
#popupCenterMenu {
	position: relative;
	margin-top: 115px;
	margin-left: 30px;
	margin-right: auto;
	width: 280px;
	min-height: 300px;
	display: block;
	text-align: left;
	float: left;
	}
.col-MENU-01 {
	text-align: left;
	vertical-align: top;
	}
.col-MENU-02 {
	width: 25px;
	text-align: left;
	vertical-align: top;
	}
.TXT-MENU-01 {
    font-family: 'museo500';
	font-size: 22px;
	line-height: 28px;
	color: #00BDD4;
	text-align: left;
	text-decoration: none;
	}
.CLASS-MENU-01 a:link {
    font-family: 'museo500';
	font-size: 22px;
	line-height: 28px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.CLASS-MENU-01 a:visited {
    font-family: 'museo500';
	font-size: 22px;
	line-height: 28px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.CLASS-MENU-01 a:active {
    font-family: 'museo500';
	font-size: 22px;
	line-height: 28px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.CLASS-MENU-01 a:hover {
    font-family: 'museo500';
	font-size: 22px;
	line-height: 28px;
	color: #00BDD4;
	text-align: left;
	text-decoration: none;
	}
/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- MAIN */	
.tblWidth100 {
	width: 100%;
	border-spacing: 0px;
	vertical-align: top;
	}
.col-01 {
	text-align: left;
	vertical-align: top;
	}
.col-02 {
	height: 27px;
	}
.txt-01w {
    font-family: 'museo500';
	font-size: 56px;
	line-height: 56px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.txt-02w-l {
    font-family: 'museo300';
	font-size: 27px;
	line-height: 56px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	background-color: #000;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.txt-03w-l {
    font-family: 'museo500';
	font-size: 20px;
	line-height: 20px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.txt-04w-l {
    font-family: 'museo500';
	font-size: 16px;
	line-height: 22px;
	color: #FFF;
	text-align: left;
	text-decoration: none;
	}
.img-galerija-01 {
	width: 575px;
	height: 366px;
	opacity: 1;
	border: none;
	}
.img-galerija-02 {
	width: 366px;
	height: 575px;
	opacity: 1;
	border: none;
	}
/* ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- ---------- HOME */
.section  {
	position: relative;
	}
#section01 {
		height: auto;
	}
#section02 {
		height: auto;
	}
#section03 {
		height: auto;
	}
#section04 {
		height: auto;
	}
#section05 {
		height: auto;
	}
#section06 {
		height: auto;
	}
#section07 {
		height: auto;
	}
#section08 {
		height: auto;
	}
#section09 {
		height: auto;
	}
#section10 {
		height: auto;
	}
#section11 {
		height: auto;
	}
#section12 {
		height: auto;
	}
#section13 {
		height: auto;
	}
#section14 {
		height: auto;
	}
.section01bg {
	width: 100%;
	height: 100%;
	background-color: #D0021B;
	z-index: 1;
	}
.section02bg {
	width: 100%;
	height: 100%;
	background-color: #ada02b;
	z-index: 1;
	}
.section03bg {
	width: 100%;
	height: 100%;
	background-color: #E2622A;
	z-index: 1;
	}
.section04bg {
	width: 100%;
	height: 100%;
	background-color: #ada02b;
	z-index: 1;
	}
.section05bg {
	width: 100%;
	height: 100%;
	background-color: #027FD0;
	z-index: 1;
	}
.section06bg {
	width: 100%;
	height: 100%;
	background-color: #BD10E0;
	z-index: 1;
	}
.section07bg {
	width: 100%;
	height: 100%;
	background-color: #F15916;
	z-index: 1;
	}
.section08bg {
	width: 100%;
	height: 100%;
	background-color: #50E3C2;
	z-index: 1;
	}
.section09bg {
	width: 100%;
	height: 100%;
	background-color: #BD10E0;
	z-index: 1;
	}
.section10bg {
	width: 100%;
	height: 100%;
	background-color: #D0021B;
	z-index: 1;
	}
.section11bg {
	width: 100%;
	height: 100%;
	background-color: #F5A623;
	z-index: 1;
	}
.section12bg {
	width: 100%;
	height: 100%;
	background-color: #BD10E0;
	z-index: 1;
	}
.section13bg {
	width: 100%;
	height: 100%;
	background-color: #D0021B;
	z-index: 1;
	}
.section14bg {
	width: 100%;
	height: 100%;
	background-color: #027FD0;
	z-index: 1;
	}
.section01container {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	max-width: 1024px;
	height: 100%;
	display: block;
	overflow: hidden;
	z-index: 1;
	}	
.section01content {
	position: relative;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 75px;
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	z-index: 1;
	}
#section01-01 {
	position: relative;
	margin-top: 90px; 
	margin-left: 95px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 575px;
	height: auto;
	text-align: left;
	float: left;
	display: block;
	z-index: 1; 
	}
#section01-01-stamp {
	position: absolute;
	top: 0px; 
	right: -150px;
	width: 150px;
	height: 150px;
	display: block;
	z-index: 5; 
	}
.img-stamp {
	width: 150px;
	height: 150px;
	opacity: 1;
	border: none;
	}
#section01-02 {
	position: relative;
	margin-top: 20px;
	margin-left: 95px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 575px;
	height: auto;
	float: left;
	display: block;
	z-index: 1;
	}
#sectionVideo-01 {
	position:relative;
	background-color: #FFF;
	margin-top: 42px;
	margin-left: 95px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 575px;
	height: 332px;
	float: left;
	display: block;
	overflow:hidden;
	}
#sectionVideo-01 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 554px;
	height: 312px;
}
#sectionImg-01 {
	position: relative;
	margin-top: 42px;
	margin-left: 95px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 575px;
	height: 366px;
	float: left;
	display: block;
	z-index: 1;
	}
#sectionImg-02 {
	position: relative;
	margin-top: 42px;
	margin-left: 95px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 366px;
	height: 575px;
	float: left;
	display: block;
	z-index: 1;
	}
#sectionImg-03 {
	position: relative;
	margin-top: 42px;
	margin-left: 42px;
	margin-right: auto;
	margin-bottom: 0px;
	width: 366px;
	height: 575px;
	float: left;
	display: block;
	z-index: 1;
	}