/* #################################################
# Projekt 	: CSS
# Stand     : 09.12.22
# Autor		: 300design.com
#################################################### */

html, body {
	height: 100%;
	min-height:100%;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	line-height:24px;
	overflow-x:hidden;
	color:#fff;
	background:#000;
}

#bg {
	position:fixed;
	z-index:-1;
	top:0; left:0;
	width:100%;
	height:100%;
	background:url('') 50% 50% no-repeat;
	background-size:cover;
	opacity:0;
}

.head-font, .btn {
	font-family: inherit;
}

.hidn {
	display:none;
}
.checker, .outrange {position:absolute;left:-2000px;top:-2000px;width:1px;height:1px;overflow:hidden}

a:active, a:focus {
	outline:0px !important;
	-webkit-appearance:none;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover,
a:focus {
	color:#000;
	text-decoration:none;
}
a:not([href]) {
	font-size:0;
}

b, strong {
    font-weight: 600;
}

.text-normal {
	color:#fff;
}
.text-muted {
	color:rgba(255,255,255,0.5);
}
.text-initial  {
    font-weight: initial;
    font-size: initial;
}

h1, .h1 {
	margin: 0 0 30px;
    font-size:65px;
    font-weight:300;
}
h1 small, .h1 small, 
h2 small, .h2 small,
h3 small, .h3 small {
	display:block;
	margin:5px 0 0;
	color:#fff;
	font-size:30px;
}

h2, .h2 {
    font-size: 40px;
    font-weight:300;
    margin-bottom:30px;
}
h2 small, .h2 small {
	margin-top:8px;
	font-size:16px;
	font-weight: 300;
}

h3, .h3 {
    font-size: 25px;
    font-weight:300;
    margin-bottom:30px;
}
h3 small, .h3 small {
	margin-top:8px;
	font-size:15px;
	font-weight: 300;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family: inherit;
	text-transform:uppercase;
	text-align:center;
	color: #fff;
	text-shadow: none;
}

.h-mb-0 h2, .h-mb-0 .h2,
.h-mb-0 h3, .h-mb-0 .h3,
.h-mb-0 h4, .h-mb-0 .h4,
.h-mb-0 h5, .h-mb-0 .h5,
.h-mb-0 h6, .h-mb-0 .h6 {
	margin-bottom:0;
}

.paragraph:first-letter {
	font-size: 330%;
	font-weight: 300;
	float: left;
	padding:7px 5px 0 0;
	line-height: .7;
}
.paragraph > *:first-letter {
	font-size:inherit;
	float:none;
	font-weight:inherit;
	padding:0;
	line-height:inherit;
}

.lead {
	font-size: 19px;
	font-weight:600;
	line-height: 1.6;
}
.lead.light {
	font-weight:400;
}
.box-intro .lead {
	margin-bottom:40px;
}

.hdr {
	margin-bottom:40px;
}
.hdr .inner {
	margin:0;
	padding: 15px 0 10px;
	border-top:1px solid #313741;
	border-bottom:1px solid #313741;
}
.hdr span {
	display:block;
}

.hdr-sub {
	padding:10px 0 0;
	border-top:1px solid #313741;
	border-bottom:1px dashed #333;
}

blockquote {
	position:relative;
	padding:20px 25px;
	border-left:4px solid #fff;
}
blockquote small {
	display:block;
	margin-top:10px;
	color:inherit;
	opacity:.55;
}
blockquote.text-right {
	border-right:4px solid #fff;
	border-left:0;
}
blockquote.text-center {
	margin:auto;
	padding:30px 0;
	width:70%;
	min-width:290px;
	border:0;
	background:none;
}
blockquote.text-center:before,
blockquote.text-center:after {
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	top:0;
	content:' ';
	display:block;
	width:20%;
	height:2px;
	background:#fff;
}
blockquote.text-center:after {
	bottom:0;
	top:auto;
}

.btn, .form-control {
	border:0;
	border-color: transparent !important;
	border-radius: 4px;
	box-shadow: none !important;
}

.btn {
	margin:0 10px 10px 0;
	font-weight:400;
	text-transform:uppercase;
	font-size:16px;
}
.btn:not(.btn-sm) {
	padding:10px 15px;
}
.btn:not(.off):hover {
	transform: scale(1.13);
}
.btn-img {
	padding:0;
}
.btn.off {
	cursor:default;
}
.btn-default {
	background:#fff;
	color:#000;
	text-transform:uppercase;
}
.btn-default:hover {
	background:#000;
	color:#fff;
}
.btn-default.outline {
	color:#fff;
	border:1px solid #fff !important;
	background:transparent;
}
.btn-default.outline:hover {
	color:#000;
	background:#fff;
	border-color:transparent !important;
}

#footer .logo-eu-media {
	display:inline-block;
	margin:20px auto 0;
}
#footer .logo-eu-media img {
	height:40px;
}

.nav-pills {
	text-align:center;
	margin:0 0 15px;
}
.nav-pills > li {
	float:none;
	display:inline-block;
	margin:0 10px 20px;
}
.nav-pills a {
	background:#fff;
	color:#000;
	text-transform:uppercase;
}
.nav-pills a:hover,
.nav-pills > li.active a {
	background:#000;
	color:#fff;
}

