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

Primary style

-------------------------------- */
html:not(:hover), body:not(:hover){
 /*   background-color:#000000;*/
}


#cfif {
background-color: #415f79 !important;
}
body.contactif {
background-color: #415f79 !important;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}

.cd-section.section1 .scroll-down {
    opacity: 0;
   -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}


.cd-section.section1.visible .scroll-down {
font-family: 'halis_rbook';
letter-spacing: 5px;
text-transform: uppercase;
padding-top: 20px;
font-size: 9px;
opacity: 0;
   -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}



.cd-section.section1.visible .scroll-down.show {
    opacity: 0.8;
            -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}





body::-webkit-scrollbar  {
    display: none;
}



.award-logo-holder {
    position: relative;
    margin: 0 auto;
    width: 200px;
    height: 80px;
    margin-top: 25px;
}
.award-logo-holder .award2013 {
    height: 60px;
    width: 50%;
    float: left;
    }
.award-logo-holder .award2014 {
    height: 60px;
    width: 50%;
    float: left;
    }

.award-logo-holder .award2013 img {
    height: 80px;
}
.award-logo-holder .award2014 img {
    height: 80px;
}
/*rotate */

#rotate {
    width: 100%; top: 0px; left: 0px; height: 100%; background-color: rgba(0,0,0,0);  position: fixed; z-index: 999999 !important;  color: #88714d;
   display: none;
     -webkit-transition: background-color 0.4s ease-out;
    -moz-transition: background-color 0.4s ease-out;
    -o-transition: background-color 0.4s ease-out;
    transition: background-color 0.4s ease-out;

}
 #rotate img { position: absolute; left: 50%; top: 50%; height: 80px; width: 80px; margin-left: -40px; margin-top: -40px; border: 0px solid white; }


.ref {
    display: block;
    text-align: left;
    height: 80px;
    padding-left: 30px;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;

}


h2.worldwideh2 {
      font-size: 40px !important;
}

.worldwide-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 200px;
     padding-bottom: 60px;
     text-align: center;
     height: auto;
}


.place {
    display: block;
    padding-top: 4px;
}

.row250 {
    height: 250px !important;
    width: 100%;
}

.video-youtube {
    color: white;
    text-decoration: none;
    border-bottom: 2px solid white;
    padding-bottom: 2px;
     font-family: 'halis_rblack';
}

.worldwide-detail #arrow {
    display: none;
}

.ref-column-holder {
    width: 70%;
    margin: 0 auto;
    padding-left: 50px;
    position: relative;
    padding-top: 200px;
      padding-bottom: 100px;

}

.ref-column {
    padding-top: 50px;
    width: 33%;
    float: left;
}

.ref-column.col6 {
    width: 50%;
}

.hide-on-mobile {
    display: block !important;
}

.hide-on-desktop {
    display: none !important;
}



.line-ref {
    width: 20px;
    display: block;
    border-bottom: 1px solid white;
    padding-top: 20px;
           -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

a:hover .line-ref {
    width: 40px;
           -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}


#cf {
 position: fixed;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  height: 0;
overflow: hidden;
  width: 100%;
  text-align: center;
}

#cf.open {
  top: 0px;
  z-index: 10;
  opacity: 1;
  padding-top: 45px;
  left: 0px;
  height: auto;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  display: block;
  overflow: visible;
  position: absolute;
  width: 100%;
  padding-bottom: 35px;
  background-image: url(../imgs/bg-pattern-brown.1cda1558.jpg);

}




.contact-form-wrapper {


padding-top: 70px;
}

.wordlwide-detail {
    padding-top: 100px;
    top: 30%;
    position: absolute;
}

.imgs-holder.contact-bg {

    background-repeat: repeat;
        background-size: auto!important;
        min-height: 100%;
        height: auto;
}

.imgs-holder.contact-bg.black {
  background-color: black;
}


.disclamer p {
    width: 70% !important;
}




.cf-trigger {
    margin-top: 20px;
    display: inline-block;
    font-family: 'halis_rbold';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    padding: 5px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 1px solid #88714d;
   color: #88714d;
-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.cf-trigger.small {
    font-family: 'halis_rbook';
    font-size: 12px;
    letter-spacing: -1px;
    }

.cf-trigger:hover {
    cursor: pointer;
color: white;
border-bottom: 1px solid white;
-webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#contact-address {
    opacity: 1;
    width: 50%;
    display: block;
    right: 0 !important;
    position: absolute;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    z-index: 110;
}


#contact-address.hide {
    opacity: 0;

        -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    display: none;
}

.preloader {
    display: none !important;
}

.preloader.about-jiri {
        background-image: url(../imgs/about/jiri_no_smoke.jpg);

}

.preloader.about-jakub {
        background-image: url(../imgs/about/jakub_no_smoke.jpg);

}



body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
background-color: black;
}

.award {
   display: none;
    height: 80px;
    width: 51px;

    bottom: 40px;
    right: 25px;
     background: url(../imgs/award-white.png);
    background-size: cover;
opacity: 0.6;
      position: fixed;
    bottom:35px;
    right: 15px;

    z-index: 800;

        -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;

}


.award.white-menu {
     background: url(../imgs/award-white.png);
         height: 80px;
    width: 51px;
     background-size: cover;
}

.award.black-menu {
     background: url(../imgs/award-gold.png);
              height: 80px;
    width: 51px;
     background-size: cover;
}

.award:hover {
    cursor: pointer;
    opacity: 1;


            -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;

}



.award.brute {
    display: block !important;
}


.award.mirage {
    display: block !important;
}

.award.sepia {
    display: block !important;
}

.award.nautila {
    display: block !important;
}

.award.noble {
    display: block !important;
}

p.perex.white a i {
    color: white;
    font-size: 22px;
}

p.perex.white a:hover i {
    color: #88714d;
}

.cleared {
    clear: both;
}

.inside-contact-wrapper {
width: 50%; margin-left: 25%; background-color: transparent; height: auto; padding-top: 35px; padding-bottom: 35px;
}

.inside-contact-wrapper .row {
    padding-left: 40px;
    padding-right: 40px;
}

.inside-contact-wrapper p {
    width: 100%;
}

/* dynamic select */

#map {

    opacity: 0.8 !important;
     -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

#map.contact-form-open {
opacity: 0.0 !important;

 -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
#child_selection, #final_selection, #select-state, #select-country {
    opacity: 0;
        -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;

}

#header:hover {

}




#header.disclamer, #header.contact {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.74+39,0+97 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.74) 0%, rgba(0,0,0,0.74) 39%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.74)), color-stop(39%,rgba(0,0,0,0.74)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.74) 0%,rgba(0,0,0,0.74) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}

#header.worldwide-detail {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.74+39,0+97 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.74)), color-stop(39%,rgba(0,0,0,0.74)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 39%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}

p.name {
    font-family: 'halis_rbold';
    color: #88714d;
    font-size: 17px;
}


p.email, p.phone {
    font-family: 'halis_rbook';

    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0px;
}

.select-holder {
    z-index: 9999;
    padding-top: 50px;
    display: block;
}


#final_selection {
    height: 250px;
}

#child_selection.show, #final_selection.show, #select-state.show, #select-country.show   {
    opacity: 1;
        -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
}



.disclamer #arrow.scroll, .contact #arrow.scroll, .payment #arrow.scroll, .verification #arrow.scroll, .middle_east #arrow.scroll, .russia #arrow.scroll, .europe #arrow.scroll, .africa #arrow.scroll, .australia #arrow.scroll, .asia #arrow.scroll, .north-america #arrow.scroll {

    opacity: 0;
     -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
     display: none;
}

.meduse-disclamer, .contact-bg {
    height: 100%;
    overflow: visible;
overflow: -moz-scrollbars-vertical;
}

.meduse-disclamer::-webkit-scrollbar, .contact-bg::-webkit-scrollbar {
    display: none;
}

.disclamer #arrow, .payment #arrow, .verification #arrow, .contact #arrow {
    display: none;
}






.imgs-holder.meduse-house {
    background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;
   background-size: cover;
 background-position: center center;
}

.imgs-holder.meduse-disclamer {
    background: white url(../imgs/about/meduse_disclamer.jpg) no-repeat center center;
   background-size: cover;
 background-position: center center;
}

.online-payment {
    height: 100%;
    overflow: auto;
    background-image: url(../imgs/bg-pattern-brown.1cda1558.jpg);
    background-repeat: repeat;
        background-size: auto!important;
}



.verify{

    background-image: url(../imgs/verify.jpg);
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat !important;
}

.online-payment::-webkit-scrollbar {
    display: none;
}

.disclamer-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 130px;
     padding-bottom: 60px;
     text-align: center;
     height: auto;
}

.disclamer-wrapper h2 {
    width: 100%;
    text-align: center;
}


/* dynamic select */

/* burger menu */

.mobile-menu-trigger {
    display: none;
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 900;
    border: 0px solid yellow;
    height: 50px;
    width: 50px;
}
.mobile-menu-trigger.close {
    left: 50%;
    z-index: 9999 !important;
    display: block;
    margin-left: -25px;
}

.mobile-menu-trigger.close.menu {
    left: auto;
    z-index: 9999 !important;
    display: block;
    margin-left: 10px;
    position: relative;
}
.mobile-menu-trigger span {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    text-decoration: none;
}
.mobile-menu-trigger span i {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 1px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #ffffff;
    transition: all .2s ease-out;
}
.mobile-menu-trigger.close span,
.mobile-menu-triggerclose span i {
    width: 30px;
}
.mobile-menu-trigger.close span i::before,
.mobile-menu-trigger.close span i::after {} .mobile-menu-trigger span i::before,
span i::after {
    content: '';
    width: 22px;
    height: 1px;
    background: #ffffff;
    position: absolute;
    left: 0;
    transition: all .2s ease-out;
}
.mobile-menu-trigger span i::before {
    top: -7px;
}
.mobile-menu-trigger span i::after {
    bottom: -7px;
}
.mobile-menu-trigger span.active i {
    background: rgba(0, 0, 0, 0);
}
.mobile-menu-trigger span.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.mobile-menu-trigger span.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
/* Button placement */

.mobile-menu-trigger span {
    position: absolute;
    left: 50%;
    margin-left: -9px;
    top: 50%;
    margin-top: -9px;
}
/* burger menu */

html {
    font-size: 62.5%;
}
.mobile-menu-trigger {
    display: none;
}
.logo-eu {
    width:300px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}
.logo-eu img {
    width: 100%;
}
#map {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
}
#disclamer {
    position: fixed;
    bottom: 15px;
    right: 15px;
    color: white;
    z-index: 800;
    font-family: 'halis_rbook';
    text-transform: uppercase;
    font-size: 10px;
    opacity: 1;
       -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: v 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}

#legal {
    position: fixed;
    bottom: 15px;
    left: 15px;
    color: white;
    z-index: 800;
    font-family: 'halis_rbook';
    text-transform: uppercase;
    font-size: 10px;
    opacity: 1;
        -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: v 0.4s ease-out;
    transition: opacity 0.4s ease-out;
}
p.legal-text {
    font-size: 7px;
    font-family: 'halis_rbook';
    text-align: left;
}
#disclamer strong, #legal a strong {
    color: white;
    font-family: 'halis_rblack';
}
#map {
    opacity: 1;
    width: 100%;
    height: 100%;
    position: fixed !important;
    z-index: -1000 !important;
    -webkit-transition: opacity 0.8s ease-out;
    -moz-transition: opacity 0.8s ease-out;
    -o-transition: opacity 0.8s ease-out;
    transition: opacity 0.8s ease-out;
}
.property {
    text-transform: uppercase;
    display: block;
    font-family: 'halis_rblack';
    letter-spacing: 3px;
    font-size: 13px;
    color: #88714d;
}
.headline.maps {
    z-index: 9999 !important;
}
body {
    font-family: "Open Sans", sans-serif;
    color: #ffffff;
    background-color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* ----- curtains ------- */





.loader {
  position: absolute;
  margin: 0px auto;
  width: 100px;
  height: 100px;
  z-index: 10000 !important;
  top: 0px;
  left: 0px;
}

.loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular {
  animation: rotate 2s linear infinite;
  height: 100%;
  transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: auto;
}


.path {
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
  animation:
   dash 1.5s ease-in-out infinite,
   color 6s ease-in-out infinite
  ;
  stroke-linecap: round;
}

@keyframes rotate{
 100%{
  transform: rotate(360deg);
 }
}
@keyframes dash{
 0%{
  stroke-dasharray: 1,200;
  stroke-dashoffset: 0;
 }
 50%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -35;
 }
 100%{
  stroke-dasharray: 89,200;
  stroke-dashoffset: -124;
 }
}
@keyframes color{
  100%, 0%{
    stroke: #dedede;
  }
  40%{
    stroke: #dedede;
  }
  66%{
    stroke: #dedede;
  }
  80%, 90%{
    stroke: #dedede;
  }
}





.curtains-logo-anim.ready {
     opacity: 0;
       transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;

}


.curtains-logo-anim.loaded {
  opacity: 0;
}


