
article#lamax-darky {
    text-align: center;
}
header.ls-header {
    margin-top: 7rem;
}
.gift-images {
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
}

.productbox>.pl-product-img{
    margin-left: 1.7rem;
    height: 100%;
}


.pl-product-img >a:first-child{
    margin: 0 0.9rem;
    padding: 2rem;
    transition: 0.5s;
    width: 70%;
    height: 90%;
    object-fit: contain;
}
.gift-texts .text.active {
    display:block;
}
.gift-texts> .gift-text-relative-div> .text {
    width: 100%;
    border-radius: 3px;
    margin: auto;
    padding:0 1rem;
    height:270px;
    opacity: 0;
    transition: opacity 0.7s ease-out;
    position:absolute;
    top: 0;
}


.container{
    max-width: 1270px;
    margin: auto;
    position: relative;
}

section.gift-list> div > .gift-texts>.gift-text-relative-div.active> .text {
    display:block;
    opacity: 1;
}

.gift-text-relative-div{
    position: relative;
    max-width: 1270px;
    margin: auto;
}


.gift-texts {
    text-align: center;
    margin-top:3rem;
    margin-bottom:2rem;
    height: 275px;
    position: relative;
}
.gift-list > h2 {
    margin-bottom: 2rem;
    position: relative;
    z-index: 2;
}
.text ul {
    text-align: left;
    max-width: 550px;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.how-to .text ul li {
    position: relative;
    line-height:2.6;
}
div#how-to-make-review {
    display: flex;
    justify-content: center;
    max-width: 1280px;
    margin: auto;
}

div#how-to-make-review >div {
    width: 48%;
}
.text ul li:before {
    content: " ";
    /* border: solid 1px #000; */
    border-radius: 8px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -1.2rem;
    top: 0.92rem;
}

.gift-texts> .gift-text-relative-div> .text h2 {
    margin-top:1em;
    color: white;
}

.gift-texts> .gift-text-relative-div> .text p {
    color: white;
}


#video-section>.container .gift-texts > .gift-text-relative-div> .text h2 {
    color: black;
}

#video-section>.container .gift-texts > .gift-text-relative-div> .text p {
    color: black;
}


#text-review>div>div>h2{
    color: white;
}

#text-review>.how-to-help-flex>div>ul li{
    color: white;
}



.text h2 {
    margin-top:0;
}
div > section {
    padding: 3rem 0 1rem;
    /*margin-top: 1rem;*/
}
.gift-images .pl-product-img {
    background-color:unset;
}
.how-to > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.spanInfo{
    display:none;
}

.pl-product-img>a>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (min-width: 600px){

    .buttonInfo{
        display:none;
    }

    .pl-product-img a:hover {
        opacity:0.9;
        transform:scale(1.05);
    }
}

@media (max-width: 599px){

    .pl-product-img{
        opacity: 1;
    }


    .pl-product-img a{
        margin: auto;
    }

    .gift-texts{
        display: none;
    }

    .productbox{
        flex-direction: column!important;

    }

    .pl-product-img{
        margin: auto;
    }

    .spanInfo{
        margin: auto;
    }

    /*.gift-images.third>.productbox.firstMedal{
        scale: 1;
        margin: 0;
        order: 1;
    }

    .gift-images.third>.productbox.otherMedal{
        margin: 0;
        order: 2;
    }*/

    .pl-product-img.activeImg a{
        scale:1;
    }

    .gift-images> .productbox > .pl-product-img > .medal {
        width: 50px;
        height: 50px;
        top:-8px;
        right: 9px;
    }

    .gift-images>.productbox>div:first-of-type a{
        width: 80%;
    }

    .productbox-wrap>.gift-images.third>.productbox.otherMedal:first-child > .pl-product-img > .medal{
        left: unset;
    }

    .text h2{
        text-align: center;
    }

    .text p{
        text-align: center;
    }

    .productbox-wrap>.gift-images>.productbox{
        padding-bottom: 65px;
    }

    .productbox>.giftHeaderMobile{
        display: block;
        margin-bottom: -15px;
        text-align: center;
    }

    .pl-product-img>.spanInfoToArrow{
        font-size: 12px;
        color: grey;
        display: block;
    }

    .container>div>.blueAfterLineHeader{
        font-size: 32px;
        padding: 0 5px;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad#crossroad > .divForArrow:after{
        left: 0;
        right: 0;
        margin: auto;
    }

    .welcomeCrossroad#crossroad > .divForArrow>.roundToArrow {
        bottom: -47.1px;
        left: 0;
        right: 0;
        width: 50px;
        margin: auto;
    }

    .how-to-help-flex>.text ul{
        padding: 0 30px;
    }

    .how-to-help-flex>.text> ul > li{
        line-height: 2.4;
    }

    .how-to-help-flex>.text> ul > li:before{
        top: 0.8rem;
    }

    .container>div>.blueAfterLineHeader{
        margin: 0;
    }

    .container.how-to-text>div>.blueAfterLineHeader{
        margin: 30px 0;
    }

    .container.how-to-video>div>.blueAfterLineHeader{
        margin: 30px 0;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad#crossroad > .divForArrow:nth-child(3):after{
        left: -18.5px;
        top: 159px;
    }
}