#gotop {
	position:fixed;
	z-index:9;
	bottom:12px;
	right:10px;
	padding:0;
	border:0;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color:#fff;
	background:#000;
	transform: scale(0);
}
#gotop.is-visible {
	transform: scale(1);
}
#gotop .ico {
	font-size:22px;
}

.box-standard {
    padding:100px 0;
    position: relative;
}
.box-standard.box-sm {
	padding:60px 0;
}

.dropdown.share .dropdown-menu a {
    padding:8px 20px;
}
.dropdown.share .dropdown-menu .ico {
    font-size: 17px;
    width: 19px;
}

.box-sharing {
	text-align:center;
	padding:30px 0;
}
.box-sharing .inner {
	padding:0 8px;
}
#footer .box-sharing {
	padding-bottom:0;
}
.box-news-item .box-sharing {
	 background:none;
}
.box-sharing  .list-socials {
	margin:-8px;
}
.box-sharing  .list-socials li {
	padding:8px;
}
.list-socials a {
	display:inline-block;
}
.list-socials a:hover {
	transform: scale(1.3);
}
.box-sharing  .list-socials .text {
	display:none;
}
.list-socials .ico {
	color:#fff !important;
	width:44px;
	height:44px;
	line-height:44px;
	font-size:24px;
	text-align:center;
	border-radius:50%;
}
.list-socials .ico {
	background:#666;
}
.list-socials .facebook .ico {
	background:#3b5998;
}
.list-socials .twitter .ico {
	background:#55acee;
}
.list-socials .instagram .ico {
	background:#e4405f;
}
.list-socials .telegram .ico {
	background:#54B3E6;
}
.list-socials .reddit .ico {
	background:#FF5700;
}
.list-socials .youtube .ico {
	background:#cd201f;
}
.list-socials .vimeo .ico {
	background:#1ab7ea;
}
.list-socials .soundcloud .ico {
	background:#ff3300;
}
.list-socials .bandcamp .ico {
	background:#619aa9;
}
.list-socials .snapchat .ico {
	background:#FFFC00;
}
.list-socials .pinterest .ico {
	background:#cb2027;
}
.list-socials .whatsapp .ico {
	background:#4dc247;
}
.list-socials .fbmessenger .ico {
	background:#0084ff;
}
.list-socials .email .ico {
}
.list-socials .clipboard.active .ico {
	transform: rotateY(-180deg);
}

.ico-toggler {
	font-size:115%;
}
.open .ico-toggler {
	transform: rotate(180deg);
}

/* -------------------- */

.form-group label {
	font-weight:normal;
}

.has-error .control-label {
	color: #fa0;
}
.has-error .form-control {
    background-color:#fcf8e3;
    border: 2px solid #fa0 !important;
}

/* -------------------- */

.container-max {
	margin-left:auto;
	margin-right:auto;
	max-width:970px;
}
.container-text {
	margin-left:auto;
	margin-right:auto;
	max-width:750px;
}

.row.solid {
    margin-left:-5px;
    margin-right:-5px;
}
.row.solid > .col {
    padding-left: 5px;
    padding-right: 5px;
}

.row.inline > .col:not(.hidn) {
	display: inline-block;
    float: none;
    vertical-align: top;
}

.row-elm {
	margin-top:-30px;
}
.row-elm .col {
	margin-top:30px;
}
.row-elm.solid {
	margin-top:-15px;
}
.row-elm.solid .col {
	margin-top:15px;
}

/* -------------------- */

#cookie-info {
	display:none;
	position: fixed;
	z-index:99999;
	bottom:60px;
	left:0; right:0;
	margin: auto;
	padding:0 10px;
	width:100%;
	max-width: 340px;
}
#cookie-info .inner {
	margin:0 auto;
	padding:15px;
	width:100%;
	background:#fff;
	border: 1px solid #ccc;
	border-radius:4px;
	box-shadow: 3px 3px 10px rgba(0,0,0,.2);
}
#cookie-info .text {
	margin:0;
	color:#999;
	line-height: 17px;
	text-align:center;
}
#cookie-info .text,
#cookie-info a {
	font-family: arial;
	font-size: 13px;
	font-weight:500;
}
#cookie-info .text a {
	color:#31a8f0;
}
#cookie-info .btn {
    display: inline-block;
    margin: 15px 0 0;
    font-size: 14px;
    width: calc(50% - 5px);
    border-color: transparent;
}
#cookie-info .btn + .btn {
	margin-left:10px;
}
#cookie-info .btn-cancel {
	color:#444;
	background:#eee;
}

/* -------------------- */

.transition, a, .btn, .hover-zoom {
	-webkit-transition: all 0.18s ease-out;
	-ms-transition: all 0.18s ease-out;
	transition: all 0.18s ease-out;
}
.transition-slow {
	-webkit-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

img.lzy,
.slick-slider img.img-lzy {
	background:url('../i/lzyload.png') 50% 50% no-repeat;
}
.img-responsive {
    min-width: 100%;
}
.container-text img {
    max-width: 100%;
}

.vcenter {
	position: relative;
	display:block;
	overflow:hidden;
	padding-bottom:67%;
}
.vcenter img {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 101%;
	transform: translateY(-50%) translateX(-50%);
}
.vcenter.fit img {
	height:100%;
	object-fit:cover;
}

.box-head {
	position: relative;
}
.no-box-head {
	padding-top:100px;
}
.box-head .mov-wrapper {
	padding:20px 0 6vw;
	background:#000;
}
.box-head .mov {
	padding-bottom:calc(44% - 6vw);
}

.headpic {
	padding-bottom:50%;
}
@media (max-width: 992px){
	.headpic {
		padding-bottom:67%;
	}
}
.XXXheadpic:before {
	position: absolute;
	display:block;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,.35);
}
.headpic .wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
	transform: scale(1);
	transition: all 6s ease-out;
}
.headpic img {
	min-width:103%;
	height: 100%;
	object-fit: cover;
}

