@font-face {

    font-family: 'Financier Display';

    src: url('../font/FinancierDisplay-Regular.woff') format('woff');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}



:root {

  --blue: #324d66;

  --dark_blue: #1a2c3a;

  --light_blue: #4c6e91;

  --light_blue2: #a4c4e0;

  --light_brown: #f7f2f0;

  --light_brown2: #b7ada5;

  --white: #fff;

  --black: #000;

  --light_black: #070707;

  --light-grey: #f2f2f2;

  --light-grey2: #e6e6e6;

  --dark_grey: #2d2d2c;

  --dark_grey3: #191919;

}



body{

    font-family: "Outfit", sans-serif;

}

h1,h2,h3,h4,h5{

    color: var(--light_blue) ;

}

a{

    text-decoration: none;

    color: var(--light_blue);

}

.zoom-animation {

  animation: zoom-in-zoom-out 1s ease infinite;

}

@keyframes zoom-in-zoom-out {

  0% {

    scale: 100%;

  }

  50% {

    scale: 104%;

  }

  100% {

    scale: 100%;

  }

}

.fullHeader{

    position: fixed;

    top: 0;

    width: 100%;

    left: 0;

    z-index: 11;

    background: var(--white);

}

.preheader{

    font-size: 0.75em;

    background: var(--dark_grey);

    color: var(--white);

    padding: 10px 0;

}

.preheader p{

    margin-bottom: 0;

}

.preheader img{

    width: 20px;

    height: auto;

    margin-right: 5px;

}

.preheader a{

    color: var(--light_grey);

}

.preheader a:hover{

    color: var(--white);

}

.main-header{

    -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.2);

}

.img-responsive{

    width: 100%;

    height: auto;

}

.bg-logo{

    padding: 20px 30px;

}

.bg-logo img{

    width: 150px;

    margin: auto;

    display: block;

    max-width:  100%;

}

.noPl{

    padding-left: 0;

}

.cnt-nav{

    float: right;

    padding-right: 50px;

}

.main-nav,.icon-nav{

    float: left;

}

.main-nav ul,.icon-nav ul{

    display: inline-block;

    margin: auto;

    text-align: center;

}

.main-nav ul li{

    display: inline;

    margin: 0 20px;

}

.icon-nav ul li{

    display: inline;

    margin: 0 5px;

}

.main-nav a,.icon-nav a{

    color: var(--dark_grey);

    text-transform: uppercase;

}

.main-nav li.active > a{

    font-weight: bold;

    color: var(--light_blue);

}

.icon-nav{

    border-left: 1px solid var(--black);

}

.nav-shop{

    margin-left: 30px;

}

.nav-shop li img{

    max-width: 20px;

}

.nav-shop li.cart{

    position: relative;

}

.n_items{

    position: absolute;

    bottom: -6px;

    right: -8px;

    background: var(--black);

    color: var(--white);

    font-size: 0.6em;

    font-weight: bold;

    border-radius: 50%;

    width: 15px;

    z-index: 2;

    height: 15px;

    text-align: center;

    align-content: center;

}

.custom-navigation{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 90%;

    z-index: 10;

}

.custom-navigation-gallery{

    height: 100%;

    position: absolute;

    left: 50%;

    top: 0;

}

.custom-navigation .flex-prev,.custom-navigation-gallery-proj .flex-prev{

    background: url(../images/left-arrow.png) no-repeat;

    width: 122px;

    height: 50px;

    background-size: cover;

    text-indent: -9999px;

    display: inline-block;

    float: left;

}

.custom-navigation .flex-next,.custom-navigation-gallery-proj .flex-next{

    background: url(../images/right-arrow.png) no-repeat;

    width: 122px;

    height: 50px;

    background-size: cover;

    text-indent: -9999px;

    display: inline-block;

    float: right;

}

.custom-navigation-gallery .flex-next{

    background: url(../images/right-arrow-bk.png) center no-repeat;

    width: 60px;

    height: 50px;

    background-size: contain;

    text-indent: -9999px;

    display: inline-block;

    float: left;

    position: absolute;

    bottom: 10%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(90deg);

}

.custom-navigation-gallery .flex-prev{

    background: url(../images/left-arrow-bk.png) center no-repeat;

    width: 60px;

    height: 50px;

    background-size: contain;

    text-indent: -9999px;

    display: inline-block;

    position: absolute;

    float: right;

    top: 10%;

    left: 50%;

    transform: translate(-50%, -50%) rotate(90deg);

}

.gallery-product-full .custom-navigation .flex-next,.custom-navigation-gallery-proj .flex-next{

    background: url(../images/right-arrow-bk.png) no-repeat right;

    width: 80px;

    height: 50px;

    background-size: cover;

}

.custom-nav-gallery-single-proj .flex-prev{

    background: url(../images/left-arrow-bk.png) no-repeat left;

    text-indent: -9999px;

    width: 80px;

    height: 50px;

    float: left;

}

.custom-nav-gallery-single-proj .flex-next{

    background: url(../images/right-arrow-bk.png) no-repeat right;

    text-indent: -9999px;

    width: 80px;

    height: 50px;

    float: right;

}

.gallery-product-full .custom-navigation .flex-prev,.custom-navigation-gallery-proj .flex-prev{

    background: url(../images/left-arrow-bk.png) no-repeat left;

    width: 80px;

    height: 50px;

    background-size: cover;

}

.gallery-product,.gallery-product-full,.slider-home li,.slider-cnt{

    position: relative;

}

.slider-home{

    overflow: hidden;

}

.slider-home .overlay-bg, .bg-banner .overlay-bg, .focus .overlay-bg {

    width: 100%;

    height: 100%;

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}

.overlay-cat{

    background: rgba(45,45,44,0.6);

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    color: var(--white);

}

.overlay-cat .content-prod h3{

    color: var(--white);

}

.overlay-cat .content-prod {

    border-color: var(--white);

    justify-content: space-between;

}

.overlay-cat .abs-cat{

    position: absolute;

    bottom: 10%;

    left: 50%;

    transform: translate(-50%, -10%);

    width: 80%;

    animation: .2s;

}

.cats-slide .single-cat-slide{

    position: relative;

}



.cats-slide a:hover .overlay-cat{

    background: rgba(45,45,44,0.4);

}

.overlay-bg-dark{

    background: rgba(0, 0, 0, 0.65)!important;

}

.cnt-overlay{

    width: 30%;    

    color: var(--dark_grey);

}

