/* FOGLIO DI STLE COMUNE A TUTTO IL SITO */

/*-----------*/
/*** Importazione fogli di stile comuni ***/
@import "common-reset.css";
@import "common-fonts.css";
@import "animate.css";
@import "common-margins.css";
@import "common-effects.css";
@import "common-form.css";
@import "lightgallery.css";
@import "common-gallery.css";
@import "common-navigation.css";
@import "swiper-bundle.min.css";
@import "common-preloader.css";

/*-----------*/
/*** VARIABILI ***/
/*:root {
    --font-titolo: 'Nunito Sans', sans-serif;
    --font-paragrafo: 'Nunito Sans', sans-serif;
    --font-bottoni: 'Nunito Sans', sans-serif;
    --font-menu: 'Nunito Sans', sans-serif;
}*/

/*-----------*/
/*** UTLITY ***/
a {text-decoration: none;}
.clear {clear: both;}
.position-absolute {position: absolute !important;}
.position-relative {position: relative !important;}
.h-100 {height: 100% !important;}
.w-100 {width: 100% !important;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align:right;}
.text-uppercase {text-transform: uppercase !important;}
.overflow-hidden {overflow: hidden !important;}
.overflow-visible {overflow: visible !important;}
.bg_att-fixed {background-attachment: fixed;}
/* opacità */
.opacity-0 {opacity:0 !important;}
.opacity-25 {opacity: .25;}
.opacity-30 {opacity: .30;}
.opacity-40 {opacity: .40;}
.opacity-50 {opacity: .50;}
.opacity-60 {opacity: .60;}
.opacity-75 {opacity: .75;}
.opacity-80 {opacity: .80;}
.opacity-85 {opacity: .85;}
.opacity-90 {opacity: .90;}
.opacity-100 {opacity:1 !important;}
/* raccordi */
.radius-100 {border-radius: 100%;};
/* ombre */
.box-shadow {box-shadow: 3px 3px 1px rgba(0,0,0,1);}
.txt-shadow {text-shadow: 3px 1px 1px rgba(0,0,0,1);}
/* tagli clip path */
.clip-path-destra {
    clip-path: polygon(0 0, 200% 0, 200% 100%, 0% 100%);
    overflow: visible;
}
.clip-path-sinistra {
    clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
    overflow: visible;
}


/*-----------*/
/*** CUSTOM GRIGLIA Boostrap ***/
/*.container {
    max-width: 1720px;
    padding-right: 20px;
    padding-left: 20px;
}*/

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 20px;
    margin-left: 20px;
    width: auto;
}
.full-width-mobile {
    width: 100vw;
    margin-left: -20px;
}

/*.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}*/