.headpic.blur-bg .pic {
	position: absolute;
	display:block;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.headpic.blur-bg .pic img {
	min-width:0;
	min-height: 101%;
	max-height: 100%;
}
.headpic.blur-bg .bg {
	filter: blur(15px);
}


.box-image {
	position:relative;
	padding-bottom:55%;
}
.box-image .inner {
	position: absolute;
	height: 100%;
	width: 100%;
	background:rgba(0,0,0,.4) url('') 50% 50% fixed no-repeat;
    background-size:cover;
    box-shadow: 0 15px 15px -15px rgba(0,0,0,.3) inset, 0 -15px 15px -15px rgba(0,0,0,0.3) inset;
    background-blend-mode: overlay;
}
.box-image.last .inner:before {
	height: 100%;
	transform:none;
}
.box-image .lzy-bg {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
}
.box-image .lzy-bg.lazyloaded {
	opacity:0;
}
.ios .box-image .inner {
	background-attachment: scroll;
}
.box-image .citate {
	position: absolute;
    margin: auto;
	left: 0;
	right: 0;
	max-width:700px;
	width: 90%;
    top: 50%;
	transform: translateY(-50%);
    color: #fff;
    text-align: center;
    line-height: 1.05;
	font-size: 28px;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 0 0 15px rgba(0,0,0,.4);
}
.box-image .citate small {
	font-size: 55%;
	font-style: italic;
}

.bg-wrapper {
	position: relative;
	padding:80px 0;
}
.bg-wrapper .block:last-child{
	margin-bottom: 0;
}
.bg-wrapper .pic {
	position: absolute;
	z-index:-2;
	top:0;
	width:100%;
	height:100%;
	background:url('') 50% 50% no-repeat;
	background-size:cover;
	opacity:.7;
}
.bg-wrapper .pic.pic-info {
	background-image:url('/cnt/bg-info.jpg');
}

.spin {
	-webkit-animation: spin 2s infinite linear;
	-moz-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* -------------------- */

#video {
	position:fixed;
	display:flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.8);
	opacity:0;
}
#video.open {
	left:0;
	opacity:1;
}
#video .inner {
	padding: 0 15px;
	width: 100%;
	max-width:1200px;
}
@media (max-width: 767px){
	#video .inner {padding:0;}
}
@media (max-height: 600px) and (orientation: landscape){
	#video .inner {max-width:160vh;}
}
#video iframe {
	background:rgba(30,30,30,.8);
}
#video .title {
	display:block;
    padding:5px 15px;
    width:100%;
    color: #fff;
    text-align: center;
    background:rgba(30,30,30,0.8);
	border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
}
#video .exit {
	position: absolute;
    z-index: 999;
    right: 10px;
    top: 10px;
    margin: 0;
    padding: 0 10px;
    font-family: inherit;
    font-size:30px;
    font-weight: 300;
    line-height: 20px;
    color: #fff;
    background:none;
}

/* -------------------- */

#header {
	position:fixed;
	z-index: 9;
	top:0;
	padding:0;
	width: 100%;
	min-height:40px;
	text-align:center;
	line-height:1;
	background:#444;
}
body.no-menu #header {
	top:-100px;
}
#header .nav {
	margin:5px 0;
}
#header .nav li {
	display:inline-block;
	margin:0 15px;
}
#header .nav a {
	padding:0;
	font-size:20px;
	line-height:30px;
	border:0;
	text-transform:uppercase;
	color:#fff;
}
#header .nav a:hover,
#header .nav a:focus {
	color:rgba(255,255,255,.8);
	background:none;
}
#header .nav > li:not(.menu-icons) a:hover {
	transform:scale(1.15);
}

/* -------------------- */

.box-opener {
    position: relative;
    height: 100%;
    overflow: hidden;
    font-size:30px;
    color:#fff;
    background:#333;
    text-align: center;
}
@media (min-width: 768px){
	.box-opener {
		min-height: 700px;
	}
}
@media (max-width: 575.98px){
	.box-opener {
		max-height:670px;
	}
}

.box-opener .text-top,
.box-opener .text-btm {
	position:absolute;
	z-index:1;
	width:100%;
    padding:0;
    text-transform: uppercase;
    line-height: 1;
    background:none;
    animation-delay:2.8s;
}
.box-opener .text-top {
	top:60px;
}
.box-opener .text-btm {
	bottom:50px;
}
.box-opener .text-btm a {
	display:inline-block;
}
.box-opener .text-btm a:hover {
	color:inherit;
	transform:scale(1.1);
}

.box-opener .scene {
    position:relative;
	z-index:0;
	margin:auto;
	padding:0;
	bottom:0;top:0;
	left:0;right:0;
}
.box-opener .scene, .box-opener .layer {
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}
.box-opener .full {
    position: absolute;
    left: -3%;
    top: -3%;
    width: 106%;
    height: 106%;
    margin:auto;
	background:url('') no-repeat scroll 50% 50%;
    background-size:contain;
}
.box-opener .background {
    background-size:cover;
}
.box-opener .figure,
.box-opener .logo {
	top:40px; left:0; right:0; bottom:0;
    width: 100%;
    height: 80%;
	animation-delay:.8s;
}
.box-opener .logo {
	animation-delay:1.8s;
}