.cnt-overlay h1{

    font-size: 4em;

    color: var(--dark_grey);

    margin-bottom: 20px;

}

.cnt-overlay .subtitle-overlay{

    font-size: 1.3em;

    font-weight: 300;

    margin-bottom: 40px;

}

.carousel-cat{

    width: 50%;

}

.border-w-btn{

    border: 1px solid var(--white);

    color: var(--white);

    padding: 10px 20px;

    display: inline-block;

    margin: auto;

    font-size: 0.8em;

    letter-spacing: 3px;

    position: relative;

    overflow: hidden;

    transition: .4s;

}

.border-w-btn::before{

    position: absolute;

    left: -100%;

    top: 0;

    z-index: 0;

    content: '';

    width: 100%;

    height: 100%;

    background: var(--white);

    transition: .4s;

}

.border-w-btn:hover::before{

    left: 0;

}

.border-w-btn:hover{

    color: var(--light_black);

}

.border-w-btn span{

    z-index: 1;

    position: relative;

}

.border-b-btn{

    border: 1px solid var(--blue);

    color: var(--blue);

    padding: 10px 20px;

    display: inline-block;

    margin: auto;

    font-size: 0.8em;

    letter-spacing: 3px;

    position: relative;

    overflow: hidden;

    transition: .4s;

    background: none;

}

.border-b-btn::before{

    position: absolute;

    left: -100%;

    top: 0;

    z-index: 0;

    content: '';

    width: 100%;

    height: 100%;

    background: var(--blue);

    color: var(--white);

    transition: .4s;

}

.border-b-btn:hover::before{

    left: 0;

}

.border-b-btn:hover{

    color: var(--white);

}

.border-b-btn span{

    z-index: 1;

    position: relative;

}

.blue-btn{

    color: var(--white);

    background: var(--blue);

    padding: 10px 20px;

    display: inline-block;

    margin: auto;

    font-size: 0.8em;

    letter-spacing: 3px;

    position: relative;

    overflow: hidden;

    border: 1px solid var(--blue);

    transition: .4s;

}

.blue-btn.classic-btn:hover,.amount-wallet:hover{

    border:1px solid var(--blue);

    background: none;

    color: var(--blue);

}

.classic-r-btn{

    border: 1px solid #5b1515;

    padding: 5px 10px;

    display: inline-block;

    margin: auto;

    font-size: 0.8em;

    letter-spacing: 3px;

    color: #5b1515;

    font-weight: bold;

}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{

    background: var(--blue);

    border: 1px solid var(--blue);

    font-size: 0.8em;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-weight: normal;

    transition: .4s;

    border-radius: 0;

}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{

    border: 1px solid var(--blue);

    background: none;

    color: var(--blue);

}

.cnt-focus-section .black-btn{

    border:0;

}

.blue-btn::before{

    position: absolute;

    left: -100%;

    top: 0;

    z-index: 0;

    content: '';

    width: 100%;

    height: 100%;

    background: var(--light_brown);

    transition: .4s;

}

.blue-btn:hover::before{

    left: 0;

}

.blue-btn:hover,.open-search-archive:hover i{

    color: var(--blue);

}



.cta-campioni .black-btn{

    border: 1px solid var(--black);

}

.cta-campioni .black-btn::before {

    background: var(--light_brown);

}



.blue-btn span{

    z-index: 1;

    position: relative;

}

.filter-btn,.cart-btn{

    cursor: pointer;

    text-align: center;

    margin-bottom: 20px;

}

.cart-btn{

    float: left;

    text-transform: uppercase;

}
.cnt-cart .cart-btn, .cnt-cart .quantity input{
    font-size: 1.2em;
}
.cart-btn span em{
    display: block;
    font-size: 0.5em;
    font-style: normal;
    margin-top: -5px;
    font-weight: bold;
}
.black-btn.filter-btn:hover,.black-btn.cart-btn:hover{

    color: var(--white);

}

.black-btn.filter-btn::before,.black-btn.cart-btn::before{

    background: var(--light_brown);

}

.white-btn{

    color: var(--dark_blue);

    background: var(--white);

    padding: 10px 20px;

    display: inline-block;

    margin: auto;

    font-size: 0.8em;

    letter-spacing: 3px;

    overflow: hidden;

    transition: .4s;

    position: relative;

}

.white-btn::before{

    position: absolute;

    left: -100%;

    top: 0;

    z-index: 0;

    content: '';

    width: 100%;

    height: 100%;

    background: var(--dark_blue);

    transition: .4s;

}

.white-btn:hover::before{

    left: 0;

}

.white-btn:hover{

    color: var(--white);

}

.white-btn span{

    z-index: 1;

    position: relative;

}

.withPd{

    padding: 80px 0;

}

.withPdTB{

    padding-top: 80px;

    padding-bottom: 80px;

}

.cta-link{

    font-weight: bold;

    font-size: 0.8em;

    letter-spacing: 3px;

}

.slick-next{

    border: 0;

    background: transparent url(../images/right-arrow-bk.png) no-repeat right;

    width: 50px;

    height: 30px;

    text-indent: -9999px;

    display: block;

    background-size: cover;

    top: 50%;

    right: 20px;

    position: absolute;

    z-index: 2;

}

.cats-slide .slick-next{

     background: transparent url(../images/right-arrow.png) no-repeat right;

}

.featured-slide .slick-next,.outlet-slide .slick-next{

    right: -45px;

}
.featured-slide{
    opacity: 0;
    transition: .7s;
}
.slick-prev{

    border: 0;

    background: transparent url(../images/left-arrow-bk.png) no-repeat left;

    width: 50px;

    height: 30px;

    text-indent: -9999px;

    display: block;

    background-size: cover;

    top: 50%;

    left: 20px;

    position: absolute;

    z-index: 2;

}

.cats-slide .slick-prev{

     background: transparent url(../images/left-arrow.png) no-repeat left;

}

.featured-slide .slick-prev,.outlet-slide .slick-prev{

    left: -45px;

}

.outlet-slide{

    padding-bottom: 0;

}

.center-carousel a,.featured-slide a,.outlet-slide a,.chances-slide a,.feature-slide a{

    display: inline-block;

    padding: 0 20px;

    position: relative;

}

.cats-slide .slick-slide{

    padding: 0 20px;

}

.content-prod,.single-draws{

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: flex-start;

    border-bottom: 2px solid var(--dark_grey);

}

