/* CSS Document */
body {font-family: 'Montserrat', Helvetica, Arial, sans-serif; color:#000; font-weight:300; font-size:16px; line-height:28px;}

/*GENERAL*/
.logo { max-width: 170px;}
.section { padding: 60px 0;}
.section-xs { padding: 30px 15px;}
.master-container { margin-top:80px;}
.nopadding {padding:0;}

/*HEADINGS*/
h1, h2, h3, h4 { color:#000; text-transform:uppercase; }
h1 { font-size:28px!important; font-weight:400; letter-spacing:2px;}
h2 { font-size:30px; font-weight:400; letter-spacing:1px; text-transform: inherit;}
h3 { font-size:30px; font-weight:300; text-transform: inherit;}
h4 { font-size:14px; font-weight:400;}

/*LINK*/
a:link { color:#000;}
a:active { color:#000;}
a:hover { color:#000;}
a:visited { color:#000;}
a:focus {outline:none;}

.a1:link { color:#fff;}
.a1:active { color:#fff;}
.a1:hover { color:#fff; text-decoration:underline;}
.a1:visited { color:#fff;}

/*FONTS*/
.f1 { font-size:18px;}
.f2 { font-size:20px;}
.f3 { font-size:14px;}


/*COLORS*/
.text-fluo { color: #fff600;}
.text-black { color: #000000;}
.text-white { color: #FFFFFF;}
.bg-greylight { background:#efefef;}
.bg-grey {background:#e6e6e6; }
.bg-black { background:#000;}
.bg-fluo { background:#fff600;}


/*BUTTON*/
.btn { font-weight:500;  border-radius: 0; font-size: 20px;}
.btn:hover { transition:ease-in-out; transition-duration: 0.3s;}
.btn-lg { padding:15px 70px;}
.btn-sm { padding: 5px 15px; font-size: 15px;}
.btn-primary { background:#fff600!important;; border:none!important;; color:#000 !important;}
.btn-primary:hover { background:#e3db00!important;; border:none!important;;}
.btn-primary:active .btn-primary:focus {background:#e3db00!important;}
.btn-secondary { background:#ec1d25; border:none; color:#fff !important;}
.btn-secondary:hover { background:#c71118; border:none;}
.btn-default { background:#fff; border:none; color:#00b15e !important;}
.btn-default:hover { background:#eee; border:none;}

/*FORM*/
textarea.form-control { padding: 15px;}
.form-control { border-radius:0; border: none; font-size: 14px; line-height: 20px; padding: 22px 15px;}
.form-control:focus {background-color: #f6f2ed; box-shadow: none;}
.custom-control-input:checked~.custom-control-label::before {border-color: #522e14; background-color: #522e14; border-radius: 0;width: 20px; height: 20px;}
.custom-checkbox .custom-control-label::before, .custom-control-label::after { top: 5px; border-radius: 0; border: none; width: 20px; height: 20px;}
.custom-control-label { padding-left: 10px;}

/*NAVBAR*/
.navbar { font-size: 14px; padding: 0; background: rgba(255,246,0);}
.navbar-brand { padding: 10px;}
.navbar-light .navbar-toggler{ margin: 10px; border-color: #000000; border-radius: 0;}
.nav-link {text-transform:uppercase; padding-left: 15px !important; color: #000000;}
.nav-link:hover {background:#000000; color: #000000 !important;}
.nav-item { border-bottom: solid 1px #000000;}
.nav-item.active a { color:#000000 !important;}
.nav-item a:hover, .nav-item.active a:hover { color:#fff !important;}
.navbar-nav .nav-link, .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #000000 !important;}
.navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important; }


.dropdown-menu { background:#fff; border-radius: 0; font-size: 14px; padding: 0px; margin: 0; border: none;}
.dropdown-item { text-transform: uppercase; padding: 5px 25px; border-top: solid 1px #f6f2ed;}
.dropdown-item:hover { background:none; background:#115487;}
.dropdown-item a:hover {  color: #fff !important;}
.dropdown-toggle::after { margin: 10px 15px; float: right;}


/*CAROUSEL*/
.carousel { border-bottom: solid 8px #fff600;}
.carousel-control-next:hover, .carousel-control-prev:hover { opacity:1;}
.carousel-control-next, .carousel-control-prev { top: 40% !important; width: 40px; height: 40px; color: #fff; }
.carousel-control-prev-icon, .carousel-control-next-icon { background-image: none; margin-top: -10px;}
.carousel-control-next img, .carousel-control-prev img { width: 10px; margin-top: 5px;}
.carousel-caption { bottom: -20px!important;}
.carousel-caption h5 {color:#FFF; font-size: 20px; top: 10%;}
.carousel-caption p {color:#FFF; font-size: 16px;}
.carousel-indicators .active { background-color: #fff; opacity: 0.7}
.carousel-indicators li {  width: 20px; height: 3px; margin: 0 6px;}

/*BREADCRUMB*/
.breadcrumb { background: #FFF!important; font-size: 13px; padding: 15px 0; margin-bottom: 0; }
.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a { color: #000000;}
.breadcrumb-item.active { color: #333;}

/*BACKGROUND*/
.overlay { background: rgba(0,0,0,0.5);  }
.overlay-green { background: rgba(64,112,10,0.7);  }


/*HOME*/
.img-small { width: 70px;}
.perche {min-height: 300px; padding: 0 40px 0 40px;}
.bkg-perche { background: url("../img/bkg-perche.jpg") left no-repeat; background-size: cover;}
.badgehome {padding: 8px 11px; }
/*blocchetti txt-img*/
.bkg-blocchi { height: 350px;}

.bkg-home-montaggio { background: url("../img/img-montaggio.jpg") center no-repeat; background-size: cover;}
.bkg-home-infissi { background: url("../img/img-infissi.jpg") center no-repeat; background-size: cover;}
.bkg-home-pareti { background: url("../img/img-pareti.jpg") center no-repeat; background-size: cover;}
.bkg-home-operatorie { background: url("../img/img-operatorie.jpg") center no-repeat; background-size: cover;}




/***************************************************************/
/************************ MEDIA QUERIES ************************/
/***************************************************************/
@media (min-width: 576px) {
    /*GENERAL*/
    .section { padding: 120px 0;}
    .section-xs { padding: 80px 40px;}
    /*HEADINGS*/
    h1 { font-size:35px; }
    h2 { font-size:30px; }
    h3 { font-size:30px; }
    h4 { font-size:14px!important; }
    /*CAROUSEL*/
    .carousel-caption { top: 10%;}
    .carousel-caption h5 {font-size: 32px;}
    .carousel-caption p {font-size: 28px;}
    .carousel-control-next, .carousel-control-prev { width: 50px; height: 50px; }
    .carousel-control-next img, .carousel-control-prev img { width: auto; margin-top: 0px;}
    /*HOME*/
    .img-small { width: 100px;}
    .bkg-blocchi { height: 300px;}

}
@media (min-width: 768px) {
    /*HOME*/
    .bkg-blocchi { height: 250px;}
}
@media (min-width: 992px) {
    /*GENERAL*/
    .master-container { margin-top: 100px;}
    /*HEADINGS*/
    h1 { font-size:50px;}
    h2 { font-size:45px;}
    h3 { font-size:45px;}
    h4 { font-size:20px!important;}
    /*NAVBAR*/
    .navbar {padding: 10px 0 !important;}
    .navbar-brand { padding: 0px;}
    .navbar-nav { margin-top:50px;}
    .nav-link { margin: 0 10px; padding: 0 !important;}
    .nav-link:hover {background:none; color: #000000 !important;}
    .nav-item { border:none;}
    .nav-item.active a { color:#000000 !important;}
    .nav-item.active a:hover { color:#4b4b4b !important;}
    .nav-item a:hover { color:#000000 !important;}
    .dropdown-toggle::after { margin: 10px 0 10px 10px;}
    .dropdown-menu { margin-top: 14px; border: solid 1px #000000; }
    .dropdown-item { padding: 5px 10px; border:none; }
    .dropdown-menu a:hover { color: #fff !important; }
    /*NAV PELLET PAGE*/
    .sticky { top: 103px; }
    /*CAROUSEL*/
    .carousel-control-next, .carousel-control-prev { top: 45%; width: 80px; height: 80px; color: #fff; }
    .carousel-caption { top: 16%;}
    .carousel-caption h5 {font-size: 56px;}
    .carousel-caption p {font-size: 40px;}

    /*HOME*/
    .img-small { width: 140px;}
    .perche {min-height: 400px; padding: 0 120px 0 120px;}
    .bkg-perche { background: url("../img/bkg-perche.jpg") center no-repeat; background-size: cover;}
    .bkg-blocchi { height: 340px;}

}
@media (min-width: 1200px) {
    /*GENERAL*/
    .logo { max-width: 370px;}
    /*NAVBAR*/
    .navbar {padding: 10px 20px !important;}
    .nav-link { margin: 0 15px; letter-spacing: 1px; }
    /*HOME*/
    .bkg-blocchi { height: 390px;}

    .carousel-caption { top: 30%;}
    .carousel-caption h5 {font-size: 60px;}

}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1300px; }

}
@media (min-width: 1600px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1500px; }

}


.photo-gallery {
    color:#313437;
    background-color:#fff;
}

.photo-gallery p {
    color:#7d8285;
}

.photo-gallery h2 {
    font-weight:bold;
    margin-bottom:40px;
    padding-top:40px;
    color:inherit;
}

@media (max-width:767px) {
    .photo-gallery h2 {
        margin-bottom:25px;
        padding-top:25px;
        font-size:24px;
    }
}

.photo-gallery .intro {
    font-size:16px;
    max-width:500px;
    margin:0 auto 40px;
}

.photo-gallery .intro p {
    margin-bottom:0;
}

.photo-gallery .photos {
    padding-bottom:20px;
}

.photo-gallery .item {
    padding-bottom:30px;
}