/* stylelint-disable selector-list-comma-newline-after */
body, html{overflow-x: hidden; max-width:100vw}
body,
html {
    font-family: "Open Sans",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: lighter;
	overflow-x: hidden;

}

.primo{margin-top: 92px}
.blog-header-logo:hover {
    text-decoration: none;
}
.logo{height: 60px; width:auto}

.btn.dropdown-toggle {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: 0 0 0 0 #fff!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Dosis',"Playfair Display", Georgia, "Times New Roman", serif;
	font-weight: lighter;
	text-transform: uppercase
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Dosis',"Playfair Display", Georgia, "Times New Roman", serif;
	font-weight: lighter;
}


.font-testo {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.nav-scroller a {
    font-size: 18px;
    color: #444;
    font-weight: 300;
}

.nav-scroller a.attivo {
    font-weight: 400;
    color: #bd9a5f;
}

.nav-scroller a:hover {
    text-decoration: none;
    color: #bd9a5f;
}

.bg-dupan1 {
    background-color: #383131;
}

.cl-dupan1 {
    color: #383131;
}

.cl-marroncino {
    color: #d3c2a1;
}

.bg-marroncino {
    background-color: #d3c2a1;
}

.border-marroncino {
    border-color: #d3c2a1!important;
}

.border-oro {
    border-color: #bd9a5f!important;
}

.bg-oro {
    background-color: #bd9a5f!important;
	
}

.bg-oro-sfumato {
  background: rgb(154,122,72);
background: linear-gradient(0deg, rgba(154,122,72,1) 0%, rgba(235,192,119,1) 100%);
}
.bg-oro-sfumato2 {
  background: rgb(154,122,72);
background: linear-gradient(180deg, rgba(154,122,72,1) 0%, rgba(235,192,119,1) 100%);
}

.cl-oro {
    color: #bd9a5f!important;
}

.cl-acciaio {
    color: #707070!important;
}

.border-acciaio {
    border-color: #707070!important;
}

.bg-acciaio {
    background-color: #707070!important;
}

.border-6 {
    border-width: 6px!important;
}

.btn-dupan1 {
    color: #707070;
    background-color: #FFF;
    border: solid 1px #707070;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-dupan1:hover {
    color: #FFF;
    background-color: #707070;
    border: solid 1px #707070;
}

.bg-dupan {
    background-color: #004100;
}

.cl-dupan {
    color: #004100;
}

.btn-dupan {
    color: #004100;
    background-color: #FFF;
    border: solid 1px #004100;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-dupan:hover {
    color: #FFF;
    background-color: #004100;
    border: solid 1px #004100;
}

.btn-verde {
    color: #FFF;
    background-color: #127749;
    border: solid 1px #127749;
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-verde:hover {
    color: #127749;
    background-color: #FFF;
    border: solid 1px #127749;
}

.btn-rosso {
    color: #FFF;
    background-color: rgb(190, 1, 0);
    border: solid 1px rgb(190, 1, 0);
    border-radius: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-rosso:hover {
    color: rgb(190, 1, 0);
    background-color: #FFF;
    border: solid 1px rgb(190, 1, 0);
}

a,
a:hover {
    color: #444;
}

.navfisso {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    background-color: #FFF;
    right: 0;
}

.display-4 {
    font-size: 2.5rem;
}

@media (min-width: 768px) {
    .display-4 {
        font-size: 3rem;
    }
}

.card-img-right {
    height: 100%;
    border-radius: 0 3px 3px 0;
}

.flex-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.h-250 {
    height: 250px;
}

@media (min-width: 768px) {

	
    .h-md-250 {
        height: 250px;
    }
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.text-times {
    font-family: 'Dosis',"Playfair Display", Georgia, "Times New Roman", serif;
}

.nav-scroller a,
.btn {
    transition: 0s;
}

.dropdown-menu {
    display: none;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.swiper-button-prev,
.swiper-button-next {
    color: #fff;
}

.border-3 {
    border-width: 2px !important;
}

.ctabanner {
    left: 0%;
    top: 0%;
    bottom: 0;
    right: 0;
    padding-left: 50%;
    position: absolute;
    text-decoration: none!important;
}

.swiper-slide a:hover {
    text-decoration: none!important;
}

.loghetto {
    height: 30px;
    left: calc(50% - 15px);
    top: 8px;
    display: none;
    position: absolute;
}

.dropdown-menu a {
    font-size: 14px;
}

@media (max-width: 991px) {
		.logo{height: 30px;}
	.carousel-control-next, .carousel-control-prev {height: 25vw}
    .loghetto {
        height: 30px;
        left: 5px;
        top: 0px;
        display: block!important;
        position: relative;
    }

    header {
        display: none;
    }

    .ctabanner {
        padding-left: 0%;
        position: relative;
        text-align: center;
        margin-top: 25px;
    }
   .ctabanner .text-white{
        color: #383131!important;
    }
    .ctabanner h1 {
        color: #383131!important;
    }

    .nav-scroller a,
    .nav-scroller .dropdown {
        border-top: solid thin #ccc;
        display: block;
    }

    .nav-scroller  a.dropdown-item {
        width: 90%;
        margin: auto;
    }

    .dropdown-menu {
        display: block!important;
        position: relative!important;
        padding: 0px ;
        border: 0!important;
        border-bottom: solid thin #ccc!important;
        margin-bottom: 8px;
    }

    .nav-scrollerNO {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 50;
        background-color: #FFF;
        right: 0;
    }
}
@media (max-width: 990px) {
	.primo{margin-top: 60px}
}
@media (max-width: 768px) {
	.primo{margin-top: 60px}
	.w-50,.w-75 {width:100%!important}
	.carousel-control-next, .carousel-control-prev {height: 55vw}
}
.w-100special {
    max-width: 100%;
    height: 200px;
    object-fit: cover;
}

.carousel-indicators li {
    background-color: #ccc;
}
.carousel-item a{text-decoration: none}

@media (min-width: 991px) {
.position-lg-absolute{color:#FFF;
	position: absolute;
top:15vw; left: calc(50% - 400px)}
}





#buttontotop {
  display: inline-block;
  background-color: #bd9a5f;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttontotop i {
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttontotop:hover {
  cursor: pointer;
  background-color: #333;
}
#buttontotop:active {
  background-color: #555;
}
#buttontotop.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (min-width:991px) {
     .asinistrasuper{padding-left: 55%;}
     .asx{background-color:#f8f8f8}
}

 
@media screen and (max-width:767px) {
       .asx{background-color:#f1f1f1}
}

@media screen and (max-width:991px) {
   h6.scuro {margin-top:12px}
   
}
h6.scuro {color: #383131!important;}