/*
Theme Name: Boero Fai Da Te
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boero-fai-da-te
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@font-face {
    font-family: 'Gotcha-Regular';
    src: url('/wp-content/themes/boero-fai-da-te/css/fonts/Gotcha-Regular.otf');
}

*, *::before, *::after {
    box-sizing: border-box;
}

input {
    outline: none;
}

body,  h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6, .p, a{
      font-family: 'Roboto', sans-serif!important;
    color: #041E42;
}
body, html,
h1, h2, h3, h4{
    font-family: 'Roboto Slab', serif!important;
    color: #041E42;
}

b {
    color: #041E42!important;
}

.home-slider-text .text span {
    /*font-family: 'Gotcha-Regular'!important;*/
}

p a{color: #041e42!important}
p a:hover{color:#d9000d!important; text-decoration: none;}
h1.text span,
.canvas-swiper-home h1 span {
    font-size: 5.625rem;
    color: #D9000D;
    margin-left: 25px;
    margin-top: 15px;
    position: absolute;
}

.page-template-tpl-colori .color-page-header.canvas-swiper-home h1 span {
    position:initial;
    margin-left:5px;
}

h1 {
    font-size: 60px;
}

a {
    text-decoration: none;
    background-color: transparent;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

button:hover {
    cursor: pointer;
}

button:focus {
    outline: 0!important;
}

.main-body {
  margin-top: 120px;
    overflow: hidden;
}

.discover{font-family: 'Roboto Slab', serif!important;}

/*.single-prodotto .breadcrumbs-container{margin-top: 150px}*/
.primary-btn {
    background-color: #AFCB37;
    color: #225259;
    border-radius: 30px;
    border: none;
    display: flex;
    align-items: center;
}

img {
    vertical-align: middle;
    border-style: none;
}

.blurred {
    filter: blur(35px);
}

.wrapper-img img {
    height: 100%;
    object-fit: cover;
}

.wrapper-img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 50%;
    /* background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent); */
}

.discover {
    font-size: 1rem;
    font-family: 'Roboto Slab', sans-serif;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #041E42;
    padding: 10px 21px;
    border-radius: 20px;
}

.discover:hover {
    color: white;
    text-decoration: none;
    background: #D9000D;
}

.discover-all {
    text-transform: uppercase;
    color: #5C5C5C;
    font-weight: bold;
    border: 2px solid #5C5C5C;
    border-radius: 20px;
    padding: 8px 18px;
}

.discover-all:hover {
    color: #D9000D;
    border: 2px solid #D9000D;
    text-decoration: none;
}



.is-hidden {
  opacity: 0;
  transition: transform 0.4s, opacity 0.2s;
}


.navbar-hide {
  pointer-events: none;
  opacity: 0;
}
.navbar-hide {
  pointer-events: none;
  opacity: 0;
}

.slide_filtro{margin-top:400px}
/* Menu */

.navbar{  backdrop-filter: blur(0.5px)!important;   background: linear-gradient(to top,rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.9));  background-color: transparent!important;
/*position: absolute!important;    top: 0;    right: 0px;    left: 0;    z-index: 1030;*/}
.navbar-brand{ width:280px;}
.navbar-brand img {width: 50%;}
/*.navbar-collapse{position: absolute; top: 15px ; right:0px}*/
.is-scrolled .navbar-brand { width:240px;}
.menu-item{position: relative;text-transform: uppercase;margin: 0 20px 0 0}
.menu-item a:hover{color:#041E42; }
.menu-item a{text-transform: uppercase;  color:#041E42; text-decoration: none!important; padding: 6px 8px; line-height: 40px}
#menu-principale .active{background-color: #fff; font-weight: bold;}
.nav-link-header .nav-link{ text-transform: uppercase;font-size:15px; color:#262626!important;  min-width: 30px;  display: flex; align-items: center;  padding: 0 15px 0px!important; justify-content: center;}
.nav-link-header .nav-link:hover{text-decoration: none!important; font-weight: 400}
.navbar-toggler-icon {    background-image: url("https://cdn0.iconfinder.com/data/icons/ui-icons-pack/100/ui-icon-pack-01-512.png")!important;}
.sub-menu { position: absolute;     top: 100%;    left: 0px;    z-index: 1000;  float: none;    min-width: 12rem;   list-style: none;
           padding: 10px 5px 20px 5px; background-color: #fff; box-shadow: 4px 5px 7px rgba(0,0,0,.1);
           border-bottom-left-radius: 15px; border-bottom-right-radius: 15px}
.sub-menu li{padding: 3px 5px;margin-right: 1px!important; border-bottom: 1px solid #d9000d; margin: 0px;}
.sub-menu li a {padding: 5px 0; font-size: 14px;  font-weight: 400; font-family: 'Roboto Slab', serif!important; text-transform:initial; line-height: 5px}
/*.current_page_item a, .sub-menu .current-menu-item a, .current-menu-parent {color:#d9000d!important; font-weight: bold;}*/


/*[aria-current]*/ .sub-menu .current-menu-item a{font-weight: bold!important;color:#d9000d!important;}
.current-menu-parent a, .current_page_item a{color:#d9000d; font-weight: bold;}
.current-menu-parent a:hover {color:#d9000d;}
#menu-principale .sub-menu {    list-style-type: none;    display: none;}
.navbar-toggler-icon {    background-image: url("/wp-content/themes/boero-fai-da-te/img/menu_icon.png")!important;}
.navbar-collapse{-webkit-transition: none;
    transition: none;
    display: none;}
/*************************************************
                      Slider
******************************************************/
.mobile{display: none}
.page-template-tpl-homepage .main-body{margin-top: 0px}
/*serve per dare un altezza fissa*/
.carousel,
.carousel-inner,
.carousel-item{height: 650px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.carousel{margin-left: 15px; margin-right: 15px; }

.slider-big .carousel-caption{bottom:30%!important; }
.slider-big .carousel-caption h1{font-size: 85px; font-weight: 400}

/*************************************************
                      TINTE HOME
******************************************************/
.tinte_home{background-color:#041E42;padding: 180px 0 100px; margin-top: -100px}
.tinte_home h2{font-size: 60px; color:#fff}
.tinte_home .descrizione p{color:#fff}
.riga_colori{margin-top: -60px}
.riga_colori p{text-align: center; }
.riga_colori .nome_colore{font-weight: bold;}
/* Homepage template */


.banner .prodotto-header-left .container {
    padding: 0;
}

.home {
    background-color: #F2F2F2;
}

.canvas-hp .home-shape {
    position: absolute;
    right: 0;
    top: 0;
    text-align: right;
    width: 62%;
    height: 579px;
}

.canvas-hp .home-slider-text {
    z-index: 2;
    margin-top: 170px;
    position: absolute;
    right: 90px;
}

.canvas-hp .product-slider {
    position: absolute;
    bottom: -115px;
    right: 0;
    left: 0;
    margin: auto;
    display: inline;
    text-align: center;
    z-index: 1;
}

.canvas-swiper-home .swiper-slide.swiper-slide-active {
    z-index: 4!important;
}

.canvas-hp .product-slider > div {
    display: inline-block;
    position:relative
}


.canvas-hp .product-slider .info {
    position: absolute;
    top: 0;
    left: 100%;
    text-align: left;
    width: 100%;
    margin-left: 20px;
}

.canvas-hp .product-slider .info .discover{
    background: white;
    font-size: 1rem;
    padding: 10px 26px;
    border-radius: 40px;
    text-transform: uppercase;
    color: #041E42;
    font-weight: bold;
}

.canvas-hp  .swiper-pagination-bullet {
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 1px solid #041E42;
    opacity: 1;
}


.canvas-hp .swiper-pagination-bullet-active{
    position: relative;;
}


.canvas-hp .swiper-pagination-bullet-active:after{
    content: '';
    position: absolute;
    background-color: #D9000D;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    margin: 3.5px;
}

.canvas-hp .swiper-pagination.swiper-pagination-bullets{
    bottom: -157px;
}

.canvas-hp .swiper-container {
    position: relative;
}

.canvas-hp .product-title {
    color: white;
    font-size: 1.125rem;
    font-weight: bold;
}

.canvas-hp .product-subtitle {
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    margin-bottom: 20px;
}


.canvas-swiper-home h1 {
    color: white;
    line-height: 79px;
    position: relative;
    font-size: 67px;
    font-weight: bold;
    margin-left: -113px;
}

.canvas-swiper-home.color-page-header .text {
    top: 33%;
    padding-left: 24%;
    padding-right: 12%;
}

.canvas-hp .canvas-swiper .swiper-slide .container {
    position: relative;
    z-index: 1;
    width: 100%;
    padding-top: 0;
}

.canvas-hp .wrapper-img {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
}

.canvas-hp .canvas-swiper .swiper-slide {
    height: 579px;
    z-index: 3;
}
/*
.main-body .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
} */

.main-footer .container-fluid {
    padding-left: 30px!important;
    padding-right: 30px!important;
}

.canvas-hp .slide-title {
    font-size: 60px;
    font-weight: 500;
    color: white;
}

.canvas-hp .slide-subtitle {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 4px;
    color: white;

}

.box-soluzioni {
    margin-top: 195px;
}

.box-soluzioni .col-sm-6:nth-child(2) .text {
    padding-left: 130px;
}
.box-superfici {
    margin-top: 130px;
}

h2.text {
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
}

h6.text {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 39px;
    line-height: 24px;
}

.box-superfici .image-w-overlay img{border-radius: 20px}
.box-superfici h2 strong{color:#d9000d}
.box-superfici h6.text {
    margin-top: 20px;
}
.box-soluzioni .img-sx {
    margin-top: 41px;
}

.box-superfici .mosaico .image-w-overlay:first-child {
    margin-bottom: 30px;
}

.box-superfici .mosaico-dx {
    margin-top: -110px;
}

.box-superfici .image-w-overlay {
    position: relative;
}
.box-superfici .overlay-img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    color: white;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: #0000008c;
    border-radius: 20px;
    padding: 0px 17px;
}

.box-superfici .mosaico .titolo {
    font-size: 2rem;
    border-bottom: 2px solid white;
    padding-bottom: 0.75rem;
    color: white;
}

.box-superfici .mosaico .descrizione p,
.box-superfici .mosaico .descrizione  {
    margin-bottom: 0;
    color: white;
}
.box-superfici .mosaico .descrizione {
    font-weight: 300;
    font-size: .9rem;
    padding-top: .75rem;
    color: white;
}


/* Top of the month */

.top-of-the-month {
    margin-top: 100px;
    position: relative;
}

.container.top-of-the-month:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f2f2f2;
    z-index: 99;
    left: -100%;
}

.top-of-the-month-box h2.text {
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
}
.top-of-the-month-box h2.text span {
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
    color:#d9000d;
    font-weight: bold
}

.top-of-the-month .swiper-button-prev:after {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/slider-icon-prev.png);
    height: 34px;
    width: 20px;
    background-size: cover;
}

.top-of-the-month-slider .swiper-slide img,
.affini .affine img {
    padding-bottom: 0;
    padding-top: 0;
    width: 200px;
}

.top-of-the-month-slider.swiper {
    margin-top: 50px;
    overflow: visible;
}

.top-of-the-month .swiper-button-next {
    display: none;
}

.top-of-the-month {
    clip-path: inset( 0vw 0vw 0vw 6vw);
}

.top-of-the-month-box {
    position: relative;
}

.top-of-the-month-box .swiper-button-prev {

    z-index: 99;
    left: -9px;
    top: 50%!important;
    width:50px;
}


.prodotti-consigliati .swiper-button-prev  {

    z-index: 99;
    left: -19px;
    top: 37%!important;
    width:50px;
}
.top-of-the-month-box .swiper-button-next{
  right: -16px;
  top: 49%!important;
  height: 50px;}


.prodotti-consigliati .swiper-button-next{
    right: -26px;
    top: 35%!important;
    height: 50px;}

.top-of-the-month-box .swiper-button-next:after,
.prodotti-consigliati .swiper-button-next:after,
.single-colore .swiper-button-next:after,
.single-prodotto .swiper-affini .swiper-button-next:after{
    transform: rotate(180deg);
    background-image: url(/wp-content/themes/boero-fai-da-te/img/freccia_slider.png);
    content: '';
    background-size: cover;
    width: 70px;
    height: 70px;
}
.top-of-the-month-box .swiper-button-prev:after,
.prodotti-consigliati .swiper-button-prev:after,
.single-colore .swiper-button-prev:after,
.single-prodotto .swiper-affini  .swiper-button-prev:after {
    background-image: url(/wp-content/themes/boero-fai-da-te/img/freccia_slider.png);
    content: '';
    background-size: cover;
    width: 70px;
    height: 70px;
}

.swiper-button-next, .swiper-button-prev {

    width: calc(var(--swiper-navigation-size)/ 10 * 27)!important;

}

.top-of-the-month-slider .titolo,
.affine .titolo {
    margin-top: 25px;
    margin-bottom: 2px;
}

.affini .affine {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
}

.top-of-the-month-slider .sottotitolo,
.affini .affine .sottotitolo {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom:4px;
}

.top-of-the-month-slider .descrizione-breve {
    font-size: .875em;
    font-weight: 400;
    height: 60px;
    display: flex;
    align-items: flex-start;
    margin-bottom:50px;
}

.top-of-the-month-slider .descrizione-breve p {
    margin: 0;
}

.swiper-button-next,
.swiper-button-prev {
    top:35%!important;
    color: #D9000D!important;
}

.top-of-the-month-slider .swiper-slide {
    /*background: white;*/
    border-radius: 20px;

    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: flex-end;
}
.top-of-the-month-slider .card{height:540px; border-color: transparent; background-color: transparent}
.top-of-the-month-slider .card .card-body{background-color: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 2px 4px 0 rgba(74,131,200,.1)}
/*.top-of-the-month-slider .card .card-body .discover{bottom: 33px; left: 87px;position: absolute;}*/
.top-of-the-month-slider .swiper-slide .contenitore{
    background: white; padding:10px 25px
}
.top-of-the-month-slider .swiper-slide img {
    border-radius: 20px 20px 0 0;
    align-self:center;
}



/* Box Problemi */
.box-problemi .nav-tabs {border-bottom: 0px; }
.box-problemi .nav-link:first-of-type {  border-top-left-radius: 20px!important}
.box-problemi .nav-link:last-of-type {  border-top-right-radius: 20px!important}
.box-problemi .nav-tabs .nav-link {padding: 10px 25.2px; font-weight: bold; border-radius: 0px; background-color: #fff; color:#041E42; border-right: 2px solid #ddd; border-top:0px; border-left: 0px; border-bottom: 0px}
.box-problemi .nav-tabs .nav-link.active {font-weight: bold; border-radius: 0px; background-color: #041E42; color:#fff}
.box-problemi .tab-pane{border-bottom-right-radius: 20px; box-shadow: 4px 5px 7px rgba(0,0,0,.1); background-color: #fff}
.box-problemi {    margin-top: 110px;}
.box-problemi h2{font-size: 64px}
.box-problemi h2 span{color:#d9000d;font-weight: bold;}
.box-problemi h6 {font-size: 22px; margin-top: 32px;   margin-bottom: 48px;}
.box-problemi .titolo {    max-width: 400px;  font-size: 40px;    margin-top: 35px;    margin-bottom: 5px;  line-height: 40px}

.box-problemi .descrizione {  max-width: 400px;  line-height: 23px;    font-size: .875em;    font-weight: 400;    display: flex;
    align-items: center;    margin-bottom: 20px;}
.box-problemi .tab-content .discover {bottom: 50px;    position: absolute; padding: 8px 34px;}
/*.problemi-e-soluzioni-card {
    background: white;
    border-radius: 25px;
    padding-bottom: 30px;
}

.problemi-e-soluzioni-card .info div {
    margin-bottom: 20px;
}*/

.discover-all-container {
    margin-top: 60px;
    margin-bottom:80px;
}

.problemi-e-soluzioni-card {
    padding: 0!important;
}
.problemi-e-soluzioni-card .info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 225px;
}

.news .problemi-e-soluzioni-card img {
    width: 100%;
}


.problemi-e-soluzioni-list {
    padding: 0 17px;
}

.problemi-e-soluzioni-card img {
    border-radius: 25px 25px 0 0;
}
/* Box Colori */

.box-colori h6 {
    margin-top: 14px;
    margin-bottom: 48px;
}

.box-colori {
    padding: 0 142px!important;
    max-width: unset!important;
}

.box-colori h6 p {
    color: #5C5C5C;
}
.box-colori .col-custom {
    width: 18%;
}

.colori-prodotto .col-custom {
    height: 190px;
    width: 190px;
    border-radius: 20px;
    box-shadow: 1px 1px 5px #80808045;
    margin-right: 25px;

}

.box-colori .colore-card {
    height: 427px;
    border-radius: 20px;
    position: relative;
    cursor: pointer;
}

.box-colori .hover-description {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    display: none;
}

.box-colori .hover-description .titolo,
.box-colori .hover-description .sottotitolo {
    color: #ffffff96;
}

.box-colori .hover-description .sottotitolo {
    margin-bottom: 0;
}

/* Banner */

.banner {
    margin-top:80px;
}

.banner_decorativa .sottotitolo, .banner .sottotitolo {
  font-family: 'Roboto Slab', serif!important;
  font-size: 39px;
  color: white;
  line-height: 60px;
}

.banner_decorativa .titolo, .banner .titolo {
    font-family: 'Roboto Slab', serif!important;
    font-size: 1.3rem;
    font-weight: 400;
    color: white;
    margin: 0;
}

.banner_decorativa .descrizione p, .banner .descrizione p {
    font-family: 'Roboto', sans-serif;
    color: white;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 30px;
}

.banner-button {
    color: #041E42;
    background: white;
    padding: 10px 28px;
    text-transform: uppercase;
    border-radius: 25px;
    font-weight: bold;
}

.banner-button:hover {
    color: #041E42;
    text-decoration: none;
}

/* Breadcrumbs */

.breadcrumbs-container {
    padding-left: 0!important;
}

.breadcrumbs .sub-menu {
    list-style: none;
    background: white;
    box-shadow: 1px 1px 9px 2px #333333bd;
    border-radius: 11px;
    margin-top: 7px;
    position: absolute;
    z-index: 2;
    width: 210px;
    display: none;
    padding: 17px 14px 14px 14px;
}

.breadcrumbs .sub-menu li a:hover {
    color: #D9000D;
    cursor: pointer;

}

.breadcrumbs .sub-menu-colori li {
    height: 50px;

    border-radius: 12px;
}
.breadcrumbs .sub-menu-colori {
    min-width: 450px;
    width:830px;
}

.breadcrumbs .sub-menu-colori .current{
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.breadcrumbs .sub-menu-colori div{
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs .sub-menu-colori li {
    border: none!important;
}

.breadcrumbs .sub-menu.sub-menu-colori li {
    padding: 2px;
    width: 50px;
}

.breadcrumbs li:after{
    cursor: pointer;
}


.breadcrumbs .sub-menu li:last-child {
    border-bottom: none;
}

.breadcrumbs .sub-menu li:after {
    display: none;
}
.breadcrumbs {
    display: flex;
    list-style-type: none;
}

.breadcrumbs li {
    margin-right: 35px;
    position: relative;
}

.breadcrumbs .sub-menu .category-colore{margin: 0; font-weight: 500;}
.breadcrumbs .sub-menu li {
    border-bottom: 1px solid #D9000D;
    margin: 0;
    padding: 2px 0;
}
.tax-collezioni_colore .breadcrumbs .sub-menu li, .single-colore .breadcrumbs .sub-menu li{  margin: 0 0 0 15px;}
.single-colore .breadcrumbs .secondo li{  margin: 0px;}
.tax-collezioni_colore .breadcrumbs .sub-menu .category-colore, .single-colore .breadcrumbs .sub-menu .category-colore {    margin: 0!important;    font-weight: 500;}
.breadcrumbs .sub-menu-colori li a {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 10px;
}

.breadcrumbs .toggle-submenu:hover span {
    color: #D9000D;
    cursor: pointer;
}

.breadcrumbs li,
.breadcrumbs span {
    color: #041E42;
}


.breadcrumbs .closed span:after {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
    background-size: cover;
    position: absolute;
    width: 15px;
    height: 9px;
    top: 8px;
    right: -24px;
}

.breadcrumbs .opened span:after {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
    background-size: cover;
    position: absolute;
    width: 15px;
    height: 9px;
    top: 8px;
    right: -24px;
    transform: rotate(180deg);
}

.breadcrumbs li:after:hover {
    cursor: pointer;
}

.breadcrumbs .sub-menu li a{
    color: #041E42;
    text-decoration: none;
    display: block;
    line-height: 18px
}

.breadcrumbs .sub-menu li a:hover {
    color: #D9000D;
    cursor: pointer;
    text-decoration: none;
}




/* Single Prodotto */
.single-prodotto .main-body {margin-top: 0px; overflow: hidden;}
.single-prodotto .page-body {padding-top: 0px;}

.page-body.single-prodotto {
    /*padding-top: 135px;*/
}

.page-template-tpl-suggerimenti .contatti, .single-prodotto .contatti, .single-problemi-e-soluzioni .contatti{
    max-width:unset;
    padding-left: 110px;
    padding-right: 110px;
}

.gotocollection {
    margin-top: 10px;
}



.single-prodotto .box-prodotto {
    max-width: unset;
    padding-left: 120px;
    padding-right: 120px;
}

.single-prodotto .colori-prodotto,
.single-prodotto .consigli,
/*.single-prodotto .download,*/
.single-prodotto .etichette {
    max-width: unset;
    padding-left: 142px;
    padding-right: 142px;
}
.main-body .single-prodotto .container-fluid {
    padding: 80px 0 0;
    margin-bottom: 0px;
}

.single-prodotto .container-fluid.calculator {
    padding-left: 45px;
    padding-right: 45px;
    margin-bottom: 80px;
}
.prodotto-header {
    padding-top: 45px;
    padding-bottom: 120px;
}

.single-prodotto .prodotto-header {
    padding-bottom: 100px;

}

.prodotto-immagine-mobile {
    display: none;
}

.container.taxonomy .card img {
    border-radius: 22px 22px 0 0;
}

.single-prodotto .box-prodotto {
    padding-bottom: 100px;
}

.single-prodotto .box-prodotto .img-moved {
    margin-top: -45px;
}

.single-prodotto .box-prodotto p {
    margin: 0;
}

.single-prodotto .box-prodotto img {
    border-radius: 15px;
}

.single-prodotto .box-colori .col-custom {
    max-width: 20%;
    width: 20%;
}

.single-prodotto .etichette {
    position: relative;
}

.single-prodotto .etichette .swiper-button-next {
    right: 100px;
}

.single-prodotto .etichette .swiper-button-prev {
    left: 100px;
}
.single-prodotto .colori-prodotto .col-custom {
    position: relative;
    margin-bottom: 25px;
}

.single-prodotto .colori-prodotto {
    padding-bottom: 48px;
}

.single-prodotto .colori-prodotto .text-hover {
    display: none;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    background-color: #0000004a;
    border-radius: 0 0 20px 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.single-prodotto .colori-prodotto .text-hover .titolo {
    font-weight: 400;
    color: white;
    margin: 0;
}

.single-prodotto .colori-prodotto .text-hover .descrizione {
    font-weight: 400;
    color: white;
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 0;
}

.single-prodotto .colori-prodotto h6{
    display: inline;
    font-weight: 400;
}

.single-prodotto .text-image {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.single-prodotto .text-image img {
    width: 100px;
    margin-right: 20px;
}

.single-prodotto .consigli ul {
    padding: 0;
    list-style-type: none;
    padding-left: 7.5rem;
}


.single-prodotto .consigli ul li {
    position: relative;
    padding-left: 2px;
    margin-bottom: 4px;
}

.single-prodotto .consigli ul li:before {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/list-style-red.png);
    position: absolute;
    width: 15px;
    height: 19px;
    background-size: cover;
    left: -23px;
    top: 3px;
}

.download li:before {
    display: none;
}

.single-prodotto .container.consigli * {
    color: #5C5C5C;
}

.single-prodotto .container.consigli p {
    margin: 0;
}

.single-prodotto .consigli .titolo {
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 12px;
    color: #041E42;
}

.single-prodotto .consigli .accordion {
    border-radius: 16px;
    margin-bottom: 1.5rem;
    position: relative;
}

.single-prodotto .consigli .content {
    background: #f0f0f0;
    padding-bottom: 20px;
}

.single-prodotto .consigli .accordion .icon-opener {
    position: absolute;
    z-index: 1;
    top: 14px;
    right: 18px;
}

.single-prodotto .consigli .accordion:hover{
    cursor: pointer
}

.single-prodotto .consigli .accordion .opener {
    background: #041E42;
    text-align: center;
    color: white;
    border-radius: 30px;
    padding: 7px;
    font-weight: bold;
}

.single-prodotto .consigli .accordion .pair {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.single-prodotto .consigli .content {
    text-align: left;
    padding: 20px;
    display: none;
    border-radius: 20px;
}

.single-prodotto .download {
  /*z-index: -2; position: absolute; bottom: 0;*/
    /*margin-top: 65px;*/
}

.single-prodotto .download .titolo {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}

.single-prodotto .download ul {
    padding: 0;
    list-style-type: none;
    display: flex;
}

.single-prodotto .download ul li {
    margin-right: 30px;
    display: flex;
    align-items: baseline;
}
.single-prodotto .download ul li img {
    margin-left: 10px;
}

.single-prodotto .swiper-icons img {
    width: 65px;
}

.single-prodotto .swiper-icons {
    margin: 80px 0;
}

.single-prodotto .swiper-icons .text {
    font-size: 14px;
    font-weight: bold;
    margin: 8px 10px 0px;
    line-height: 16px;
    text-align: center;
}

.single-prodotto .swiper-icons .text span {
    display: block;
    font-family: 'Roboto'!important;
    font-size: 12px;
    font-weight: 400;
    margin-top: 2px;
}

.single-prodotto .swiper-icons .swiper-slide>div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.single-prodotto .etichette .swiper-button-next:after,
.single-prodotto .etichette .swiper-button-prev:after {
    font-size: 25px;
}

/* .prodotto-header-left:after {
    content: '';
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left.png');
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    background-repeat: no-repeat;
    width: 100%;
}

.prodotto-header-right:after {
    content: '';
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right.png');
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
} */

.prodotto-header .text {
    position: absolute;
    top: 93px;
    left: -24px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 130px;
    margin-right: 260px;
}

/*.prodotto-header img {
    max-width: 100%;
    height: 100%;
}*/

.prodotto-immagine {
    position: absolute;
    z-index: 1;
}

.prodotto-codice {
    font-weight: 400;
    margin: 0;
}

.prodotto-titolo {
    font-size: 60px;
    font-weight: bold;
    margin: 0;
    line-height: 65px;
    margin-bottom: 15px;
}

.prodotto-sottotitolo {
    font-weight: 400;
}

.prodotto-header hr {
    background: #d4d4d4;
    width: 90%;
    margin-left: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    border-top: 3.5px solid rgba(0, 0, 0, 0.1);
}

.prodotto-header .text span {
    font-family: 'Roboto Slab', sans-serif!important;
    font-weight: bold;
}

.prodotto-uso p {
    margin: 0;
}

.prodotto-uso p:first-child {
    margin-bottom: 5px;
}

.prodotto-header .discover {
    text-transform: none;
    display: inline-block;
    margin-top: 20px;
}

/* Nuovo banner */

.prodotto-header.v2 .prodotto-header-left {
    background-repeat: no-repeat;
    height: 620px;
    background-size: 100% 100%;
    z-index: 1;
    /*background-image: url('/wp-content/themes/boero-fai-da-te/img/boero_headertop_fascia_sx_grigio.png');*/
}

.suggerimenti .prodotto-header.v2 .prodotto-header-left {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left-white.jpg');
}

.suggerimenti .prodotto-header.v2 .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right-white.jpg');
}
.prodotto-header.v2.banner .prodotto-header-left {
    background-image:url('/wp-content/uploads/2024/01/banner-shape-sx_new.png'); background-size: cover; background-repeat: no-repeat; background-position: 107% center;
}
.prodotto-header.v2.banner .prodotto-immagine {
    z-index: 1;
    width: 530px;
    left: 33.333333%;
}

.single-prodotto .prodotto-header.v2 .prodotto-header-right {
    background-image: unset;
}

.taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/boero_headertop_fascia_dx_grigio.png');

}
.color-page-body .prodotto-header.v2 .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/color-body-shape-dx.png');
}
.prodotto-header.v2 .prodotto-header-right {
    background-repeat: no-repeat;
    height: 400px;
    background-size: 100% 100%;
    z-index: 0;
    background-image: url('/wp-content/themes/boero-fai-da-te/img/home-shape.png');
}

.prodotto-header.v2.inverted .text {
    padding-left: 265px;
}

.prodotto-header.v2.inverted .prodotto-header-left {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/color-body-shape-inverted-sx.png');
}

.color-page-body .prodotto-header.v2.inverted .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/color-body-shape-inverted-dx.png');
}

.prodotto-header.v2 .text {
    padding-left: 130px;
}

/*.prodotto-header.v2 .prodotto-immagine {
    z-index: 1;
    width: 645px;
    height: 490px;
    border-radius: 20px;
}*/

.single-prodotto .prodotto-header.v2 .prodotto-immagine {
    z-index: 1;
    width: 319px;
    left: 28%;
    height: auto;
}


.color-page-body .prodotto-header.v2 .descrizione p {
    color: #041E42;
}


.color-page-body .prodotto-header.v2 .descrizione p {
    color: #041E42;
    font-weight: 400;
    line-height: 24px;
}

.color-page-body .prodotto-header.v2 .titolo {
    font-size: 3rem;
    line-height: 60px;
}
.color-page-body .prodotto-header.v2 {
    padding-top: 165px;

}

/* Categoria Prodotto */
.immagine_copertina img{border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}

.page-body {
    padding-top: 35px;
}

.suggerimenti .main-body .container-fluid,
.single-problemi-e-soluzioni .main-body .container-fluid,
/*.single .main-body .container-fluid,*/
.home .box-soluzioni.container-fluid,
.home .box-superfici.container-fluid,
.top-of-the-month.container-fluid {
    padding-left: 130px;
    padding-right: 130px;
}
.home .box-superfici{background: url('/wp-content/themes/boero-fai-da-te/img/bg_home_white.png'); background-size: cover; background-position: 1%  center;   background-repeat: no-repeat;}

.page-contatti .container-fluid{  padding-left: 75px;   padding-right: 75px;}
.page-contatti .numero_verde{font-family: 'Roboto Slab', serif!important; font-size: 14px; font-weight: 400;color:#505050}
.single-prodotto .container-fluid.affini {
    padding-left: 32px;
    padding-right: 32px;
}

.single-problemi-e-soluzioni .main-body .container-fluid {
    /*padding-bottom: 50px;*/
}


.page-contatti h1{font-family: 'Roboto Slab', serif!important; font-size: 60px; font-weight: bold; color:#D9000D}
.page-contatti h1 span{font-family: 'Roboto Slab', serif!important; font-size: 60px; font-weight: 400; color:#041E42}
.page-contatti h2{font-family: 'Roboto Slab', serif!important; font-size: 50px; font-weight: bold; color:#D9000D}
.page-contatti h2 span{font-family: 'Roboto Slab', serif!important; font-size: 50px; font-weight: 400; color:#041E42}
.page-contatti .wpcf7 label{width: 100%}
.page-contatti .prodotto-header.v2.inverted {
    margin: 61px 0;
}

.page-contatti .prodotto-header.v2 .text * {
    color: white!important;
}

.page-contatti .prodotto-header.header-title.v2 .text *,
.page-contatti .prodotto-header.v2.inverted .text *

{
    color: #041E42!important;
}


.page-contatti .prodotto-header.v2 .prodotto-header-left {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left-white.jpg');
}
.page-contatti .prodotto-header.v2 .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right-white.jpg');
}
.single-problemi-e-soluzioni .prodotto-header.v2 .prodotto-header-left {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left-white.jpg');
}

.single-problemi-e-soluzioni .prodotto-header.v2 .prodotto-header-right {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right-white.jpg');
}

.news .prodotto-header.v2 .prodotto-header-left {
    background-image: url('    /wp-content/themes/boero-fai-da-te/img/boero_headertop_fascia_sx_blu.png');

}

.prodotto-header.v2 .prodotto-header-left.blue-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/banner-shape-sx.png');
}
.prodotto-header.v2 .prodotto-header-right.blue-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/home-shape.png');
}
.prodotto-header.v2 .prodotto-header-left.white-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left-white-inv.png');
}
.prodotto-header.v2 .prodotto-header-right.white-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right-white.jpg');
}
.prodotto-header.v2.inverted .prodotto-header-right.white-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-right-white-inv.png');
}
.prodotto-header.v2.inverted .prodotto-header-left.white-bg {
    background-image: url('/wp-content/themes/boero-fai-da-te/img/prodotto-header-left-white-inv.png');
}

.prodotto-header.v2 .prodotto-header-left.blue-bg .prodotto-titolo,
.prodotto-header.v2 .prodotto-header-left.blue-bg .descrizione
{
    color: white;
}

.prodotto-header.v2 .prodotto-header-left.blue-bg h6 {
    font-weight: 400;
}

.page-contatti .prodotto-header.v2.inverted .prodotto-header-left {
    background-size:cover;
    background-position: right;
}



.main-body .taxonomy-categoria_prodotto.page-body .container-fluid:first-child,
.main-body .taxonomy-superficie_prodotto.page-body .container-fluid:first-child{
    padding: 0;
}


.taxonomy-categoria_prodotto .header .descrizione,
.taxonomy-superficie_prodotto .header .descrizione{font-weight: 400}


.taxonomy-categoria_prodotto .prodotto-header .text * {
    color: #041e42;
}


.taxonomy-categoria_prodotto .prodotto-header .text .descrizione,
.taxonomy-superficie_prodotto .prodotto-header .text .descrizione
 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 15px;
    margin-right: 200px;
}

.taxonomy-categoria_prodotto .prodotto-header,
.taxonomy-superficie_prodotto .prodotto-header
{
    padding-bottom: 140px;
}

.taxonomy-categoria_prodotto .prodotto-header .prodotto-immagine,
.taxonomy-superficie_prodotto .prodotto-header .prodotto-immagine
 {
    left: 33.333333%;
    height: 120%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.taxonomy-categoria_prodotto .prodotto-header .prodotto-immagine {
    height: auto;
}

.taxonomy-categoria_prodotto .prodotto-header .text,
.taxonomy-superficie_prodotto .prodotto-header .text  {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 130px;
    margin: 0 40px 0 0px;
}

.taxonomy-categoria_prodotto .descrizione-categoria,
.taxonomy-superficie_prodotto .descrizione-categoria {
    margin-bottom: 55px;
    padding-left: 130px;
    padding-right: 130px;
}


.taxonomy-categoria_prodotto .descrizione-categoria p,
.taxonomy-superficie_prodotto .descrizione-categoria p {
    color: #5C5C5C;
}

.taxonomy-categoria_prodotto .descrizione-categoria {
    padding-right: 130px;
}

.open-filters {
    background-color: #041e42;
    padding: 16px 20px;
    border-radius: 15px;
    position: relative;
}
.open-filters.active {    background-color: #F0F0F0;}
.open-filters.active .title{color:#041e42}
.open-filters.active .line {    background-color: #041e42;}

.superfici-filters {
    padding-left: 50px!important;
    padding-right: 45px!important;
    /*margin-bottom: 80px;*/
}

.superfici-filters .title,
.superfici-filters .filters-group-name{
    font-weight: bold;
    font-family: 'Roboto Slab', serif!important;
    color: #FFF;
    font-size: 17px;
    position: relative;
    text-transform: initial;
}

.taxonomy-superficie_prodotto .affini {
    min-height: 420px;
}
.superfici-filters .filters-content {
    background: #F0F0F0;
    z-index: 999;
    position: absolute;
    top: 42px;
    left: 0;
    border-radius: 0 0 15px 15px;
    display: none;
    padding-top: 14px
}
.superfici-filters .filters-content h4{color:#041E42}

.taxonomy-superficie_prodotto .affini .affine img {
    width: 200px;
    padding: 0;
    align-self: center;
}

.taxonomy-superficie_prodotto .affini .affine {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    min-height: 280px;
    justify-content: center;
    margin-bottom: 0px;
}

.taxonomy-superficie_prodotto .affini .affine .titolo {
    margin-top: 0px;
    margin-bottom: 2px;
}

.taxonomy-superficie_prodotto .affini .affine .sottotitolo {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 4px;
}

.taxonomy-superficie_prodotto .affini .affine .descrizione-breve {
    font-size: .875em;
    font-weight: 400;
    height: 60px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 23px;
}



.superfici-filters .header {
    cursor: pointer;
}
.superfici-filters button {
    font-size: 17px;
    text-transform: uppercase;
    color: white;
    padding: 6px 14px;
    font-family: 'Roboto';
    border-radius: 25px;
    font-weight: bold;
    border: none;
    margin-right: 10px;
}

#apply-filters {
    background-color:#041E42;
}

#cancel-filters{
    background-color: #D9000D;
}
.superfici-filters .filters-content > .row {
    padding: 0 20px;
    margin-top: 15px;
    justify-content: space-between;
}

.superfici-filters .commands-box .line {
    margin-left: 20px;
}

.superfici-filters .commands-box {
    margin-top: 0!important;
    padding-bottom: 20px!important;
}

.superfici-filters .filter {
    cursor:pointer;
}

.superfici-filters .filter.active {
    background: #041E42;
    color: white;
}


.superfici-filters .filters-group {
    margin-top: 20px;
}


.superfici-filters .filter {
    font-size: 13px;
    border-radius: 20px;
    border: 1px solid #5C5C5C;
    text-transform: uppercase;
    padding: 4px 14px;
    text-align: center;
    font-weight: bold;
    margin-right: 32px;
    display: inline-block;
    margin-bottom: 14px;
}




.superfici-filters .line {
    background-color: #fff;
    height: 1px;
    flex: 1;
    margin-left: 43px;
}

.superfici-filters .commands-box .line {
    flex: 1;
    margin-right: 20px;
    background-color: #041E42;
    height: 1px;
    flex: 1;
    margin-left: 43px;
}

.superfici-filters .header {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
}

.superfici-filters .title:after {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb_piena.png);
    background-size: contain;
    position: absolute;
    width: 22px;
    height: 12px;
    top: 8px;
    right: -30px;
    background-repeat: no-repeat;
}

/* Colori Hub */

.page-template-tpl-colori .jumbotron_home_mobile{display: none}
.page-template-tpl-colori .jumbotron_home{padding: 300px 0 50px; margin-left: 15px; margin-right: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.page-template-tpl-colori .jumbotron_home .colore-titolo, .page-template-tpl-colori .jumbotron_home .colore-descrizione{padding-left: 20px}
.page-template-tpl-colori .colore-titolo{font-weight: 400; font-size: 60px; color:#fff}
.page-template-tpl-colori .colore-titolo span{font-weight: bold; font-size: 60px;color:#fff }
.page-template-tpl-colori .colore-descrizione{width: 480px; font-weight: 400; font-size: 20px;color:#fff}
.page-template-tpl-colori .main-body {    margin-top: 0px;    overflow: hidden;}


.page-template-tpl-colori .affine {    padding: 30px 20px;      min-height: 330px; background-color: #f0f0f0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.page-template-tpl-colori .affine .titolo{font-family: 'Roboto Slab', serif!important;}
.page-template-tpl-colori .affine .descrizione p{font-weight: 400}



.color-page-header .text {
    position: absolute;
    top: 41%;
}

.color-page-header img {
    width: 100%;
}

.color-page-header .bg {
    background-size: contain;
}

.color-page-header .swiper-slide > .row {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    z-index: 10;
}

.color-page-header .blue-bg {
    padding-top: 150px;
    padding-bottom: 270px;
    background-color: #041e42;
    padding-left: 0;
    z-index: 9;


}

.color-page-header .white-bg {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #041e42;
    padding-left: 0;
    z-index: 9;
    background-color: #f0f0f0;
}

.color-page-header .shape-white-bg {
    background-image: url(/wp-content/themes/boero-fai-da-te/img/boerofaidate_calcolatore_shape.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    background-position: left;
}

.color-page-header > .row {
    background-image: url(/wp-content/themes/boero-fai-da-te/img/calcolatore-dx.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size:contain;
}

.color-page-header .shape-blue-bg {
    background-image:url('/wp-content/themes/boero-fai-da-te/img/boerofaidate_home_shape.png');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    background-position: right;
    height: 579px;
}

.calcolatore {
    padding: 0 32px;
    margin-bottom: 80px;
}

.calcolatore .result {
    line-height: 23px;
    margin-top: 20px;
    min-height: 35px;
    visibility: hidden;
}

.calcolatore .result span {

    color: #D9000D;
    font-size: 28px;
    font-weight: bold;
    margin-left: 5px;
    margin-right: 7px;
}

.color-page-header .prodotto-titolo span {
    font-size: 50px!important;
    color: #D9000D;
    font-weight: bold;

}



.page-template-tpl-suggerimenti .prodotto-titolo span {
    font-size: 80px;
    font-weight: bold;
    /*color: #D9000D;
    font-family: 'Gotcha-Regular', sans-serif!important;*/
}

.color-page-header .prodotto-descrizione,
.page-template-tpl-suggerimenti .prodotto-descrizione {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 28px;
}

.color-page-body {
    margin-top: 80px;
    margin-bottom: 80px;
}

.color-page-body .calculator.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}

.color-page-body .descrizione-pagina {
    font-family: 'Roboto', sans-serif!important;
    padding-left: 130px;
}

.color-page-body .descrizione-pagina p{
    margin: 0;
}

.color-page-body .banner .titolo {
    color: #041E42;
}

.color-page-body .banner .descrizione {
    font-family: 'Roboto', sans-serif!important;
    color: #041E42;
    font-weight: 400;
    line-height: 24px;
}

.color-page-body .banner .intro {
    font-weight: 400;
    margin-bottom: 10px;
}

.color-page-body .banner.inverted .text {
    padding-left: 205px;
    margin-right: 222px;
}

.color-page-body .prodotto-header {
    padding-top: 22px;
}

.color-page-body .banner .banner-button {
    margin-top: 12px;
}

.inverted .prodotto-immagine {
    right: 33.333333%;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    width: 530px;
}

.prodotto-header.inverted .text {
    margin-right: 160px;
}

.color-page-body .calculator .calculator-left .prodotto-descrizione,
.color-page-body .banner-button {
    margin-top: 15px;
}
/* Calculator */

.calculator > .row {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 25px;
}

.calculator .calculator-left .text {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 85px;
    width: 90%;
    align-items: start;
}

.calculator .calculator-left img {
    border-radius: 25px;
}
.calculator .calculator-left .prodotto-descrizione {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 8px;
}

.calculator .prodotto-calculator input {
    font-size: 16px;
    color: #B7B7B7;
    font-style: italic;
    border: 0;
    border-radius: 20px;
    height: 40px;
    margin-top: 9px;
    padding-left: 14px;
    width: 190px;
}
.calculator .prodotto-calculator .apply {
    font-size: 16px;
    color: white;
    font-style: normal;
    background-color: #041E42;
    border: 0;
    border-radius: 20px;
    height: 40px;
    margin-top: 9px;
    padding-left: 0;
    text-transform: uppercase;
    padding: 0 15px;
    font-weight: bold;
    margin-left: 15px;
}

/* Prodotti affini */

.affini .main-titolo span {
    color:#d9000d;
    font-size: 40px;
    font-weight: bold;
}

.affini .main-titolo {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 35px;
}

.affini .sottotitolo {
    font-size: 17px;
    font-weight: 400;
}

.affini .descrizione {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.affini .discover {
    display: inline-block;
}

.affine .titolo {
    margin-top: 0px;
    margin-bottom: 2px;
}
.affini .affine {
    background-color: #f2f2f2;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius:25px;
    padding: 20px;
    padding-bottom: 45px;
    flex-direction: column;
    min-height: 270px;
    justify-content: center;
    margin-bottom: 0px;
}

.affini .affine img {
    padding: 0;
    align-self: center;
}

/* Page Collezioni colore */

.tax-collezioni_colore .page-body{padding-top: 0px}
.tax-collezioni_colore .contenitore_copertina{    position: absolute;     left: 43px; bottom:20px   /*top: 180px;*/}
.tax-collezioni_colore .jumbotron_home{min-height:580px; /*padding: 240px 0 50px;*/margin-left: 15px; margin-right: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
/*.tax-collezioni_colore .jumbotron_home .colore-titolo, .tax-collezioni_colore .jumbotron_home .colore-descrizione{padding-left: 20px}*/
.tax-collezioni_colore .colore-titolo{font-weight: 400; font-size: 60px;  color:#fff}
.tax-collezioni_colore .colore-titolo span{font-weight: bold; font-size: 60px; }
.tax-collezioni_colore .colore-descrizione{width: 650px; font-weight: 400; font-size: 20px; }
.tax-collezioni_colore .colore-descrizione p{color:#fff!important}
.tax-collezioni_colore .main-body {    margin-top: 0px;    overflow: hidden;}

.tax-collezioni_colore .main-body {
    overflow:visible;
}


.page-collezioni-colore .prodotto-header .prodotto-descrizione {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 28px;
}


.page-collezioni-colore .single-color-grid.hover-tip {
    position: absolute;
    top: 46px;
    z-index: 9999;
    right: -43px;
    border: 1px solid white;
    display: none;
    background: white;
    cursor:pointer;
    padding: 3px;
    height: unset;
    width: 120px;
}

.page-collezioni-colore .single-color-grid.hover-tip div {
    background: white;
    border-radius: 5px;

}

.page-collezioni-colore .single-color-body h4 {
    font-size: 16px;
    margin: 5px 3px;
    text-align:left;
}

.page-collezioni-colore .custom-grid-col {
    position: relative;
    margin-bottom: 3px;
    padding: 0 2px;
}

.page-collezioni-colore .single-color-grid {
    width: 90px;
    height: 90px;
}


.page-collezioni-colore .color-grid-title {
    font-size: 25px;
    padding-left: 3px;
}

.page-collezioni-colore {
    padding-bottom: 70px;
}

.page-collezioni-colore .color-grids {
    margin: 0;
    padding: 45px 0 0 130px;
}


.page-collezioni-colore .single-color-header {
    background-color: #1e73be;
}


.page-collezioni-colore .single-color-grid {
    border-radius: 10px;
}

.page-collezioni-colore .prodotto-header {
    padding-top: 45px;
    padding-bottom: 130px;
}

.page-collezioni-colore .colors-container {
    margin: 16px 0 60px 0;
}

/* Contatti */

.page-contatti .prodotto-header .prodotto-descrizione {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 16px;
    color: white;
}

.page-contatti .prodotto-header.header-title .prodotto-descrizione {
    color: #041E42;
}
.page-contatti .prodotto-header.v2.inverted .prodotto-descrizione {
    color: #041E42;
    font-weight: bold;
    margin-bottom: 4px;
    font-size: 20px;
}

.page-contatti .prodotto-header.v2.inverted h6 {
    font-weight:400;
}



/* Single Problemi e Soluzioni */

.elenco_cause li{width: 25%}
.elenco_soluzioni li{width:100%}

.single-problemi-e-soluzioni {
    background-color: #F2F2F2;
}

.single-problemi-e-soluzioni .prodotto-titolo {
    font-size: 35px;
    font-weight: bold;
    margin: 0;
    line-height: 52px;
    margin-bottom: 14px
}

.single-problemi-e-soluzioni .immagine_copertina img{border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px}
.single-problemi-e-soluzioni .prodotto-descrizione {font-weight: 400}
/*.single-problemi-e-soluzioni .prodotto-header .prodotto-descrizione {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
    font-size: 20px;
}

.single-problemi-e-soluzioni .prodotto-header .prodotto-descrizione p {
    margin: 0;
}

.single-problemi-e-soluzioni .prodotto-header {
    padding-bottom: 123px;
}

.single-problemi-e-soluzioni .prodotto-header .prodotto-immagine {
    height: 120%;
    left: 26.333333%;
    z-index: 0;
    border-radius: 40px;
}*/


.single-problemi-e-soluzioni .main-body .container-fluid {
    padding-left: 130px;
    padding-right: 130px;
}


.single-problemi-e-soluzioni .titolo {
    font-family: 'Roboto Slab';
    font-size: 40px;
    line-height: 60px;
    font-weight: 400;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list .titolo {
    font-family: 'Roboto Slab';
    font-size: 40px;
    line-height: 60px;
    font-weight: 400;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list ul li p {
    margin: 0;
}
.single-problemi-e-soluzioni .problemi-e-soluzioni-list ul li {
    padding-right: 35px;
    padding-left: 19px;
    position: relative;
    display: flex;
    align-items: flex-start;
    color: #5C5C5C;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list .descrizione {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #5C5C5C;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list .descrizione-highlighted {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #041E42;
}


.single-problemi-e-soluzioni .flex-column {
    flex-direction: column;
}


.single-problemi-e-soluzioni .flex-column li {
    margin-bottom: 5px;
}

.single-problemi-e-soluzioni .problemi-e-soluzioni-list ul li:before {
    content: '';
    background-image: url(/wp-content/themes/boero-fai-da-te/img/list-style-red.png);
    height: 15px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.single-problemi-e-soluzioni .affini .affine {
    background-color: white;
}

.single-problemi-e-soluzioni .affini .affine .titolo {
    font-size: 1.25rem;
    line-height: 25px;
    font-weight: bold;
    font-family: 'Roboto Slab', sans-serif;
}

.single-problemi-e-soluzioni .main-body .container-fluid.full {
    padding-left: 30px!important;
    padding-right: 30px!important;
}



/* News */

.single-news {
    padding-bottom: 45px;
}

.breadcrumbs-container {
    /*margin-bottom: 45px;*/
}

.page-template-tpl-news .card img {
    border-radius: 25px 25px 0 0;
    width: 100%;
}

.news .card > div {
    background-repeat: no-repeat;
    background-size:cover;
    height: auto;
    justify-content: end;
}

.news .card > div > div{
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 0 0 20px 20px;
}

.news .filtri {
    list-style-type: none;
    display: flex;
    justify-content: center;
}

.news .filtri .filtro {
    border: 1px solid #707070;
    border-radius: 20px;
    padding: 0 20px;
    text-transform: uppercase;
    color: #5C5C5C;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    margin-right: 15px;
    margin-left: 15px;
}

.news .filtri .filtro:hover{
    background-color: #041E42;
    color: white;
    cursor: pointer;
}

.news .filtri .filtro:last-child{
    margin-right:0;
}

.news .filtri .filtro.active {
    background-color: #041E42;
    color: white;
}

.news .results {
    width: 100%;
}
/* Contact Form */
.page-contatti .form_prodotti{display: none;}
.single-prodotto .form_contatti, .suggerimenti .form_contatti, .single-problemi-e-soluzioni .form_contatti{display: none;}




.boero-contact-form, .boero-contact_form {
    margin: 80px 0;
}

.boero-contact-form-titolo, .boero-contact_form-titolo {
  font-family: 'Roboto Slab', serif!important;
    font-size: 40px;
    font-weight: bold;
    color: #D9000D;

}
.boero-contact-form-titolo span, .boero-contact_form-titolo span{
   font-family: 'Roboto Slab', serif!important;
    font-size: 40px;
    font-weight: 400;
    color: #041E42;
  }

.boero-contact-form-descrizione {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin: 28px 0 36px;
    font-weight: 400;
}

.boero-contact-form .flex-tris-1,
.boero-contact-form .flex-tris-2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.boero-contact-form .flex-tris-1 label {
    width: 32%;
}

.boero-contact-form .flex-tris-2 label{
    width: 38%;
}

.boero-contact-form .flex-tris-2 label:last-child{
    width: 20%;
}
.single-prodotto .boero-contact-form .col-md-6 label input,
.suggerimenti .boero-contact-form .col-md-6 label input,
.single-problemi-e-soluzioni .boero-contact-form .col-md-6 label input
{width:518px}
.single-prodotto .boero-contact-form .col-md-6 label select,
.suggerimenti .boero-contact-form .col-md-6 label select,
.single-problemi-e-soluzioni .boero-contact-form .col-md-6 label select
{width:518px}
.boero-contact_form label{width:100%}
.boero-contact-form label input, .boero-contact_form label input, .boero-contact-form label select {
  margin-bottom: 1.5rem!important;
    background-color: #fff;
    width: 100%;
    border: none;
    border-radius: 20px;
    padding: 8px 20px 8px 16px;
    color: #7C7C7C;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    outline: none;
}

.boero-contact_form label select {
 margin-bottom: 1.5rem!important;
   background-color: #fff;
   width: 100%;
   border: none;
   border-radius: 20px;
   padding: 8px 40px 8px 16px;
   color: #7C7C7C;
   font-size: 14px;
   font-family: 'Roboto', sans-serif;
   outline: none;
}

.boero-contact-form textarea, .boero-contact_form textarea {
    width: 100%;
    border-radius: 20px;
    background-color: #fff;
    border: none;
    border-radius: 20px;
    padding: 8px 20px;
    color: #7C7C7C;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    outline: none;
}
.single-prodotto  .boero-contact_form textarea,
.single-prodotto  .boero-contact_form label input,
.single-prodotto .boero-contact_form label select{background-color: #f2f2f2; }


.boero-contact-form .legend, .boero-contact_form .legend {
    text-align: right;
    margin-top: 20px;
    line-height: 24px;
    font-size: 14px;
    color: #505050;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span, .boero-contact_form .acceptance .wpcf7-form-control-wrap span {

    font-size: 12px;
    display: flex;
    margin: 0;
}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span label, .boero-contact_form .acceptance .wpcf7-form-control-wrap span label {
    display: flex;
    align-items: center;
}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span label input, .boero-contact_form .acceptance .wpcf7-form-control-wrap span label input {
    width: 20px;
    border: 1px solid #041E42;
    -webkit-appearance: none;
    height: 20px;
    border-radius: 50%;
    padding: 0;
    margin-right: 6px;
    margin-bottom: 0px!important;
    background-color: white;

}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span label input:active,
.boero-contact-form .acceptance .wpcf7-form-control-wrap span label input:checked:active,
.boero-contact_form .acceptance .wpcf7-form-control-wrap span label input:active,
.boero-contact_form .acceptance .wpcf7-form-control-wrap span label input:checked:active  {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span label input:checked,
.boero-contact_form .acceptance .wpcf7-form-control-wrap span label input:checked {
    position: relative;
}

.boero-contact-form .acceptance .wpcf7-form-control-wrap span label input:checked:after,
.boero-contact_form .acceptance .wpcf7-form-control-wrap span label input:checked:after {
    content: '';
    font-size: 14px;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #99a1a7;
    height: 73%;
    width: 75%;
    background: red;
    border-radius: 50%;
}

.boero-contact-form .send,
.boero-contact_form .send {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.boero-contact-form .flex-custom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 14px;
}

.contacts-popup .flex-custom {
    display: flex;
    justify-content: -between;
    align-items: center;
    margin-bottom: 14px;
}
.boero-contact-form .send input, .boero-contact_form .send input {
    width: 16%;
    background-color: #041E42!important;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 22px;
    padding: 6px 0;
}

.boero-contact-form .send input:disabled , .boero-contact_form .send input:disabled {
    opacity: .7;
}

/* Floating Contacts */

.main-body .contacts {
    position: fixed;
    right: 15px;
    bottom: 90px;
    z-index: 9999;
    cursor: pointer;
}

.main-body .contacts-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 0;
    background: #F0F0F0;
    padding: 10px 18px;
    bottom: 0;
    margin: 20px 0;
    border-radius: 20px;
    box-shadow: -1px 3px 8px 0px #aaaaaa;
    max-width: 45%;
    right: 20px;
    overflow-y: scroll;
    justify-content: flex-start;
    flex-direction: column;
    max-height: 100%;
}

.main-body .contacts-popup .close-popup {
    width: 20px;
    align-self: flex-end;
    cursor:pointer;
}

.main-body .contacts-popup .send {
    flex: 0 0 23%;
}

.main-body .contacts-popup .send input {
    width: 100%;
}
.main-body .contacts-popup .boero-contact-form-titolo {
    margin: 0;
}

.main-body .contacts-popup .boero-contact-form-sottotitolo {
    font-size: 19px;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center;
}


.main-body .contacts-popup .flex-bis-1,
.main-body .contacts-popup .flex-bis-2,
.main-body .contacts-popup .flex-bis-3 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}

.main-body .contacts-popup .flex-bis-1 label,
.main-body .contacts-popup .flex-bis-3 label {
    width: 48%;
}

.main-body .contacts-popup .flex-bis-2 label:first-child {
    width: 61%;
}
.main-body .contacts-popup .flex-bis-2 label:last-child {
    width: 35%;
}
.main-body .contacts-popup textarea,
.main-body .contacts-popup input,
.suggerimenti .boero-contact-form textarea,
.suggerimenti .boero-contact-form label input {
    background-color: white;
}

.boero-contact-form  select, .boero-contact_form  select  {
-webkit-appearance: none;
 -moz-appearance: none;
 background: transparent;
 background-image: url(/wp-content/themes/boero-fai-da-te/img/arrow-down.svg);
 background-repeat: no-repeat;
 background-position-x: 96%;
 background-position-y: 13px;
 border: 1px solid #dfdfdf;
 border-radius: 2px;
 margin-right: 2rem;
 padding: 1rem;
 padding-right: 2rem;
}

/*.boero-contact-form .flex-custom select {
    width: 324px;
    border: none;
    border-radius: 20px;
    padding: 8px 40px 8px 16px;
    color: #7C7C7C;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    outline: none;
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    position: relative;
    background: url(/wp-content/themes/boero-fai-da-te/img/arrow-down.svg) no-repeat right white;
    -webkit-appearance: none;
    background-position-x: 317px;
}*/

.main-body .contacts-popup textarea {
    max-height: 150px;
}

.main-body .contacts-popup .submit-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}


.main-body .contacts-popup .acceptance {
    margin-top: 20px;
}
.main-body .contacts-popup .flex-tris-1 label {
    width: 50%;
}

.main-body .contacts-popup .boero-contact-form {
    margin: 0;
}
/* Pagina Suggerimenti */
.page-template-tpl-suggerimenti .main-body {margin-top: 0px; overflow: hidden;}
.page-template-tpl-suggerimenti .page-body {padding-top: 0px;}
.page-template-tpl-suggerimenti {
    background-color: #F2F2F2;
}
.suggerimenti .jumbotron_home_mobile{display: none}

.suggerimenti .jumbotron_home{padding: 220px 0 50px; margin-left: 15px; margin-right: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
.suggerimenti .jumbotron_home .prodotto-titolo, .suggerimenti .jumbotron_home .prodotto-descrizione{padding-left: 20px}
.suggerimenti .prodotto-descrizione{width: 480px}
.suggerimenti .prodotto-titolo{font-weight: 400;}
.suggerimenti {
    background-color: #F2F2F2;
}

.suggerimenti .card .titolo {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.suggerimenti .card .descrizione {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    min-height: 80px;
}

.suggerimenti .card .discover {
    width: 100px;
    text-align: center;
    padding: 8px 21px;
    align-self: center;
    margin: 1rem 0;
}

.suggerimenti .card > div {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius:  25px;
    justify-content: flex-start;
    height: 100%;
}

.suggerimenti .card img {
    border-radius: 25px 25px 0 0;
}

.suggerimenti .card {
    background-color: transparent;
    border: none;
    margin-bottom: 40px;
    min-height: 415px;
}

.suggerimenti .intro .titolo {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 45px;
}


/* Pagina Contatto */
.contenitore_numeroverde {
  position: relative;
  /*text-align: center;*/
}
.contenitore_numeroverde a{left: 0;    position:absolute;    text-align:center;  top: 30px;color:#57b143; font-size: 34px;       font-weight: bold;    width: 100%}
.contenitore_numeroverde a:hover{color:#57b143; text-decoration: none;}
.pop-up label{width:100%}
.pop-up select{background-color: #fff!important}
.page-template-tpl-contatti .prodotto-header.v2.banner.header-title .prodotto-immagine {
    z-index:0;
}

.page-template-tpl-contatti {
    background-color: #F2F2F2;
}
.page-contatti .prodotto-header {
    padding-bottom: 100px;
}

.page-contatti .prodotto-header.content {
    padding-bottom: 100px;
    padding-top: 100px;
}
.page-contatti .boero-contact-form {
    margin: 0px 0;
}

.page-contatti .prodotto-header.content.dark .prodotto-titolo {
    font-size: 40px!important;
    color: white;
    margin-bottom: 5px;
}

.page-contatti .prodotto-header.content.light .prodotto-titolo {
    font-size: 40px!important;
    color: #041E42;
    margin-bottom: 5px;
    line-height: 60px;
}

.page-contatti .prodotto-immagine {
    z-index: 1;
    width: 475px;
    height: auto;
    border-radius: 20px;
}

.page-contatti .prodotto-header .prodotto-sottotitolo {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.page-contatti .prodotto-header.dark .prodotto-sottotitolo {
    color: white;
    margin-bottom: 5px;
}
.page-contatti .prodotto-header.content.dark .prodotto-descrizione {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.page-contatti .boero-contact-form-titolo {
    margin-top: 0px;
    margin-bottom:30px;
}

.boero-contact-form .flex-custom select {
    background: white;
    position:relative;
}

.single-prodotto .boero-contact-form .flex-custom select {
    background-color: #F2F2F2;
}

.boero-contact-form .flex-custom select:after {
    content: '';
    position: absolute;
    background: url(/wp-content/themes/boero-fai-da-te/img/arrow-down.svg);
}

.boero-contact-form .flex-custom .menu-556:after {
    content: '';
    position: absolute;
    background: url(/wp-content/themes/boero-fai-da-te/img/arrow-down.svg);
    width: 19px;
    height: 11px;
    z-index: 999;
    right: 64px;
    background-size: cover;
    background-repeat: no-repeat;
    top: 13px;
    bottom: 0;
    right: 12px;
    z-index: 1;
}
.contacts-popup .flex-custom {
    justify-content: flex-end;
}
.boero-contact-form-titolo {
    margin-top: 0px;
    margin-bottom:30px;
}

.page-contatti .boero-contact-form label input,
.page-contatti .boero-contact-form label select,
.suggerimenti .boero-contact-form label select,
.single-problemi-e-soluzioni .boero-contact-form label input,
.single-problemi-e-soluzioni .boero-contact-form label select,
.single-problemi-e-soluzioni .boero-contact-form textarea,
.page-contatti .boero-contact-form textarea{
    background-color: white;
}
/* Footer */
.grecaptcha-badge{z-index:20}
.main-footer * {


  background-color: #F2F2F2;
    font-family: 'Roboto', sans-serif;
}

.main-footer a{color:#041e42}
.main-footer a:hover{color:#d9000d; text-decoration: none;}
.main-footer hr{border-top: 1px solid #707070}
.main-footer .logo-footer {
    position: absolute;
    right: 25px;
    bottom: 15px;
    width: 200px;
}

.main-footer .footer-left p {
    font-size: .9rem;
    margin: 0;
    line-height: 20px;
}

.main-footer .footer-left b {
    font-size: 1.125rem;
    font-family: 'Roboto Slab', sans-serif;
}

.main-footer {

/*z-index:-50;*/
border-top: 1px solid #707070;
    /*padding-top: 25px;
    padding-bottom: 25px;*/
    position: relative;
}

.main-footer .wrapper {
    position: relative;
    z-index: 1;
}

.main-footer .main-menu {
    display: flex;
    justify-content: space-between;
}

.main-footer .main-menu *{
    font-family: 'Roboto Slab', sans-serif;
}

.main-footer .main-menu {
    font-size: 1.125rem;
    font-family: 'Roboto Slab', sans-serif;
    color: #041E42;
    font-weight: bold;
}

.main-footer .main-menu ul {
    list-style-type: none;
    padding: 0;
}

.main-footer .footer-right {
    padding-left: 70px;
    padding-right: 40px;
}

.main-footer .main-menu li a {
    font-size: .875rem;
    font-family: 'Roboto', sans-serif;
    color: #041E42;
    font-weight: 400;
}

.main-footer .main-menu a {
    color: #041E42;
}

.main-footer .main-menu li a:before {
    content: '-';
}

.main-footer .footer-right .main-menu {
    margin-bottom: 1rem;
}

.main-footer .footer-right .main-menu li {
    line-height: 19px;
}
.main-footer .footer-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.main-footer .sub-menu ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    font-family: 'Rototo Slab';
    font-weight: bold;
    font-size: .8125rem;
    margin: 0;
}


.main-footer .sub-menu ul li {
    border-right: 1px solid grey;
    padding-right: 5px;
    padding-left: 5px;
}

.main-footer .logo {
    position: absolute;
    bottom: 67px;
    right: 200px;
    width: 144px;
    height: 63px;
}

.main-footer .sub-menu ul li a {
    color: #041E42;
}

.main-footer .sub-menu ul li:last-child {
    border-right: none;
}

.main-footer .sub-menu ul li:first-child {
    padding-left: 0;
}


/* Pages */

.cover {
    display: flex;
    align-items: center;
    position: relative;
    padding-top: 80px;
    height: 450px;
    background: linear-gradient(to bottom, #005187 0%, #00DCB1 100%);
}

.cover .container h1 {
    text-align: center;
    color: white;
    font-weight: 500;
}

.cover .wrapper-cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.cover .wrapper-cover:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    bottom: 50%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5), transparent);
}

.cover .wrapper-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}

.main-header .navbar {
    padding: 30px 15px;
}

img.prodotto-immagine {
    left: 33.333333%;
    height: 90%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    min-height: 450px;
}

.single-prodotto img.prodotto-immagine {
    left: 34%;
}

.banner .prodotto-immagine {
    z-index: 1;
    width: 484px;
    height: auto;
}

/* Filtri Categoria */

.filtri-categoria-prodotto .filtri {
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-evenly;
    margin-bottom:80px;
}

.filtri-categoria-prodotto .filtri .filtro {
    font-size: 16px;
    flex: 0 0 17%;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    line-height: 22px;
    border: 1px solid #707070;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

.filtri-categoria-prodotto .filtri .filtro.active {
    font-size: 16px;
    font-family: 'Roboto Slab', sans-serif;
    font-weight: bold;
    border: 1px solid #707070;
    border-radius: 30px;
    text-align: center;
    text-transform: uppercase;
    background-color: #041E42;
    color: white;
    border: none;
}

.filtri-categoria-prodotto .filtri .filtro:hover {
    cursor: pointer;
    background-color: #041E42;
    color: white;
}

.no-results {
    text-align: center;
}

.loading {
    text-align: center;
    display: none
}

.loading img {
    width: 85px;
}

/* Pagina colore */

.single-colore .main-body .container-fluid {
    /*padding-left: 130px;
    padding-right: 130px;*/
}
.single-colore .denominazioni .nome-colore {
    font-family: 'Roboto Slab';
    font-size: 20px;
    line-height: 28px;
    color: #041E42;
}



.single-colore .denominazioni .codice-colore {
    font-family: 'Roboto Slab';
    font-size: 60px;
    line-height: 65px;
    font-weight: bold;
    color: #041E42;
}

.single-colore .denominazioni .nome-mazzetta {
    font-family: 'Roboto Slab';
    font-size: 16px;
    line-height: 28px;
}

.single-colore .box-colore-principale {
    background-color: #F3EFE9;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 315px;
    margin-bottom: 25px;
}

.single-colore .abbinamenti {
    font-size: 16px;
}

.single-colore .downloads {
    margin-bottom: 80px;
}

.download a {
    text-decoration: none;
    color: #041E42!important;
}

.single-colore .descrizione-statica {
    color: #5C5C5C;
    font-size: 16px;
    line-height: 24px;
    font-family: 'Roboto';
    font-weight: 400;
    margin-bottom: 85px;
}

.single-colore .abbinamenti .abbinamento {
    background-color: #F3EFE9;
    width: 80px;
    height: 80px;
    border-radius: 15px;
}


.single-colore .prodotti-affini {
    padding-bottom: 70px;
}
.single-colore .download {
    line-height: 24px;
}

.single-colore .download img {
    margin-left: 5px;
    margin-bottom: 5px;
}

.single-colore .affine {
    background-color: #F0F0F0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;

    height: 285px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 30px;
}

.single-colore .affine .titolo {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.single-colore .affine .sottotitolo {
    font-size: 17px;
    line-height: 20px;
    font-weight: 400;
}

.single-colore .affine .descrizione {
    font-family: 'Roboto'!important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 30px;
}

.single-colore .affine img {
    width: 177px;
    align-self:center;
}

.single-colore .container-fluid.affini{    padding-left: 32px;    padding-right: 32px;}
.single-colore .swiper-button-prev {left:-29px}
.single-colore .swiper-button-next {right:-29px}
.single-colore .affine .text {
    margin-top: 20px;
}

.main-footer .footer-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.main-footer .footer-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}


.color-page-header.calcolatore .white-bg{
    border-radius: 18px 0 0 18px;
}

.color-page-header.calcolatore > .row {
    border-radius: 25px;
    width: 100%;
    margin: auto;
    background-size: contain;
    background-position: right;
}

.calcolatore .prodotto-titolo {
    font-size: 42px;
    font-weight: 400;
    margin: 0;
    line-height: 60px;
}

.calcolatore input {
    border: none;
    border-radius: 20px;
    padding: 9px 14px;
}

.calcolatore button {
    font-size: 16px;
    padding: 6px 13px;
    border-radius: 23px;
    background: #041E42;
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px;
}

.color-page-header img {
    width: 285px;
}


/*****
THANK YOU Page
*****/

.page-thankyou h1 span{
    font-family: 'Roboto Slab', serif!important;
    font-size: 60px;
    font-weight: bold;
    color: #D9000D;
}
.page-thankyou h1  {
    font-family: 'Roboto Slab', serif!important;
    font-size: 60px;
    font-weight: 400;
    color: #041E42;
}



/*pagina semplice*/

.page-template-default .main-body {margin-top: 0px; overflow: hidden;}
.page-template-default .page-body {padding-bottom: 100px; padding-top: 190px;}
.page-template-default .page-body p{margin-bottom: 0px; padding-bottom: 10px}
/* Media Queries */



/****MAC ****/


@media(max-width: 1920px) {
.page-contatti h2 span, .page-contatti h2 {font-size: 42px;}


    .discover-all-container {
        margin-top: 70px;
        margin-bottom: 133px;
    }

    .prodotto-header-left {
        height: 418px;
    }



}

@media(max-width: 4480px) {


    .page-collezioni-colore .single-color-grid {
        width: 70px;
        height: 70px;
    }

}
@media(min-width: 1540px) {
    .contenitore_numeroverde a {    top: 25px;   text-align: left; left: 46px; }

}



@media(max-width: 1750px) {


  .suggerimenti .jumbotron_home {      padding: 290px 0 50px;}
  .page-template-tpl-colori .jumbotron_home {    padding: 369px 0 50px;}
  /*.tax-collezioni_colore .jumbotron_home {    padding: 404px 0 50px}*/

  .single-prodotto .boero-contact-form .col-md-6 label input   {width:614px}
  .suggerimenti .boero-contact-form .col-md-6 label input, .single-problemi-e-soluzioni .boero-contact-form .col-md-6 label input  {width:649px}

  .single-prodotto .boero-contact-form .col-md-6 label select  {width:614px}
  .suggerimenti .boero-contact-form .col-md-6 label select, .single-problemi-e-soluzioni .boero-contact-form .col-md-6 label select {width:649px}

    .page-contatti .prodotto-header.v2 .text {
        margin-right: 200px;
    }

    .prodotto-header.v2 .text {
        /*margin-right: 80px;*/
        margin-right: 0px;
    }

    .news .prodotto-header.v2 .text {
        margin-right: 260px;
    }

    .taxonomy-categoria_prodotto .prodotto-header.v2 .text {
        margin-right: 180px;

    }

    .suggerimenti .prodotto-header.v2 .text {
        margin-right: 260px;
    }

    .page-template-tpl-colori .prodotto-header.v2 .text {
        margin-right: 260px;
    }
    .prodotto-header-left {
        height: 318px;
    }

    .page-collezioni-colore .single-color-grid {
        width: 60px;
        height: 60px;
    }

    .color-page-header.calcolatore > .row {
        background-size: 60%;
    }

    .color-page-header.calcolatore .white-bg {
        padding-bottom: 25px;
        padding-top: 100px;
        padding-right: 0;
        padding-left: 42px;
    }

    .color-page-header .shape-blue-bg {
        height: 500px;
    }

    .color-page-header .blue-bg {
        padding-bottom: 188px;
    }


    .prodotto-header.v2.banner .prodotto-immagine {
        z-index: 1;
        width: 415px;
        left: 33.333333%;

    }

    .canvas-swiper-home.color-page-header h1,
    .color-page-header .prodotto-descrizione {
        margin-left: -54px;
    }

    .canvas-swiper-home h1 {
        color: white;
        line-height: 72px;
        position: relative;
        font-size: 60px;
        font-weight: bold;
        margin-left: -113px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .prodotto-immagine {
        height: auto;
        width: 594px;
        min-height: unset;
    }


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

.suggerimenti .boero-contact-form .col-md-6 label input,
.single-problemi-e-soluzioni .boero-contact-form .col-md-6 label input
{width:552px}
.single-prodotto .boero-contact-form .col-md-6 label input{width:470px}

.suggerimenti .boero-contact-form .col-md-6 label select,
.single-problemi-e-soluzioni .boero-contact-form .col-md-6 label select
{width:552px}
.single-prodotto .boero-contact-form .col-md-6 label select{width: 470px}
}
@media(max-width: 1366px) {



    .taxonomy-categoria_prodotto .prodotto-header.v2 .text {
        margin-right: 130px
    }

    .single-prodotto .prodotto-titolo {
        font-size: 52px;
        line-height: 52px;
    }

    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-left,
    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-right {
        height: 350px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .prodotto-immagine {
        height: auto;
        width: 510px;
        min-height: unset;
    }

    .problemi-e-soluzioni-card .info {
        min-height:250px;
    }

    .color-page-header.calcolatore .white-bg {
        padding-bottom: 25px;
        padding-top: 100px;
        padding-right: 0;
        padding-left: 42px;
    }

    .prodotto-header.v2 .prodotto-header-left,
    .prodotto-header.v2 .prodotto-header-right{
        height: 342px;
    }


    .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-left,
    .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-right{
        height: 350px;
    }
    .prodotto-header.v2 .text {
        padding-left: 159px;
    }

    .color-page-header .blue-bg {
        padding-top: 120px;
        padding-bottom: 227px;
        z-index: 9;
    }

    .page-template-tpl-colori .color-page-header .blue-bg {
        padding-top: 120px;
        padding-bottom: 138px;
    }

    .color-page-header .swiper-slide > .row {
        background-size: contain;
    }



    .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 65px;
        /*margin: 10px 17px;*/
    }

    .single-problemi-e-soluzioni .prodotto-titolo {
        font-size: 48px;
        line-height: 53px;
    }

    .single-problemi-e-soluzioni .prodotto-header .prodotto-descrizione {
        font-size: 16px;
        line-height: 21px;

    }

    .page-collezioni-colore .single-color-grid {
        width: 60px;
        height: 60px;
    }

    .main-footer .logo-footer {
        position: absolute;
        right: 37px;
        bottom: 15px;
        max-width: 200px;
    }

    .color-page-header .shape-blue-bg {
        height: auto;
    }

    .canvas-hp .swiper-pagination.swiper-pagination-bullets {
        bottom: -90px;
    }

    .canvas-swiper-home h1 {
        color: white;
        line-height: 61px;
        position: relative;
        font-size: 50px;
        font-weight: bold;
        margin-left: -61px;
    }

    .canvas-hp .product-slider {
        position: absolute;
        bottom: -22px;
        right: 0;
        left: 0;
        margin: auto;
        display: inline;
        text-align: center;
        z-index: 1;
    }

    .contacts-popup .boero-contact-form-titolo {
        font-size: 40px;
        line-height: 40px;
    }

    .main-body .contacts-popup .boero-contact-form-sottotitolo {
        margin-top: 16px;
    }

    .main-body .contacts-popup {
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .main-body .contacts-popup .boero-contact-form-titolo {
        font-size: 35px;
    }

    .boero-contact-form .flex-custom select {
        width: 100%;
    }

    .contacts-popup .flex-custom {
        display: block;
    }

    .boero-contact-form .flex-custom span:after {
        top: 12px;
    }


    .prodotto-header.v2 .prodotto-header-left.blue-bg .prodotto-titolo,
    .prodotto-header.v2 .prodotto-header-left.blue-bg .descrizione {
        color: white;
    }

    /*.prodotto-header.v2 .text {
        margin-right: 120px;
    }*/

    .taxonomy-superficie_prodotto .prodotto-header {
        padding-top: 0;
    }





}

@media(max-width: 1200px) {


    .page-contatti .prodotto-header.v2 .prodotto-immagine {
        z-index: 1;
        width: 431px;
        height: auto;
        border-radius: 20px;
        min-height: unset;
        display: block;
        position: initial;
        order: -1;
        width: 100%;
        height: auto;
    }

    .page-contatti .prodotto-header {
        background: #041e42;
    }
    .prodotto-header.v2.inverted .text {
        padding-left: 180px;
        margin-right: 15px;
        padding-right: 15px;
    }

    .page-contatti .prodotto-header.v2 .text {
        margin-right: 0;
        position: initial;
    }

    .page-contatti .prodotto-header {
        padding-bottom: 0;
    }

    .prodotto-header.v2 .prodotto-header-right.blue-bg {
        display: none;
    }

    .prodotto-header.v2 .prodotto-header-left.blue-bg {
        background-image: url(/wp-content/themes/boero-fai-da-te/img/banner-shape-sx.png);
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
        margin: 0;
    }

    .page-contatti .container-fluid {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .prodotto-header.v2 .text {
        padding-left: 30px;
        padding-right: 30px;
    }

    .single-news .prodotto-header.v2 .text {
        margin-right: 0;
        padding-left: 15px;
        padding-top: 40px;
        padding-bottom: 40px;
        position: initial;
    }

    .single-news {
        padding-bottom: 0;
    }
    .main-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-template-tpl-contatti .main-footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-news .news-body {
        margin-top: 46px!important;
    }

    .single-news .prodotto-header.v2.banner .prodotto-immagine {
        position: initial;
        order: -1;
        display: block;
        margin-left: 0;
        width: 100%;
        padding-top: 0;
    }

    .single-news .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }

    .single-news .prodotto-header.v2.banner .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #041e42;
        height: auto;
    }

    .single-news .prodotto-header.banner {
        background: #041e42;
        padding-top: 0;
        padding-bottom: 0;
    }

    .news .prodotto-header.v2 .text {
        padding-left: 30px;
        margin: 0;
        margin-right: 220px;
    }

    .single-problemi-e-soluzioni .prodotto-header {
        padding: 0;
    }

    .single-problemi-e-soluzioni .prodotto-header > .row {
        margin: 0;
    }



    .suggerimenti .prodotto-header {
        background: white;
        padding-bottom: 0;
        padding-top: 0;
    }

    .suggerimenti .prodotto-header.v2 .prodotto-header-left {
        background: white;
        flex: 0 0 100%;
        width: 100%;
        max-width: unset;
        height: auto;
    }

    .suggerimenti .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }
    .suggerimenti .prodotto-header.v2 .prodotto-immagine {
        z-index: 1;
        width: 100%;
        height: auto;
        border-radius: 20px;
        min-height: unset;
        display: block;
        position: initial;
        order: -1;
        margin-left: 0;
        margin-bottom: 0;
        border-radius: 0;
    }

    .prodotto-header.v2 .prodotto-header-left, .prodotto-header.v2 .prodotto-header-right {
        height: 410px;
    }

    .suggerimenti .prodotto-header.v2 .text {
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
        position: initial;
        margin-right: 30px;
    }


    .taxonomy-categoria_prodotto .descrizione-categoria, .taxonomy-superficie_prodotto .descrizione-categoria,
    .page-template-tpl-colori .color-page-body .descrizione-pagina {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-template-tpl-colori .color-page-body .descrizione-pagina {
        padding-bottom: 80px;
    }

    .taxonomy-categoria_prodotto .prodotto-header, .taxonomy-superficie_prodotto .prodotto-header {
        padding-bottom: 95px;
    }

    .superfici-filters {
        padding-left: 25px!important;
        padding-right: 25px!important;
    }



    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-left, .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-right,
    .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-left, .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-right {
        height: auto;
    }

    .taxonomy-superficie_prodotto .prodotto-header .text .descrizione {
        margin-right: 150px;
    }


    .taxonomy-superficie_prodotto .prodotto-header.v2 .text {
        padding-right: 0;
    }

    .taxonomy-categoria_prodotto .prodotto-header .prodotto-immagine,
    .taxonomy-superficie_prodotto .prodotto-header .prodotto-immagine {
        height: auto;
        width: 410px;
        min-height: unset;
    }


    .problemi-e-soluzioni-card .info {
        min-height:280px;
    }

    .top-of-the-month-box .swiper-button-prev {
        left: 5px;
    }

    .suggerimenti .main-body .container-fluid, .single-problemi-e-soluzioni .main-body .container-fluid, .single .main-body .container-fluid, .page-contatti .container-fluid, .home .box-soluzioni.container-fluid, .home .box-superfici.container-fluid, .top-of-the-month.container-fluid, .single-prodotto .box-prodotto, .single-prodotto .colori-prodotto,
    .single-prodotto .consigli, .single-prodotto .etichette, .single-prodotto .contatti, .single-prodotto .affini {
        padding-left: 65px;
        padding-right: 65px;
    }


    .main-body .contacts-popup {
        width: 100%;
        right: 0;
        max-width: unset;
        bottom: 0;
    }

    .news .filtri {
        overflow: scroll;
        justify-content: flex-start;
        padding: 0;
    }

    .canvas-hp .canvas-swiper .swiper-slide {
        height: auto;
    }


    .canvas-hp .product-slider {
        bottom: -110px;
    }

    .canvas-swiper-home h1 {
        font-size: 40px;
        line-height: 48px;
    }

    .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 65px;
        /*margin: 10px 17px;*/
    }

    .single-prodotto .colori-prodotto .col-custom {
        position: relative;
        width: 24%;
        margin-bottom: 45px;
    }

    .problemi-e-soluzioni-card {
        padding: 0;
    }


    .hide-mobile {
        display: none;
    }
    .canvas-swiper-home .bg {
        background: transparent!important;
    }

    .canvas-swiper-home.color-page-header .text {
        position: initial;
        padding: 0px;
    }

    .canvas-swiper-home h1 {
        line-height: 62px;
        font-size: 48px;
        padding-top: 0;
    }

    .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 72px;
        /*color: #D9000D;*/
        /*font-family: 'Gotcha-Regular', sans-serif!important;*/
        margin: 7px 0;
        font-weight: bold;
    }

    .pageScroll .main-header {
        height: 102px;
    }


    .canvas-swiper-home .calculator-left img {
        width: 200px;
    }

    .canvas-hp .product-title {
        margin: 0;
    }
    .main-header .navbar {
        padding: 15px;
    }

    .main-footer .main-menu {
        flex-wrap: wrap;
    }

    .box-superfici {
        margin-top: 80px;
    }

    .box-soluzioni {
        margin-top: 195px;
    }

    h2.text {
        font-size: 40px;
        font-weight: 400;
        line-height: 47px;
    }

    .box-soluzioni .img-sx {
        margin-bottom: 45px;
    }

    .box-superfici h6.text {
        margin-top: 45px;
        margin-bottom: 45px;
    }

    .box-superfici .mosaico .image-w-overlay:first-child {
        margin-bottom: 45px;
    }

    .box-problemi.container-fluid {
        padding: 0;
    }


    .main-footer .footer-left {
        width: 100%;
        max-width: unset;
        flex: 0 0 100%;
        border-right: 0;
    }

    .main-footer .footer-right {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 25px;
        width: 100%;
        max-width: unset;
        flex: 0 0 100%;
    }

    .main-footer .logo {
        position: absolute;
        right: 87px;
        bottom: 99px;
        max-width: 200px;
    }

    .sub-menu {
        /*padding-bottom: 81px;*/
    }


    .canvas-hp .swiper-pagination.swiper-pagination-bullets {
        bottom: -158px;
    }
    h6.text {
        margin-top: 14px;
        margin-bottom: 45px;
    }

    h6.text p {
        margin-bottom: 0;
    }

    .top-of-the-month,
    .top-of-the-month-slider.swiper{
        margin-top: 45px;
    }

    .box-problemi.container-fluid {
        margin-top: 45px;
    }

    .box-soluzioni .img-sx {
        margin-top: 0;
    }

    .box-soluzioni h6.text {
        margin-top: 45px;
    }

    .problemi-e-soluzioni-card {
        margin-bottom: 45px;
        padding-bottom: 45px;
    }

    .problemi-e-soluzioni-card img {
        width: 100%;
    }

    .discover-all-container {
        margin-top: 45px;
        margin-bottom: 0;
    }

    .problemi-e-soluzioni-list .col-lg-3:last-child .problemi-e-soluzioni-card {
        margin-bottom: 0;
    }

    .box-colori {
        margin-top: 45px;
    }

    .box-colori .col-custom {
        width: 19%;
    }

    .box-colori h2.text {
        margin-bottom: 30px;
    }

    .prodotto-header {
        padding: 0;
    }

    .banner-button {
        margin: auto;
    }

    .page-template-tpl-colori .banner-button {
        margin: 0;
    }


    .main-footer .container-fluid {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .problemi-e-soluzioni-list {
        padding: 0 16px;
    }

    .main-footer .logo-footer {
        position: absolute;
        right: 22px;
        bottom: 15px;
        max-width: 200px;
    }

    .banner {
        margin-top: 45px;
    }
    .box-superfici .mosaico-dx {
        margin-top: 45px;
    }

    /*#menu-principale {
        padding-left: 15px;
    }*/

    .sub-menu {
        /*padding-bottom: 0;*/
    }

    .taxonomy-categoria_prodotto .prodotto-header {
        padding: 0;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text,
    .taxonomy-superficie_prodotto .prodotto-header .text {
        position: initial;
        padding: 45px 15px;
        margin: 0;
        text-align: left;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text .prodotto-titolo {
        width: 100%;
    }

    .breadcrumbs {
        margin-bottom: 45px;
        padding-left: 15px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text *,
    .taxonomy-superficie_prodotto .prodotto-header .text *
     {
        font-size: 46px;
        line-height: 49px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text .descrizione {
        margin: 0;
    }


    .taxonomy-categoria_prodotto .descrizione-categoria {
        padding: 40px 60px;
        margin: 45px 0;

    }

    .filtri-categoria-prodotto .filtri .filtro {
        flex: 0 0 100%;
        margin-bottom: 25px;
        padding-top:5px;
        padding-bottom:5px;
    }

    .filtri-categoria-prodotto .filtri {
        flex-wrap: wrap;
        margin-bottom: 45px;
    }

    .affini .row .col-lg-3:last-child .affine {
        margin-bottom: 0;
    }

    .filtri .filtro:last-child {
        margin-bottom: 0;
    }

    .footer-right .sub-menu {
        padding-bottom: 0;
    }

  /*  #menu-principale .sub-menu li a {
        font-size: 24px;
        line-height: 38px;
    }

    #menu-principale .sub-menu {
        margin-bottom: 20px;
    }*/


    .breadcrumbs li {
        margin-right: 10px;
    }

    .breadcrumbs {
        flex-direction: column;
    }

  /*  .breadcrumbs .closed span:after {
        display: none;
    }*/

    .breadcrumbs .closed span:after {
        content: '';
        background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
        background-size: cover;
        position: absolute;
        width: 15px;
        height: 9px;
        top: 8px;
        right: -25px;
    }

  /*  .breadcrumbs .opened:after {
        display: none;
    }*/

    .breadcrumbs .opened span:after {
        content: '';
        background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
        background-size: cover;
        position: absolute;
        width: 15px;
        height: 9px;
        top: 8px;
        right: -24px;
        transform: rotate(180deg);
    }

    .breadcrumbs span {
        position: relative;
    }

    .single-prodotto .colori-prodotto .text-hover {
        display: block;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 16px;
    }


    .single-prodotto .prodotto-titolo {
        font-size: 51px;
        line-height: 51px;
        margin-bottom: 7px;
    }

    .single-prodotto .prodotto-sottotitolo {
        font-size: 27px;
        margin-top: 10px;
    }

    .single-prodotto .box-prodotto .col-lg-5 p {
        margin: 45px 0;
    }


    .single-prodotto .box-prodotto .col-lg-7 img {
        width: 100%;
    }

    .single-prodotto .box-prodotto .col-lg-7 .img-moved {
        margin-top: 0;
        margin-bottom: 0;
    }

    .single-prodotto .box-prodotto {
        padding-bottom: 45px;
    }

    .single-prodotto .colori-prodotto .col-custom {
        position: relative;
        width: 47%;
        padding: 0 16px;
        margin-bottom: 45px;
    }

    .single-prodotto .colori-prodotto .col-custom:last-child {
        margin-bottom: 0;
    }


    .single-prodotto .colori-prodotto .col-custom img {
        width: 100%;
    }

    .single-prodotto .container-fluid.gotocollection {
        padding: 0 16px;
        margin-top: 30px;
    }

    .single-prodotto .colori-prodotto {
        padding-bottom: 45px;
    }

    .consigli .col-lg-4 {
        margin-top: 20px;
    }

    .descrizione-categoria p {
        margin-bottom: 0;
    }

    .affini .affine img {
        width: 100%;
    }

    .single-prodotto .download {
        margin-top: 45px;
    }

    .consigli .col-lg-4 .accordion:last-child {
        margin-bottom: 0;
    }


    .single-prodotto .box-prodotto .col-sm-6{
        width: 50%;
    }

    .calculator .calculator-left .text {
        position: initial;
        width: 100%;
        padding: 0;
        justify-items: flex-start;
        text-align: center;
    }

    .single-prodotto .container-fluid.calculator {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-prodotto .prodotto-calculator {
        width: 100%;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .calculator .prodotto-calculator .apply {
        color: #041E42;
        background: white;
        margin-top: 25px;
    }

    .calculator > .row {
        background-image: initial!important;
        background: #041e42;
    }

    .calculator .prodotto-titolo {
        font-size: 33px;
        line-height: 39px;
    }

    .calculator .calculator-left img {
        display: none;
    }

    .calculator .calculator-left .prodotto-descrizione {
        color: white;
        text-align: left;
    }

    .calculator .calculator-left {
        padding: 25px!important;
    }

    .single-prodotto .etichette .swiper-button-next {
        right: 10px;
    }

    .single-prodotto .etichette .swiper-button-prev {
        left: 10px;
    }

    .single-prodotto .download ul li {
        margin-right: 20px;
    }

    .single-prodotto .download ul li img {
        margin-left: 5px;
    }

    .single-prodotto .swiper-icons {
        margin: 45px 0;
    }

    .single-prodotto .container-fluid.calculator {
        margin-bottom: 45px;
    }

    .calculator .prodotto-calculator input {
        width: 100%;
    }

    .single-prodotto .colori-prodotto .text-hover .titolo {
        font-size: 20px;
    }

    .single-prodotto .colori-prodotto .text-hover .descrizione {
        font-size: 13px;
    }

    .single-prodotto .container-immagine {
        order: -1;
    }

    .box-superfici .mosaico {
        width: 50%;
    }

    .box-superfici .mosaico .descrizione {
        font-size: 12px;
    }

    .box-superfici .mosaico .titolo {
        font-size: 27px;
        padding-bottom: 6px;
    }


    .prodotto-header {
        padding-bottom: 82px;
    }


    .suggerimenti .intro .titolo {
        text-align: left;
        margin-top: 45px;
    }

    .prodotto-header-left .row {
        margin: 0;
    }


    .prodotto-header.banner {
        padding-top: 82px;
        padding-bottom: 82px;
    }

    .boero-contact-form .flex-custom {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

    .boero-contact-form {
        margin: 0;
    }

    .boero-contact-form .flex-tris-1 label,
    .boero-contact-form .flex-tris-2 label {
        width: 100%;
    }

    .boero-contact-form .flex-tris-1, .boero-contact-form .flex-tris-2 {
        flex-direction: column;
    }

    .boero-contact-form .flex-custom select {
        background-position-x: 97%;
        width: 100%;
    }

    .wpcf7-form-control-wrap.menu-556 {
        width: 100%;
    }

    .boero-contact-form .flex-tris-2 label:last-child {
        width: 100%;
    }

    .boero-contact-form .acceptance .wpcf7-form-control-wrap span {
        display: inline;
    }

    .boero-contact-form .acceptance .wpcf7-form-control-wrap span label,
    .boero-contact-form .send {
        display: block;
    }

    .boero-contact-form .wpcf7-spinner {
        display: none;
    }

    .boero-contact-form .send input {
        width: 200px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .boero-contact-form-titolo {
        margin-bottom: 20px;
    }

    .single-problemi-e-soluzioni .main-body .container-fluid, .single .main-body .container-fluid {
        margin: 0;
        padding: 0;
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
    }

    .single-problemi-e-soluzioni .prodotto-header.v2 .text {
        margin-right: 80px;
        position: initial;
        padding-left: 15px;
    }

    .single-problemi-e-soluzioni .prodotto-header {
        padding-top: 30px;
    }
    .single-problemi-e-soluzioni .prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        background: white;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .single-problemi-e-soluzioni .prodotto-header {
        background: white;
    }


    .single-problemi-e-soluzioni .prodotto-header .prodotto-immagine {
        display: block;
        position: initial;
        order: -1;
        margin-left: 15px;
        height: auto;
    }

    .single-problemi-e-soluzioni .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }
    .problemi-e-soluzioni-list {
        margin-top: 45px;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list ul {
        display: block;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list ul li {
        margin-bottom: 10px;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list .row > .mb-4 {
        margin-bottom: 15px!important;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list .titolo {
        margin-top: 0!important;
    }

    .single-problemi-e-soluzioni .titolo {
        margin-top: 22px;
        line-height: 44px;
    }

    .prodotto-titolo {
        font-size: 50px;
    }


    .page-collezioni-colore .single-color-grid {
        width: 45px;
        height: 45px;
    }

    .page-collezioni-colore .color-grids {
        margin: 0;
        padding: 45px 15px 0 15px;
        width: 100%!important;
    }

    .color-page-header .blue-bg {
        padding-top: 91px;
        padding-bottom: 188px;
        z-index: 9;
    }

    .page-template-tpl-colori .color-page-header .blue-bg {
        padding-top: 107px;
        padding-bottom: 93px;
        z-index: 9;
    }

    .color-page-header img {
        width: 260px;
    }

    .page-collezioni-colore .prodotto-header.v2 .text {
        padding-left: 15px;
    }

    .page-collezioni-colore .prodotto-header.v2 .prodotto-immagine {
        height: auto;
        min-height: unset;
        width: 500px;
    }

    .page-collezioni-colore .prodotto-header.v2 .prodotto-header-left,
    .page-collezioni-colore .prodotto-header.v2 .prodotto-header-right {
        height: 320px;
    }

    .news .prodotto-header.v2 .prodotto-immagine {
        width: 557px;
        height: auto;
    }

    .page-contatti .header-title.prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: white;
        height: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .page-contatti .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }


    .page-contatti .prodotto-header.v2.inverted .prodotto-header-left {
        display: none;
    }

    .page-contatti .prodotto-header.v2.inverted .prodotto-descrizione {
        color: white;
    }

    .page-contatti .prodotto-header {
        padding-bottom: 0;
        padding-top: 0;
    }


    .page-contatti .prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #041e42;
        height: auto;
        padding-top: 40px;
        padding-bottom: 40px;
    }


    .page-contatti .prodotto-header.banner {
        padding: 0;
    }

    .page-contatti .prodotto-header.banner {
        background: white;
    }

    .page-template-tpl-contatti .prodotto-header.v2.banner.header-title .prodotto-immagine {
        z-index: 0;
        display: block;
        order: -1;
        width: 100%;
        border-radius: 0;
        height: auto;
    }

     .page-contatti .prodotto-header.v2.inverted .text * {
        color: white!important;
    }



    .page-contatti .prodotto-header.v2.inverted .prodotto-header-right {
        display: block;
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #041e42;
        height: auto;
    }

    .page-contatti .prodotto-header.inverted .text * {
        color: white;
    }


}

@media(max-width: 1082px) {
  .contenitore_numeroverde a {      top: 18px;    font-size: 30px;}
}
@media(max-width: 992px) {
.mobile{display: flex;}
.desktop{display: none}
  .breadcrumbs{font-size: 14px; }
  .single-problemi-e-soluzioni .breadcrumbs, .single-prodotto .breadcrumbs{font-size: 14px;padding-left: 0px}
/*.navbar-collapse #menu-principale {    height: 100vh;  }*/
.navbar-nav {  min-height: 100vh !important;}
.sub-menu{box-shadow: 4px 5px 7px rgba(0,0,0,0)}
.sub-menu li{border-bottom: 0px}
.slide_filtro{margin-top:600px}
/****HOME*****/
.carousel-caption {    right: 0%;    left: 0%;}
.jumbotron_home h1 {    font-size: 31px!important;}
.box-superfici .overlay-img{display: inline-flex!important;}
/*.tax-collezioni_colore .jumbotron_home {    min-height: 585px;}*/
.tax-collezioni_colore .contenitore_copertina {   left: 16px;   }
.superfici-filters .filter{margin-right: 12px}
.taxonomy-superficie_prodotto .affini {    min-height: 560px;}
.elenco_cause li{width: 100%}
.contenitore_numeroverde a {  width:54%  ;  top: 33px;      font-size: 36px;  }

.navbar {margin-right: 0px!important; margin-left: 0px!important}
.collapse.show {      display: contents!important;  }
.navbar-brand {      width: 225px;  }
.sub-menu {      position: relative;}
.navbar {    background-color: #fff!important;}
.single-prodotto .download ul {  display: list-item;}
.single-prodotto .download ul li {    margin-top: 18px; padding-left: 0px}

/**card prodotto**/
.taxonomy-superficie_prodotto .affini .affine,
.single-problemi-e-soluzioni .affini .affine,
.affini .affine {height: 250px}

.affini .affine {margin-bottom: 0px}
/*pagina colore*/
.page-template-tpl-colori .jumbotron_home_mobile .colore-titolo{font-size: 45px}
.page-template-tpl-colori .jumbotron_home{display: none}
.page-template-tpl-colori .jumbotron_home_mobile{display: flex;margin-top: 102px; padding: 350px 0 50px; margin-left: 15px; margin-right: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
/*.page-template-tpl-colori .jumbotron_home{background: linear-gradient(to right, rgba(0,0,0, 0.05), rgba(0,0,0, 0.5)),  url(/wp-content/uploads/2024/01/bg_colore_page.png)!important;  background-size: cover!important; background-position: center center!important;}*/
.li_sub-menu-colori {display: none}
/*page soluzioni - suggerimenti*/
.page-template-tpl-suggerimenti .page-body {    padding-top: 98px;}
.page-template-tpl-suggerimenti .jumbotron_home_mobile .prodotto-titolo{font-size: 39px; color:#fff; line-height: 42px;}
.page-template-tpl-suggerimenti .jumbotron_home_mobile .prodotto-descrizione{ width: 100%;  }
.page-template-tpl-suggerimenti .jumbotron_home_mobile .prodotto-descrizione p{ color:#fff; }
.page-template-tpl-suggerimenti .jumbotron_home{display: none}
.page-template-tpl-suggerimenti .jumbotron_home_mobile{display: flex; padding: 266px 0 50px; margin-left: 15px; margin-right: 15px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px}
/*.page-template-tpl-suggerimenti .jumbotron_home{background: linear-gradient(to right, rgba(0,0,0, 0.05), rgba(0,0,0, 0.5)),  url(/wp-content/uploads/2024/01/I-suggerimenti-di-Boero.png)!important;  background-size: cover!important; background-position: center center!important;}*/
/*.suggerimenti .prodotto-descrizione {        width: 100%;    }*/
.page-template-tpl-colori .colore-descrizione {    width: 100%;}
/*.suggerimenti .prodotto-titolo{line-height: 42px;}*/

/***single-prodotto****/
.single-prodotto .breadcrumbs-container{margin-top: 120px!important; margin-bottom: 0px!important}
.single-problemi-e-soluzioni .prodotto-titolo {    font-size: 44px}
.single-prodotto .consigli .text-image img{display: none}
.single-prodotto .consigli .descrizione_uso {padding-left: 2.5rem}
.calcolatore input {    width: 48%;}
/*****superfici****/
.open-filters.active {padding: 17px 60px 17px 20px}
.superfici-filters .title:after {top:20px}
.superfici-filters .filters-content{top:73px}

/***single-colore***/
.single-colore .breadcrumbs{flex-direction: row;}
.single-colore .breadcrumbs li {margin-right: 35px}
.single-colore .breadcrumbs .sub-menu{width: 200px}
/***contact***/
.boero-contact_form .send input{width:30%}
.boero-contact_form .acceptance .wpcf7-form-control-wrap span label {    display: -webkit-inline-box;}
.boero-contact_form .acceptance .wpcf7-form-control-wrap span{margin-right: 15px}

    .news .prodotto-header.v2 .text {
        margin: 0;
    }


    .news .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }

    .news .prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #041e42;
        height: auto;
        margin: 20px 0;
    }

    .news .prodotto-header {
        background-color: #041e42;
        padding-bottom: 0;
        padding-top: 0;
    }

    .news .prodotto-header.v2 .prodotto-immagine {
        position: initial;
        order: -1;
        display: block;
        margin-left: 0;
        width: 100%;
        height: auto;
        min-height: unset;
    }




    .suggerimenti .prodotto-titolo span {
        font-size: 70px;
        margin: 7px 0;
    }

    .suggerimenti .prodotto-titolo {
        font-size: 55px;

    }

    .single-colore .breadcrumbs {
        padding-left: 0;
    }


    .page-collezioni-colore .prodotto-header {
        padding-top: 0;
    }


    .page-template-tpl-colori .prodotto-header.v2 .prodotto-header-left,
    .page-template-tpl-colori .prodotto-header.v2 .prodotto-header-right {
        height: auto;
    }

    .page-template-tpl-colori .prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #f0f0f0;
    }

    .page-template-tpl-colori .prodotto-header.v2 .prodotto-immagine {
        display: block;
        position: initial;
        order: -1;
        width: 100%;
        max-width: 100%;
        min-height: unset;
        border-radius: 0;
        height: auto;
    }

    .page-template-tpl-colori .prodotto-header.v2 > .row {
        margin: 0;
    }
    .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-left {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background: #f0f0f0;
    }

    .taxonomy-superficie_prodotto .prodotto-header.v2 .prodotto-header-right {
        display:none;
    }

    .single-prodotto .prodotto-header.v2 .prodotto-header-left {
        /*background: #f0f0f0;*/
        height: unset;
    }

    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-left,
    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-right {
        height: unset;
    }

    .color-page-header.calcolatore .white-bg {
        padding:40px;
    }

    .calcolatore h1.prodotto-titolo {
        color: #041e42;
    }



    .single-prodotto .contatti {
        padding-left: 35px;
    }

    .single-prodotto .prodotto-header img.prodotto-immagine-mobile {
        width: 325px;
    }

    .single-prodotto .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }



    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-left {
        background-color: #041e42;
        flex: 0 0 100%;
        width: 100%;
        max-width: unset;
    }

    .taxonomy-categoria_prodotto .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }
    .prodotto-immagine-mobile {
        display: block!important;
        order: -1;
        width: 100%;
    }



    .prodotto-header.v2.inverted .text {
        padding-left: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .page-contatti .prodotto-header.v2 .text * {
        color: white!important;
    }

    .page-contatti .header-title.prodotto-header.v2 .text * {
        color: #041E42!important;
    }
    .page-template-tpl-colori .prodotto-header.v2 .text {
        margin-right: 0;
    }

    .page-template-tpl-colori .color-page-body .prodotto-header.v2 {
        padding-top: 0;
        background: #f0f0f0;
        margin-bottom: 38px;
        padding-bottom: 0;
    }


    .single-colore .prodotti-affini {
        padding: 0;
    }

    .prodotto-header.inverted .text {
        margin: 0;
    }

    .color-page-header .blue-bg {
        padding-top: 73px;
        padding-bottom: 123px;
    }
    .canvas-hp .product-subtitle {
        font-size: 16px;
    }

    .tax-collezioni_colore .prodotto-header.v2 .text {
        background-color:#f0f0f0;
        padding-left: 0;

    }
    .tax-collezioni_colore .prodotto-header.v2 .prodotto-header-left {
        height: 210px;
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        background-color: #f0f0f0;
        display: flex;
    }

    .page-collezioni-colore .prodotto-header {
        padding-bottom: 50px;
    }
    .color-page-body .prodotto-header.v2.inverted .text {
        background: #efefef;
    }

    .color-page-body .prodotto-header.v2.inverted .text * {
        color: #041e42;
    }

    .tax-collezioni_colore .prodotto-header.v2 .text .prodotto-titolo {
        color:#041E42;
    }

    .tax-collezioni_colore .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }


    .hide-mobile {
        display: none;
    }
    .canvas-swiper-home .bg {
        background: transparent!important;
    }

    .canvas-swiper-home.color-page-header .text {
        position: initial;
        padding: 0px;
    }

    .canvas-swiper-home h1 {
        line-height: 48px;
        font-size: 38px;
        padding-top: 0;
        margin-left: -52px;
    }

    .page-template-tpl-colori .canvas-swiper-home h1 {
        line-height: 62px;
        font-size: 48px;
        padding-top: 0;
    }

    .color-page-header .prodotto-titolo span {
        font-size: 60px;
        color: #D9000D;
        /*font-family: 'Gotcha-Regular', sans-serif!important;*/

    }

    .page-template-tpl-colori .color-page-header .prodotto-titolo span {
        font-size: 80px;
    }

    .page-template-tpl-colori .color-page-header .blue-bg {
        padding-top: 140px;
        padding-bottom: 85px;
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
        padding-left: 15px;
        padding-right: 15px;
    }

    .color-page-body .prodotto-header.v2 .descrizione p,
    .color-page-body .prodotto-header.v2 .titolo {
        color: white;
    }

    .page-template-tpl-colori .color-page-body .prodotto-header.v2 .descrizione p,
    .page-template-tpl-colori .color-page-body .prodotto-header.v2 .titolo {
        color: #041E42;
    }

    .color-page-body .prodotto-header.v2 {
        padding-top: 0;
    }

    .page-template-tpl-colori .prodotto-header.v2 .text {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }

    .color-page-body .prodotto-header.v2 .prodotto-header-right {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }




    .page-template-tpl-colori .prodotto-header.v2 .text .banner-button {
        margin-left: 0;
        margin-bottom: 0;
    }

    .canvas-swiper-home.color-page-header h1, .color-page-header .prodotto-descrizione {
        margin-left: -57px;
    }

    .page-template-tpl-colori .canvas-swiper-home.color-page-header h1,
    .page-template-tpl-colori .color-page-header .prodotto-descrizione {
        margin: 0;
    }
    .canvas-swiper-home .prodotto-descrizione {
        color: white;
        font-size: 23px;
        margin-top: 17px;
        line-height: 37px;
    }

    .page-template-tpl-colori .canvas-swiper-home .prodotto-descrizione {
        font-size: 20px;
        line-height: 28px;
    }

    .pageScroll .main-header {
        height: 102px;
    }


    .canvas-swiper-home .calculator-left img {
        width: 200px;
    }

    .canvas-hp .product-slider img{
        width: 170px;
        margin-bottom: 11px
    }

    .canvas-hp .product-title {
        margin: 0;
    }

    .main-header .navbar {
        padding: 15px;
    }

    .main-footer .main-menu {
        flex-wrap: wrap;
    }

    .box-soluzioni {
        margin-top: 142px;
    }


    .box-superfici {
        margin-top: 0;
    }

    .box-soluzioni .img-sx {
        margin-bottom: 45px;
    }

    .box-superfici h6.text {
        margin-top: 32px;
        margin-bottom: 45px;
    }

    .box-superfici .mosaico .image-w-overlay:first-child {
        margin-bottom: 45px;
    }

    .box-problemi.container-fluid {
        padding: 0;
    }

    .main-footer .footer-right {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 25px;
    }

    .main-footer .logo {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 144px;
        height: 63px;
    }

    .sub-menu {
        /*padding-bottom: 81px;*/
    }

    .canvas-hp .product-slider {
        bottom: -86px;
    }

    .box-soluzioni h2.text {
        margin-top: 45px;
    }

    .canvas-hp .swiper-pagination.swiper-pagination-bullets {
        bottom: -130px;
    }
    h6.text {
        margin-top: 14px;
        margin-bottom: 45px;
    }

    h6.text p {
        margin-bottom: 0;
    }

    .top-of-the-month,
    .top-of-the-month-slider.swiper{
        margin-top: 45px;
    }

    .box-problemi.container-fluid {
        margin-top: 45px;
    }

    .box-soluzioni .img-sx {
        margin-top: 0;
    }

    .box-soluzioni h6.text {
        margin-top: 45px;
    }

    .problemi-e-soluzioni-card {
        margin-bottom: 45px;
        padding-bottom: 45px;
    }

    .problemi-e-soluzioni-card img {
        width: 100%;
    }

    .discover-all-container {
        margin-top: 45px;
        margin-bottom: 0;
    }

    .problemi-e-soluzioni-list .col-lg-3:last-child .problemi-e-soluzioni-card {
        margin-bottom: 0;
    }

    .box-colori {
        margin-top: 45px;
    }

    .box-colori .col-custom {
        width: 19%;
    }
    .prodotto-header {
        padding: 0;
        padding-top: 45px;
    }

    .prodotto-header img {
        display: none;
    }

    .prodotto-header .text {
        position: initial;
        margin: 0;
        padding: 45px 71px;
        text-align: center;
    }

    .banner .titolo,
    .banner .sottotitolo {
        text-align: center;
        width: 100%;
    }

    .banner-button {
        margin: auto;
    }

    .main-footer .container-fluid {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    .main-footer {
        padding-bottom: 0;
        padding-top: 51px;
    }

    .problemi-e-soluzioni-list {
        padding: 0 16px;
    }

    .banner {
        margin-top: 45px;
    }
    .box-superfici .mosaico-dx {
        margin-top: 45px;
    }

  /*  #menu-principale {
        padding-left: 15px;
    }*/

    .sub-menu {
        /*padding-bottom: 0;*/*
    }

    .main-body .taxonomy-categoria_prodotto.page-body .container-fluid:first-child {
        margin-bottom: 10px;
    }

    .taxonomy-categoria_prodotto .header,
    .taxonomy-categoria_prodotto .descrizione_new,
    .taxonomy-superficie_prodotto .header,
    .taxonomy-superficie_prodotto .descrizione_new{padding-left: 15px!important; padding-right: 15px!important}
    .taxonomy-categoria_prodotto .header img{margin-top: 20px}

    .taxonomy-categoria_prodotto .prodotto-header {
        padding: 0;
        background: #041e42;
    }



    .breadcrumbs {
        margin-bottom: 45px;
    }


    .taxonomy-categoria_prodotto .descrizione-categoria {
        padding: 0 15px;
        margin: 45px 0;

    }

    .prodotto-header.v2 .text {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-prodotto .prodotto-header.v2 .text {
        margin-right: 0;
    }
    .filtri-categoria-prodotto .filtri .filtro {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }

    .filtri-categoria-prodotto .filtri {
        flex-wrap: wrap;
        margin-bottom: 45px;
    }

    .affini {
        padding-left: 16px!important;
        padding-right: 16px!important;
        margin-bottom: 45px;
    }
    .affini .row .col-lg-3:last-child .affine {
        margin-bottom: 0;
    }

    .filtri .filtro:last-child {
        margin-bottom: 0;
    }

    .footer-right .sub-menu {
        padding-bottom: 100px;
    }

  /*  #menu-principale .sub-menu li a {
        font-size: 24px;
        line-height: 38px;
    }

    #menu-principale .sub-menu {
        margin-bottom: 20px;
    }*/


    .breadcrumbs li {
        margin-right: 10px;
    }

    .breadcrumbs {
        padding-left: 16px;
        flex-direction: column;
    }

  /*  .breadcrumbs .closed span:after {
        display: none;
    }*/

    .breadcrumbs .closed span:after {
        content: '';
        background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
        background-size: cover;
        position: absolute;
        width: 15px;
        height: 9px;
        top: 8px;
        right: -25px;
    }

/*    .breadcrumbs .opened:after {
        display: none;
    }*/

    .breadcrumbs .opened span:after {
        content: '';
        background-image: url(/wp-content/themes/boero-fai-da-te/img/breadcrumb.png);
        background-size: cover;
        position: absolute;
        width: 15px;
        height: 9px;
        top: 8px;
        right: -24px;
        transform: rotate(180deg);
    }

    .breadcrumbs span {
        position: relative;
    }

    .single-prodotto .prodotto-header .prodotto-immagine {
        display: block;
        position: initial;
        order: -1;
        width: 292px;
        margin-left: -3px;
        margin-bottom: 18px;
    }

    .single-prodotto .prodotto-header {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .single-prodotto .colori-prodotto .text-hover {
        display: block;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0 16px;
    }

    .suggerimenti .main-body .container-fluid, .single-problemi-e-soluzioni .main-body .container-fluid, .single .main-body .container-fluid, .page-contatti .container-fluid, .home .box-soluzioni.container-fluid, .home .box-superfici.container-fluid, .top-of-the-month.container-fluid, .single-prodotto .box-prodotto, .single-prodotto .colori-prodotto, .single-prodotto .consigli, .single-prodotto .etichette, .single-prodotto .contatti, .single-prodotto .affini {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-prodotto .prodotto-immagine-mobile {
        margin-bottom: 20px;
    }
    .single-prodotto .prodotto-uso {
        padding-bottom: 20px;
    }


    .single-prodotto .prodotto-titolo {
        font-size: 32px;
        line-height: 51px;
        margin-bottom: 7px;
    }

    .single-prodotto .prodotto-sottotitolo {
        font-size: 27px;
        margin-top: 10px;
    }

    .single-prodotto .box-prodotto .col-lg-5 p {
        margin: 0;
    }


    .single-prodotto .box-prodotto .col-lg-7 img {
        width: 100%;
    }

    .single-prodotto .box-prodotto .col-lg-7 .img-moved {
        margin-top: 0;
        margin-bottom: 0;
    }

    .single-prodotto .box-prodotto {
        padding-bottom: 50px;
    }

    .single-prodotto .consigli ul li {
        padding-left: 8px;
    }

    .single-prodotto .text-image {
        margin-bottom: 18px;
    }

    .single-prodotto .colori-prodotto .col-custom {
        position: relative;
        width: 48%;
        padding: 0 16px;
        margin: 15px 0;
    }

    .single-prodotto .colori-prodotto > .row {
        justify-content: space-between;
        margin-right: 0;
        margin-left: 0;
    }

    .color-page-header.calcolatore > .row {
        background: #f0f0f0;
        background-image: unset!important;
    }

    .color-page-header.calcolatore .white-bg {
        border-radius: 18px;
    }

    .calcolatore {
        padding: 0 15px;
    }

    .single-prodotto .colori-prodotto .col-custom:last-child {
        margin-bottom: 0;
    }


    .single-prodotto .colori-prodotto .col-custom img {
        width: 100%;
    }

    .single-prodotto .container-fluid.gotocollection {
        padding: 0 16px;
        margin-top: 30px;
    }

    .single-prodotto .colori-prodotto {
        padding-bottom: 45px;
    }

    .consigli .col-lg-4 {
        margin-top: 20px;
    }

    .descrizione-categoria p {
        margin-bottom: 0;
    }

    .affini .affine img {
        padding: 0;
        width: 100%;
    }

    .single-prodotto .download {
        margin-top: 45px;
    }

    .consigli .col-lg-4 .accordion:last-child {
        margin-bottom: 0;
    }

    .single-prodotto .box-prodotto .col-sm-6{
        width: 50%;
    }

    .calculator .calculator-left .text {
        position: initial;
        width: 100%;
        padding: 0;
        justify-items: flex-start;
        text-align: center;
    }

    .single-prodotto .container-fluid.calculator {
        padding-left: 15px;
        padding-right: 15px;
    }

    .single-prodotto .prodotto-calculator {
        width: 100%;
        display: flex;
        align-items: baseline;
        justify-content: flex-start;
    }

    .calculator .prodotto-calculator .apply {
        color: #041E42;
        background: white;
        margin-top: 25px;
    }

    .calculator > .row {
        background-image: initial!important;
        background: #041e42;
    }

    .calculator .prodotto-titolo {
        font-size: 33px;
        line-height: 39px;
    }

    .calculator .calculator-left img {
        display: none;
    }

    .calculator .calculator-left .prodotto-descrizione {
        color: white;
        text-align: left;
    }

    .calculator .calculator-left {
        padding: 25px!important;
    }

    .single-prodotto .etichette .swiper-button-next {
        right: -35px;
        top:18%!important
    }

    .single-prodotto .etichette .swiper-button-prev {
        left: -45px;
        top:18%!important
    }
    .single-prodotto .download {        bottom: -110px;}

    .single-prodotto .download ul li {
        margin-right: 20px;
    }

    .single-prodotto .download ul li img {
        margin-left: 5px;
    }

    .single-prodotto .swiper-icons {
          margin: 45px 0 45px;
    }

    .single-prodotto .container-fluid.calculator {
        margin-bottom: 45px;
    }

    .calculator .prodotto-calculator input {
        width: 100%;
    }


    .single-prodotto .colori-prodotto .text-hover .titolo {
        font-size: 20px;
    }

    .single-prodotto .colori-prodotto .text-hover .descrizione {
        font-size: 13px;
    }

    .single-prodotto .container-immagine {
        order: -1;
    }

    .box-superfici .mosaico {
        width: 100%;
    }

    .box-superfici .mosaico .descrizione {
        font-size: 12px;
    }

    .box-superfici .mosaico .titolo {
        font-size: 27px;
        padding-bottom: 6px;
    }

    .prodotto-titolo {
        color: #041e42;
        line-height: 46px;
        font-size: 40px;
    }

    .prodotto-header .text {
        padding: 0;
        text-align: left;
    }


    .prodotto-header {
        padding-top: 82px;
        padding-bottom: 82px;
    }


    .suggerimenti .intro .titolo {
        text-align: left;
        margin-top: 45px;
    }

    .prodotto-header-left .row {
        margin: 0;
    }

    .banner .descrizione p {
        text-align: center;
        margin-top: 12px;
    }

    .prodotto-header.banner {
        padding-top: 82px;
        padding-bottom: 82px;
    }

    .boero-contact-form .flex-custom {
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

    .boero-contact-form {
        margin: 0;
    }

    .boero-contact-form .flex-tris-1 label,
    .boero-contact-form .flex-tris-2 label {
        width: 100%;
    }

    .boero-contact-form .flex-tris-1, .boero-contact-form .flex-tris-2 {
        flex-direction: column;
    }

    .boero-contact-form .flex-custom select {
        background-position-x: 97%;
        width: 100%;
    }

    .wpcf7-form-control-wrap.menu-556 {
        width: 100%;
    }

    .boero-contact-form .flex-tris-2 label:last-child {
        width: 100%;
    }

    .boero-contact-form .acceptance .wpcf7-form-control-wrap span {
        display: inline;
    }

    .boero-contact-form .acceptance .wpcf7-form-control-wrap span label,
    .boero-contact-form .send {
        display: block;
    }

    .boero-contact-form .wpcf7-spinner {
        display: none;
    }

    .boero-contact-form .send input {
        width: 200px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .boero-contact-form-titolo {
        margin-bottom: 20px;
    }




    .problemi-e-soluzioni-list {
        margin-top: 45px;
        margin-bottom: 45px;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list ul {
        display: block;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list ul li {
        margin-bottom: 10px;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list .row > .mb-4 {
        margin-bottom: 15px!important;
    }
    .single-problemi-e-soluzioni .problemi-e-soluzioni-list .titolo {
        margin-top: 0!important;
    }

    .single-problemi-e-soluzioni .titolo {
        margin-top: 22px;
        line-height: 44px;
    }

    .page-collezioni-colore .prodotto-header .prodotto-descrizione {
        font-size: 16px;
        line-height: 20px;
    }

    .tax-collezioni_colore .prodotto-header.v2 .prodotto-immagine {
        display: none;
    }



    .page-collezioni-colore .single-color-grid {
        width: 62px;
        height: 62px;
    }

    .term-externa .page-collezioni-colore .single-color-grid {
        width: 49px;
        height: 49px;
    }
    .term-t21 .page-collezioni-colore .single-color-grid {
        width: 66px;
        height: 66px;
    }
    .term-vivi-a-colori .page-collezioni-colore .single-color-grid {
        width: 72px;
        height: 72px;
    }

    .term-neutrae  .page-collezioni-colore .single-color-grid {
        width: 43px;
        height: 43px;
    }


    /*.term-tvt720  .page-collezioni-colore .single-color-grid {
        width: 21px;
        height: 21px;
        border-radius: 2px
    }*/

    .page-collezioni-colore .custom-grid-col {
        margin-bottom: 20px;
    }

    .prodotto-header.v2.banner .prodotto-immagine {
        max-width: 100%;
        height: auto;
        min-height: unset;
        position: initial;
        order: -1;
    }

    .single-prodotto .prodotto-header .prodotto-immagine {
        display: none;
    }

    .banner {
        margin-top: 0;
    }

    .suggerimenti .main-body .container-fluid, .single-problemi-e-soluzioni .main-body .container-fluid, .single .main-body .container-fluid, .page-contatti .container-fluid, .home .box-soluzioni.container-fluid, .home .box-superfici.container-fluid, .top-of-the-month.container-fluid, .box-colori {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

  .single-prodotto .contatti {
        padding: 0;
    }
    .page-template-tpl-suggerimenti .contatti, .single-problemi-e-soluzioni .contatti {
          padding: 0 15px;
      }


    .top-of-the-month.container-fluid {
        padding-left: 50px!important;
        clip-path: inset( 0vw 0vw 0vw 4vw);
    }

    .problemi-e-soluzioni-card .info {
        min-height: 222px;
    }

    .page-collezioni-colore .color-grid {
        width: 100%;
        flex: 0 0 100%;
        max-width: unset;
    }

    .page-collezioni-colore .prodotto-titolo {
        font-size: 50px;
        font-weight: bold;
        margin: 0;
        line-height: 65px;
        margin-bottom: 15px;
    }

    .tax-collezioni_colore .prodotto-header.v2 .prodotto-immagine {
        display: block;
        order: -1;
        position: initial;
        margin-left: 15px;
        max-width: 100%;
        width: 100%;
        margin: 0;
        border-radius: 0;
    }


    .page-collezioni-colore .prodotto-header {
        padding-bottom: 50px;
        background: #f0f0f0;
        padding-bottom: 0;
    }

    .tax-collezioni_colore .prodotto-header.v2 .text {
        margin-right: 0;
    }


    .single-prodotto .boero-contact-form .col-md-6 label input,
    .suggerimenti .boero-contact-form .col-md-6 label input,
    .single-problemi-e-soluzioni .boero-contact-form .col-md-6 label input
    {width:328px}
    .single-prodotto .boero-contact-form .col-md-6 label select,
    .suggerimenti .boero-contact-form .col-md-6 label select,
    .single-problemi-e-soluzioni .boero-contact-form .col-md-6 label select
    {width:328px}
}

@media(max-width: 768px) {
.superfici-filters .filter{margin-right: 12px}
.taxonomy-superficie_prodotto .affini {    min-height: 560px;}

.elenco_cause li{width: 100%}
  #menu-principale {margin-right: auto!important; margin-left: 0px!important; margin-top: 25px}
/*.navbar-collapse {height:240px}*/
.page-body{padding-bottom: 50px}
.navbar:hover {    background-color: #fff!important; }

h2{font-size: 42px;}

/*****HOME****/
.page-template-tpl-homepage .discover{font-size: 15px}
.page-template-tpl-homepage .main-body {      margin-top: 70px;  }
.carousel, .carousel-inner, .carousel-item {height: 500px}
.carousel-inner .jumbotron_home{margin-left: 0px!important; margin-right: 0px!important}
.carousel-caption {    right: 0%!important;    left: 0%!important;}
.jumbotron_home h1{font-size: 33px!important; text-align: left!important}
.jumbotron_home .container-fluid{margin-top: 40px;   padding: 0px 8px!important;}

.slider-big .carousel-caption {    bottom: 37%!important;}

.tinte_home h2 {font-size: 32px; margin-top: 140px}
.tinte_home .descrizione p{margin-bottom: 40px}
.riga_colori .nome_colore{font-size: 14px!important}
.riga_colori {    margin-top: -20px;}
.riga_colori .col-2{padding-left: 0px!important; padding-right: 0px!important}

.top-of-the-month-box h2.text {    font-size: 47px;}
.top-of-the-month-box h2.text span {font-size: 47px}

.box-problemi .nav-tabs .nav-link {font-size: 12px;   padding: 10px 7.67px;}
.tab-content .immagine{height: 250px!important}
.tab-content .testo{height: 300px}
/*.tab-content .testo{padding-right: 0px!important; }*/
.box-problemi .titolo { margin-top: 20px;  font-size: 26px; line-height: 33px}
.tab-content .testo .descrizione{ margin-top: 16px}
.box-problemi .tab-content .discover {  bottom: 30px;}
.box-problemi .descrizione {    line-height: 20px;}

.top-of-the-month-box h2{ margin-top: 40px}


.home .box-superfici {background: url(/wp-content/themes/boero-fai-da-te/img/bg_home_mobile_white.png)!important; background-size: cover!important;
    background-position: 63% center!important;    background-repeat: no-repeat!important; padding:60px 15px 20px!important}
.home .box-superfici h2{margin-top: 2rem!important}
.home .banner_decorativa{background: none!important; padding: 0!important}
.home .banner_decorativa .row{ display: flex!important;    flex-flow: column-reverse!important;}
.home .banner_decorativa img{padding-left: 15px; padding-right: 15px}
.home .banner_decorativa .colonna_testo{background: url(/wp-content/uploads/2024/01/bg_home_blu_right_new.png)!important; background-size: cover!important;
/*  background-position: 64% 39%!important;    background-repeat: no-repeat!important;    padding: 85px 15px 69px!important;*/

  background-position: 50% 39%!important;
  background-repeat: no-repeat!important;
  padding: 45px 15px 118px!important;}

.home .banner_decorativa .colonna_immagine{    z-index: 3;    margin-top: -80px;}
.top-of-the-month-box .swiper-button-prev {   z-index: 99;  left: -15px!important;  top: 50%!important;    width:50px;  }
.main-body .contacts-popup .send input {      width: 161%;  }
/****SINGLE PRODOTTO****/
.single-prodotto .box-prodotto{margin-top: 0px!important}
.single-prodotto .prodotto-header{padding-bottom: 0px!important}
.single-prodotto .swiper-affini .swiper-button-next{    right: -26px;}
.single-prodotto .swiper-affini .swiper-button-prev{    left: -26px;}
.single-prodott .affine .titolo{font-size: 1.5rem}
.swiper-affini .swiper-button-next{    right: -42px;}
.swiper-affini .swiper-button-prev{    left: -42px;}
.single-prodotto .prodotto-header{    background: url(/wp-content/uploads/2024/01/bg_prodotto.png)!important;
    background-size: 159%!important;    background-position: 94% 10%!important;    background-repeat: no-repeat!important;}
.calcolatore h1.prodotto-titolo{font-size: 45px}
/****PROBLEMI E SOLUZIONI****/
/*.suggerimenti .jumbotron_home {    background-position: 58% center!important;}*/
.suggerimenti .jumbotron_home h1, .suggerimenti .jumbotron_home h5 p{color:#fff}
.single-problemi-e-soluzioni .page-body{padding-top: 15px}
.single-problemi-e-soluzioni .main-body .container-fluid{padding-bottom: 20px!important}
.single-problemi-e-soluzioni .main-body .container-fluid, .single .main-body .container-fluid{margin-top: 0px}
.container_consigliati {padding-bottom: 0px!important}
.container_consigliati h4{margin-bottom: 0px!important}
.prodotti-consigliati .swiper-button-prev { z-index: 99; left: -23px;   top: 36%!important; width: 50px;    }

/***FILTRO****/
.open-filters.active .line{display: none}

/*** TASSONOMIA COLORE****/
.color-page-body {   margin-top: 48px;}
.page-template-tpl-colori .color-page-body .descrizione-pagina {    padding-bottom: 15px;}
.tax-collezioni_colore .colore-descrizione {    width: 100%;}
.subrow {margin: 0 auto!important}
.page-template-tpl-colori .colore-titolo span {font-size: 40px}
.page-template-tpl-colori .colore-titolo, .page-template-tpl-colori .colore-descrizione{color:#fff}
/*.tax-collezioni_colore .jumbotron_home {    min-height: 585px;}*/
.tax-collezioni_colore .contenitore_copertina {  left: 16px;}


/****** FOOTER ********/

.main-footer {padding-top: 0px; }
.main-footer .text p{font-size: 14px}
.main-footer .logo_boero { width:40%}
.main-footer .loghi img{float: left!important;}

/******POST / NEWS *****/
.page-template-tpl-news .main-body {    margin-top: 105px;}
.page-template-tpl-news .header {padding: 50px 16px!important}
.page-template-tpl-news .immagine_copertina{margin-top: 40px}

.jumbotron_home .news-evidenza-titolo, .jumbotron_home .news-evidenza-descrizione {    width: 100%;}
.single-news .news-body{margin-top: 0px!important; padding-top: 0px!important}

/****** CONTATTI *****/

/*.contenitore_numeroverde img {width: 280px}
.centered_text { font-size: 34px; left: 40%}*/

.contenitore_numeroverde a {   width: 55%;    left: 22px;    top: 22px;    font-size: 34px;}
/******NON  MIO******/
    .prodotto-header.v2 .text {
        margin-right: 0;
    }

    .main-body .contacts-popup .flex-bis-1 label, .main-body .contacts-popup .flex-bis-3 label {
        width: 100%;
    }

    .main-body .contacts-popup .flex-bis-1, .main-body .contacts-popup .flex-bis-2, .main-body .contacts-popup .flex-bis-3 {
        display: block;
    }

    .page-contatti .prodotto-header.v2 .text *,
    .page-contatti .prodotto-header.v2 .text .prodotto-titolo {
        color: #041e42;
    }

/****contatti***/
    .page-contatti h2{font-size: 42px;}
    .page-contatti h2 span{font-size: 42px; }




    .prodotto-header.v2 .text *,
    .prodotto-header.v2 .text .prodotto-titolo {
        color: white;
    }


    .suggerimenti .prodotto-header.v2 .text *,
    .suggerimenti .prodotto-header.v2 .text .prodotto-titolo,
    .single-problemi-e-soluzioni .prodotto-header.v2 .text *,
    .single-problemi-e-soluzioni .prodotto-header.v2 .text .prodotto-titolo
     {
        color: #041E42;
    }


    .single-prodotto .prodotto-header.v2 .text *,
    .single-prodotto .prodotto-header.v2.text .prodotto-titolo,
    .taxonomy-superficie_prodotto .prodotto-header.v2 .text *,
    .taxonomy-superficie_prodotto .prodotto-header.v2.text .prodotto-titolo {
        color: #041E42;
    }

    .single-prodotto .prodotto-header.v2 .text .discover {
        color: white;
    }


    .tax-collezioni_colore .prodotto-header.v2 .text .prodotto-descrizione p {
        color:#041E42;
    }

    .prodotto-header.v2 .text .banner-button {
        color: #041E42;
    }
    .prodotto-header.v2 .text .prodotto-titolo span {
        color: #D9000D;

    }
    .prodotto-header.v2 .prodotto-header-left {
        height: auto;
    }



    .single-prodotto .prodotto-header.v2 .prodotto-header-right {
        display: none;
    }


    .single-prodotto .prodotto-header.v2 .prodotto-immagine {
        margin-left: 45px;
        margin-top: 25px;
    }


    .prodotto-header.v2 .prodotto-header-left {
        /*background-color: #f0f0f0;*/
    }
    /*.affini .affine {
        margin-bottom: 50px;
    }*
    .canvas-hp .product-slider {
        bottom: -82px;
    }

    .canvas-swiper-home h1 {
        margin-left: 0;
        font-size: 43px;
        line-height: 57px;
    }


    .color-page-header .blue-bg {
        width: 100%;
        max-width: unset;
        flex: 0 0 100%;
        padding-left: 62px;
        padding-top: 100px;
    }
    .canvas-swiper-home .prodotto-descrizione {
        margin-top: 17px;
        margin-bottom: -20px;
    }

    .color-page-header .prodotto-titolo span, .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 66px;
        /*margin: 7px 12px;*/
    }


    .banner .prodotto-header-left {
        padding-left: 15px;
        padding-right: 15px;
    }


    .canvas-hp .product-slider img {
        width: 168px;
    }

    .prodotto-header.v2 .prodotto-immagine {
        width: auto;
    }

    .prodotto-header.v2 .prodotto-header-left.blue-bg {
        background-color: #041E42;
    }

    .page-collezioni-colore .prodotto-header {
        padding-bottom: 60px;
    }

    .page-collezioni-colore {
        padding-bottom: 0;
    }

    .color-page-header .shape-blue-bg {
        display: none;
    }

    .color-page-header .blue-bg {
        padding-top: 140px;
        padding-left: 45px;
        padding-right: 45px;
    }

    .main-header {
        background-color: white;
    }


    .problemi-e-soluzioni-list {
        margin-top: 0;
    }

    .problemi-e-soluzioni-card .info {
        min-height: 222px;
    }

    .canvas-swiper-home.color-page-header h1 {
        margin-left: 0;
    }

    .single-problemi-e-soluzioni .prodotto-header.v2 .text {
        padding: 0;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text {
        position: inherit;
    }

    .page-collezioni-colore .prodotto-header {
        padding-bottom: 50px;
        background: #f0f0f0;
        padding-bottom: 0;
    }





}

@media(max-width: 576px) {
  .box-problemi .nav-tabs .nav-link {    font-size: 10.2px;    padding: 10px 2.5px;}
  .contenitore_numeroverde a {  width: 65%;     top: 44px;    font-size: 36px;}

    .breadcrumbs {
        padding-left: 0;
    }

    .single-prodotto .prodotto-uso {
        font-size: 18px;
    }

    .single-prodotto .prodotto-titolo {
        line-height: 54px;
    }

    .single-prodotto .box-prodotto {
        padding-bottom: 10px;
    }

    .calcolatore input {
        width: 100%;
    }

    .calcolatore button {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .calcolatore .result {
        line-height: 25px;
        margin-top: 20px;
        min-height: unset;
        font-size: 16px;
    }

    .calcolatore {
        margin-bottom: 50px;
    }

    .calcolatore .result span {
        font-size: 33px;
    }

    .single-prodotto .prodotto-header.v2 .text {
        padding-bottom: 15px;
    }

    .single-prodotto .prodotto-header {
        padding-bottom: 40px;
    }

    .main-body .taxonomy-categoria_prodotto.page-body .container-fluid:first-child {
        margin-bottom: 25px;
    }

    .taxonomy-categoria_prodotto .prodotto-header {
        background :#041E42;
    }

    .taxonomy-categoria_prodotto .prodotto-header.v2 .text {
        margin: 0;
    }

    .single-problemi-e-soluzioni .prodotto-header .prodotto-immagine {
        border-radius: 0;
    }

    .suggerimenti .prodotto-titolo {
      padding-left: 0px!important;
        font-size: 36px;
        line-height: 49px;
    }

     .suggerimenti .jumbotron_home .prodotto-descrizione{padding-left: 0px}
     .page-template-tpl-colori .jumbotron_home .colore-titolo,
     .page-template-tpl-colori .jumbotron_home .colore-descrizione{padding-left: 0px}


    .suggerimenti .prodotto-descrizione {        width: 100%;    }
    .page-template-tpl-colori .colore-descrizione {    width: 100%;}


    .page-collezioni-colore .breadcrumbs,
    .taxonomy-categoria_prodotto .breadcrumbs,
    .taxonomy-superficie_prodotto .breadcrumbs
     {
        padding-left: 15px;
    }
    .taxonomy-superficie_prodotto .breadcrumbs{margin-bottom: 25px}
    .page-template-tpl-colori .color-page-body .prodotto-header.v2 {
        margin-bottom: 0;
    }
    .page-template-tpl-colori .prodotto-header.v2 .text .banner-button {
        font-size: 16px;
    }

    .single-problemi-e-soluzioni .prodotto-header .prodotto-immagine {
        height: auto;
        min-height: unset;
    }

    .single-problemi-e-soluzioni .prodotto-header .prodotto-immagine {
        margin-left: 0;
    }

    .single-problemi-e-soluzioni .prodotto-header {
        padding-top: 0;
    }

    .prodotto-header.v2 .text .prodotto-titolo span {
        margin-left: 0;
        font-size: 74px;
    }


    .suggerimenti .prodotto-header.v2 .text .prodotto-titolo span {
        font-size: 58px;

    }
    .suggerimenti .prodotto-header.v2 .text {
        padding-left: 0;
    }

    .suggerimenti .prodotto-header {
        padding-top: 0;
    }

    .suggerimenti .prodotto-header.v2 > .row {
        margin: 0;
    }

    .suggerimenti .prodotto-header.v2 .prodotto-immagine {
        z-index: 1;
        width: 530px;
        height: auto;
        border-radius: 0;
        min-height: unset;
        display: block;
        position: initial;
        order: -1;
        margin-left: 0;
        margin-bottom: 0;
        max-width: 100%;
        width: 100%;
    }

    .main-footer {
        padding-bottom: 51px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-footer .logo-footer {
        position: absolute;
        right: 0;
        bottom: -25px;
        max-width: 200px;
        left: 0;
        margin: auto;
    }

    .tax-collezioni_colore .prodotto-header.v2 .prodotto-immagine {
        margin-bottom: 20px;
    }

    .single-colore .denominazioni .codice-colore {
        font-size: 40px;
        line-height:40px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text *,
    .taxonomy-superficie_prodotto .prodotto-header .text * {
        font-size: 42px;
        line-height: 42px;
    }

    .taxonomy-categoria_prodotto .prodotto-header .text .descrizione, .taxonomy-superficie_prodotto .prodotto-header .text .descrizione {
        font-size: 20px;
        line-height: 27px;
        margin: 0;
    }

    .canvas-hp .product-slider .info {
        position:initial;
    }
    .canvas-swiper-home h1 {
        line-height: 48px;
        font-size: 38px;
    }




    .color-page-header .prodotto-titolo span, .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 55px;
        /*margin: 7px 16px;*/
    }

    .canvas-swiper-home .prodotto-descrizione {
        margin-top: 0;
        font-size: 16px;
        line-height: 26px;
    }

    .canvas-hp .product-subtitle {
        font-size: 16px;
        margin-bottom: 23px;
    }

    .canvas-hp .product-title {
        margin: 0;
        font-size: 16px;
    }

    .canvas-hp .product-slider {
        margin-top: -49px;
        bottom: -155px;
    }

    .canvas-hp .product-subtitle,
    .canvas-hp .product-title {
        color: #041E42;

    }

    .box-soluzioni {
        margin-top: 200px;
    }



    .canvas-hp .swiper-pagination.swiper-pagination-bullets {
        bottom: -215px;
    }


    .canvas-hp .product-slider .info {
        text-align: center;
        margin-left: 0;
    }


}

@media(max-width: 425px) {
  .contenitore_numeroverde a {
    width: 83%;
    top: 25px;
    font-size: 36px;
    left:12px
}
    .canvas-swiper-home h1 {
        line-height: 46px;
        font-size: 36px;
        padding-top: 0;
    }
    .color-page-header .prodotto-titolo span, .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 35px;
        /*margin: 4px 12px;*/
    }

    .main-body .container-fluid {
        padding: 0 16px;
    }

    .news-body {
        padding-top: 45px;
    }

    .filtri-container {
        overflow-x: scroll;
    }

    .news .filtri {
        justify-content: flex-start;
        padding: 0;
        margin: 0;
    }

    .main-body .contacts-popup {
        max-width: 100%;
    }


    .breadcrumbs {
        margin-bottom: 0;

    }

    .canvas-swiper-home .prodotto-descrizione {
        margin-top: 0;
        font-size: 16px;
        line-height: 26px;
    }

    .canvas-hp .product-subtitle {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .canvas-hp .product-title {
        margin: 0;
        font-size: 16px;
    }

    .canvas-hp .product-slider {
        margin-top: -78px;
    }

    .canvas-hp .product-slider img {
        width: 166px;
    }

    h6.text {
        margin-top: 14px;
        margin-bottom: 45px;
    }

    h6.text p {
        margin-bottom: 0;
    }

    .top-of-the-month,
    .top-of-the-month-slider.swiper{
        margin-top: 45px;
    }

    .box-problemi.container-fluid {
        margin-top: 45px;
    }

    .box-soluzioni .img-sx {
        margin-top: 0;
    }

    .box-soluzioni h6.text {
        margin-top: 45px;
    }

    .problemi-e-soluzioni-card {
        margin-bottom: 45px;
        padding-bottom: 45px;
    }

    .discover-all-container {
        margin-top: 45px;
    }

    .problemi-e-soluzioni-list .col-lg-3:last-child .problemi-e-soluzioni-card {
        margin-bottom: 0;
    }

    .box-colori {
        margin-top: 45px;
    }

    .box-colori .col-custom {
        width: 19%;
    }

    .box-colori h2.text {
        margin-bottom: 30px;
    }

    .suggerimenti .intro .titolo {
        font-size:35px;
    }



    .main-footer .container-fluid {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    .main-footer {
        padding-bottom: 0;
        padding-left:0;
        padding-right: 0;
    }

    .banner .prodotto-immagine {
        display: block;
        width: 261px;
        position: initial;
        order: -1;
    }

    .banner {
        margin-top: 45px;
    }



    .prodotto-header.v2 .text {
        padding-left: 15px;
        padding-right: 15px;
    }

        .main-footer .logo-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 175px;
        max-width: unset;
        margin: auto;
    }



    .main-body .contacts-popup {
        top: 0;
    }

    .main-footer .sub-menu ul {
        justify-content: center;
    }

    .main-footer .sub-menu ul {
        flex-wrap: wrap;
    }

    .box-colori .colore-card {
        height: 350px;
    }

    .page-collezioni-colore .color-grids {
        padding-top: 45px;
    }






}

@media(max-width: 375px) {

    .discover-all {
        font-size: 12px;
    }

    h2.text {
        font-size: 30px;
        line-height: 35px;
    }

    .canvas-swiper-home h1 {
        line-height: 39px;
        font-size: 27px;
    }

    .color-page-header .prodotto-titolo span {
        font-size: 47px;
    }

    .prodotto-header.banner {
        padding-top:20px;
    }


    .main-footer {
        padding-left: 0;
        padding-right: 0;
    }

    .main-footer .logo-footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 175px;
        max-width: unset;
        margin: auto;
    }

    .box-colori .colore-card {
        height: 250px;
    }

}
@media(min-width: 1366px) {

  .single-prodotto .breadcrumbs{margin-bottom: 0px!important}
  /*.single-prodotto .box-prodotto{margin-top: 15px!important}*/
  .prodotto-header.v2 .prodotto-header-left {
      background-repeat: no-repeat;
      height: 333px;
    }
  .prodotto-header{background-size: 62%!important}
  .prodotto-header img{width: 45%!important}
  .prodotto-header.v2 .text {      padding-left: 158px; padding-top: 50px }

    .color-page-header .prodotto-titolo span,
    .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 102px;
    }

    .page-template-tpl-suggerimenti .prodotto-titolo span {
        font-size: 74px;
    }

}

@media(min-width:1750px) {

  .single-prodotto .box-prodotto{margin-top: 15px!important}
  .prodotto-header img {
      width: 37%!important;
  }
  .tax-collezioni_colore #content-container{max-width:1350px!important}

  .contenitore_numeroverde a {    top: 25px;   text-align: left; left: 46px; }
    .color-page-header .shape-blue-bg {
        height: 700px;
        margin-right: -1px;
    }


    .color-page-header.calcolatore > .row {
        border-radius: 25px;
        width: 100%;
        margin: auto;
        background-size: 63%;
        background-position: right;
    }

    .calcolatore .prodotto-titolo {
        font-size: 60px;
        font-weight: bold;
        margin: 0;
        line-height: 65px;
        margin-bottom: 10px;
    }

    .color-page-header .white-bg {
        padding-left: 120px;
    }

    .color-page-header img {
        width: 385px;
    }

    .page-template-tpl-colori .color-page-header .blue-bg {
        padding-top: 269px;
        padding-right: 200px;
    }

    .canvas-hp .product-slider {
        bottom: -211px;
    }

    .box-soluzioni {
        margin-top: 350px;
    }

    .canvas-hp .swiper-pagination.swiper-pagination-bullets {
        bottom: -276px;
    }


}
@media(min-width: 2100px) {
  .tax-collezioni_colore #content-container{max-width:1850px!important}
  .contenitore_numeroverde a {width:60%}
}