.spanInfoToArrow{
    display: none;
}

.spanInfo>.text h2{
    padding: 0 5px;
}

.spanInfo>.text p{
    padding: 0 10px;
}


@media (max-width: 599px){
    .gift-texts{
        display: none;
    }

    .productbox>.pl-product-img{
        margin: auto;
    }

    .ls-benefits>div>.how-to >div>.img a{
        max-width: 80%;
    }

    .how-to > #text-review > .img{
        width: 90%;
    }

    .gift-images>.productbox{
        display: grid;
    }

    .pl-product-img{
        margin: auto;
    }

    .spanInfo{
        display:block;
    }
    .gift-images>.productbox>.pl-product-img a:hover {
        transform: scale(1);
        opacity: 1;
    }

    #soutez>div>.gift-images.third>.productbox.firstMedal{
        order: 1;
    }

    #soutez>div>.gift-images.third>.productbox.otherMedal{
        order: 2;
    }


    #soutez>div>.productbox.firstMedal {
        margin-top: 0;
    }

    #soutez>div>.productbox.otherMedal {
        margin-top: 0;
        padding: 0;
        scale: 1;
    }


}
.spanInfo > div {
    display:none;
}

@media (max-width: 1405px){
    #pointingBox1{
        display: none;
    }

    #pointingBox2{
        display: none;
    }

    #pointingBox3{
        display: none;
    }

    div>.how-to-help-flex{
        flex-direction: column;
        align-items: center;
    }


    .container> .to-review-button{
        bottom: -14px;
    }

    .ls-benefits>div>.how-to{
        padding: 3rem 0 1rem;
    }

    #video-review>.how-to-help-flex>div>.video-help-relative>.video-help-relative iframe {
        pointer-events: auto;
    }

    #video-review>.how-to-video-buttons{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .how-to-video-buttons>div>.to-review-button {
        margin: 36px auto;
    }

    #video-review>.how-to-video-buttons>div {
        width: 240px;
    }

}
.how-to{
    padding: 0;
}

@media (max-width: 1365px ) {
    .how-to.right>div{
        flex-direction: column;
        align-items: center;
    }

    .how-to.right>div>.text{
        width: 100%;
    }

    .how-to>div{
        flex-direction: column;
        align-items: center;
    }

    .how-to>div>.text{
        width: 100%;
    }

    .img a{
        max-width: 45%;
    }

    .how-to >div> .img{
        width: 50%;
    }

}

.gift-images.third>.productbox.firstMedal{
    order: 2;
}

.gift-images.third>.productbox.otherMedal{
    order: 1;
}

.gift-images.third>.productbox.otherMedal ~ .productbox.otherMedal{
    order: 3;
}

.productbox.firstMedal {
    margin-top: -17px;
}

.productbox.otherMedal {
    margin-top: 59px;
    scale: 0.9;
}

