/* Table of Content
==================================================
	#Home
	#Navigation
	#About
	#Service
	#Portfolio
	#Our Team
	#Pricing
	#Blog
	#Contact
*/

/*=================================================================
	Basic Setup
==================================================================*/

body {
    background-color: #2B2C30;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.5;
    color: #444;
}

#email_test {
    display: none;
}

body {
    font-size: 16px;
}

strong {
    font-weight: 700;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.row-centered{
    display: flex;
    justify-content: center;
}
figure {
    margin: 0;
}

a {
    color: #fff;

    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

iframe {
    border: 0;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus,
a:hover {
    color: #6CB670;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lora', serif;
    font-weight: bold;
}

.kill-margin-bottom {
    margin-bottom: 0 !important;
}

.spacing-slider{
    padding-top:3em;
    padding-bottom:3em;
}
/* Recensioni con altezza uniforme */
.owl-carousel .owl-item {
    height: auto;
    display: flex;
}

.bg-dark-blue{
    background-color: #1c56a3;
}
.item {
    background-color: #1c56a3;
    display: flex;
    flex: 1;
    height: 100%;
}
.name-testimonial{
    display:flex;
    flex: 1;
    flex-direction: column-reverse;
}
.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    border-radius: 8px;
    
}

.row-recensioni {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.row-recensioni > div:first-child {
    
    display: flex;
    flex-direction: column;
}

.row-recensioni > div:first-child p {
    flex: 1;
    margin-bottom: 0;
}

/* Container per stelle e nome */
.review-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
}

.stars-container {
    display: flex;
    justify-content: flex-end;
    flex: 1;
}

.name-container {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.icon-stelle {
    width: auto;
    height: 20px;
}

/* ...existing code... */
.btn-collapse{
    cursor:pointer;
    text-decoration: underline;
    color:white!important;
}
.bg-light-blue{
    background-color: #276bc4;
}
.icon-stelle{
    width:150px!important;
   
}

.btn {
    background-color: transparent;
    padding: 10px 30px;
    border-radius: 0;
    margin-top: 15px;

    -webkit-transition: all .5s ease-in 0s;
    -moz-transition: all .5s ease-in 0s;
    -o-transition: all .5s ease-in 0s;
    transition: all .5s ease-in 0s;
}

.btn:focus {
    color: #ddd;
}

.btn-green {
    background-color: #6cb670;
}

.btn-green:focus,
.btn-green:hover {
    background-color: #2F383D;
    color: #fff;
}

.btn-transparent {
    border: 1px solid #4e595f;
}

.btn-transparent:focus {
    background-color: transparent;
    border-color: #6cb670;
}

.btn-transparent:hover {
    background-color: #cd071e;
    border: 1px solid transparent;
    color: #fff;
}

.form-control {
    background-color: #fff;
    border-radius: 2px;
    padding: 5px 10px;
    border: 1px solid;
    border-color: #1c56a3;
    color: #000;
}

/*
.form-control:focus {
	box-shadow: 0 0 0;
}
*/

.form-control::-webkit-input-placeholder {
    /*  Chrome, Safari, Opera  */
    color: #ddd;
}

.form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #ddd;
}

.form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #ddd;
}

.form-control:-ms-input-placeholder {
    /*  Internet Explorer  */
    color: #ddd;
}


#loading-mask {
    background: #fff;
    height: 100%;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

.loading-img {
    height: 100%;
    left: 0;
    position: fixed;
    top: 50%;
    width: 100%;
}

.border {
    border-top: 1px solid #fff;
    height: 1px;
    margin: 15px auto 0;
    position: relative;
    width: 35%;
}

.border:before {
    background-color: #fff;
    border: 1px ridge #fff;
    content: "";
    height: 10px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    top: -5px;
    width: 40px;
}

.title {
    padding-bottom: 60px;
}

.title h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 48px;
    color: #009ee0;
}

.color {
    color: #009ee0;
}

.sub-title {
    padding: 0 0 50px;
}

