video {
/*max-width: 100%!important;
height: auto!important;
width:100%!important;*/
min-height: 100vh;
min-width: 100%;
}

iframe,
embed,
object {
max-width: 100%;
}

.container-video {
width: 100%;
position:absolute;
left:0;
top:0;
}

.vendor {
padding: 2%;
background: #d1eed1;
margin-bottom: 2em;
}

#header-video{
	position:absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.svg-element{
	position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    z-index: 10;
    width: 280.694444444vw;
    height: 413.402777778vw;	
}

.header-video-pos{
    height: 101vh;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    z-index: -1;
    overflow:hidden;
}

svg#clau{
	fill:#ffffff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .5s .2s cubic-bezier(.39,.575,.28,.995),-webkit-transform 1s cubic-bezier(.39,.575,.28,.995);
    transition: opacity .5s .2s cubic-bezier(.39,.575,.28,.995),-webkit-transform 1s cubic-bezier(.39,.575,.28,.995);
    transition: transform 1s cubic-bezier(.39,.575,.28,.995),opacity .5s .2s cubic-bezier(.39,.575,.28,.995);
    transition: transform 1s cubic-bezier(.39,.575,.28,.995),opacity .5s .2s cubic-bezier(.39,.575,.28,.995),-webkit-transform 1s cubic-bezier(.39,.575,.28,.995);
    -webkit-transform: scale3d(5.6,5.6,1);
    transform: scale3d(5.6,5.6,1);
    z-index: 10;
    opacity: 0;
    width: 280.694444444vw;
    height: 413.402777778vw;
}

.show-clau svg#clau{
	transform: scale3d(.7,.7,1);
	opacity:1;
}


.video-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(.39,.575,.28,.995);
    transition: opacity 1.2s cubic-bezier(.39,.575,.28,.995);
    bottom: -6.9444444444vw;
}


.unsupported {
background: #fddfde;
}

@media screen and (max-width:1400px){
 .video-wrapper{left:-500px;}
}

@media screen and (max-width:1200px){
 .video-wrapper{left:-600px;}
}

@media screen and (max-width:600px){
    .mobile-image-video{height:65vh;margin-top:-40px; background-size: cover;}
    .video-wrapper{left:-350px;}
    .header-video-pos {height:4vh;}
    video { min-height: inherit; min-width: inherit;  width: 1200px;}
}

.front header .container .language *{color:#fff;}
.front header .container.color-black .language *{color:initial;}
.front header .ico-menu span{background:#fff;}
.front header .container.color-black .ico-menu span{background:#1d1d1d;}
.ico-search img{filter:brightness(100);}
.front header .container.color-black .ico-search img{filter:none;}
.front header .right .language select{background: url(../../images/ico-select-white.png) no-repeat transparent center right;}
.front header .container.color-black .right .language select{background: url(../../images/ico-select.png) no-repeat transparent center right;}

.audio-btn{position:absolute; width:40px; height:35px; background:url('../../images/audioOff.png') no-repeat #00a0df center center; top:300px; right:0; z-index:900;}
.audio-btn.on{background:url('../../images/audioOn.png') no-repeat #00a0df center center;}