.slideshow .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav {

    margin-top: 0 !important;

}
.nav-item{padding-left:1em}
.dropdown-toggle::after {content:none;)
}

.container-fluid {
  padding-right: 0;
  padding-left: 0;
  margin-right: auto;
  margin-left: auto;
}

.banner_v1 .img-banner .item-center .title {
  text-align: left;
  left: 38%;
  top: 44%;
}

.banner-v4 .title-banner p {
  /*color: #ea5e03;*/
  margin-bottom: 45px;
  font-size:33px;
  color:#333;
}
h1 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  color: black;
  letter-spacing: 0px;
  font-weight: 200;
}
 h3 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 5px;
  color: black;
  letter-spacing: 0px;
  font-weight: 200;
}
h4 {
  font-size: 17px;
  line-height: 22.5px;
  margin-bottom: 25px;
  color: #6f6f6e;
  letter-spacing: 10px;
}

.navbar {
    padding: 1rem;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,1);
    font-weight:400;
}
.title-banner-span {
    position: relative !important;
    text-align: left !important;
    top: auto !important;
    z-index: 99 !important;
    left: auto !important;
    padding: 0 !important;

    text-transform: none !important;
    background-color: transparent !important;
    transform: none !important;
    cursor: none !important;
    box-shadow: none !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}
.spanblu {
    color: #04083c !important;
         
}
.spanorange {
    margin-top: 20px !important;
    color: #ff6a00 !important;
    font-size: 18px !important;
    line-height:75px !important
}
.out-mission .row {
    margin-left: 0;
    margin-right: 0
}
.row::before, .row::after {
    display: inline-block;
}
.category-vnew {
    padding: 0 10%;
}

.span-cat {
    position: absolute !important;
    text-align: center !important;
    top: 74% !important;
    z-index: 99 !important;
    left: 50% !important;
    padding: 17px 25px 17px 25px !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    background-color: white !important;
    transform: translate(-50%, 100%) !important;
    cursor: pointer !important;
    box-shadow: 1px 2px 6px -2px !important;
}
.span-cat2 {
    position: absolute !important;
    text-align: center !important;
    top: 64% !important;
    z-index: 99 !important;
    left: 50% !important;
    padding: 17px 25px 17px 25px !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    background-color: white !important;
    transform: translate(-50%, 100%) !important;
    cursor: pointer !important;
    box-shadow: 1px 2px 6px -2px !important;
}

*, ::after, ::before {
    box-sizing: border-box;
}
@media only screen and (max-width: 500px) {
  .logo {width:45%}
  .navbar-brand{width:75%}
}
@media only screen and (min-width: 501px) and (max-width: 768px) {
  .logo {width:65%}
}



@media only screen and (min-width:280px) and (max-width:575px) {
    .banner-checkout{ padding: 1px 50px !important;}  
}

@media only screen and (min-width: 576px) and (max-width:575px)) {
    .banner-checkout{ padding: 1px 50px !important;}  
}

@media only screen and (min-width: 768px) and (max-width:991px)) { 
    .banner-checkout{ padding: 5px 50px !important;}  
}

@media only screen and (min-width: 992px) and (max-width:1199px)) {  
    .banner-checkout{ padding:20px 50px !important;}  
}

@media only screen and (min-width: 1200px)  { 
    .banner-checkout{ padding:50px 50px !important;}  

}
.servizi ul {
  padding-left:20px;
  
}

.servizi ul li {
  display: block;
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -2.1em;
}
.servizi li:before {
  content: "•"; /* Insert content that looks like bullets */
  padding:0 10px;
font-size:25px;
}

.servizi ul li a {
  color: #888;
  font-weight: 300
}

.servizi ul li a:hover {
  color: #111
}

.servizi ul li .a-name {
  font-weight: 400
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    color: #fff;
    background-color: #000;

}
.nav-pills .nav-link {
    border:1px solid gray;
    border-radius: .25rem;

}
.footerv1 .content {
    width: 80% !important;
}
.row:before, .row:after {
    display: flex !important;
}


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


@media (min-width: 576px) and (max-width: 767.98px) {
    
}


@media (min-width: 768px) and (max-width: 991.98px) {
    
}

@media (min-width: 992px) and (max-width: 1219.98px) {
    .product-text {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .out-mission h3 {
        font-size: 20px !important;
        font-weight: 400;
        padding-top: 5px;
        margin-top: 5px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: center;
        text-transform: uppercase;
        line-height: 30px;
    }
    out-mission .item-text {
        margin-top: 0px;
        margin-bottom: 0;
        padding-bottom: 0px;
        text-align: justify;
    }
    .out-mission .item-text span {
        font-weight: 300;
        font-size: 12px;
        padding-bottom: 0px;
        line-height: 20px;
        text-align: justify;
        letter-spacing: normal;
    }
    .out-mission .item-text p {
        font-size: 12px;
        font-weight: 400;
        color: #888;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: 0;
        margin-top: 0
    }

}
.out-mission .item-text li {
    font-weight: normal;
    font-size: 13px;
    padding-bottom: 8px;
    line-height: 20px;
    text-align: justify;
}
@media (min-width: 992px) and (max-width: 1350.98px) {
    .servizi {
        padding-top: 30px;
    }
    #produzione .product-text, #storia .product-text, #serramenti .product-text {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    #produzione h3, #storia h3, #serramenti h3 {
        font-size: 20px !important;
        font-weight: 400;
        padding-top: 5px;
        margin-top: 5px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: center;
        text-transform: uppercase;
        line-height: 30px;
    }

    #produzione .item-text, #storia .item-text, #serramenti .item-text {
        margin-top: 0px;
        margin-bottom: 0;
        padding-bottom: 0px;
        text-align: justify;
    }

        #produzione .item-text span, #storia .item-text span, #serramenti .item-text span {
            font-weight: 300;
            font-size: 12px;
            padding-bottom: 0px;
            line-height: 20px;
            text-align: justify;
            letter-spacing: normal;
        }

        #produzione .item-text p, #storia .item-text p, #serramenti .item-text p {
            font-size: 12px;
            font-weight: 400;
            color: #888;
            padding-bottom: 0;
            padding-top: 0;
            margin-bottom: 0;
            margin-top: 0
        }
}

@media (min-width: 1351px) and (max-width: 1600px) {
    .servizi{padding-top:30px;}
    #produzione .product-text {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    #produzione h3 {
        font-size: 25px !important;
        font-weight: 400;
        padding-top: 5px;
        margin-top: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        text-align: center;
        text-transform: uppercase;
        line-height: 30px;
    }

    #produzione .item-text {
        margin-top: 0px;
        margin-bottom: 0;
        padding-bottom: 0px;
        text-align: justify;
    }

        #produzione .item-text span {
            font-weight: 300;
            font-size: 14px;
            padding-bottom: 0px;
            line-height: 25px;
            text-align: justify;
            letter-spacing: normal;
        }

        #produzione .item-text p {
            font-size: 14px;
            font-weight: 400;
            color: #888;
            padding-bottom: 0;
            padding-top: 0;
            margin-bottom: 0;
            margin-top: 0
        }
}

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