.curtains-logo-anim {
 width: 100px;
    height: 100px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -50px;
   opacity: 1;
          transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;





    z-index: 10000 !important;
    background-image: url(../imgs/logo-curtains.png);
    background-size: 30px 30px;
    background-position: center center;
    background-repeat: no-repeat;
}


.curtains-logo1 {
    width: 60px;
    height: 30px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -30px;
   opacity: 1;
          transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
        -webkit-transition-delay: 0.8s;


    transition-delay: 0.8s;

    z-index: 10000 !important;
    background-image: url(../imgs/logo-curtains.png);
    background-size: cover;
    background-position: top;
}
.curtains-logo2 {
    width: 60px;
    height: 30px;
    position: absolute;
    top: 0px;

    left: 50%;
    margin-left: -30px;
   opacity: 1;
          transition: opacity 0.5s ease-in-out;
   -moz-transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
        -webkit-transition-delay: 0.8s;


    transition-delay: 0.8s;
    z-index: 10000 !important;
    background-image: url(../imgs/logo-curtains.png);
    background-size: cover;
    background-position: bottom;
}

.curtains-logo2.loaded, .curtains-logo1.loaded {
   opacity: 0;
   height: 0;


}

.bar {
 margin-top: 20px;
    float: left;
    width: 15px;
    height: 2px;
    border-radius: 0px;
    background-color: #887248;
}

.bar-wrap{
 height: 2px;
 position: absolute;
 bottom: 0;

}



.bar {animation: loadingJ 2s ease-in-out infinite;}

@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}

  50% {
      transform: translate(40px,0);

      width: 15px;
  }
}




.curtains {
    position: fixed;
    z-index: 9999;
    width: 100%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(-200%);
    transform: translateX(0%);
    height: 100vh;
}
.curtains.loaded {
    -webkit-transition-delay: 1.8s;
    /* Safari */

    transition-delay: 1.8s;
    opacity: 0;
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
}
.curtains #curtain1 {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 51vh;
    background-color: #1d1d1d;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -moz-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -o-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    /* custom */
}



.curtains.loaded #curtain1 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -moz-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -o-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
        -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;
    /* custom */
}
.curtains.loaded #curtain2 {
    top: 100%;
    -webkit-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -moz-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -o-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
         -webkit-transition-delay: 0.6s;

    transition-delay: 0.6s;
    /* custom */
}
.curtains #curtain2 {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 50%;
    -webkit-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -moz-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    -o-transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    transition: all 800ms cubic-bezier(0.020, 0.910, 0.390, 0.965);
    /* custom */

    height: 51vh;
    background-color: #1d1d1d;
}
/* ------------
Header
----------------------*/

#header {
    width: 100%;
    height: 100px;
    z-index: 1000;
    border: 0px solid red;
    position: fixed;
    z-index: 1000 !important;

}

#header:hover .header-shadow {
    opacity: 0 !important;
   transition: opacity 1.5s ease-in-out;
   -moz-transition: opacity 1.5s ease-in-out;
   -webkit-transition: opacity 1.5s ease-in-out;
}

#header .header-shadow {
    position: fixed;
    top: 0px;
    z-index: -100 !important;
    width: 100%;
    height: 100px;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.55+0,0+84 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 84%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.55)), color-stop(84%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 84%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
   transition: opacity 1.5s ease-in-out;
   -moz-transition: opacity 1.5s ease-in-out;
   -webkit-transition: opacity 1.5s ease-in-out;
    opacity: 0 !important;
}
.menu-wrapper {
    width: 1100px;
    margin: 0 auto;
    background-color: red;
}
.logo-full {
    width: 170px;
    padding: 15px;
    float: left;
    height: 43px;
    margin-top: 25px;
    border: 0px solid red;
}
.white-menu .logo-full {
    background: url(../imgs/meduse_white.png) no-repeat center center;
    background-size: 80%;
}
.gold-menu .logo-full {
    background: url(../imgs/meduse_gold.png) no-repeat center center;
    background-size: 80%;
}
.red-menu .logo-full {
    background: url(../imgs/meduse_red.png) no-repeat center center;
    background-size: 80%;
}
.black-menu .logo-full {
    background: url(../imgs/meduse_black.png) no-repeat center center;
    background-size: 80%;
}
.menu-items-holder {
    float: right;
}
.menu-items-holder ul {
    padding-top: 38px;
    list-style-type: none;
}
.menu-items-holder ul li {
    float: right;
    display: block;
    padding-left: 00px;
    padding-right: 30px;
}
.menu-items-holder ul li.last {
    padding-right: 0px;
}
.menu-items-holder ul li a, .menu-items-holder ul li span {
    font-family: 'halis_rbold';
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 3.5px;
    padding-bottom: 5px;
    transition: 0.6s border-bottom ease;
    border-bottom: 0px solid;
}

.menu-items-holder ul li span:hover {
    cursor: pointer;
}

.menu-items-holder ul li a span {
    letter-spacing: 0px;
}
.menu-items-holder ul li a:hover, .menu-items-holder ul li span:hover  {
    transition: 0.28s border-bottom ease;
    border-bottom: 1px solid;
}
.menu-items-holder ul li a.current {
    border-bottom: 1px solid white;
}
.menu-items-holder ul li a {
    transition: 0.28s color ease;
}
.white-menu ul li a, .white-menu ul li span {
    color: white;
}
.white-menu ul li a.gold {
  color: #88714d;
}

.gold-menu ul li a {
    color: #88714d;
}
.black-menu ul li a, .black-menu ul li span {
    color: #000000;
}
.red-menu ul li a {
    color: #d5262a;
}
.white-menu ul li a.current {
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.gold-menu ul li a.current {
    color: #88714d;
    border-bottom: 2px solid #88714d;
}
#disclamer.gold-menu {
    color: #88714d;
}
#disclamer.white-menu {
    color: #ffffff;
}
#disclamer.black-menu {
    color: black;
}
#disclamer.red-menu {
    color: #d5262a;
}
.black-menu ul li a.current {
    color: #000;
    border-bottom: 2px solid #000;
}
.red-menu ul li a.current {
    color: #d5262a;
    border-bottom: 2px solid #d5262a;
}
/* ------------
Header
----------------------*/