.sub-title>h3 {
    border-left: 3px solid #ddd;
    border-right: 3px solid #ddd;
    display: inline-block;
    padding: 5px 25px;
    text-transform: uppercase;
}

.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
}

.bg-one {
    background-color: #fff;
}

.parallax-section {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item img {
    width: auto;
    height: 100%;
}

/*=================================================================
	Home Slider
==================================================================*/

#home {
    position: relative;
}

#slitSlider .carousel-caption {
    padding: 0;
    display: table;
    height: 100%;
    width: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    z-index: 11;
    background-color: rgba(0, 0, 0, .2);
}

#slitSlider .carousel-caption a {
    font-size: 18px;
}

#slitSlider .carousel-caption>div {
    vertical-align: middle;
    display: table-cell;
}









/*=========================================
	Owl Slider
==========================================*/

.intro {
    width: 100%;
    text-align: center;
    color: #fff;
}

.intro .intro-body {
    display: table-cell;
    vertical-align: middle
}

.intro .intro-body .brand-heading {
    font-size: 40px
}

.intro .owl-carousel .intro-text {
    font-size: 18px;
}

#owl-head {
    height: 100vh;
}

#owl-head .item img {
    display: block;
    height: auto;
    width: auto;
}

#owl-head .item {
    height: 100vh;
    padding-top: 40vh;
}

#owl-head .item:hover {
    cursor: e-resize;
}

#owl-head .item h3 {
    font-size: 40px;
    text-transform: uppercase;
    margin-top: 0;
    text-shadow: 0px 3px 10px rgba(0, 0, 0, 1.00);
}

.owl-wrapper-outer {
    height: 100vh !important;
}

.owl-wrapper {
    height: 100vh;
}


.b-Amarelo {
    height: 100vh;
}

.slide1 {
    height: 100vh;
    background: url(../img/slides/1.jpg) left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide2 {
    height: 100vh;
    background: url(../img/slides/2.jpg) right;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide3 {
    height: 100vh;
    background: url(../img/slides/3.jpg) center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide4 {
    height: 100vh;
    background: url(../img/slides/4.jpg) center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide5 {
    height: 100vh;
    background: url(../img/slides/5.jpg) center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.slide6 {
    height: 100vh;
    background: url(../img/slides/6.jpg) center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.item .container {
    height: 100vh
}

.item .container img,
.item .container h1 {
    vertical-align: center;
}

.owl-buttons {
    background-color: #111;
}

/*=========================================
	END Owl Slider
==========================================*/

/*=================================================================
	Scroll indicator
==================================================================*/

.intro a {
    padding-top: 60px;
}

.intro a span {
    position: absolute;
    bottom: 30px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 3px solid #fcda26;
    border-bottom: 3px solid #fcda26;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb04 2s infinite;
    animation: sdb04 2s infinite;
    box-sizing: border-box;
    z-index: 99;
}

@-webkit-keyframes sdb04 {
    0% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
    }

    20% {
        -webkit-transform: rotate(-45deg) translate(-10px, 10px);
    }

    40% {
        -webkit-transform: rotate(-45deg) translate(0, 0);
    }
}

@keyframes sdb04 {
    0% {
        transform: rotate(-45deg) translate(0, 0);
    }

    20% {
        transform: rotate(-45deg) translate(-10px, 10px);
    }

    40% {
        transform: rotate(-45deg) translate(0, 0);
    }
}

/*=========================================
	END Scroll indicator
==========================================*/

/*=================================================================
	Navigation
==================================================================*/

#navigation-sticky-wrapper {}

.navbar-inverse {
    width: 100%;
    z-index: 99;
    border-color: transparent;
    border-radius: 0;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
}

.nav-colored {
    background-color: #1c56a3;
    width: 100%;
    z-index: 999;
    border-color: transparent;
    border-radius: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.nav-transparent {
    background-color: #1c56a3;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    height: auto;
    padding: 0px 0;
}

.navbar-brand h1 {
    margin: 0;
    color: #111;
}

.navbar-inverse .navbar-nav>li {
    padding: 18px 15px;
}

.navbar-inverse .navbar-nav>li>a {
    line-height: 26px;
    padding: 0;
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: 1px;
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 1);
    border-bottom: 3px solid transparent;
    transition: all 0.2s;
}

.nav-colored .navbar-nav>li.current>a {
    color: #fff;
    background-color: transparent;
}

.nav-colored .navbar-nav>li.current>a:hover {
    color: #fcda26;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:active {
    color: #fcda26;
}

.navbar-inverse .navbar-nav>li>a:focus {
    color: #fcda26;
}

.navbar-inverse .navbar-nav>li.current>a:focus {
    color: #fcda26;
}

.navbar-collapse {
    overflow: auto;
}



/* Underline Effect */

.navbar-nav>li>a.underline:hover {
    border-bottom: 3px solid #fcda26;
    transition: none;
}

/* Dropdown Button */

/*=================================================================
	About us section
==================================================================*/

#about-home {
    padding: 100px 0;
}

#about-home h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 3px solid #1c56a3;
    display: inline-block;
    line-height: 45px;
}

#about-home h1 span {
    font-size: 35px;
}

#about-home h2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #fcda26;
}

#about {
    padding: 100px 0 0;
}