@media (max-width: 1405px ) and (min-width: 600px){
    .productbox>.pl-product-img{
        opacity: 1;
    }

    .spanInfo{
        display: block;
        width: 66%;
    }

    .spanInfo> div{
        display: block;
    }

    .gift-texts{
        display: none;
    }

    .productbox{
        display: flex;
        flex-direction: row;
        width:100%;

    }

    .productbox:nth-child(even){
        flex-direction: row-reverse;
    }

    .pl-product-img{
        width: 33%;
    }

    /*.gift-images.third>.productbox.firstMedal{
        scale: 1;
        margin: 0;
        order: 1;
    }


    .gift-images.third>.productbox.otherMedal{
        margin: 0;
        order: 2;
    }*/

    .gift-images.third>.productbox.otherMedal:first-child{
        flex-direction: row-reverse;
    }


    .gift-images.third>.productbox > .pl-product-img > .medal{
        top:56px;
    }

    .gift-images.third>.productbox.otherMedal:first-child > .pl-product-img > .medal{
        left:233px;
    }


    .gift-images.third>.productbox.firstMedal{
        order: 1;
    }

    .gift-images.third>.productbox.otherMedal{
        order: 2;
    }


    .productbox.firstMedal {
        margin-top: 0;
    }

    .productbox.otherMedal {
        margin-top: 0;
        padding: 0;
        scale: 1;
    }

}

@media (max-width: 991px){
    .productbox>.pl-product-img{
        opacity: 1;
    }

    .gift-images.third>.productbox.otherMedal:first-child > .pl-product-img > .medal{
        left:143px;
    }

    .gift-images.third>.productbox > .pl-product-img > .medal{
        top:30px;
    }

    .gift-list>p.choose-product-text{
        margin-top: -56px;
    }

    .gift-review>#video-review>.top-marginer>.right{
        right: unset;
        left: 15px;
        margin-right: unset;
    }

    .container#video-review>.right{
        float: left;
    }

    .container#text-review>.right{
        float: left;
    }

    .container>.choose-product-text{
        padding-left: 35px;
    }

}

#video-review>.top-marginer>.right{
    right: 0;
    left:unset;
    margin-right: 123px;
}

.gift-review>.container>.right{
    float: right;
}



.arrow{
    content: " ";
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 22px;
    height: 22px;
    transition: 0.8s;
}

.buttonInfo{
    background: transparent;
    border: none;
    height: 35px;
    width: 45px;
}

.spanInfo{
    margin-top: 60px;

}

.activeArrow{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transition: 0.8s;
}

.productbox > .pl-product-img > .medal {
    position: absolute;
    width: 70px;
    height: 70px;
    top:-8px;
    right: 9px;
}

.gift-images>.productbox>.pl-product-img.activeImg{
    opacity: 1;
}

.activeImg a{
    scale:1.15;
}

.pl-product-img{
    opacity: 0.4;
}

.third>.productbox>.pl-product-img{
    opacity: 1;
}

.pl-product-img a:hover {
    opacity:0.9;
    transform:scale(1.05);
}

.pl-product-img > .medal {
    position: absolute;
    width: 70px;
    height: 70px;
    top:-8px;
    right: 9px;
}


.choose-product-text{
    font-size: 18px;
    padding-left: 55px;
    font-weight: 600;
    text-align: left;
    max-width: 1200px;
    margin: auto;
    margin-top: -30px;
}

.giftHeaderMobile{
    display: none;
    font-size: 30px;
}

.gift-list>.blueAfterLineHeader>h2:after{
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #00A1B0;
    margin-top: 30px;
}

.blueAfterLineHeader{
    max-width: 1200px;
    margin: auto;
}

.blueAfterLineHeader>h2{
    font-size: 2.5rem;
}

.to-review-button {
    display: block;
    border: 3px solid #016974;
    background: white;
    margin: 50px auto;
    font-size: 19px;
    width: 240px;
    border-radius: 2px;
    height: 50px;
    color: #016974;
    white-space: nowrap;
    transition: 0.5s;
    text-align: center;
    padding-top: 9px;
    text-decoration: none;
    font-weight: 550;
    text-transform: uppercase;
    animation: pulse 5s infinite, breathing 5s ease-out infinite normal;
}