li.product .single-lottery .content-prod img{

    width: 30px!important;

}

.single-draws{

    border: 0;

    padding: 10px;

}

.content-draws{

    width: 100%;

}

.content-draws h3{

    border-bottom: 2px solid var(--dark_grey);

    margin-bottom: 0;

    color: var(--black);

    font-size: 1em;

    padding-bottom: 8px;

}

.content-progress{

    display: flex;

    gap: 20px;

    align-items: center;

    justify-content: flex-start;

    padding: 10px 0;

}

.content-progress .progress{

    width: 85%;

    position: relative;

}

.title-cat{

    font-size: 1.5em;

    border-bottom: 1px solid var(--white);

    color: var(--white);

    position: absolute;

    bottom: 20px;

    left: 40px;

    width: 75%;

    line-height: 35px;

}

.title-cat div{

    font-size: 2em;

    margin-top: -10px;

    padding-bottom: 10px;

}

.list-real{

    margin-bottom: 20px;

}

.single-rec{

    margin-bottom: 50px;

}

.list-real .title-cat div{

    font-size: 1.6em;

}

.center-carousel div.slick-slide:hover img,.featured-slide div.slick-slide:hover img, .outlet-slide div.slick-slide:hover img,.cnt-thumb:hover img,.list-real:hover img{

    filter: grayscale(100%);

    -webkit-filter: grayscale(100%);

    -webkit-transition: all 1s ease;

}

.borderBt{

    border-bottom: 2px solid var(--black);

}

.etichetta{

    font-size: 0.7em;

    letter-spacing: 2px;

    color: var(--light_blue);

    padding-top: 10px;

    text-transform: uppercase;

    font-weight: bold;

}

.abs-cat .etichetta{

    color: var(--white);

}

.single-rec a h3,.single-rec a p{

    color: #212529;

}

.content-product{

    padding-bottom: 10px;

}

.content-product h3{

    margin-bottom: 0;

    color: var(--black);

    font-size: 1.3em;

}

.content-product .price-product{

    font-weight: bold;

}

.lightBgBrown{

    background:  var(--light_brown);

}

.bgBlue{

    background: var(--blue);

}

.focus-how{

    color: var(--white);

}

.single-how{

    display: flex;

    flex-direction: column;

}



.single-how img{
    margin-bottom: 10px;
}
.home .single-how img{
    display: block;
    margin: 0 auto 10px auto;
}
.vertical-how .single-how{

    display: flex;

    gap: 20px;

    flex-direction: row;

    align-items: center;

}

.desc-outlet{

    display: flex;    

    gap: 20px;

    align-items: center;

    justify-content: space-between;

}

.desc-outlet p{

    margin-bottom: 0;

}

.cnt-thumb{

    position: relative;

    margin-bottom: 10px;

}

.etichetta-disp{

    background: rgba(0,0,0,0.55);

    color: var(--white);

    position: absolute;

    bottom: 10px;

    left: 0;

    z-index: 2;

    font-size: 0.6em;

    padding: 5px 10px;

}

.bg-banner{

    position: relative;

}

.bg-banner p.subtitle-overlay{

    margin-bottom: 0;

}

.bg-banner h2{

    font-size: 2.5em;

}

.archive-search{

    padding: 30px 0;

    display: none;

}

.open-search-archive{

    text-transform: uppercase;

    cursor: pointer;

}

.search-banner input,.search-banner select{

    background-color: var(--white)!important;

    border-radius: 30px;

    padding: 10px 20px;

}

.search-banner{

    background: #f2eeed;

}

.search-banner form{

    display: flex;

    align-items: center;

    gap: 20px;

    flex-wrap: wrap;

    justify-content:    center;

}

.search-banner-home form{

    flex-wrap: nowrap;

}

.search-banner:not(.search-banner-home) form input[type=text],.search-banner:not(.search-banner-home) form select{

    width:  16%;

}

.search-banner .only_with_countdown{

    flex:  0 0 200px;

}

.search-banner .only_with_countdown input{

    padding:    0;

}

.search-banner .sendSearch{

    background: var(--light_blue);

    color: var(--white);

    border: 0;

    width: 44px;

    height: 44px;

    border-radius: 50%;

    aspect-ratio: 1 / 1;

}

.search-banner .keywordSearch{

    min-width: 300px;

    max-width: 100%;

    padding: 10px 20px;

}

.search-banner .cnt-overlay{

    width: 100%;

}

.noPd{

    padding: 0;

}

.focus{

    overflow: hidden;

}

.cnt-focus-section{

    position: relative;

}

.cnt-focus-section p{

    font-weight: 300

}

.main-footer{

    background: var(--dark_grey);

    font-size: 0.8em;

    color: var(--light-grey2);

    padding: 40px 0;

}

.main-footer h5{

    letter-spacing: 3px;

    font-weight: bold;

    font-size: 1em;

    color: var(--light-grey);

}

.main-footer a{

    color: var(--white);

}

.main-footer ul{

    list-style-type: none; 

    padding-left: 0;

}

.main-footer .social-nav li{

    display: inline-block;

    margin-right: 5px;

}

.postfooter{

    padding: 15px 0;

    background: var(--dark_grey3);

}

.postfooter a{

    display:block;

    margin: auto;

    width: 80px;

    text-align: center;

}

.icon-menu{

    font-size: 1.3em;

    cursor: pointer;

}

.icon-nav ul li.icon-menu{

    display: none;

}

.focus-1{

    background: url(../images/bg-focus1.jpg) no-repeat;

    background-size: cover;

    min-height: 500px;

}

.focus-2{

    background: url(../images/bg-focus2.jpg) no-repeat;

    background-size: cover;

    min-height: 500px;

}



/*mega menu*/



/*mega menu*/
.main-item > a > i{
    visibility: hidden;
}
.main-nav > ul > li > .sub-menu,.main-nav > div > ul > li > .sub-menu{

    position: fixed;

    right: 0;

    top: 12%;

    width: 100%;

    height: auto;

    background: rgba(255,255,255,0.95);

    z-index: 3;

    padding: 20px 0;

    justify-content: center;

    font-size: 0.85em;

    flex-wrap: wrap;

    opacity:  0;

    transition: .3s;

    display:  none;

    border-bottom: 1px solid #f2f2f2;

    border-top: 1px solid #f2f2f2;

}

.main-nav > ul > li > .sub-menu li,.main-nav > div > ul > li > .sub-menu li{

    display: block;

    float: none;

    margin: 0 30px;

    text-align: left;

}

