:root{
    --pri-blue: #00BBDC;
    --sec-blue: #1C2444;
}

body{
    padding: 0;
    margin:0;
}
/*base*/
*, ::after, ::before {
    box-sizing: border-box;
}
.d-none{
    display: none!important;
}
.on-desk{
    display: initial;
}
.on-mb{
    display: none;
}
h2,h3,p{
    margin:0;
}
h2{
    margin-bottom:calc(100vw * (70/ 1920));
}
h3{
    margin-bottom:calc(100vw * (10/ 1920));
}
.hide{
    display:none;
}
/*base*/
/*nav*/
.menu-holder {
    position: fixed;
    z-index: 100;
    top:0;
    left: 50%;
    transform:translateX(-50%);
    width:calc(100vw * (1500/ 1920));
    background-color: #fff;
    margin:0 auto;
    display: flex;
    -webkit-border-bottom-right-radius:  calc(100vw * (20/ 1920));
    -webkit-border-bottom-left-radius:  calc(100vw * (100/ 1920));
    -moz-border-radius-bottomright: calc(100vw * (20/ 1920));
    -moz-border-radius-bottomleft: calc(100vw * (100/ 1920));
    border-bottom-right-radius: calc(100vw * (20/ 1920));
    border-bottom-left-radius: calc(100vw * (100/ 1920));
    filter: drop-shadow( 0 calc(100vw * (4/ 1920)) calc(100vw * (20/ 1920)) #00000040);
}
.menu-holder .logo{
    display: flex;
    width:  calc(100vw * (328/ 1920));
    margin-left: calc(100vw * (48/ 1920));
    margin-right: auto;
}
.menu-holder .logo img{
    width: 100%;
    height: auto;
}
.menu-holder .menu-togle{
    display: none;
}
#navbarResponsive{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 0;
    margin-right: calc(100vw * (70/ 1920));
    display:flex;
    font-family:"Roboto-Bold";
}
#navbarResponsive ul{
    list-style: none;
    display: inline-block;
    /*width: 100%;*/
    margin-left: auto;
}
#navbarResponsive ul li{
    display: inline-block;
}
#navbarResponsive ul li:not(:last-child){
    margin-right: calc(100vw * (35/ 1920));
}
#navbarResponsive a{
    text-decoration: none;
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
    text-transform: uppercase;
    color:var(--pri-blue);
}
/*nav*/
/**/
.lblu{
    color:#1E1E1E;
}
.blu{
    color:var(--sec-blue);
}
.head{
    background-color: var(--pri-blue);
    padding-top: calc(100vw * (180/ 1920));
    padding-bottom: calc(100vw * (70/ 1920));
}
.page-holder:not(.head),
.page-holder .holder{
    position: relative;
    z-index: 1;
    width:calc(100vw * (1500/ 1920));
    margin:0 auto;
}
.page-holder .holder{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#head{
    margin-bottom: calc(100vw * (220/ 1920));
}
#head .holder .left{
    order:1;
    width: calc(100vw * (660/ 1920));
    padding-top: calc(100vw * (220/ 1920));
}
#head .holder .left h2,
#head .overlay h2{
    font-size: calc(100vw * (55/ 1920));
    line-height: 1;
    margin-bottom:calc(100vw * (20/ 1920));
}
#head .holder .left p,
#head .overlay p{
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
}
#head .holder .left p{
    margin-bottom: calc(100vw * (10/ 1920));
}
#head .holder .left a{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color:#fff;
    color:#000;
    width: fit-content;
    font-size: calc(100vw * (30/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    padding-top:calc(100vw * (20/ 1920));
    padding-bottom:calc(100vw * (18/ 1920));
    padding-right: calc(100vw * (85/ 1920));
    padding-left: calc(100vw * (18/ 1920));
    margin-top: calc(100vw * (40/ 1920));
}
#head .holder .left a:after{
    content:"";
    position: absolute;
    top:50%;
    right:calc(100vw * (30/ 1920));
    transform: translatey(-50%);
    width: calc(100vw * (20/ 1920));
    height:  calc(100vw * (20/ 1920));
    background-image: url('https://promo.icecreamland.ro/html/images/arr-rt-head.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;

}
#head .holder .right{
    order:2;
    width: calc(100vw * (764/ 1920));
    margin-bottom: calc(100vw * (-164/ 1920));
}
#head .holder .right img{
    width: 100%;
    height: auto;
}
#head .bg-img {
    width:calc(100vw * (1500/ 1920));
    position: relative;
    margin-bottom: calc(100vw * (-224 / 1920));
}
#head .bg-img img{
    width: 100%;
    height: auto;
}
#head .overlay{
    color:#fff;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    left: calc(100vw * (70/ 1920));
    width: calc(100vw * (550/ 1920));
}
#s1 h2,
#s2 h2,
#about h2,
#form h2{
    font-size: calc(100vw * (55/ 1920));
    line-height: 1;
}
#about h2{
    margin-bottom: calc(100vw * (33/ 1920));
}
#s1 h3,
#about h3{
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
}
#s1 p,
#about p{
    font-size: calc(100vw * (20/ 1920));
    line-height: 1.5;
}
#s1 .slider-holder{
    gap: calc(100vw * (20/ 1920));
    padding-bottom: calc(100vw * (120/ 1920));

    flex-direction: row;
    gap: calc(100vw * (20 / 1920));
    padding-bottom: calc(100vw * (120 / 1920));
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
#s1 .slider-item{
    /*width:calc(100vw * (470/ 1920));*/
    flex: 0 0 32%;
    border-radius:  calc(100vw * (20/ 1920));
}
#s1 .slider-item h3{
    padding:calc(100vw * (40/ 1920)) calc(100vw * (36/ 1920)) 0;
    color:white;
}
#s1 .promo-old .slider-item h3{
    color: black;
}
#s1 .slider-item p{
    padding:0 calc(100vw * (36/ 1920)) calc(100vw * (30/ 1920));
    color:white;
}
#s1 .slider-item a{
    display: flex;
    flex-direction: column;
    height: calc(100vw * (960 / 1920));
}
#s1 .promo-old .slider-item p{
    color: black;
}
#s1 .promo-noi .slider-item{
    background-color: var(--pri-blue);
    color:#fff;
}
#s1 .promo-old .slider-item{
    background-color: #F5F5F5;
    color:var(--sec-blue);
}
#s1 .slider-item img{
    width: 100%;
    height: auto;
}
#s1 .participa{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color:#000;
    color:#fff;
    width: fit-content;
    font-size: calc(100vw * (22/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    padding-top:calc(100vw * (20/ 1920));
    padding-bottom:calc(100vw * (18/ 1920));
    padding-right: calc(100vw * (85/ 1920));
    padding-left: calc(100vw * (18/ 1920));
    margin-left: calc(100vw * (36/ 1920));
    margin-bottom: calc(100vw * (36/ 1920));
    font-weight: bold;
    margin-top: auto;
}
#s1 .participa:after{
    content:"";
    position: absolute;
    top:50%;
    right:calc(100vw * (30/ 1920));
    transform: translatey(-50%);
    width: calc(100vw * (20/ 1920));
    height:  calc(100vw * (20/ 1920));
    background-image: url('https://promo.icecreamland.ro/html/images/arr-rt-head.png');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    filter:invert(1);

}
/**/

