a:hover{
    text-decoration: none;

}
.uk-light{
    outline: none!important;
}
::selection{
    background: transparent;
}
:focus{
    border: 0!important;
}
.uk-link-heading a:hover, .uk-link-toggle:focus .uk-link-heading, .uk-link-toggle:hover .uk-link-heading, a.uk-link-heading:hover{

}
.uk-heading-line>::after, .uk-heading-line>::before {
    content: "";
    position: absolute;
    top: calc(50% - ((.2px + .05em)/ 2));
    width: 2000px;
    border-bottom: 0;
}
.btn:focus{
    border: unset!important;
    box-shadow: unset;
}
:focus{
    box-shadow: unset;
}
span.fa-chevron-down {
    color: white!important;
    text-decoration: none;
}
.arrow {
    text-align: center;
    margin: 0;
    bottom: 5vw!important;
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}
@font-face {
    font-family: 'Neutrafacetext2';
    src: url('assets/font/Neutra2Text-Demi.otf');
}

.footer-title a:hover{
    color: white;

}
@font-face {
    font-family: 'Neutrafacetext2book2';
    src: url('assets/font/Neutra2Text-Book.otf');
}

@font-face {
    font-family: 'Neutrafacetext2book';
    src: url('assets/font/Neutra2Text-Light.otf');
}
@font-face {
    font-family: 'Neutrafacetext2bold';
    src: url('assets/font/Neutra2Text-Bold.otf');
}
@font-face {
    font-family: 'NeutrafaceDisplay';
    src: url('assets/font/Neutra2Display-Titling.otf');
}
@font-face {
    font-family:FontAwesome2;
    src: url('assets/font/fa-solid-900.ttf');
    font-weight: 900;
}
.header {
    height: 100vh;
    background-image: url("assets/img/header.png");
    background-position: center;
    background-size: cover;
}

.slider2 .slick-slide, .slider2 .slick-active{
    padding: 0!important;


}
.slick-slide, .slick-active{
    align-content: center;
}


.slider2 .slick-slide img{
    height: 15vw!important;
}
.card-text{
    height: 6vh;
}
.card-title{
    height: 7vh;
    padding-right: 2.22vh!important;
    margin-bottom: 8px;

}
.brand-space:hover{

}
.uk-slider-container-offset{
    margin: 10px 20px;
}
.uk-slider-container-offset {
     margin:0!important;
    padding: 11px 25px 39px 25px;
}
body{
    overflow-x: hidden;
}
html{
    overflow-x: hidden;

}
.row-brands{
    padding-left: 12.152vw!important;
    padding-right: 8.61vw!important;
}
.logo-row{
   top: 40px;
}

.text-head{
    font-family:NeutrafaceDisplay, sans-serif;
font-size: 7.407vh;
    line-height: 105%;
    text-align: Left;
    vertical-align: Top;
    font-weight:900;
    padding-left: 16.206vh;
}

.text-head-row{
    margin-top: 112px;

}
.p-head{
font-size: 2vw;
line-height: 2.8vw;
text-align: left;
vertical-align: top;
padding-right: 5.83vh;
    word-break: keep-all;
    padding-left: 11.48vh;
    font-family: 'Neutrafacetext2book';
}
.text-head2{
    font-family:'NeutrafaceDisplay';
    color: white;
    font-style: normal;
    font-weight: 900;
    font-size: 7.407vh;
    line-height: 105%;
    -webkit-text-stroke: 2px black;
    padding-left: 16.206vh;
}
.row-sect1{
    margin-top: 140px;
}
.p-sec{
    font-family: 'Neutrafacetext2book';
    padding-left: 11.481vh;
    font-size: 1.5vw;
    line-height: 143%;
    padding-right: 12.91vw;

}
.p-sec2{
    font-family: 'Neutrafacetext2book';
    padding-left: 12.152vw;
    padding-right: 8.61vw;

    font-size: 1.5vw;
    line-height: 143%;

}

.back-black{
    background-color: black;
    padding: 15vh 0;
    margin-top: 139px;
}
.demi{
    font-family: 'Neutrafacetext2';
}
.wrapper{
    width:100%;
    padding-top: 20px;
    text-align:center;
}
h2{
    font-family:sans-serif;
    color:#fff;
}
.carousel{
    width:90%;
    margin:0px auto;
}
.slick-slide{
    margin:10px;
}
.slick-slide img{
    width:100%;
    border: 2px solid #fff;

}
.smoothScroll {
    text-decoration: none;

}