.main-nav > ul > li > .sub-menu > li > a , .main-nav > div > ul > li > .sub-menu > li > a{

    text-transform: uppercase;

    font-weight: bold;

}

.main-nav > ul > li > .sub-menu .sub-menu, .main-nav > div > ul > li > .sub-menu .sub-menu{

    display: block;

    text-align: left;

}

.main-nav > ul > li > .sub-menu > li > .sub-menu, .main-nav > div > ul > li > .sub-menu > li > .sub-menu{

    padding-left: 0;

}

.main-nav > ul > li > .sub-menu > li > .sub-menu li, .main-nav > div > ul > li > .sub-menu > li > .sub-menu li{

    margin: 0;

}

.main-nav > ul > li > .sub-menu > li > .sub-menu > li > a, .main-nav > div > ul > li > .sub-menu > li > .sub-menu > li > a{

    color: var(--brown);

}

.main-nav > ul > li > .sub-menu .sub-menu .sub-menu, .main-nav > div > ul > li > .sub-menu .sub-menu .sub-menu{

    display: none;

}

.close-mobile,.logo-nav{

    display:    none;

}

.overflow-hidden{

    overflow-y: hidden;

}

.breadcrumbs{

    font-size: 0.8em;

    color: var(--white);

}

.breadcrumbs a{

    color: var(--white);

    font-weight: bold;

}

.bread-cnt{

    padding: 20px 0;

}

.bread-cnt .breadcrumbs{

    color: var(--dark_grey);

}

.bread-cnt .breadcrumbs a{

    color: var(--black);

}

.bread-cnt .breadcrumbs p{

    margin-bottom: 0;

}

.single-prodotto{

    display: block;

}

.products .single-prodotto{

    margin-bottom: 40px;

}

.single-filter{

    margin-bottom: 20px;

}

.single-filter > label{

    border-bottom: 1px solid var(--light_brown);

    display: block;

    padding-bottom: 5px;

    margin-bottom: 10px;

}

.single-filter input[type="checkbox"],input[type="checkbox"],input[type="radio"]{

    appearance: none;

    border: 1px solid var(--light_brown2);

    width: 15px;

    height: 15px;

    cursor: pointer;

}

input[type="radio"]{

    border-radius: 50%;

}

.single-filter input[type="checkbox"]:checked,input[type="checkbox"]:checked,input[type="radio"]:checked{

    background: url(../images/checked.png) no-repeat center;

    background-size: cover;

}

.single-filter .color1 > span{

    background: var(--light_brown);

}

.single-filter .colors{

    display: none;

}

.filter-btn-xs{

    display: none!important;

}

.color2 span{

    background: #b6976b;

}

.single-filter label > span{

    display: inline-block;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    border: 1px solid var(--light_brown);

    padding: 3px;

}

.all-colors{

    display: flex;

}

.filter-color{    

    margin-right: 10px;

}

.filter-color span span{

    background: #b6976b;

    width: 100%;

    height: 100%;

    display: block;

    border-radius: 50%;

}

.single-filter .active-color{

    border-color: var(--light_brown);

}

.all-filters{

    display: block;

}

.form-group.noBg{

    background: none;

}

button.filter-btn,button.cart-btn{

    border: 0;

    display: inline-block;

}

.cnt-cart{

    width: 100%;

    margin: auto;

    text-align: center;

}

.cnt-cart .variations_form.cart{

    display: block;

}

.cnt-cart form input{

    font-size: 0.8em;

    padding: 8px 20px

}
.woocommerce div.product form.cart div.quantity{
    margin: 0 0 5px 0;
}
.white-btn.cart-btn{width: 100%;margin-top:     5px}
.cnt-cart .variations select{

    color: var(--white);

    border: 1px solid var(--white);

    margin: 0 10px;

}
.woocommerce div.product form.cart div.quantity{
    float:  none;
}
.cnt-cart .variations select option{

    color: var(--light_black);

}

.cnt-cart .quantity input[type="number"]{

    width: 100%;

    background: none;

    border: 1px solid var(--white);

    color: var(--white);

}

.cnt-cart input::placeholder {

    color: var(--white);

}

.cnt-cart .reset_variations{

    color: var(--light-grey2);

}

.cnt-cart .variations{

    margin-bottom: 5px;

}

.ovHid{

    overflow: hidden;

}

.single-tab .etichetta,.single-download{

    border-bottom: 1px solid var(--light-grey);

    padding: 10px 0;

    cursor: pointer;

    color: var(--black);

}

.single-tab span,.single-download span{

    float: right;

}

.single-download .etichetta{

    padding-top: 0;

}

.single-tab .content-tab{

    display: none;

    padding: 20px 0;

    font-size: 0.8em;

    color: var(--light_black);

}

.cta-campioni{

    background: var(--light_brown);

    padding: 40px;

    margin: 50px 0;

    display: flex;

    gap: 20px;

}

.cta-campioni img{

    width: 70px;

    height: auto;

    align-self: flex-start;

}

#carousel{

    margin-bottom: 0;

}

#carousel li{

    margin-right: 0!important;

    margin-bottom: 10px;

    float: none!important;

    opacity: 0.8;

}

#carousel-proj li{

    opacity: 0.8;

}

#carousel li.flex-active-slide,#carousel-proj li.flex-active-slide,#carousel-single-proj{

    opacity: 1;

}

#carousel-single-proj{

    margin-bottom: 0;

    border: 0;

    background: none;

}

#carousel .flex-viewport{

    height: 670px;

}

.related,.related-title{

    padding-top: 40px;

}

.related.products h2{

    margin-bottom: 40px;

    text-align: center;

}

.cnt-download{

    margin-bottom: 20px;

}

#slider{

    margin-bottom: 10px;

}

.single-price-product{

    font-size: 1.6em;

    color: var(--light_brown);

    font-weight: 500;

    margin-bottom: 10px;

}

.single-price-product span{

    font-size: 0.5em;

}

.list-real{

    position: relative;

    display: block;

}

.single-rec{

    gap: 20px;

    display: flex;

    align-items: center;

}

.stars i {

    color: var(--light_brown);

}

.title-cat .etichetta{

    color: var(--white);

    text-transform: uppercase;

    font-size: 0.5em;

    font-weight: normal;

}

.withPdTB-xs{

    padding-top: 40px;

    padding-bottom: 80px;

}

.content-slider-proj,.content-nav-proj{

    position: relative;

}