body::before {
    /* never visible - this is used in jQuery to check the current MQ */

    content: 'mobile';
    display: none;
}
@media only screen and (min-width: 1050px) {
    body::before {
        /* never visible - this is used in jQuery to check the current MQ */

        content: 'desktop';
    }
}
a {
    color: #267481;
    text-decoration: none;
}
/* --------------------------------

Main Components

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

@media only screen and (min-width: 1050px) {
    body[data-hijacking="on"] {
        overflow: hidden;
    }
}
.cd-section {
    height: 101vh;
}
.cd-section.half {
    height: 30vh;
}
.cd-section.half .headline,
.cd-section.half .headline {
    margin-top: 60vh;
    height: 30vh;
    text-align: center;
}
.cd-section .headline,
.cd-section .headline {
    height: 101vh;
    text-align: center;
}
.headline-text-holder {
    border: 0px solid red;
    top: 50%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    height: 100%;
    z-index: 2;
}
.headline-text-holder.about {
    z-index: 800;
}
span.h1 {
    display: block;
    font-family: 'halis_rblack';
    text-transform: uppercase;
    font-size: 7rem;
    letter-spacing: 4rem;
    margin-right: -4rem;
}
span.collection {
    font-family: 'halis_rbook';
    text-transform: uppercase;
    letter-spacing: 8px;
    font-size: 13px;
    margin-right: -8px;
}
span.collection.position {
    letter-spacing: 4px;
    font-size: 12px;
    margin-right: -4px;
}
.cd-section h1 {} .headline {
    overflow: hidden;
}

.contact .cd-section:first-of-type > div {
    background-color: #3c3c3c;
}

.cd-section:first-of-type > div {
    background-color: #000000;
}
@media only screen and (min-width: 1050px) {
    [data-hijacking="on"] .cd-section {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    [data-hijacking="on"] .cd-section > div {
        visibility: visible;
    }
    [data-hijacking="off"] .cd-section > div {
        opacity: 0;
    }
    [data-animation="rotate"] .cd-section {
        /* enable a 3D-space for children elements */

        -webkit-perspective: 1800px;
        -moz-perspective: 1800px;
        perspective: 1800px;
    }
    [data-hijacking="on"][data-animation="rotate"] .cd-section:not(:first-of-type) {
        -webkit-perspective-origin: center 0;
        -moz-perspective-origin: center 0;
        perspective-origin: center 0;
    }
    [data-animation="scaleDown"] .cd-section > div,
    [data-animation="gallery"] .cd-section > div,
    [data-animation="catch"] .cd-section > div {
        box-shadow: 0 0 0 rgba(25, 30, 46, 0.4);
    }
    [data-animation="opacity"] .cd-section.visible > div {
        z-index: 1;
    }
}
@media only screen and (min-width: 1050px) {
    .cd-section:first-of-type > div::before {
        display: none;
    }
}
@media only screen and (min-width: 1050px) {
    .cd-section > div {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        /* Force Hardware Acceleration */

        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    [data-hijacking="on"] .cd-section > div {
        position: absolute;
    }
    [data-animation="rotate"] .cd-section > div {
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
.cd-vertical-nav {
    /* lateral navigation */

    position: fixed;
    z-index: 1;
    right: 3%;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}
.cd-vertical-nav a {
    display: block;
    height: 40px;
    width: 40px;
    /* image replace */

    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../imgs/cd-icon-arrow.svg) no-repeat center center;
}
.cd-vertical-nav a.cd-prev {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 10px;
}
.cd-vertical-nav a.inactive {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s;
    transition: opacity 0.2s 0s, visibility 0s 0.2s;
}
@media only screen and (min-width: 1050px) {
    .cd-vertical-nav {
        display: block;
    }
}
/* --------------------------------
COLs & ROWs
-------------------------------- */

.row {
    height: 50%;
    width: 100%;
}
.row.third {
  height: 33.33%;
  width: 100%;
}
.row.fh {
    height: 100%;
    width: 100%;
    border: 0px solid red;
}
.row.fh.mirage {
    height: 30%;
    width: 100%;
    position: absolute;
    bottom: 0px;
    border: 0px solid red;
}

.row.footer {
    height: 30%;
    width: 100%;
    position: absolute;
    bottom: 0px;
    border: 0px solid red;
     background-color: #1d1d1d;
}
.col-2 {
    width: 16.666666666666%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}

.col-2 {
    width: 20%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}

.col-3 {
    width: 25%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}
.col-4 {
    width: 33.333333%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}
.col-5c {
    width: 20%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}
.col-6 {
    width: 50%;
    border: 0px solid red;
    float: left;
    color: black;
    height: 100%;
    overflow: hidden;
}
.col-12 {
  width: 100%;
  border: 0px solid red;
  float: left;
  color: black;
  height: 100%;
  overflow: hidden;
}
div.models-cross {
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0) scale(1.0);
    -ms-transform: translate3d(0, 0, 0) scale(1.0);
    -webkit-transform: translate3d(0, 0, 0) scale(1.0);
    transition: 0.5s transform;
    -webkit-filter: grayscale(0.5);
    filter: grayscale(0.5);
    transition: all 2s ease;
}
div.models-cross:hover {
    transform: translate3d(0, 0, 0) scale(1.20);
    -ms-transform: translate3d(0, 0, 0) scale(1.2);
    -webkit-transform: translate3d(0, 0, 0) scale(1.2);
    transition: all 2s ease;
    cursor: pointer;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
div.models-cross:hover span {
    transform: translate3d(0, 0, 0) scale(1.0);
    -ms-transform: translate3d(0, 0, 0) scale(1.0);
    -webkit-transform: translate3d(0, 0, 0) scale(1.0);
    transition: 2s transform;
    -webkit-transition: 2s -webkit-transform;
}
div.models-cross span {
    transform: translate3d(0, 0, 0) scale(0.8);
    -ms-transform: translate3d(0, 0, 0) scale(0.8);
    -webkit-transform: translate3d(0, 0, 0) scale(0.8);
    transition: 0.5s transform;
    -webkit-transition: 0.5s -webkit-transform;
    font-family: 'halis_rblack';
    position: relative;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 8px;
    text-align: center;
    border: 0px solid blue;
    top: 50%;
    width: 100%;
    margin-top: 0px;
    display: block;
}
div.models-cross.noble span {
    color: #fff;
}
div.models-cross.royal span {
    color: #fff;
}
div.models-cross.sepia span {
    color: #fff;
}
div.models-cross.brute span {
    color: #fff;
}
div.models-cross.mirage span {
    color: #fff;
}
div.models-cross.nautila span {
    color: #fff;
}
div.models-cross.seablooom span {
  color: transparent;
}


div.models-cross {
    background-size: cover !important;
    background-position: center center;
}



.imgs.middle-east {
    background-image: url(../imgs/worldwide/detail/middle_east.jpg);
    background-size: cover;
background-repeat: no-repeat;
background-position: 50% 0px;

}

.imgs.russia {
    background-image: url(../imgs/worldwide/detail/russia.jpg);
    background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.imgs.africa {
    background-image: url(../imgs/worldwide/detail/africa.jpg);
    background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0px;
}

.imgs.north-america {
    background-image: url(../imgs/worldwide/detail/africa.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

.imgs.europe {
    background-image: url(../imgs/worldwide/detail/europe.jpg);
    background-size: cover;
 background-repeat: no-repeat;
 background-position: 50% 0px;

}

.imgs.asia {
    background-image: url(../imgs/worldwide/detail/asia.jpg);
    background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0px;

}

.imgs.australia {
    background-image: url(../imgs/worldwide/detail/australia.jpg);
    background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0px;

}

div.models-cross.mirage {
    background: black url(../imgs/mirage-cross.jpg);
}
div.models-cross.brute {
    background: black url(../imgs/brute-cross.jpg);
}
div.models-cross.middle-east {
    background-image: url(../imgs/worldwide/middle_east_img.jpg);
}
div.models-cross.russia {
    background-image: url(../imgs/worldwide/russia_img_small.jpg);
}
div.models-cross.africa {
    background-image: url(../imgs/worldwide/africa_img.jpg);
}
div.models-cross.north-america {
    background-image: url(../imgs/worldwide/africa_img.jpg);
}
div.models-cross.europe {
    background-image: url(../imgs/worldwide/europe_img.jpg);
}
div.models-cross.russia {
    background-image: url(../imgs/worldwide/russia_img.jpg);
}
div.models-cross.africa {
    background-image: url(../imgs/worldwide/africa_img.jpg);
}
div.models-cross.north-america {
    background-image: url(../imgs/worldwide/africa_img.jpg);
}
div.models-cross.asia {
    background-image: url(../imgs/worldwide/asia_img_small.jpg);
}
div.models-cross.australia {
    background-image: url(../imgs/worldwide/australia_img_small.jpg);
}
div.models-cross.russia {
    background-image: url(../imgs/worldwide/russia_img_small.jpg);
}
div.models-cross.asia {
    background-image: url(../imgs/worldwide/asia_img_small.jpg);
}
div.models-cross.kazakhstan {
    background-image: url(../imgs/worldwide/kazakhstan_img_small.jpg);
}
div.models-cross.noble {
    background: black url(../imgs/noble-cross.jpg);
}
div.models-cross.sepia {
    background: black url(../imgs/sepia-cross.jpg);
}
div.models-cross.nautila {
    background: black url(../imgs/nautila-cross.jpg);
}
div.models-cross.seablooom {
  background: black url(../imgs/seablooom-cross.jpg) center center;
}
div.models-cross.royal {
    background: black url(../imgs/royal-cross.jpg);
}
div.models-cross.shisha-team {
    background: black url(../imgs/experience/shisha_team.jpg);
}
div.models-cross.shisha-catering {
    background: black url(../imgs/experience/shisha_catering.jpg);
}
.col-6 {
    height: 100%;
    float: left;
    width: 50%;
    background-color: grey;
}
.col-6.nautila1 {
    background-color: #ffb9c4;
}
.col-6.nautila2 {
    background-color: #f4f18a;
}
/* --------------------------------
COLs & ROWs
-------------------------------- */

.headline {}

.imgs-holder.home {
    background: black url(../imgs/home.jpg) no-repeat center center;
    background-size: cover;
}
/* --------------------------------
Royal
-------------------------------- */


.imgs-holder.royal {
    background: black url(../imgs/royal/royal_headline.jpg) no-repeat center center;
    background-size: cover;
}

.imgs-holder.royalUvod {
    background: black url(../imgs/royal/royal_cut2_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}


.imgs-holder.royal1 {
    background: black url(../imgs/royal/royal_cut_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.royal2 {
    background: black url(../imgs/royal/royal_queen_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.royal3 {
    background: black url(../imgs/royal/royal_prince_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.royal4 {
    background: black url(../imgs/royal/royal_gold_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.royal5 {
    background: black url(../imgs/royal/royal_verify.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}

.imgs-holder.royal7 {
    background: black url(../imgs/royal/royal_ornament_full.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}
.imgs-holder.royal8 {
    background: black url(../imgs/royal/royal_madlo_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}

/* --------------------------------
Royal
-------------------------------- */

.imgs-holder.brute {
    background: black url(../imgs/brute/brute_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.brute1 {
    background: black url(../imgs/brute/brute_samec.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.brute2 {
    background: black url(../imgs/brute/brute_smithery_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.brute3 {
    background: black url(../imgs/brute/brute_crystal_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.brute4 {
    background: black url(../imgs/brute/brute_led_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.brute5 {
    background: black url(../imgs/brute/brute_verify.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}
.imgs-holder.brute-custom {
    background: black url(../imgs/brute/brute_custom.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}
.imgs-holder.brute-grande {
    background: black url(../imgs/brute/brute_grande.jpg) no-repeat center center;
    background-size: cover;
    background-position: top left;
}
.imgs-holder.mirage3 {
    background: black url(../imgs/mirage/mirage_crystal_chameleon.jpg) no-repeat center center;
    background-size: cover;
    background-position: top left;
}
.imgs-holder.mirage {
    background: black url(../imgs/mirage/mirage_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.mirage1 {
    background: black url(../imgs/mirage/mirage-full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.mirage2 {
    background: black url(../imgs/mirage/mirage_crystal_full.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}
.imgs-holder.mirage4 {
    background: black url(../imgs/mirage/mirage_grande-full.jpg) no-repeat center center;
    background-size: cover;
    background-position: top left;
}
.imgs-holder.mirage5 {
    background: black url(../imgs/mirage/mirage_cocktail.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.mirage-custom {
    background: black url(../imgs/mirage/mirage_custom.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}

.imgs-holder.noble {
    background: black url(../imgs/noble/noble_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.noble1 {
    background: black url(../imgs/noble/noble-full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.noble2 {
    background: black url(../imgs/noble/noble_crystal.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.noble3 {
    background: black url(../imgs/noble/noble_led.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}

.imgs-holder.noble4 {
    background: black url(../imgs/noble/noble_verify.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.noble-custom {
    background: black url(../imgs/noble/noble_custom.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.sepia {
    background: black url(../imgs/sepia/sepia_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.sepia1 {
    background: black url(../imgs/sepia/sepia-full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.sepia2 {
    background: black url(../imgs/sepia/sepia_steel_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.sepia3 {
    background: black url(../imgs/sepia/sepia_steel_full3.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.sepia4 {
    background: black url(../imgs/sepia/sepia_led_full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.sepia-custom {
    background: black url(../imgs/sepia/sepia_custom.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.sepia5 {
    background: black url(../imgs/sepia/sepia_modely.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.sepia6 {
    background: black url(../imgs/sepia/sepia-verify.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.nautila {
    background: black url(../imgs/nautila/nautila_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.nautila1 {
    background: black url(../imgs/nautila/nautila-full.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.nautila2 {
    background: black url(../imgs/nautila/nautila-design.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.nautila3 {
    background: black url(../imgs/nautila/nautila-crystal.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.nautila4 {
    background: black url(../imgs/nautila/nautila_led.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}
.imgs-holder.nautila-custom {
    background: black url(../imgs/nautila/nautila_custom.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.nautila5 {
    background: black url(../imgs/nautila/nautila-modely.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.nautila6 {
    background: black url(../imgs/nautila/nautila-crab.jpg) no-repeat center center;
    background-size: cover;
    background-position: bottom right;
}

.imgs-holder.nautila8 {
    background: black url(../imgs/nautila/nautila-crab.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.maps {
     background: black url(../imgs/world.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}

.imgs-holder.partners {
    background: black url(../imgs/partners/partners_img.jpg) no-repeat center center;
    background-size: cover;
}



.imgs-holder.worldwide {
    background: black url(../imgs/slideshow/worldwide-1.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.akademie {
    background: white url(../imgs/experience/akademie.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.experience {
    background: black url(../imgs/experience/experience_bg.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.laboratory {
    background: white url(../imgs/experience/laboratory.jpg) no-repeat center center;
    background-size: cover;
    background-position: top right;
}
.imgs-holder.shisha-coctail {
    background: white url(../imgs/experience/koktejly.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top left;
}
.imgs-holder.movables {
    background: white url(../imgs/experience/movables.jpg) no-repeat center center;
    background-size: cover;
    background-position: top left;
}
.imgs-holder.meduse-story {
    background: white url(../imgs/about/meduse_story.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}

.imgs-holder.meduse-office {
    background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}


.imgs-holder.meduse-contact {

}

#cf-img.cf:after {

    opacity : 0.05;

       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.desktop #cf-img:after {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
      background: white url(../imgs/contact/meduse_contact.jpg) no-repeat center center;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
       -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}




.desktop #cf-img.office:after {

      background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;

}



.imgs-holder.somelieri {
    background: white url(../imgs/experience/somelieri.jpg) no-repeat center center;
    background-size: auto 100%;
    background-position: top right;
}

.black-bg {
    background-color: black;
}
.white-bg {
    background-color: white;
}
.imgs-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    border: 0px solid red;
    background-size: cover;
}

.imgs-holder.full {
    height: auto;
    min-height: 100%;
    position: absolute;
    overflow: visible;
}

.imgs-holder.img {
    height: auto;
    min-height: 100% !important;
    position: relative !important;

}


#imgs-holder {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -1;
    border: 0px solid red;
    background-size: cover;
}
.imgs-holder.anim {
    transform: translate3d(0, 0, 0) scale(1.2);
}
.loaded .imgs-holder.anim {
    transform: scale(1);
    transition: 30.5s transform;
}
.headline-img {
    background-repeat: no-repeat;
    background-position: center center;
}
/* --------------------------------
Brute collection
-------------------------------- */

body.brute {
    background-color: #000000;
}
.form {
    background-color: black;
}
.headline-img.brute-1 {} .loaded .headline .headline-img.brute-1 {
    transform: scale(1);
    transition: 8.5s transform;
}
/* barevnost BG sekcí */

.brute .cd-section:nth-of-type(1) > div {
    background-color: #000;
}
.brute .cd-section:nth-of-type(2) > div {
    background-color: #000;
}
.brute .cd-section:nth-of-type(3) > div {
    background-color: #000;
}
.brute .cd-section:nth-of-type(4) > div {
    background-color: #000;
}

.royal .cd-section.visible:nth-of-type(9) > div {
    background-color: #000;
    transition: 1s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}

.brute .cd-section.visible:nth-of-type(9) > div {
    background-color: #000;
    transition: 1s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}
.mirage .cd-section:nth-of-type(1) > div {
    background-color: #000;
}
.mirage .cd-section:nth-of-type(2) > div {
    background-color: #000;
}
.mirage .cd-section:nth-of-type(3) > div {
    background-color: #000;
}
.mirage .cd-section:nth-of-type(4) > div {
    background-color: #000;
}
.mirage .cd-section.visible:nth-of-type(8) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}
.mirage .cd-section:nth-of-type(6) > div {
    transition: 0.28s background-color ease;
    background-color: rgba(0, 0, 0, 0.0);
}
.nautila .cd-section:nth-of-type(1) > div {
    background-color: #000;
}
.nautila .cd-section:nth-of-type(2) > div {
    background-color: #000;
}

.nautila .cd-section.visible:nth-of-type(10) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}

.nautila .cd-section.visible:nth-of-type(11) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}

.mirage .cd-section.visible:nth-of-type(7) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}

.nautila,
.sepia {
    background-color: #000;
}
.nautila .cd-section.visible:nth-of-type(9) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}
.sepia .cd-section.visible:nth-of-type(9) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}
.noble .cd-section.visible:nth-of-type(7) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}

.experience .cd-section.visible:nth-of-type(2) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.0);
}
.team .cd-section.visible:nth-of-type(5) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 0.8);
}
.worldwide .cd-section.visible:nth-of-type(3) > div {
    transition: 2s background-color ease 0.5s;
    background-color: rgba(0, 0, 0, 1);
}
/* barevnost sekcí */

.smithery-img {
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/brute/brute_smithery.jpg);
}
.nautila-design-img {
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/nautila/nautila-design.jpg);
}
.nautila-crystal-img {
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/nautila/nautila-crystal.jpg);
}
.crystal-img {
    height: 100%;
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/brute/brute_crystal.jpg);
}
.crystal-img.mirage {
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/mirage/mirage_crystal.jpg);
}
h2 {
    font-family: 'halis_rblack';
    text-transform: uppercase;
    font-size: 28px;
    letter-spacing: 10px;
}
h3 {
    font-family: 'halis_rblack';
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
}
p.perex {
    font-family: 'halis_rbook';
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    color: white;
    margin-top: 25px;
}
p.perex strong {
    font-family: 'halis_rblack';
}
.section-spacer {
    padding-top: 20%;
}
p {
    font-family: 'halis_rextralight';
    font-size: 13px;
    line-height: 15px;
    width: 50%;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
    margin-bottom: 25px;
}
.visible .perex-holder .wrapper {
    padding-bottom: 25px;
             -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    opacity: 1;
    top: 50%;
    z-index: 900;
}
.perex-holder .wrapper {
          -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    position: relative;
    opacity: 0;
    top: 40%;
    padding-bottom: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%;
    border: 0px solid red;
}
.perex-holder.right {
    left: 50%;
}
.perex-holder.center .wrapper {
    width: 100%;
}
.perex-holder.center {
    left: 0%;
    width: 100%;
}
.perex-holder {
    position: relative;
    height: 100%;
}
.half-text-holder {
    position: relative;
    height: 100%;
    border: 0px solid blue;
    border: 0px solid red;
}
.visible .half-text-holder .wrapper {
    top: 50%;
             -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    opacity: 1;
    padding-bottom: 35px;
    ;
}
.half-text-holder .wrapper {
    -webkit-transition: top 1s, opacity 2s;
    -moz-transition: top 1s, opacity 2s;
    position: relative;
    text-align: center;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    border: 0px solid red;
    padding-bottom: 35px;
}
.lightbox-text-holder {
    background-color: #000000;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    height: 100%;
}
.lightbox-text-holder .wrapper {



    position: relative;
    text-align: center;
    top: 40%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    opacity: 0;
    border: 0px solid red;

}
.lightbox-text-holder .wrapper.right {
    width: 50%;
    margin-left: 50%;
}
.lightbox-text-holder .wrapper.left {
    width: 50%;
    margin-left: 0;
}
.my-mfp-slide-bottom.mfp-ready .wrapper {



    top: 50%;
    opacity: 1;
             -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.lightbox-text-holder.half {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-color: #000000;
    width: 50%;
    border: 0px solid blue;
    float: left;
}
.visible .lightbox-text-holder.half.parallax {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-color: #000000;
    width: 50%;
    border: 0px solid blue;
    float: left;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.lightbox-text-holder.half.parallax {
    position: relative;
    background-color: #000000;
    width: 50%;
    border: 0px solid blue;
    float: left;
    -webkit-transform: translateY(20%);
    -ms-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
.lightbox-text-holder.smithery {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/brute/brute_smithery_img.jpg);
}
.lightbox-text-holder.awards-bg {
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/award-bg.jpg);
}
.lightbox-text-holder.led-nautila {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/nautila/led-lightbox.jpg);
}
.lightbox-text-holder.led-noble {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/noble/led-lightbox.jpg);
}
.lightbox-text-holder.led-sepia {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/sepia/led-lightbox.jpg);
}
.lightbox-text-holder.led-brute {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/brute/led-lightbox.jpg);
}
.lightbox-text-holder.led-mirage {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/mirage/led-lightbox.jpg);
}
.lightbox-text-holder.crystal-mirage {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/mirage/crystal-lightbox.jpg);
}
.lightbox-text-holder.middle-east {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/worldwide/middle_east_img_vertical.jpg);
}
.lightbox-text-holder.europe {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/worldwide/europe_img.jpg);
}
.lightbox-text-holder.russia {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/worldwide/russia_img.jpg);
}
.visible .lightbox-text-holder.jakub {
    background-image: url(../imgs/about/jakub.jpg);
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.lightbox-text-holder.jakub {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: top 0px center;
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    background-image: url(../imgs/about/jakub_no_smoke.jpg);
}
.visible .lightbox-text-holder.jiri {
    background-image: url(../imgs/about/jiri.jpg);
         -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.jiri {
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: top 0px center;
         -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    background-image: url(../imgs/about/jiri_no_smoke.jpg);
}
.australia {
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/worldwide/australia_img.jpg);
}
.crystal {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/brute/brute_crystal_img.jpg);
}
.crystal-fazety {
    background-size: cover !important;
    background-position: bottom center;
    background-image: url(../imgs/nautila/nautila_crystal_img.jpg);
}
.perex-holder.left {
    left: 0px;
}
.smithery-vid {
    overflow: hidden;
}



video {
    -webkit-filter: grayscale(0%);
    min-height: 100%;
    min-width: 100%;
    background-size: cover !important;
    object-fit: cover;
}
video#homevid {
    background-size: cover !important;
    background-position: center center;
}
#smithery-vid-img {
    position: absolute;
    width: 50%;
    height: 50%;
    left: 0px;
    top: 0px;
    z-index: 900;
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/brute/brute_smithery_img.jpg);
}
.brute-2nd-slide {
    position: absolute;
    left: 0px
}
.mirage-3rd-slide {
    right: 0px;
    position: absolute;
}
.crystal-vid-img {
    background-size: cover !important;
    background-position: center center;
    background-image: url(../imgs/brute/brute_crystal_img.jpg);
}
.smithery-trigger-holder {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0px;
    padding: 8%;
    left: 0px;
    z-index: 1000;
    border: 0px solid red;
}
.crystal-trigger-holder {
    width: 50%;
    height: 50%;
    position: absolute;
    bottom: 0px;
    padding: 8%;
    right: 0px;
    z-index: 1000;
    border: 0px solid red;
}
.smithery-wrapper,
.crystal-wrapper {
    width: 100%;
    height: 100%;
    border: 0px solid white;
}
.smithery-wrapper:hover,
.crystal-wrapper:hover
{
    cursor: pointer;
}
.moreinfo.gold:hover {
    color: #88714d;
    border-bottom: 1px solid rgba(136, 113, 77, 1);
}
.moreinfo {
    margin-top: 25px;
    font-size: 12px;
    display: inline-block;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-family: 'halis_rblack';
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}
/* --------------------------------
Brute collection
-------------------------------- */

.white {
    color: white;
}
.red {
    color: #d5262a;
}
.black {
    color: black;
}
.green {
    color: #105158 !important;
}
.blue {
    color: #154285;
}
.gold,
p.perex.gold {
    color: #88714d;
}
.gradient {}
/*
page TRANSITION
*/
/* bullet navigation */
/* No Touch devices */

.cd-nav-trigger {
    display: none;
}
#cd-vertical-nav {
    position: fixed;
    right: 40px;
    top: 45px;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
#cd-vertical-nav li {
    text-align: right;
}
#cd-vertical-nav div {
    display: block;
    /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
}
#cd-vertical-nav div span {
    float: right;
    display: block;
}
#cd-vertical-nav div.is-selected .cd-dot {
    transition: background-color 0.5s;
    height: 1px;
    width: 25px;
}
#cd-vertical-nav.white-menu div.is-selected .cd-dot {
    background-color: rgba(255, 255, 255, 1);
}
#cd-vertical-nav.gold-menu div.is-selected .cd-dot {
    background-color: rgba(136, 113, 77, 1);
}
#cd-vertical-nav.black-menu div.is-selected .cd-dot {
    background-color: rgba(0, 0, 0, 1);
}
#cd-vertical-nav.red-menu div.is-selected .cd-dot {
    background-color: rgba(213, 38, 42, 1);
}
#cd-vertical-nav.black-menu div.is-selected .cd-dot {
    background-color: rgba(0, 0, 0, 1);
}
#cd-vertical-nav.gold-menu .cd-dot {
    background-color: rgba(136, 113, 77, 0.5);
}
#cd-vertical-nav.red-menu .cd-dot {
    background-color: rgba(213, 38, 42, 0.5);
}
#cd-vertical-nav.black-menu .cd-dot {
    background-color: rgba(0, 0, 0, 0.5);
}
#cd-vertical-nav.white-menu .cd-dot {
    background-color: rgba(255, 255, 255, 0.5);
}
#cd-vertical-nav .cd-dot {
    position: relative;
    top: 0;
    height: 1px;
    width: 15px;
    -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
    -moz-transition: -moz-transform 0.2s, background-color 0.5s;
    transition: transform 0.2s, background-color 0.5s, width 0.5s;
}
.visible .anim-visible {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
.anim-visible {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0;
}
.visible .anim-visible-delay {
    opacity: 1;
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    transition: opacity 3s;
    transition-delay: 0.3s;
}
.visible .anim-visible-delay.delay6 {
    opacity: 1;
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    transition: opacity 3s;
    transition-delay: 0.6s;
}
.visible .anim-visible-delay.delay9 {
    opacity: 1;
    -webkit-transition: opacity 3s;
    -moz-transition: opacity 3s;
    transition: opacity 3s;
    transition-delay: 0.9s;
}
.anim-visible-delay {
    -webkit-transition: opacity 1.3s;
    -moz-transition: opacity 1.3s;
    transition: opacity 1.3s;
    opacity: 0;
}
p.perex.black {
    color: black;
}
.visible h2.spin {
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}
h2.spin {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    text-align: center;
    letter-spacing: 20px;
    display: block;
    text-transform: uppercase;
    display: block;
    font-family: 'halis_rblack';
    font-size: 60px !important;
}
i.clear-spacing {
    letter-spacing: 0px !important;
}
#spinner-show {
    font-size: 40px;
    font-weight: 300;
    display: inline-block;
    text-transform: uppercase;
    -webkit-transition: width 0.6s ease-out;
    -moz-transition: width 0.6s ease-out;
    -o-transition: width 0.6s ease-out;
    -ms-transition: width 0.6s ease-out;
    transition: width 0.6s ease-out;
    position: relative;
}
#spinner-show em {
    font-style: normal;
}
#spinner-show .current {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    white-space: nowrap;
}
#spinner-show .next {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 50%;
    width: 700px;
    margin-left: -350px;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    white-space: nowrap;
}
#spinner-show.swap .current {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}
#spinner-show.swap .next {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    -ms-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
}

#spinner {
    display: none;
    /* position relative list-style none text-transform uppercase font-size 30px width 286px display inline-block font-size 30px text-align center font-weight 300 font-family roboto color #fff padding 0 margin 0 li text-align center position absolute top 0 width 100% &.a transform translateY(0px) transform-origin 0 0 &.b transform translateY(15px) transform-origin 0 100% opacity 0 li opacity 0 &:first-child opacity 1 &.swap li &.a opacity 0 transform translateY(0px) transition 0.5s ease-out &.b opacity 1 transform translateY(0px) transition 0.5s ease-out */
}
p.unna {
    font-family: 'unna_regular';
    font-size: 16px;
    line-height: 20px;
}
.quote {
    font-size: 12px !important;
    line-height: 15px !important;
    text-transform: none !important;
}


blockquote{
    line-height: 20px;
    font-size: 12px;
    text-transform: uppercase !important;
     font-family: 'halis_rbook';
   width: 70%;
   margin: 0 auto;
   padding-bottom: 30px;
}

.name {
    letter-spacing: 2px;
    font-size: 18px;
}

.subname {
    display: block;
    padding-top: 4px;
font-size: 11px;
     font-family: 'halis_rbook';
  text-transform: uppercase !important;
    }



/*  ----------------------------------------------------------------------------------------------------------------*/
/* mobile ----------------------------------------------------------------------------------------------------------------*/
/*  ----------------------------------------------------------------------------------------------------------------*/



@media (min-width: 240px) and (max-width: 500px) {



}

@media (min-width: 240px) and (max-width: 700px) {


#cf-img.cf:after {

    opacity : 0.05;

       -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.mobile #cf-img:after {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
      background: white url(../imgs/contact/meduse_contact_mobile.jpg) no-repeat center center;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
       -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}




.mobile #cf-img.office:after {

      background: white url(../imgs/contact/meduse_office_mobile.jpg) no-repeat center center;

}


.logo-eu {
    width:300px;
    margin: 0 auto;

}

#disclamer.scroll, #legal.scroll {
    opacity: 0;
         -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: v 0.4s ease-out;
    transition: opacity 0.4s ease-out;

}

.worldwide-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 150px;
     padding-bottom: 50px;
     text-align: center;
     height: auto;
}


.imgs.asia {
    background-image: url(../imgs/worldwide/detail/asia.jpg);
    background-size: auto 100%;
     background-position: top left 800px;

}

.imgs.europe {

    background-size: auto 100%;
     background-position: top right;

}



h2.worldwideh2 {
      font-size: 35px !important;
}

.ref-column-holder {
    width: 90%;
    margin: 0 auto;
    padding-left: 0px;
    position: relative;
    padding-top: 50px;
      padding-bottom: 50px;

}

.ref-column {
    padding-top: 0px;
    width: 100%;
    float: left;
}

.ref-column.col6 {
    width: 100%;
}



.row250 {
    height: 200px !important;
    width: 100%;
    position: absolute;
    bottom: -200px;
}

.row250 .col-3 {
    width: 50%;
    height: 100px;

}

.row250 .col-2 {
    width: 50%;
    height: 100px;

}

.row250 .col-2.last {
    width: 100%;
    height: 100px;

}

.row250 .col-3 .models-cross span, .row250 .col-2 .models-cross span {
    font-size: 14px;
    letter-spacing: 2px;
}
    .payment #disclamer {
        display: none !important;
    }

      .cd-form .icon input, .cd-form .icon select, .cd-form .icon textarea {
  padding-left: 15px !important;
}

.hide-on-mobile {
    display: none !important;
}

.hide-on-desktop {
    display: block !important;
}

#contact-address {
    opacity: 1;
    width:100%;
    display: block;
    right: auto;
    margin: 0 auto;
    position: relative;

}



.js .floating-labels .icon .cd-label {
  left: 15px;
}

.item-form {
    margin-top: 25px;
}
.item-form, .item-value {
    width: 100%;
    text-align: center;
    height: auto;
    padding: 5px;
}

     .cd-form input[type="submit"] {
          appearance: none;
    padding: 10px 15px;

  letter-spacing: 2px;
   font-size: 12px;
     }


     .form-wrapper {
  padding-left: 8px;
  padding-right: 8px;
}

          /* lighbox */

        .form-holder  {
          width: 100% !important;
          padding-top: 25px;
          margin: 0 auto;
        }

          .cd-form div.input-holder, .cd-form div.radio-holder {
    /* form element wrapper*/
    margin-bottom: 3px;
  }




        .cd-form.half {
          width: 100% !important;
          float: none !important;
        }

        .cd-form.half.right {
          margin-left: 0% !important;
        }

        .award, .award.brute, .award.noble, .award.mirage, .award.sepia, .award.nautila  {display: none !important; }


          #follow-menu, .hide-on-mobile {
            display: none !important;
          }

          #legal {
            display: none;
          }

          .lightbox-text-holder .wrapper.right {
              width: 100%;
              margin-left: 0%;
          }
          .lightbox-text-holder .wrapper.left {
              width: 100%;
              margin-left: 0;
          }

.contact .wrapper {
    padding-left: 15px;
    padding-right: 15px;
}

            .inside-contact-wrapper {
            width:100%; margin-left: auto; background-color: rgba(0,0,0,0.0) !important; height: auto; padding-top: 35px; padding-bottom: 35px;
            }

            .inside-contact-wrapper .row {
                padding-left: 10px;
                padding-right: 10px;
            }

          /* lighbox */

          p.ref {
              margin-bottom: 3px;
              margin-top: 8px;
          }
          .lightbox-text-holder.half {
              width: 100%;
          }
          .lightbox-text-holder.half.stay-half {
              width: 50%;
          }
          .lightbox-text-holder.half.stay-half .wrapper {
              width: 100%;
              border: 0px solid red;
          }
          .lightbox-text-holder.half.stay-half p.ref span.property {
              padding-left: 5px;
              padding-right: 5px;
              letter-spacing: 0px;
              font-family: 'halis_rbook';
              text-transform: none !important;
          }
          .lightbox-text-holder.half.stay-half p.ref {
              font-size: 9px;
              line-height: 10px;
          }
          span.h1 {
              display: block;
              font-family: 'halis_rblack';
              text-transform: uppercase;
              font-size: 35px;
              letter-spacing: 10px;
              margin-left: -35px;
          }
          .mobile-menu-trigger {
              display: block;
          }

          .cd-section {
            height: 100vh;
          }
          #header {
              background: rgba(0, 0, 0, 0.68);
              background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
              /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.68)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(78%, rgba(0, 0, 0, 0)));*/
              background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
              background: -o-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
              background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
              /*filter: progid DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
          }
          .curtains {
              position: fixed;
          }
          video {
              display: none;
          }
          #cd-vertical-nav {
              display: none;
          }
          .perex-holder .wrapper {
              opacity: 1;
              width: 100%;
              top: 50%;
          }
          img.brute-2nd-slide {
              position: absolute;
              right: 0px
          }
          img.mirage-3rd-slide {
              right: 0px;
              position: absolute;
          }
          body {
              width: 100%;
          }


          p.perex {
              font-size: 12px;
              line-height: 18px;
              text-transform: none;
          }

          p {
            width: 90%;
          }
          .headline {
              overflow: hidden;
              width: 100%;
          }
          .row {
              height: auto !important;
          }
          .perex-holder,
          .perex-holder.left,
          .perex-holder.right {
              width: 100%;
              border: 0px solid red;
              left: 0px;
              margin-left: 0px !important;
          }
          #disclamer {
              width: 100%;
              text-align: center;
              bottom: 0px;
              padding-bottom: 15px;
              padding-top: 15px;
              left: 0;
              font-size: 10px;
              background: rgba(0, 0, 0, 0);
              background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.66) 100%);
              /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(18%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.66)));*/
              background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.66) 100%);
              background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.66) 100%);
              background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.66) 100%);
              background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0.66) 100%);
              /*filter: progid DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
          }
          .anim-visible-delay {
              opacity: 1 !important;
          }
          div.models-cross .span {
              font-size: 12px;
          }
          .imgs-holder, #mobile-slide {
              position: relative;
              width: 100%;
              height: 100vh;
              left: 0;
              top: 0;
              z-index: 1;
              background-size: cover;
              background-position: center center;
              background-image: none;
          }

        #mobile-slide {   background-size: cover; transition: background-image 1s ease-in-out;  background-size: cover !important;  }
        .home #preloader.img1 { background: black url(../imgs/slideshow/home-1.jpg) no-repeat center center;  }
        .home #preloader.img2 {   background: black url(../imgs/slideshow/home-2.jpg) no-repeat center center; }
        .home #preloader.img3 {    background: black url(../imgs/slideshow/home-3.jpg) no-repeat center center;  }
        .home #preloader.img4 {    background: black url(../imgs/slideshow/home-4.jpg) no-repeat center center;  }
        .home #preloader.img5 {    background: black url(../imgs/slideshow/home-5.jpg) no-repeat center center;  }
        .home #preloader.img6 {    background: black url(../imgs/slideshow/home-6.jpg) no-repeat center center;  }
        .home #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-1.jpg) no-repeat center center; }
        .home #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-2.jpg) no-repeat center center; }
        .home #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-3.jpg) no-repeat center center; }
        .home #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-4.jpg) no-repeat center center; }
        .home #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-5.jpg) no-repeat center center; }
        .home #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-6.jpg) no-repeat center center; }

        .products #preloader.img1 { background: black url(../imgs/slideshow/products-1.jpg) no-repeat center center;  }
        .products #preloader.img2 {   background: black url(../imgs/slideshow/products-2.jpg) no-repeat center center; }
        .products #preloader.img3 {    background: black url(../imgs/slideshow/products-3.jpg) no-repeat center center;  }
        .products #preloader.img4 {    background: black url(../imgs/slideshow/products-4.jpg) no-repeat center center;  }
        /*.products #preloader.img5 {    background: black url(../imgs/slideshow/products-5.jpg) no-repeat center center;  }*/
        /*.products #preloader.img6 {    background: black url(../imgs/slideshow/products-6.jpg) no-repeat center center;  }*/
        .products #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-1.jpg) no-repeat center center; }
        .products #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-2.jpg) no-repeat center center; }
        .products #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-3.jpg) no-repeat center center; }
        .products #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-4.jpg) no-repeat center center; }
        /*.products #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-5.jpg) no-repeat center center; }*/
        /*.products #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-6.jpg) no-repeat center center; }*/



         .experience #preloader.img1 { background: black url(../imgs/slideshow/experience-1.jpg) no-repeat center center;  }
        .experience #preloader.img2 {   background: black url(../imgs/slideshow/experience-2.jpg) no-repeat center center; }
        .experience #preloader.img3 {    background: black url(../imgs/slideshow/experience-3.jpg) no-repeat center center;  }
        .experience #preloader.img4 {    background: black url(../imgs/slideshow/experience-4.jpg) no-repeat center center;  }
        .experience #preloader.img5 {    background: black url(../imgs/slideshow/experience-5.jpg) no-repeat center center;  }
        .experience #preloader.img6 {    background: black url(../imgs/slideshow/experience-6.jpg) no-repeat center center;  }

        .experience #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-1.jpg) no-repeat center center; }
        .experience #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-2.jpg) no-repeat center center; }
        .experience #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-3.jpg) no-repeat center center; }
        .experience #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-4.jpg) no-repeat center center; }
        .experience #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-5.jpg) no-repeat center center; }
        .experience #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-6.jpg) no-repeat center center; }


                 .worldwide #preloader.img1 { background: black url(../imgs/slideshow/worldwide-1.jpg) no-repeat center center;  }
        .worldwide #preloader.img2 {   background: black url(../imgs/slideshow/worldwide-2.jpg) no-repeat center center; }
        .worldwide #preloader.img3 {    background: black url(../imgs/slideshow/worldwide-3.jpg) no-repeat center center;  }
        .worldwide #preloader.img4 {    background: black url(../imgs/slideshow/worldwide-4.jpg) no-repeat center center;  }
        .worldwide #preloader.img5 {    background: black url(../imgs/slideshow/worldwide-5.jpg) no-repeat center center;  }
        .worldwide #preloader.img6 {    background: black url(../imgs/slideshow/worldwide-6.jpg) no-repeat center center;  }

        .worldwide #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-1.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-2.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-3.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-4.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-5.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-6.jpg) no-repeat center center; }



          #homevid {
              width: 0px;
              height: 0px;
          }
          video {
              display: none;
          }
          span.collection {
              width: 100%;
              text-align: center;
              font-size: 10px;
          }
          h2 {
              font-size: 20px;
              letter-spacing: 2px;
              width: 100%;
              padding-left: 25px;
              padding-right: 25px;
          }
          h2.spin {
              overflow: hidden;
              letter-spacing: 2px;
              margin: 0px;
              margin-top: -20px;
              width: 100%;
              border: 0px solid green;
              height: 80px;
          }
          h2.spin strong em {
              line-height: 30px;
              line-height: 18px;
              font-size: 25px !important;
          }
          .headline-img {
              overflow: hidden !important;
          }
          .imgs-holder.anim {
              transform: translate3d(0, 0, 0) scale(1);
          }
          .loaded .imgs-holder.anim {
              transform: scale(1);
              transition: 30.5s transform;
          }
          .anim-visible-delay {
              opacity: 1 !important;
          }
          .hide-mobile {
              display: none;
          }
          .cd-section {
              opacity: 1;
          }
          .half-text-holder {
              height: auto;
          }
          .legal-text,
          .perex {
              padding-left: 15px;
              padding-right: 15px;
              width: 100%;
              text-transform: uppercase !important;
              font-size: 14px;

          }



          .disclamer p {
            width: 100% !important;
            font-size: 12px;
              font-family: 'halis_rextralight';
          }

                 .disclamer p.perex {
font-family: 'halis_rbook';
          }
          #viewport {
              overflow: hidden;
          }
          .experience .cd-section {
              height: 100vh;
          }
          .products .cd-section {
              height: 100vh;
          }
          .home .cd-section:nth-of-type(2) .half-text-holder .wrapper h2 {
              font-size: 20px;
              letter-spacing: 3px;
          }
          .home .cd-section.section1 {
              height: 100vh;
              height: auto !important;
          }
          .home .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .experience .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .worldwide .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .worldwide .cd-section:nth-of-type(3) .half-text-holder .wrapper,
          .products .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .products .cd-section:nth-of-type(3) .half-text-holder .wrapper,
          .partners .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .partners .cd-section:nth-of-type(3) .half-text-holder .wrapper,
          .about .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .about .cd-section:nth-of-type(3) .half-text-holder .wrapper {
              -webkit-transform: translateY(0%);
              -ms-transform: translateY(0%);
              transform: translateY(0%);
              padding-top: 50px;
              opacity: 1;
              width: 100%;
          }
          .home .cd-section.section2,
          .experience .cd-section.section2,
          .worldwide .cd-section.section2,
          .worldwide .cd-section.section3,
          .products .cd-section.section2,
          .products .cd-section.section3,
          .partners .cd-section.section2,
          .partners .cd-section.section3,
          .about .cd-section.section2,
          .about .cd-section.section3 {
              height: auto !important;
              margin-top: -10px;
          }
          .home .cd-section.section2 .headline,
          .experience .cd-section.section2 .headline,
          .products .cd-section.section2 .headline,
          .products .cd-section.section3 .headline,
          .worldwide .cd-section.section2 .headline,
          .worldwide .cd-section.section3 .headline,
          .partners .cd-section.section2 .headline,
          .partners .cd-section.section3 .headline,
          .about .cd-section.section2 .headline,
          .about .cd-section.section3 .headline {
              height: auto !important;
          }


          .about .cd-section.section3 .wrapper p {
              width: 100%;
              padding-left: 20px;
              padding-right: 20px;
          }
          p.quote {
              font-size: 11px;
              font-style: italic;
          }

                    .about .cd-section.section3 .headline-img {
            overflow: visible !important;
           }

           .about .cd-section.section3 .imgs-holder.meduse-story {
            height: auto;
           }

           .about .cd-section.section3 .imgs-holder.meduse-story .perex-holder .wrapper {
            transform: translateY(0%);
           }


          .about .cd-section.section3 .headline .imgs-holder {

              padding-bottom: 25px;
          }
          .about .cd-section.section3 .headline .imgs-holder h2 {
              margin-top: 0px;
              padding-top: 50px;
          }
          .home .cd-section:nth-of-type(2) > div {
              height: auto !important;
          }
          #header {
              display: block;
              z-index: 999;
              position: fixed;
              top: 0px;
          }
          #header .menu-items-holder {
              opacity: 0;
              -webkit-transition: all 0.8s ease-out;
              -moz-transition: all 0.8s ease-out;
              -o-transition: all 0.8s ease-out;
              transition: all 0.8s ease-out;
              display: none;
          }
          #header .menu-items-holder.open {
              opacity: 1;
              display: block;
              -webkit-transition: all 0.8s ease-out;
              -moz-transition: all 0.8s ease-out;
              -o-transition: all 0.8s ease-out;
              transition: all 0.8s ease-out;
          }
          #header .menu-items-holder {
              position: fixed;
              width: 100%;
              height: 100vh;
              top: -10px;
              background-color: rgba(0, 0, 0, 0.95);
          }
          #header .menu-items-holder ul {
             height: 100%;
             padding-top: 80px;
          }
          #header .menu-items-holder ul li {
              display: block;
              width: 100%;
              height: 60px;
              text-align: center;
          }

  #header .menu-items-holder ul li.block {
              display: block;
              width: 50%;
              float: left;
              text-transform: uppercase;
              color: white;
              height: 35px;
              text-align: center;
          }


             #header .menu-items-holder ul li a {
                line-height: 60px;
                width: 100%;

             }

          #header .menu-items-holder ul li.disclaimer-menu-link a {
       font-size: 12px;
       color: #88714d;
       text-transform:  none;
       letter-spacing: 0;
       font-family: 'halis_rbook';

          }

          #arrow {
              display: none !important;
          }
          .logo-full {
              position: fixed;
              width: 130px;
              z-index: 901 !important;
          }
          .row-mobile-worldwide {
              height: 1250px;
          }
          .row-mobile-partners {
              height: 1500px;
          }
          .row-mobile-products {
              z-index: 100;
              width: 100%;
              height: 1250px;
              overflow: visible;
          }
          .row-mobile-products .col-4,
          .row-mobile-products .col-6,
          .row-mobile-products .col-12,
          .row-mobile-worldwide .col-6 {
              width: 100%;
              height: 200px;
          }
          .products .cd-section {

              overflow: visible;
          }
          .products .cd-section .headline {
              height: 1250px;
              overflow: visible;
          }
          div.models-cross {
              width: 100%;
              transform: translate3d(0, 0, 0) scale(1);
              transition: 0.5s transform;
              -webkit-filter: grayscale(0.5);
              filter: grayscale(0.5);
              display: block;
          }
          div.models-cross:hover {
              transform: translate3d(0, 0, 0) scale(1);
              transition: all 2s ease;
              cursor: pointer;
              -webkit-filter: grayscale(0);
              filter: grayscale(0);
          }
          div.models-cross:hover span {
              transform: translate3d(0, 0, 0) scale(1);
          }
          div.models-cross span {
              transform: translate3d(0, 0, 0) scale(1);
              transition: 0.5s transform;
              font-family: 'halis_rblack';
              position: relative;
              text-transform: uppercase;
              font-size: 24px;
              letter-spacing: 8px;
              text-align: center;
              margin-top: 0px;
              border: 0px solid blue;
              top: 50%;
              width: 100%;
              display: block;
          }
          .products-cross {
              height: 300px;
              opacity: 1;
          }
          .products-cross .row.fh.mirage {
              position: relative !important;
          }
          .products-cross .col-3 {
              width: 100%;
              height: 60px;
          }
          .products-cross .models-cross span {
              font-size: 16px;
              top: 40%;
              height: 150px !important;
          }
          .noble #header.black-menu ul li a {
              color: #ffffff !important;
          }
          .black-menu .logo-full {
              background: url(../imgs/meduse_white.png) no-repeat center center;
              background-size: 80%;
          }
          .row-mobile-partners {


          }

          .row-mobile-partners .col-4 {
            height: 100px;
            clear: both;
          }


          .row-mobile-partners .col-4.last-col {
              padding-bottom: 100px !important;}



              .imgs-holder.products-mobile {
                background: black url(../imgs/products/products_01_mobile.jpg) no-repeat center center;
                background-size: cover;
            }

            video {
                display: none;
            }


/* photo mobile **********************/



.imgs-holder.royal {
    background: black url(../imgs/royal/mobile/royal_headline.jpg) no-repeat center center;
     background-size: cover;
    background-position: center center;
}

.imgs-holder.royalUvod {
    background: black url(../imgs/royal/mobile/royal_cut2_full.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}


.imgs-holder.royal1 {
    background: black url(../imgs/royal/mobile/royal_cut_full.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.royal2 {
    background: black url(../imgs/royal/mobile/royal_queen_full.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.royal3 {
  background-size: cover;
  background: black url(../imgs/royal/mobile/royal_prince_full.jpg) no-repeat center center;
}
.imgs-holder.royal4 {
  background-size: cover;
  background: black url(../imgs/royal/mobile/royal_gold_full.jpg) no-repeat center center;
}
.imgs-holder.royal5 {
  background-size: cover;
  background: black url(../imgs/royal/mobile/royal_cut2_full.jpg) no-repeat center center;
}

.imgs-holder.royal7 {
  background-size: cover;
  background: black url(../imgs/royal/mobile/royal_ornament_full.jpg) no-repeat center center;
}
.imgs-holder.royal8 {
  background-size: cover;
  background: black url(../imgs/royal/mobile/royal_madlo_full.jpg) no-repeat center center;
}







.imgs-holder.mirage {
    background: black url(../imgs/mirage/mobile/mirage_headline.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.mirage1 {
    background: black url(../imgs/mirage/mobile/mirage-full.jpg) no-repeat center center;
 background-size: cover;
    background-position: center center;
}
.imgs-holder.mirage2 {
    background: black url(../imgs/mirage/mobile/mirage_crystal_full.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.mirage4 {
    background: black url(../imgs/mirage/mobile/mirage_grande-full.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}
.imgs-holder.mirage5 {
    background: black url(../imgs/mirage/mobile/mirage_cocktail.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.brute {
    background: black url(../imgs/brute/mobile/brute_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.brute1 {
    background: black url(../imgs/brute/mobile/brute_samec.jpg) no-repeat center center;
 background-size: cover;
    background-position: center center;
}
.imgs-holder.brute2 {
    background: black url(../imgs/brute/mobile/brute_smithery_full.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.brute3 {
    background: black url(../imgs/brute/mobile/brute_crystal_full.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.brute4 {
    background: black url(../imgs/brute/mobile/brute_led_full.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.brute5 {
    background: black url(../imgs/brute/mobile/brute_verify.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.brute-custom {
    background: black url(../imgs/brute/mobile/brute_custom_mobile.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.brute-grande {
    background: black url(../imgs/brute/mobile/brute_grande.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.noble {
    background: black url(../imgs/noble/mobile/noble_headline.jpg) no-repeat center center;
     background-size: cover;
    background-position: center center;
}
.imgs-holder.noble1 {
    background: black url(../imgs/noble/mobile/noble-full.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}
.imgs-holder.noble2 {
    background: black url(../imgs/noble/mobile/noble_crystal.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}
.imgs-holder.noble3 {
    background: black url(../imgs/noble/mobile/noble_led.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}

.imgs-holder.noble4 {
    background: black url(../imgs/noble/mobile/noble_verify.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.noble-custom {
    background: black url(../imgs/noble/mobile/noble_custom_mobile.jpg) no-repeat center center;
   background-size: cover;
    background-position: center center;
}

.imgs-holder.nautila {
    background: black url(../imgs/nautila/mobile/nautila_headline.jpg) no-repeat center center;
      background-size: cover;
    background-position: center center;
}
.imgs-holder.nautila1 {
    background: black url(../imgs/nautila/mobile/nautila-full.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}
.imgs-holder.nautila2 {
    background: black url(../imgs/nautila/mobile/nautila-design.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}
.imgs-holder.nautila3 {
    background: black url(../imgs/nautila/mobile/nautila-crystal.jpg) no-repeat center center;
    background-size: cover;
    background-position: center center;
}
.imgs-holder.nautila4 {
    background: black url(../imgs/nautila/mobile/nautila_led.jpg) no-repeat center center;
  background-size: cover;
    background-position: center center;
}

.imgs-holder.nautila5 {
    background: black url(../imgs/nautila/mobile/nautila-modely.jpg) no-repeat center center;
     background-size: cover;
    background-position: center center;
}
.imgs-holder.nautila6 {
    background: black url(../imgs/nautila/mobile/nautila-crab.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.nautila-custom {
    background: black url(../imgs/nautila/mobile/nautila_custom_mobile.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia {
    background: black url(../imgs/sepia/mobile/sepia_headline.jpg) no-repeat center center;
    background-size: cover;
}
.imgs-holder.sepia1 {
    background: black url(../imgs/sepia/mobile/sepia-full.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia2 {
    background: black url(../imgs/sepia/mobile/sepia_steel_full.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia3 {
    background: black url(../imgs/sepia/mobile/sepia_steel_full3.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia4 {
    background: black url(../imgs/sepia/mobile/sepia_led_full.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia5 {
    background: black url(../imgs/sepia/mobile/sepia_modely.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia-custom {
    background: black url(../imgs/sepia/mobile/sepia_custom_mobile.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.sepia6 {
    background: black url(../imgs/sepia/mobile/sepia-verify.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.akademie {
    background: white url(../imgs/experience/mobile/akademie.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.laboratory {
    background: white url(../imgs/experience/mobile/laboratory.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.shisha-coctail {
    background: white url(../imgs/experience/mobile/koktejly.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.movables {
    background: white url(../imgs/experience/mobile/movables.jpg) no-repeat center center;
  background-size: cover;
}
.imgs-holder.somelieri {
    background: white url(../imgs/experience/mobile/somelieri.jpg) no-repeat center center;
 background-size: cover;
}

.imgs-holder.meduse-contact:after {

      background: white url(../imgs/contact/meduse_contact_mobile.jpg) no-repeat center center;
    background-size: cover !important;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
}

.imgs-holder.contact-bg {
    min-height: 100vh;
}

/* photo mobile photo mobile *******/
.white-mob {
    color: white !important;
}


    .perex-holder.top .wrapper {
        top: 40px !important;
        transform: translateY(0%)

    }

    .perex-holder.top-middle .wrapper {
        top: 80px !important;
        transform: translateY(0%)
    }

        .perex-holder.bottom .wrapper {
        top: 0px;
        transform: translateY(98%)

    }

    blockquote.perex {
        font-size: 10px;
        line-height: 13px;
    }


}

/*  ----------------------------------------------------------------------------------------------------------------*/
/* tablet ----------------------------------------------------------------------------------------------------------------*/
/*  ----------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1050px) and (max-width: 1310px) {
#header .header-shadow {
display: none !important;
}

.ref-column-holder {
    width: 90%;
    margin: 0 auto;
    padding-left: 0px;
 padding-top: 100px;

}

.ref-column {
    padding-top: 30px;

}

     #header .menu-items-holder {

         -webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
                  padding-right: 100px;
              }

}


@media (min-width: 1050px) and (max-width: 1090px) {

     #header .menu-items-holder {

  -webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */
                  padding-right: 120px;
              }

}



@media (min-width: 701px) and (max-width: 1000px) {

              .perex-holder.center-tablet {
                  left: 0%;
                  width: 100%;
                  padding-bottom: 300px;
              }



}


@media (min-width: 701px) and (max-width: 1049px) {


#disclamer.scroll, #legal.scroll {
    opacity: 0;

         -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;

}


.ref-column-holder {
    width: 90%;
    margin: 0 auto;
    padding-left: 0px;
    padding-top: 100px;


}

.ref-column {
    padding-top: 30px;

}


              .logo-full {
                  border: 0px solid red;
              }
              #arrow {
                  display: none !important;
              }
              #header {
                  background: rgba(0, 0, 0, 0.68);
                  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
                  /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.68)), color-stop(71%, rgba(0, 0, 0, 0)), color-stop(78%, rgba(0, 0, 0, 0)));*/
                  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
                  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
                  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
                  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0) 71%, rgba(0, 0, 0, 0) 78%);
                  /*filter: progid DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0);*/
              }
              .curtains {
                  position: fixed;
                  height: 100vh;
              }
              /* homepage */

              .home .cd-section.section2 {
                  height: auto !important;
                  margin-top: -10px;
              }
              .home .cd-section.section2 .headline {
                  height: auto !important;
              }
              .home .cd-section:nth-of-type(2) > div {
                  height: auto !important;
              }
              /* homepage */

              .headline-text-holder {
                  width: 100%;
                  z-index: 100;
              }
              .headline-img {
                  overflow: hidden !important;
              }
              .hide-mobile {
                  display: none;
              }
              .row {
                  height: 100vh;
              }
              .cd-section {
                  height: 100vh;
              }
              .cd-section.menu-cross-ipad {
                  top: 0vh;
                  height: 30vh;
              }
              .cd-section.menu-cross-ipad .headline {
                  height: 30vh;
              }
              .cd-section.menu-cross-ipad .headline .row {
                  height: 30vh;
              }
              .cd-section.menu-cross-ipad .headline .row .col-3 {
                  width: 25%;
                  height: 30vh;
              }
              .row.fh.mirage {
                  height: 100%;
                  width: 100%;
                  position: relative;
                  bottom: 0px;
              }
              #header {
                  display: block !important;
                  position: fixed;
                  top: 0px;
                  width: 100%;
              }
              .headline {
                  overflow: hidden;
                  width: 100%;
              }
              .imgs-holder, #mobile-slide  {
                  position: relative;
                  width: 100%;
                  height: 100vh;
                  left: 0;
                  top: 0;
                  z-index: 1;
                  border: 0px solid red;
                  background-position: center center;
              }



        #mobile-slide {   background-size: cover; transition: background-image 1s ease-in-out;    background-size: cover !important;  }
        .home #preloader.img1 { background: black url(../imgs/slideshow/home-1.jpg) no-repeat center center;  background-size: cover !important;}
        .home #preloader.img2 {   background: black url(../imgs/slideshow/home-2.jpg) no-repeat center center;  background-size: cover !important;}
        .home #preloader.img3 {    background: black url(../imgs/slideshow/home-3.jpg) no-repeat center center;  background-size: cover !important;}
        .home #preloader.img4 {    background: black url(../imgs/slideshow/home-4.jpg) no-repeat center center;  background-size: cover !important; }
        .home #preloader.img5 {    background: black url(../imgs/slideshow/home-5.jpg) no-repeat center center;   background-size: cover !important;}
        .home #preloader.img6 {    background: black url(../imgs/slideshow/home-6.jpg) no-repeat center center;   background-size: cover !important;}
        .home #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-1.jpg) no-repeat center center;  background-size: cover !important;}
        .home #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-2.jpg) no-repeat center center;  background-size: cover !important;}
        .home #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-3.jpg) no-repeat center center; background-size: cover !important;}
        .home #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-4.jpg) no-repeat center center;  background-size: cover !important;}
        .home #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-5.jpg) no-repeat center center;  background-size: cover !important;}
        .home #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/home-6.jpg) no-repeat center center;  background-size: cover !important;}

        .products #preloader.img1 { background: black url(../imgs/slideshow/products-1.jpg) no-repeat center center;   background-size: cover !important;}
        .products #preloader.img2 {   background: black url(../imgs/slideshow/products-2.jpg) no-repeat center center;  background-size: cover !important;}
        .products #preloader.img3 {    background: black url(../imgs/slideshow/products-3.jpg) no-repeat center center;   background-size: cover !important;}
        .products #preloader.img4 {    background: black url(../imgs/slideshow/products-4.jpg) no-repeat center center;   background-size: cover !important;}
        /*.products #preloader.img5 {    background: black url(../imgs/slideshow/products-5.jpg) no-repeat center center;   background-size: cover !important;}*/
        /*.products #preloader.img6 {    background: black url(../imgs/slideshow/products-6.jpg) no-repeat center center;   background-size: cover !important;}*/
        .products #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-1.jpg) no-repeat center center;  background-size: cover !important;}
        .products #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-2.jpg) no-repeat center center;  background-size: cover !important;}
        .products #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-3.jpg) no-repeat center center; }
        .products #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-4.jpg) no-repeat center center; }
        /*.products #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-5.jpg) no-repeat center center; }*/
        /*.products #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/products-6.jpg) no-repeat center center; }*/



         .experience #preloader.img1 { background: black url(../imgs/slideshow/experience-1.jpg) no-repeat center center;  }
        .experience #preloader.img2 {   background: black url(../imgs/slideshow/experience-2.jpg) no-repeat center center; }
        .experience #preloader.img3 {    background: black url(../imgs/slideshow/experience-3.jpg) no-repeat center center;  }
        .experience #preloader.img4 {    background: black url(../imgs/slideshow/experience-4.jpg) no-repeat center center;  }
        .experience #preloader.img5 {    background: black url(../imgs/slideshow/experience-5.jpg) no-repeat center center;  }
        .experience #preloader.img6 {    background: black url(../imgs/slideshow/experience-6.jpg) no-repeat center center;  }

        .experience #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-1.jpg) no-repeat center center; }
        .experience #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-2.jpg) no-repeat center center; }
        .experience #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-3.jpg) no-repeat center center; }
        .experience #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-4.jpg) no-repeat center center; }
        .experience #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-5.jpg) no-repeat center center; }
        .experience #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/experience-6.jpg) no-repeat center center; }


         .worldwide #preloader.img1 { background: black url(../imgs/slideshow/worldwide-1.jpg) no-repeat center center;  }
        .worldwide #preloader.img2 {   background: black url(../imgs/slideshow/worldwide-2.jpg) no-repeat center center; }
        .worldwide #preloader.img3 {    background: black url(../imgs/slideshow/worldwide-3.jpg) no-repeat center center;  }
        .worldwide #preloader.img4 {    background: black url(../imgs/slideshow/worldwide-4.jpg) no-repeat center center;  }
        .worldwide #preloader.img5 {    background: black url(../imgs/slideshow/worldwide-5.jpg) no-repeat center center;  }
        .worldwide #preloader.img6 {    background: black url(../imgs/slideshow/worldwide-6.jpg) no-repeat center center;  }

        .worldwide #mobile-slide.img1 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-1.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img2 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-2.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img3 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-3.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img4 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-4.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img5 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-5.jpg) no-repeat center center; }
        .worldwide #mobile-slide.img6 { transition: background-image 1s ease-in-out; background: black url(../imgs/slideshow/worldwide-6.jpg) no-repeat center center; }




              #header .menu-wrapper {
                  width: 100%;
              }
              #header .menu-items-holder {
                  float: right;
                  overflow: hidden;
                  padding-right: 0px;
              }
              video {
                  height: 100%;
                  right: 0px !important;
                  opacity: 1;
                  display: none;
                  position: absolute;
              }
              #cd-vertical-nav {
                  display: none;
              }
              .menu-items-holder ul {
                  padding-top: 40px;
                  list-style-type: none;
              }
              .menu-items-holder ul li {
                  padding-right: 30px;
                   transition: 0.5s padding-right;
              }
              .menu-items-holder ul li, .menu-items-holder ul li span#follow {
                  font-size: 11px;
                  letter-spacing: 2.5px;
                  padding-bottom: 5px;
              }
              #cd-vertical-nav {
                  right: 20px;
              }
                p.perex {
                    font-size: 11px;
                    line-height: 20px;
                }

                h2 {
                    font-size: 21px;
                }

              .perex-holder .wrapper {
                  opacity: 1;
                  width: 100%;
                  top: 50%;
              }
              .perex-holder {
                  width: 50%;
                  border: 0px solid red;
                  left: 0px;
                  margin-left: 0px !important;
              }
            .imgs-holder.akademie {
                  background-position: -370px;
              }
              .imgs-holder.somelieri {
                  background-position: 270px;
              }
              .half-text-holder .wrapper {
                  top: 50%;
                  opacity: 1;
              }
              .anim-visible {
                  opacity: 1 !important;
              }
              .anim-visible-delay {
                  opacity: 1 !important;
              }
              /* homepage */

              .home .cd-section.section2 {
                  height: auto !important;
                  margin-top: -10px;
              }
              .home .cd-section.section2 .headline {
                  height: auto !important;
              }
              .home .cd-section:nth-of-type(2) > div {
                  height: auto !important;
              }
              /* homepage */

              .products .cd-section {
                  height: 100vh;
              }

              div.models-cross {
                  width: 100%;
                  height: 100%;
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: 0.5s transform;
                  -webkit-filter: grayscale(0.5);
                  filter: grayscale(0.5);
                  display: block;
              }
              div.models-cross:hover {
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: all 2s ease;
                  cursor: pointer;
                  -webkit-filter: grayscale(0);
                  filter: grayscale(0);
              }
              div.models-cross:hover span {
                  transform: translate3d(0, 0, 0) scale(1);
              }
              div.models-cross span {
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: 0.5s transform;
                  font-family: 'halis_rblack';
                  position: relative;
                  text-transform: uppercase;
                  font-size: 24px;
                  letter-spacing: 8px;
                  text-align: center;
                  margin-top: 0px;
                  top: 50%;
                  width: 100%;
                  display: block;
              }
              .menu-items-holder ul li a.current {
                display: block;
                  border-bottom: 1px solid white !important;
              }
              .row {
                  height: auto !important;
              }
              .home .cd-section:nth-of-type(2) .half-text-holder .wrapper,
              .experience .cd-section:nth-of-type(2) .half-text-holder .wrapper,
              .worldwide .cd-section:nth-of-type(2) .half-text-holder .wrapper,
              .worldwide .cd-section:nth-of-type(3) .half-text-holder .wrapper,
                        .products .cd-section:nth-of-type(2) .half-text-holder .wrapper,
          .products .cd-section:nth-of-type(3) .half-text-holder .wrapper,
              .partners .cd-section:nth-of-type(2) .half-text-holder .wrapper,
              .partners .cd-section:nth-of-type(3) .half-text-holder .wrapper,
              .about .cd-section:nth-of-type(2) .half-text-holder .wrapper,
              .about .cd-section:nth-of-type(3) .half-text-holder .wrapper {
                  -webkit-transform: translateY(0%);
                  -ms-transform: translateY(0%);
                  transform: translateY(0%);
                  padding-top: 80px;
                  padding-bottom: 80px;
                  opacity: 1;
                  width: 100%;
              }
              .home .cd-section.section2,
              .experience .cd-section.section2,
              .worldwide .cd-section.section2,
              .worldwide .cd-section.section3,
                        .products .cd-section.section2,
          .products .cd-section.section3,
              .partners .cd-section.section2,
              .partners .cd-section.section3,
              .about .cd-section.section2,
              .about .cd-section.section3 {
                  height: auto !important;
                  margin-top: -10px;
              }
              .home .cd-section.section2 .headline,
              .experience .cd-section.section2 .headline,
              .worldwide .cd-section.section2 .headline,
              .worldwide .cd-section.section3 .headline,
               .products .cd-section.section2 .headline,
                .products .cd-section.section3 .headline,
              .partners .cd-section.section2 .headline,
              .partners .cd-section.section3 .headline,
              .about .cd-section.section2 .headline,
              .about .cd-section.section3 .headline {
                  height: auto !important;
              }
              .row-mobile-worldwide,
              .row-mobile-partners {
                  height: 200px !important;
              }
              .row-mobile-products {
                  z-index: 100;
                  width: 100%;
                  height: 150px;
                  overflow: visible;
              }

              div.models-cross {
                  width: 100%;
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: 0.5s transform;
                  -webkit-filter: grayscale(0.5);
                  filter: grayscale(0.5);
                  display: block;
              }
              div.models-cross:hover {
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: all 2s ease;
                  cursor: pointer;
                  -webkit-filter: grayscale(0);
                  filter: grayscale(0);
              }
              div.models-cross:hover span {
                  transform: translate3d(0, 0, 0) scale(1);
              }
              .products-cross {
                  height: 300px;
                  opacity: 1;
              }
              .products-cross .headline {
                  height: auto !important;
              }
              .products-cross .row.fh.mirage {
                  position: relative !important;
              }
              .products-cross .col-3 {
                  width: 50%;
                  height: 150px;
              }
              .products-cross .models-cross span {
                  font-size: 16px;
                  top: 40%;
                  height: 150px !important;
              }
              p.perex {
                  font-size: 11px;
              }
              div.models-cross span {
                  transform: translate3d(0, 0, 0) scale(1);
                  transition: 0.5s transform;
                  font-family: 'halis_rblack';
                  position: relative;
                  text-transform: uppercase;
                  font-size: 18px;
                  letter-spacing: 4px;
                  text-align: center;
                  margin-top: 0px;
                  border: 0px solid blue;
                  top: 50%;
                  width: 100%;
                  display: block;
              }
              h2 {
                  width: 60%;
                  margin: 0 auto;
                  font-size: 22px;
                  letter-spacing: 3px;
              }
              .noble #header.black-menu ul li a {
                  color: #ffffff !important;
              }
              .black-menu .logo-full {
                  background: url(../imgs/meduse_white.png) no-repeat center center;
                  background-size: 80%;
              }
              /* modely */

              .imgs-holder.noble1 {
                  background-position: top left -750px;
              }
              .imgs-holder.noble2 {
                  background-position: top left -650px;
              }
              .imgs-holder.noble3 {
                  background-position: top left -620px;
              }
              .imgs-holder.noble4 {
                  background-position: top left -250px;
              }
              .imgs-holder.mirage1 {
                  background-position: top left -310px;
              }
              .imgs-holder.mirage2 {
                  background-position: top right -180px;
              }
              .imgs-holder.mirage3 {
                  background-position: top left -250px;
              }
              .imgs-holder.mirage4 {
                  background-position: top left -259px;
              }
              .imgs-holder.mirage5 {
                background-position: top right -220px
              }
              .imgs-holder.brute1 {
                  background-position: top left -200px;
              }
              .imgs-holder.brute2 {
                  background-position: top left -400px;
              }
              .imgs-holder.brute3 {
                  background-position: top right -500px;
              }
              .imgs-holder.brute-grande {

                background-position: top left -100px;
              }
              .imgs-holder.brute4 {
                  background-position: top left -380px;
              }
              .imgs-holder.brute5 {
                  background-position: top right -180px;
              }
              .imgs-holder.nautila1 {
                  background-position: top left -270px
              }
              .imgs-holder.nautila2 {
                  background-position: top right -380px
              }
              .imgs-holder.nautila3 {
                  background-position: top left -240px;
              }
              .imgs-holder.nautila4 {
                  background-position: top right -450px
              }
              .imgs-holder.nautila5 {
                  background: black url(../imgs/nautila/nautila-modely-tablet.jpg) no-repeat center center;
                  background-size: 110% auto;
                  background-position: bottom left;
              }
              .nautila-modely-left {
                  left: 0px !important
              }
              .imgs-holder.nautila6 {
                  background-position: top left -500px
              }
              .imgs-holder.nautila7 {
                  background-position: top left -800px;
              }
              .imgs-holder.nautila8 {
                  background-position: top left -500px;
              }
              .imgs-holder.sepia1 {
                  background-position: top left -650px
              }
              .imgs-holder.sepia2 {
                  background-position: top left -380px
              }
              .imgs-holder.sepia3 {
                  background-position: top left -720px
              }
              .imgs-holder.sepia4 {
                  background-position:top right -300px
              }
              .imgs-holder.sepia5 {

                  background-position: top right -520px
              }
              .imgs-holder.sepia6 {

                background-position: top left -800px
              }
              /* modely */

              .imgs-holder.akademie {
                  background-size: 150% auto;
                  background-position: bottom left 50px;
              }
              .imgs-holder.laboratory {
                  background-position: top right -280px
              }
              .imgs-holder.movables {
                  background-position: top left -150px;
              }
              .imgs-holder.meduse-story {
                  background-position: center center;
              }

              .imgs-holder.somelieri {
                  background-size: 100% auto;
                  background-position: bottom right;
              }
              .imgs-holder.shisha-coctail {
                  background-position: top left -270px
              }
              .no-tablet {
                  display: block;
              }

              .products-row-tablet {
                    height: 150px !important;
                }

                .row.row-mobile-products {
    height: 150px !important;
}




}



@media (min-width: 701px) and (max-width: 740px) {


      .menu-items-holder ul {
        padding-top: 34px;
      }
              .menu-items-holder ul li {
                  padding-right: 15px !important;
                          float: right;
                     transition: 0.5s padding-right;
                     padding-top: 2px;
              }

              .menu-items-holder ul li a, .menu-items-holder ul li span {
                font-size: 10px !important;
                letter-spacing: 2px !important;

              }

.mobile #cf-img:after {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
      background: white url(../imgs/contact/meduse_contact.jpg) no-repeat center center;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
       -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}




.mobile #cf-img.office:after {

      background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;

}



}

@media (min-width: 741px) and (max-width: 870px) {


     .menu-items-holder ul {
        padding-top: 34px;
      }


              .menu-items-holder ul li {
                  padding-right: 20px !important;
                          float: right;
                     transition: 0.5s padding-right;
                     padding-top: 2px;
              }

              .menu-items-holder ul li a, .menu-items-holder ul li span  {
                font-size: 10px !important;
                letter-spacing: 2px !important;

              }


.mobile #cf-img:after {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
      background: white url(../imgs/contact/meduse_contact.jpg) no-repeat center center;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
       -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}




.mobile #cf-img.office:after {

      background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;

}



}

@media (min-width: 871px) and (max-width: 999px) {
      .menu-items-holder ul {
        padding-top: 38px;
      }



    }

/*  ----------------------------------------------------------------------------------------------------------------*/
/* tablet ----------------------------------------------------------------------------------------------------------------*/
/*  ----------------------------------------------------------------------------------------------------------------*/


@media (min-width: 701px) and (max-width: 1049px) {

.mobile #cf-img:after {
    content : "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
      background: white url(../imgs/contact/meduse_contact.jpg) no-repeat center center;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    height: 100%;
    opacity : 1;
    z-index: -1;
       -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    -o-transition: all 2s ease-out;
    transition: all 2s ease-out;
}




.mobile #cf-img.office:after {

      background: white url(../imgs/contact/meduse_office.jpg) no-repeat center center;

}


}


@media (min-width: 1000px) and (max-width: 1049px) {
          .products-cross {
              height: 150px;
              opacity: 1;
          }

    .menu-items-holder ul li a, .menu-items-holder ul li span  {

                 border-bottom: 1px solid rgba(255,255,255,0);
              }

          .products-cross .headline {
              height: auto !important;
          }
          .products-cross .row.fh.mirage {
              position: relative !important;
          }
          .products-cross .col-3 {
              width: 25%;
              height: 150px;
          }
          .products-cross .models-cross span {
              font-size: 16px;
              top: 40%;
              height: 150px !important;
          }
          /* modely */

          .imgs-holder.noble1 {
              background-position: top left -550px;
          }
          .imgs-holder.noble2 {
              background-position: top left -480px;
          }
          .imgs-holder.noble3 {
              background-position: top left -600px;
          }
          .imgs-holder.mirage1 {
              background-position: top left -200px;
          }
          .imgs-holder.mirage2 {
              background-position: top right;
          }
          .imgs-holder.mirage4 {
              background-position: top left -60px;
          }
          .imgs-holder.brute1 {
              background-position: top left -80px;
          }
          .imgs-holder.brute2 {
              background-position: top left -60px;
          }
          .imgs-holder.brute3 {
              background-position: top right -180px;
          }
          .imgs-holder.brute4 {
              background-position: top left -300px;
          }
          .imgs-holder.nautila1 {
              background-position: top left;
          }
          .imgs-holder.nautila2 {
              background-position: top right -80px;
          }
          .imgs-holder.nautila3 {
              background-position: top left -60px;
          }
          .imgs-holder.nautila4 {
              background-position: top right -180px;
          }
          .imgs-holder.nautila5 {
              background-position: top left;
          }
          .imgs-holder.nautila6 {
              background-position: top left -250px;
          }
          .imgs-holder.nautila7 {
              background-position: top left -250px;
          }
          .imgs-holder.nautila8 {
              background-position: top left -150px;
          }
          .imgs-holder.sepia1 {
              background-position: top left -450px;
          }
          .imgs-holder.sepia2 {
              background-position: top left -300px;
          }
          .imgs-holder.sepia3 {
              background-position: top left -360px;
          }
          .imgs-holder.sepia4 {
              background-position: top left -100px;
          }
          .imgs-holder.sepia5 {
              background-position: top right -380px;
          }
          /* modely */

          .imgs-holder.akademie {
              background-size: 130% auto;
              background-position: bottom left -120px;
          }
          .imgs-holder.laboratory {
              background-position: top right -150px;
          }
          .imgs-holder.movables {
              background-position: top left -150px;
          }
          .imgs-holder.meduse-story {
              background-position: center center;
          }
          .perex-holder.center-tablet {
              padding-bottom: 20px;
              width: 50%;
          }
          .imgs-holder.somelieri {
              background-size: 100% auto;
              background-position: bottom right -200px;
          }
          .imgs-holder.shisha-coctail {
              background-position: top left -150px;
          }
}
/* scroll indicator styling */



#arrow.disable {
    opacity: 0;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow {
    text-align: center;
    opacity: 1;
    display: block;
    position: absolute;
    margin-left: -25px;
    z-index: 999 !important;
    left: 50%;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border: 0px solid red;
    cursor: pointer;
    transform: scale(0.8);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow:hover {
    cursor: pointer;
    transform: scale(1);
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow i {
    text-align: center;
    margin: 0 auto;
    display: block;
    color: #fff;
    height: 20px;
    width: 20px;
    font-size: 35px;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
}
#arrow i.dva {
    -webkit-animation: ca3_fade_move_down_2 2.3s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down_2 2.3s ease-in-out infinite;
    animation: ca3_fade_move_down_2 2.3s ease-in-out infinite;
}
#arrow.white-menu i {
    color: #ffffff;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow.black-menu i {
    color: #000000;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow.gold-menu i {
    color: #88714d;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
#arrow.red-menu i {
    color: #d5262a;
    -webkit-transition: all 0.8s ease-out;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
/*animated scroll arrow animation*/

@-webkit-keyframes ca3_fade_move_down_2 {
    0% {
        -webkit-transform: translate(0, -70px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px;
    }
    100% {
        -webkit-transform: translate(0, 10px);
        opacity: 0;
        font-size: 20px;
    }
}
@-moz-keyframes ca3_fade_move_down_2 {
    0% {
        -moz-transform: translate(0, -70px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px;
    }
    100% {
        -moz-transform: translate(0, 10px);
        opacity: 0;
        font-size: 20px;
    }
}
@keyframes ca3_fade_move_down_2 {
    0% {
        transform: translate(0, -70px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px;
    }
    100% {
        transform: translate(0, 10px);
        opacity: 0;
        font-size: 20px;
    }
}
/*animated scroll arrow animation*/

@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -40px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px;
    }
    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
        font-size: 20px;
        ;
    }
}
@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -40px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px
    }
    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
        font-size: 20px;
    }
}
@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -40px);
        opacity: 0;
        font-size: 20px;
    }
    50% {
        opacity: 1;
        font-size: 35px
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
        font-size: 28px;
    }
}
/* slideshow */

.nav-slider {
    width: 100%;
    height: 50px;
    border: 1px solid red;
    -webkit-transition: top 1s, opacity 2s;
    position: relative;
    opacity: 1;
    top: 50%;
    padding-bottom: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid red;
}
.nav-button {
    height: 50px;
    display: block;
    width: 50px;
    color: white;
    line-height: 50px;
    text-align: center;
    font-size: 25px;
    z-index: 9999;
}
.nav-button:hover {
    cursor: pointer !important;
}
.prev-slide {
    float: left;
}
.next-slide {
    float: right;
}

#follow-menu {
      opacity: 0;
 display: block;
margin-top: -50px !important;
  -webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

}
#follow-menu.open {
     opacity: 1;
 display: block;
 margin-top: 0px !important;
-webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

}

#main-menu {
    display: block;
    opacity: 1;
    margin-top: 0px;
-webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

}
#main-menu.open {
      display: block;
margin-top: 10px;
  opacity: 0;
-webkit-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: all 800ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

}

/*
@media (min-width: 320px) and (max-width: 719px) and (orientation: landscape){

    #rotate {   opacity: 1;
     -webkit-transition: background-color1s ease-out;
    -moz-transition: background-color1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
    background-color: rgba(0,0,0,1);
display: block;
}
    #viewport {
        display: none; }

#disclamer { display: none; }
}
*/

#disclamer.scroll, #legal.scroll {
    opacity: 0;
         -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: v 0.4s ease-out;
    transition: opacity 0.4s ease-out;

}

/* iphone4 */
@media only screen and (min-device-width: 320px) and (max-height: 480px) {
       section.cd-section, .headline-img, .headline, .imgs-holder {
            height: 700px !important;
        }

       section.cd-section.products-cross {
            height: 300px !important;
        }

        .perex-holder.top .wrapper {
             -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
            top: 25px !important;
        }

           .perex-holder.bottom .wrapper {
             -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
            top: 50% !important;
        }
}


/* iphone4 */
@media (min-width: 320px) and (max-width: 719px) and (orientation: landscape){
       section.cd-section, .headline-img, .headline, .imgs-holder {
            height: 700px !important;
        }

       section.cd-section.products-cross {
            height: 300px !important;
        }

        .perex-holder.top .wrapper {
             -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
            top: 25px !important;
        }

           .perex-holder.bottom .wrapper {
             -webkit-transform: translateY(0%) !important;
    -ms-transform: translateY(0%) !important;
    transform: translateY(0%) !important;
            top: 50% !important;
        }
}




@media only screen and (max-width: 960px) {
    video source {display:none;}
    }

@media only screen and (min-width: 1050px) {
  .front h2 {
    padding-top: 75px;
  }
  .flex {
    display: flex;
  }
  .flex .fcol {
    flex: 50%;
  }
  .flex .fcol p {
    width: 85%;
  }
}

.g-recaptcha > div {
  margin: 0 auto;
}


#webform-client-form-15 #webform-component-phone .description {
  color: white;
  font-size: 12px;
}

#webform-client-form-15 input.error {
  border: 1px solid red;
  background: #600c0c;
}

#webform-component-phone .iti {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.4);
}

#webform-component-phone .iti .iti__flag-container {
  float: left;
  padding: 20px 0px 20px 16px;
  max-width: 30%;
}

#webform-component-phone .iti #edit-submitted-phone {
  background-color: transparent;
  max-width: 75%;
  float: right;
  padding-left: 0 !important;
  margin-left: 0;
}

#webform-component-phone label {
  z-index: 1;
  left: 75px;
}