.to-review-button:hover{
    background-color: #00A1B0;
    color: white;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(220 220 220 / 80%);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(220 220 220 / 80%);
        box-shadow: 0 0 0 0 rgb(220 220 220 / 80%);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204,169,44, 0);
        box-shadow: 0 0 0 10px rgba(204,169,44, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,169,44, 0);
        box-shadow: 0 0 0 0 rgba(204,169,44, 0);
    }
}

@-webkit-keyframes breathing {
    0% {
        transform: scale(1);
        backface-visibility: hidden;
    }

    25% {
        transform: scale(1.1);
        backface-visibility: hidden;
    }

    60% {
        transform: scale(1);
        backface-visibility: hidden;
    }

    100% {
        transform: scale(1);
        backface-visibility: hidden;
    }
}

@keyframes breathing {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        backface-visibility: hidden;
    }
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        backface-visibility: hidden;
    }

    60% {
        -webkit-transform: scale(1);
        transform: scale(1);
        backface-visibility: hidden;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        backface-visibility: hidden;
    }
}


.gift-button img{
    transition: 0.5s;
}

.welcomeCrossroad{
    display: flex;
    justify-content: center;
}
.welcomeCrossroad> div{
    display: flex;
    padding: 0 30px;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
}


.welcomeCrossroad> div> div{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.headerCrossroad{
    font-size: 20px;
    font-weight: 600;
    font-family: "Titillium", "Helvetica", "Arial", sans-serif;
}

.headerCrossroad:after{
    content: " ";
    display: block;
    width: 100%;
    height: 3px;
    background-color: #00A1B0;
    margin-top: 5px;
}

.textAreaCrossroad img{
    height: 56px;
    width: 50%;
}


.divForArrow{
    display: flex;

}
.divForArrow:before{
    content: " ";
    display: block;
    position: absolute;
    width: 309px;
    height: 3px;
    background-color: #00A1B0;
    top: 183px;
    right: -157px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}


.divForArrow:after{
    content: " ";
    border: solid #00A1B0;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    width: 30px;
    height: 30px;
    margin: auto;
    position: absolute;
    right: -22px;
    top: 50%;
}

.divForArrow:nth-child(3):after{
    content: "+";
    color: #00A1B0;
    display: inline-block;
    padding: 3px;
    width: 26px;
    height: 26px;
    margin: auto;
    position: absolute;
    right: -5.7px;
    top: 32.3%;
    font-size: 4.5rem;
    border: none;
    transform: unset;
}

.divForArrow>div>div{
    padding: 60px 0;
}

.sectionWelcomeCrossroad{
    position: relative;
}

section.sectionWelcomeCrossroad{
    padding: unset;
    padding-top: 10px;
    padding-bottom: 10px;
    background: rgba(0 161 176 / 7%);
}

section.sectionWelcomeCrossroad>h2{
    margin: unset;
}

.crossroad-button{
    display: block;
    border: 2px solid #00A1B0;
    margin: 10px auto;
    font-size: 19px;
    width: 193px;
    border-radius: 2px;
    height: 41px;
    color: black;
    white-space: nowrap;
    transition: 0.5s;
    text-align: center;
    box-shadow: 3px 3px rgb(0 161 176 / 40%);
    text-decoration: none;
    padding-top: 3px;
    font-weight: 550;
}

.crossroad-button:hover{
    background:#00A1B0;
    color: white;
}


.gift-button{
    display: block;
    margin: 10px auto;
    font-size: 19px;
    border-radius: 2px;
    height: 58px;
    color: black;
    white-space: nowrap;
    transition: 0.5s;
    text-align: center;
}
.gift-button img{
    width: 50px;
}

.buttonGiftDiv{
    display: flex;
    flex-direction: row;
}

.gift-button:hover{
    scale: 1.2;
}

.slider-arrow,.slider-arrow:active,.slider-arrow:visited,.slider-arrow:hover,.slider-arrow:focus
{
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 4rem;
    height: 4rem;
    transition: background-color .2s ease;
    transform: translate(-50%, -50%) rotate(315deg);
    z-index: 1;
    outline: none;
}

@media (max-width:991px), (max-aspect-ratio: 5/4) and (max-width: 1199px)
{
    .slider-arrow
    {
        display: none;
    }

}

.slider-arrow>div
{
    content: ' ';
    position: absolute;
    top: calc(50% - .5rem);
    left: calc(50% + .5rem);
    transform: translateX(-50%) translateY(-50%);
    padding: 0;
    box-shadow: .375rem -.375rem 0 0 #00A1B0 inset;
    border: 0 solid transparent;
    transition: left .2s ease , right .2s ease , top .2s ease , box-shadow .2s ease;
    width: 50%;
    height: 50%;
    opacity: 1;
    animation: home-slider-arrow-2 1s ease-out 0s infinite;
}

.slider-arrow>div:first-child
{
    top: calc(50% - 1rem);
    left: calc(50% + 1rem);
    opacity: 0;
    animation: home-slider-arrow-1 1s ease-out 0s infinite;
}

.slider-arrow>div:last-child
{
    top: 50%;
    left: 50%;
    opacity: 1;
    animation: home-slider-arrow-3 1s ease-out 0s infinite;
}

@keyframes home-slider-arrow-1 {
    0%
    {
        opacity: 0;
        top: 10%;
        left: 90%;
        width: 0%;
        height: 0%;
    }

    70%
    {
        opacity: 1;
        top: 30%;
        left: 70%;
        width: 50%;
        height: 50%;
    }

    100%
    {
        opacity: 1;
        top: 30%;
        left: 70%;
        width: 50%;
        height: 50%;
    }

}
@keyframes home-slider-arrow-2 {
    0%
    {
        top: 30%;
        left: 70%;
    }

    70%
    {
        top: 50%;
        left: 50%;
    }

    100%
    {
        top: 50%;
        left: 50%;
    }

}
@keyframes home-slider-arrow-3 {
    0%
    {
        opacity: 1;
        top: 50%;
        left: 50%;
        width: 50%;
        height: 50%;
    }

    70%
    {
        opacity: 0;
        top: 90%;
        left: 10%;
        width: 0%;
        height: 0%;
    }

    100%
    {
        opacity: 0;
        top: 90%;
        left: 10%;
        width: 0%;
        height: 0%;
    }
}

@media (max-width: 1110px){

    .headerCrossroad{
        font-size: 18px;
    }

    .textAreayCrossroad img{
        height: 50px;
        width: 40%;
    }

    .crossroad-button{
        width: 140px;
        height: 51px;
        padding-top: 8px;
    }
}

@media (max-width: 980px){

    .sectionWelcomeCrossroad> .welcomeCrossroad{
        flex-wrap: wrap;
        min-height: 1100px;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad >.divForArrow{
        width: 100%;
        flex-direction: column;
        margin-bottom: 45px;
        align-items: center;
    }

    .welcomeCrossroad> .divForArrow > div {
        margin: auto;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad > .divForArrow:after{
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        top: unset;
        bottom: -33px;
        left: 0;
        right: 0;
        margin: auto;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> .divForArrow:nth-child(2) > div{
        flex-direction: row;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> .divForArrow > div {
        padding: 0;

    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> .divForArrow:nth-child(2)> div {
        margin: unset;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> .divForArrow > div > div{
        padding: 5px 0;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> .divForArrow:nth-child(2) > div > div{
        padding: 5px 30px;
    }

    .buttonGiftDiv> .gift-button{
        width: 79px;
        height: 55px;
    }

    .buttonGiftDiv> .gift-button img{
        width: 50px;
    }

    .divForArrow>.roundToArrow {
        bottom: -48.1px;
        left: 0;
        right: 0;
        margin: auto;
        top: unset;
        width: 50px;
    }

    .divForArrow:before {
        width: 90%;
        height: 3px;
        top: 109%;
        right: 4%;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad:nth-child(1):after{
        right: -27px;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad > .divForArrow:nth-child(3):after{
        transform: unset;
        top: 160px;
        right: 17.9px;
    }

}

.textAfterBanner{
    font-size: 1.2rem;
    padding: 50px 25px;
    text-align: center;
    margin: auto;
}

.roundToArrow{
    width: 52px;
    position: absolute;
    right: -28px;
    top: 126px;
}

.textCrossroad{
    font-weight: 550;
    font-size: 17px;
}

.how-to-help-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.how-to-help-flex> .text{
    display: flex;
}

.how-to-help-flex:nth-child(1)> .text{
    flex-direction: column;
}

#text-review > .how-to-help-flex > .text > ul > li:before {
    background: white;
}

#video-review > .how-to-help-flex > .text > ul > li:before {
    background: black;
}

.how-to-text{
    background: #00A1B0;
    margin-top: -33px;
}

.how-to-video{
    background: #f1f1f1;
    margin-top: -33px;
}

.competitionInfo{
    padding: 0 40px;
    text-align: center;
    padding-bottom: 53px;
    font-weight: 500;
    color: white;
}

#text-section > div>.gift-texts>.gift-text-relative-div> .text{
    background: #00A1B0;
}

#video-section > div>.gift-texts>.gift-text-relative-div> .text{
    background: #f1f1f1;
}

#soutez > div>.gift-texts>.gift-text-relative-div> .text{
    background: #575757;
}

#pointingBox1{
    content: " ";
    background: linear-gradient(
            -45deg,
            transparent 0%,
            transparent 50%,
            #00A1B0 50%,
            #00A1B0 100%
    );
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 60.8%;
    left: 602.906px;
    transition: 0.8s;
    opacity: 1;
}

#pointingBox2{
    content: " ";
    background: linear-gradient(
            -45deg,
            transparent 0%,
            transparent 50%,
            #f1f1f1 50%,
            #f1f1f1 100%
    );
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 63.4%;
    left: 602.906px;
    transition: 0.8s;
}

#pointingBox3{
    content: " ";
    background: linear-gradient(
            -45deg,
            transparent 0%,
            transparent 50%,
            #575757 50%,
            #575757 100%
    );
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 30px;
    height: 30px;
    position: absolute;
    top: 61.6%;
    left: 49%;
    transition: 0.8s;
}

.roundToArrow {
    width: 52px;
    position: absolute;
    right: -28px;
    top: 152.5px;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(2) {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}


.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad{
    width: 90px;
    position: relative;
}
.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad img{
    transition: 0.5s;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad img:hover{
    scale: 1.2;
}


.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad:nth-child(1):after{
    content: " ";
    display: block;
    position: absolute;
    width: 60px;
    height: 3px;
    background-color: rgb(0 161 176 / 40%);
    top: 34px;
    right: -55px;
    transform: rotate(115deg);
    -webkit-transform: rotate(115deg);
}




.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(3) > .textCrossroad{
    width: 90px;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(2) > .textAreaCrossroad img{
    height: 100%;
    width: 80%;
}


.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(3) > div:nth-child(2) {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(3) > div:nth-child(3) {
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
}


.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(3) > div:nth-child(2) > .textAreaCrossroad{
    width: 90px;
}

.sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(3) > div:nth-child(2) > .textAreaCrossroad img{
    height: 100%;
    width: 80%;
}

.welcomeCrossroad > div > div {
    width: 325px;
    padding: 15px 0px;
}

.welcomeCrossroad > div:nth-child(4) > div {
    border: none;
}

.textReview{
    max-width: 585px;
}






.competition>div>div>h2{
    color: white;
    padding-top: 25px;
}
.competition{
    background: #00A1B0;
}

.textAreaCrossroad img:nth-child(1) {
    height: 75px;
}

.textAreaCrossroad img{
    transition: 0.5s;
}

.textAreaCrossroad img:hover{
    scale: 1.2;
}

@media (max-width: 1450px){
    .welcomeCrossroad > div > div{
        width: 275px;
    }
}

@media (max-width: 1270px){
    .welcomeCrossroad > div > div{
        width: 190px;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(2) > .textAreaCrossroad img{
        height: 70%;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(3) > div:nth-child(2) > .textAreaCrossroad img{
        height: 70%;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div> .textAreaCrossroad:nth-child(1):after{
        width: 52px;
        top: 27px;
        right: -32px;
    }

    .sectionWelcomeCrossroad> .welcomeCrossroad> div.divForArrow:nth-child(2) > div:nth-child(3) > .textCrossroad {
        width: 70px;
    }

    .textCrossroad{
        font-size: 16px;
    }
}

#to-draw-section{
    transition: 0.5s;
}
#to-draw-section:hover{
    scale:1.2;
}

@media  (max-width: 588px){

    .how-to-help-flex>div>.textReview {
        max-width: 97%;
    }

    .how-to-help-flex>div>.youtubeReview {
        width: 310px;
        height: 181px;
    }
}

@media (max-width: 1000px){

    .gift-button{
        width: 69px;
        height: 45px;
    }

    .gift-button img{
        width:40px
    }
    .divForArrow>div>div{
        padding: 30px 0;
    }
}

@media (max-width: 820px){
    .how-to{
        margin-top: 20px;
    }
}

.gift-list{
    position: relative;
}

.gift-texts.last{
    display: none;
}

#pointingBox3{
    display: none;
}

.spanPrice{
    font-size: 28px;
}

.review-header-average{
    display:none;
}

.how-to-help-flex>div>#reviews_v2>.bx-wrapper>.bx-viewport>#heureka_reviews_slider>ul>li.c-box-list__item.c-post {
    max-width: 480px;
    margin: auto;
    text-align: left;
}

.how-to-help-flex>div>#reviews_v2>.bx-wrapper{
    border-radius: 50px;
}

#video-review>.how-to-help-flex>.bx-wrapper{
    background: transparent;
    border-color: transparent;
    box-shadow: none;
}


@media (max-width: 640px){
    .how-to-help-flex>div>#reviews_v2>.bx-wrapper{
        max-width: 380px!important;
    }

    .how-to-help-flex>div>#reviews_v2>.bx-wrapper>.bx-viewport>#heureka_reviews_slider>ul>li.c-box-list__item.c-post {
        max-width: 330px;
        font-size: 17px;
    }

    #video-review>.how-to-help-flex>.bx-wrapper{
        max-width: 97vw!important;
    }

}