.h3-sec{
    font-family: 'Neutrafacetext2bold';
    font-style: normal;
    font-weight: bold;
    font-size: 2vw;
    line-height: 143%;
    padding-left: 11.482vh;
    padding-right: 16.94vh;
    margin-bottom: 32px;
}
.h3-sec2{
    font-family: 'Neutrafacetext2bold';
    font-style: normal;
    font-weight: bold;
    font-size: 2vw;
    line-height: 128%;
    padding-left: 12.152vw;
    padding-right: 8.61vw;
    margin-bottom: 32px;
}


.back-prod{
    background: #FFFFFF;
    box-shadow: 0 2px 26px rgba(0, 0, 0, 0.08);
    width: 310px!important;
}

.price1{
    background-color: white;
    color: black;
    font-family: 'Neutrafacetext2bold';
    font-size: 24px;
    line-height: 30px;
    padding:8px;
}

.slick-slide img{
    height: 15.74vh;
    width: auto!important;
}

.slider-ct {
    overflow: hidden;
    padding: 0;
    position: relative;
}
.slide-wr {
    position: relative;
    flex-wrap: nowrap;
}
#sec div {
    display: block;
    background-color: #aaecaa;
    padding: 10px 20px;
    float: left;
    margin: 5px 2px;
    transform: translateX(0px);
}
#sec:after {
    content: "";
    display: table;
    clear: both;
}
.slide {

    text-align: center;
    font-size: 22px;
    font-weight: 600;

}
.social-icon:hover{
    transform: translateY(-3%);
}

#back {
    position: absolute;
    top: 45%;
}
#forward {
    position: absolute;
    top: 45%;
    right: 0;
}

.img-prod{
    height: 172px!important;
}

.card{
    border: unset;
}

.card-title{
    font-family:'Neutrafacetext2';
    font-style: normal;
    font-weight: 600;
    font-size: 1.94vh;
    line-height: 143%;
    margin-top: 4.07vh;
    padding-left: 2.22vh!important;
}

.card-text{
    font-family: 'Neutrafacetext2book';
    font-style: normal;
    font-weight: normal;
    font-size: 1.66vh;
    line-height: 150%;
    margin-top: 16px;
    padding-left: 2.22vh!important;
    padding-right: 2.22vh!important;
    color: #828282;
}

.card-img-top{
    margin-top: 35.3px;
}

.card-body{
    padding: 0 1.25rem;
}
.price-icon{
    margin-top: 54px;
}

.card-img-top{
    height: 286px;
    width: auto;
}

.carosello{
    margin-top: -20vh!important;
}
.carousel-inner{
    overflow: unset;
}

.prod{
   min-height: 30.23vw!important;

}

.col-prod{
    padding: 0 12px;
}
.details h4{
    font-family: Neutrafacetext2;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #FFFFFF;
    padding-left: 24px;

}

.details p{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 19px;
    line-height: 30px;
    color: #FFFFFF;
    padding-left: 24px;

}
.hov{
    background-color: white;
    opacity: 0; /* Standard compliant browsers */
    -moz-opacity: 0; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=0); /* For IE8 and earlier */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}
.hov:hover{
 background-color: white;
    opacity: 0.15; /* Standard compliant browsers */
    -moz-opacity: 0.15; /* Firefox and Mozilla browsers */
    -webkit-opacity: 0.15; /* WebKit browser e.g. Safari */
    filter: alpha(opacity=15); /* For IE8 and earlier */

}
.uk-card{
    transform: translateY(0) ;
    transition: 0.3s ease-in-out
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}
.uk-card:hover{
    transform: translateY(-2%) ;
    transition: 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 0.3s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
}
.uk-card-default{
    box-shadow:0 5px 20px rgb(0 0 0 / 5%)
    -webkit-box-shadow: 0 5px 20px #333333 inset;
    -moz-box-shadow: 0 5px 20px #333333 inset;
}

.prod-slider{
    background: #FFFFFF;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.08);
}

.slick-slide, .slick-active{
  padding: 0 6px 0 6px;
}
.slick-slide{
    margin: 12px;
}

.slider-firt{
    margin-top: -20vh;
}
.slick-prev:before {
    content:"\f104" !important;
    color:  #BDBDBD!important;
    font-family: FontAwesome2 !important;
}
.slick-next:before {
    content:"\f105" !important;
    color: #BDBDBD!important;
    font-family: FontAwesome2 !important;
}
.disclamer{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #828282;

}
svg{
    display: none;
}
.slick-slide img{
    border: unset;
}
.uk-card-title{
    height:9vh;
}

.title-slider{
    font-family: Neutrafacetext2bold;
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
    text-align: center;
    color: #161315;
    margin-top: 100px;
    margin-bottom: 73px;

}