.box-opener .skip {
	position: absolute;
	z-index:2;
	display:inline-block;
	bottom: 5px;
	margin-left:-20px;
}
.box-opener .skip .ico {
	width:40px;
	height:40px;
	line-height:40px;
	font-size:25px;
	background:rgba(0,0,0,0);
	text-align:center;
	border-radius:50%;
}

.box-opener .film-poster {
	position: absolute;
	left: 10px;
	bottom: 10px;
	line-height: 1;
}
.box-opener .film-poster span {
	display:none;
}
.box-opener .film-poster::before {
	display: inline-block;
	font-family: "Font Awesome 5 Pro";
	content: "\f055";
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,.75);
	font-size: 2rem;
	font-weight: 400;
}

/* -------------------- */

.box-infobox .inner {
	padding:1rem 0;
	text-align:center;
}

/* -------------------- */

.btn-more {
	display: inline-block;
	text-transform:uppercase;
}
.btn-more.toggler.open .text .t-open,
.btn-more.toggler:not(.open) .text .t-close {
	display:none;
}
.XXXmore-text .text {
	margin-top:20px;
}

.elm-feature {
	margin-bottom:40px;
}
.elm-feature.mov-wrapper .vcenter {
	padding-bottom: 56%;
}
.elm-feature-gal {
	margin-top:60px;
}

.pic-wrapper {
	position:relative;
	overflow:hidden;
}

