@font-face{
    font-family: montserrat-bold;
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
}
@font-face{
    font-family: marvin;
    src: url('fonts/Marvin.eot');
    src: url('fonts/Marvin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Marvin.woff') format('woff'),
        url('fonts/Marvin.ttf') format('truetype'),
        url('fonts/Marvin.svg#Marvin') format('svg');
}

body{
    border:0;margin:0;padding:0;
    overflow-x:hidden;
    background:#f2f1f1;
    width:100%;
}
/*general fixes*/
[class*="-faq-btn"], img, .parents-section2-slider-item, button{
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}
.cookies-pop-up button{
    min-width:111px;
}

[class*="-text"] h2, [class*="-text"] h3{
    line-height: 1.2;
}

*:focus{
    outline: none !important;
}

/*IE accordion stretch on desktop( > 750px) fix*/
@media screen and (min-width:0\0) {
    [class*="-faq-item"]{
        display: block !important;
        margin:inherit;
    }
    [class*="-faq-btn"]{
        box-sizing:border-box;
    }
}

/*Backgrond extras*/
.bg-dark > div{
    filter: blur(5px);
}
.bg-dark svg > g{
    pointer-events: none;
}

.img-bg-wrapper{
    position:relative;
    width:100%;
    height:100%;
}
.img-bg1{
    position:absolute;z-index:-5000;
    left:100vw;
    top: 800px;
    width:35vw;height:auto;
    min-width:250px;
    transform:translate(-50%,-50%);
}
.img-bg2{
    position:absolute;z-index:-5000;
    left:5vw;
    top: 1400px;
    width:15vw;height:auto;
    min-width:150px;
}
.img-bg3{
    position:absolute;z-index:-5000;
    left:100vw;
    top: 2500px;
    width:35vw;height:auto;
    min-width:250px;
    transform:translate(-60%,-50%);
}
/*top menu*/
.top-menu-wrapper{
    width:100vw;
    display:block;
    text-align: center;
    background: white;
}
.logo-wrapper{
    position: relative;
    margin-left:20px;
    display: inline-table;
    width: 15%;
    height: auto;
    align-self: center;
    box-sizing: content-box !important;
}
.logo{
    display:inline-block;
    width:100%;height:auto;
}
.top-menu{
    display:inline-block;
    width:1158px;
    max-width:100%;
    margin: 0 auto;
}
.mobile-header{
    display:none;
}
.top-menu-items{
    display:flex;
    justify-content:space-around;
    font-family: montserrat-bold;
    align-items: center;
    height:10vh;
    font-weight: 400;
}
.top-menu-items > div > a{
    color:black;
    text-decoration: none;
}
.top-menu-items > div > a.selected{
    color:#fc671a;
}
.top-menu-items > div{
    font-size:15px;
}


/****************************************************************************/
/*Начало*/
/****************************************************************************/
/*Main carousel*/
.main-carousel{
    position: relative;
    background: rgba(232,231,231,0.5);
}
.main-carousel-bg{
    width:100%;height:auto;
}
.main-carousel-content{
    position: absolute;
    top:5%;height:85%;
    left:10%;width:33%;
}
.text1{
    position: absolute;
    top:0%;left:0%;width:100%;
    height:auto;
}
.icon1{
    position: absolute;
    top:30%;left:0%;width:35%;
    height:auto;
    animation: icon1-fade-in 1.5s forwards;
    animation-timing-function: ease-in-out;
}
.icon2{
    position: absolute;
    top:50%;left:0%;width:35%;
    height:auto;
    animation: icon2-fade-in 1.5s forwards;
    animation-timing-function: ease-in-out;
}
.icon3{
    position: absolute;
    top:70%;left:0%;width:35%;
    height:auto;
    animation: icon3-fade-in 1.5s forwards;
    animation-timing-function: ease-in-out;
}
.product1{
    position: absolute;
    top:39%;left:50%;width:50%;
    height:auto;
}
.louse1-shadow{
    position: absolute;
    top:78%;left:107%;width:32%;
    height: auto;
    overflow:hidden;
}
.louse1-shadow img{
    width:100%;height:auto;
}

/*legal text*/
.legal-text{
    position: absolute;
    left:10%;
    top:90%;
    width:20%;
    height:15%;
    font-size:0.45vw;
    color:white;
    line-height:1.5;
}