.video-help-relative {
    position: relative;
    width: 585px;
    height: 329px;
    overflow: hidden;
    box-shadow: 3px 2px 8px 2px rgba(0,0,0,0.3);
    border-radius: 30px;
}

#video_slider .video-help-relative {
    box-shadow: none
}


.video-help-relative iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 30px;
    /*pointer-events: none;*/
}

#video-review>.how-to-help-flex>div>.video-help-relative iframe{
    pointer-events: none
}

.video-container{
    width: 100%;
    height: 100%;
}

video-help-relative.fullscreen .video-container{
    padding-right: 10%;
}

.video-help-relative.fullscreen {
    transform: translate(-50%, -2%);
    width: 80vw!important;
    height: 80vh!important;
    z-index: 9999;
    position: absolute;
    left: 50%;
    top: 0;
}

#video_slider>.video-help-relative.fullscreen{
    width: 204%!important;
    position: absolute!important;
    transform: translate(-1.2%, 0%);
    left: 50%;
}

.close-btn {
    display: none;
    position: absolute;
    top: 14px;
    right: 7px;
    padding: 5px 10px;
    background-color: #00A1B0;
    color: #fff;
    border-radius: 7px;
    text-align: center;
    cursor: pointer;
    height: 59px;
    padding-top: 10px;
    font-size: 24px;
    font-weight: 600;
}