.content-slider-proj .flexslider{

    margin-bottom: 0;

}

.custom-navigation-gallery-proj,.custom-nav-gallery-single-proj{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 90%;

    zoom:0.8;

    z-index: 10;

}

.icon-proj{

    display: block;

}

.single-item-proj{

    padding: 20px 0;

    border-bottom: 1px solid var(--light-grey2);

}

.noBB{

    border-bottom: 0;

}



/*STEPS FORM*/



.stepwizard-step p {

    margin-top: 0px;

    color:#666;

}

.stepwizard-row {

    display: table-row;

}

.stepwizard {

    display: table;

    width: 100%;

    position: relative;

}

.stepwizard-step button[disabled] {

    /*opacity: 1 !important;

    filter: alpha(opacity=100) !important;*/

}

.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {

    opacity:1 !important;

    color:#bbb;

}

.stepwizard-row:before {

    top: 14px;

    bottom: 0;

    position: absolute;

    content:" ";

    width: 100%;

    height: 1px;

    background-color: #ccc;

    z-index: 0;

}

.stepwizard-step {

    display: table-cell;

    text-align: center;

    position: relative;

}

.btn-circle {

    width: 30px;

    height: 30px;

    text-align: center;

    padding: 6px 0;

    font-size: 12px;

    line-height: 1.428571429;

    border-radius: 15px;

    background: var(--white);

}

#consulting-form{

    background: var(--light_brown);

    padding: 80px 20px;

}

.form-group{

    background: #F2EBE7;

    padding: 20px 10px;

    margin-bottom: 5px;

}

*:focus{

    outline:0;

}

#consulting-form button{

    margin: 0 5px;

}

#consulting-form .black-btn,#consulting-form .btn-success{

    border: 1px solid var(--black);

}

#consulting-form .black-btn::before{

    background: var(--light_brown);

}

#consulting-form .btn-success{

    background: var(--black);

}

fieldset{

    padding: 5px 0;

}

select,input[type="text"],input[type="date"],input[type="text"],input[type="email"],textarea,input[type="tel"]{

    padding: 10px;

    background: var(--light_brown);

    border: 1px solid var(--light_brown);

    width: 100%;

}

input[type="date"]{

    background: none;

}

.hideField{

    display: none;

    margin: 10px 0;

}

select{    

  padding: 10px 40px 10px 10px;

  background: url(../images/arrow-down.png) no-repeat;

  background-size: 25px;

  background-position: center right;

  appearance: none;

}

.btn-success,.stepwizard .btn:hover{

    background: var(--light_brown);

    border-color: var(--light_brown);

    color: var(--white);

}

.withPdT{

    padding-top: 40px;

}

.backIcon{

    background: none;

    border: 0;

    font-size:  2em;

    margin-bottom:  20px!important;

}

.info-extra{

    font-size: 0.8em;

    padding: 20px 0;

    padding-top: 0;

    display: none;

    color: var(--light_brown);

}

.panel-title{

    align-items: center;

    display: flex;

    gap: 10px;

    text-align: center;

    justify-content: center;

}

.panel-title i{

    font-size:  0.5em;

    cursor: pointer;

}

.panel-title i:hover{

    color:  var(--light_brown);

}

.bg-success{

    background-color: #7d9883!important;

}

.text-success-dark{

    color: #526354 !important;

    padding: 0 5px;

    position: absolute;

    top: 50%;

    left: 10px;

    transform: translate(0, -50%);

}

.text-success{

    color: #7d9883!important;

    margin-bottom: 0;

    line-height: 15px;

}

.bg-warning{

    background-color: #de9250!important;

}

.text-warning-dark{

    color: #a56438 !important;

    padding: 0 5px;

    position: absolute;

    top: 50%;

    left: 10px;

    transform: translate(0, -50%);

}

.text-warning{

    color: #de9250!important;

    margin-bottom: 0;

    line-height: 15px;

}

.text-success,.text-warning{

    font-size: 0.85em;

}

.bg-danger{

    background-color: #db5a5a!important;

}

.text-danger{

    color: #db5a5a!important;

    margin-bottom: 0;

    line-height: 15px;

    font-size: 0.85em;

}

.progress, .progress-stacked{

    background-color: #f4f0ef!important;

    height: 40px;

}



.countdown{

    font-size: 14px;

    width: 85%;

    text-align: right;

}

.countdown.blue-count{

    width: auto; 

    margin-left: 10px;

    text-align: right;

}

.countdown > span{

    height: 40px;

    width: 40px;

    padding: 5px;

    display: inline-block;

    text-align: center;

    line-height: 5px;

    border-radius: 5px;

    font-size: 14px;

}

.countdown span {

    margin-left: 5px;

    color: var(--white);

    align-content: center;  

    font-size: 12px;  

}



.countdown.warning span{

    background: #de9250;

}



.countdown.expiring span{

    background: #db5a5a;

}

.countdown span:first-of-type {

    margin-left: 0;

}

.single-draws .thumb-draws{

    width: 100px;

    height: auto;

}

.list-draws .single-draws:nth-child(even){

    background: var(--light_brown);

}

.list-draws .single-draws:nth-child(odd){

    background: none;

}

.search-header{

    float: left;

    position: relative;

   

}

.search-header input[type="text"]{

    background: var(--light_brown);

    color: var(--light_brown2);

    border-radius: 25px;

    border:0;

    padding: 10px 20px;

}

.search-header button{

    position: absolute;

    right: 10px;

    border: 0;

    top: 50%;

    background: none;

    transform: translate(10px, -50%);

    color: var(--grey);

}

.cnt-search{

    margin: 0 10px;

}

.close-search{

    display: none;

}

.all-nav{

    float: right;

    /*padding-right: 50px;*/

    display: flex;

    align-items: center;

}

.boost{

    background: var(--light_blue);

    color: var(--light_blue2);

    position: relative;

    display: flex;

    justify-content: space-between;

    gap: 20px;

    height: 94px;

}

.boost::before{

    position: absolute;

    left: -49px;

    top: 0;

    width: 50px;

    height: 100%;

    z-index: 1;

    content: '';

    background: url(../images/left-border.png) no-repeat right;

    background-size: contain;

}

.boost::after{

    position: absolute;

    right: -49px;

    top: 0;

    width: 50px;

    height: 100%;

    z-index: 1;

    content: '';

    background: url(../images/right-border.png) no-repeat left;

    background-size: contain;

}