/*First info section*/
.info-section1-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.info-section1{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
}
.info-section1-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.info-section1-row:nth-child(2n) .info-section1-image{
    order:1; 
}
.info-section1-row:nth-child(2n) .info-section1-text{
    order:2; margin-left:15%;margin-right:0;
}
.info-section1-row .info-section1-image{
    order:2;
}
.info-section1-row .info-section1-text{
    order:1;  margin-right:15%;
}
.info-section1-image{
    align-self: center;
    flex-shrink: 0;
}
.info-section1-text{
    position: relative;
    display:block;
    text-align: left;
}
.info-section1-text h1, .info-section1-text h2{
    font-family: 'Montserrat', sans-serif;
    color:#68267d;
    font-size:24px;
}
.info-section1-text > p{
    font-family: 'Roboto', sans-serif;
}
.info-section1-text > a > p{
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    border: 1px solid #fc671a;
    padding:1% 4%;
    font-weight: 700;
    float:right;
    border-radius: 5px;
}
/*Line of lice*/
.louse-main{
    position: absolute;
    z-index: 1000;
    pointer-events: none;
}
#louse1{
    top:-17%;right:0%;width:17%;height:auto;
}
#louse2{
    top:5%;right:-25%;width:20%;height:auto;
}
#louse3{
    bottom:10%;right:-30%;width:15%;height:auto;
}
#louse4{
    top:-15%;left:-30%;width:18%;height:auto;
}
#louse5{
    bottom:15%;left:-35%;width:15%;height:auto;
    transform: scaleX(-1);
}
#louse6{
    bottom:-5%;left:-8%;width:21%;height:auto;
}
#louse7{
    top:-5%;right:-17%;width:10%;height:auto;
    transform: scaleX(-1);
}
#louse8{
    top:27%;right:-20%;width:12%;height:auto;
}
#louse9{
    top:65%;right:-20%;width:15%;height:auto;
}
/*Second info section*/
.info-section2-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.info-section2{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: center;
}
.info-section2-item{
    display:inline-block;
    width:30%;
    margin:1% 1.1%;
    text-align: left;
    box-sizing: border-box;
    padding:0% 2%;
    border: 3px solid #fc671a;
    border-radius:10px;
    font-family: 'Montserrat', sans-serif;
}
.info-section2 h2{
    color:#fc671a;
    min-height:58px;
}
.info-section2 h3{
    color:#777676;
    min-height:46px;
}
.info-section2-item > p{
    min-height:133px;
}
.info-section2-item > a > p{
    display:inline-block;
    background: #fc671a;
    border-radius:5px;
    color:white;
    padding:4% 8%;
}
/*Video section*/
.video-section-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.video-section{
    display:inline-block;
    width:1158px;
    max-width:100%;
    margin: 3% auto;
    text-align: center;
}
.video-wrapper{
    position: relative;
     width: 100%;
     height: 0;
     padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-section > h2, .video-section > h3{
    font-family: marvin;
    color:#fc671a;
    font-size:24px;
}
.video-section > p{
    font-family: 'Montserrat', sans-serif;
    width:90%;
    margin-left:5%;
}

/****************************************************************************/
/*NYDA® express*/
/****************************************************************************/
/*Express page top text*/
.express-intro-wrapper{
    width:100%;
    background:rgba(232,231,231,0.5);
}
.express-intro-h1{
    width:100%;
    text-align: center;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
}
.express-intro-h4{
    width:100%;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-bottom:0;
    display: block;
    font-weight: bold;
}

/*First expess section*/
.express-section1-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.express-section1{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 0 auto;
    text-align: left;
}
.express-section1-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
    margin-top:0;
}
.express-section1-row:nth-child(2n) .express-section1-image{
    order:1; 
}
.express-section1-row:nth-child(2n) .express-section1-text{
    order:2; margin-left:15%;margin-right:0;
}
.express-section1-row .express-section1-image{
    order:2;
}
.express-section1-row .express-section1-text{
    order:1;  margin-right:15%;
}
.express-section1-image{
    align-self: center;
    flex-shrink: 0;

}
.express-section1-text{
    position: relative;
    display:block;
    text-align: left;
}
.express-section1-text h2{
    font-family: marvin;
    color:#68267d;
    font-size:18px;
}
.express-section1-text .p-h4{
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}
.express-section1-text > p{
    font-family: 'Roboto', sans-serif;
}