.video-help-relative.fullscreen .close-btn {
    display: block;
}

#video-review>.how-to-help-flex>div>.video-help-relative.fullscreen iframe{
    pointer-events: auto;
}

.overflow-fix{
    overflow:visible!important;
}

.bx-wrapper.hide-buttons .bx-prev,
.bx-wrapper.hide-buttons .bx-next {
    display: none!important;
}

.bx-wrapper.hide-buttons .bx-pager{
    display: none!important;
}

.hide-div{
    visibility: hidden!important;
}

/*
.youtubeReview{
    height: 329px;
    width: 585px;
    border: 0px;
    overflow: hidden;
    border-radius: 30px;
}*/

#soutez > div{
    position: relative;
}

#soutez > div > .text-banner> span:first-child{
    font-weight: 600;
    font-size: 2vw;
}

.text-banner{
    position: absolute;
    bottom: 22%;
    left: 2%;
    text-align: left;
    font-size: 1.1vw;
    color: white;
}

@media (max-width: 1320px){
    .text-banner{
        bottom: 28%;
        left: 1.3%;
        font-size: 1.4vw;
    }
    #soutez > div >.text-banner>span{
        display: block;
    }

    #soutez > div >.text-banner>span:first-child{
        width: 86%;
        font-size: 2.2vw;
    }
    #soutez > div >.text-banner>span:last-child{
        width: 66%;
        line-height: 1.7;
        font-size: 1.7vw;
    }
}