.slick-track{
    padding: 10px 0;
}

.banner{
    height: 55vh;
    background-image: url("assets/img/img-new2.jpg");
    background-size: cover;
    background-position: top;

}

.title-prefooter{
    font-family: NeutrafaceDisplay;
    font-style: normal;
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #161315;

}

.h-prefooter{
    font-family: Neutrafacetext2bold;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    text-align: center;
    color: #161315;
}

.m-100{
    margin-top: 100px;
}
.brand-space{
    height: 68px;
    background: #FFFFFF;
    box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.08);
    margin: 15px 32px;
    transition: margin 0.3s;

}

.brand-space:hover{
    margin: 0 20px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);


}

.m-100{
    margin-top: 100px;
}
.brand-space2{
    height: 68px;
    background: #FFFFFF;
    box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.08);
    margin: 0 32px;
    transition: margin 0.3s;
}
.brand-space2:hover{
    margin: 0 20px;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.1);


}

.button-catrice{

}

.btn{
    padding: unset;
    border-radius: unset;

}
.button-catrice p{
    color: white;
    font-family: Neutrafacetext2book;
    font-size: 21px;
    margin-bottom: 0;
    text-align: center;
    padding: 16px 45px;
    background: #161315;
    transition: background-color 0.3s;

}
.button-catrice p:hover{
    color: white;
    font-family: Neutrafacetext2book;
    font-size: 21px;
    margin-bottom: 0;
    text-align: center;
    padding: 16px 45px;
    background: #5f5d5f;

}

footer{
    background-color: #161315;

}

.footer-title{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0.07em;
    font-variant: small-caps;
    color: white;
}

.subtitle-footer{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 30px;


    color: #D46976;
}

.btn-store{
    border: 1px solid white;
}
.btn-store:hover {
    border: 1px solid black;
    background-color: white;
    color: black!important;
}
.store:hover{
    color: black;
}
.footer-title a:hover{
    color: gray!important;
}
.uk-card-title{
    font-family:'Neutrafacetext2'!important;
    font-style: normal!important;
    font-weight: 600!important;
    font-size: 2.3vh!important;
    line-height: 143%;

    color: #333333!important;
}
.uk-card-media-top img{
    height: 24.72vh!important
}
.uk-slidenav{
    color: black!important;
}
.uk-card-body p{
    font-family:Neutrafacetext2book;

    font-size: 1.9vh;
}
.store{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    text-shadow: 20px 10px 50px #FFFFFF;
}
.uk-slidenav{
    color: #bdbdbd!important;
}

.m-64{
    padding-top: 64px;
    padding-bottom: 64px;
}
.price{
    background-color: black;
    color: white!important;
    font-family: Neutrafacetext2bold!important;
    font-size: 2.22vh!important;
    padding:0.74vh;
    margin-top: 5vh;
    margin-bottom: 2.22vh;
    margin-left: 2.22vh;
}
.footer-after{
    background-color: #222222;
}
.uk-card-body p{
    height: 5rem!important;

}
.uk-card-body .price{
    height: unset!important;

}



h5 a{
    color: white;
}
h5.second a, h5.second{
   color: #828282;
}
p.copyright{
    font-family: Neutrafacetext2book;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: #828282;
    margin-top: 21px;
}
.row-brands{
    padding: 0 124px 0 175px; margin-top: 74px;
}
@media  only screen and (min-width: 1600px ) {
    .p-head{

    }
    .uk-slider-container{
        width: 73%!important;
    }

}

@media only screen and (max-width: 1400px)
and (min-height: 768px)
{
    .slider-firt{
        margin-top: unset;
    }
    #header-video{
    }


}
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) {

    .card-title{
        font-size: 1.54vh ;
    }
    .price{
        font-size: 2vh;
    }

    .card-text{
        font-size: 1.4vh;
    }
    .prod-slide{
        width: 150%;
    }
    #header-video{
        height: 100vh!important;
        width: auto!important;
        max-width: unset!important;
    }

}
@media only screen and (max-width:1400px){
    .p-sec2{
        padding-left: 12.15vw!important;
    }
    .h3-sec, .p-sec, .p-head, .text-head, .text-head2{
        padding-left: 12.15vw!important;
    }
    .h3-sec{
        padding-top: 12.15vh ;
        font-size: 4vh;
    } 
    .p-sec{
        padding-bottom: 1vh;
        font-size: 3vh;
    }
    .row-sect1{
        margin-top: 19px;
    }
    #header-video{

    }
    .text-head, .text-head2{
        font-size: 6.0vw!important;
    }
    ::selection{
        background: transparent!important;
    }
    .p-head{
        line-height: 3.8vw!important;
        font-size: 2.3vw!important;
    }
    .h3-sec2{
        font-size: 4vh;
    }
    .p-sec2{
        font-size: 3vh;
    }

}