/*Second expess section*/
.express-section2-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.express-section2{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-top:0;
}
.express-section2-text{
    width:600px;
    max-width:100%;
}
.express-section2-text > h2{
    font-family: marvin;
    color:#fc671a;
}
.express-section2-text > p{
    font-family: 'Roboto', sans-serif;
}
/*Third expess section*/
.express-section3-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.express-section3{
    background: white;
    border-radius:10px;
    display:inline-block;
    position:relative;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-top:0;
    padding:2%;
    box-sizing: border-box;
}
.express-section3-item{
    position:relative;
    display:inline-block;
    width:49%;
}
.express-section3-item img{
    display:inline-block;
    width: 30%;height:auto;
    vertical-align: top;
}
.express-section3-item p{
    display:inline-block;
    width: 65%;
    margin: 14% 0%;
    vertical-align: top;
    color:#6c2d80;
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    font-weight: bold;
}
/*Fourth expess section*/
.express-section4-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.express-section4{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 0% auto;
    text-align: left;
}
.express-section4-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.express-section4-row:nth-child(2n) .express-section4-image{
    order:2; 
}
.express-section4-row:nth-child(2n) .express-section4-text{
    order:1; margin-right:15%;margin-left:0;
}
.express-section4-row .express-section4-image{
    order:1;
}
.express-section4-row .express-section4-text{
    order:2;  margin-left:15%;
}
.express-section4-image{
    align-self: center;
    flex-shrink: 0;
    max-width:40%;
}
.express-section4-text{
    position: relative;
    display:block;
    text-align: left;
}
.express-section4-text h2{
    font-family: marvin;
    color:#fc671a;
}
.express-section4-text .p-h4{
    font-family: montserrat-bold;
    font-weight: bold;
}
.express-section4-text > p{
    font-family: 'Roboto', sans-serif;
}
.express-section4-text > a > p{
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    border: 1px solid #fc671a;
    padding:1% 4%;
    font-weight: 700;
    float:right;
    border-radius: 5px;
}
/*Fifrth express section*/
.express-section5-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.express-section5{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
}
.express-section5-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.express-section5-row .express-section5-image{
    order:2;
}
.express-section5-row .express-section5-faq{
    order:1;  margin-right:5%;
}
.express-section5-faq h2{
    font-family: marvin;
    color:#fc671a;
}
.express-section5-image{
    align-self: center;
    flex-shrink: 0;
}
.express-section5-faq-item{
    border-radius:10px;
    overflow:hidden;
    position:relative;
    display:flex;
    margin:1% auto;
}
.express-section5-faq-text{
    display:inline-block;
    width: 86%;
    margin:0;padding:0;
    overflow:hidden;
    padding-left:2%;box-sizing: border-box;
    border-top: 2px solid #6a2c7e; border-left: 2px solid #6a2c7e; border-bottom: 2px solid #6a2c7e;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.express-section5-faq-text h4{
    font-family: 'Montserrat', sans-serif;
    color:#6a2c7e;
    font-weight: bold;
    font-size:14px;
    padding: 0% 1%;
}
.express-section5-faq-text p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding-right:3%;
}
.express-section5-faq-btn{
    display:inline-block;
    position:absolute;
    width:14%;height: calc((100% - 4px));
    right:0%;
    margin:0;padding:0;
    vertical-align: top;
    text-align: center;
    cursor:pointer;
    color:white;
    font-size:22px;font-weight: bold;
    background:#6a2c7e;
    border-top: 2px solid #6a2c7e; border-right: 2px solid #6a2c7e; border-bottom: 2px solid #6a2c7e;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
@-moz-document url-prefix() {
    .express-section5-faq-btn{
        height: calc((100% - 3.5px));
    }
}

.express-section5-faq-btn p{
    margin-top:12px;
}


/****************************************************************************/
/*NYDA® about*/
/****************************************************************************/
/*About page top text*/
.about-intro-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.about-intro-h1{
    width:100%;
    text-align: center;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}
.about-intro-h4{
    display:inline-block;
    width: 800px; margin-left:auto;
    max-width:80vw;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-bottom:0;
    font-weight: bold;
}

/*First about section*/
.about-section1-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.about-section1{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-bottom:0;
}
.about-section1-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.about-section1-row .about-section1-image{
    order:2;
}
.about-section1-row .about-section1-faq{
    order:1;  margin-right:5%;
}
.about-section1-faq h2{
    font-family: marvin;
    color:#fc671a;
}
.about-section1-image{
    align-self: center;
    flex-shrink: 0;
}
.about-section1-faq-item{
    border-radius:10px;
    overflow:hidden;
    position:relative;
    display:flex;
    margin:1% auto;
}
.about-section1-faq-text{
    display:inline-block;
    width: 86%;
    margin:0;padding:0;
    overflow:hidden;
    padding-left:2%;box-sizing: border-box;
    border-top: 2px solid #fc671a; border-left: 2px solid #fc671a; border-bottom: 2px solid #fc671a;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.about-section1-faq-text h4{
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    font-weight: bold;
    font-size:14px;
    padding: 0% 1%;
}
.about-section1-faq-text p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding-right:3%;
}
.about-section1-faq-btn{
    display:inline-block;
    position:absolute;
    width:14%;height: calc(100% - 4px);
    right:0%;
    margin:0;padding:0;
    vertical-align: top;
    text-align: center;
    cursor:pointer;
    color:white;
    font-size:22px;font-weight: bold;
    background:#fc671a;
    border-top: 2px solid #fc671a; border-right: 2px solid #fc671a; border-bottom: 2px solid #fc671a;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
@-moz-document url-prefix() {
    .about-section1-faq-btn{
        height: calc((100% - 3.5px));
    }
}
.about-section1-faq-btn p{
    margin-top:12px;
}
/*Second about section*/
.about-section2-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.about-section2{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    border-radius:10px;
    margin-top:0;
}
.about-section2-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.about-section2-row .about-section2-image{
    order:1;
}
.about-section2-row .about-section2-text{
    order:2; 
}
.about-section2-image{
    align-self: center;
    flex-shrink: 0;
    max-width:40%;
    border-top-left-radius: 7px; border-bottom-left-radius: 7px;
}
.about-section2-text{
    position: relative;
    display:block;
    text-align: left;
    padding: 0% 2%;
    background:#fc671a;
    border-top-right-radius: 7px; border-bottom-right-radius: 7px;
    overflow: auto;
}
.about-section2-text h2{
    font-family: 'Montserrat', sans-serif;
    color:#68267d;
    color:white;
}
.about-section2-text > p{
    font-family: 'Roboto', sans-serif;
    color:white;
}

/*Third about section*/
.about-section3-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.about-section3{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
}
.about-section3-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.about-section3-row .about-section3-image{
    order:2;
    box-shadow: 0 5px 7px 2px rgba(0,0,0,.13);
    border-radius: 50%;
}
.about-section3-row .about-section3-faq{
    order:1;  margin-right:5%;
}
.about-section3-faq h2{
    font-family: marvin;
    color:#fc671a;
}
.about-section3-faq p{
    font-family: 'Roboto', sans-serif;
}
.about-section3-image{
    align-self: center;
    flex-shrink: 0;
    max-width:30%;
}
.about-section3-faq-item{
    border-radius:10px;
    overflow:hidden;
    position:relative;
    display:flex;
    margin:1% auto;
}
.about-section3-faq-text{
    display:inline-block;
    width: 86%;
    margin:0;padding:0;
    overflow:hidden;
    padding-left:2%;box-sizing: border-box;
    border-top: 2px solid #6a2c7e; border-left: 2px solid #6a2c7e; border-bottom: 2px solid #6a2c7e;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.about-section3-faq-text h4{
    font-family: 'Montserrat', sans-serif;
    color:#6a2c7e;
    font-weight: bold;
    font-size:14px;
    padding: 0% 1%;
}
.about-section3-faq-text p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding-right:3%;
}
.about-section3-faq-btn{
    display:inline-block;
    position:absolute;
    width:14%;height: calc(100% - 4px);
    right:0%;
    margin:0;padding:0;
    vertical-align: top;
    text-align: center;
    cursor:pointer;
    color:white;
    font-size:22px;font-weight: bold;
    background:#6a2c7e;
    border-top: 2px solid #6a2c7e; border-right: 2px solid #6a2c7e; border-bottom: 2px solid #6a2c7e;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
@-moz-document url-prefix() {
    .about-section3-faq-btn{
        height: calc((100% - 3.5px));
    }
}
.about-section3-faq-btn p{
    margin-top:12px;
}
/*Fourth about section*/
.about-section4-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.about-section4{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: center;
}
.about-section4-item{
    display:inline-block;
    width:47%;
    margin:4% 1.4%;
    text-align: left;
    box-sizing: border-box;
    border: 3px solid #fc671a;
    font-family: 'Montserrat', sans-serif;
    vertical-align: top;
    border-radius: 10px;
}
.about-section4-inner-text{
    padding:2%;
    min-height:410px;
}
.about-section4-inner-text.second-copy{
    min-height:310px;
}
.about-section4 h2{
    color:white;
    background:#fc671a;
    min-height:77px;
    margin:0;
    padding:2%;
}
.about-section4 h3{
    color:#777676;
    min-height:46px;
}
.about-section4-item > p{
    min-height:133px;
}
/*About page middle text*/
.about-intro2-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.about-intro2-h2{
    width:100%;
    text-align: center;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}
.about-intro2-h4{
    display:inline-block;
    width: 90%; margin-left:auto;
    max-width:900px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top:0;
    font-weight: bold;
}

/*Fifth about section*/
/*SVG hexagon myths layout*/
svg{pointer-events:none;}
svg > g{pointer-events:all;cursor:pointer;}

.about-section5-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.about-section5{
    display:inline-block;
    position:relative;
    width:1170px;
    max-width:90%;
    margin: 3% auto;
    text-align: center;
    height:570px;
}
.about-section5 svg{
    position:absolute;
    width:285px;height:285px;
}
.about-section5 img[id*="svg"]{
    position:absolute;
    width:285px;height:auto;
    cursor:pointer;
}

#svg-hex1{left:0px;top:142.5px;}
#svg-hex2{left: 223px;top: 16.5px;}
#svg-hex3{left: 223px;top: 271px;}
#svg-hex4{left:444px;top:142.5px;}
#svg-hex5{left:665px;top: 16.5px;}
#svg-hex6{left: 665px;top: 271px;}
#svg-hex7{left:885px;top:142.5px;}

.popup-wrapper{
    position:fixed;
    left:30vw;top:30vh;width:40vw;
    background:white;
    border-radius: 10px;
    box-shadow: 0 5px 7px 2px rgba(0,0,0,.13);
    padding:2%;
    box-sizing: border-box;
    filter: none !important;
}
.popup h3{
    font-family: marvin;
    color: #fc671a;
}
.popup-close{
    position:absolute;
    right:2%;top:5%;
    width:5%;height:auto;
    cursor:pointer;
}
.popup-close img{
    width:100%;height:auto;pointer-events: none;
}
.popup{
    margin-top: 8%;
}
.popup p{
    font-family: 'Roboto', sans-serif;
}

/*About page middle text 2*/
.about-intro3-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.about-intro3-h2{
    width:100%;
    text-align: center;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}
.about-intro3-h4{
    display:inline-block;
    width: 90%; margin-left:auto;
    max-width:900px;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-top:0;
}
.about-intro3-wrapper > a > p {
    display: inline-block;
    background: #fc671a;
    border-radius: 5px;
    color: white;
    padding:7px 12px;
    font-family: 'Montserrat', sans-serif;
}

/*Sixth about section - currently is a clone of fifth express section - no CSS needed*/

/*First parents section*/
.parents-section1-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.parents-section1{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-bottom: 0;
}
.parents-section1-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.parents-section1-row .parents-section1-image{
    order:2;
    box-shadow: 0 5px 7px 2px rgba(0,0,0,.13);
}
.parents-section1-row .parents-section1-text{
    order:1;  margin-right:1%;
}
.parents-section1-image{
    align-self: center;
    flex-shrink: 0;
    max-width:45%;
    border-radius: 5px;
}
.parents-section1-text{
    position: relative;
    display:block;
    text-align: left;
}
.parents-section1-text h1{
    font-family: marvin;
    color: #fc671a;
    font-size: 24px;
}
.parents-section1-text > p{
    font-family: 'Roboto', sans-serif;
}

/*Second parents section*/
.parents-section2-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.parents-section2{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-top:0;
}
.parents-section2-row{
    display:flex;
    justify-content: center;
    margin: 5% auto;
}
.parents-section2-slider{
    min-width:50%;
    margin-right: 5%;
}
.parents-section2-text{
    max-width:45%;
    box-sizing: border-box;
    border: 1px solid #fc671a;
    border-radius:7px;
    padding:2%;
}
.parents-section2-slider-item{
    display:flex;
    width:100%;
    margin:2% auto;
    cursor:pointer;
    box-sizing: border-box;
    border: 2px solid transparent;
    border-radius:6px;
    background:#fc671a;
}
.parents-section2-slider-item.parent-selected{
    border: 2px solid #6a2c7e;
    border-radius:6px;
}
.parents-section2-step-content{
    width:100%;
    max-width:80%;
    position:relative;
    background: linear-gradient(to right, #fc671a 50%, #6a2c7e 50%);
    background-size: 200% 100%;
    background-position:right bottom;
    transition: all 1s ease;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.parents-section2-step-content.selected{
    background-position:left bottom;
}
.parents-section2-step-content p{
    position:relative;
    text-align: center;
    color:white;
    font-family: 'Montserrat', sans-serif;
    line-height: 2.5;
}

.parents-section2-step{
    text-align: center;
    background:#fc671a;
    padding:2%;
    color:white;
    font-family: 'Montserrat', sans-serif;
    width: 30%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.parents-section2-step-text .p-h4 {
    font-family: 'Montserrat', sans-serif;
    color: #fc671a;
    font-weight: bold;
    padding: 0% 1%;
}
.parents-section2-step-text p{
    font-family: 'Roboto', sans-serif;
}

/*Third parents section*/
.parents-section3-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.parents-section3{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 0% auto;
    text-align: left;
}
.parents-section3-row{
    display:flex;
    justify-content: space-between;
    margin: 5% auto;
}
.parents-section3-row .parents-section3-faq{
    order:1;  margin-right:5%;
}
.parents-section3-faq h2{
    font-family: marvin;
    color:#fc671a;
}
.parents-section3-faq p{
    font-family: 'Roboto', sans-serif;
}
.parents-section3-image{
    align-self: center;
    flex-shrink: 0;
    order:2;
    max-width:40%;
}
.parents-section3-faq-item{
    border-radius:10px;
    overflow:hidden;
    position:relative;
    display:flex;
    margin:1% auto;
}
.parents-section3-faq-text{
    display:inline-block;
    width: 86%;
    margin:0;padding:0;
    overflow:hidden;
    padding-left:2%;box-sizing: border-box;
    border-top: 2px solid #fc671a; border-left: 2px solid #fc671a; border-bottom: 2px solid #fc671a;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.parents-section3-faq-text h4{
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    font-weight: bold;
    font-size:14px;
    padding: 0% 1%;
}
.parents-section3-faq-text p{
    font-family: 'Montserrat', sans-serif;
    font-size:14px;
    padding-right:3%;
}
.parents-section3-faq-btn{
    display:inline-block;
    position:absolute;
    width:14%;height: calc(100% - 4px);
    right:0%;
    margin:0;padding:0;
    vertical-align: top;
    text-align: center;
    cursor:pointer;
    color:white;
    font-size:22px;font-weight: bold;
    background:#fc671a;
    border-top: 2px solid #fc671a; border-right: 2px solid #fc671a; border-bottom: 2px solid #fc671a;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
@-moz-document url-prefix() {
    .parents-section3-faq-btn{
        height: calc((100% - 3.5px));
    }
}
.parents-section3-faq-btn p{
    margin-top:12px;
}
.parents-section3-faq h3{
    font-family: montserrat-bold;
    color:#6a2c7e;
    font-size:22px;
}
.parents-section3-faq ul li{
    font-family: 'Roboto', sans-serif;
}

/****************************************************************************/
/*NYDA® blogs listing*/
/****************************************************************************/
/*Blogs page top text*/
.blogs-intro-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.blogs-intro-h1{
    width:100%;
    text-align: center;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}
.blogs-intro-h4{
    display:inline-block;
    width: 800px; margin-left:auto;
    max-width:80vw;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    margin-bottom:0;
    font-weight: bold;
}

/*Blogs listing section*/
body.blogs{
    background-image: url('../img/tochki-blogs.png');
    background-size: 100% auto;
    background-repeat: repeat;
    background-position:center 7%;
}
.blogs-list-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
    min-height: 70vh;

}
.blogs-list{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-top:0;
}
.blogs-list-row{
    display:flex;
    justify-content: space-between;
    margin: 5px auto;
    margin-top:5px;
    border-radius:10px;
    box-shadow: 10px 10px 8px #aaaaaa;
}
.blogs-list-date{
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    font-size:19px;
    margin-bottom:5px;
    font-weight: bold;
}
.blogs-list-image{
    flex-shrink: 0;
    order:1;
    width:50%;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
}
.blogs-list-text{
    order:2; 
    width:50%;
    position: relative;
    display:block;
    text-align: left;
    box-sizing: border-box;
    padding: 0% 2%;
    background:#fc671a;
    overflow: auto;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}
.blogs-list-text h2{
    font-family: 'Montserrat', sans-serif;
    color:white;
}
.blogs-list-text > p{
    font-family: 'Roboto', sans-serif;
    color:white;
}
.blogs-list-button{
    color:#fc671a;
    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    font-weight: bold;
    background:white;
    border-radius: 6px;
    padding:8px 15px; margin:10px;
    margin-bottom:20px;
    float:right;
    text-decoration: none;
}
.blogs-list-button:hover{
    color:white;
    background:#6a2c7e;
}

/****************************************************************************/
/*NYDA® individual blog page*/
/****************************************************************************/
body.individual-blog{
    background-image: url('../img/tochki-blog.png');
    background-size: 100% auto;
    background-repeat: repeat;
    background-position:center 7%;
}
/*Blog page top text*/
.blog-intro-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.blog-intro-inner-wrapper{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 25px auto;
    margin-bottom:0;
}
.blog-intro-h1{
    width: 1158px; margin-left:auto;
    max-width:90vw;
    text-align: left;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}
.blog-intro-h2{
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    color:#6c2c80;
    font-weight: bold;
    font-size:1.5;
}
.blog a{
    color:#6c2c80; font-weight: bold;
}

/*individual blog content*/
span.bold{
    display:inline;
    color:black;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif;
    font-size:1em;
}
.blog-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.blog{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    border-radius:10px;
    margin-top:0;
    line-height: 1.8;
}

/*inner styling of blog content*/
.blog-row{
    display:block;
    justify-content: space-between;
    margin: 5px auto;
    margin-top:5px;
    font-family: 'Montserrat', sans-serif;
}
.blog-row > img{
    width:100%;height:auto;
}
.blog-large-text{
    width: 1158px; margin-left:auto;
    max-width:80vw;
    font-size:32px;
    margin-bottom:10px;
    text-align: left;
    font-family: marvin;
    color:#fc671a;
    margin-top:0; padding-top:2%;
    display:inline-block;
}

.blog-image-row{
    display:flex;
    justify-content: space-between;
    margin: 5px auto;
    margin-top:5px;
    font-family: 'Montserrat', sans-serif;
}
.blog-image-row .blog-image-image{
    order:1;
}
.blog-image-row .blog-image-text{
    order:2; 
}
.blog-image-image{
    position: relative;
    flex-shrink: 0;
    width:50%;
    border-top-left-radius: 7px; border-bottom-left-radius: 7px;
}
.blog-image-image > img{
    width:100%;height:auto;
    border-radius:5px;
}
.blog-image-image > p{
    font-size:14px;margin-top:0;font-weight: normal !important;
    font-style: italic;
}
.blog-image-text{
    position: relative;
    display:block;
    text-align: left;
    padding: 0% 2%;
    border-top-right-radius: 7px; border-bottom-right-radius: 7px;
    overflow: auto;
}
.blog-image-text h2{
    font-family: 'Montserrat', sans-serif;
    color:black;
}
.blog-image-text > p{
    font-family: 'Montserrat', sans-serif;
    color:black;
}

.blog-center-link{
    text-align: center;
}

/*blog table*/
.blog-table-wrapper{
    width:100%;
}
.blog-table{
    width:100%;
}
.blog-table tbody, .blog-table tr{
    width:100%;
}
.blog-table th, .blog-table td{
    vertical-align: top;
}
.blog-table td, .blog-table th{
    padding:5px;padding-left:8px;
    padding-top:10px;
    border:1px solid black;
    background: #f3f3f3;
}
.blog-table tr th:first-child{
    background-color: #777676;
}
.blog-table tr td:first-child{
    font-weight: bold;
}
.blog-table td ul{
    margin-top: 0;
    padding-left:1.2em;
}

.blog-table-details{
    width:100%;
    font-size: 14px;
    margin-top: 0;
    font-weight: normal !important;
    font-style: italic;
}

[scrollto]{
    cursor:pointer;
}

.youtube-video-wrapper{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.youtube-video-wrapper > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    border-radius:5px;
}

.blog-bottom-link{
    display:block;
    width:100%;
    position: relative;
    margin-top:60px;
}
.blog-bottom-link > img{
    width:100%;height:auto;
}

/****************************************************************************/
/*NYDA® where to buy page*/
/****************************************************************************/
.img-bg-wrapper-wtb{
    position:relative;
    width:100%;
    height:100%;
}
.img-wtb-bg1{
    position:absolute;z-index:-5000;
    left:5vw;
    top: 240px;
    width:11vw;height:auto;
    min-width:250px;
    transform:translate(-50%,-50%);
}
.img-wtb-bg2{
    position:absolute;z-index:-5000;
    right:-5vw;
    top: 140px;
    width:11vw;height:auto;
    min-width:150px;
}
/*Blog page top text*/
.where-intro-wrapper{
    display:block;
    width:100%;
    background:rgba(232,231,231,0.5);
    text-align: center;
    position: relative;
}
.where-intro-inner-wrapper{
    display:inline-block;
    width:1040px;
    max-width:90%;
    margin: 0% auto;
    margin-top: 1%;
}
.where-intro-h1 {
    width: 1040px;
    margin-left: auto;
    max-width: 90vw;
    text-align: center;
    font-family: marvin;
    color: rgb(252 103 26);
    margin-top: 0;
    padding-top: 2%;
    display: inline-block;
    font-size: 32px;
    margin-bottom: .75em;
}
.where-intro-h2{
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    color:black;
    font-weight: bold;
    font-size: 1em;
}
.where-search-wrapper{
    width: 940px; margin-left:auto;
    max-width:90vw;
    display:inline-block;
    margin-top: 2%;
    position: relative;
}
#map-search{
    width:70%;
    height:50px;
    display:inline-block;
    border: 3px solid #6a2c7e;
    border-radius: 3px;
    box-sizing: border-box;
    background:transparent;
    vertical-align: top;
    font-size:18px;
    font-family: 'Montserrat', sans-serif;
    color:#fc671a;
    font-weight: bold;
    padding:0 5px;
}
.map-search-button{
    width:auto;
    margin-left:3%;
    box-sizing: border-box;
    display:inline-block;
    text-align: left;
    height:50px;
    background:#6a2c7e;
    border-radius: 3px;
    vertical-align: top;
    cursor:pointer;
}
.map-search-button > div{
    display:flex;
    height:100%;
    align-items: center;
    color:white;
}
.map-search-button > div > img{
    height:100%;
    margin-left:10px;
}
.map-search-button > div > div{
    margin-left:10px;
    font-family: 'Montserrat', sans-serif;
    font-size:22px;
    font-weight: bold;
}
.search-cancel{
    position:absolute;
    right:27%;
    top:50%;
    transform:translateY(-50%);
    font-family: 'Montserrat', sans-serif;
    font-size:22px;
    font-weight: bold;
    cursor:pointer;
}

.map-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.map-header{
    width:100%;
    height:5vh;
}

.map {
    position: relative;
    margin: 0 auto;
    width: 92%;
    max-width: 900px;
    border-radius: 6px;
    height: 65vh;
    border: 10px solid rgb(255 255 255 / 70%);
    box-shadow: 2px 0px 9px rgb(199 199 199 / 33%);
}
#directionsPanel{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 50%
}

.map-footer{
    width:100%;
    height:5vh;
}

.window-content{
    border-radius: 0;
}

.map .cluster > div > span{
    display:block;
    transform:translateX(-1.5px);
}
.map .cluster img{
    width:100%;height:auto;
}




/*Cookies section*/
.cookies-section1-wrapper{
    display:block;
    background:rgba(232,231,231,0.5);
    width:100vw;
    text-align: center;
}
.cookies-section1{
    display:inline-block;
    width:1158px;
    max-width:90%;
    margin: 3% auto;
    text-align: left;
    margin-top:0;
}
.cookies-section1-row{
    display:block;
    justify-content: space-between;
    margin: 5% auto;
}

.cookies-section1-row h1{
    text-align: center;
    margin:5% auto;
    font-family: marvin;
    color:#fc671a;
}
.cookies-section1-row h3{
    font-family: 'Montserrat', sans-serif;
}
.cookies-section1-row p{
    font-family: 'Roboto', sans-serif;
}

/*Cookies pop-up*/
.cookies-pop-up-wrapper{
    position:fixed;
    bottom:0%;left:0%;
    width:100%;height:auto;
    background: #fc671a;
    z-index: 5001;
    -webkit-box-shadow: 0px -4px 11px 0px rgba(116, 116, 116, 0.45);
    -moz-box-shadow: 0px -4px 11px 0px rgba(116, 116, 116, 0.45);
    box-shadow: 0px -4px 11px 0px rgba(116, 116, 116, 0.45);
}
.cookies-pop-up{
    position:relative;
    display:flex;
    justify-content: space-around;
    padding: 1% 5%;
    color:white;
}
.cookies-pop-up p{
    font-family: 'Roboto', sans-serif;
}
.cookies-pop-up button{
    margin: auto 1%;
    white-space: nowrap;
    padding: 5px;
    background: transparent;
    border: 2px solid white;
    border-radius: 5px;
    color:white;
    cursor:pointer;
}
.cookies-pop-up button:active{
    background:white;
    color:#fc671a;
    border:2px solid #fc892a;
    outline: 0;
}

/****************************************************************************/
/*Footer section*/
/****************************************************************************/
.footer-section-wrapper{
    display:block;
    background:#fc671a;
    width:100vw;
    text-align: center;
}
.footer-section{
    display:flex;
    justify-content: space-between;
    align-items: center;
    color:white;
    width:1158px;
    max-width:100%;
    margin: 0 auto;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    align-items: flex-start;
    padding-top:0.5%;
}
.left-footer-section{
    text-align: left;
}
.right-footer-section{
    margin-top:3%;
    text-align: right;
}
.footer-section img{
    width:30px;height:auto;
}
.left-footer-section > div{
    display:flex;
    justify-content: flex-start;
}
.left-footer-section img{
    flex-shrink: 0;
    align-self: center;
    margin-right:10px;
}
.left-footer-section p a{
    text-decoration: none;
    color:white;
}
.right-footer-section img{
    margin:10px 5px;
}
/*Disable mobile menu*/
#sandwitch-menu{
    display:none;
}

/*Home page animations*/

@keyframes icon1-fade-in{
    0%{transform:translateX(-250%);}
    60%{transform:translateX(0%);}
}
@keyframes icon2-fade-in{
    0%{transform:translateX(-250%);}
    20%{transform:translateX(-250%);}
    60%{transform:translateX(0%);}
}
@keyframes icon3-fade-in{
    0%{transform:translateX(-250%);}
    40%{transform:translateX(-250%);}
    80%{transform:translateX(0%);}
    100%{transform:translateX(0%);}
}


.buy-button{
    width: auto;
    margin-left: 3%;
    box-sizing: border-box;
    display: inline-block;
    text-align: left;
    height: 50px;
    background: rgb(106 44 126);
    border-radius: 3px;
    vertical-align: top;
    cursor: pointer;
}


.pharmacies-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.pharmacy-item {
    width: 31.3333%;
    margin: 1%;
    background-color: rgb(255 255 255);
    border-radius: 6px;
    box-shadow: 2px 0px 9px rgb(199 199 199 / 33%);
}

.pharmacy-logo img {
    width: 100%;
    height: auto;
    display: block;
    padding: 0.45em;
    box-sizing: border-box;
}

.pharmacy-button-wrapper {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 0.95em;
}

.nd-button {
    border-radius: 5px;
    padding: 12px 16px;
    display: inline-block;
    color: rgb(255 255 255);
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 14px;
}

.nd-button a {
  text-decoration: none;
  color: inherit;
}

.btn-purple{
    background-color: rgb(106 44 126);
    cursor: pointer;
}

.info-section1.controlled-margin {
    margin: 1.85% 0 3%;
}



@media screen and (max-width: 734px) {
    .pharmacy-item {
        width: 46%;
        margin: 2%;
    }
}

@media screen and (max-width: 435px) {
    .pharmacy-item {
        margin: 1% 0;
        width: 100%;
    }
    .info-section1.controlled-margin {
        margin: 5.85% 0 3%;
    }
}


.btn-purple.bos {
    background-color: rgb(106 44 126);
    cursor: pointer;
    border-radius: 3px;
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: bold;
}

.bos-section-1 {
    margin-bottom: 0.55em;
}