.mov-wrapper[class*='mov-src-'] .pic-wrapper:before,
.mov-wrapper[class*='mov-src-'] .pic-wrapper:after {
	position:absolute;
	z-index: 1;
	display: inline-block;
	left:15px;
	bottom:15px;
	color: #fff;
	text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
.mov-wrapper[class*='mov-src-'] .pic-wrapper:before {
	font-family: 'Font Awesome 5 Brands';
	content:'\f431';
	font-size:24px;
}
.mov-wrapper.mov-src-vimeo .pic-wrapper:before {
	content:'\f194';
}
.mov-wrapper[class*='mov-src-'] .pic-wrapper:after {
	left:45px;
	content:'Youtube';
	font-size: 14px;
}
.mov-wrapper.mov-src-vimeo .pic-wrapper:after {
	content:'Vimeo';
}

.fx-zoom-pic {
	position:relative;
	overflow:hidden;
	display:block;
}
.fx-zoom-pic:hover .fx-pic {
	transform:scale(1.2);
}
.fx-zoom-pic.elm-mov-big:hover .pic {
	transform:scale(.825);
}
.fx-zoom-pic .ico-fx {
	position: absolute;
	z-index: 1;
    top:0; bottom:0; left:0; right:0;
    margin:auto;
    line-height:46px;
    height:46px;
    width:46px;
    font-size:20px;
    border-radius:50%;
    color:rgba(255,255,255,.7);
    background:rgba(0,0,0,.6);
    text-align:center;
}
.fx-zoom-pic.elm-mov .ico-fx {
	padding-left: 5px;
}
.fx-zoom-pic.elm-mov-big .ico-fx {
	transform:scale(1.4);
	color:rgba(255,255,255,.85);
	background:rgba(0,0,0,.8);
}
@media (min-width:500px){
	.fx-zoom-pic.elm-mov-big .ico-fx {
		transform:scale(1.8);
	}
}
.fx-zoom-pic:hover .ico-fx {
	color:rgba(255,255,255,1);
    background:rgba(0,0,0,1);
    opacity:1
}

.box-gallery {
	background:#000;
}
.box-gallery .col {
	padding:0;
}
.box-gallery .pic {
	padding-bottom:56%;
}
.box-gallery .pic img {
	height:101%;
	object-fit: cover;
}

.box-pics {
	padding:60px 0;
}
.box-pics .inner {
	margin-top:-30px;
}
.box-pics .inner .col {
	margin-top:30px;
}
.box-pics .pic {
	padding-bottom:100%;
	background:#333;
	border-radius:3px;
}
.box-pics .pic img {
	min-width:0;
	max-width:100%;
	max-height:100%;
}
.box-pics .pic:hover img {
	opacity:0.7;
}

.pic2.lbx {
	display:inline-block;
	float:left;
	margin:0 20px 10px 0;
	padding:0;
	width:41%;
	height:auto;
	overflow:hidden;
	border:0;
	text-decoration:none;
}
.pic2.lbx.vert {
	width:33%;
}
.pic2.lbx img {
	width:100%;
}
.pic2.lbx.right {
	float:right;
	margin:0 0 10px 20px;
}

/* -------------------- */

.box-synopsis {
	text-align:center;
}

/* -------------------- */

.box-dates {
	margin:0;
	text-align:left;
}
.box-dates table {
	position: relative;
    z-index: 1;
	margin:30px auto 60px;
}
.box-dates td {
	padding:5px 10px;
	vertical-align:top;
}
.box-dates tr td:first-child {
	text-align:right;
}
.box-dates .city {
	font-weight: 600;
	padding-right: 10px;
}
.box-dates a {
    color:#fff;
}
.box-dates a:hover {
	color:#000;
}

/* -------------------- */

.box-products .box-logos + row-products {
	margin-top:50px;
}
.box-products .box-logos .logos img {
	height:55px;
}
.box-products .box-logos .logos .small1 img {
	height:calc(55px - .5em);
}
.box-products .box-logos .logos .small2 img {
	height:calc(55px - .75em);
}
.box-products .box-logos .logos .small3 img {
	height:calc(55px - 1em);
}
.box-products .box-logos .logos .small4 img {
	height:calc(55px - 1.25em);
}
.box-products .box-logos .logos .small5 img {
	height:calc(55px - 1.5em);
}

.row-products + .box-footer {
	margin-top:60px;
}

.row-products .col-img {
	display:inline-block;
	float:none;
	text-align:center;
	vertical-align: top;
}
.row-products .col-img > .elm {
	display:block;
}
.row-products .col-img .title {
	display: block;
	margin:15px 0 5px;
	/* transform: rotate(-13.5deg); */
	text-transform: uppercase;
}
.row-products .col-img .elm:hover .title {
	opacity:0;
}
.row-products .col-img .elm:hover img {
	transform: scale(1.2);
}
.row-products .col-img .img {
	position:relative;
}
.row-products .col-img .img .ico {
	position:absolute;
	z-index: 1;
	top: 50%;
	margin: -15px 0 0 -15px;
	color: rgba(255,255,255,0.25);
	font-size: 50px;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.row-products .col-img .elm:hover .ico {
	opacity:0;
}

.row-products .col-img .btn-extra {
	margin-top:10px;
}

.row-products .col-info {
	text-align:left;
}
.row-products .col-info .row {
	padding-top:40px;
}
.row-products .col-info .title {
	text-align:left;
}

.list-specs dt {
	width:80px;
	text-align:left;
	font-size:75%;
	line-height:2em;
	float: left;
	overflow: hidden;
	clear: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-specs dd {
	margin-left:90px;
	padding-bottom:4px;
}

/* -------------------- */

.row-cast + .box-footer {
	margin-top:40px;
}

.row-cast .col-img .pic {
	padding-bottom:100%;
}
.row-cast .col-img .title {
	margin:15px 0 3px;
}
.row-cast .col-img .sub-title {
	font-weight:600;
}

.row-cast .col-info {
	text-align:left;
}
.row-cast .col-info .row {
	padding-top:40px;
}
.row-cast .col-info .title {
	margin:0 0 10px;
}
.row-cast .col-info .sub-title {
	font-weight:600;
	font-style:italic;
}
.row-cast .col-info .pretext,
.row-cast .col-info .text {
	margin-top:30px;
}
.XXXrow-cast .col-info .pretext {
	font-weight:600;
}
.row-cast .col-info .pretext + .text {
	margin-top:20px;
}

/* -------------------- */

.box-downloads .tab-content + .box-footer {
	margin-top:40px;
}
.box-downloads .gallery-row {
	margin-top:-30px;
}
.box-downloads .gallery-row > .col {
	margin-top:30px;
}
.box-downloads .gallery-row .pic-wrapper {
	background:rgba(255,255,255,.7);
	border-radius:3px;
}
.box-downloads .gallery-row .pic {
	padding-bottom:100%;
}
.box-downloads .gallery-row .pic img {
	height:101%;
	object-fit: contain;
}

/* -------------------- */

.box-form .buttons {
	padding-top:15px;
}
.box-form .status {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

.box-form .nl {
	margin-top: 6px;
	transform:scale(1.3);
}

.box-question {
	margin-bottom:30px;
}
.box-question .row-question label {
	padding-top: 0;
}
.box-question .row-question .title {
	margin-bottom:15px;
}
.box-question .row-question .answer {
	padding-left:25px;
	cursor:pointer;
}
.box-question .row-question .answer input {
	position: absolute;
	margin: 6px 0 0 -25px;
	transform:scale(1.3);
}

/* -------------------- */

.line-spaced li {
	border-left:0px solid rgba(0,0,0,0.7);
}
.line-spaced li:first-child {
	border:0;
}

#footer {
	padding:0;
}

#footer .bar {
    padding:20px 0;
    font-size:85%;
    background: #333;
    text-align:center;
}
#footer .bar,
#footer .bar a {
	color:#fff;
	line-height: 13px;
}
#footer .bar a:hover {
	color:#000;
}
#footer .bar ul {
	margin:0;
}
#footer .bar li {
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
#footer .bar li:first-child {
	margin:0;
	padding:0;
}
#footer .designer {
	display:block;
	margin:10px 0 0 !important;
	font-size: 85%;
	opacity:.55;
}

.box-logos {
	position: relative;
	text-align:center;
}
.box-logos .container-fluid {
	max-width: 1680px;
}
.box-logos .text {
	margin-bottom:30px;
}
.box-logos .credits {
	max-width:1000px;
}
.box-logos .logos + .credits,
.box-logos .credits + .logos {
	margin-top:25px;
}
.box-logos .logos {
	margin-top:-20px;
}
.box-logos .logos .elm {
	display:inline-block;
	margin:20px 20px 0;
	opacity:1;
}
.box-logos .logos .elm:hover {
	opacity:1;
    transform: scale(1.15);
}
.box-logos .logos img {
	height:35px;
	background:none;
}
.box-logos .logos .small1 img {
	height:calc(35px - .5em);
}
.box-logos .logos .small2 img {
	height:calc(35px - .75em);
}
.box-logos .logos .small3 img {
	height:calc(35px - 1em);
}
.box-logos .logos .small4 img {
	height:calc(35px - 1.25em);
}
.box-logos .logos .small5 img {
	height:calc(35px - 1.5em);
}

