@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

html{ background: #ffffff;}

/*BODY */
body {max-width: 100%; font-family: 'Poppins', sans-serif; color:#121921;}

/* LINK */
a{color:#18233D;}
a:hover{color:#18233D;}

/* HEADER */
header{background:#fafafa;height: 165px;}
#header{top: 40px;}
#logo{left:0px; top: 10px;}
#logo img { max-height:80px; }

/* RICERCA */
#search{border-radius: 3px;    box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 8%);}
#search select{background:#FFF;}
#search input{background:#FFF;}
#search .button-search{background:#FFF;}

/* CARRELLO */
#welcome{color:#18233D; font-size: 14px;}
#welcome a{color:#212121;}
#welcome a:hover{text-decoration: underline; color: #212121;}
#cart{background:#FBBA2B; border-radius: 8px;}
#cart:hover{background:#FBBA2B;}
#cart .content{color:#18233D;}

/* MENU */
#menu > ul > li > a{color:#18233D;padding:0 8px;font-size:14px;}
#menu > ul > li > a:hover{color: #18233D;background:#FAFAFA;}
/* #menu > ul > li > a[title="Blog"]{display:none;} */

.extra_desktop {display:block;}
.extra_mobile {display:none!important;}

.extra_desktop ul li a {box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 8%);}
.extra_mobile ul li a {box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 8%);}




/* CONTENUTO */
#content img {max-width: 100%;max-height: 100%;}
#content .product-grid > div .compare{display: none;}
#column-left .box.filtersuper .box-content .filter_group > span.title {background: #18233D;padding: 11px 10px 11px 10px;color: white;}
#column-left .box.filtersuper .box-content .filter_group .filter_attribute > a {padding: 11px 10px 11px 10px;}
#column-left .box.filtersuper .box-content {background: #fff;padding: 0px;border-radius: 5px;box-shadow: 0px 1px 15px 1px rgb(69 65 78 / 18%);}
.popup_box{width: auto; height: auto;}
.popup_inner{padding: 0;}
#content.home{margin-top: auto;}


/* FOOTER */
footer{background:#18233D;}
#footer .top-row .column ul li a{color:#fff;}
#footer .top-row .column ul li.li-voucher{display: none;}
#footer .top-row .column ul li.li-affiliate{display: none;}
#footer .top-row .column ul li.li-special{display: none;}
#footer .top-row .column ul li.li-discount{display: none;}
#footer .top-row .column ul li.li-newsletter{display: none;}

/* POWERED */
#powered span.scaboo_copyright{display:none;padding-left:160px;background:url(/admin/view/images/sellrapido.svg) 0 50% no-repeat;background-size:contain;height:60px;}

/* COLORI VARI */
#content .box-content .box-product > div .button{background:#18233D;}
#content .box-content .box-product > div .button:hover{background:#18233D;}
#content .pagination.links li a:hover{background-color:#18233D;}
#content .pagination.links li.active span{background-color:#18233D;}
#cart .checkout a.mini-checkout{background:#18233D;}
#cart .checkout a.mini-view-cart:hover{background:#18233D;}
.filter-heading{background:#18233D;}
.filter-single a:hover, .filter-single a.filter-active{color:#18233D;}
#column-left .box.filtersuper .box-content .filter_group .filter_attribute .filter_value > a.checked{background-color:#18233D;color: #fff;}
div.box#featuredbanner {border-bottom: 0px dotted #18233D;}
#cart .checkout a.mini-view-cart{background:#444;}
#cart .content{border-color:#18233D;}

.tech-mobile {display:none;}
.tech-container {margin-top:25px;margin-bottom:30px}
.tech-title {font-size: 35px; font-weight:600; letter-spacing:-0.7px; font-family: 'Montserrat', sans-serif;line-height: 1.2;display:block; margin-bottom:4px;border-bottom: none!important;}
.tech-subtitle {font-size: 25px!important; font-family: Poppins, sans-serif;  font-style: italic; line-height:0.6; border-bottom: none!important;}
.tech-description {font-size: 16px;}
.tech-cta {font-size: 12px; border-bottom: 1px solid rgba(17,17,17,1);}
hr.separator {margin-bottom:45px}

#content .box-content .box-product > div#featuredbanner .image {
    min-height: 70px;
}

#content .box-content .box-product > div#featuredbanner {
    width: calc(100% * (1/5) - 21px);
}

/* COLORI RESET */
input[type="submit"],button,.button{background:#FBBA2B;}
.shopy-prod {background: #FBBA2B; color:#FFF!important;}

input[type="submit"]:hover, button:hover, .button:hover { background: #18233D; color: #fff!important;}

button.slick-prev.slick-arrow, button.slick-next.slick-arrow, ul.slick-dots li button {background: #18233D;}


#content .box .box-heading { padding: 20px; text-align: center; font-family: 'Poppins', sans-serif; font-size: 24px; line-height:24px; font-weight: 400; letter-spacing: 0.12rem; background: #FFF; color: #18233D; border-bottom: none; }
#content .box-heading:after, #content .box-heading:before { width: 5%; height: 1px; background: #cccccc; content: ""; position: absolute; margin: 12px 0 0 20px; }
#content .box-heading:before { margin: 12px 0 0 -6.5%; }


/* INTRO MODULO HTML */
.intro-modulo {
margin:30px 60px; padding-bottom:15px; border-bottom:1px dotted #c1b8b0; }

/*HEADER PIU ALTO SET DI REGOLE*/
header {height:219px;}
.banner {top:219px;}
#menu { bottom: -13px; height: 0px;}
#logo img { max-height: 120px;}
#search { top: 43px;}
#welcome {top: 48px;}
#cart {top: 43px;}


/* DA QUI INIZIA IL RESPONSIVE */

@media only screen and (max-width: 1260px) {
   #content .box-content .box-product > div {
    width: calc(100% * (1/2) - 21px);}
}

@media only screen  and (max-width : 1024px) {
    #logo {left:-9px;top: 10px;}
    #mobileMenuToggler{color: #18233D;}
    #column-left .box .box-heading{border-bottom: 4px solid #4e4e4e; padding: 10px 0 10px 0px;}
    #column-left .box .box-heading:hover{background: #18233D;}
    
    #cart{border-radius: 10px 10px 0px 0px;}
#search{border-radius: 0px 0px 10px 10px;}

/*HEADER PIU ALTO SET DI REGOLE*/
header {height: 320px;}
.banner { top: 320px;}
#cart { top: 140px;}
#search {left: 0px; width: 760px;}
#search { top: 190px;}
#welcome { top: 97px;}
    
}

@media only screen and (max-width: 820px /*iPad Air*/) {
#logo { left: -10px;}
}


@media only screen and (max-width: 800px) {
    #content .box-content .box-product > div { width: calc(100% * (1/2) - 21px)!important;}
    .banner_categorie_bg_azzurro > ul > li {width: 45% !important; float:left !important; padding: 5px !important;}
    .banner_home_2 ul li {display: block;width: calc(50% - 10px)!important; float: left !important; height: 160px!important; padding: 5px 5px 5px 5px  !important;}
    #logo {top:32px;}
    
/*HEADER PIU ALTO SET DI REGOLE*/
#search {left: 0px; width: calc(100% - 1px);}
#logo {left:-99px; top:60px;}

#logo img { max-height: 65px;}

    
    
}

@media only screen  and (max-width:768px){
    .banner_home_2 ul li {height: 200px !important;}
    .tech-container { margin-top: 5px;margin-bottom: 15px;}
}

@media only screen and (max-width: 600px) {
    #content .box-content .box-product > div {
    width: calc(100% * (1/2) - 21px);}
    #menu {width: 93%;}
    
    .tech-container {padding: 10px;text-align:center;}
    .tech-container hr.separator {margin-bottom:10px}
 .extra_desktop {display:none!important;}
.extra_mobile {display:block!important;}

.popup_box{left: 48%!important;}

/*HEADER PIU ALTO SET DI REGOLE*/
#search {left: 0px; width: calc(100% - 30px);}


}

@media only screen and (max-width: 530px) {
    #content .box-content .box-product > div#featuredbanner { width: calc(100% * (1/3) - 21px);}
    #featuredbanner.box-product {justify-content: center;} 
    
    .tech-desktop {display:none;}
    .tech-mobile {display:block;}
    .tech-title, .tech-subtitle, .tech-description {display: block;line-height: 1.1;margin-bottom:15px;}
    
    
#content .box-heading:after, .box-heading:before { width: 5%; }
#content .box-heading:before { margin: 12px 0 0 -7%;}
#content .box-heading:after { margin: 12px 0 0 2%;}


#content .journal-boxes.extra_mobile ul li a{
    height: 423px!important;  
}

/*HEADER PIU ALTO SET DI REGOLE*/
#search {left: 0px;  width: calc(100% - 30px);}
div#logo {top:25px;left: -99px;}
#logo img { max-width: 100%; max-height:60px; margin: 0 auto;}
    
}

@media only screen and (max-width: 450px) {
#header {width: 84%;}
 div#logo {left: -107px;}
 

 /*HEADER PIU ALTO SET DI REGOLE*/
 #menu { bottom: -69px;}
header {height: 380px;}
.banner { top: 380px;}
#cart { top: 200px;}
#search { top: 250px;}
#welcome {  top: 158px; right: 87px;}
 div#logo {left:0px;}
 #logo img { max-height: 135px;}
 
}

@media only screen and (max-width: 320px) {
     .tech-container {margin-top: 127px;}
    .tech-container {padding: 25px;}
    #content .box-content .box-product > div#featuredbanner {   width: calc(100% - 21px);   }
}

@media only screen and (max-width: 1024px)  {
    /* .banner a, .banner span { height: 80px;} */
    
    .intro-modulo {margin:2px 20px; padding-bottom:15px; border-bottom:1px dotted #c1b8b0; }

}