#about h1 {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 3px solid #1c56a3;
    display: inline-block;
    line-height: 45px;
}

#about h1 span {
    font-size: 35px;
}

#about h2 {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #fcda26;
}




/*=================================================================
	Services section
==================================================================*/

#services {
    padding: 70px 0 100px;
}

#services .title {
    padding-bottom: 125px;
}

.service-block {
    border: 1px solid #46629C;
    margin-bottom: 40px;

    -webkit-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);
    -moz-box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);
    box-shadow: 2px 2px 5px rgba(44, 44, 44, .3), 13px 13px 0 rgba(256, 256, 256, .7);
}

.service-img {
    margin-bottom: 40px;
}

.service-block h3 {
    text-transform: uppercase;
}

.servizio {
    margin: 0 1px 50px 1px;
    border: #999 4px double;
    padding: 30px 20px;
    -webkit-transition: all .2s ease-in 0s;
    -moz-transition: all .2s ease-in 0s;
    -o-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
}

.servizio:hover {
    background-color: rgba(249, 178, 51, 1.00);
    color: #fff;
}

.servizioimg {
    border: solid #cd071e 2px;
}



/*=================================================================
	Showroom section
==================================================================*/

#showroom {
    padding: 150px 0;
    background-color: #eee;
}

.no-padding {
    padding: 0;
}

#showroom h2 {
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-bottom: 20px;
    border-bottom: 3px solid #1c56a3;
    display: inline-block;
    line-height: 45px;
    margin-bottom: 20px;
}

#showroom .icone img {
    margin-top: 25px;
    margin-bottom: 15px;
    max-height: 150px;
}



/*=================================================================
	Portfolio section
==================================================================*/

#portfolio {
    background-color: #fff;
}

#portfolio h2 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 3px solid #fcda26;
    display: inline-block;
    line-height: 45px;
}

#portfolio a h2 {
    color: #444;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

#portfolio a h2:hover {
    color: #fcda26;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}


.section-title {
    border-bottom: #eee solid 5px;
    margin-bottom: 0;
    padding: 70px 0;
}

#portfolio .section-title h2 {
    border-bottom: 3px solid #1c56a3;
    font-size: 45px;
}

.prodotto {
    border-bottom: #eee solid 5px;
}

