/*------------------------------------*\
    GENERAL
\*------------------------------------*/


/*#drag{
    background: #000 !important;
}

#drag:before {
border-color:  #000 !important;
}*/

.menu{
  position: fixed;
   top: auto;
  bottom: 8%;
  z-index: 1;
  width: 1006px;
  padding: 0;
  text-align: center;
  font-family: 'BurberryStyreneBCyrWeb MD',Helvetica,Arial,sans-serif;
  font-weight: 500;
  margin: auto;
  left: 0;
  right: 0;
}
.menu li {
    display:inline-block;
    margin: 0 45px;
    color: #fff;
    cursor: pointer;
    font-size: 120%;
}
#menu-2 li a{
    color:#fff !important
}

html {
    height: 100%;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    font-family: 'BurberryStyreneBCyrWeb RG',Helvetica,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    line-height: 1.4;
    box-sizing: border-box;
}
body{
    height:100%;
    text-align: justify;
    color:#fff;
    font-size: 100%;
    line-height: 1.4;
}
*, *:before, *:after {
    box-sizing: inherit;
}
a:link , a:visited  , a:hover ,a:active, a{
    color:#fff !important;
    text-decoration: none;
}
h1{
    font-size: 520%;
    font-weight: bold;
    line-height: 1;
    margin: 0 ;
    text-align: center;
}

h2{
    text-transform: uppercase;
    font-size: 180%;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    margin: 0 ;
    margin-bottom: 60px;
}

h2 span{
    font-size: 66%;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    margin: 0 ;
}


.logo img , .section-image img  , .section-footer img{
    display: block;
    width:100%;
    height: auto;
}
video{
    display: block;
}

input{
    font-weight: bold;
}
input::placeholder {
    color: #fff;
}
input:focus{
    border-color: #777;
    outline: none;
}
.enter{
    border: none;
    background-color: transparent;
    margin-top: 35px;
    color:#fff;
}
.formu{
    text-align: center;
    padding: 0;
    width: 200px;
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
}
.form{
    font-weight: bold;
    font-size: 150%;
    text-align: center;
    position: fixed;
    line-height: 1;
    z-index: 10;
    width: 100%;
    padding-bottom: 12%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;

    -webkit-transition: transform ease-in-out 0.5s;
    -moz-transition:    transform ease-in-out 0.5s;
    -o-transition:      transform ease-in-out 0.5s;
    -ms-transition:     transform ease-in-out 0.5s;
    transition:         transform ease-in-out 0.5s;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;

}

.languages{
    padding-right: 40%;
padding-left: 40%;
    display: flex;
    position: fixed;
    z-index: 10;
    width: 100%;
    padding-bottom: 10%;
    bottom: 0;
    -webkit-transition: transform ease-in-out 0.5s;
    -moz-transition:    transform ease-in-out 0.5s;
    -o-transition:      transform ease-in-out 0.5s;
    -ms-transition:     transform ease-in-out 0.5s;
    transition:         transform ease-in-out 0.5s;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;
}
.single-lang{
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    font-size: 170%;
}


/*.french-form , .english-form , .spanish-form , .italian-form, .deutsch-form{
    display: none;
    margin-top:20px;
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: auto;
    bottom: 60px;
    margin: auto;
    text-align: center;
    font-size: 17px;

}*/

.slideDown{
    -webkit-transform: translate(0,100%);
    -moz-transform: translate(0,100%);
    -ms-transform: translate(0,100%);
    -o-transform: translate(0,100%);
    transform: translate(0,100%);
}

/**************************** LOGO ****************************/
.logo{
    pointer-events: none;
    position: fixed;
z-index: 100;
top: 50%;
left: 0;
right: 0;
max-width: 660px;
width: 80%;
margin: auto;
    -webkit-transition: transform ease-in-out 0.5s;
    -moz-transition:    transform ease-in-out 0.5s;
    -o-transition:      transform ease-in-out 0.5s;
    -ms-transition:     transform ease-in-out 0.5s;
    transition:         transform ease-in-out 0.5s;

    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    transition-delay: 100ms;
    }
.slideUp{
    -webkit-transform: translate(0,-130%);
    -moz-transform: translate(0,-130%);
    -ms-transform: translate(0,-130%);
    -o-transform: translate(0,-130%);
    transform: translate(0,-130%);
}


/**************************** SECTION ****************************/
/*.marquee {
    position: relative;
    width: 100vw;
    max-width: 100%;
    overflow-x: hidden;
}
*/

.track {
    padding-bottom: 40px;
    line-height: 1;
    cursor: default ;
    font-size: 450%;
    font-weight: bold;
    /*padding-left:100%;*/
    /*position: absolute;*/
    white-space: nowrap;
    will-change: transform;
    animation: marquee 15s linear infinite;
    white-space: nowrap;
}
@keyframes marquee {
    from { transform: translateX(0); }
    to { transform: translateX(-100%); }
}


.section_9 , .section_18 , .section_17{
    overflow-x: hidden !important;
}

.section_1{
    height: 100%;
    width: 100%;
    text-align: center;
    padding-bottom: 30px;
}
.section_1 img{
    height: 100%;
    width: auto;
    margin: auto;
}
.section_6.section-text{
    padding-bottom: 90px;
}

.section_8{
    padding-bottom: 90px !important;
}
.section_21 h2{
    margin-bottom: 120px;
}