#s2 h2{
    color:var(--pri-blue);
}
#s2 .slider-mb{
    /*draq stie pe mb*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /*draq stie pe mb*/
    padding-bottom: calc(100vw * (90/ 1920));
    row-gap: calc(100vw * (30/ 1920));
}
/*ph pana pui slider*/
/*#s2 .slider-item:not(:first-child){
    display: none;
}*/
/*ph pana pui slider*/
#s2 .slider-item{
    width: calc(100vw * (470/ 1920));
    border: calc(100vw * (1/ 1920)) solid #DDDDDD;
    -webkit-border-radius: calc(100vw * (20/ 1920));
    -webkit-border-bottom-left-radius: calc(100vw * (50/ 1920));
    -moz-border-radius: calc(100vw * (20/ 1920));
    -moz-border-radius-bottomleft:  calc(100vw * (50/ 1920));
    border-radius:calc(100vw * (20/ 1920));
    border-bottom-left-radius:  calc(100vw * (50/ 1920));
    filter: drop-shadow( 0 calc(100vw * (4/ 1920)) calc(100vw * (4/ 1920)) #00000040);
    overflow: hidden;
}
#s2 .slider-item img{
    width: 100%;
    height: auto;
}
#about a{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color:var(--pri-blue);
    color:#fff;
    width: fit-content;
    font-size: calc(100vw * (22/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    padding-top:calc(100vw * (20/ 1920));
    padding-bottom:calc(100vw * (18/ 1920));
    padding-right: calc(100vw * (60/ 1920));
    padding-left: calc(100vw * (18/ 1920));
    margin-left: 0;
    margin-bottom: calc(100vw * (36/ 1920));
    margin-top: calc(100vw * (36/ 1920));

    background-image: url(https://promo.icecreamland.ro/html/images/arr-white.png);
    background-size: calc(100vw * (20 / 1920)) auto;
    background-repeat: no-repeat;
    background-position-x: calc(100vw * (120 / 1920));
    background-position-y: center;
}
/**/
#about .mec-desc {
    font-family: 'Roboto-Regular';
    background-color: #F5F5F5;
    padding:calc(100vw * (60/ 1920)) calc(100vw * (90/ 1920)) calc(100vw * (70/ 1920));
    -webkit-border-bottom-right-radius:  calc(100vw * (20/ 1920));
    -webkit-border-bottom-left-radius:  calc(100vw * (150/ 1920));
    -moz-border-radius-bottomright: calc(100vw * (20/ 1920));
    -moz-border-radius-bottomleft: calc(100vw * (150/ 1920));
    border-bottom-right-radius: calc(100vw * (20/ 1920));
    border-bottom-left-radius: calc(100vw * (150/ 1920));
    margin-bottom:  calc(100vw * (100/ 1920));
    border-top-left-radius: calc(100vw * (20/ 1920));
    border-top-right-radius: calc(100vw * (20/ 1920));
}
#about .mec-desc img{
    width:100%;
}
#about ul li{
    font-size: calc(100vw * (20/ 1920));
    line-height: 1.5;
}
#about .link-reg{
    color:var(--pri-blue);
    width: fit-content;
    display: inline-block;
    margin: 0;
    padding: 0;
    background-color: transparent;
    text-decoration: underline;
}
#about .slider-holder.prod-slider{
    /*ph pana pui sldier*/
    display: flex;
    justify-content: space-between;
    /*ph pana pui sldier*/
    margin-bottom: calc(100vw * (120/ 1920));
}
#about .slider-holder.prod-slider .slider-item{
    width:  calc(100vw * (510/ 1920));
    text-align: center;
}
#about .slider-holder.prod-slider .slider-item img{
    width: 100%;
    height: auto;
    padding-left: calc(100vw * (20/ 1920));
    padding-right: calc(100vw * (20/ 1920));
}
/**/
/*form*/
#form .form-holder{
    background-color: var(--pri-blue);
    padding:calc(100vw * (70/ 1920)) calc(100vw * (90/ 1920)) calc(100vw * (60/ 1920));
    -webkit-border-radius:  calc(100vw * (20/ 1920));
    -webkit-border-bottom-left-radius:  calc(100vw * (150/ 1920));
    -moz-border-radius: calc(100vw * (20/ 1920));
    -moz-border-radius-bottomleft: calc(100vw * (150/ 1920));
    border-radius: calc(100vw * (20/ 1920));
    border-bottom-left-radius: calc(100vw * (150/ 1920));
    margin-bottom:  calc(100vw * (200/ 1920));
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#form .form-holder .form-item{
    width: 47%;
    display: block;
    color:#fff;
    position: relative;
    margin-bottom:  calc(100vw * (20/ 1920));
}
#form .form-holder .form-item.hide{
    display:none;
}
#form .form-holder .form-item label{
    font-size: calc(100vw * (22/ 1920));
    line-height: 1;
}
#form .form-holder .form-item label{
    padding-bottom: calc(100vw * (10/ 1920));
}
#form .validator{
    font-family:"Roboto-Regular";

}
#form .form-holder .form-item .inp{
    background-color: #fff;
    border-radius: calc(100vw * (20/ 1920));
    width: 100%;
    border:0px transparent;
    outline:none;
    color:#000;
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
    padding: calc(100vw * (10/ 1920));
    position: relative;
    min-height: calc(100vw * (55/ 1920));
    font-size: calc(100vw * (22 / 1920));
}
#form .input-group-text{
    display:none;
}
#form .chosen-container{
    color: #000;
    font-size: calc(100vw * (30 / 1920));
    line-height: 1;
}
#form .chosen-single{
    padding: calc(100vw * (15 / 1920));
    padding-top: calc(100vw * (15 / 1920));
    border-radius: calc(100vw * (20 / 1920));
    height: calc(100vw * (55/ 1920));
    font-size: calc(100vw * (22 / 1920));
    line-height: 1;
    border:0px;
}
#form .containerCheckbox .form-checkbox{
    font-size: calc(100vw * (22 / 1920));
    line-height: 1;
}
#form .chosen-container-single .chosen-single div{
    top: calc(100vw * (15/ 1920));
    right: calc(100vw * (-2 / 1920));
}
#form .validator{
    color:red;
    line-height: 1.2;
    font-size: calc(100vw * (16 / 1920));
}
#form .form-holder .form-item .captcha{
    position: absolute;
    top: calc(100vw * (35 / 1920));
    right: 5%;
    width: fit-content;
    color: #000;
    font-size: calc(100vw * (30 / 1920));
    height: calc(100vw * (50 / 1920));
    width: auto;
}
.chosen-container-single .chosen-single span{
    height: calc(100vw * (40/ 1920));
}
#form .form-holder .form-check-holder{
    width: 100%;
    margin: calc(100vw * (90/ 1920)) 0  calc(100vw * (70/ 1920));
}
#form .form-holder .form-check-holder label{
    font-size: calc(100vw * (30/ 1920));
    color:#fff;
}
#form .send{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color:var(--sec-blue);
    color:#fff;
    border:0px;
    width: fit-content;
    font-size: calc(100vw * (22/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    padding-top:calc(100vw * (20/ 1920));
    padding-bottom:calc(100vw * (18/ 1920));
    padding-right: calc(100vw * (130/ 1920));
    padding-left: calc(100vw * (18/ 1920));
    margin-left: 0;
    margin-bottom: calc(100vw * (36/ 1920));
    margin-top: calc(100vw * (36/ 1920));
}
#form .send{
    font-family:"Roboto-Bold";
    background-image: url('https://promo.icecreamland.ro/html/images/arr-white.png');
    background-size: calc(100vw * (20/ 1920)) auto;
    background-repeat: no-repeat;
    background-position-x: calc(100vw * (320/ 1920));
    background-position-y: center;
}
/*form*/
/*ft*/
.footer{
    background-color: var(--sec-blue);
    position: relative;
}
.footer ul{
    list-style:none;
    width: fit-content;
    margin: 0 auto;
    padding: calc(100vw * (70/ 1920)) 0 calc(100vw * (80/ 1920));
}
.footer ul li{
    display: inline-block;
}
.footer ul li,
.footer a{
    text-decoration: none;
    color:#fff;
    font-size:calc(100vw * (30/ 1920));
}
/*ft*/