@media (min-width:992px) {
    .prodotto {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .prodotto>[class*='col-'] {
        display: flex;
        flex-direction: column;
    }
}

.prodotto .testo {
    padding: 20px 40px;
    margin: 0;
    background-color: #fff;
    height: 60vh;
}

.prodotto .testo a {
    color: #888;
    font-family: 'Muli', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
}

.prodotto .testo a:hover {
    color: #fcda26;
}

.prodotto .image {
    margin: 0;
    padding: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: cover;
}

.prodotto .image img {
    width: 100%;
}


.sub-title h2 {
    font-size: 40px;
}

.border-blue {
    border: 1px solid #009ee0 !important;
}

.border-red {
    border: 1px solid #cd071e !important;
}

.grid figure {
    margin: 0;
    position: relative;
    border: 1px solid #eee;
}

.grid figure img {
    display: block;
    position: relative;
}

.grid figcaption {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.grid figcaption h5 {
    margin: 0;
    padding-top: 0px;
    padding-left: 20px;
    padding-bottom: 5px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    letter-spacing: 1px;
    font-size: 24px;
}

.grid figcaption a {
    text-align: left;
    padding: 5px 10px;
    margin-left: 20px;
    display: inline-block;
    background: #2f2f2f;
    color: #F27E00;
    font-size: 13px;
    background: #fff;
}

.overlay figure {
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 400px;
}

.overlay figcaption {
    height: 100%;
    width: 100%;
    top: auto;
    bottom: 0;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -webkit-transition: opacity .2s ease-in-out;
}

.no-touch .overlay figure:hover figcaption,
.overlay figure.cs-hover figcaption {
    opacity: 1;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.overlay figcaption a {
    position: absolute;
    /* top: 10px; */
    bottom: 10px;
    right: 30px;
    background: #000;
    color: #fff;
    border-radius: 0px;
    padding: 6px 15px;
}


/*=================================================================
	Banner
==================================================================*/

.popup {
    max-width: 320px;
    height: auto;
    position: fixed;
    z-index: 1000;
    right: -578px;
    bottom: 0;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.50);
    background: #fff;
}

.banner-content {
    background-color: #fff;
    padding: 15px;
    text-align: center;
}

.banner-content h3 {
    letter-spacing: 2px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 30px;
    margin: 5px 0;
    color: #3045b1;
}

.divisore {
    border-bottom: dashed 10px #009ED6;
}

.banner-content a {
    color: #444;
    border-bottom: 1px dashed #444;
}

.banner-content a:hover {
    color: rgba(144, 8, 46, 1.00);
    border: none;
}

.popup i {
    font-size: 1.5em;
    position: absolute;
    padding: 0px;
    color: #000;
    z-index: 999;
}

.popup i:hover {
    cursor: pointer;
    color: rgba(238, 123, 0, 1);
}







/*=================================================================
	Pagine aggiuntive
==================================================================*/

.serramenti-legno-alluminio a,
.pvc a,
.sezionali a,
.porte-ingresso a,
.altri-serramenti a,
.su-misura a {
    color: #444;
}

.serramenti-legno-alluminio a:hover,
.pvc a:hover,
.sezionali a:hover,
.porte-ingresso a:hover,
.altri-serramenti a:hover,
.su-misura a:hover {
    color: #1c56a3;
}

.serramenti-legno-alluminio .modelli img {
    max-width: 150px;
}

.modelli a {
    color: #444;
    margin-bottom: 15px;
    display: block;
}

.colorazioni h3 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #1c56a3;
    line-height: 45px;
}

.parallax {
    background: url(../img/serramenti-pvc/light.jpg);
    background-size: cover;
    background-position: right center;
    background-attachment: fixed;
    padding: 150px 0;
}

.opaco {
    background-color: rgba(255, 255, 255, 0.80);
    padding: 30px;
}

.opaco h2 {
    margin-top: 0;
}

.opaco p {
    margin: 0;
}

.porte-ingresso a {
    color: #444;
}

.porte-ingresso a:hover {
    color: #1c56a3;
}

.sezionali img {
    width: 100%;
}

.esempi h3 {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #1c56a3;
    line-height: 45px;
}

.altri-serramenti img {
    width: 100%;
}

#about .modelli h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 3px solid #1c56a3;
    line-height: 45px;
}