.boost .green-circle{   

    background: #c2c26c;

    color: var(--white);

}

.boost .red-circle{

    background: #db5a5a;

    color: var(--white);

}

.boost .orange-circle{

    background: #de9250;

    color: var(--white);

}

.boost .circle-product{

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -80px;

    margin-left: -80px;

    display: flex;

    flex-direction: column;

    gap: 7px;

    justify-content: center;

    align-items: center;

    padding: 20px;

    width: 160px;

    height: 160px;

    border-radius: 50%;

    font-size: 0.8em;

    text-align: center;

    border: 5px solid var(--white);

    line-height: 15px;

    transform-origin: center;

}

.content-text{

    background: var(--blue);

    color: var(--white);

    padding: 5px 10px;

    border-radius: 10px;

    margin-top: 5px;

}

.blue-count span{

    background: var(--blue);

}

.content-text a{

    color: var(--white);

}

.avaiability,.categories{

    width: 40%;

    display: flex;

    align-items: center;

    justify-content: center;

}

.categories{

    justify-content: end;

}

.categories-double{

    gap: 20px;

}



.section-winner h3,.section-winner h4{

    color: var(--fff);

}

.section-winner h4.first-place{

    color: #c2c26c;

    border-bottom: 1px solid #1c3547;

    display: inline-block;

    padding-bottom: 10px;

}

.avaiability i,.categories i{

    margin-right: 5px;

}

.avaiability .content-progress{

    flex-direction: column-reverse;

    align-items: flex-start;

    gap: 5px;

    padding: 20px;

    flex-grow: 4;

}
.avaiability .content-progress .countdown{
    width: 100%;
    text-align: left;
}
.avaiability .content-progress > p{

    color: var(--blue)!important;

    text-align: left;

    width: 100%;

}
.avaiability .content-progress > p.text-danger{
    color:#db5a5a!important;
}
.avaiability .content-progress > p.text-warning{
    color:#de9250!important;
}
.avaiability .content-progress .progress {

    background-color: var(--blue)!important;

    width: 100%;

}

.avaiability .content-progress .progress p{

    color: var(--white)!important;

    font-size: 1.3em;

}

.section-cart{

    color: var(--white);

    background-image: url(../images/pattern-dark.png);

    background-repeat: no-repeat;

    background-position: center;

    background-size: cover;

}

.section-cart h3,.section-cart h4{

    color: var(--white);

}

#hidden{

    width: 100%;

    height: 100%;

    background: rgba(0,0,0,0.9);

    position: fixed;

    z-index: 15;

    display: none;

    top: 0;
    left:   0;
}

#hidden .content-hidden{

    background: var(--white);

    width: 50%;

    padding: 50px;

    min-height: 50%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    text-align: center;
    align-content: center;

}

.content-hidden i{

    font-size: 3em;

    margin-bottom: 20px;

}

.content-hidden .blue-btn::before,.open-search-archive::before{

    background-color: var(--white);

}

.icon-nav ul li.icon-search{

    display: none;

}

.woocommerce div.product div.images{

    float: none;

    margin: auto auto 50px auto;

}

.single-product .breadcrumbs{

    text-align: center;

}

.woocommerce div.product div.summary{

    width: 100%;

    float: none;

}

.woocommerce .quantity .qty {

    width: 100%;

    text-align: center;

    background: none;

    color: #fff;

    border: 0;

}

.woocommerce .product-quantity .quantity .qty{

    color: initial;

    width: auto;

    text-align: left;

}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{

    width: 40%;

}

.woocommerce div.product div.summary{

    margin-bottom: 0;

}

.loading-draw{

    font-size: 1.3em;

}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {

    float: none!important;

    margin: 0;

    padding: 0;

    position: relative;

    width: calc(25% - 20px);

    /* margin-left: 0; */

}

.woocommerce .products ul, .woocommerce ul.products {   

    display: flex;

    flex-wrap: wrap;

    gap:20px;

}

.woocommerce-page ul.products li:first-child{

    margin-left: 0;

}

.woocommerce-page ul.products li:last-child{

    margin-right: 0;

}

.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{

    display: none;

}

.ywf-partial-payment-box{

    padding: 20px 0!important;

}

.woocommerce-input-wrapper input[type="checkbox"],.wc_payment_methods input[type="radio"]{

    border:1px solid var(--dark_grey);

}

.amount-wallet{   

    background: var(--blue);

    border: 1px solid var(--blue);

    font-size: 0.9em;

    display: inline-flex;

    gap: 5px;

    align-items: center;

    color: var(--white);

    padding: 5px 10px;

    letter-spacing: 3px;

    font-size: 0.8em;

    animation: .2s;

}

.amount-wallet i{

    font-size: 1.2em;

}

.amount-wallet num{
    font-size: 1.4em;
}
.amount-wallet em{
    font-style: normal;
    text-align: left;
    line-height: 12px;
    font-size: 0.8em;
}
.woocommerce .cart .button, .woocommerce .cart input.button{

    font-weight: normal;

    letter-spacing: 3px;

    text-transform: uppercase;

    font-size: 0.8em;

    padding: 13px 10px!important;

    border-radius: 0;

}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{

    padding: 13px 10px;

}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {

    width: 150px;

}

.woocommerce-MyAccount-navigation ul{

    list-style-type: none;

    padding-left:   0;

}

.woocommerce-MyAccount-navigation ul li{

    padding: 10px;

}

.woocommerce-MyAccount-navigation ul li:nth-child(even){

    background: var(--light_brown);

}

.yith-funds-shortcode-inline,.yith-funds-shortcode-badge{

    background: var(--light_brown)!important;

}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {

    font-weight: normal;

    letter-spacing: 3px;

    text-transform: uppercase;

    border-radius: 0;

    font-size:  0.8em;

    padding: 13px 10px;

}

.paginator ul{

    display: block;

    padding-left: 0;

    text-align: center;

}

.paginator ul li{

    float: none;

    display: inline-block;

    margin:0 5px;

}

.msg-wallet{

    background: rgba(219,90,90,0.95);

    position: fixed;

    width: 300px;

    z-index: 3;

    top: 12%;

    right: 2%;

    padding: 15px 20px 30px 20px;

    font-size: 0.85em;

   color: var(--white);

}

.close-msg-wallet{

    text-align: right;

    font-size: 0.7em;

    margin-bottom: 5px;

    cursor: pointer;

}

