@charset "UTF-8";
/* CSS Document */

.bg-dark {
    background-color: #333286!important;
}
.pergole{
  height:85vh;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff;
    padding-left:30px;
    padding-right:30px;
    padding-top:1px;
    padding-bottom:1px;
    font-family: 'Raleway', sans-serif;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: #fff;
    padding-left:30px;
    padding-right:30px;
    font-family: 'Raleway', sans-serif;
}

.navbar2 {
    position: relative;
    font-size: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2px 3px;
}

.navbar-brand {
  position: relative;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2px 3px;
}




.topnav{
  padding-top:70px;
}
.bg-light {
    background-color: #fff!important;
    border-bottom:1px solid rgba(50, 50, 50, 0.06);
}

.navbar-light .navbar-nav .nav-link {
    color: #1c1c1c;
    padding-left:30px;
    padding-right:30px;
    text-transform: uppercase;
    font-family: 'Raleway', sans-serif;
}

.dropdown-item {
  font-family: 'Raleway', sans-serif;
    display: block;
    width: 100%;
    padding: .5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #fff;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #000;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0rem;
}
/*side popup*/
#firstPopup {
  top: 30%;
}
.sidePopup div {
height: 120px;
}
.sidePopup:hover {
    right: 0;
}
.sidePopup p {
  padding: 10px;
  color: #fff;
  font-weight: 800;
  font-size: 20px;
  line-height: 20px;
}
.sidePopup {
  height: 120px;
  width: 350px;
  position: fixed;
  right: -240px;
  top: 50%;
  margin-top: -2.5em;
  background-color: #fff;
  z-index: 9999999;
  transition: right 1s;
  display: flex;
}
.visiblePopupPart,
.hiddenPopupPart {
  display: inline-flex;
}