/*-----------*/
/*** SEZIONI ***/
body {background-color: #ffffff; color: #000000;}

.wrap-white {background-color:#ffffff; padding-bottom: 50px; z-index: 15;}
.page:not(.home) .wrap-white {padding-top: 90px;}
.home .wrap-white {margin-top:100vh;}
/*.page .wrap-white {background-color: transparent;}*/

.shadow-main {
    -webkit-box-shadow: inset 0px 10px 50px -20px rgba(19,12,0,1); 
    box-shadow: inset 0px 10px 50px -20px rgba(19,12,0,1);
}

.texture-interno section {
    position: relative;
    z-index: 2;
}
.home .texture-interno .bg_texture-interno,
.famiglia .texture-interno .bg_texture-interno,
.page.scheda .texture-interno .bg_texture-interno {
    background-image: url("/Content//images/texture_carta_interno2.jpg"); 
    background-position:top center; 
    background-repeat: repeat-y;
    background-size: 100vw auto;
    z-index: 1;
}
 
.page.categoria .texture-interno .bg_texture-interno,
.page.corporate .texture-interno .bg_texture-interno {
    background-image: url("/Content/images/texture_noise.jpg"); 
    background-position:top center; 
    background-repeat: repeat-y;
    background-size: 100vw auto;
    z-index: 1;
}

/* header */

/* footer */
footer {
    /*-webkit-box-shadow: 0px -10px 100px 0px rgba(19,12,0,1);
	box-shadow: 0px -10px 100px 0px rgba(19,12,0,1);*/
    z-index: 4;
    padding-top: 30px;
    padding-bottom: 50px;
    z-index: 15;
    background-color: #5b4f42;
    color: #ffffff;
}

footer p {/*font-size: 17px;*/}
footer p a:hover {color: #ffffff;}

footer .sacchetto {
    display: none;
    position: absolute;
    width: 100%;
    height: calc( 100% + 50px );
    top:-50px;
    z-index: 1;
    background-image: url("/Content/images/texture_footer2.png");
    background-repeat: repeat-x;
    background-position: top center;
    background-size: 70px auto;
    /*background-color: red;*/
    overflow: hidden;
}

footer .marrone {
    position: absolute;
    width: 100%;
    height: calc( 100% + 50px );
    top:-50px;
    z-index: 1;
    background-image: url("/Content/images/texture_footer-marrone.png");
    background-repeat: repeat-x;
    background-position: top center;
    background-size: 65px auto;
    /*background-color: red;*/
    overflow: hidden;
}

footer .footer_gradient {
    display: none;
    height: 60% !important;
    bottom: 0 !important;
    top: auto;
    background: rgb(82,56,16);
    background: linear-gradient(180deg, rgba(82,56,16,0) 60%, rgba(82,56,16,0.8) 100%);
}

/*-----------*/
/*** COLORI ***/
/* background */
.bg_lime {background-color: lime;}
.bg_white {background-color: #ffffff;}
.bg_black {background-color: #000000;}
.bg_gold {background-color: #A88862;}
.bg_light {background-color: #F2EEE8;}
.bg_grey {background-color: #cccccc;}
.bg_red {background-color: red !important;}
/* colori testo */
.c_red {color: red;}
.c_lime {color: lime;}
.c_white {color: #ffffff;}
.c_black {color: #000000;}
.c_grey {color: #cccccc;}
.c_medium-grey {color: #999999;}
.c_dark-grey {color: #333333;}
.c_gold {color: #A88862;}
.c_light {color: #F2EEE8;}
/*sfumature*/
.bg_black-transparent-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.bg_brown-transparente-gradient_vertical {
    background: rgb(82,56,16);
    background: linear-gradient(0deg, rgba(82,56,16,0) 0%, rgba(82,56,16,0.4) 100%);
}

/*-----------*/
/* STILI DI PARAGRAFO */
.h1, .editor h1 {
    font-family: 'barlow';
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    font-weight: 600;
}

.h2, .editor h2 {
    font-family: 'barlow';
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 1rem;
}

.h3, .editor h3 {
    font-family: 'brush';
    font-size: 30px;
    line-height:80px;
}

.p, p, .editor p {
    font-family: 'abel-regular';
    line-height: 33px;
    font-size: 19px;
}

.scheda .editor p {
    line-height: 33px;
    font-size: 19px;
}
    
.p p, .editor p, p {margin-bottom: 1rem;}
.p p:last-child, .editor p:last-child, p:last-child {margin-bottom: 0;}  
.p b, .p .strong, p b, p strong, .editor p b, .editor p strong {font-family: 'abel-bold';}
.p i, .p em, p i, p em, .editor p i, .editor p em {font-style: italic !important;}
.p b i, .p b em, .p strong i, .p strong em,
.p i b, .p em b, .p i strong, .p em strong,
p b i, p b em, p strong i, p strong em,
p i b, p em b, p i strong, p em strong,
.editor p b i, .editor p b em, .editor p strong i, .editor p strong em,
.editor p i b, .editor p em b, .editor p i strong, .editor p em strong {
    font-family: 'abel-bold';
    font-style: italic !important;
}

.p a:hover, p a:hover {}

.editor *:last-child {margin-bottom: 0;}
.editor a, p a {text-decoration: underline;}
.editor a:hover, p a:hover {text-decoration: underline;}
.editor blockquote {
    text-decoration: uppercase;
    color: #379E5A;
}
.editor ul {
    list-style:disc;
    margin-left: 20px; 
    margin-top: 1rem;
    font-family: 'abel-regular';
    line-height: 33px;
    font-size: 19px;
}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 {
    margin-bottom: 1rem;
}

.txt-small {
    font-size: 80% !important; 
    line-height: 100% !important;
}

sup {
    font-size: 30%;
    vertical-align: super;
}

/*-----------*/
/*** LOGO ***/
.logo {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

header.sticky #desktop-nav .wrap-logo.height-custom {
    overflow: hidden;
   /* height: 80px;*/
}

header .logo {
    display:block;
    width: 250px;
    height: 90px;
    background-image: url("/Content/common/img/logo_bottega-R_black.svg");
    background-size: auto 100px;
    background-position: left bottom;
}

    .home header .logo {
        background-image: url("/Content/common/img/logo_bottega-R_white_shadow.png");
    }

.wrap-img-logo-main {
    margin-top:17vh;
}

.img-logo-main {
    background-image:url("/Content/common/img/logo_bottega_white_work.svg");
    background-repeat:no-repeat;
    background-position: center center;
}

.home.page.corporate .img-logo-main {
    background-image:url("/Content/common/img/logo_bottega_black_work.svg");
}
.scheda .img-logo-main {
    background-image:url("/Content/common/img/logo_bottega_white_work_scheda.svg");
}

@media all and (orientation:portrait) {
    .img-logo-main {
        height: 59vw;
        background-size: cover;
    }
}
@media all and (orientation:landscape) {
    .img-logo-main {
        height: 61vh;
        background-size: contain;
        min-height: 400px;
        max-height: 800px;
    }
}

/*-----------*/
/*** LINEE ***/
.line {
    height:2px; 
    margin: 20px 0;
    position: relative;
    margin-left: -10px;
    width: calc( 100% + 10px );
}

.line:before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 20px;
    height: 20px;
    border: 2px solid #4BA76A;
    background-color: #ffffff;
    border-radius: 100%;
    margin-left: -20px;
    transform: translateY(-);
}

    .download-item .line .label {
        background-color: #4BA76A;
        color: #ffffff;
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        font-weight: 600;

        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
        padding: 3px 6px;
    }

/*-----------*/
/*** ICONE / BOTTONI / FRECCE ***/

/* bottoni */
.cta {
    position: fixed;
    bottom: 80px;
    right: 40px;
    z-index: 80;
    display: none;
}

.categoria .cta {
    position:absolute;
    left: 50%;
    z-index: 80;
    right: auto;
    top: 0;
    bottom: auto;
    transform: translateY(-50%) translateX(-50%);
    display: block;
    transition: opacity 250ms ease-in-out;
    z-index: 2;
}

.cta .button {font-size: 150%;}

.wrap-button {}

.button {
    background-color: #737373;
    color: #ffffff;
    padding: 8px 23px;
    border-radius: 20px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "abel-regular";
    font-size: 19px;
    cursor: pointer;
   /*-webkit-box-shadow: 0px 0px 10px 0px #000000; 
	box-shadow: 0px 0px 10px 0px #000000;*/
    /*border: 2px solid;*/
    transition: transform 100ms ease-in-out;
}

.button:hover, a:hover .button {
    transform: scale(1.1);
    color: #ffffff;
    background-color: #000000;
}

.name-panel .button {
    color: #000000;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.78); 
box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.78);
}

/*-----------*/
/*** BOX ***/

/* generiche */
.box_absolute {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.box_fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.box {
    overflow: hidden; 
    position: relative; 
    width: 100vw;
    margin: 15vh 0;
}

section.breadcrumb + section {
    margin-top: 2vh;;
}

/* BOX A */
.home #box_A1 {
    height: 100vh; 
    position: absolute;
    top:0;
    left: 0;
    width: 100vw;
}
#box_A1.box {margin-top: 0; margin-bottom: 0;}
#box_A1 .h3 {font-size:40px; line-height: 150%;}
#box_A1 .filigrana {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom:0;
    left: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
    background-image: url("/Content/images/3-uomini.png");
    z-index: 1;
}

.parallax_wrap {overflow: hidden; max-height: 1000px;}
    .home.page .parallax_wrap {max-height: unset;}

.parallax_wrap img {width: 100%;}

/* box special */
.box_special {
    position: absolute;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
}

    .box_special img {
        position: relative; 
        z-index: 0;
    }

    /*@media all and (orientation:landscape) {*/
    @media (min-aspect-ratio: 4/3) {
        .box_special, .box_special img {width: 100%;}
    }
    @media all and (orientation:portrait) {
        .box_special,  .box_special img {height: 100%;}
   }

/* BOX F */
@media all and (orientation:portrait) {
    .famiglia #box_F1 {height: 75vh;}
    .famiglia .wrap-white {margin-top: 75vh;}
}
#box_F1 .wrap-pointer {z-index: 3;}
#box_F1 .name-panel {z-index: 5; display: none;}

#box_F1 .name-panel .scritta img {
    width: calc(100% - 80px);
    margin: 0 40px;
}

.wrap-arrow-down {
    position: fixed;
    cursor: pointer;
    width: 100vw;
    z-index: 3;
}
.wrap-arrow-down {bottom:1rem;}
.arrow-down {display: block;}
.arrow-down img {width: 4.5vh; max-width: 50px;}
.arrow-down img:hover {
    visibility: visible;
    animation-duration: 1.5s;
    animation-iteration-count: 1;
    animation-name: bounce;
    transform-origin: center bottom;
}

#box_F1 .name-panel .close-button {
    cursor: pointer;
    z-index: 5;
    display: block;
}
#box_F1 .name-panel .close-button a {display: inline-block;}
#box_F1 .name-panel .close-button img {width: 40px;}

#box_F1 .pointer {
    display: block;
    position: absolute;
    background-color: #ffffff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    -webkit-box-shadow: 0px 0px 35px 0px #000000; 
	box-shadow: 0px 0px 35px 0px #000000;
    opacity: 1;
    transition: all 100ms ease-in;
    cursor: pointer;
    z-index: 3;
    transform: translateX(-50%) translateY(-50%);
}

#box_F1 .pointer:hover {width: 30px; height: 30px;}

/* box scheda */
.box_scheda .img_pezzo {width: 75%; max-width: 325px; margin-left: -35px;}
.box_scheda .dicitura_01 {font-size: 27px;}
.box_scheda .dicitura_02 {font-size: 27px;}
.box_scheda .nome_prodotto {font-size: 40px;}
.box_scheda .swiper {overflow: visible;}
.box_scheda .swiper-thumb .swiper-slide {width: unset;}
.box_scheda .swiper-thumb .swiper-slide {
    font-size: 19px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "abel-regular", sans-serif;
    display: block;
    cursor: pointer;
    /*width: 150px;*/
    margin-left: 50px;
}
.box_scheda .swiper-thumb .swiper-slide:first-child {
    /*margin-left: 50px;*/
}
.box_scheda .swiper-thumb .swiper-slide::before {
    content: ">";
    display: inline-block;
    width: 15px;
    margin-left: -15px;
}

.box_scheda .swiper-thumb .swiper-slide.swiper-slide-thumb-active {
    font-family: "barlow", sans-serif;
}
.box_scheda .swiper-thumb .swiper-slide.swiper-slide-thumb-active::before {
    content: "";
    position: absolute;
    height: 80px;
    width: 1px;
    background-color: #000000;
    top: -70px;
}
.box_scheda .swiper-thumb .swiper-slide.swiper-slide-thumb-active::after {
    content: "";
    display: inline-block;
    width: 10px;
    margin-left: -15px;
    height: 1px;
    background-color: #000000;
    position: absolute;
    top:10px;
    left: 0;
}

/* box tabella */
.wrap-tabella {overflow-x: scroll;}
.box_tabella {
    z-index: 3;
    position: relative;
}
.box_tabella .box {margin:4vh 0;}
.box_tabella .tabella {
    font-family: 'abel-regular', sans-serif; 
    font-size: 19px; 
    min-width: 800px; 
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 40px;
}
.box_tabella .tabella .row {position: relative;}
.box_tabella .tabella .row.active::before {
    content: "";
    position: absolute;
    width: 30px;
    margin-left: -40px;
    height: 100%;
    background-image: url("/Content/common/img/arrow-table-active.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.box_tabella .tabella .row.active .col {font-family: "barlow", sans-serif;}
.box_tabella .tabella #intestazione .col {border:0;}
.box_tabella .tabella #intestazione .col span {background-color: #D9DADA; text-transform: unset;}
.box_tabella .tabella .col {border-left: 1px solid; margin-left: 5px; padding-left: 5px;}
.box_tabella .tabella .col span {display:block;  padding:3px 10px;}
.box_tabella .tabella .row .col:first-of-type {border-left: 0; margin-left: 0;}

/* box frasona */
.box_frasona {
    font-family: 'abel-regular', sans-serif;
    text-align: center;
}

.box_frasona .editor p,
.scheda .box_frasona .editor p,
.box_A .editor p,
.big-txt p  {
    font-size: 31px;
    line-height: 55px;
}

.box_frasona .gradient {
    background: rgb(82,56,16);
    background: linear-gradient(180deg, rgba(82,56,16,0.2) 0%, rgba(82,56,16,0) 30%, rgba(82,56,16,0) 70%, rgba(82,56,16,0.2) 100%);
}

.box_frasona .box, .box_confezioni-home .box {margin: 7vh 0 5vh 0;}

/* box carosello correlati */
section .title {font-size: 20px;}
.box_carosello-correlati .swiper-box_carosello-correlati {overflow: visible;}
.box_carosello-correlati .swiper-slide-box_carosello-correlati {width:100%; max-width: 290px;}
.scheda .box_carosello-correlati .swiper-slide-box_carosello-correlati {width:100%; max-width: 250px;}

#box_carosello-correlati .swiper-box_carosello-correlati .swiper-button-prev {left:-30px;}
#box_carosello-correlati .swiper-box_carosello-correlati .swiper-button-next {right: -30px;}

.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 30px;
    color: #000000;
}
.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.box_carosello-correlati .swiper-pagination-thumb .swiper-pagination-bullet-active {
    background-color: #000000;
}

/* titolazione */

.thumb-title {
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    font-family: "abel-regular", sans-serif;
    font-size: 21px;
    transition: all 250ms ease-in-out;
}

a:hover .thumb-title,
.thumb-title:hover {
    font-family: "barlow", sans-serif;
}

.page-title-small {
    font-size: 35px; 
    font-family: "abel-regular";
    text-transform: uppercase;
}

.abel-title-big {
    font-size: 60px;
    text-align: center;
    font-family: "abel-regular";
    text-transform: uppercase;
}

.brush-title-big {
    font-size: 80px; 
    line-height: 155%; 
    font-family: "brush";
}
.brush-title-small {
    font-size: 35px; 
    line-height: 150%;
    font-family: "brush";
}
.barlow-title-small {
    font-size: 35px;
    font-family: "barlow";
    text-transform: uppercase;
}
.barlow-title-big {
    font-size: 50px;
    font-family: "barlow";
    text-transform: uppercase;
}

/* griglia */
.griglia .row .box-thumb {
    display: block;
    padding-bottom: 55px;
    position: relative;
    padding-top: 40px;
}

.griglia .row .box-thumb .img {
    overflow: visible;
}

.griglia .row .box-thumb .wrap-shadow {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom:0;
    height: 30px;
    width: 100%;
}

.griglia .row .box-thumb .shadow-down {
    position: absolute;
    left:-5%;
    bottom: 0;
    width: 110%;
    height: 80px;
   /*-webkit-box-shadow: 5px 5px 25px 0px rgba(0,0,0,0.5); */
    box-shadow: 5px -10px 25px 0px rgba(19,12,0,0.2);
    margin-bottom: -80px;
}

.griglia .row .box-thumb:first-child .shadow-down {
    border-radius: 50% 0 0 0;
}
.griglia .row .box-thumb:nth-child(4n) .shadow-down {
    border-radius: 0 50% 0 0;
}
.griglia .row .box-thumb:nth-child(4n+1) .shadow-down {
    border-radius: 50% 0 0 0;
}
.griglia .row .box-thumb:last-child .shadow-down {
    border-radius: 0 50% 0 0;
}
.griglia .row .box-thumb:last-child:nth-child(4n+5) .shadow-down {
    border-radius: 50% 50% 0 0;
}

.logo-halal {
    background-image: url("/Content/common/img/logo-hallal.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 250ms ease-in-out; 
}

.scheda .logo-halal {
    width: 60px;
    height: 60px;
    background-position: center right;
    position: absolute;
    right: 20px;
    right: 20%;
    z-index: 3;
}

.griglia .row .box-thumb .logo-halal {
    position: absolute;
    width:30px;
    height:30px;
    top:30px;
    right:70px;
    background-position: center center;
}
.griglia .row .box-thumb:hover .logo-halal {
    transform: scale(1.70);
    transform-origin: left center;
}

/* box-thumb */
.home .box-thumb {border-bottom: 2px solid #000000;}
.home .box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:last-child.box-thumb {border-bottom: 0px}

.box-thumb .arrow {
    opacity: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 15px;
    background-image: url("/Content/common/img/arrow-hover-categoria.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all 250ms ease-in-out;
    z-index: 3;
}

    .home .box-thumb .arrow {
        height: 25px;
    }

a:hover .box-thumb .arrow, 
.box-thumb:hover .arrow {opacity: 1;}

.box-thumb .img .shadow {
    position: absolute;
    height: 68%;
    top: 15%;
    left: 20%;
    width: 60%;
    background-color: #a4a19c;
    border-radius: 10px;
    filter: blur(6px);
    opacity: 0;
    transition: all 100ms ease-in-out;
}

.box-thumb:hover .img .shadow {opacity: .5;}

.box-thumb .img .box_absolute {
    transition: transform 250ms ease-in-out; 
    transform-origin: bottom left;}

 a:hover .box-thumb .img .box_absolute,
.box-thumb:hover .img .box_absolute {
    transform: rotate(-10.5deg) translateY(7%) scale(1.0);
}

/**/
.box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(1) {order:3;}
.box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(2):not(.arrow) {
    margin-left: 0;
    margin-right: 8.33333333%;
    order:2;
}
.box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(3) {order:1;}
.box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(3) .code {
    margin-left: -4.33333333%;
}

/* page famiglia */
.frasona-famiglia {    
    font-family: 'abel-regular', sans-serif;
    font-size: 31px;
    line-height: 55px;
    text-align: center;
}

/**/
.ricciolo {
    width:70%;
    max-width:700px;
    margin-top: 3rem;
    margin-left:auto;
    margin-right: auto;
    display: block;
}

/**/
.home.page .timbro {
    position: relative;
    top:0;
    left: 0;
    width: 300px;
    height: 200px;
    transform: unset;
}

.home .timbro {
    position: absolute;
    top: 50%;
    transform: translateY(-142%);
    left: 23vw;
    z-index: 9;
    width: 27vw;
    height: 21vw;
    max-width: 500px;
    max-height: 400px;
}

.timbro-sticky {
    position:absolute;
    left: 0;
    top:20vh;
    margin-left: -30px;
    width: 25vw;
    height: 25vw;
    max-width: 300px;
    max-height: 300px;
    z-index: 9;
    background-image: url("/Content/common/img/timbo-sintesi.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

/**/
.margin-top-custom_-10 {margin-top: 3rem;}
.margin-top-custom_-20 {margin-top: 3rem;}
.margin-top-custom_-7 {margin-top: -2rem;}
.margin-top-custom_20 {margin-top: 3rem;}
.margin-top-custom_-40 {margin-top: 3rem;}
.margin-top-custom_-50 {margin-top: 3rem;}

/* MAPPA */
.mappa {position: relative;}
.mappa .altezza {padding-bottom: 50%;}

/*-----------*/
/*** IMMAGINI PROPORZIONALI ***/
.img {
	position:relative;
	overflow:hidden;
}

	.img-w100 img {width: 100%;}
	
	.img-o10 > .altezza {padding-bottom:10%;}
	.img-o15 > .altezza {padding-bottom:15%;}
	.img-o20 > .altezza {padding-bottom:20%;}
    .img-o23 > .altezza {padding-bottom:23%;}
    .img-o24 > .altezza {padding-bottom:24%;}
    .img-o25 > .altezza {padding-bottom:25%;}
	.img-o30 > .altezza {padding-bottom:30%;}
	.img-o40 > .altezza {padding-bottom:40%;}
	.img-o50 > .altezza {padding-bottom:50%;}
	.img-o54 > .altezza {padding-bottom:54%;}
    .img-o55 > .altezza {padding-bottom:55%;}
    .img-o56-5 > .altezza {padding-bottom:56.222%;}
	.img-o60 > .altezza {padding-bottom:60%;}
    .img-o63-3 > .altezza {padding-bottom:63.3%;}
	.img-o70 > .altezza {padding-bottom:70%;}
	.img-o80 > .altezza {padding-bottom:80%;}
	.img-o90 > .altezza {padding-bottom:90%;}
	
    .img-100 > .altezza {padding-bottom:100%;}
	
	.img-v10 > .altezza {padding-bottom:110%;}
    .img-v15 > .altezza {padding-bottom:115%;}
	.img-v20 > .altezza {padding-bottom:120%;}
    .img-v25 > .altezza {padding-bottom:125%;}
	.img-v30 > .altezza {padding-bottom:130%;}
	.img-v40 > .altezza {padding-bottom:140%;}
	.img-v50 > .altezza {padding-bottom:150%;}
	.img-v60 > .altezza {padding-bottom:160%;}
	.img-v70 > .altezza {padding-bottom:170%;}
	.img-v80 > .altezza {padding-bottom:180%;}
	.img-v90 > .altezza {padding-bottom:190%;}

/*--------------------------------------------------------------------------------*/
/*** Media Query comuni ***/
/* maggiore o uguale -> bootstrap ref. */
@media (min-width: 385px) /* SM */ {
    .container-fluid {
        margin-right: 30px;
        margin-left: 30px;
    }
    .full-width-mobile {
        width: 100vw;
        margin-left: -30px;
    }
    .cta {right: 30px;}
}
@media (min-width: 576px) /* SM */ {
    .container-fluid {
        margin-right: 40px;
        margin-left: 40px;
    }
    .full-width-mobile {
        width: 100vw;
        margin-left: -40px;
    }
    .cta {right: 40px;}
    .swiper-button-prev::after,
    .swiper-button-next::after {
        display: none;
    }
}
@media (min-width: 768px) /* MD */ {
    #box_A1 .h3 {font-size: 50px;}
    .margin-top-custom_-7 {margin-top: -7rem;}
}
@media (min-width: 992px) /* LG */ {
    #box_A1 .h3 {font-size: 60px;}
    .full-width-mobile {
        width: unset;
        margin-left:unset;
    }
    .margin-right-custom-20 {margin-right: 20vh;}
    .margin-top-custom_-20 {margin-top: -20vh;}
    .margin-top-custom_-7 {margin-top: -7rem;}
    .margin-top-custom_20 {margin-top: 20vh;}
    .margin-top-custom_-10 {margin-top: -10vh;}
    .margin-top-custom_-40 {margin-top: -40vh;}
    .margin-top-custom_-50 {margin-top: -50vh;}
    .margin-right-custom-5 {margin-right: 5vh;}
    .margin-left-custom-10 {margin-left: 10vh;}
}
@media (min-width: 1200px) /* XL */ {
    .page.categoria .nome_categoria {text-align: left;}
}
@media (min-width: 1400px) /* XXL */ {}
@media (min-width: 1919px) {
    .container-fluid {
        margin-right: 120px;
        margin-left: 120px;
    }
    .box {margin: 7vh 0;}
    #box_A1 .h3 {font-size: 70px;}
    @media all and (orientation:landscape) {
        .img-logo-main {
            /*height: 67vh;*/
        }
    }
    .box_carosello-correlati .swiper-slide {margin: 0px;}
    .cta {right: 120px;}
    header .wrap-logo {margin-left:-110px;}
}

@media (min-width: 1921px) {}

/* minore o ugale -> bootstrap ref. */
@media (max-width: 1920px)  {}
@media (max-width: 1600px)  {}
@media (max-width: 1399px) /* XL */ {
    /* correzione video full width per tablet*/
    /*.home .wrap-white {margin-top: calc( 100vh - 90px );}*/
    .wrap-img-logo-main {
        margin-top:15vh;
    }
    @media all and (orientation:landscape) {
        .img-logo-main {
            height: 59vh; 
        }
    }
}
@media (max-width: 1199px) /* LG */ {
    footer {text-align: center;}
    .page #box_single-pilots .pilots-thumb {
        transform: translateY(-50%) translateX(30px);
    }
    .clip-path-destra, .clip-path-sinistra {clip-path:none;}

    .page.categoria .griglia .row .box-thumb:first-child .shadow-down {
        border-radius: 50% 0 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n) .shadow-down {
        border-radius: 0 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n+1) .shadow-down {
        border-radius: 50% 0 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child .shadow-down {
        border-radius: 0 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(4n+5) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(3n+4) .shadow-down {
        border-radius: 50% 50% 0 0 !important;
    }
    .big-txt p  {
        font-size: 27px;
        line-height: 37px;
    }
    
}
@media (max-width: 991px) /* MD */ {
    #box_B1 .margin-negative-custom {margin-top: 0;}
    .mappa {height: 30vh;}
    .box {margin: 10vh 0;}
    .box_C .padding-bottom-custom {padding-bottom: 7vh;}
    .box_B .custom-margin-right {margin-right: 0;}

    .page.categoria .griglia .row .box-thumb:first-child .shadow-down {
        border-radius: 50% 0 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(2n) .shadow-down {
        border-radius: 0 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(2n+1) .shadow-down {
        border-radius: 50% 0 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child .shadow-down {
        border-radius: 0 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(4n+5) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(3n+4) .shadow-down {
        border-radius: 0 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(2n+3) .shadow-down {
        border-radius: 50% 50% 0 0 !important;
    }

    .box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(1) {order:1;}
    .box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(2) {
        margin-left: 0;
        margin-right: 0;
        order:2;
    }
    .box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(3) {order:3;}
    .box_in-evidenza .lista_in-evidenza .elemento_in-evidenza:nth-child(even) div:nth-child(2):not(.arrow) {
        margin-left: 0;
        margin-right: 0;
        order:2;
    }
    .home .timbro {
        top: 50%;
        transform: translateY(-145%);
        left: 15vw;
        width: 50vw;
        height: 40vw;
        max-width: 500px;
        max-height: 400px;
    }
}
@media (max-width: 767px) /* SM */ {
    .mappa {height: 60vh;}
    #box_B2 .img-o30 .altezza {padding-bottom: 45%;}
    .page .news-list .news-thumb:nth-child(odd) .data-box {margin-left: -15px;}
    .page .news-list .news-thumb:nth-child(even) .data-box {margin-right: -15px;}
    .page .news-list .news-thumb {margin: 10vh 0;}
    .page .news-list .news-thumb:nth-child(even) .col-md-5 {order:1;}
    .page .news-list .news-thumb:nth-child(even) .col-md-7 {order:2;}
    .page #box_single-pilots .pilots-thumb {transform: translateY(-85%) translateX(-10px);}
    .super-title, h1 {
        font-size: 40px;
        line-height: 44px;
    }
    .p, p, .editor p {
        line-height: 33px;
        font-size: 19px;
    }

    .page.categoria .griglia .row .box-thumb:nth-child(1n) .shadow-down {
        border-radius: 50% 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:first-child .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(2n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(2n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(3n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child:nth-child(3n+4) .shadow-down {
        border-radius: 50% 50% 0 0 !important;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:nth-child(4n+1) .shadow-down {
        border-radius: unset;
    }
    .page.categoria .griglia .row .box-thumb:last-child .shadow-down {
        border-radius: unset;
    }
    #box_F1 .name-panel .scritta img {
        width: calc(100% - 30px);
        margin: 0 20px 0 10px;
    }
    #box_F1 .name-panel .close-button img {width: 30px;}
    .brush-title-big {font-size: 35px; line-height: 150%;}
    /*section.breadcrumb + section {margin-top: 8vh;;}*/
    .box_frasona .editor p,
    .box_A .editor p  {
        font-size: 26px;
        line-height: 43px;
    }
    .box_frasona .editor p,
    .scheda .box_frasona .editor p,
    .box_A .editor p,
    .big-txt p  {
        font-size: 19px;
        line-height: 33px;
    }
    .abel-title-big {
        font-size: 40px;
    }
    .barlow-title-big {
        font-size: 35px;
    }
    @media all and (orientation:portrait) {
        .img-logo-main {
            height: 67vw;
            background-size: cover;
        }
        #box_A1 .h3 {
            font-size: 35px;
            line-height: 150%;
        }
    }
    section.breadcrumb + section {
        margin-top: 5vh;;
    }
    .scheda .logo-halal {
        width: 50px;
        height: 50px;
        right: 10%;
        top: -10px;
        z-index: 3;
    }
    #box_F1 .pointer {
        width: 30px;
        height: 30px;
    }
}
@media (max-width: 575px) /* XS */ {
    #box_B2 .padding-custom {padding: 45px;}
    .page #box_single-news .custom-margin-left {margin-left: 0;}
    .page #box_single-news .data-box {
        height: calc( 100% + 80px );
        margin-top: -50px;
        margin-left: -40px;
        z-index: -1;
    }
    .box_scheda .swiper-thumb .swiper-slide {font-size: 15px; margin-left:30px}
    .box_scheda .swiper .swiper-slide .img .altezza {padding-bottom: 137%;}
    .box_scheda .swiper .swiper-slide .img .box_absolute {background-size: cover !important;}
    .box_scheda .swiper-thumb .swiper-slide.swiper-slide-thumb-active::before {
        height: 60px;
        top: -50px;
    }
    .wrap-img-logo-main {
        margin-top:6vh;
    }
    .home .timbro  {
       /* top: ;
        transform: translateY(-220%);
        left: 14vw;
        width: 45vw;
        height: 30vw;
        max-width: 500px;
        max-height: 400px;*/

        transform: translateY(-220%);
        left: auto;
        width: 45vw;
        height: 30vw;
        max-width: 500px;
        max-height: 400px;
        z-index: 9;
        right: 15px;
        margin-top: -20px;
    }
    .timbro-sticky {
        position:absolute;
        left: 0;
        top:10vh;
        margin-left: -10px;
        width: 25vw;
        height: 25vw;
        max-width: 300px;
        max-height: 300px;
    }
}

/* compreso tra -> bootstrap ref. */
@media (min-width: 0px) and (max-width: 575px) /* XS */ {}
@media (min-width: 576px) and (max-width: 767px) /* SM */ {}
@media (min-width: 768px) and (max-width: 991px) /* MD */ {}
@media (min-width: 992px) and (max-width: 1199px) /* LG */ {}
@media (min-width: 1200px) and (max-width: 1399px) /* XL */ {}

/* extra */
@media (max-height: 1100px) {}
@media (max-height: 800px) {}
@media (max-height: 700px) {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}