body.sec-home .box-ratings > .box-standard {
	padding-top:0;
}
.box-ratings .logos .elm {
	margin:30px 40px 0;
}
.box-ratings .rating {
	margin-top:15px;
	font-size:22px;
	font-weight:600;
}
.box-ratingsX .logos img {
	height:50px;
}
.box-ratingsX .logos .small1 img {
	height:calc(50px - .5em);
}
.box-ratingsX .logos .small2 img {
	height:calc(50px - .75em);
}
.box-ratingsX .logos .small3 img {
	height:calc(50px - 1em);
}
.box-ratingsX .logos .small4 img {
	height:calc(50px - 1.25em);
}
.box-ratingsX .logos .small5 img {
	height:calc(50px - 1.5em);
}

/* -------------------- */

.box-dafi {
	
}

.box-dafi .title.sub {
	margin:0 0 15px;
}
.box-dafi .table {
	margin:20px 0;
}

.box-dafi .distance {
	color: #fff;
	opacity: 0.65;
}

.dafi-form {
	margin:auto;
	padding:10px 0 15px;
	max-width:400px;
}
.dafi-form input,
.dafi-form .btn {
	border-color:transparent;
}
.dafi-form .btn {
	margin:0;
	background-color:#000;
}
.dafi-form input {
	padding-right:40px;
}
.dafi-form .btn-clear {
    position: absolute;
    z-index: 3;
    margin: 0 0 0 -40px;
    color: #bbb;
    font-size: 21px;
    line-height: 0.8;
    background:none;
    box-shadow:none;
}
.box-dafi:not(.show-dates) .dafi-form .btn-clear {
	display: none;
}

.dafi-cities {
	display:none;
}
.dafi-cities .col {
	margin-top:0 !important;
	margin-bottom:0 !important;
}
.dafi-cities .inner {
	margin-top:5px;
}
.dafi-cities li > a {
	margin:0 3px 7px;
	padding: 3px 10px;
	font-size:85%;
	background-color:rgba(255,255,255,0.25);
	border-color:transparent;
	color:#fff;
	border-radius: 0;
}
.dafi-cities li > a:hover {
	background-color:rgba(0,0,0,1.25);
	color:#fff;
	text-shadow:none;
}
.dafi-cities li > a:hover .distance {
	color:#fff;
}

.dafi-results,
.dafi-cities {
	margin-top:20px;
}

.box-dafi:not(.show-dates) .dafi-results {
	display:none;
}
.dafi-results .map iframe {
	border:0;
	width:100%;
	height:400px;
}
.dafi-results .map {
	background:#eee url('../i/lzyload.png') 50% 50% no-repeat;
}

.dafi-results .alert {
	text-shadow:none;
}

.dafi-table {
	text-align:left;
}
.dafi-tableXXX .table {
	border-bottom: 1px solid rgba(255,255,255,0.15);
}
.dafi-table .table td {
	padding:12px 8px;
	vertical-align:middle;
	background-color:#000;
	border-top-color:#e70013;
}
.dafi-table .table tr:first-child td {
	border:0;
}
.dafi-table .elm.hint {
	color:#070;
}
.dafi-table .box-maps td {
	padding-top:0;
	border-top:0;
}
.dafi-table .actions {
	text-align:right;
}
.dafi-table .btn-ticket {
	background-color:#f00;
}
.dafi-table .btn-link {
	padding-left:0 !important;
	color:#f00;
}
.dafi-table .btn-link:hover {
	text-decoration:none;
}

.dafi-alldates {
	display:none;
}
.dafi-alldates .list {
	display:inline-block;
	text-align:left;
}
.dafi-alldates .list li {
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #eee;
}
.dafi-alldates .list .date {
	margin-right:10px;
}

/* -------------------- */

.box-pairgame .counter {
	margin:0 0 30px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	line-height: 1;
}
.box-pairgame .counter .digits {
	display: inline-block;
	padding: 8px 6px;
	font-size:30px;
	color:#000;
	background: #fff;
	border-radius: 3px;
}
.box-pairgame .counter .timer {
	margin-left:10px;
}

.box-pairgame .actions .btn-action {
	margin:0 10px 10px;
}