.section_21 .container h2{
     margin-bottom: 5px;
    margin-top: 60px;
}
.section_22_ter.section-text{
    padding-top: 90px;
}

.section-footer{
    border-top: 1px solid #000;
    padding: 120px 0 120px 0;
}
.section-footer h1{
    font-size: 280%;
    margin-bottom: 50px;
}

.section-text{
    padding: 120px 0;
}
.section-image-full{
    height: 100%;
    width: 100%;
}
.section-image-full img , .section-image-full video , .section-image-full picture{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.section-slide-1{
    margin-bottom: 120px;
}
.section-slide-2{
    margin-top: 120px;
    height: 60%;
}
.section-slide-2 img{
    height: 100%;
    width: auto;
}
.mySwiper2 , .mySwiper2 div{
    height: 100%;
}

.butt{
    font-size: 150%;
    background-color: #000;
    color: #fff;
    border: 0;
    padding: 25px 35px 20px 35px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
}
/*.quote{
    font-size: 125%;
    margin-top:90px;
    text-transform: uppercase;
    text-align: center;
}*/

.quote{
    margin-top:90px;
    text-align: justify;
    font-style: italic;
}

.quote span{
    font-size: 90%;
    margin-bottom:60px;
    text-transform: initial;
    font-style: normal;
    display: block;
    text-align: center;
    line-height: 1;
}

.section_8 .quote span{
    margin-bottom:0;
}



/**************************** VIDEO ****************************/
.video-js .vjs-big-play-button{
    width: 1em !important;
    margin-left: -0.5em !important;
    font-size: 16em !important;
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before{
    border-radius: 50%;
    background-color: rgba(47, 33, 33, 0.35)
}
.video-js .vjs-control-bar {
    background-color: rgba(255, 255, 255, 0.7);
    color: #000;
}


.arrow{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
    width: 90px;
    margin: auto;
}
.arrow img{
    height: auto !important;
    position: initial !important
}



/**************************** MUTE VIDEO ****************************/
.mute-video{
    width: 25px;
    height: 25px;
    background-size: 100% auto;
    position: absolute;
    bottom: 20px;
    right: 35px;
    z-index: 200000000000;
    cursor: pointer;
}
.sound-on{
    background-image: url("../images/SON_ON.png");
}
.sound-off{
    background-image: url("../images/SON_OFF.png");
}


/**************************** PRELOADER ****************************/
#preloader{
    background-color: #fff;
    height: 100%;
    width:100%;
    position: fixed;
    right: 0;
    left: 0;
    top:0;
    z-index: 10001;
}
#preloader .container-fluid{
    height:100%;
    position:relative
}
#preloader .image-contain{
    background-image:url(../images/logo_preloader.png);
    height:100%;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    text-align: center;
}
#preloader img{
    margin: auto;
    width:40px;
    height:40px;
    top: 56%;
    position: relative;
}





.modal-dialog{
    max-width: none;
}

.modal-content {
    border: none;
    border-radius: 0;
}

.questions{
    font-weight: bold;

}
.qa-parag{
    margin-bottom: 60px;
}

.name{
    text-decoration: underline;
    margin-top: 12px;
    display: inline-block;
}

.cloclo{
    width: 32px;
    height: 32px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 1;
}

.cloclo:before, .cloclo:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #000;
}
.cloclo:before {
  transform: rotate(45deg);
}
.cloclo:after {
  transform: rotate(-45deg);
}

.modal-dialog-scrollable .modal-content {
    height: 100% ;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

.modal-dialog {
    /*max-width: 100%;
    margin: 0;*/
    border-radius: 0;
    max-height: 100%;
    height: 100%;
}

/*.modal-body {
    max-width: 800px;
    margin: auto;
}*/

.modal-backdrop {
   background-color: #fff;
   opacity: 1 !important;
}

.mobile{
    display: none;
}
.desktop-flex{
    display: flex;
}
.desktop{
    display: block;
}

/*.saf{
    display:none ;
}
.nonsaf{
    display: block;
}*/

/**************************** RESPONSIVE ****************************/
@media screen and (max-width: 1100px) {

.form{
    padding-bottom: 17%;
}

/*    body {
          touch-action: pan-x pan-y;
        }*/

    .mobile{
        display: block;
    }
    .desktop-flex{
        display: none;
    }
    .desktop{
    display: none;
}
    .languages {
       text-align: center; 
       padding-bottom: 30%;
    }
  
     .form{
        font-size: 150%;
    }

    .single-lang {
        font-size: 280%;
        padding: 0 15px; 
    }
    
   .section-slide-2{
        margin-top: 90px;
        height: 30%;
    }
    .section_1 img {
        height: 100%;
        width: 75%;
        object-fit: contain;
    }
 
    .logo{
        position: absolute !important;
        display: block !important;
    }
    .intro .logo{
        display: block;
    }
    h1{
        font-size: 310%;
        padding: 0 15px;
    }
    h2{
        font-size: 160%;
        padding: 0 15px;
    }
    .section-footer h1{
        font-size: 200%;
    }
    .butt {
        font-size: 120%;
    }
   
}
@media screen and (min-width: 1200px) {
    .section-text .container{
        max-width: 900px;
    }
}

/*@supports (-webkit-hyphens:none){
        .saf{
            display: block;
        }
        .nonsaf{
            display: none;
        }
}*/