/*
Theme Name: Alexe Vlad
Version: 2.0
Author: Alexe Vlad
*/

@import url("fonts/fonts.css");

/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    margin:0;
    outline:0 none;
    padding:0;
    font-family: 'Futura Std';
    font-weight:normal;
    font-size: 1.2rem;
    margin-top: 0px;
}
/*For using REM*/
html{
    font-size: 10px;  /*Meaning that 0.1rem = 1px*/
    height: -webkit-fill-available;
}
/*End For using REM*/
* {margin:0;padding:0;}
.clear{ clear:both;}
body{
    background-color: #000;
    min-height: -webkit-fill-available;
    position: relative;
    background-image: url('images/overlay.png');
}
body.noOverflow{
    overflow: hidden;
}
main{
    width: 100%;
    height: 100vh;
    margin:0 auto;
    position: relative;


}
main.full-page-height{
    height: 100%;
}

h1{font-size: 2.6rem}
h2{font-size: 2.4rem}
h3{font-size: 2.2rem}
h4{font-size: 2rem}
h5{font-size: 1.8rem}
h6{font-size: 1.7rem}
p{}
a{
    text-decoration: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a:hover{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
ul,
ol{}
ul li{}
ol li{}
ul li a,
ol li a{}
blockquote{

}
.desktop{
    display: block!important;
}
.mobile{
    display: none!important;
}
/*### Header ###*/
.header .logo{
    background: url(images/logo.svg) no-repeat;
    width: 159px;
    height: 50px;
    background-size: 100% auto;
}

.header{
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    width:100%;
    z-index: 99;
    background: transparent;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 20px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    max-width: 100vw;
    background: #000; 
}
.header.first-screen{


    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.header .cod{
    border: 1px solid #A99261;
    display: block;
    width: 170px;
    height: 30px;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
.hamburger-button.active{
    background-color: #292929;
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}

.hamburger-button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    width: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -10px;
    position: relative
}
.notification-menu{
    width: 12px;
    height: 12px;
    background: #F00;
    position: absolute;
    right: -2px;
    top: 16px;
    border-radius: 20px;
    display: none;
}
.notifications .notification-read-more{
    color: #A99261;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-left: 10px;
}
.mobile-open-menu .active-notification .notification-menu{
    display: none;
}
.active-notification .notification-menu{
    display: block;
}
.header-circle-menu {

    margin-left: 10px;
    display: inline-block;
    width: 44px;
    height: 44px;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
#nav-icon3 {
    width: 34px;
    height: 13px;
    position: relative;
    margin: 12px auto;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #A99261;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
} 
#nav-icon3 span:nth-child(1) {
    top: 0px;
} 
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
    top: 9px;
    width: 70%;
}

#nav-icon3 span:nth-child(4) {
    top: 18px;
}
.desktop-open-menu #nav-icon3 span:nth-child(1),
.mobile-open-menu #nav-icon3 span:nth-child(1) {
    top: 2444444444px;
    width: 0%;
    left: 50%;
}
.desktop-open-menu #nav-icon3 span:nth-child(2),
.mobile-open-menu #nav-icon3 span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.desktop-open-menu #nav-icon3 span:nth-child(4),
.mobile-open-menu #nav-icon3 span:nth-child(4) {
    -webkit-transition: width 0s;
    -o-transition: width 0s;
    transition: width 0s;
    top: 24px;
    width: 0%;
    left: 50%;
}
.desktop-open-menu #nav-icon3 span:nth-child(3),
.mobile-open-menu #nav-icon3 span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);

}
.menu-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header .cod{
    margin-right: 30px;
}
.header .notifications-button,
.header .myaccount-button{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
    width: 100px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -10px;
}
.desktop-menu{
    position: fixed;
    padding-top: 80px;
    background-color: #292929;
    top: 80px;
    right: 20px;
    padding:30px 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 99;
    display: none;
    -webkit-border-radius: 50px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 50px;
    -moz-border-radius-topright: 0;
    border-radius: 50px;
    border-top-right-radius: 0;
}
.sidebarpage .desktop-menu{
    right:20px;
}
.sidebarpage  .notifications-box.desktop-notifications{
    right: 120px;
}
.mobile-open-menu{
    overflow: scroll;
}
.mobile-menu{
    position: fixed;
    padding-top: 80px;
    background-color: #000;
    background-image: url('images/overlay.png');
    width: 100%;
    top: 0;
    left: 0;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100vh;
    overflow: scroll;
    z-index: 10;
    display: none;
}
.desktop-menu.active,
.mobile-menu.active{
    display: block;
}
.mobile-menu ul.main-menu{
    margin-bottom: 30px;
}
.desktop-menu ul.main-menu li,
.mobile-menu ul.main-menu li{
    list-style: none;
}
.desktop-menu ul.main-menu li a,
.mobile-menu ul.main-menu li a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0;
    letter-spacing: 1%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.desktop-menu ul.main-menu li.active a .text,