.msg-wallet i{

    font-size: 1.6em;

    color: #5b1515;

}

.msg-wallet .etichetta{

    color: #5b1515;

}

.wpcf7-list-item {

    display: inline-block;

    margin: 0 25px 0 0;

}

.yith-funds-add-fund-wrapper .button.yith-funds-add-fund.disabled{

    font-weight: normal;

    letter-spacing: 3px;

    text-transform: uppercase;

    border-radius: 0;

    font-size: 0.8em;

    padding: 13px 10px;

}

.slick-track {

    margin-left: inherit;

    margin-right: inherit;

}

.wallet-info-box { 

  margin-top: 20px;

  margin-bottom: 30px;

}
.wallet-info-product ul,.wallet-info-box ul {

  padding-left: 20px;

  margin: 0;

}
.wallet-info-product{
    border: 2px solid #c2c26c;
    padding: 30px;
    border-radius: 20px;
}
.wallet-info-product p:last-child{
    margin-bottom: 0;
}

.wallet-info-product i{
    font-size: 2.5em;
    margin-bottom: 10px;
    color: #c2c26c;
}
.wallet-info-product i.fa-check-square{
    font-size:  1em;
    margin-right:  5px;
}
.wallet-info-product h5,.wallet-info-product .etichetta{
    color: #c2c26c;
}
.wallet-info-box li {

  margin-bottom: 8px;

  font-size: 15px;

  color: #555;

}

.wc-proceed-to-checkout .yith-funds-add-fund-wrapper{

    width: 100%;

}

.steps-how{

    background: var(--light_brown);

    padding: 40px;

}

.carousel-cat .slick-prev:hover,.carousel-cat .slick-prev:focus,.feature-slide .slick-prev:focus,.feature-slide .slick-prev:hover,.chances-slide .slick-prev:focus,.chances-slide .slick-prev:hover{

     background: transparent url(../images/left-arrow-bk.png) no-repeat left;

     background-size: cover;

}