@media (max-width: 850px){
    .text-banner{
        bottom: 23%;
        left: 1.3%;
        font-size: 1.4vw;
    }
    #soutez > div >.text-banner>span{
        display: block;
    }

    #soutez > div >.text-banner>span:first-child{
        width: 53%;
        font-size: 3.3vw;
    }
    #soutez > div >.text-banner>span:last-child{
        width: 56%;
        line-height: 1.7;
        font-size: 2.1vw;
    }
}

@media (max-width: 630px){
    .text-banner{
        bottom: 30%;
        left: 2.7%;
        font-size: 1.4vw;
    }

    #soutez > div >.text-banner>span:first-child{
        width: 53%;
        font-size: 3.6vw;
    }
    #soutez > div >.text-banner>span:last-child{
        display: none;
    }
}

@media (max-width: 475px){
    .text-banner{
        bottom: 2%;
        left: 0;
        font-size: 1.4vw;
    }
    #soutez > div >.text-banner>span:first-child{
        width: 100%;
        font-size: 5.9vw;
        text-align: center;
        padding: 0 10px;
    }

    #soutez>div>img{
        height: 45vh;
    }
}

@media (max-width: 1320px){

    #soutez>div>.gift-review.banner2{
        background-image: url(/img/banners/gift-for-reviews/LAMAX_darky_za_recenze_soutez_1320.jpg);
        height: 41.6vw;
        width: 100vw;
    }
}
@media (max-width: 475px){


    #soutez>div>.gift-review.banner2{
        background-image: url(/img/banners/gift-for-reviews/LAMAX_darky_za_recenze_soutez_390.jpg);
        height: 76.9vw;
    }
}


