.hideBannerButton {
    position: absolute;
    top: -30px;
}


.banner > div {
    /*height: 295px;*/
    background-repeat: no-repeat;
}

.banner {
    letter-spacing: 2px;
}

.banner-html {
    height: 100%;
    padding-top: 10%;
    z-index: 50;
}

.banner-background {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-background:after {
    content: '';
    display: block;
    opacity: 0;
    height: 100%;
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 200ms;

}
/*#dtrTopBannerVetrina .banner-background:hover:after, #dtrBottomBanner .banner-background:hover:after {*/
/*    opacity: 0.5*/
/*}*/

#dtrTopBannerVetrina .slick-slide {
    height: 520px;
}

@media (max-width: 768px) {

    #dtrTopBannerVetrina .item{
        height: inherit !important;
    }

    .banner-background.category .banner-title {

        margin: 20px 0 20px !important;
    }
    .Slider-sx .banner-html h2, .Slider-dx .banner-html h2{
        font-size:2em !important;
    }
    #dtrTopBannerVetrina .slick-slide {
        height: 100%;
    }
    .Slider-sx.banner-background ,  .Slider-dx.banner-background {
        height: 100%!important;
    }
    .banner-background {
        height: auto !important;
    }

    .row-banner {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: stretch;
        height: 100%;
    }
}

.banner-html a {
    font-weight: bold;
    background: none !important; ;
    color: #fff;
    padding: 10px 40px;
    top: 10px;
    position: relative;
    text-transform: uppercase;
    transition: all 200ms;
}

.banner-html a:hover {
    text-decoration: none;
    background: #000;
    /*color: #007682;*/
}

.banner-html a.imagelink {
    padding: 0;
    position: initial;
    top: initial;
    border: none;
    margin: 0 8px;
}

.banner-html a.imagelink:hover {
    background: none;
}

.banner-html h2 {
    margin-top: 0px;
    font-size: 23px;
    text-transform: uppercase;
}

.banner-html h3 {
    font-size: 24px;
    text-transform: initial;
    font-family: Georgia;
    margin-top: 5px;
    text-transform: initial;
}

.banner-html h4 {
    font-size: 13px;
    text-transform: initial;
}

.Small-C-Text * {
    color: #fff;
    font-size: 23px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}




.Small-C-Text.banner-background {
    background-position: bottom left;
    height: 340px;
}

.Small-C-Text .banner-html {
    margin-left: -15px;
    text-align: center;
    color: #FFF;
    position: absolute;
    top: 40%;
    height: initial;
    padding: 0;
    width: 100%;
}

.Small-C-Text img.banner-image {
    width: 100%;
}

@media (max-width: 1200px) {
    .Small-C-Text .banner-html {
    }

    .Small-C-Text.banner-background {
        height: 242px;
        background-position: top left;
    }
}

@media (max-width: 768px) {

    #dtrBottomBanner .Big-C-Text .midbanner{
        background-size: cover;
        height: 470px !important;
    }
    .Small-C-Text.banner-background {
        height: 400px !important;
        background-position: top left;
    }

    .Small-C-Text .banner-html {
        top: 40% !important;
    }

    .Small-C-Text * {
        font-size: 19px;

    }
}

.banner-item.Double-C-Text {
    height: 350px;
}

@media(max-width: 768px){
    .banner-item.Double-C-Text {
        height: inherit;
        margin-bottom: 30px !important;
    }

}

.Double-C-Text, .Double-C-Text-White * {
    color: #fff;
    font-size: 23px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.Double-C-Text .banner-background {
    background-position: top center;
    height: 350px !important;
}


.Double-C-Text .banner-html {
    height: initial;
    padding: 0;
    text-align: center;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
}

.Double-C-Text img {
    width: 100%;
}

@media (max-width: 1200px) {
    .Double-C-Text.banner-background {
        height: 242px;
    }
}

@media (max-width: 768px) {
    .Double-C-Text .banner-html {
        bottom: 20px;
        font-size: 15px;
    }
}

.midbanner.Big-C-Text  {
    height: 700px;
}
.Big-C-Text * {
    color: #fff;
    font-size: 23px;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}

.Big-C-Text img {
    width: 100%;
}

.Big-C-Text.banner-background {
    background-position: bottom right;
}

.Big-C-Text h2 {
    font-size: 50px;
    text-transform: uppercase;
}

.Big-C-Text h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 0;
}

.Big-C-Text h4 {
    font-size: 16px;
    font-family: 'LucidaGrande';
    text-transform: uppercase;
    font-weight: normal;
}

.Big-C-Text .banner-html {
    /*margin-left: -15px; /* per prevenire lo spostamento dovuto al padding della classe col-* */
    color: #FFF;
    margin: auto;
    /* bottom: 10px; */
    height: initial;
    padding: 0;
    width: 100%;
    text-align: left;
    position: relative;
    /*top: 65%;*/
    margin-top: 0%;
    z-index: 50;

}

.Big-C-Text h2 {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 50px;
    text-shadow: 0px 0px 20px #00000054;
}

@media (max-width: 1200px) {
    .Big-C-Text.banner-background {
        height: 484px;
    }
}

@media (max-width: 768px) {
    .Big-C-Text * {
        font-size: 15px;
    }

    .Big-C-Text .banner-html {
        width: 100%;
        text-align: center;
position: absolute;
        bottom:20px !important;
    }

    .Big-C-Text h2 {
        font-size: 30px;
    }
}

.Big-C-Text.Dark-Text * {
    color: #000;
}

