body{
    padding: 0;
    margin:0;
    /*    background-color: #339;*/
}
html,body{
    overflow-x:hidden;
}
/*base*/
*, ::after, ::before {
    box-sizing: border-box;
}
.d-none{
    display: none!important;
}
.on-desk{
    display: initial;
}
.on-mb{
    display: none;
}
.argos{
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}
.argos .section-title{
    font-size: calc(100vw * (80/ 1920));
    line-height: 3;
    text-transform: uppercase;
    margin:0;
}
/*base*/
/**/
/*menu*/
#menu-agros{
    background-color:#F2FDFF;
}
.menu-top{
    position: fixed;
    z-index: 100;
    background-color: #fff;
    display: flex;
    padding:calc(100vw * (30/ 1920)) calc(100vw * (70/ 1920)) calc(100vw * (20/ 1920));
    width: 100%;
}
.menu-top .logo{
    width: calc(100vw * (140/ 1920));
}
.menu-top .logo img{
    width: 100%;
    height: auto;
}
.menu-top .menu-togle{
    display: none;

}
.menu-top .menu-holder{
    display: flex;
    width: 100%;
}
.menu-top .menu-holder ul{
    list-style: none;
    width: fit-content;
    margin-left: auto;
    display: flex;
}
.menu-top .menu-holder ul li:not(:first-child){
    margin-left: calc(100vw * (20/ 1920));
}
.menu-top .menu-holder a{
    font-size:  calc(100vw * (24/ 1920));
    line-height: calc(100vw * (50/ 1920));
    text-decoration: none;
    color:#006BB6;
}
/*menu*/
/**/
/*home*/
.home .title-holder{
    height: fit-content;
    width: 100%;
    padding: calc(100vw * (210/ 1920)) calc(100vw * (150/ 1920)) calc(100vw * (270/ 1920));
    background-image: url(https://campanie.agros-juice.ro/html/images/bg-home.png);
    background-position:center;
    background-size: calc(100vw * (1920/ 1920)) auto;
    background-repeat: no-repeat;
    overflow-y: hidden;
}
.home .title-holder .home-title{
    font-size: calc(100vw * (80/ 1920));
    line-height: 1.3;
    text-transform: uppercase;
    color: #006bb6;

    margin-bottom: calc(100vw * (200 / 1920));
}
.home .title-holder .home-title b{
    background-color: #fff;
    padding: 0 calc(100vw * (40/ 1920));
    border-radius: calc(100vw * (10/ 1920));
}
.home .title-holder a,
.btn-general{
    background-color: #006bb6;
    color:#fff;
    border:0 transparent;
    outline:none;
    padding: calc(100vw * (30/ 1920)) calc(100vw * (100/ 1920));
    border-radius: calc(100vw * (20/ 1920));
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;

    margin-top: calc(100vw * (-170 / 1920));
    display: block;
    width: fit-content;
}
.btn-general,.btn-general:hover,.btn-general:active{
    margin-top:0px;
    color:white;
}
/*home*/
/**/
/*mec*/
.argos .mec{
    background-color: #006bb6;
    color:#fff;
}
.argos .mec-holder{
    display: flex;
    width: calc(100vw * (1740/ 1920));
    justify-content: space-between;
    margin:0 auto  calc(100vw * (160/ 1920));
}
.argos .mec-item{
    width: calc(100vw * (520/ 1920));
    background-color: #fff;
    color:#006bb6;
    position: relative;
    border-radius: calc(100vw * (20/ 1920));
    display: flex;
    padding:calc(100vw * (40/ 1920));
}
.argos .mec-item .mec-nr{
    position: absolute;
    z-index: 10;
    top:0;
    left: 0;
    color:#fff;
    transform: translate(-50%, -50%);
    background-color: #006bb6;
    border:calc(100vw * (2/ 1920)) solid #fff;
    border-radius: 50%;
    width: calc(100vw * (62/ 1920));
    font-size: calc(100vw * (26/ 1920));
    line-height: calc(100vw * (60/ 1920));
    text-align: center;
}
.argos .mec-item p{
    font-size: calc(100vw * (26/ 1920));
    line-height: 1.4;
    margin:auto;
    text-align: center;
}
/*mec*/
/**/
/*prem*/
.argos .prem{
    background-color: #006bb6;
    color:#fff;

}
.argos .prem-holder{
    width: fit-content;
    margin:0 auto  calc(100vw * (160/ 1920));
    display: flex;
    justify-content: center;
    padding-top:calc(100vw * (120/ 1920));
    gap:calc(100vw * (180/ 1920));
}
.argos .prem-holder .prem-item{
    width: calc(100vw * (500/ 1920));
    position: relative;
}
.argos .prem-holder .prem-item img{
    width: 100%;
    height: auto;
}
.argos .prem-holder .prem-item .prem-count{
    position: absolute;
    width: calc(100vw * (160/ 1920));
    font-size: calc(100vw * (54/ 1920));
    line-height: calc(100vw * (160/ 1920));
    padding:0;
    margin:0;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    color:#006bb6;
}
.argos .prem-holder .prem-item.prem-1 .prem-count{
    top:0;
    left:50%;
    transform: translate(-50%,-50%);
}
.argos .prem-holder .prem-item.prem-2 .prem-count{
    top:0;
    left:20%;
    transform: translatey(-50%);
}
.argos .prem-holder .prem-item .prem-title{
    font-size: calc(100vw * (30/ 1920));
    line-height: 1.4;
    padding: calc(100vw * (20/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    background-color: #fff;
    color:#006bb6;
    width: fit-content;
    position: absolute;
    text-align: center;
}
.argos .prem-holder .prem-item.prem-1 .prem-title{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width:  calc(100vw * (510/ 1920));
}
.argos .prem-holder .prem-item.prem-2 .prem-title{
    bottom: 12%;
    left: -24%;
    width:  calc(100vw * (370/ 1920));
}
/*prem*/
/**/
/*prod*/
.argos .prod{
    color:#006bb6;
}
.argos .prod-holder{
    display: flex;
    justify-content: space-between;
    margin:0 auto  calc(100vw * (160/ 1920));
    width: calc(100vw * (1600/ 1920));
}
.argos .prod-holder .prod-item{
    text-align: center;
    /*width: calc(100vw * (290/ 1920));*/
}
.argos .prod-holder .prod-title{
    background-color: #bad7eb;
    color:#006bb6;
    width: 90%;
    margin: 0 auto;
    display: flex;
    padding:calc(100vw * (22/ 1920)) calc(100vw * (6/ 1920));
    border-radius: calc(100vw * (10/ 1920));
    text-align: center;
    font-size: calc(100vw * (24/ 1920));
    line-height: 1.4;
    text-align: center;
    display: block;
}
.slick-slide img {
    width: 80%;
    margin: 0 auto;
    display:block;
}
/*prod*/
/**/
/*form*/
::placeholder{
    color:#006BB6;
}
.argos .form{
    background-color: #006bb6;
    color:#fff;
}
.argos .form-holder{
    width: calc(100vw * (1200/ 1920));
    margin:0 auto  calc(100vw * (160/ 1920));
    display: flex;
    justify-content:center;
    gap:calc(100vw * (100/ 1920));
    row-gap: calc(100vw * (40/ 1920));
    flex-wrap: wrap;
}
.argos .form-holder .form-item{
    position: relative;
    width: fit-content;
    display: flex;
    flex-direction: column;
    flex: 0 0 40%;
}
.argos .form-holder .inp{
    width: calc(100vw * (550/ 1920));
    background-color: #fff;
    border-radius: calc(100vw * (20/ 1920));
    padding:0 calc(100vw * (40/ 1920));
    font-size: calc(100vw * (28/ 1920));
    line-height: calc(100vw * (80/ 1920));
    border:0 transparent;
    outline:none;
    color:#006bb6;
    min-height:  calc(100vw * (80/ 1920));
}
.argos .form-holder .inp:placehodler{
    color:#006bb6;
}
.argos .form-holder .validator{
    font-size: calc(100vw * (21 / 1920));
    line-height: calc(100vw * (30 / 1920));
    color:#F33;
}
.argos .form-holder .captcha img{
    position: absolute;
    z-index: 5;
    top: 50%;
    right: 0;
    transform: translate(150%, -50%);
}
.argos .form-holder .captcha .validator{
    right: calc(100vw * (200/ 1920));
}
.argos .form-holder .form-check-holder{
    margin-right: auto;
}
.argos .form-holder .form-check-holder label{
    font-size: calc(100vw * (20/ 1920));
    margin-left: calc(100vw * (30/ 1920));
    color:#fff;
    position:relative;
    padding-left:calc(100vw * (40/ 1920));
}
.argos .form-holder .form-check-holder label a{
    color:#fff;
}
.argos .form-holder .form-send{
    background-color: #fff;
    color:#006bb6;
    border:0 transparent;
    outline:none;
    padding: calc(100vw * (30/ 1920)) calc(100vw * (100/ 1920));
    border-radius: calc(100vw * (20/ 1920));
    font-size: calc(100vw * (30/ 1920));
    line-height: 1;
    text-transform: uppercase;
}

.chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single{
    font-size: calc(100vw * (22 / 1920))!important;
    padding: calc(100vw * (20 / 1920)) calc(100vw * (40 / 1920))!important;
    color: #006BB6!important;
    border-radius: calc(100vw * (90 / 1920));
    outline: none;
    border: 0 transparent;
    min-height: calc(100vw * (75 / 1920));
    width: 100%;
}

.chosen-container{
    height:  calc(100vw * (76/1920));
    margin-bottom: 0px;
    width:100%!important;
}
.chosen-container-single .chosen-single div{
    top:25px;
}
.chosen-container.chosen-with-drop .chosen-drop{
    left:5%;
    width: 90%;
    border:1px solid #006BB6;
}
.chosen-container-single .chosen-search input[type="text"]{
    border:1px solid #006BB6;
    line-height: 1.2;
}
.datepickercontrol{
    color: #006BB6;
}
.datepicker .fa.fa-chevron-left:before{
    content: "<";
}
.datepicker .fa.fa-chevron-right:before{
    content: ">";
}
.input-group-text{
    display:none;
}
.bootstrap-datetimepicker-widget table td.new, .bootstrap-datetimepicker-widget table td.old {
    color: #006BB6;
}
.bootstrap-datetimepicker-widget table td.disabled{
    color: #fcbdbd!important;
}
.containerCheckbox:hover{
    cursor:pointer;
}
.containerCheckbox{
    padding-left: calc(100vw*(50 / 1920));
    margin-bottom: calc(100vw*(12 / 1920));
    font-size:calc(100vw*(20 / 1920));
    padding-top: calc(100vw*(10 / 1920))!important;
}
.checkmark{
    background-image: url(https://campanie.agros-juice.ro/html/images/unchecked.png);
    width:calc(100vw*(40 / 1920));
    height:calc(100vw*(40 / 1920));
}

.containerCheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-top: 0px;
}

.containerCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none;
}
.checkmark {
    position: absolute;
    left:0px;
    top:0px;
    width:calc(100vw*(30 / 1920));
    height:calc(100vw*(30 / 1920));
    background-image: url(https://campanie.agros-juice.ro/html/images/unchecked.png);
}

.containerCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.containerCheckbox input:checked ~ .checkmark {
    background-color: #f59100;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containerCheckbox input:checked ~ .checkmark:after {
    display: block;
}

.containerCheckbox .checkmark:after {
    width:calc(100vw*(30 / 1920));
    height:calc(100vw*(30 / 1920));
    background-image: url(https://campanie.agros-juice.ro/html/images/checked.png);
}

.containerCheckbox{
    margin: 0px;
    padding: 0px;
    padding-left: 45px;
    padding-top: 4px!important;
}
.containerCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    display: none;
}

.containerCheckbox .checkmark:after,
.container-checkbox .checkmark:after{
    background-image: url(https://campanie.agros-juice.ro/html/images/checked.png);
    width:calc(100vw*(30 / 1920));
    height:calc(100vw*(30 / 1920));
    background-size: cover;
}
/*form*/
/**/
/*winers*/
.argos .winers{
    background-color: #fff;
    color:#006bb6;
}
.argos .winers-holder{
    width: fit-content;
    border-radius: calc(100vw * (46/ 1920));
    background-color: #006bb6;
    color:#fff;
    margin:0 auto calc(100vw * (160/ 1920));
    padding:calc(100vw * (80/ 1920)) calc(100vw * (200/ 1920));
}
.argos .winers-holder p{
    display: block;
    text-align: center;
    width: calc(100vw * (640/ 1920));
    font-size: calc(100vw * (30/ 1920));
    line-height: 1.4;
}
.argos .winers-holder p a{
    color:#fff;
}
/*winers*/
/**/
/*footer*/
.argos footer{
    background-color: #006bb6;
    padding:calc(100vw * (60/ 1920)) calc(100vw * (240/ 1920));
}
.argos footer .ft-text{
    text-align: center;
    font-size: calc(100vw * (18/ 1920));
    line-height: 1.6;
    color: #fff;
    margin-bottom: calc(100vw * (64/ 1920));
}
.argos footer .ft-links{
    display: flex;
    justify-content: center;
    gap:calc(100vw * (10/ 1920));
}
.argos footer .ft-links .ft-link{
    color:#fff;
    display: block;
    width: fit-content;
    text-decoration: none;
    font-size: calc(100vw * (26/ 1920));
    line-height: 1;
}
/*footer*/

.thank-you{
    padding-top:  calc(100vw * (250/ 1920));
    color:#006bb6;
}
.thank-you p{
    font-size:  calc(100vw * (26/ 1920));
}
@media screen and (max-width: 1230px){
    .on-desk{
        display: none;

    }
    .on-mb{
        display: initial;
    }
    .argos .section-title{
        font-size: calc(100vw * (40/ 430));
    }
    /*base*/
    /**/
    /*menu*/
    .menu-top{
        position: fixed;
        z-index: 100;
        background-color: #fff;
        display: flex;
        flex-wrap: wrap;
        padding:calc(100vw * (30/ 430)) calc(100vw * (20/ 430)) calc(100vw * (20/ 430));
        width: 100%;
    }
    .menu-top .logo{
        width: calc(100vw * (120/ 430));
        margin-right: auto;
    }
    .menu-top .logo img{
        width: 100%;
        height: auto;
    }
    .menu-top .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-top .menu-togle  svg{
        width:calc(100vw * (18/ 440));
        height:auto;
    }
    .menu-top .menu-togle svg path{
        stroke:#006bb6;
        stroke-width:calc(100vw * (4/ 440));
    }
    .menu-top .menu-holder:not(.show){
        display: none;
    }
    .menu-top .menu-holder.show{
        display: flex;
        flex-basis: 100%;
        width: 100%;

    }
    .menu-top .menu-holder ul{
        width: fit-content;
        margin-left: 0;
        margin-right: auto;
        flex-direction: column;
        row-gap: calc(100vw * (10/ 430));
    }
    .menu-top .menu-holder ul li:not(:first-child){
        margin-left:0;
    }
    .menu-top .menu-holder a{
        font-size:  calc(100vw * (24/ 430));
        line-height: calc(100vw * (50/ 430));
    }
    /*menu*/
    /**/
    /*home*/
    .argos{
        width: calc(100vw * (430/ 430));
        overflow-x: hidden;
    }
    .home .title-holder{
        padding: calc(100vw * (100/ 430)) calc(100vw * (20/ 430)) calc(100vw * (410/ 430));
        background-image: url(https://campanie.agros-juice.ro/html/images/bg-home-m.png);
        background-position: bottom center;
        background-size: calc(100vw * (430/ 430)) auto;
    }
    .home .title-holder .home-title{
        font-size: calc(100vw * (50/ 430));
        line-height: 1.5;
        text-align: center;
    }
    .home .title-holder .home-title b{
        background-color: #fff;
        padding: 0 calc(100vw * (20/ 430));
        border-radius: calc(100vw * (10/ 430));
    }
    .home .title-holder a,
    .btn-general{
        display: block;
        width: fit-content;
        margin: 0 auto;
        padding: calc(100vw * (20/ 430)) calc(100vw * (50/ 430));
        border-radius: calc(100vw * (20/ 430));
        font-size: calc(100vw * (30/ 430));
        line-height: 1;
        text-transform: uppercase;
        text-decoration: none;
    }
    /*home*/
    /**/
    /*mec*/
    .argos .mec-holder{
        display: flex;
        flex-wrap: wrap;
        width: calc(100vw * (380s/ 430));
        justify-content: space-between;
        row-gap: calc(100vw * (60/ 430));
        margin:0 auto  calc(100vw * (80/ 430));
    }
    .argos .mec-item{
        width: calc(100vw * (380/ 430));
        border-radius: calc(100vw * (12/ 430));
        padding:calc(100vw * (22/ 430))calc(100vw * (10/ 430));
    }
    .argos .mec-item .mec-nr{
        left: 0;
        transform: translatey(-50%);
        border:calc(100vw * (2/ 430)) solid #fff;
        border-radius: 50%;
        width: calc(100vw * (42/ 430));
        font-size: calc(100vw * (16/ 430));
        line-height: calc(100vw * (40/ 430));
    }
    .argos .mec-item p{
        font-size: calc(100vw * (20/ 430));
        line-height: 1.4;
    }
    /*mec*/
    /**/
    /*prem*/
    .argos .prem-holder{
        width: fit-content;
        margin:0 auto  calc(100vw * (80/ 430));
        flex-wrap: wrap;
        padding-top:calc(100vw * (60/ 430));
        row-gap:calc(100vw * (100/ 430));
    }
    .argos .prem-holder .prem-item{
        width: calc(100vw * (400/ 430));
    }
    .argos .prem-holder .prem-item img{
        width: 100%;
        height: auto;
        padding:5%;
    }
    .argos .prem-holder .prem-item .prem-count{
        width: calc(100vw * (80/ 430));
        font-size: calc(100vw * (26/ 430));
        line-height: calc(100vw * (80/ 430));
    }
    .argos .prem-holder .prem-item.prem-1 .prem-count{
        top:10%;
    }
    .argos .prem-holder .prem-item.prem-2 .prem-count{
        top:10%;
    }
    .argos .prem-holder .prem-item .prem-title{
        font-size: calc(100vw * (22/ 430));
        line-height: 1.4;
        padding: calc(100vw * (10/ 430));
        border-radius: calc(100vw * (6/ 430));
    }
    .argos .prem-holder .prem-item.prem-1 .prem-title{
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width:  calc(100vw * (400/ 430));
    }
    .argos .prem-holder .prem-item.prem-2 .prem-title{
        display: block;
        bottom: 12%;
        left: 2%;
        width: fit-content;
    }
    /*prem*/
    /**/
    /*prod*/
    .argos .prod-holder{
        display: flex;
        justify-content: center;
        margin:0 auto  calc(100vw * (80/ 430));
        width: calc(100vw * (400/ 430));
    }
    .argos .prod-holder .prod-item{
        text-align: center;
        /*width: calc(100vw * (290/ 430));*/
    }
    /*scoate ceand pui slider*/
    .argos .prod-holder .prod-item:not(:first-child){
        display: none;
    }
    /*scoate ceand pui slider*/
    .argos .prod-holder .prod-title{
        padding:calc(100vw * (22/ 430)) calc(100vw * (6/ 430));
        border-radius: calc(100vw * (10/ 430));
        font-size: calc(100vw * (22/ 430));
        text-align: center;
        display: block;
    }
    /*prod*/
    /**/
    /*form*/
    .argos .form .section-title {
        line-height: 1.4;
        margin:calc(100vw * (40/ 430)) 0;
    }
    .argos .form-holder{
        width: calc(100vw * (400/ 430));
        margin:0 auto  calc(100vw * (160/ 430));
        gap:calc(100vw * (100/ 430));
        row-gap: calc(100vw * (25/ 430));
    }
    .argos .form-holder .inp{
        width: calc(100vw * (400/ 430));
        border-radius: calc(100vw * (20/ 430));
        padding:0 calc(100vw * (20/ 430));
        font-size: calc(100vw * (22/ 430));
        line-height: calc(100vw * (60/ 430));
        min-height: calc(100vw * (60 / 430));
    }
    .argos .form-holder .validator{
        right: calc(100vw * (40/ 430));
        font-size: calc(100vw * (20 / 430));
        line-height: calc(100vw * (30 / 430));
    }
    .argos .form-holder .captcha{
        margin-right: auto;
    }
    .argos .form-holder .captcha .inp {
        width: calc(100vw * (290 / 430));
    }
    .argos .form-holder .captcha img{
        /*width:  calc(100vw * (160/ 430));*/
        /*height:  calc(100vw * (80/ 430));*/
    }
    .argos .form-holder .captcha .validator{
        right: calc(100vw * (200/ 430));
    }
    .argos .form-holder .form-check-holder label{
        font-size: calc(100vw * (16/ 430));
        margin-left:0px;
    }
    .argos .form-holder .form-send{
        padding: calc(100vw * (30/ 430)) calc(100vw * (100/ 430));
        border-radius: calc(100vw * (20/ 430));
        font-size: calc(100vw * (30/ 430));
    }
    /*form*/
    /**/
    /*winers*/
    .argos .winers-holder{
        border-radius: calc(100vw * (22/ 430));
        margin:0 auto calc(100vw * (80/ 430));
        padding:calc(100vw * (20/ 430)) calc(100vw * (10/ 430));
    }
    .argos .winers-holder p{
        width: calc(100vw * (330/ 430));
        font-size: calc(100vw * (18/ 430));
    }
    /*winers*/
    /**/
    /*footer*/
    .argos footer{
        background-color: #006bb6;
        padding:calc(100vw * (60/ 430)) calc(100vw * (20/ 430));
    }
    .argos footer .ft-text{
        text-align: center;
        font-size: calc(100vw * (18/ 430));
        margin-bottom: calc(100vw * (64/ 430));
    }
    .argos footer .ft-links{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap:calc(100vw * (10/ 430));
    }
    .argos footer .ft-links .ft-link{
        font-size: calc(100vw * (26/ 430));
        text-align: center;
        display: block;
        width: fit-content;
        marin:0 auto;
    }
    /*footer*/

    .checkmark {
        width: calc(100vw * (30 / 430));
        height: calc(100vw * (30 / 430));
    }
    .argos .form-holder .form-check-holder label {
        padding-left: calc(100vw * (40 / 430));
    }
    .containerCheckbox{
        padding-top:0px;
    }
    .menu-top .menu-holder.show{
        padding-top:calc(100vw * (30 / 430));
    }

    .slick-slide img {
        width: 60%;
        margin: 0 auto;
        display:block;
    }
    .thank-you{
        padding-top:  calc(100vw * (150/ 430));
        color:#006bb6;
    }
    .thank-you p{
        font-size:  calc(100vw * (24/ 430));
    }
}