/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-image: url('https://promo.icecreamland.ro/html/images/unchecked.png');
}

/* On mouse-over, add a grey background color */
.containerCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}
.containerCheckbox .form-checkbox{
    color: #fff;
}

/* When the checkbox is checked, add a blue background */
.containerCheckbox input:checked ~ .checkmark {

}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerCheckbox input:checked ~ .checkmark:after {
    display: block;
    background-image: url(https://promo.icecreamland.ro/html/images/checked.png);
    height: 24px;
    width: 24px;
}
.footer .btnz{
    position: absolute;
    z-index: 100;
    top:0;
    right: calc(100vw * (210/ 1920));
    transform: translateY(-50%);
    display: flex;
}
.footer .btnz a{
    width: calc(100vw * (120/ 1920));
}
.footer .btnz a img{
    width: 100%;
    height: auto;
}
.footer .btnz a:first-child{
    margin-right:  calc(100vw * (20/ 1920));
}
.thank-you{
    padding-top:calc(100vw * (90/ 1920));
    padding-bottom:calc(100vw * (90/ 1920));
    color: white!important;
}
.thank-you p{
    font-size: calc(100vw * (30/ 1920));
    color:white;
}
.thank-you a{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color: var(--sec-blue);
    color: #fff;
    border: 0px;
    width: fit-content;
    font-size: calc(100vw * (22 / 1920));
    border-radius: calc(100vw * (10 / 1920));
    padding-top: calc(100vw * (20 / 1920));
    padding-bottom: calc(100vw * (18 / 1920));
    padding-right: calc(100vw * (130 / 1920));
    padding-left: calc(100vw * (18 / 1920));
    margin-left: 0;
    margin-bottom: calc(100vw * (36 / 1920));
    margin-top: calc(100vw * (36 / 1920));
    font-family: "Roboto-Bold";
    background-image: url('https://promo.icecreamland.ro/html/images/arr-white.png');
    background-size: calc(100vw * (20 / 1920)) auto;
    background-repeat: no-repeat;
    background-position-x: calc(100vw * (240 / 1920));
    background-position-y: center;
}
.button-general{
    position: relative;
    z-index: 10;
    text-decoration: none;
    display: block;
    background-color: var(--sec-blue);
    color: #fff;
    border: 0px;
    width: fit-content;
    font-size: calc(100vw * (22 / 1920));
    border-radius: calc(100vw * (10 / 1920));
    padding-top: calc(100vw * (20 / 1920));
    padding-bottom: calc(100vw * (18 / 1920));
    padding-right: calc(100vw * (130 / 1920));
    padding-left: calc(100vw * (18 / 1920));
    margin-left: 0;
    margin-bottom: calc(100vw * (36 / 1920));
    margin-top: calc(100vw * (36 / 1920));
    font-family: "Roboto-Bold";
    background-image: url('https://promo.icecreamland.ro/html/images/arr-white.png');
    background-size: calc(100vw * (20 / 1920)) auto;
    background-repeat: no-repeat;
    background-position-x: calc(100vw * (180 / 1920));
    background-position-y: center;
}
.regulation-btn {
    display: flex;
    justify-content: center;
}
#about .regulation-btn .regulation-link-button {
    background-position-x: calc(100vw * (150 / 1920));
}
.winners{
    font-size: calc(100vw * (32 / 1920));
    font-weight: bold;
    margin:auto 0;

}
.winners .form-holder{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.winners-btn{

}
.space-between{
    height:calc(100vw * (42 / 1920));
    display:block;
}
.slick-prev:before, .slick-next:before{
    color: var(--pri-blue);
}
.slick-next{
    right:calc(100vw * (8 / 1920));
}
.slick-prev{
    left:calc(100vw * (-8 / 1920));
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--pri-blue);
}
.slick-dots li button:before{
    color: var(--pri-blue);
}
.no-background{
    background-color:transparent!important;
}
.Oreo{
    background-color:#004e96;
}
.Toblerone{
    background-color:#fdda7b;
}
.Aloma{
    background-color:#cc9b5f;
}
.Kitkat{
    background-color:#ec2227;
}
.Milka{
    background-color:#684fa3;
}
.Nuii{
    background-color:#000000;
}
.Nesquik{
    background-color:#ffff00;
}
.RIOS{
    background-color:#ffffff;
}
.slick-dots li button:before{
    width:calc(100vw * (30 / 1920));
    height: calc(100vw * (30 / 1920));
    line-height:calc(100vw * (30 / 1920));
    font-size: calc(100vw * (15 / 1920));
}
@media screen and (max-width: 1230px){
    .on-desk{
        display: none;
    }
    .on-mb{
        display: initial;
    }
    h2{
        margin-bottom: calc(100vw * (20/440));
    }
    h3{
        margin-bottom: calc(100vw * (10/440));
    }
    /*nav*/
    .menu-holder {
        width:calc(100vw * (385/440));
        background-color: #fff;
        -webkit-border-bottom-right-radius:  calc(100vw * (20/440));
        -webkit-border-bottom-left-radius:  calc(100vw * (46/440));
        -moz-border-radius-bottomright: calc(100vw * (20/440));
        -moz-border-radius-bottomleft: calc(100vw * (46/440));
        border-bottom-right-radius: calc(100vw * (20/440));
        border-bottom-left-radius: calc(100vw * (46/440));
        filter: drop-shadow( 0 calc(100vw * (2/440)) calc(100vw * (10/440)) #00000040);
    }
    .menu-holder .logo{
        display: flex;
        width:  calc(100vw * (160/440));
        margin-left: calc(100vw * (10/440));
        margin-right: auto;
    }
    .menu-holder .logo img{
        width: 100%;
        height: auto;
    }
    .menu-holder .menu-togle{
        display: block;
        height: fit-content;
        width: auto;
        padding:calc(100vw * (17.5/ 440)) calc(100vw * (15/ 440));
        margin:auto 0;
        border:0px transparent;
        outline:none;
        cursor: pointer;
        background-color:transparent;
        margin-right: calc(100vw * (15/ 440));
    }
    .menu-holder .menu-togle  svg{
        width:calc(100vw * (18/ 440));
        height:auto;
    }
    .menu-holder .menu-togle svg path{
        stroke:#00BADB;
        stroke-width:calc(100vw * (3/ 440));
    }

    #navbarResponsive{
        display:none;
        position: absolute;
        top: calc(100vw * (60/440));
        width: 100%;
        top:  calc(100vw * (65/440));
        left: 0;
        background-color: white;
        padding-top:  calc(100vw * (20/440));
        border: 0px;
        margin: 0px;
    }
    #navbarResponsive.show{
        display:block;
    }
    #navbarResponsive ul{
        list-style: none;
        display: block;
        width: 100%;
    }
    #navbarResponsive ul li{
        display:block;
    }
    #navbarResponsive ul li:not(:last-child){
        margin-right: 0;
    }
    #navbarResponsive a{
        font-size: calc(100vw * (30/440));
    }
    /*nav*/
    /**/
    .head{
        background-color: var(--pri-blue);
        padding-top: calc(100vw * (40/440));
        padding-bottom: calc(100vw * (40/440));
    }
    .page-holder:not(.head),
    .page-holder .holder{
        width:calc(100vw * (385/440));
        margin:0 auto;
    }
    .page-holder .holder{
        flex-direction: column;
    }
    #head{
        margin-bottom: calc(100vw * (40/440));
    }
    #head .holder .left{
        order:2;
        width: calc(100vw * (385/440));
        padding-top:0px;
    }
    #head .holder .left h2,
    #head .overlay h2{
        font-size: calc(100vw * (30/440));
        margin-bottom: calc(100vw * (10/440));
    }
    #head .holder .left p,
    #head .overlay p{
        font-size: calc(100vw * (20/440));
    }
    #head .holder .left a{
        font-size: calc(100vw * (22 / 440));
        border-radius: calc(100vw * (10/440));
        padding-top:calc(100vw * (16/440));
        padding-bottom:calc(100vw * (16/440));
        padding-right: calc(100vw * (85/440));
        padding-left: calc(100vw * (18/440));
        margin-top:calc(100vw * (30/440));
    }
    #head .holder .left a:after{
        right:calc(100vw * (30/440));
        transform: translatey(-50%);
        width: calc(100vw * (20/440));
        height: calc(100vw * (20/440));
        background-image: url('https://promo.icecreamland.ro/html/images/arr-rt-head.png');

    }
    #head .holder .right{
        order:1;
        width: calc(100vw * (385/440));
        margin-bottom: calc(100vw * (30/440));
        margin-top:calc(100vw * (40/440));
    }
    #head .holder .right img{
        width: 100%;
        height: auto;
    }
    #head .bg-img {
        width:calc(100vw * (385/ 440));
        position: relative;
    }
    #head .bg-img img{
        width: 100%;
        height: auto;
    }
    #head .overlay{
        color:#1E1E1E;
        position: relative;
        top:0;
        transform: translateY(0);
        left: 0;
        width: calc(100vw * (385/ 440));

    }
    #head .bg-img{
        margin-top: calc(100vw * (50/440));
        margin-bottom: calc(100vw * (10/440));
    }
    /**/
    #s1 h2,
    #s2 h2,
    #about h2,
    #form h2{
        font-size: calc(100vw * (30/440));
        line-height: 1;
        text-align: center;
        margin-bottom: calc(100vw * (33 / 440));
    }
    #s1 h3,
    #about h3{
        font-size: calc(100vw * (30/440));
        line-height: 1;
    }
    #s1 p,
    #about p{
        font-size: calc(100vw * (20/440));
        line-height: 1.5;
    }
    #s1 .slider-holder{
        padding-bottom: calc(100vw * (20/440));
        margin-bottom: calc(100vw * (90/440));
    }
    #s1 .slider-item{
        width:calc(100vw * (385/440));
        border-radius:  calc(100vw * (14/440));
        height:auto;
    }
    #s1 .slider-item h3{
        padding:calc(100vw * (40/440)) calc(100vw * (36/440)) 0;
    }
    #s1 .slider-item p{
        padding:0 calc(100vw * (36/440)) calc(100vw * (30/440));
    }
    #s1 .promo-noi .slider-item{
        background-color: var(--pri-blue);
        color:#fff;
    }
    #s1 .promo-old .slider-item{
        background-color: #F5F5F5;
        color:var(--sec-blue);
    }
    #s1 .slider-item img{
        width: 100%;
        height: auto;
    }
    #s1 .participa{
        font-size: calc(100vw * (22 / 440));
        border-radius: calc(100vw * (5.8/440));
        padding-top:calc(100vw * (11/440));
        padding-bottom:calc(100vw * (10/440));
        padding-right: calc(100vw * (85/440));
        padding-left: calc(100vw * (10/440));
        margin-left: calc(100vw * (36/440));
        margin-bottom: calc(100vw * (40/440));
    }
    #s1 .participa:after{
        right:calc(100vw * (15/440));
        transform: translatey(-50%);
        width: calc(100vw * (12/440));
        height:  calc(100vw * (12/440));
    }
    /**/
    #about .mec-desc {
        padding:calc(100vw * (35/ 440)) calc(100vw * (15/ 440)) calc(100vw * (35/ 440))  calc(100vw * (35/ 440));
        -webkit-border-bottom-right-radius:  calc(100vw * (20/ 440));
        -webkit-border-bottom-left-radius:  calc(100vw * (46/ 440));
        -moz-border-radius-bottomright: calc(100vw * (20/ 440));
        -moz-border-radius-bottomleft: calc(100vw * (46/ 440));
        border-bottom-right-radius: calc(100vw * (20/ 440));
        border-bottom-left-radius: calc(100vw * (46/ 440));
        margin-bottom: calc(100vw * (70/ 440));
    }
    #about .link-reg{
        color:var(--pri-blue);
        width: fit-content;
        display: inline-block;
        margin: 0;
        padding: 0;
        background-color: transparent;

    }
    #s1 .slider-holder{
        display:block;
        /*flex-direction: column;*/
        /*gap: calc(100vw * (30 / 440));*/
    }
    #about .slider-holder.prod-slider{
        margin-bottom: calc(100vw * (100/ 440));
    }
    #about .slider-holder.prod-slider .slider-item{
        width:  calc(100vw * (360/ 440));
        text-align: center;
    }
    /*ph pana pui slider*/
    #about .slider-holder.prod-slider .slider-item:not(:first-child){
        display: none;
    }
    /*ph pana pui slider*/
    #about .slider-holder.prod-slider .slider-item img{
        width: 100%;
        height: auto;
    }
    #about p{
        margin-bottom: calc(100vw * (22/440));
    }
    #about a{
        font-size: calc(100vw * (22 / 440));
        line-height: 1.5;
        border-radius: calc(100vw * (5.8 / 440));
        padding-top: calc(100vw * (21 / 440));
        padding-bottom: calc(100vw * (20 / 440));
        padding-right: calc(100vw * (80 / 440));
        padding-left: calc(100vw * (30 / 440));
        margin-left: 0;
        margin-bottom: calc(100vw * (40 / 440));
        text-align: center;
        background-position-x: calc(100vw * (150 / 440));
        background-size: calc(100vw * (20 / 440)) auto;
    }
    #about a:after{
        right:calc(100vw * (30/440));
        width: calc(100vw * (20/440));
        height:  calc(100vw * (20/440));
        background-image: url('https://promo.icecreamland.ro/html/images/arr-rt-head.png');

    }
    #about ul li{
        font-size: calc(100vw * (15.3/440));
        line-height: 1.5;
        line-height: 1.5;
    }
    /**/
    #s2 .slider-mb{
        padding-bottom: calc(100vw * (50/440));
        row-gap: calc(100vw * (20/440));
    }
    #s2 .slider-item{
        width: calc(100vw * (385/440));
        border: calc(100vw * (1/440)) solid #DDDDDD;
        -webkit-border-radius: calc(100vw * (13/440));
        -webkit-border-bottom-left-radius: calc(100vw * (34/440));
        -moz-border-radius: calc(100vw * (13/440));
        -moz-border-radius-bottomleft:   calc(100vw * (34/440));
        border-radius: calc(100vw * (13/440));
        border-bottom-left-radius:   calc(100vw * (34/440));
        filter: drop-shadow( 0 calc(100vw * (2/440)) calc(100vw * (2/440)) #00000040);
    }


    /*form*/
    #form .page-holder{
        width:  calc(100vw * (440/440));
    }
    #form .page-holder h2{
        z-index: 10;
        position: absolute;
        top:calc(100vw * (60/440));
        left:50%;
        transform: translateX(-50%);
        color:#fff;
        width:100%;
    }
    #form .form-holder{
        padding:calc(100vw * (150/440)) calc(100vw * (32/440)) calc(100vw * (60/440));
        -webkit-border-radius:  0;
        -moz-border-radius:  0;
        border-radius: 0;
        margin-bottom:  calc(100vw * (100/440));
    }
    #form .form-holder .form-item{
        width: 100%;
        display: block;
        color:#fff;
        position: relative;
        margin-bottom: calc(100vw * (20 / 440));
    }
    #form .form-holder .form-item label,
    #form .form-holder .form-item .validator{
        font-size: calc(100vw * (26/440));
        line-height: 1;
        padding-bottom: calc(100vw * (5 / 440));
    }
    #form .form-holder .form-item .inp{
        border-radius: calc(100vw * (10/440));
        font-size: calc(100vw * (22/440));
        padding: calc(100vw * (10/440)) calc(100vw * (20/440));
        min-height: calc(100vw * (56/440));
    }
    #form .form-holder .form-item .validator, #form .validator, #mesajValidator{
        /*visibility: hidden;*/
        color:red;
        line-height: 1.2;
        font-size: calc(100vw * (20/440));
    }
    #form .form-holder .form-item .captcha{
        font-size: calc(100vw * (30/440));
        height: calc(100vw * (40 / 430));
        top: calc(100vw * (44 / 440));
    }
    #form .form-holder .form-check-holder{
        width: 100%;
        margin: calc(100vw * (90/440)) 0  calc(100vw * (70/440));
    }
    #form .form-holder .form-check-holder label{
        font-size: calc(100vw * (22/440));
    }
    #form .send{
        display: block;
        color:#fff;
        font-size: calc(100vw * (22 / 440));
        border-radius: calc(100vw * (10 / 440));
        padding-top: calc(100vw * (20 / 440));
        padding-bottom: calc(100vw * (18 / 440));
        padding-right: calc(100vw * (68 / 440));
        padding-left: calc(100vw * (38 / 440));
        margin-left: 0;
        margin-bottom: 0;
        margin-top: calc(100vw * (36 / 440));
        text-align: center;
        background-position-x: calc(100vw * (280 / 440));
        background-size: calc(100vw * (20 / 440)) auto;
    }
    #form .send:after{
        right:calc(100vw * (30/440));
        width: calc(100vw * (20/440));
        height:  calc(100vw * (20/440));
    }
    /*form*/
    /*ft*/
    .footer ul{
        text-align:center;
        padding: calc(100vw * (60/ 440)) 0;
    }
    .footer ul li.on-desk{
        display: none;
    }
    .footer ul li:not(.on-desk),
    .footer a{
        display: block;
        font-size:calc(100vw * (25/ 440));
    }
    .footer .btnz{
        right: calc(100vw * (50/ 440));
    }
    .footer .btnz a{
        width: calc(100vw * (60/ 440));
    }
    .footer .btnz a:first-child{
        margin-right:  calc(100vw * (10/ 440));
    }
    /*ft*/

    .navbar-toggler-icon{
        background-image: url(https://promo.icecreamland.ro/html/images/menu.svg);
    }
    .no-border{
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    #form .form-holder .form-item .captcha {
        top: calc(100vw * (40 / 440));
    }
    .slick-next {
        right: calc(100vw * (-26 / 440));
    }
    .slick-prev{
        left: calc(100vw * (-26 / 440));
    }

    .thank-you p {
        font-size: calc(100vw * (30 / 440));
        color: white;
    }
    .thank-you a {
        position: relative;
        z-index: 10;
        text-decoration: none;
        display: block;
        background-color: var(--sec-blue);
        color: #fff;
        border: 0px;
        width: fit-content;
        font-size: calc(100vw * (22 / 440));
        border-radius: calc(100vw * (10 / 440));
        padding-top: calc(100vw * (20 / 440));
        padding-bottom: calc(100vw * (18 / 440));
        padding-right: calc(100vw * (80 / 440));
        padding-left: calc(100vw * (18 / 440));
        margin-left: 0;
        margin-bottom: calc(100vw * (36 / 440));
        margin-top: calc(100vw * (36 / 440));
        font-family: "Roboto-Bold";
        background-image: url('https://promo.icecreamland.ro/html/images/arr-white.png');
        background-size: calc(100vw * (20 / 440)) auto;
        background-repeat: no-repeat;
        background-position-x: calc(100vw * (190 / 440));
        background-position-y: center;
    }
    .form-holder p{
        font-size: calc(100vw * (30 / 440));
        color: white;
    }
    .form-holder .button-general{
        position: relative;
        z-index: 10;
        text-decoration: none;
        display: block;
        background-color: var(--sec-blue);
        color: #fff;
        border: 0px;
        width: fit-content;
        font-size: calc(100vw * (22 / 440));
        border-radius: calc(100vw * (10 / 440));
        padding-top: calc(100vw * (20 / 440));
        padding-bottom: calc(100vw * (18 / 440));
        padding-right:0;
        padding-left:0;
        margin-left: 0;
        margin-bottom: calc(100vw * (36 / 440));
        margin-top: calc(100vw * (36 / 440));
        font-family: "Roboto-Bold";
        background-image: url('https://promo.icecreamland.ro/html/images/arr-white.png');
        background-size: calc(100vw * (20 / 440)) auto;
        background-repeat: no-repeat;
        background-position-x: calc(100vw * (190 / 440));
        background-position-y: center;
        text-align: center;
    }
    #about .regulation-btn .regulation-link-button {
        background-position-x: calc(100vw * (150 / 440));
    }

    #form .containerCheckbox .form-checkbox {
        font-size: calc(100vw * (22 / 440));
        line-height: 1;
        padding-left:calc(100vw * (10 / 440));
    }
    .containerCheckbox, .container-checkbox {
        padding-left: calc(100vw * (35 / 440));
        margin-bottom: calc(100vw * (12 / 440));
        margin-top:  calc(100vw * (12 / 440));
    }
    .slick-dots li button:before{
        width:calc(100vw * (30 / 440));
        height: calc(100vw * (30 / 440));
        line-height:calc(100vw * (30 / 440));
        font-size: calc(100vw * (15 / 440));
    }
    #s1 .slider-item a{
        height:calc(100vw * (900 / 440));
    }
}