.box-pairgame .board {
	margin:20px auto 30px;
}
.box-pairgame .board .inner {
	margin:-5px;
}
.box-pairgame .board .col {
	margin:0;
	padding:5px;
	line-height: 0;
}
.box-pairgame .board[data-cards='8'] .col {
	width:25%;
}
.box-pairgame .board[data-cards='10'] .col {
	width:20%;
}
.box-pairgame .board[data-cards='12'] .col {
	width:16.6667%;
}
.box-pairgame .board .card {
	position:relative;
	display:inline-block;
	width:100%;
	padding-bottom:100%;
	overflow: hidden;
	border-radius: 5px;
	perspective: 1500;
	transform-style: preserve-3d;
}
body:not(.mobile) .box-pairgame .board:not(.lock) .card:not(.pair):not(.select):hover {
	z-index:1;
	box-shadow:0 0 10px rgba(0,0,0,.6);
	transform: rotate(-5deg) scale(1.06);
}
.box-pairgame .board .card .front,
.box-pairgame .board .card .back {
	position:absolute;
	display:block;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	background:url('') 50% 50% no-repeat;
	background-size:cover;
	backface-visibility: hidden;
	transition: all .3s ease-in-out;
}
.box-pairgame .board .card .front,
.box-pairgame .board .card.flip .back {
	z-index:1;
	transform: rotateX(0) rotateY(0);
}
.box-pairgame .board .card.flip .front,
.box-pairgame .board .card .back {
	z-index:0;
	transform: rotateY(180deg);
}
.box-pairgame .board:not(.lock) .card .front {
	cursor:pointer;
}

.box-pairgame .box-form .buttons {
	padding-top:15px;
}
.box-pairgame .box-form .counter {
	margin:0;
	padding:15px 0;
}
.box-pairgame .box-form .status {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
}

.box-pairgame .box-ranking {
	margin-top:70px;
}
.XXXbox-pairgame .box-ranking .title {
	margin:0 0 10px;
}
.box-pairgame .box-ranking .table th,
.box-pairgame .box-ranking .table td {
	border:0;
}
.box-pairgame .box-ranking .table tbody tr:nth-child(odd) td {
	background-color:rgba(255,255,255,.15);
}
.box-pairgame .box-ranking .table td .name {
	font-weight:600;
}
.box-pairgame .box-ranking .table th.date, 
.box-pairgame .box-ranking .table td.date {
	white-space:nowrap;
	width:1%;
}

/* -------------------- */

.box-lottery-questions .box-intro .lead {
	margin-bottom:80px;
}

/* -------------------- */

/* desktop + tablet */
@media (min-width: 767px){

}

/* desktop */
@media (min-width: 992px){
	
}

/* desktop large */
@media (min-width: 1200px){
	
	bodyXXX {
		background-position:32% 50%;
	}
	
	.block-editionsXXX p {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	
	.box-image {
		padding-bottom:40%;
	}
}

/* desktop-ultrawide opener */
@media (min-width: 1850px){

	.box-image {
		padding-bottom:34%;
	}
}

/* tablet */
@media (min-width: 768px) and (max-width: 991px){
	
	#header .nav li {
		margin: 0 10px;
	}
	
	.box-image {
		padding-bottom:75%;
	}
	
	.expose-sm {
		margin-left:-30px;
		margin-right:-30px;
	}
	
	.box-opener .figure {
		background-size: auto 100%;
	}
	.box-opener .logo {
		background-size: auto 100%;
	}
}	


/* not-phone */
@media (min-width: 768px){

	.menu-icons {
		position:fixed !important;
		z-index: 9;
		right:0;
		top:50%;
		margin:0 !important;
		transform: translateY(-50%) !important;
	}
	.menu-icons li {
		display:block !important;
		margin:0 !important;
		text-align:right;
	}
	.menu-icons a {
		display:inline-block;
		white-space: nowrap;
		margin:3px 0 0;
		padding:0;
		max-width:34px;
		height:34px;
		font-size:20px;
		text-align:center;
		border:0;
		border-radius:4px;
		border-top-right-radius:0px;
		border-bottom-right-radius:0;
		color:#fff;
		background:#000;
	}
	.menu-icons .ico {
		width:34px;
		line-height:34px;
		vertical-align: middle;
	}
	.menu-icons a:hover,
	.menu-icons a:focus {
		background:#444;
	}
	.menu-icons a:hover {
		max-width:250px;
	}
	.menu-icons .text {
		display:none;
		padding-right:10px;
		font-size:14px;
		font-weight: 400;
		line-height:34px;
		text-transform: none;
		vertical-align: middle;
	}
	.menu-icons a:hover .text {
		display:inline-block;
	}
	
	.box-logos .credits {
		padding: 0 15px;
	}
	
	.box-products .box-logos {
		margin-top:-35px;
	}
	.box-products .box-logos .logos .elm {
		margin:35px 35px 0;
	}
	
	.box-pairgame .board[data-cards='8'] {
		width:70%;
	}
}