.carousel-cat .slick-next:hover, .carousel-cat .slick-next:focus,.feature-slide .slick-next:focus,.feature-slide .slick-next:hover,.chances-slide .slick-next:focus,.chances-slide .slick-next:hover{

   background: transparent url(../images/right-arrow-bk.png) no-repeat right;

   background-size: cover;

}
.hidden_price{
    display: none;
}
.value-price{font-size: 0.9em}
.value-price a{
    color: var(--light-grey2);
}
.countries-flag{
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.countries-flag a{
    color: inherit;
}
.square-flag{
    width: 27px;
    height: 27px;
    display: inline-block;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.woocommerce form .form-row .input-checkbox{
    display: inline-block;
}
.price-value-euro{
    font-size: 1.3em;
}
@media (max-width:1400px){

    .list-draws{

        display: flex;

        gap: 10px;

        flex-wrap: wrap;

    }

    .list-draws a{

        width: calc(50% - 10px);

    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{

        width: calc(33.3% - 20px);

    }

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{

        width: 50%;

    }
    .boost::before,.boost::after{
        display: none;
    }
    .cnt-boost{
       background: var(--light_blue);
    }

}   

@media (max-width:1450px){

    /*.main-nav > ul > li > .sub-menu{

        margin: 0 20px;

    }*/

    .featured-slide .slick-prev, .outlet-slide .slick-prev{

        left: 0;

    }

    .featured-slide .slick-next, .outlet-slide .slick-next{

        right: 0;

    }

    .banner-menu{

        display: none!important;

    }

    .title-cat div{

        font-size: 1.7em;

    }

    .single-prodotto .content-product {

        display: block;

    }

}

@media (max-width:1340px){
    .cnt-search{

        display: none;

        position: fixed;

        width: 100%;

        top: 0;

        left: 0;

        background: rgba(50, 77, 102, 0.9);

        z-index: 3;

        padding: 20px;

        align-items: center;

        margin: 0;

    }

}
@media (max-width:1300px){

    .icon-nav ul li.icon-search{

        display: inline-block;

        margin-left: 20px;

    }

    .close-search{

        display: inline-block;

        width: 7%;

        float: left;

        color: var(--white);

        font-size: 1.3em;

        cursor: pointer;

    }

    
    .search-header{

        float: left;

        width: 90%;

    }

    .search-banner:not(.search-banner-home) form input[type=text],.search-banner:not(.search-banner-home) form select{

        width:  32.1%;

    }

}

    

@media (max-width:1200px){

    .main-nav > ul > li > .sub-menu li, main-nav > div > ul > li > .sub-menu li{

        margin: 0 15px;

    }

    .main-nav ul li {

        display: inline;

        margin: 0 15px;

    }

    .search-banner:not(.search-banner-home) form input[type=text],.search-banner:not(.search-banner-home) form select{

       width: 49%;;

    }

}



@media (max-width:1040px){

    .slider-home .cnt-overlay,.carousel-cat {

        width: 90%;

        margin-left: auto;

        margin-right: auto;

    }

    .slider-home .overlay-bg{

        flex-direction: column;

        text-align: center;

    }

    .slider-home .cnt-overlay h1{

        font-size: 3em;

    }

    .feature-slide .content-progress{

        zoom: 0.85;

    }

    .search-banner:not(.search-banner-home) form input[type=text],.search-banner:not(.search-banner-home) form select{

       width: 48%;

    }

}

@media (max-width:1024px){

    .main-item > a > i{
        visibility: visible;
    }

    .icon-nav ul li.icon-menu{

        display: inline-block;
        margin-left: 20px;

    }

    .main-nav,.icon-nav .social-nav,.shipping,.logo-nav,.boost::before,.boost::after{

        display: none;

    }

    .main-nav{

        position: fixed;

        top: 0;

        left: 0;

        z-index: 3;

        background: rgba(255,255,255,0.98);

        height: 100%;

        width: 100%;

        font-size:  1.2em;

        overflow-y: scroll;

    }

    .main-nav ul li{

        display: block;

        margin: 10px 20px;

    }



    .main-nav > ul > li > .sub-menu , .main-nav > div > ul > li > .sub-menu{

        position: relative;

        padding: 0;

        background:  none;

        opacity:   1;

        border-bottom:0;

    }

    /* .main-nav > div > ul > li > .sub-menu .sub-menu{
        display: none;
     }*/
    .main-nav ul{

        padding: 0;

        display:    block;

    }

    .main-nav > ul{

        padding:    50px 0;

    }

     .main-nav > ul > li > .sub-menu .sub-menu,.main-nav > ul > li > .sub-menu li,.main-nav > div > ul > li > .sub-menu .sub-menu,.main-nav > div > ul > li > .sub-menu li{

        text-align: center;

    }

    .main-nav > ul > li > .sub-menu > li > .sub-menu li, .main-nav > div > ul > li > .sub-menu > li > .sub-menu li {

        margin: 5px 20px;

    }

    .title-cat div{

        font-size: 1.3em;

    }

    .icon-nav{

        border: 0;

    }

    .cnt-nav{

        padding-right: 0;

    }

    .bg-banner h2 {

        font-size: 1.8em;

    }

    .cnt-overlay .subtitle-overlay,.bg-banner .subtitle-overlay{

        font-size: 1em;

    }

    

    .custom-navigation .flex-prev,.custom-navigation .flex-next{

        zoom: 0.8;

    }

    .preheader .shipping .text-center{

        text-align: left!important;

    }

    .desc-outlet{

        display: block;

    }

    .close-mobile{

        display: block;

        font-size:  1.8em;

    }

    .close-mobile{

        padding: 70px 20px 20px;

        text-align:     center;

        color: var(--black);

    }

    .logo-nav{

        display: block;

        margin: auto;

        text-align: center;

    }

    .logo-nav img{

        width:  140px;

    }

    

    .cnt-boost{

        padding-left: 0;

        padding-right: 0;

    }

    .boost{

        height: auto;

        padding: 20px;

    }

    .boost .avaiability .content-progress {

        flex-grow: inherit;

        align-items: center;

        /*min-width: 300px;*/

    }
    .main-nav > ul > li > .sub-menu, .main-nav > div > ul > li > .sub-menu{
        border-top: 0;
    }

  .sub-menu {
    display: none;
  }

  .has-children > .sub-menu {
    display: block;
  }


}

@media (max-width:990px){

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {

        width: calc(50% - 20px);

    }

    .countries-flag{
        margin-bottom: 60px!important;
    }

    .all-filters{

        display: none;

    }

    .filter-btn-xs{

        display: inline-block!important;

    }

    .boost .circle-product{

        order: 1;

        top: 0;

        zoom: 0.8;

    }

    .boost .avaiability,.boost .categories{

        order: 2;

        padding-top: 50px;

        width: 100%;

    }

   

    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{

        width: 80%;

    }

}



@media (max-width:768px){
    .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }

    .search-banner:not(.search-banner-home) form input[type=text], .search-banner:not(.search-banner-home) form select{

        width:  100%;

    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {

        width: 100%;

        clear: both;

    }

    .list-draws a{

        width: 100%;

    }

    .custom-navigation .flex-prev,.custom-navigation .flex-next{

        zoom: 0.4;

    }

    .gallery-product-full .custom-navigation .flex-prev,.gallery-product-full .custom-navigation .flex-next{

        zoom: 0.8;

    }

    .content-product{

        display: block;

    }

    .cnt-focus-section .cnt-overlay{

        width: 80%;

    }

    .filterSection{

        margin-bottom: 30px;

    }

    .gallery-product{

        display: none;

    }

    .single-rec{

        align-items: flex-start ;

    }

    .search-banner form{

        flex-direction: column;

    }

    .search-banner .sendSearch{

        width: 100%;

        margin-bottom: auto;

        border-radius: 30px;

    }

    .cats-slide .slick-slide{

        padding: 0;

    }

    .cats-slide{

        margin-top: 20px;

    }

    .boost{

        display: block;

    }

    .boost .categories {

        justify-content: center;

        padding-top: 0;

    }

    .section-cart{

        padding: 40px 0;

    }

    .categories-double,.draw-day{

        margin-top: 20px;

    }

    #hidden .content-hidden{

        width: 80%;

    }

    .msg-wallet{

        width: 90%;

        bottom: 2%;

        left: 50%;

        transform: translate(-50%,0);

        top: inherit;

        right: inherit;

    }
    .bg-logo{
        padding: 20px 0;
    }
    .search-banner form input[type=text],.search-banner form select{

        width:  100%;

    }

    .search-banner .only_with_countdown{

        flex:none;

    }

    .avaiability .content-progress > p{
        text-align: center;
    }

}



@media (max-width:520px){

    .stepwizard{

        display: none;

    }

    .hidden_price{
        display: block;
    }

    .amount-0 > span:first-child{
        display: none;
    }
    .slider-home .overlay-bg{

        flex-direction: row;

    }
    .icon-nav ul li.icon-menu{
        margin-left: 10px;
    }
    .noPl{
        padding-left: calc(var(--bs-gutter-x) * .5)
    }
    .nav-shop{padding-left: 0}
}



@media (max-width:640px){

    .bg-logo img{

        max-width: 100%;

    }
    .amount-wallet{
        zoom: 0.8;
    }

    .center-carousel a,.featured-slide a,.outlet-slide a{

        display: inline-block;

        padding: 0 10px;

        position: relative;

    }

    .title-cat {

        font-size: 1.3em;

    }

    .cnt-cart .quantity{

        text-align: center;

    }

    .cta-campioni img{

        width: 50px;

    }

    .cta-campioni{

        display: block;

    }

    .content-product h3 {

        font-size: 1.2em;

    }

    .featured-slide .etichetta{

        font-size: 0.6em;

    }

    .all-real.text-end{

        text-align: left!important;

    }

    .featured-slide{

        padding-bottom: 0;

        padding-top: 0;

    }

    .slider-home .cnt-overlay h1 {

        font-size: 2em;

        margin-top: 20px;

    }



}



@media (max-width:450px){

    



    .avaiability, .categories {

        width: 40%;

        display: block;

        align-items: center;

        text-align: center;

        justify-content: center;

    }

    .avaiability .countdown{

        width: 100%;

        text-align: center;

    }

    .avaiability .content-progress{

        padding-right: 0;

    }

    #hidden .content-hidden {

        width: 95%;

    }

    .icon-nav ul li.icon-search{

        margin-left: 0;

    }

    .slider-home .cnt-overlay h1{

        font-size: 1.5em;

    }

    .countdown.blue-count{

        text-align: center;

        margin-top: 10px;

    }

   

     .countdown.blue-count{

        margin-left: 0;

    }

}



@media (max-width:320px){

    .feature-slide .content-progress,.single-lottery{

        zoom: 0.75;

    }

    .avaiability .content-progress{

        zoom: 1;

    }

}