@media only screen and (max-width:700px){
    #header-video{
        height: 80vh!important;
      width: auto!important;
        max-width: unset!important;
    }
    .title-slider{
        font-size: 28px!important;
        margin-top:10vw!important;
    }

    .text-head2{
        padding-bottom: 64px;
        font-size: 58px!important;
        padding-left: 24px!important;

    }
    .uk-card-body p{
        font-size: 16px!important;

    }
    .uk-card-body .price{
        font-size: 21px!important;
        height: unset!important;

    }
    .uk-card-body p{
        height: 80px!important;

    }
    .uk-card-title {
        font-size: 1.5rem !important;
        line-height: 1.4 !important;
        height: 110px!important;
    }
    .text-head{
        font-size: 58px!important;
        padding-left: 24px!important;
    }
    .p-head{
        padding-left: 24px!important;
        line-height: unset!important;
        font-size: 156% !important;
    }
    .slider-mobile{
        margin-top: -15vh;
    }
    .slick-next{
        right: -8px!important;
        z-index: 99999;
        opacity: 0!important;
    }
    .slick-prev{
        left: -8px!important;
        z-index: 99999;
        opacity: 0!important;
    }
    .slick-slide img{
        height: 165px!important;
    }
    .h3-sec{
    padding-left: 24px!important;
    padding-right: 24px!important;
    font-size: 30px;
        line-height: 143% !important;
}

.p-sec{
    padding-left: 24px!important;
    padding-right: 24px!important;
    font-size: 18px;
    padding-bottom: 0!important;
    margin-bottom: 60px!important;
   line-height: 30px;

}
.h3-sec2{
    font-size: 30px;
    padding-left: 24px;
    margin-top: 15vw;
    line-height: 143% !important;
}
.p-sec2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-size: 18px;
    padding-bottom: 0 !important;
    line-height: 143%;
}

    a {
        color: white;
        text-decoration: none;
    }
    .arrow {
        text-align: center;
        margin: 8% 0;
    }
    .bounce {
        -moz-animation: bounce 2s infinite;
        -webkit-animation: bounce 2s infinite;
        animation: bounce 2s infinite;
    }
    @keyframes bounce {
        0%,
        20%,
        50%,
        80%,
        100% {
            transform: translateY(0);
        }
        40% {
            transform: translateY(-30px);
        }
        60% {
            transform: translateY(-15px);
        }
    }

.row-brands{
    padding: 0 24px 0 24px!important;
}
    .slick-current, .slick-active, .slick-slide{
        margin: 0 60px!important;

}
    .brand-space{
        margin-top: 16px;
    }
    .brand-space2{

        margin: 16px 80px 0px;
    }
    .logo-footer{
        margin-bottom: 50px;
    }

    .second-row{
        margin-top: 53px;
    }
    .row-sect1{
        margin-top: 170px;
    }

}

@media only screen and (max-width: 1188px) {
    .prod{
        height: 60vh!important;
    }
}

@media (min-width: 1200px) {
    .uk-card-body {
        padding: 24px !important;
    }

}
@media  only screen and (min-width: 1500px ) {

    .uk-slider-container{
        width: 90%!important;
    }
}
@media  only screen and (max-width: 1100px ) {

  .banner{
      background-image: url('assets/img/back-center-100.jpg');
      background-size: cover;
      background-position: center;
  }
    .uk-slider-container-offset{
        padding: 11px 21px 39px 21px;
    }
}
@media  only screen and (max-height: 750px ) {
    .arrow{
        top: 98.9vh;
    }
}
@media only screen and (max-width: 600px)
{
    .arrow{
       top: 68vh!important;
    }
}

 @media screen and (max-width: 480px) {

 

div.cf1XPf.cf2L3T.cf3ItN {

    max-height: 100px;

    overflow: auto;

}

}


@media only screen
and (min-width: 1024px)
and (max-height: 1366px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1.5) {
    .uk-card-title{
        font-size: 2vh!important;
    }
    .uk-card-body p{
        font-size: 1.4vh;
    }
}

.boxed-row{
 padding-left: 11.481vh;
    }

   
@media only screen and (max-width: 1400px){
.boxed-row {
   padding-left: 12.15vw!important;
}
}
    @media only screen and (max-width: 700px){
.boxed-row {
    padding-left: 24px!important;

}}