.carousel-item {
  height: 100vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.logoslide{
  padding-bottom:0px;
  margin-bottom:0px;
  position:absolute;
  bottom:0px;
}

.txt{
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.list li{
  
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 400;
  
}
ol li::marker {
  color: #343288;
  font-weight: 600;
}
.txtwhite{
  font-family: 'Raleway', sans-serif;
  font-size: 20px;
  color:#ffffff;
  font-weight: 400;
}

.scrittagallery{
  font-family: 'Raleway', sans-serif;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;;
}
.titolo{
  font-size:30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
}

.titolopagine{
  font-size:30px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  color:#000;
}

.titolosecondarie{
  font-size:45px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height:30px;
}
.sottotitolosecondarie{
  font-size:19px;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}
.sottotitolo, .sottotitolo-span{
  color:#343288;
  font-size:22px;
  font-family: 'Raleway', sans-serif;
  font-weight: 800;
  
}
.sottotitolo-span{
  line-height: 2rem;
  color:#000000;
  font-weight: 400;
  
}
.white{
  color:white;
}
.box1{
  padding-top:20px;
}

.titoloprodotti{
  font-size: 26px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 400;
  border-bottom:2px solid #000;
}

.boxscritteservizi{
  padding-top:50px;
  padding-bottom:50px;
}

.boximmaginiservizi{
  padding-top:30px;
  padding-bottom:20px;
}

.descrizioneprodotti{
  padding-top:20%;
}

.descrizioneoggettistica{
  padding-top:10px;
}



.spaziomarchi{
  padding-top:100px;
}

.spazionews{
  margin-top:50px;
}

.spazionews2{
  margin-top:50px;
  padding-top:30px;
  border-top:8px solid #0d0d0d;

}

.datanews{
  margin-top:20px;
  font-size: 13px;
  font-family: 'Noto Serif TC', serif;
  margin-bottom: 0px;
}

.titolonews{
  font-family: 'Noto Serif TC', serif;
  font-size: 80px;
  color:#1a1a1a;
  font-weight: 200;
  border-bottom: 2px solid #1a1a1a;
  padding-top:2px;
}




.titolosezioni{
  font-family: 'Raleway', sans-serif;
  font-size: 40px;
}

.titoloprodottiwhite{
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Raleway', sans-serif;
  font-weight: 300;
  color:#000;
  text-align: center;
}

.boxprodotti{
  padding-left: 50px;
  padding-right: 50px;
}

.imgGallery {
    width: -webkit-fill-available;
}

.nopadding {
    padding: 0px;
    margin: 0px;
}

.hoverimg {
    position: relative;
    opacity: 0.6;
    transition: 0.3s ease;
    cursor: pointer;
}

.hoverimg:hover {
    transform: scale(1.02, 1.02);
    /** default is 1, scale it to 1.5 */
    opacity: 0.8;
}

.backabitazioni{
  background-image: url(../img/cucina.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backgiorno{
  background-image: url(../img/giorno.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backscuro{
  background-image: url(../img/scuro.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backporte{
  background-image: url(../img/porte.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backportoni{
  background-image: url(../img/portoni.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backsicurezza{
  background-image: url(../img/sicurezza.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}

.backnotte{
  background-image: url(../img/letto.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backcamerette{
  background-image: url(../img/camerette.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backmaterasso{
  background-image: url(../img/verande.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backergonomia{
  background-image: url(../img/ergonomia.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backilluminazione{
  background-image: url(../img/illuminazione.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backbase{
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}
.backbagni{
  background-image: url(../img/bagni.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}


.backscorrevoli{
  background-image: url(../img/scorrevoli.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}

.backpergole{
  background-image: url(../img/pergole.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}

.backschuco{
  background-image: url(../img/backschuco.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}

.backvideo{
  background-image: url(../img/backvideo.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}

.backnews{
  background-image: url(../img/news.jpg);
  background-position: bottom;
  background-size:cover;
  -webkit-background-origin:border;
}


.btn-outline-light {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    border-left: 0px;
    border-right: 0px;
}

.btn-outline-light:hover {
    color: #fff;
    background-color: transparent;
    background-image: none;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.btn-outline-dark {
    color: #1d1d1d;
    background-color: transparent;
    background-image: none;
    border-top: 2px solid #2f1b90;
    border-bottom: 2px solid #2f1b90;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}

.btn-outline-dark:hover {
    color: #1d1d1d;
    background-color: transparent;
    background-image: none;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-left: 2px solid #e63939;
    border-right: 2px solid #e63939;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 2px 5px;
    font-size: 20px;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.img-sezioni {
    width: -webkit-fill-available;
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #000;
    background-color: transparent;
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0);
}
.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}


a {
    color: #1d1d1d;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #7a7a7a;
    text-decoration: none;
}

.hovergallery{
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.hovergallery:hover{
  -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  transition-duration: 2s;
}

.bigtitle{
  font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1920 - 300)));
  color:#45D242;
  font-weight: 600;
}

.sottobigtitle{
  font-size: calc(25px + (50 - 25) * ((100vw - 300px) / (1920 - 300)));
  color:#000;
  font-weight: 700;
}

.fr-big{
  font-size: calc(24px + (35 - 24) * ((100vw - 300px) / (1920 - 300)));
}


.intermittenza {
    animation: blinker 2s linear infinite;
    color: #56DA53;
    font-weight: 700;
}

@keyframes blinker {
    50% {
        opacity: 20%;
    }
}
.txttab{
  font-family: 'Raleway', sans-serif;
  font-size: calc(14px + (20 - 14) * ((100vw - 300px) / (1920 - 300)));
  font-weight: 400;
}


.tabev{
  border: 3px solid #45D242 !important;
}
/* ------------------------------------------------------------------------------------------------------------------------------------- Slider */

.slick-slide {
    margin: 0px 0px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.loghi-partner {

    padding: 50px;
    padding-top: 15px;
    margin: 0px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  width: 100px;
  height: 100px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

footer a {
  color: #868686;
}
.pergole{
  height:75vh;
}
@media only screen and (max-width: 400px) {
    .loghi-partner {
        padding: 20px;
        padding-top: 15px;
        margin: 0px;
    }

    .titolosecondarie{
      font-size:30px;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
      line-height:30px;
    }
    .sottotitolosecondarie{
      font-size:17px;
      font-family: 'Raleway', sans-serif;
      font-weight: 400;
      text-transform: uppercase;
    }
    .carousel-item {
      height: 88vh;
      min-height: 300px;
      background: no-repeat center center scroll;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    .navbar-collapse {
      max-height: 100vh;
      overflow-y: auto;
    }
    .boxprodotti{
      padding-left: 0px;
      padding-right: 0px;
    }
}