.su-misura img {
    width: 100%;
}





/* start Video */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* end Video */

/*=================================================================
	Contact
==================================================================*/

#contact-us {
    padding: 70px 0;
}

#contact-us h2 {
    border-bottom: 3px solid #1c56a3;
    font-size: 45px;
    font-weight: 500;
    margin-bottom: 70px;
    padding-bottom: 20px;
    display: inline-block;
    line-height: 45px;
}

#recensioni h2{
    border-bottom: 3px solid #1c56a3;
    font-size: 35px;
    
    font-weight: 500;
    margin-bottom: 70px;
    padding-bottom: 20px;
    display: inline-block;
    line-height: 45px;

}
.contact-form {
    margin-bottom: 40px;
}

.contact-form .form-control {
    background-color: transparent;
    border: 1px solid #4e595f;
    height: 38px;
}

.contact-form input:hover,
.contact-form textarea:hover,
#contact-submit:hover {
    border-color: #cd071e;
    color: #ddd;
}

#contact-submit {
    border: 1px solid #4e595f;
    padding: 12px 0;
    width: 100%;
    margin: 0;
    color: #666;
}

.contact-form textarea.form-control {
    padding: 10px;
    height: 120px;
}

.contact-info h3 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 3px solid #fcda26;
    display: inline-block;
    line-height: 45px;
}

.contact-info p {
    margin-bottom: 25px;
}

.con-info {
    margin-bottom: 20px;
}

.con-info i,
.con-info span {
    float: left;
    font-size: 18px;
}

.con-info span {
    margin: -5px 0 0 15px;
}


.mappa {
    padding: 0;
    height: 250px;
}

.gmap3 {
    width: 100%;
    height: 250px;
}

#map {
    width: 100%;
    height: 250px;
}

@media(min-width:767px) {
    .content-section {
        padding: 150px 0
    }

    #map {
        height: 250px
    }
}

#contact-us a {
    color: #888;
}

#contact-us a:hover {
    color: #1c56a3;
    border-bottom: none;
}


/*=================================================================
	Footer section
==================================================================*/

/* start footer */

footer {
    border-top: 1px solid #404040;
    background: #333;
    color: #FFF;
}

footer h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 2px #fff;
}

footer p {
    margin-bottom: 6px;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #fcda26;
    text-decoration: none;
}

footer .fa {
    margin-right: 10px;
}

footer .container {
    padding: 40px 0;
}

@media (max-width:992px) {
    footer .col-xs-12 {
        margin-top: 40px;
    }

    footer .container {
        padding-top: 0;
    }
}

footer .container-fluid {
    background: #222;
}

footer .container-fluid p {
    padding: 10px 0;
}

/* end footer */

.social-icon {
    padding: 60px 0 35px;
}

.social-icon>ul {
    text-align: center;
}

.social-icon>ul>li {
    display: inline-block;
    margin-right: 20px;
}

.social-icon>ul>li>a {
    background-color: #fff;
    border: solid 1px #cd071e;
    display: block;
    height: 70px;
    width: 70px;

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.social-icon>ul>li>a>i {
    color: #55606a;
    display: inline-block;
    font-size: 32px;
    line-height: 70px;
    margin: 0;

    opacity: 0.3;
    filter: alpha(opacity=30);

    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

    -webkit-transition: all 400ms ease-out 0s;
    -moz-transition: all 400ms ease-out 0s;
    -o-transition: all 400ms ease-out 0s;
    transition: all 400ms ease-out 0s;
}

.social-icon>ul>li:hover a {
    background-color: #cd071e;

    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.social-icon>ul>li:hover a i {
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);

    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.copyright {
    padding: 20px 0;
    color: #000;
}

.copyright img {
    margin-bottom: 30px;
    max-width: 300px;

}

#scrollUp {
    border: 1px solid #fcda26;
    bottom: 15px;
    color: #fcda26;
    display: none;
    padding: 8px 12px;
    position: fixed;
    right: 20px;
    z-index: 600;
}

#scrollUp:hover {
    background-color: #1c56a3;
    border: 1px solid #1c56a3;
    color: #fcda26;
}