.gift-review.banner2{
    background-image: url(/img/banners/gift-for-reviews/LAMAX_darky_za_recenze_soutez_1920.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    height: 17.1vw;
    width: 100vw;
}

.div-videos-example .video-help-relative{
    width: 600px!important;
    height: 330px;
    margin-left: 6.5px;
}

.div-videos-example{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}


.how-to-second-header>h2{
    font-size: 2.5rem;
}

.div-videos-example>.bx-wrapper{
    box-shadow: none;
    border: none;
    background: transparent;
    max-width: 640px!important;
}

.img-show-example{
    width: 15px;
}

#video-example{
    display: none;
}

.show-example-video{
    display: block;
}

.how-to-video-buttons{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.how-to-video-buttons>div{
    width: 50%;
}

#video-example>.div-videos-example>.bx-wrapper>.bx-controls>.bx-controls-direction>.bx-prev {
    left: -14px;
}

#video-example>.div-videos-example>.bx-wrapper>.bx-controls>.bx-controls-direction>.bx-next {
    right: -23px;
}

@media (max-width: 720px){
    .how-to-help-flex>div>.video-help-relative {
        width: 100%;
        height: 232px;
    }


    .div-videos-example .video-help-relative{
        width: 400px!important;
        height: 220px;
        margin-left: unset;
    }

    #video-example>.div-videos-example>.bx-wrapper>.bx-viewport{
        margin: auto!important;
        width: 400px!important;
    }
}

@media (max-width: 401px) {
    .div-videos-example .video-help-relative{
        width: 300px!important;
        height: 165px;
    }

    #video-example>.div-videos-example>.bx-wrapper>.bx-viewport{
        margin: auto!important;
        width: 300px!important;
    }
}

.width-fix{
    width: 100%!important;
}

.div-videos-example>.bx-wrapper>.bx-viewport{
    width: 95.8%!important;
    margin: auto;
}