.desktop-menu ul.main-menu li:hover a .text,
.mobile-menu ul.main-menu li.active a .text,
.mobile-menu ul.main-menu li:hover a .text{
    text-decoration: underline;
}
.desktop-menu ul.main-menu li a .text,
.mobile-menu ul.main-menu li a .text{
    line-height: 16px;
}
.desktop-menu ul.main-menu li a .icon,
.mobile-menu ul.main-menu li a .icon{
    display: block;
    padding-right: 15px;
}
.desktop-menu ul.main-menu li a .icon img,
.mobile-menu ul.main-menu li a .icon img{
    display: block;
    max-width: 25px;
}
.mobile-menu ul.main-menu li a .text{
    display: block;
}
.notifications-box.desktop-notifications{
    width: 430px;
    height: 590px;
    position: fixed;
    top: 80px;
    right: 120px;
    z-index: 9;
    overflow: hidden;
    background: #292929;
    -webkit-border-radius: 50px;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius: 50px;
    -moz-border-radius-topright: 0;
    border-radius: 50px;
    border-top-right-radius: 0;
    padding: 40px 20px;
}
.notifications-box{
    background: #272727;
    padding: 20px 20px;
    border-radius: 60px;
}
.notifications-box .title-box{
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    letter-spacing: 1%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.notifications-box .notifications{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.notifications-box .notification{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #272727;
}
.notifications-box .notification .image-box{
    position: relative;
    width: 80px;
    height: 80px;
    margin-right: 20px;
}
.notifications-box .notification .image{
    width: 100%;
    height: auto;
    border-radius: 50px;
    overflow: hidden;
    display: block;

}
.notifications-box .notification.new .image:before{
    content: "";
    width: 9px;
    height: 9px;
    background: #FF0000;
    border-radius: 50px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 9px;
}
.notifications-box .notification .text-notification{
    color: #8C8C8C;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 20px;
}
.notifications-box .notification.new .text-notification{
    color: #fff;
}
.notifications-box .notification .date{
    color: #474747;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
}
.desktop-notifications{
    display: none;
}
.desktop-notifications.active{
    display: block;
}
.header .notifications-button{
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.header .notifications-button.active{
    background-color: #292929;
}
.header .myaccount-button{
    -webkit-border-top-left-radius: 50px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-topright: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.header .myaccount-button.active{

}

/*### End Header ###*/


/*### Content ###*/

.content{}
.section {
    height: 100vh;
    position: relative;
    overflow:hidden;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}
/*### screen1 ###*/
.screen1 .title{
    position: absolute;
    z-index: 4;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.screen1 h1{
    font-size: 93px;
    line-height: 99px;
    letter-spacing: 1%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    max-width: 700px;
}

.screen1 .image{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    overflow: hidden;
}
.home_reception .manifesto--intro:before,
.prize-screen1 .image:before,
.prize-screen2 .image:before,
.prize-screen3 .image:before,
.screen3 .image:before,
.screen4 .image:before,
.screen5 .image:before,
.screen6 .image:before,
.screen1 .image:before{
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 39, 41, 0)), to(#000000));
    background: -o-linear-gradient(top, rgba(31, 39, 41, 0) 0%, #000000 100%);
    background: linear-gradient(180deg, rgba(31, 39, 41, 0) 0%, #000000 100%);
    position: absolute;
    z-index: 2;
    width: 100vw;
    height: 25vh;
    display: block;
    bottom: 0;
}
.screen1 .image img{
    width: 100%;
}
.screen1.swiper-slide-active .image img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    overflow: hidden;
    -webkit-animation: imageAnimation 1s;
    animation: imageAnimation 1s;
}
@-webkit-keyframes imageAnimation {
    from {
        width: 30%;
    }
    to {  
        width: 100%;
    }
}
@keyframes imageAnimation {
    from {
        width: 30%;
    }
    to {  
        width: 100%;
    }
}
.screen1.swiper-slide-active .overlay,
.screen1.main-active .overlay{
    position:absolute;
    width:100%;
    height:100%;
    margin:0 auto;
    overflow:hidden;

}
.screen1 .overlay:after,
.screen3 .overlay:after,
.screen4 .overlay:after,
.screen5 .overlay:after,
.screen6 .overlay:after{
    content:'';
    position:absolute;
    z-index: 3;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius:0%;
    width:100%; 
    height:100%; 
    left:0;
    -webkit-box-shadow: 0px 0px 0px 2000px #000;
    box-shadow: 0px 0px 0px 2000px #000;
    -webkit-animation: overlayAnimationHide 1.6s;
    animation: overlayAnimationHide 1.6s;
}
.screen1.swiper-slide-active .overlay:after,
.screen1.main-active .overlay:after{
    content:'';
    position:absolute;
    z-index: 3;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius:0%;
    width:100%; 
    height:100%; 
    left:0;
    -webkit-box-shadow: 0px 0px 0px 2000px #000;
    box-shadow: 0px 0px 0px 2000px #000;
    -webkit-animation: overlayAnimation 1s;
    animation: overlayAnimation 1s;
}
@-webkit-keyframes overlayAnimationHide{
    0% {  
        width:100vw; 
        height:100vw;
    }
    100% {
        width:0vw; 
        height:0vw;
        border-radius:100%;
    }
}
@keyframes overlayAnimationHide{
    0% {  
        width:100vw; 
        height:100vw;
    }
    100% {
        width:0vw; 
        height:0vw;
        border-radius:100%;
    }
}
@-webkit-keyframes overlayAnimation {
    0% {
        width:0vw; 
        height:0vw;
        left:0;
        border-radius:100%;
    }
    1% {
        width:1vw; 
        height:1vw;
    }
    2% {
        width:2vw; 
        height:2vw;
    }
    3% {
        width:3vw; 
        height:3vw;
    }
    4% {
        width:4vw; 
        height:4vw;
    }
    5% {
        width:5vw; 
        height:5vw;
        border-radius:50%;

    }
    6% {
        width:6vw; 
        height:6vw;
    }
    7% {
        width:7vw; 
        height:7vw;
    }
    8% {
        width:8vw; 
        height:8vw;
    }
    9% {
        width:9vw; 
        height:9vw;
    }
    10% {
        width:10vw; 
        height:10vw;

    }
    11% {
        width:11vw; 
        height:11vw;
    }
    12% {
        width:12vw; 
        height:12vw;
    }
    13% {
        width:13vw; 
        height:13vw;
    }
    14% {
        width:14vw; 
        height:14vw;
    }
    15% {
        width:15vw; 
        height:15vw;

    }
    16% {
        width:16vw; 
        height:16vw;
    }
    17% {
        width:17vw; 
        height:17vw;
    }
    18% {
        width:18vw; 
        height:18vw;
    }
    19% {
        width:19vw; 
        height:19vw;
    }
    20% {
        width:20vw; 
        height:20vw;
    }
    21% {
        width:21vw; 
        height:21vw;
    }
    22% {
        width:22vw; 
        height:22vw;
    }
    23% {
        width:23vw; 
        height:23vw;
    }
    24% {
        width:24vw; 
        height:24vw;
    }
    25% {
        width:25vw; 
        height:25vw;

    }
    26% {
        width:26vw; 
        height:26vw;
    }
    27% {
        width:27vw; 
        height:27vw;
    }
    28% {
        width:28vw; 
        height:28vw;
    }
    29% {
        width:29vw; 
        height:29vw;
    }
    30% {
        width:30vw; 
        height:30vw;

    }
    31% {
        width:31vw; 
        height:31vw;
    }
    32% {
        width:32vw; 
        height:32vw;
    }
    33% {
        width:33vw; 
        height:33vw;
    }
    34% {
        width:34vw; 
        height:34vw;
    }
    35% {
        width:35vw; 
        height:35vw;

    }
    36% {
        width:36vw; 
        height:36vw;
    }
    37% {
        width:37vw; 
        height:37vw;
    }
    38% {
        width:38vw; 
        height:38vw;
    }
    39% {
        width:39vw; 
        height:39vw;
    }
    40% {
        width:40vw; 
        height:40vw;

    }
    41% {
        width:41vw; 
        height:41vw;
    }
    42% {
        width:42vw; 
        height:42vw;
    }
    43% {
        width:43vw; 
        height:43vw;
    }
    44% {
        width:44vw; 
        height:44vw;
    }
    45% {
        width:45vw; 
        height:45vw;

    }
    46% {
        width:46vw; 
        height:46vw;
    }
    47% {
        width:47vw; 
        height:47vw;
    }
    48% {
        width:48vw; 
        height:48vw;
    }
    49% {
        width:49vw; 
        height:49vw;
    }
    50% {
        width:50vw; 
        height:50vw;

    }
    51% {
        width:51vw; 
        height:51vw;
    }
    52% {
        width:52vw; 
        height:52vw;
    }
    53% {
        width:53vw; 
        height:53vw;
    }
    54% {
        width:54vw; 
        height:54vw;
    }
    55% {
        width:55vw; 
        height:55vw;

    }
    56% {
        width:56vw; 
        height:56vw;
    }
    57% {
        width:57vw; 
        height:57vw;
    }
    58% {
        width:58vw; 
        height:58vw;
    }
    59% {
        width:59vw; 
        height:59vw;
    }
    60% {
        width:60vw; 
        height:60vw;

    }
    61% {
        width:61vw; 
        height:61vw;
    }
    62% {
        width:62vw; 
        height:62vw;
    }
    63% {
        width:63vw; 
        height:63vw;
    }
    64% {
        width:64vw; 
        height:64vw;
    }
    65% {
        width:65vw; 
        height:65vw;

    }
    66% {
        width:66vw; 
        height:66vw;
    }
    67% {
        width:67vw; 
        height:67vw;
    }
    68% {
        width:68vw; 
        height:68vw;
    }
    69% {
        width:69vw; 
        height:69vw;
    }
    70% {
        width:70vw; 
        height:70vw;

    }
    71% {
        width:71vw; 
        height:71vw;
    }
    72% {
        width:72vw; 
        height:72vw;
    }
    73% {
        width:73vw; 
        height:73vw;
    }
    74% {
        width:74vw; 
        height:74vw;
    }
    75% {
        width:75vw; 
        height:75vw;
        border-radius:100%;

    }
    76% {
        width:76vw; 
        height:76vw;
    }
    77% {
        width:77vw; 
        height:77vw;
    }
    78% {
        width:78vw; 
        height:78vw;
    }
    79% {
        width:79vw; 
        height:79vw;
    }
    80% {
        width:80vw; 
        height:80vw;

    }
    81% {
        width:81vw; 
        height:81vw;
    }
    82% {
        width:82vw; 
        height:82vw;
    }
    83% {
        width:83vw; 
        height:83vw;
    }
    84% {
        width:84vw; 
        height:84vw;
    }
    85% {
        width:85vw; 
        height:85vw;

    }
    86% {
        width:86vw; 
        height:86vw;
    }
    87% {
        width:87vw; 
        height:87vw;
    }
    88% {
        width:88vw; 
        height:88vw;
    }
    89% {
        width:89vw; 
        height:89vw;
    }
    90% {
        width:90vw; 
        height:90vw;

    }
    91% {
        width:91vw; 
        height:91vw;
    }
    92% {
        width:92vw; 
        height:92vw;
    }
    93% {
        width:93vw; 
        height:93vw;
    }
    94% {
        width:94vw; 
        height:94vw;
    }
    95% {
        width:95vw; 
        height:95vw;

    }
    96% {
        width:96vw; 
        height:96vw;
    }
    97% {
        width:97vw; 
        height:97vw;
    }
    98% {
        width:98vw; 
        height:98vw;
    }
    99% {
        width:99vw; 
        height:99vw;
    }
    100% {  
        width:100vw; 
        height:100vw;

    }
}
@keyframes overlayAnimation {
    0% {
        width:0vw; 
        height:0vw;
        left:0;
        border-radius:100%;
    }
    1% {
        width:1vw; 
        height:1vw;
    }
    2% {
        width:2vw; 
        height:2vw;
    }
    3% {
        width:3vw; 
        height:3vw;
    }
    4% {
        width:4vw; 
        height:4vw;
    }
    5% {
        width:5vw; 
        height:5vw;
        border-radius:50%;

    }
    6% {
        width:6vw; 
        height:6vw;
    }
    7% {
        width:7vw; 
        height:7vw;
    }
    8% {
        width:8vw; 
        height:8vw;
    }
    9% {
        width:9vw; 
        height:9vw;
    }
    10% {
        width:10vw; 
        height:10vw;

    }
    11% {
        width:11vw; 
        height:11vw;
    }
    12% {
        width:12vw; 
        height:12vw;
    }
    13% {
        width:13vw; 
        height:13vw;
    }
    14% {
        width:14vw; 
        height:14vw;
    }
    15% {
        width:15vw; 
        height:15vw;

    }
    16% {
        width:16vw; 
        height:16vw;
    }
    17% {
        width:17vw; 
        height:17vw;
    }
    18% {
        width:18vw; 
        height:18vw;
    }
    19% {
        width:19vw; 
        height:19vw;
    }
    20% {
        width:20vw; 
        height:20vw;
    }
    21% {
        width:21vw; 
        height:21vw;
    }
    22% {
        width:22vw; 
        height:22vw;
    }
    23% {
        width:23vw; 
        height:23vw;
    }
    24% {
        width:24vw; 
        height:24vw;
    }
    25% {
        width:25vw; 
        height:25vw;

    }
    26% {
        width:26vw; 
        height:26vw;
    }
    27% {
        width:27vw; 
        height:27vw;
    }
    28% {
        width:28vw; 
        height:28vw;
    }
    29% {
        width:29vw; 
        height:29vw;
    }
    30% {
        width:30vw; 
        height:30vw;

    }
    31% {
        width:31vw; 
        height:31vw;
    }
    32% {
        width:32vw; 
        height:32vw;
    }
    33% {
        width:33vw; 
        height:33vw;
    }
    34% {
        width:34vw; 
        height:34vw;
    }
    35% {
        width:35vw; 
        height:35vw;

    }
    36% {
        width:36vw; 
        height:36vw;
    }
    37% {
        width:37vw; 
        height:37vw;
    }
    38% {
        width:38vw; 
        height:38vw;
    }
    39% {
        width:39vw; 
        height:39vw;
    }
    40% {
        width:40vw; 
        height:40vw;

    }
    41% {
        width:41vw; 
        height:41vw;
    }
    42% {
        width:42vw; 
        height:42vw;
    }
    43% {
        width:43vw; 
        height:43vw;
    }
    44% {
        width:44vw; 
        height:44vw;
    }
    45% {
        width:45vw; 
        height:45vw;

    }
    46% {
        width:46vw; 
        height:46vw;
    }
    47% {
        width:47vw; 
        height:47vw;
    }
    48% {
        width:48vw; 
        height:48vw;
    }
    49% {
        width:49vw; 
        height:49vw;
    }
    50% {
        width:50vw; 
        height:50vw;

    }
    51% {
        width:51vw; 
        height:51vw;
    }
    52% {
        width:52vw; 
        height:52vw;
    }
    53% {
        width:53vw; 
        height:53vw;
    }
    54% {
        width:54vw; 
        height:54vw;
    }
    55% {
        width:55vw; 
        height:55vw;

    }
    56% {
        width:56vw; 
        height:56vw;
    }
    57% {
        width:57vw; 
        height:57vw;
    }
    58% {
        width:58vw; 
        height:58vw;
    }
    59% {
        width:59vw; 
        height:59vw;
    }
    60% {
        width:60vw; 
        height:60vw;

    }
    61% {
        width:61vw; 
        height:61vw;
    }
    62% {
        width:62vw; 
        height:62vw;
    }
    63% {
        width:63vw; 
        height:63vw;
    }
    64% {
        width:64vw; 
        height:64vw;
    }
    65% {
        width:65vw; 
        height:65vw;

    }
    66% {
        width:66vw; 
        height:66vw;
    }
    67% {
        width:67vw; 
        height:67vw;
    }
    68% {
        width:68vw; 
        height:68vw;
    }
    69% {
        width:69vw; 
        height:69vw;
    }
    70% {
        width:70vw; 
        height:70vw;

    }
    71% {
        width:71vw; 
        height:71vw;
    }
    72% {
        width:72vw; 
        height:72vw;
    }
    73% {
        width:73vw; 
        height:73vw;
    }
    74% {
        width:74vw; 
        height:74vw;
    }
    75% {
        width:75vw; 
        height:75vw;
        border-radius:100%;

    }
    76% {
        width:76vw; 
        height:76vw;
    }
    77% {
        width:77vw; 
        height:77vw;
    }
    78% {
        width:78vw; 
        height:78vw;
    }
    79% {
        width:79vw; 
        height:79vw;
    }
    80% {
        width:80vw; 
        height:80vw;

    }
    81% {
        width:81vw; 
        height:81vw;
    }
    82% {
        width:82vw; 
        height:82vw;
    }
    83% {
        width:83vw; 
        height:83vw;
    }
    84% {
        width:84vw; 
        height:84vw;
    }
    85% {
        width:85vw; 
        height:85vw;

    }
    86% {
        width:86vw; 
        height:86vw;
    }
    87% {
        width:87vw; 
        height:87vw;
    }
    88% {
        width:88vw; 
        height:88vw;
    }
    89% {
        width:89vw; 
        height:89vw;
    }
    90% {
        width:90vw; 
        height:90vw;

    }
    91% {
        width:91vw; 
        height:91vw;
    }
    92% {
        width:92vw; 
        height:92vw;
    }
    93% {
        width:93vw; 
        height:93vw;
    }
    94% {
        width:94vw; 
        height:94vw;
    }
    95% {
        width:95vw; 
        height:95vw;

    }
    96% {
        width:96vw; 
        height:96vw;
    }
    97% {
        width:97vw; 
        height:97vw;
    }
    98% {
        width:98vw; 
        height:98vw;
    }
    99% {
        width:99vw; 
        height:99vw;
    }
    100% {  
        width:100vw; 
        height:100vw;

    }
}

/*### screen2 ###*/

.influencer .img-inf{
    border-radius: 50px;
    overflow: hidden;
}

.influencer  + .influencer  .img-inf,
.influencer  + .influencer  + .influencer + .influencer .img-inf,
.influencer  + .influencer  + .influencer + .influencer + .influencer .img-inf,
.influencer  + .influencer  + .influencer + .influencer + .influencer + .influencer .img-inf,
.influencer  + .influencer  + .influencer + .influencer + .influencer + .influencer + .influencer .img-inf{
    border-radius: 25px;
}

.influencer img{
    width: 100%;
    height: auto;
} 
.addedactive  {
}
.swiper-container-h {
    width:100vw;
    margin: 0 auto;
    height: 100vh;
    position: relative;
    bottom:0vh;

}

.influencer {
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
    width: 100%;
    position: relative;
    width: 100%;
    height: 50vh;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.swiper-slide.influencer{
    width:15%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.swiper-slide.influencer.swiper-slide-active {
    width:40%!important;
}
.swiper-slide-active .swiper-slide.influencer {
    -webkit-animation: mymove 0.4s ;
    animation: mymove 0.4s ;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes mymove {
    from { bottom: -100vh;}
    to { bottom: 0vh;}
}
@keyframes mymove {
    from { bottom: -100vh;}
    to { bottom: 0vh;}
}
.swiper-slide.influencer.swiper-slide-active + .influencer{

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    bottom: 20vh;


}
.swiper-slide-active .swiper-slide.influencer.swiper-slide-active  + .influencer{
    -webkit-animation: mymove1 0.6s;
    animation: mymove1 0.6s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes mymove1 {
    from { bottom: -100vh;}
    to { bottom: 20vh;}
}
@keyframes mymove1 {
    from { bottom: -100vh;}
    to { bottom: 20vh;}
}

.swiper-slide.influencer.swiper-slide-active + .influencer + .influencer{

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    bottom: 23vh;


}
.swiper-slide-active .swiper-slide.influencer.swiper-slide-active + .influencer + .influencer{
    -webkit-animation: mymove2 0.8s;
    animation: mymove2 0.8s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes mymove2 {
    from { bottom: -100vh;}
    to { bottom: 23vh;}
}
@keyframes mymove2 {
    from { bottom: -100vh;}
    to { bottom: 23vh;}
}
.swiper-slide.influencer.swiper-slide-active + .influencer + .influencer + .influencer{

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    bottom: 26vh;
}
.swiper-slide-active .swiper-slide.influencer.swiper-slide-active + .influencer + .influencer + .influencer{
    -webkit-animation: mymove3 1s;
    animation: mymove3 1s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes mymove3 {
    from { bottom: -100vh;}
    to { bottom: 26vh;}
}

@keyframes mymove3 {
    from { bottom: -100vh;}
    to { bottom: 26vh;}
}
.swiper-slide.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer{

    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    bottom: 29vh;
}
.swiper-slide-active  .swiper-slide.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer{
    -webkit-animation: mymove4 1.2s;
    animation: mymove4 1.2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes mymove4 {
    from { bottom:-100vh;}
    to { bottom: 29vh;}
}
@keyframes mymove4 {
    from { bottom:-100vh;}
    to { bottom: 29vh;}
}
.influencer .link-arrow{
    width: 14px;
    height: 14px;
    cursor: pointer;
    position: absolute;
    display: none;
    top: initial;
    bottom: 70px;
    right: -70px;
    background: #A99261;
    width: 110px;
    height: 110px;
    border-radius:  50%;
    -webkit-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer.swiper-slide-active .link-arrow{
    display: block;
}
.influencer .link-arrow .arrow{
    position: absolute;
    top: 0;
    width: 14px;
    height: 2px;
    background-color: #fff;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.influencer .link-arrow .arrow::after,
.influencer .link-arrow .arrow::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    right: 0px;
    background-color: #fff;
}

.influencer .link-arrow .arrow::after {
    top: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.influencer .link-arrow .arrow::before {
    top: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.influencer .text{
    display: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    max-width: 400px;
    margin-left: 10%;
    text-align: center;
}
.swiper-slide.influencer.swiper-slide-active .text{
    display: block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer .text .domain{
    color: #A99261;
    font-size: 25px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.influencer .text .name{
    color: #fff;
    font-size: 37px;
    line-height: 45px;
    font-weight: bold;
    text-transform: uppercase;
}

.influencer .image-influencer{
    width: 100%;
    position: relative;
    margin-bottom: 2%;
    max-width: 60%;
    max-height: 60%;
    padding-left: 55px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    cursor: pointer;
}

.influencer.swiper-slide-active + .influencer .image-influencer{
    max-width: 80%;
    max-height:  80%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0px;
}
.influencer.swiper-slide-active + .influencer + .influencer  .image-influencer{
    max-width: 60%;
    max-height: 60%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0px;
}
.influencer.swiper-slide-active + .influencer + .influencer + .influencer .image-influencer{
    max-width:40%;
    max-height:40%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0px;
}
.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer .image-influencer{
    max-width:30%;
    max-height: 30%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0px;
}
.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer + .influencer .image-influencer{
    max-width:0%;
    max-height: 0%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    padding-left: 0px;
}
.influencer.swiper-slide-active + .influencer .image-influencer img,
.influencer.swiper-slide-active+ .influencer + .influencer .image-influencer img,
.influencer.swiper-slide-active+ .influencer + .influencer + .influencer .image-influencer img,
.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer .image-influencer img,
.influencer.swiper-slide-active + .influencer + .influencer + .influencer + .influencer + .influencer  .image-influencer img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.before-text{
    height: 0vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; 
    opacity: 0;
    visibility: hidden;
    position: relative;
    z-index: 1;
}
.before-text h2{
    font-size: 94px;
    line-height: 101px;
    background: -webkit-linear-gradient(#A99261, transparent);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 900px;
    text-transform: uppercase;
    -webkit-animation: titleAnimationColor 2s;
    animation: titleAnimationColor 2s;
}
.screen2.swiper-slide-active .before-text{
    position: absolute;
    width: 100%;
    opacity: 1;
    visibility: visible;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: textScreen2 1s;
    animation: textScreen2 1s;
}
@-webkit-keyframes textScreen2 {
    from {
        bottom: -100vh;
    }
    to {  
        bottom:0vh;
    }
}
@keyframes textScreen2 {
    from {
        bottom: -100vh;
    }
    to {  
        bottom:0vh;
    }
}
.triggerAnmimantionOnLoad .before-text,
.screen5.swiper-slide-active .before-text,
.screen4.swiper-slide-active .before-text,
.screen3.swiper-slide-active .before-text{
    -webkit-animation: textScreenAll 2s;
    animation: textScreenAll 2s;
}
@-webkit-keyframes titleAnimationColor {
    from {
        background: -webkit-linear-gradient(#A99261, #A99261);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #A99261;
    }
    to {  
        background: -webkit-linear-gradient(#A99261, transparent);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@keyframes titleAnimationColor {
    from {
        background: -webkit-linear-gradient(#A99261, #A99261);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: #A99261;
    }
    to {  
        background: -webkit-linear-gradient(#A99261, transparent);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
@-webkit-keyframes textScreenAll {
    from {
        height: 100vh;
        opacity:1;
        visibility: visible;
    }
    to {  
        height: 0vh;
        opacity:0;
        visibility: hidden;
    }
}
@keyframes textScreenAll {
    from {
        height: 100vh;
        opacity:1;
        visibility: visible;
    }
    to {  
        height: 0vh;
        opacity:0;
        visibility: hidden;
    }
}

/*### screens ###*/
.triggerAnmimantionOnLoad .small-slide .title,
.prize-screen1 .title,
.prize-screen2 .title,
.prize-screen3 .title,
.screen3 .title,
.screen4 .title,
.screen5 .title,
.screen6 .title{
    position: absolute;
    z-index: 4;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}
.triggerAnmimantionOnLoad .small-slide h1 span,
.triggerAnmimantionOnLoad .small-slide h1,
.screen3 h1,
.screen3 h1 span,
.screen4 h1,
.screen4 h1 span,
.screen5 h1,
.screen5 h1 span,
.screen6 h1,
.screen6 h1 span{
    color: #fff;
    font-size:50px;
    line-height:80px;
    letter-spacing: 1%;
    display: block;
    background:none;
    text-align: center;
    text-transform: uppercase;


}



.triggerAnmimantionOnLoad .small-slide p,
.screen3 p,
.screen4 p,
.screen5 p,
.screen6 p{
    color: #fff;
    text-align: center;
    font-size: 14px;
    max-width: 600px;
    margin: 0 auto;
    padding: 0 20px;
}

#myAcount.screen4 p{
    max-width: inherit;
}
#myAcount.screen4 h1{
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 40px;
    animation: none;
}
.triggerAnmimantionOnLoad .small-slide h1,
.screen3 h1,
.screen4 h1,
.screen5 h1,
.screen6 h1{
    font-weight: bold;
    margin-bottom: 50px;
}
.triggerAnmimantionOnLoad .small-slide h1 span,
.triggerAnmimantionOnLoad .small-slide h1,
.screen3.swiper-slide-active h1 span,
.screen3.swiper-slide-active h1,
.screen3.main-active h1 span,
.screen3.main-active h1,
.screen4.swiper-slide-active h1 span,
.screen4.swiper-slide-active h1,
.screen4.main-active h1 span,
.screen4.main-active h1,
.screen5.swiper-slide-active h1 span,
.screen5.swiper-slide-active h1,
.screen5.main-active h1 span,
.screen5.main-active h1,
.screen6.main-active h1 span,
.screen6.main-active h1{
    color: #fff;
    font-size:50px;
    line-height:80px;
    letter-spacing: 1%;
    background:none;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-animation: titleAnimationSec2 2s;
    animation: titleAnimationSec2 2s;
}
@-webkit-keyframes titleAnimationSec2 {
    from {
        font-size:10px;
        line-height:20px;

    }
    to {  
        font-size:50px;
        line-height:80px;
    }
}
@keyframes titleAnimationSec2 {
    from {
        font-size:10px;
        line-height:20px;

    }
    to {  
        font-size:50px;
        line-height:80px;
    }
}
.triggerAnmimantionOnLoad .small-slide h1 span,
.triggerAnmimantionOnLoad .small-slide h1,
.screen3.swiper-slide-active h1 span,
.screen3.main-active h1 span,
.screen4.swiper-slide-active h1 span,
.screen4.main-active h1 span,
.screen5.swiper-slide-active h1 span,
.screen5.main-active h1 span,
.screen6.swiper-slide-active h1 span,
.screen6.main-active h1 span{
    display: block;
    font-weight: normal;
}
@-webkit-keyframes titleAnimation {
    from {
        margin-top:0;
        font-size: 56px;
        line-height: 60px;
        letter-spacing: 1%;
        background: -webkit-linear-gradient(#A99261, transparent);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    to {  
        color: #fff;
        font-size:50px;
        line-height:80px;
        letter-spacing: 1%;
        background:none;
    }
}
@keyframes titleAnimation {
    from {
        margin-top:0;
        font-size: 56px;
        line-height: 60px;
        letter-spacing: 1%;
        background: -webkit-linear-gradient(#A99261, transparent);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    to {  
        color: #fff;
        font-size:50px;
        line-height:80px;
        letter-spacing: 1%;
        background:none;
    }
}
.triggerAnmimantionOnLoad a.more{
    font-size: 14px;
    color: #fff;
    letter-spacing: 1%;
    font-weight: bold;
}
.triggerAnmimantionOnLoad .small-slide .image,
.prize-screen1 .image,
.prize-screen2 .image,
.prize-screen3 .image,
.screen3 .image,
.screen4 .image,
.screen5 .image,
.screen6 .image{
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    overflow: hidden;
}

.triggerAnmimantionOnLoad .small-slide .image img,
.prize-screen1 .image img,
.prize-screen2 .image img,
.prize-screen3 .image img,
.screen3 .image img,
.screen4 .image img,
.screen5 .image img,
.screen6 .image img{
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    z-index: 1;
    overflow: hidden;
}
.home-template .screen3 .image img,
.home-template .screen4 .image img,
.home-template .screen5 .image img,
.home-template .screen6 .image img{
    margin: auto;
}
.triggerAnmimantionOnLoad .small-slide .image img,
.screen3.swiper-slide-active .image img,
.screen3.main-active .image img,
.screen4.swiper-slide-active .image img,
.screen4.main-active .image img,
.screen5.swiper-slide-active .image img,
.screen5.main-active .image img,
.screen6.swiper-slide-active .image img,
.screen6.main-active .image img{
    -webkit-animation: imageAnimation 2s;
    animation: imageAnimation 2s;
}
.triggerAnmimantionOnLoad .small-slide .overlay,
.prize-screen1 .overlay,
.prize-screen2 .overlay,
.prize-screen3 .overlay,
.screen3 .overlay,
.screen4 .overlay,
.screen5 .overlay,
.screen6 .overlay{
    width:100%;
    height:100%;
    margin:0 auto;
    overflow:hidden;
}
.triggerAnmimantionOnLoad .small-slide .overlay:after,
.prize-screen1 .overlay:after,
.prize-screen2 .overlay:after,
.prize-screen3 .overlay:after,
.screen3 .overlay:after,
.screen4 .overlay:after,
.screen5 .overlay:after,
.screen6 .overlay:after{
    content:'';
    position:absolute;
    z-index: 3;
    right: 0;
    top:  30vh;
    bottom: 0;
    margin: auto;
    border-radius:0%;
    width:100%; 
    height: 130vh;
    left:0;
    -webkit-box-shadow: 0px 0px 0px 2000px #000;
    box-shadow: 0px 0px 0px 2000px #000;
}
.triggerAnmimantionOnLoad .small-slide .overlay:after,
.screen3.swiper-slide-active .overlay:after,
.screen3.main-active .overlay:after,
.screen4.swiper-slide-active .overlay:after,
.screen4.main-active .overlay:after,
.screen5.swiper-slide-active .overlay:after,
.screen5.main-active .overlay:after,
.screen6.swiper-slide-active .overlay:after,
.screen6.main-active .overlay:after{
    -webkit-animation: overlayAnimation 2s;
    animation: overlayAnimation 2s;
}
.triggerAnmimantionOnLoad .small-slide .before-text,
.screen3 .before-text,
.screen4 .before-text,
.screen5 .before-text,
.screen6 .before-text{
    position: absolute;
    z-index: 5;
    width: 100%;
    text-align: center;
}

.home-template .more-home-button{
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding-top: 30px;
}
.triggerAnmimantionOnLoad .small-slide{
    width: 100%;
    height: 350px;
    border-radius: 60px;
    overflow: hidden;
    position: relative;
    margin-bottom: 60px;
}

.triggerAnmimantionOnLoad .small-slide .title{
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 30px;
    width: 90%;
    left: 5%;
}
.triggerAnmimantionOnLoad .small-slide .title h1{
    font-weight: bold;
}
.triggerAnmimantionOnLoad .small-slide .title p{
    font-size: 14px;
    color: #fff;
    letter-spacing: 1%;
    margin-bottom: 20px;

    -webkit-animation: textAnimationSec2 2s;
    animation: textAnimationSec2 2s;
}
@-webkit-keyframes boxanimation {
    from {
        margin-top: -500px;

    }
    to {  
        margin-top:0;
    }
}
@keyframes boxanimation{ 
    from {
        margin-top:-500px;

    }
    to {  
        margin-top:0;
    }
}
.prize-info{

}
.prize-info .animation-box{
    -webkit-animation: boxanimation 3s;
    animation: boxanimation 3s;
}
@-webkit-keyframes textAnimationSec2 {
    from {
        font-size:0px;
        line-height:0px;

    }
    to {  
        font-size:14px;
        line-height:18px;
    }
}
@keyframes textAnimationSec2{ 
    from {
        font-size:0px;
        line-height:0px;

    }
    to {  
        font-size:14px;
        line-height:18px;
    }
}
/*### Influencer Page ###*/
.desktop-influencer{
    background: #222;
    padding: 30px;
    border-radius: 17px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.influencer-slider .desktop-influencer .play{
    position: relative;
}
.influencer-slider .desktop-influencer  .influencer-text{
    text-align: center;
}
.influencer-slider .desktop-influencer .influencer-text .name{
    line-height: 43px;
    font-size: 33px;
}
.influencer-image.custom-single-influencer,
.desktop-influencer .influencer-image{
    width: 300px;
    height: 534px;
    position: relative;
    min-width: 300px;
    overflow: hidden;
}
.desktop-influencer .influencer-image .image,
.desktop-influencer .influencer-image video{
    width: 100%;
    height: auto;
    min-width: 300px;
}
.desktop-influencer .influencer-text{
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.title-page-influencer{
    color: #fff;
    letter-spacing: 1%;
    text-align: center;
    font-size: 31px;
    line-height: 75px;
}
main.influencer-page{
    height: 100%;
}
.influencer-slider{
    width: 100%;

}
.influencer-slider .influencer-text{
    position: relative;
    bottom: inherit;
    width: 100%;
    text-align: left;

}
.influencer-slider .influencer-text .name{
    font-weight: 500;
    line-height: 50px;
    font-size: 40px;
    color: #fff;
    letter-spacing: 1%;
    text-transform: uppercase;
}
.influencer-slider .influencer-text .function{
    font-weight: bold;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    letter-spacing: 1%;
}
.influencer-slider .influencer-text .text{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 20px
}
.influencer-slider .influencer-text .message{
    color: #585858;
    font-size: 11px;
    line-height: 16px;
}
.influencer-nav{
    margin-top: 40px;
    margin-bottom: 40px;
}

.influencer-nav .influencer-nav-img{
    width: 64px!important;
    height: 64px;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
    position: relative;

}
.influencer-nav .influencer-nav-img.seen .circle canvas{
    width: 30px;
    height:30px;
    margin-top: 10px;
    margin-left: 10px;
}
.influencer-nav .influencer-nav-img .image,
.influencer-nav .influencer-nav-img .image-list{
    width: 60px;
    height: 60px;
    border-radius: 50px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    left: 2px;
}
.influencer-nav .influencer-nav-img .image-list{
    width: auto;
    height: auto;
    top: 0px;
    left: 0px;
}
.influencer-nav .influencer-nav-img img{
    width: 100%;
    height: auto;
}
.happy-wrapp .happy-right .image-video .play-happy,
.influencer-slider .play{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 92px;
    height: 92px;
    background: #000;
    border-radius: 50px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}
.happy-wrapp .happy-right .image-video .play-happy .play-text,
.influencer-slider .play .play-text{
    color: #fff;
    font-size: 11.5px;
    letter-spacing: 1%;
    text-align: center;
    margin-top: 5px;
}
.influencer-top{

    width: 715px;
    margin: 120px auto 0;
}
.influencer-top .slick-track{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.influencer-bottom {

    margin: 0 auto;
    text-align: center;
    display: block;
    padding-bottom: 150px;
    width: 715px;

}
.influencer-bottom  .add-code{
    cursor: pointer;
    text-decoration: none;
}
.influencer-bottom .title-influencer{
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    letter-spacing: 1%;
    color: #828282;
    margin-bottom: 35px;
    display: block;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer-bottom.active .title-influencer{
    font-size: 16px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer-bottom .lock-box{
    background: #222222;
    border-radius: 50px;
    padding: 15px 8%;
    display: block;
}
.influencer-bottom .lock-box .lock-icon{
    margin-bottom: 5px;
    display: block;
}
.influencer-bottom .lock-box .enter{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    display: block;
}
.influencer-bottom .lock-box .cod{
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    color: #A99261;
    display: block;
}
.influencer-bottom .code-unlocked{
    background: #222222;
    border-radius: 50px;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    display: none

}
.influencer-bottom .code-unlocked.active{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: zoom-in-zoom-out 0.5s ease-out;
    animation: zoom-in-zoom-out 0.5s ease-out;
}
@-webkit-keyframes zoom-in-zoom-out {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes zoom-in-zoom-out {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.influencer-bottom .code-unlocked .image-box{
    padding: 4px; 
    position: relative;
}
.influencer-bottom .code-unlocked .image{
    width: 80px;
    height: 80px;
    border-radius: 50px;
    overflow: hidden;
    display: block;
}
.influencer-bottom .code-unlocked.new .image-box:before{
    content: "";
    width: 9px;
    height: 9px;
    background: #FF0000;
    border-radius: 50px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 9px;
    top: 11px;
}
.influencer-bottom .code-unlocked .text{
    margin-left: 25px;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}
.influencer-nav .influencer-nav-img .image.seen img,
.influencer-bottom .code-unlocked.seen  .image img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.influencer-nav .influencer-nav-img .image.seen:before,
.influencer-bottom .code-unlocked.seen .image:before{
    content: "";
    background: url('images/seen.svg');
    width: 42px;
    height:35px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.prizes-popup,
#popup-form,
#prize1,
#prize2,
#prize3,
#popup3,
#popup2,
#popup1{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}
.prizes-popup{
    visibility: visible;
    display: none;
}
.section.active .prizes-popup{
    display: block;
    opacity: 1;
}
#popup-form:target,
#prize1:target,
#prize2:target,
#prize3:target,
#popup3:target,
#popup2:target,
#popup1:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 0px auto;
    padding: 0;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all 5s ease-in-out;
    -o-transition: all 5s ease-in-out;
    transition: all 5s ease-in-out;
    width: 90%;
}

.popup h2 {
    margin-top: 0;
    color: #333;
}
.popup .close {
    position: absolute;
    top: 30px;
    right: 5%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    width: 37px;
    height: 37px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:before,
.popup .close:after{
    content:'';
    position:absolute;
    width:37px;
    height:1px;
    background-color:white;
    border-radius:2px;
    top: 18px;
    right: 0px;
}

.popup .close:before{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);

}
.popup .close:after{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);

}
.popup .close:hover {
    color: #06D85F;
}
.popup {
    text-align: center;
}
.popup  .content-popup{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 320px;
    margin: 0 auto;
}
.image-popup{
    margin-bottom: 20px;
    border-radius: 25px;
    overflow: hidden;
}
.image-popup img{
    width: 100%;
    height: auto;
}
.popup h3{
    font-size: 35px;
    line-height: 45px;
    letter-spacing: 1%;
    background: -webkit-linear-gradient(#A99261, transparent);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 45px;
}
.popup .code-form{
    margin-bottom: 70px;
}
.popup .code-form .input-box{
    position: relative;
    width: 100%;
    height: 74px;
    margin-bottom: 17px;
}
.popup .code-form input:focus{
    outline: none;
}
.popup .code-form input[type=text]{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    height: 74px;
    border: 1px solid #C4C4C4;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 74px;
    letter-spacing: 1%;
    padding: 0 60px;
    color: #fff;
    text-transform: uppercase;

}
.popup .code-form .input-box:before{
    content: "";
    background: url('images/code.svg');
    width: 23px;
    height: 21px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
}
.popup .discover,
.popup .code-form .submit-button{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #A99261;
    height: 76px;
    border: none;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 74px;
    letter-spacing: 1%;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Futura Std';
}
.popup .text-top{
    font-weight: 300;
    font-size: 21px;
    line-height: 30px;
    color: #828282;
    letter-spacing: 1%;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.content-popup3 .text-top{
    font-size: 35px;
    line-height: 45px;
}
.popup .text-bottom{
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
    color: #828282;
    letter-spacing: 1%;
    margin-bottom: 45px;
}
.content-popup3 .text-bottom{
    margin-bottom: 45px;
}
.popup .edit{
    height: 76px;
    width: 204px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #A99261;
    font-size: 16px;
    line-height: 76px;
    color: #fff;
    margin: 0 auto;

}

.content-popup3 .discover{
    margin-bottom: 15px;
}
.portrait-check{
    background: url('images/portrait.svg');
    width: 50px;
    height: 50px;
    position: fixed;
    top: 20%;
    right: 10px;
    z-index: 9;
}
.portrait-check.inactive{
    background: url('images/noportrait.svg');
}
/*### END Influencer Page ###*/
/*### Influencer Single ###*/

.influencer-single .influencer-slider{

    position: relative;
}

.influencer-single .influencer-slider .influencer-image video,
.influencer-single .influencer-slider .influencer-image img{
    width: 100%;
    height: auto;
    min-width: 300px;
}
.influencer-single .influencer-slider .influencer-text{
    width: 100%;

    text-align: left;
    padding: 0 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.influencer-single .influencer-slider .influencer-text .name{
    font-size: 30px;
    letter-spacing: 1%;
    line-height: 40px;

}
.influencer-single .influencer-slider .influencer-text .text{
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 20px;
}
.influencer-single .influencer-slider .influencer-slide .influencer-image img{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer-single .influencer-slider .influencer-slide.seen .influencer-image img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}
.influencer-page .influencer-slider .influencer-slide.seen .influencer-text,
.influencer-single .influencer-slider .influencer-slide.seen .influencer-text{
    opacity: 0;
    display: none;
}
.influencer-page .influencer-slider .influencer-slide .influencer-text-seen,
.influencer-single .influencer-slider .influencer-slide .influencer-text-seen{
    display: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease;
}
.influencer-page .influencer-slider .influencer-slide.seen .influencer-text-seen,
.influencer-single .influencer-slider .influencer-slide.seen .influencer-text-seen{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-align: left;
    padding: 0 5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.influencer-page .influencer-slider .influencer-text-seen .title,
.influencer-single .influencer-slider .influencer-text-seen .title{
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1%;
    color: #fff;
    margin-bottom: 75px;
}
.influencer-page .influencer-slider .influencer-text-seen .open-menu,
.influencer-single .influencer-slider .influencer-text-seen .open-menu{
    margin-bottom: 50px;
    font-size: 21px;
    line-height: 31px;
    letter-spacing: 1%;
    color: #fff;
    text-decoration: underline;
    cursor: pointer;
}
.influencer-single .influencer-slider .influencer-text-seen .image{

}
.influencer-single  .influencer-nav .slick-track{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.influencer-single  .influencer-nav{
    position: relative;
    bottom: auto;
    margin-left: 0;
}
.influencer-single  .influencer-nav .influencer-nav-img{
    margin-right: 15px;
}
.influencer-nav .slick-current .loading {
    width: 66px;
    height: 66px;
    margin: 0px auto;
    position: relative;
}

.influencer-nav .slick-current .inner-shadow {
    z-index: 4;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin-left: -31px;
    margin-top: -31px;
    border-radius: 100%;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
}
.influencer-nav .slick-current .hold {
    position: absolute;
    width: 100%;
    height: 100%;
    clip: rect(0px, 66px, 66px, 33px);
    border-radius: 100%;

}
.influencer-nav .slick-current .fill,
.influencer-nav .slick-current .dot span {
    background-color: #fff;
}
.influencer-nav .slick-current .fill {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    clip: rect(0px, 33px, 66px, 0px);
}
.influencer-nav .slick-current .loading.active .left .fill {
    z-index: 1;
    -webkit-animation: left 2s linear;
    animation: left 2s linear both;
}
@keyframes left {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@-webkit-keyframes left {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
    }
}
.influencer-nav .slick-current .right {
    z-index: 3;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.influencer-nav .slick-current .loading.active .right .fill {
    z-index: 3;
    -webkit-animation: right 2s linear;
    animation: right 2s linear both;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}
@keyframes right {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@-webkit-keyframes right {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.influencer-nav .inner-shadow.seen{

}
.influencer-nav .inner-shadow.seen img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer-nav .inner-shadow.seen:before{
    content: "";
    background: url('images/seen.svg');
    width: 42px;
    height:35px;
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}


.influencer-nav .slick-current .inner-shadow.seen + .hold .fill,
.influencer-nav .slick-current .inner-shadow.seen + .hold  + .hold .fill{
    background-color: #000;
}
.influencer-text .more{
    background-color: #A99261;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-bottomright: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    position: relative;
    left:calc(-6% - 216px);
    width: 260px;
    height: 41px;
    text-align: center;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    cursor: pointer;
}
.influencer-text .more.active{
    width: 260px;
    left:-6%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.influencer-text .more .more-open{
    display: none;
}
.influencer-text .more .more-closed{
    text-align: center;
    width: 44px;
    height: 41px;
    line-height: 41px;
    color: #fff;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0;
}
.influencer-text .more.active .more-closed{
    display: none;
}
.influencer-text .more.active  .more-open{
    font-size: 11px;
    color: #fff;
    line-height: 16px;
    font-weight: bold;
    padding: 5px 50px 5px 35px;
    position: relative;
    display: block;

}
.influencer-text .more .arrow {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 7px;
    position: absolute;
    right: 25px;
    top: 12px;
}
.influencer-text .more .arrow.left {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
/*### END Influencer Single ###*/
/*### Article Single ###*/
.article-single .influencer-slider .influencer-text-seen .title{
    margin-bottom: 30px;
}
.article-single .influencer-slider .influencer-text-seen .title strong{
    display: block;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: 1%;
    color: #fff;
    margin-bottom: 0;
    font-weight: bold;
}

.article-single .influencer-slider .influencer-text-seen .text{
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px; 
}
/*### END Article Single ###*/
/*### Footer ###*/

.footer{
    position: absolute;
    bottom: 40px;
    width:100%;

    z-index: 5
}
.footer .footer-menu{
    width: 80vw;
    margin: 0 auto;
    text-align: center;
}
.footer li{
    list-style: none;
    display: inline-block;
    margin: 0 15px;
}
.footer li a{
    color: #A99261;
    font-size: 16px;
    line-height: 46px;
    font-weight: 500;
}
/*### End Footer ###*/

/*### Account ###*/
.screen-account {
    overflow-y: auto;
}

.wrapper{
    width: 80vw;
    margin: 100px auto 200px;
}
.screen-account .info-points{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    position: relative;
}
.screen-account .info-points .points{
    background: #222222;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 200px;
    margin-right: 40px;
    align-items: center;
}
.screen-account .info-points .points .points-list{
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1%;
    text-align: center;
    margin: 0 10px
}
.screen-account .info-points .points .points-list strong{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 1%;
    display: block;
}
.screen-account .info-points .how-to{
    padding: 30px;
    background: #222222;
    border-radius: 200px;
}
.screen-account .info-points .how-to .title{
    color: #A99261;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 1%;
    line-height: 31px;
}
.screen-account .info-points .how-to .text{
    color: #8C8C8C;
    font-size: 16px;
    line-height: 26px;
}
.screen-account .prizes-title{
    background: #A99261;
    font-size: 21px;
    line-height: 31px;
    padding: 11px;
    letter-spacing: 1%;
    font-weight: bold;
    color: #222222;
    text-transform: uppercase;
    text-align: center;
    border-radius: 200px;
    margin-bottom: 55px;
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
}
.screen-account .prizes-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 60px;
}


.screen-account .prizes-box.oneperrow{
    width: 47%;
    margin: 0 auto 60px;
}
.screen-account .prizes-box.oneperrow .prize{
    display: block;
    width: 100%;
}
.screen-account .prizes-box.twoperrow .prize{
    display: block;
    width: 47%;
}
.screen-account .prizes-box.twoperrow .prize{
    display: block;
    width: 47%;
}
.screen-account .prizes-box.threeperrow .prize{
    display: block;
    width: 30%;
    margin-bottom: 30px;
}
.screen-account .prizes-box .prize .top-prize{
    margin-bottom: 15px;
    text-align: center;
}
.screen-account .prizes-box .prize .top-prize .number{
    font-size: 12px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 200px;
    margin-right: 30px;
    margin-left: -30px;
    display: inline-block;
}
.screen-account .prizes-box .prize .top-prize .text{
    font-size: 16px;
    line-height: 36px;
    color: #fff;
    display: inline-block;
}
.screen-account .prizes-box .prize .prize-info{
    border-radius: 60px;
    overflow: hidden;
    position: relative;
}
.screen-account .prizes-box .win-box{
    border-radius: 60px;
    overflow: hidden;
    position: relative;
    width: 47%;
    background: #222222;
    padding: 55px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    min-height: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.screen-account .prizes-box .win-box p {
    background: #222222;
    padding: 0 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.screen-account .prizes-box .win-box .button-win{

    -webkit-box-sizing: border-box;

    box-sizing: border-box;
    width: auto;
    background: #A99261;

    border: none;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1%;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 20px;
}
.screen-account .prizes-box .prize .prize-info .image-prize{
    display: block;
    position: relative;
}
.screen-account .prizes-box .prize .prize-info .image-prize img{
    display: block;
    width: 100%;
    height: auto;
}
.screen-account .prizes-box .prize .prize-info.active .image-prize img{
    margin-top: 70px;
    margin-bottom: -70px;
}
.screen-account .prizes-box .prize .prize-info .text{
    background: #222222;
    padding: 20px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    min-height: 125px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

}
.screen-account .prizes-box.threeperrow .prize .prize-info .text{
    min-height: 200px;
}
.screen-account .prizes-box .prize .prize-info .text p{
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 20px;
    color: #fff;
}
.screen-account .prizes-box .prize .prize-info .text a{
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
}
.screen-account .register-prizes{
    margin-bottom: 60px;
}
.screen-account .register-prizes .title{
    color: #A99261;
    font-size: 35px;
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 60px;
    text-align: center;
    text-transform: uppercase;
}
.screen-account .register-prizes .big-prize{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    border-radius: 60px;
    overflow: hidden;
}
.screen-account .register-prizes .big-prize .image{
    width: 50%;
    position: relative;
}
.screen-account .register-prizes .big-prize .image img{
    display: block;
    width: 100%;
    height: auto;
}
.screen-account .register-prizes .big-prize .prize-text{
    background: #222222;
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.screen-account .register-prizes .big-prize .prize-text .title-big{
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 1%;
    line-height: 31px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.screen-account .register-prizes .big-prize .prize-text .title-big.title-first{
    font-size: 38px;
    line-height: 50px;
}
.screen-account .register-prizes .big-prize .prize-text .circle{
    width: 88px;
    height: 88px;
    border-radius: 200px;
    background: #fff;
    text-align: center;
    line-height: 88px;
    color: #000;
    font-size: 30px;
    margin-bottom: 20px;
}
.screen-account .register-prizes .big-prize .prize-text .circle.small {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
}
.screen-account .register-prizes .big-prize .prize-text .date{
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px;
}
.screen-account .register-prizes .big-prize .prize-text .text{
    font-size: 16px;
    font-weight: 300;
    line-height: 26px;
    color: #fff;
}
.prize-info .prize-detail{
    display: none;
    position: absolute;
    background: #171717;
    top: 0;
    width: 100%;
    height: 0%;
    text-align: center;
    padding: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 5
}
.prize-info.active .prize-detail{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}
.prize-info .prize-detail p{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px
}
.prize-info .prize-detail p strong{
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
}
.prize-info .prize-detail a.read-more{
    font-size: 14px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    bottom: 33px;
    left: 0;
    right: 0;
}
.screen-account .info-points .edit-account {
    font-size: 14px;
    color: #8C8C8C;
    line-height: 14px;
    text-transform: uppercase;
    position: absolute;
    top: -40px;
    right: 60px;
}
.screen-account .info-points .edit-account img {
    padding-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
/*### End Account ###*/

.campanii-page {
    padding-top: 90px;
    height: auto;
}
.acordeon{

    margin-bottom: 30px;
}
.campanii-page + .footer{
    position: relative;
}
.campanii-page .accordeon-title{
    width: 100%;
    background-color: #222222;
    height: 53px;
    line-height: 53px;
    color: #A99261;
    font-size: 16px;
    letter-spacing: 1%;
    color: #A99261;
    text-align: center;
    border-radius: 200px;
    cursor: pointer;
}

.campanii-page .accordeon-title a{
    font-size: 16px;
    letter-spacing: 1%;
    color: #A99261;
}
.campanii-page .acordeon.active .accordeon-title{
    background-color: #3D3D3D;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.campanii-page .accordeon-content{
    background-color: #222222;
    -webkit-border-bottom-left-radius:65px;
    -webkit-border-bottom-right-radius: 65px;
    -moz-border-radius-bottomleft:65px;
    -moz-border-radius-bottomright:65px;
    border-bottom-left-radius: 65px;
    border-bottom-right-radius: 65px;
    padding: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

}
.campanii-page .accordeon-content.active{
    display: block!important;
}
.campanii-page .accordeon-content .content-box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.campanii-page .accordeon-content .content-box .intro-text{
    font-size: 16px;
    line-height: 26px;
    color: #8C8C8C;
    font-weight: bold;
    min-width: 280px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 10px;
}
.campanii-page .accordeon-content .content-box .image{
    margin: 0 10px;
    min-width: 260px;
    position: relative;
}
.campanii-page .accordeon-content .content-box .text{
    font-size: 16px;
    line-height: 30px;
    color: #828282;
    letter-spacing: 1%;
    text-align: center;
    margin: 0 10px;
}

.campanii-page .accordeon-content .content-box .link-arrow{

    cursor: pointer;
    display: block;
    background: #A99261;
    width: 110px;
    height: 110px;
    min-width: 110px;
    border-radius:  50%;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    position: relative;
}

.campanii-page .accordeon-content .content-box  .arrow{
    position: absolute;
    top: 0;
    width: 14px;
    height: 2px;
    background-color: #fff;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.campanii-page .accordeon-content .content-box .link-arrow .arrow::after,
.campanii-page .accordeon-content .content-box  .link-arrow .arrow::before {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    right: 0px;
    background-color: #fff;
}

.campanii-page .accordeon-content .content-box .link-arrow .arrow::after {
    top: -3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.campanii-page .accordeon-content .content-box  .link-arrow .arrow::before {
    top: 3px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.campanii-page .accordeon-content .content-box.twoperrow{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.campanii-page .accordeon-content .content-box .image-bog{
    border-radius: 30px;
    overflow: hidden;
    width: 50%;
}
.campanii-page .accordeon-content .content-box .image-bog img{
    width: 100%;
    height: auto;
}
.campanii-page .accordeon-content .content-box .text-box{
    width: 50%;
}
.campanii-page .accordeon-content .content-box .text-box .text{
    max-width: 340px;
    margin: 0 auto 20px;
}
.campanii-page .accordeon-content .content-box .text-box a.more-link{
    background: #A99261;
    border-radius: 25px;
    font-weight: bold;
    font-size: 21px;
    letter-spacing: 1%;
    text-transform: uppercase;
    width: 340px;
    margin: 0 auto;
    color: #fff;
    display: block;
    height: 76px;
    line-height: 76px;
    text-align: center;
}
.campanii-page .accordeon-content .content-box .text-box a.more-link:hover{
    background-color: #A98857
}
.form-send {
    background: #474747;
    padding: 20px;
    border-radius: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

}
.form-send .before-form{
    color: #A99461;
    font-weight: bold;
    font-size: 16px;
    margin: 0 20px;
    text-transform: uppercase;
    margin-top: -18px
}
.form-send .code-form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.form-send .code-form .input-box{
    position: relative;
    margin-right: 40px;
    width: 322px;
    height: 74px;
    margin-bottom: 10px;
}
.form-send .code-form input:focus{
    outline: none;
}
.form-send .code-form input[type=text]{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: transparent;
    height: 74px;
    border: 1px solid #C4C4C4;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 74px;
    letter-spacing: 1%;
    padding: 0 60px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 10px;

}
.form-send .code-form .input-box:before{
    content: "";
    background: url('images/code.svg');
    width: 23px;
    height: 21px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 18px;
    margin: auto;
}
.form-send .code-form .submit-button{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 322px;
    background: #A99261;
    height: 76px;
    border: none;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 74px;
    letter-spacing: 1%;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
}
.box-acc3 .content-box{
    margin-bottom: 40px
}
.box-acc3 .content-box .image img{
    margin-bottom: 10px;

}
.box-acc3 .content-box  .box .image img{
    border-radius: 50px;
    width: 100%;
    height: auto;
}
.box-acc3 .content-box .code-form .input-text{
    font-size: 11px;
    color: #828282;
}
.box-acc3 .content-box .image .image-text{
    font-size: 11px;
    color: #828282;

}

.box-acc3 .content-box .top-prize{
    text-align: center;
    max-width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 10px 15px;
}
.box-acc3 .content-box .top-prize .number{
    font-size: 12px;
    line-height: 36px;
    width: 36px;
    height: 36px;
    background: #fff;
    color: #000;
    text-align: center;
    border-radius: 200px;
    display: inline-block;
    min-width: 36px;
}
.box-acc3 .content-box  .top-prize .text{
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
}
.box-acc3 .content-box .box{
    min-width: 33%;
}
.box-acc3 .content-box .box .image .text-image{
    position: absolute;
    width: 80%;
    margin: 0 auto;
    bottom: 30px;
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    left: 0;
    right: 0;
    text-align: center;
}
.box-acc3 .content-box .box  .points-list{
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 1%;
    text-align: center;
    width: 180px;
    padding: 20px 30px;
    border: 1px solid #A99261;
    border-radius: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.box-acc3 .content-box .box  .points-list strong{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 17px;
    letter-spacing: 1%;
    display: block;
}

.acordeon-desc {display:none;}
.accordeon-title a{
    width: 300px;
    display: block;
    margin: 0 auto;
    position: relative;
}
.accordeon-title a::after{
    background: url("images/arrow-ac.svg") no-repeat right center;
    width: 16px;
    height: 10px;
    position: absolute;
    content: "";
    right: 0;
    top: 21px;
}
.acordeon.active .accordeon-title a:after{
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sad{
    position: absolute;
    bottom: auto;
    top: 12vh;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    z-index: 4;
}
.screen1 .sad{
    top: auto;
    bottom: 17vh;
}
.sad .title-sad{
    color: #fff;
    font-size: 12px;
    line-height: 46px;
}

.slick-nav-arow{
    width: 9px;
    height: 16px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    z-index: 9;
}
.slick-nav-arow.slick-prev{
    background: url(images/prev.svg) no-repeat;
    left: 0;
}
.slick-nav-arow.slick-next{
    background: url(images/next.svg) no-repeat;
    right: 0;
}
/* Society */
.home_reception.intro-page {
    height: calc(100vh - 30px);
    min-height: 615px !important;
}
.home_reception .manifesto--intro {
    height: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.home_reception.intro-page .manifesto--intro #intro-video.video-js.vjs-16-9 {
    height: calc(100vh - 24px);
    padding-top: 0;
    width: 100%;
    max-width: 100%;
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    position: relative;
    padding: 0;
    padding-top: 0px;
    padding-top: 0px;
    font-size: 10px;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    word-break: initial;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    background: #000;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;

}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-animation: sk-chase 2.5s infinite linear both;
    animation: sk-chase 2.5s infinite linear both;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0; 
    -webkit-animation: sk-chase-dot 2.0s infinite ease-in-out both; 
    animation: sk-chase-dot 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:before {
    content: '';
    display: block;
    width: 25%;
    height: 25%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: sk-chase-dot-before 2.0s infinite ease-in-out both;
    animation: sk-chase-dot-before 2.0s infinite ease-in-out both; 
}

.sk-chase-dot:nth-child(1) { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2) { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3) { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4) { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5) { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6) { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }
.sk-chase-dot:nth-child(1):before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.sk-chase-dot:nth-child(2):before { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.sk-chase-dot:nth-child(3):before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.sk-chase-dot:nth-child(4):before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
.sk-chase-dot:nth-child(5):before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; }
.sk-chase-dot:nth-child(6):before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; }

@-webkit-keyframes sk-chase {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}

@keyframes sk-chase {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}

@-webkit-keyframes sk-chase-dot {
    80%, 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}

@keyframes sk-chase-dot {
    80%, 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 
}

@-webkit-keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4); 
    } 100%, 0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0); 
    } 
}

@keyframes sk-chase-dot-before {
    50% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4); 
    } 100%, 0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0); 
    } 
}

#myAcount{
    height: 100%;
} 
#myAcount .before-text{
    position: relative
}
.happy-wrapp{
    width: 80vw;
    margin: 0 auto ;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.happy-wrapp .happy-left{
    margin-right: 5vw;
    text-align: center;
}
.happy-wrapp .happy-left .title{

    margin-bottom: 50px;
}
.happy-wrapp .happy-left .title span,
.happy-wrapp .happy-left .title{
    font-weight:800;
    color: #fff;
    font-size: 63px;
    line-height: 63px;
    text-transform: uppercase;
}
.happy-wrapp .happy-left .title span{
    color: #A99261;
    display: block;
}
.happy-wrapp .happy-left .image{
    margin-bottom: 20px;
    border-radius:  50px;
    overflow: hidden;
}
.happy-wrapp .happy-left .image img{

}
.happy-wrapp .happy-left  .image-title{
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
    background: -webkit-linear-gradient(#A99261, transparent);
    background-clip: border-box;
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;

}
.happy-wrapp .happy-right{

}
.happy-wrapp .happy-right .image-video{
    position: relative;
    border-radius: 99px;
    overflow: hidden;
    margin-bottom: 30px;
}
.happy-wrapp .happy-right .image-video img{
    width: 100%;
    height: auto;
}
.happy-wrapp .happy-right .text-video{

}
.happy-wrapp .happy-right .text-video .video-title{
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
}
.happy-wrapp .happy-right .text-video .video-text{
    color: #828282;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
}
#popup-form{
    background-image: url('images/overlay.png');
}
#popup-form .popup .content-popup-form-ty,
#popup-form .popup .content-popup-form{
    width: 715px;
    background: #292929;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 60px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 17px;
    min-height: 560px;
}
#popup-form .popup .content-popup-form .popup-form-title{
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
    color: #fff;
    font-size: 30px;
    line-height: 53px;
    font-weight: bold;
    margin-bottom: 30px;
}
#popup-form .popup .content-popup-form .image-popup-form{
    border-radius: 20px;
    overflow: hidden;
    margin-right: 30px;
    width: 300px;
    height: 300px;
}
#popup-form  .popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
}

#popup-form .popup .content-popup-form .popup-form-box{
    position: relative;
}
#popup-form .popup .content-popup-form .popup-form-box .label-checkmark {
    display: block;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 55px;
}
#popup-form .popup .content-popup-form .popup-form-box .label-checkmark input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#popup-form .popup .content-popup-form .form-box{
    width: 48%;
}
#popup-form .popup .content-popup-form .popup-form-box .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 55px;
    width: 100%;
    background-color: #5B5B5B;
    border-radius: 99px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}



#popup-form .popup .content-popup-form .popup-form-box .label-checkmark input:checked ~ .checkmark {
    background-color: #A4A3A3;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
#popup-form .popup .content-popup-form .popup-form-box .label-checkmark .over{
    position: absolute;
    color: #fff;
    z-index: 3;
    left: 0;
    top: 0;
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px;
    text-align: left;
}
#popup-form .popup .discover{
    padding: 0 20px;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
    margin-bottom: 12px;
}
#popup-form .popup .pickone{
    color: red;
}
#popup-form .popup .pickone.none{
    display: none;
}
.influencer-nav .circle canvas {
    width: 58px;
    height: 58px;
    border: 3px solid #000; 
}
.influencer-nav .slick-current .circle canvas{
    width: 64px;
    height: 64px;
    border:none; 
}
#popup-form .popup .content-popup-form.none{
    display: none;
}
#popup-form .popup .content-popup-form-ty.none{
    display: none;
}
#popup-form .popup .content-popup-form-ty{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#popup-form .popup .content-popup-form-ty .discover.close{
    position: relative;
    max-width: 322px;
    display: block;
    top: 0;
    right: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 100%;
    flex: 0 100%;
}
#popup-form .popup .content-popup-form-ty .discover.close:hover{
    color: #fff;
}
#popup-form .popup .content-popup-form-ty .discover.close:after,
#popup-form .popup .content-popup-form-ty .discover.close:before{
    display: none;
}
#popup-form .popup .content-popup-form-ty .image-popup-form {
    max-width: 260px;
}
#popup-form .popup .content-popup-form-ty .image-popup-form img{
    width: 100%;
    height: auto;
}
#popup-form .popup .content-popup-form-ty .text-box{
    max-width: 300px;
}
#popup-form .popup .content-popup-form-ty .text-box .title{
    font-size: 46px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 30px;
}
#popup-form .popup .content-popup-form-ty .text-box .text{
    font-size: 21px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
}
#popup-form .popup .content-popup-form .image-popup-form .popup-video{
    width: auto;
    height: 100%;
}
#popup-form .popup .content-popup-form-ty .ty-top{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.desktop-influencer.influencer-page-desktop .influencer-image{
    height: auto;
}
.desktop-influencer.influencer-page-desktop .influencer-image img {
    display: block;
    width: 100%;
    height: auto;
    min-width: 300px;
}
.influencer-box-desktop{

    position: relative
}
.influencer-box-single{
    background: #222;
    padding: 30px;
    border-radius: 17px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.influencer-box-single .desktop-influencer{
    background: none;
    padding: 0px 5%;
    border-radius: 0px;
}

.cod-revendicare {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #A99261;
    color: #fff;
    padding: 14px 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 0;
}
.cod-revendicare strong {
    font-weight: 700;
    font-size: 14px;
}
.society-page .footer{
    bottom: 0px;
}

.society-page .enter-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    background: #A99261;
    height: 76px;
    border: none;
    border-radius: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    line-height: 74px;
    letter-spacing: 1%;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Futura Std';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-transform: uppercase;
    width: 320px;
}