.form-group:last-child,
.form-group:last-child input {
    margin-bottom: 20px;
}


.btn-success,
.btn-success:hover {
    background-color: #FFFFFF;
    border-color: #000;
    border: 0px;
    color: #000;
}


.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fcda26;
}

.input-lg+.form-control-feedback {
    top: 0px;
}

::-webkit-input-placeholder {
    font-size: 14px;
}

::-moz-placeholder {
    font-size: 14px;
}

/* firefox 19+ */

:-ms-input-placeholder {
    font-size: 14px;
}

/* ie */

input:-moz-placeholder {
    font-size: 14px;
}

@media (max-width:500px) {
    
    .carousel-caption img {
        width: 90%;
    }

    .intro a span {
        top: 60vh;
    }
}

@media (max-width:1023px) {
    .parallax-section {
        display: none;
    }
}

.bottone-press {
    color: #1c56a3;
    width: 32%;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    padding: 2px 2px 2px 2px;
    margin-bottom: 10px;
}

.photogallery {
    background-size: cover;
    padding: 0;
    /*filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -webkit-transition: all ease-in-out 0.40s;
    -moz-transition: all ease-in-out 0.40s;
    -o-transition: all ease-in-out 0.40s;
    -ms-transition: all ease-in-out 0.40s;
    transition: all ease-in-out 0.40s;*/
}

/*.photogallery:hover {
	filter:grayscale(0%);
	-moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
}*/

.hover-photogallery {
    height: 300px;
}

/*
#serramenti-legno-alluminio{
	background-image:url(../img/serramenti-legno-alluminio/header.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	min-height: 713px;
}
*/

/*
#porte{
	background-image:url(../img/porte/header.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 340px;
}
*/

#showroom>div>div>div>a>img {
    transition: all .2s ease-in-out;
}

#showroom>div>div>div>a>img:hover {
    transform: scale(1.1);
}

#showroom>div>div>div>a,
#showroom>div>div>div>a:hover {
    color: #444;
}

.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

#call-to-action {
    position: fixed;
    left: 10px;
    z-index: 110;
    background-color: #fff;
    padding: 50px 10px;
    border-style: solid;
    border-color: #1c56a3;
    bottom: 10px;
}

.porte-ingresso-gallery {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.porte-link {
    margin-top: 0px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.porte-link:hover {
    margin-top: -10px;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

h4 {
    font-weight: bold;
}

.font-size-16 {
    font-size: 16px;
}


.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    position: absolute;
    overflow: hidden;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.hovereffect:hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 17px;
    background-color: transparent;
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.hovereffect a,
.hovereffect p {
    color: #FFF;
    padding: 1em 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.hovereffect:hover a,
.hovereffect:hover p,
.hovereffect:hover h2 {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #1c56a3;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #1c56a3;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #1c56a3;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #1c56a3;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #1c56a3;
}

.zoomhover,
#about>div>div:nth-child(2)>div>div:nth-child(3)>a>img,
#about>div>div:nth-child(2)>div>div:nth-child(4)>a>img,
#about>div>div:nth-child(2)>div>div:nth-child(5)>a>img {
    transition: all .2s ease-in-out;
}

.zoomhover:hover,
#about>div>div:nth-child(2)>div>div:nth-child(3)>a>img:hover,
#about>div>div:nth-child(2)>div>div:nth-child(4)>a>img:hover,
#about>div>div:nth-child(2)>div>div:nth-child(5)>a>img:hover {
    transform: scale(1.1);
}

h1 {
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: #1c56a3 !important;
    color: #fcda26 !important;
}


#whatsapp {
    position: fixed;
    bottom: 60px;
    right: 60px;
    z-index: 1000;

}

#whatsapp img {
    width: clamp(70px, 5vw + 1.2px, 100px) 
}