/* phone */
@media (max-width: 767px){
	
	body {
		font-size:15px;
		line-height:22px;
		background-image:url('');
	}
	
	.row-xs {
		margin-left:-10px;
    	margin-right:-10px;
	}
	.row-xs .col {
		margin-top:7.5px;
		margin-bottom:7.5px;
		padding-left:5px;
    	padding-right:5px;
	}
	
	.box-standard {
		padding:60px 0;
	}
	
	.expose-xs {
		margin-left:-15px;
		margin-right:-15px;
	}
	
	.box-image {
		padding-bottom:100%;
	}
	
	.hdr {
		margin-bottom: 30px;
	}
	
	h1, .h1 {
		font-size: 30px;
		margin-bottom: 25px;
	}
	h1 small, .h1 small {
		font-size:16px;
	}
	
	h2, .h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	h2 small, .h2 small {
		font-size:14px;
	}
	
	h3, .h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	.lead,
	.lead.light {
		font-size:16px;
	}
	
	.box-image .citate {
		font-size:20px !important;
	}
	
	.pic2.lbx {
		display:block;
		float:none !important;
		width:100% !important;
		max-width:320px;
		height:auto;
		margin:0 auto 20px !important;
	}
	
	#header {
		min-height:30px;
	}
	#header .menu-toggle {
		line-height:30px;
	}
	#header #header-toggle {
		font-size:12px;
		color:#999 !important;
	}
	#header .nav li {
		display:block;
		margin:25px 0;
	}
	body:not(.mobile-menu) #header .nav {
		margin: 0;
		height: 0;
		overflow: hidden;
	}
	#header .nav li:first-child {
		display:none;
	}
	
	.menu-icons {
		margin:0 !important;
		padding:0 0 20px !important;
		width: 100% !important;
		animation-name: none;
	}
	.menu-icons li {
		display:inline-block !important;
		margin:0 !important;
	}
	.menu-icons a {
		margin:0 15px;
	}
	.menu-icons a:hover {
		background:none !important;
	}
	.menu-icons .ico {
		font-size: 120%;
		color:#fff;
	}
	.menu-icons .text {
		display:none;
	}
	
	.box-opener .figure {
		background-size: auto 100%;
	}
	.box-opener .logo {
		max-width: 600px;
		background-size: auto 85%;
	}
	
	.block-logo {
		position:relative;
		margin-bottom: 0;
    	padding-bottom: 20%;
	}
	.block-logo .image {
		position:absolute;
		height: 100%;
		width: 100%;
		background:url('../i/bg.jpg') 50% 50% scroll no-repeat;
		background-size:cover;
	}
	
	.box-gallery .elm .ico {
		display:none;
	}
	
	.box-citate br {
		display:none;
	}
	.box-citate .elm,
	.box-citate.special strong {
    	font-size: 15px;
    	line-height: 1.25;
	}
	
	.box-cast .cast-img .title {
		font-size: 85%;
    	line-height: normal;
	}
	
	.box-infoXXX .text {
		text-align:left;
	}
	
	.box-dates {
		margin: 0;
    	padding-bottom: 0;
		padding-top:30px;
	}
	.box-dates .table-wrapper {
		margin-left:-10px;
		margin-right:-10px;
	}
	.box-datesxxx td {
		text-align:left;
	}
	.box-dates .city {
		padding:0;
	}
	.box-dates year {
		display:none;
	}
	.box-dates .text-special {
		display:block;
	}
	
	.row-products .col-img .title {
		font-size: 85%;
	}
	.row-products .col-info .row {
		padding:20px 0px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.row-products .col-img .img .ico {
		margin: 0px 0 0 -10px;
		font-size:30px;
	}
	
	#footer .bar {
		text-align: center;
		font-size:100%;
	}
	#footer .bar li {
		display:block;
		margin: 30px 0 0 !important;
		padding: 0;
	}
	#footer .designer {
		line-height: 2.5;
	}
	
	.box-logos .logos .elm {
		margin-left:10px;
		margin-right:10px;
	}
	.box-logos .logos img {
		height:30px;
	}
	.box-logos .logos .small1 img {
		height:calc(30px - 0.5em);
	}
	.box-logos .logos .small2 img {
		height:calc(30px - 0.75em);
	}
	.box-logos .logos .small3 img {
		height:calc(30px - 1em);
	}
	.box-logos .logos .small4 img {
		height:calc(30px - 1.25em);
	}
	.box-logos .logos .small5 img {
		height:calc(30px - 1.5em);
	}
	.box-products .box-logos .logos img {
		height:38px;
	}
	.box-products .box-logos .logos .small1 img {
		height:calc(38px - .5em);
	}
	.box-products .box-logos .logos .small2 img {
		height:calc(38px - .75em);
	}
	.box-products .box-logos .logos .small3 img {
		height:calc(38px - 1em);
	}
	.box-products .box-logos .logos .small4 img {
		height:calc(38px - 1.25em);
	}
	.box-products .box-logos .logos .small5 img {
		height:calc(38px - 1.5em);
	}
	
	.btn-win,
	.btn-tickets {
		right:10px;
		width:50px;
		height:50px;
		line-height:50px;
	}
	.btn-tickets {
		top:10px;
	}
	.btn-win span,
	.btn-tickets span {
		font-size: 10px;
	}
	
	.dafi-results .elm td:first-child {
		padding-left:0;
	}
	.dafi-results .elm td:last-child {
		padding-right:0;
	}
	
	.dafi-table .table {
		/* border:0 solid rgba(0,0,0,0.8); */
		border-width:0 3px;
	}
	.dafi-table .table td {
		padding:8px 5px;
		vertical-align:top;
		/* background-color:rgba(0,0,0,0.8); */
	}
	.dafi-table .box-maps td {
		padding:0 0 5px;
	}
	.dafi-results .map iframe {
		height:350px;
	}
	.dafi-table .actions {
		white-space:nowrap;
	}
	.dafi-table .btn {
		margin:0;
		padding: 3px 7px;
		font-size:14px;
	}
	.dafi-cities li > a {
		margin:0 2px 5px;
		padding:2px 8px;
		/* background-color:rgba(0,0,0,0.8); */
	}
	
	.box-pairgame .board .inner {
		margin:0 -12px;
	}
	.box-pairgame .board .col {
		padding:1.5px;
	}
}

/* phone-small */
@media (max-width: 440px){

	.Xbox-logos .credits {
		overflow: auto;
	}
	.Xbox-logos .credits img {
		max-width: 1200px;
	}
}