#dtrMidBannerVetrina, #dtrBottomBanner {
    margin: 0px -10px;
}

#dtrTopBannerVetrina .item img,
#dtrMidBannerVetrina .banner-item img {
    width: 100%;
}

@media(min-width: 769px) {
    #dtrTopBannerVetrina .banner-background {
        height: 500px !important;
    }
}

#dtrMidBannerVetrina .banner-item {
    padding: 10px !important;
}

/*#dtrMidBannerVetrina .banner-item img {width: 100%;}*/

#dtrBottomBanner .banner-item {
    background: #fff;
    padding: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    max-height: 350px;
}

#dtrBottomBanner .banner-item > img {
    width: 100%;
}


@media (max-width: 768px) {
    #dtrBottomBanner .banner-item {
        margin: -10px;
        padding: 0;
        margin-bottom: 30px;
    }
}

#dtrBottomBanner .banner-item.Big-C-Text {
    max-height: 710px;
}

#dtrBottomBanner .banner-item .banner-background {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

#dtrBottomBanner .banner-item:hover .banner-background {
    /*transform: scale(1.05);*/
}

#banner_container_articolo {
    clear: both;
    background-color: white;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

#banner_container_articolo .banner {
    width: 50%;
    float: left;
    padding: 30px;
}

#banner_container_articolo .banner:first-child {
    padding-right: 15px;
}

#banner_container_articolo .banner:last-child {
    padding-left: 15px;
}

#banner_container_articolo .Left-Text .banner-html {
    padding-top: 140px;
    padding-left: 40px;
    width: 100%;
    text-align: left;
}

@media (max-width: 768px) {
    #banner_container_articolo .banner {
        width: 100%;
        float: none;
        padding-right: 30px !important;
        padding-left: 30px !important;
        padding-bottom: 0;
    }

    #banner_container_articolo .Left-Text .banner-html {
        padding-top: 50px;
    }
}

#dtrTopBannerVetrina .item {
    width: 100%;
    max-width: 100%;
    height: 350px;
}

@media (min-width:768px){

.Slider-dx >div>div{
    left: 67%;
}
    .row-banner {
        display: flex;
        flex-direction: row;
        justify-content: start;
        align-items: stretch;
        height: 100%;
    }
}
.Slider-sx .banner-html h2, .Slider-dx .banner-html h2{
    text-transform: none !important;
text-align: left;
color: #27251f;
font-family: 'Lato';
font-size: 3em;
font-weight: bold;
padding-bottom: 0.3em;}
.Slider-sx .banner-html p, .Slider-dx .banner-html p{
    color: #27251f;
    font-family: 'Lato';
    padding-bottom: 0.8em;
}

.Slider-sx .banner-html a, .Slider-dx .banner-html a  {
    font-weight: 400;
    background: rgba(132,117,78,0.5);
    font-size: 0.8em;}

.Slider-sx .banner-html a::after, .Slider-dx .banner-html a::after {


    content: url("/themes/nordest/images/lnr-chevron-right.svg");
    vertical-align: middle;
}

.Slider-sx .banner-html, .Slider-dx .banner-html{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    height: 100%;
    padding: 6rem 0;
    /*background: rgba(255,255,255,0.5);*/
    color: #fff !important;
    padding-left: 5%;
}


a.btn-banner {
    font-size: 13px !important;
    font-weight: 400;
}
a.btn-banner > div:nth-child(1) {

padding: 15px 30px;
}

a.btn-banner > div {
    font-size: 13px;
    font-weight: 400;
}

.button-banner-wrapper{
display: flex;
width: auto;
height: auto;
max-width: 200px;
padding-right: 1px;
text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;

}


.button-2-left{
display: flex;
overflow: hidden;
padding: 13px 30px;

justify-content: center;

align-items: center;

flex: 1;
border: 1px solid #fff;
    background: rgba(132,117,78,0.5);
}

.button-2-right {

    display: flex;
    overflow: hidden;
    margin-left: -1px;
    padding: 0 23px;

    justify-content: center;

    align-items: center;
    border: 1px solid #fff;
    background: rgba(132,117,78,0.5);

}
.button-2-right img{
    height:15px;
    width:15px;

}
.subhead-button{
    color: #fff;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

#dtrBottomBanner .banner-html a {
    font-weight: bold;
    background: none !important;
}

.Big-C-Text:hover .banner-html p{
    color:#fff !important;
    opacity: 1;
}
.banner .banner-background.category {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 207px;
}
.banner-background.category .banner-html {
    padding-top: 0 !important;    height: 100%;
}

.banner-background.category .banner-title {
    color: #000;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    line-height: normal;
font-family: "Nunito Sans", sans-serif;
    margin: 30px 0 15px;
}
.banner-background.category p {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
@media (min-width: 768px){
    .text-banner-category {
        width: 50%;
        margin-left: auto;
    }}


.banner-background {
    width: 100%;}

@media (min-width: 768px){
    #wrapper.margin-articoli {
        margin-top: 215px;
    }
    .defaultbanner.category .container {
        display: flex;
        justify-content: end;
    }}


@media (max-width: 768px){


    .banner .banner-background.category {

    min-height: 100% !important;}

    #wrapper.margin-articoli {
        margin-top: 66px !important;
    }
 .banner-html p {
        /*display: none !important;*/
    }
    .defaultbanner.category .container {
        display: flex;
        flex-direction: column;
    }

    .text-banner-category {
        width: 100%;
        /*background:  rgba(202,195,195,0.6) !important;*/
    }
}


.banner-html-generic {
    min-height: 30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: 500;
    font-size: 3.5rem;
}