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

body {
    font-size: 16px;
}

/*--------- Style Landing Zanzariere ----------*/


.link-landing {
    text-decoration: none;
    color: black;
    font-size: 20px;
    margin-left: 2rem
}

.link-landing:hover {
    text-decoration: none;
    color: #aa010b;
    font-size: 20px;
}

.testolanding {
    text-align: left;
    margin-top: 3rem;
    font-size: 20px;
}

.title-landing {
    margin-left: 2rem;
    margin-top: 13rem;
    font-size: 34px
}

.red {
    color: white !important;
    background-color: #7E1515 !important;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.ps-0 {
    padding-left: 0px;
}

/*----------------------------------------*/
h1 {
    font-size: 40px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 80px;
    margin-bottom: 25px;
    text-align: center;
    color: #AA000A;
}

h2 {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 12px;
    margin-bottom: 10px;
    text-align: right;
    color: #AA000A;
}

h3 {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 12px;
    margin-bottom: 10px;
    text-align: right;
    color: #AA000A;
}

.bg-dark {
    background-color: #eaeaeab0;

}

.row-flex {
    display: flex;
    align-items: center;

}

.spacing-section {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.pt-3 {
    padding-top: 1rem !important;
}

.title-h2 {
    font-size: 24px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 12px;
    margin-bottom: 10px;
    text-align: left;
    color: #AA000A;
}

.testo {
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 50px;
}

.testodx {
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin: auto;
    margin-top: 10px;
    text-align: right;

}

.testosx {
    font-size: 17px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin: auto;
    margin-top: 10px;
    text-align: left;
    ;
}

.spazio {
    margin-bottom: 0px;
    margin-top: 60px;
}

.bb {
    background: #fff;
    color: #444;
    padding: 100px 0 150px 0;
    background-image: url(img/motore);
    width: 40
}

.tcontatti {
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;

}

.tfoot {
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #000;
    padding-top: 5px;
    line-height: 50px;
}

.parallax {
    /* The image used */
    background-image: url(../img/parquet.jpg);

    /* Set a specific height */
    height: 50px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


a {
    color: #AA000A;
    font-weight: 300;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
}

body,
html,
.main {
    height: 100%;
}


.center {
    display: block;
    margin: auto;
    margin-bottom: 60px
}

.freccia {
    background-image: url(../img/freccdx.png);
    height: 100px;

}

.box {
    padding-left: 18vh;
    padding-right: 18vh;
    text-align: left !important;
}

.carousel-control {
    opacity: 1;
}


p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    text-align: center;
}

.testosingole {
    margin-left: 50px;
    margin-right: 50px;
    text-align: center;

}

.imgsez {
    margin-top: 130px;
}

div.gallery {
    margin: 50px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    margin-top: 50px;
}

div.gallery:hover {
    border: 1px solid #777;
}

div.gallery img {
    width: 100%;
    height: max;
}

div.desc {
    padding: 15px;
    text-align: center;
    background-color: rgba(236, 236, 236, 1.00);
}

.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: 300;
}

.sp-txt {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.txt-call {
    font-size: 24px;
    font-weight: 500;
}

.btn-call {
    border: 2px solid #BA2626;
    background-color: #BA2626;
    color: #fff;
    font-weight: 500;
    font-size: 22px;
    padding: 5px 15px;
    text-decoration: none;
    transition-duration: 1s;
}

.btn-call:hover {
    border: 2px solid #BA2626;
    background-color: #fff;
    color: #BA2626;
    font-weight: 500;
    font-size: 22px;
    padding: 5px 15px;
    text-decoration: none;
    transition-duration: 1s;
}

.back1 {
    background-image: url(../img/back1.jpg);
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back2 {
    background-image: url(../img/back2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back3 {
    background-image: url(../img/back3.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back4 {
    background-image: url(../img/back4.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back5 {
    background-image: url(../img/back5.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back-nivo {
    background-image: url(../img/gallery/trazione/nivo/header-nivo.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back-nivo-plus {
    background-image: url(../img/gallery/trazione/nivo-plus/header-nivo-plus.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back6 {
    background-image: url(../img/back6.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back7 {
    background-image: url(../img/back7.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back8 {
    background-image: url(../img/back8.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backprova {
    background-image: url(../img/backprova.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backcaduta {
    background-image: url(../img/backcaduta.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backbracci {
    background-image: url(../img/backbracci.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backtrazione {
    background-image: url(../img/backtrazione.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backfinestra {
    background-image: url(../img/backfinestra.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backcappottine {
    background-image: url(../img/backcappottine.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backvele {
    background-image: url(../img/backvele.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

}


.backpergole {
    background-image: url(../img/backpergole.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.backpergolebio {
    background-image: url(../img/backpergolebio.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backtecniche {
    background-image: url(../img/backpergole.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backmedaddossate {
    background-image: url(../img/medaddossate.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backvetrate {
    background-image: url(../img/vetrate/head.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backmedisola {
    background-image: url(../img/medisola.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backroomiaddossate {
    background-image: url(../img/roomaddossate.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backroomfly {
    background-image: url(../img/roomfly.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backmedvaria {
    background-image: url(../img/medvaria.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backpergolebiocliamtiche {
    background-image: url(../img/backpergolebiocliamtiche.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backtecniche {
    background-image: url(../img/backtecniche.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backarredo {
    background-image: url(../img/backarredo.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backinterno {
    background-image: url(../img/backinterno.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backinterno2 {
    background-image: url(../img/backinterno2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backsostegno {
    background-image: url(../img/backsostegno.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backsupporti {
    background-image: url(../img/backsupporti.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backtessuti {
    background-image: url(../img/backtessuti.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backparati {
    background-image: url(../img/backparati.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backnoncassonate {
    background-image: url(../img/backnoncassonate.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backchiusure {
    background-image: url(../img/backchiusure.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backvetro {
    background-image: url(../img/backvetro.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.backzanzariere {
    background-image: url(../img/back-zanzariere.jpg);
    background-position: 15% 55%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
    padding-bottom: 150px;

}

.backmedisola {
    background-image: url(../img/backmedisola.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back2018 {
    background-image: url(../img/back2018.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.back20182 {
    background-image: url(../img/back20182.jpg);
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;

}

.btn-catalogo {
    color: #B91515;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.btn-catalogo:hover {
    color: #754444;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

h4 {
    font-size: 25px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #fff;
}

h4 a {
    color: #fff;
}

h4 a:focus,
a:hover {
    color: #fff;
    text-decoration: underline;
}

a:hover {
    color: #444;
    text-decoration: underline;
}

.design {
    color: #afafaf;
}



.back-green-pag {
    background-image: url(../img/green/back-bird.jpg);
    background-size: cover;
    background-position: center;
    height: 40vh;
}

.back-sconto-pag {
    background-image: url(../img/top-sconto.jpg);
    background-size: cover;
    background-position: right;
    height: 40vh;
    background-repeat: no-repeat;
}

.back-listino-pag {
    background-image: url(../img/top-listino.jpg);
    background-size: cover;
    background-position: left;
    height: 40vh;
    background-repeat: no-repeat;
}

.titolo-bonus {
    font-size: calc(40px + (100 - 40) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    color: #AA000A;
    padding-top: 3rem;

}

.titolo-green {
    font-size: calc(70px + (140 - 70) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    color: #AA000A;
    padding-top: 3rem;

}

.titolo-h2-green {
    font-size: calc(24px + (28 - 24) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    font-weight: 500;
}

.txt-easy {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    font-weight: 400;
}

.gibus-0 {
    filter: drop-shadow(-4px 10px 14px #a0a0a0c7)
}

.box-green {
    background-color: #1FD566;
    border-radius: 0rem 100rem 100rem 0rem;
    padding: 3rem;
    border: 6px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px #CBCBCB;
}

.box-gray {
    background-color: #7d90a5;
    border-radius: 0rem 100rem 100rem 0rem;
    padding: 3rem;
    border: 6px solid #FFFFFF;
    box-shadow: 0px 0px 10px 0px #CBCBCB;
}

.h1-easy {
    font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1920 - 300)));
    font-weight: 300;
    margin-bottom: 25px;
    color: #1FD566;

}

.tit-easy {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    font-weight: 700;
}

.white {
    color: #fff;
    font-weight: 600;
}


.link-pag {
    color: #323232 !important;
    font-weight: 500;
    text-decoration: none;
}

.sp-green {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.sp-top {
    padding-top: 6rem;
}

.txt-green {
    font-size: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    font-weight: 400;
}

.img-green {
    padding: 10px;

}

.btn-gallery-green {
    background-color: #1DDC41;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 800;
    margin: 6px 0;
    text-decoration: none;
}

.btn-gallery-green:hover {
    background-color: #21A934;
    color: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    font-weight: 800;
}





/* navbar-------------------------------------------------*/

.titolo-mag {
    font-size: calc(50px + (140 - 50) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
}

.sp-mag {
    padding: 6rem 4rem;
}

.n-mag {
    font-size: calc(24px + (30 - 24) * ((100vw - 300px) / (1920 - 300)));
    text-align: left;
    font-weight: 600;
    color: #383535;
    text-decoration: underline;
    text-decoration-color: #AA000A;
}

.btn.focus,
.btn:focus,
.btn:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff0;
    border-color: #000;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1.2px solid transparent;
    border-radius: 4px;
    color: #fff;
    border-color: #AA000A;
    background-color: #AA000A;
}


body {
    font-family: 'Montserrat', sans-serif;
}

footer {
    background-color: #33383c;
    padding: 70px 0px;
}

.adress span,
.contact span,
.social span {
    color: #FFF;
    font-weight: 800;
    padding: 3px 0px;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3px;
    border-bottom: 2px solid #951c1c;
}

.adress li,
.contact li,
.social li {
    padding: 5px 0px;
    list-style: none;
}

.adress li p,
.contact li a,
.social li a {
    color: #FFF;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 14px;
}

.social li {
    float: left;
}

.social .fa {
    color: #9c9c9c;
    margin-right: 10px;
    font-size: 22px;
}

.contact li a:hover,
.social li a:hover {
    color: #777;
    letter-spacing: 2px;
    text-decoration: none;
    font-size: 14px;
}

.sfondo-carta-ristrutturare {
    background-image: url(../img/carta-pagina.jpg);
    background-position: bottom right;
    background-size: cover;
    padding: 40px;
}

@import "https://designmodo.github.io/Flat-UI/dist/css/flat-ui.min.css";
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css";
@import "https://daneden.github.io/animate.css/animate.min.css";

/*-------------------------------*/
/*           VARIABLES           */
/*-------------------------------*/
body {
    position: relative;
    overflow-x: hidden;
}

body,
html {
    height: 100%;
    background-color: #fff;
}

.nav .open>a {
    background-color: transparent;
}

.nav .open>a:hover {
    background-color: transparent;
}

.nav .open>a:focus {
    background-color: transparent;
}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
#wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    padding-left: 0;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 300px;
}

#wrapper.toggled #sidebar-wrapper {
    width: 300px;
}

#wrapper.toggled #page-content-wrapper {
    margin-right: -300px;
    position: absolute;
}

#sidebar-wrapper {
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    background: #1a1a1a;
    height: 100%;
    left: 300px;
    margin-left: -300px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all 0.5s ease;
    width: 0;
    z-index: 1000;
}

#sidebar-wrapper::-webkit-scrollbar {
    display: none;
}

#page-content-wrapper {
    padding-top: 00px;
    width: 100%;
}

/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/
.sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 300px;
}

.sidebar-nav li {
    display: inline-block;
    line-height: 20px;
    position: relative;
    width: 100%;
}

.sidebar-nav li:before {
    background-color: #1c1c1c;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 3px;
    z-index: -1;
}

.sidebar-nav li:first-child a {
    background-color: #1a1a1a;
    color: #ffffff;
}

.sidebar-nav li:nth-child(2):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(3):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(4):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(5):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(6):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(7):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(8):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(9):before {
    background-color: #AA000A;
}

.sidebar-nav li:nth-child(10):before {
    background-color: #AA000A;
}

.sidebar-nav li:hover:before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}

.sidebar-nav li a {
    color: #dddddd;
    display: block;
    padding: 10px 15px 10px 30px;
    text-decoration: none;
}

.sidebar-nav li.open:hover before {
    -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;
    width: 100%;
}

.sidebar-nav .dropdown-menu {
    background-color: #222222;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus {
    background-color: transparent;
    color: #ffffff;
    text-decoration: none;
}

.sidebar-nav>.sidebar-brand {
    font-size: 20px;
    height: 65px;
    line-height: 44px;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/
.hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 32px;
    margin-left: 15px;
    position: fixed;
    top: 20px;
    width: 32px;
    z-index: 999;
}

.hamburger:hover {
    outline: none;
}

.hamburger:focus {
    outline: none;
}

.hamburger:active {
    outline: none;
}

.hamburger.is-closed:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #880b0b;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}

.hamburger.is-closed:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}

.hamburger.is-closed:hover .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    bottom: 0;
}

.hamburger.is-closed .hamb-top {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #fff;
    border: 1px solid #000;
    top: 5px;
}

.hamburger.is-closed .hamb-middle {
    background-color: #fff;
    border: 1px solid #000;
    margin-top: -2px;
    top: 50%;
}

.hamburger.is-closed .hamb-bottom {
    -webkit-transition: all 0.35s ease-in-out;
    background-color: #fff;
    border: 1px solid #000;
    bottom: 1px;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
    height: 8px;
    left: 0;
    position: absolute;
    width: 90px;
}

.hamburger.is-open .hamb-top {
    -webkit-transform: rotate(45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #fff;
    border: 1px solid #000;
    margin-top: -2px;
    top: 50%;
    left: 60px;
}

.hamburger.is-open .hamb-middle {
    background-color: #fff;
    border: 1px solid #000;
    display: none;
}

.hamburger.is-open .hamb-bottom {
    -webkit-transform: rotate(-45deg);
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
    background-color: #fff;
    border: 1px solid #000;
    margin-top: -2px;
    top: 50%;
    left: 60px;
}

.hamburger.is-open:before {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    color: #ffffff;
    content: '';
    display: block;
    font-size: 14px;
    line-height: 32px;
    opacity: 0;
    text-align: center;
    width: 100px;
}

.hamburger.is-open:hover before {
    -webkit-transform: translate3d(-100px, 0, 0);
    -webkit-transition: all 0.35s ease-in-out;
    display: block;
    opacity: 1;
}

/*-------------------------------*/
/*          Dark Overlay         */
/*-------------------------------*/
.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

/* SOME DEMO STYLES - NOT REQUIRED */
body,
html {
    background-color: #fff;
}

body blockquote {
    color: rgba(255, 255, 255, 0.7);
}

body a {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
}

body a:hover {
    color: #fff;
}

.center-container {
    position: relative;
    height: 100%;
}

.absolute-center {
    width: 50%;
    height: 50%;
    overflow: auto;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: solid black;
}

.form-control {
    width: 100% !important;
    background: #f0f4f7;
    border: 0;
    border-radius: 5px;
    outline: none;
    padding: 10px 15px 11px;
    margin-bottom: 18px !important;
    box-shadow: unset;
}

.form-landing {
    margin-top: 12px;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    background: #FFFFFF;
    padding: 36px 40px 46px;
    position: relative;
}

.bs-example-form {
    margin-top: 40px;
}


#page-content-wrapper>* img {
    border-radius: 0px 5px 5px 0px;
}

.btn-landing {
    padding: 20px;
}

#stile-casa-2-0 {
    background: url(../img/Progettazione.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    width: 100%;
}

.logo-prog {
    max-width: 600px;
    padding-top: 15vh;
    padding-bottom: 15vh;
}

#stile-casa-2-0 h1 {
    margin-top: 200px;
    background-color: #ffffffc7;
    padding: 10px;
    border-radius: 10px;
    font-weight: 400;
}

#stile-casa-2-0-form>* p {
    margin: 10px 0;
}

.design {
    color: #afafaf;
}

.iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

.txt-grazie {
    font-family: 'Pacifico', cursive;
    font-size: 55px;
    color: #C73A3A;
}

.gallerypagine {
    padding: 5px;
}

.gallerypagine:hover {
    padding: 0px;
}


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


.txtsocial {
    font-size: 50px;
    color: #A73D3D;
    text-align: left;
}

.txtsocial:hover {
    font-size: 50px;
    color: #656565;
    text-align: left;
}

@media only screen and (max-width: 2560px) {
    .backzanzariere {
        background-image: url(../img/back-zanzariere.jpg);
        background-position: 15% 55%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
        padding-bottom: 400px;

    }

    .elenco-landing {
        font-size: 28px;
    }

    .testolanding {
        margin-top: 5rem;
        font-size: 26px;
        padding: 20px;
    }

    .text-head {
        margin-left: 3rem;
        font-size: 24px;
    }

    .sottotitolo-landing {
        font-size: 30px;
        margin-left: 3rem;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 8rem;
        font-size: 35px;
    }

    .immagine-anticimice {
        margin-left: 2rem;
    }

    .img-brevetto {
        margin-top: 1rem;
        width: 200px;
    }

    .title-h1-landing {
        font-size: 55px;
        margin-left: 5rem;
    }

    .title-contatti-landing {
        color: #AA000A;
        margin-top: 4rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 34px;
    }

    .link-landing {
        font-size: 28px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        font-size: 28px;
        text-align: center;
        margin-left: 0;

    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 24px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 1920px) {
    .sottotitolo-landing {
        font-size: 20px;
        margin-left: 3rem;
    }

    .elenco-landing {
        font-size: 18px;
    }

    .img-landing-1 {
        max-width: 80%;
        padding-top: 30px;
    }

    .img-landing-2 {
        max-width: 80%;
        padding-top: 60px;
    }

    .testolanding {
        font-size: 19px;
        margin-top: 0;
        padding: 1em;
    }

    .text-head {
        margin-left: 3rem;
        font-size: 20px;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 2rem;
        padding: 0;
        font-size: 25px;
    }

    .immagine-anticimice {
        margin-left: 2rem;
    }

    .img-brevetto {
        margin-top: 0;
        width: 150px;
    }

    .title-h1-landing {
        font-size: 36px;
        margin-left: 5rem;
    }

    .title-contatti-landing {

        margin-top: 4rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 23px;
    }

    .link-landing {
        padding: 5px;
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        padding: 5px;
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 18px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 1444px) {
    .backzanzariere {
        background-image: url(../img/back-zanzariere.jpg);
        background-position: 15% 55%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
        padding-bottom: 300px;

    }

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

    .img-landing-1 {
        max-width: 80%;
        padding-top: 30px;
    }

    .img-landing-2 {
        padding-top: 60px;
    }

    .testolanding {
        font-size: 16px;
        padding: 0;
    }

    .text-head {
        margin-left: 3rem;
        font-size: 18px;
    }

    .sottotitolo-landing {
        font-size: 20px;
        margin-left: 3rem;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 2rem;
        padding: 0;
        font-size: 22px;
    }

    .immagine-anticimice {
        margin-left: 2rem;
    }

    .img-brevetto {
        margin-top: 0;
        width: 110px;
    }

    .title-h1-landing {
        font-size: 36px;
        margin-left: 5rem;
    }

    .title-contatti-landing {

        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 20px;
    }

    .link-landing {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 16px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 1032px) {
    .box {
        padding-left: 1vh;
        padding-right: 1vh;
        text-align: left !important;
    }

    .backzanzariere {
        background-image: url(../img/back-zanzariere.jpg);
        background-position: 15% 55%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
        padding-bottom: 250px;

    }

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

    .img-landing-1 {
        max-width: 80%;
        padding-top: 30px;
    }

    .img-landing-2 {
        padding-top: 60px;
    }

    .testolanding {
        margin-top: 2rem;
        font-size: 16px;
        padding: 0;
    }

    .text-head {
        margin-left: 3rem;
        font-size: 16px;
    }

    .sottotitolo-landing {
        font-size: 16px;
        margin-left: 3rem;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 2rem;
        padding: 0;
        font-size: 22px;
    }

    .immagine-anticimice {
        margin-left: 2rem;
        width: 160px;
    }

    .img-brevetto {
        margin-top: 0;
        width: 110px;
    }

    .title-h1-landing {
        font-size: 38px;
        margin-left: 5rem;
    }

    .title-contatti-landing {

        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 20px;
    }

    .link-landing {
        font-size: 16px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 16px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 912px) {
    .row-flex{
        display:block;
    }
    .back-nivo-plus {

        background-position: 20%;

    }

    .back-nivo {

        background-position: 25%;

    }

    .box-green {
        background-color: #1FD566;
        border-radius: 0rem 10rem 10rem 0rem;
        padding: 3rem;
    }

    .testolanding {
        font-size: 20px;
    }

    .text-head {
        margin-left: 5rem;
    }

    .sottotitolo-landing {
        margin-left: 5rem;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 3rem;
        font-size: 25px;
    }

    .immagine-anticimice {
        width: 120px;
    }

    .img-brevetto {
        margin-top: 1rem;
        width: 90px;
    }

    .title-h1-landing {
        font-size: 36px;
        margin-left: 7rem;
    }

    .title-contatti-landing {
        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 18px;
    }

    .link-landing {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 16px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 768px) {
    .btn-page {
        font-size: 1.5rem;
        white-space: nowrap;
    }

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

    .img-landing-1 {
        max-width: unset;
        padding-top: 30px;
    }

    .testolanding {
        font-size: 16px;
    }

    .text-head {
        margin-left: 5rem;
    }

    .sottotitolo-landing {
        margin-left: 5rem;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 3rem;
        font-size: 25px;
    }

    .immagine-anticimice {
        width: 100px;
    }

    .img-brevetto {
        margin-top: 1rem;
        width: 120px;
    }

    .title-h1-landing {
        font-size: 36px;
        margin-left: 7rem;
    }

    .title-contatti-landing {
        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 18px;
    }

    .link-landing {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        text-align: center;
        font-size: 16px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 470px) {
    .img-landing-1 {
        max-width: unset;
        padding-top: 30px;
    }

    .backzanzariere {
        background-image: url(../img/back-zanzariere.jpg);
        background-position: 15% 55%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
        padding-bottom: 180px;

    }

    .testolanding {
        font-size: 16px;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 3rem;
        font-size: 22px;
    }

    .immagine-anticimice {
        margin-top: 4rem;
        margin-left: 3rem;
        width: 75px;
    }

    .img-brevetto {
        margin-top: 1rem;
        width: 90px;
    }

    .title-h1-landing {
        font-size: 36px;
        margin-left: 7rem;
    }

    .title-contatti-landing {
        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 18px;
    }

    .link-landing {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        font-size: 16px;
        color: #AA000A;
    }
}

@media only screen and (max-width: 375px) {
    .backzanzariere {
        background-image: url(../img/back-zanzariere.jpg);
        background-position: 15% 55%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        background-color: #999;
        padding-bottom: 100px;

    }

    .text-head {
        margin-left: 0;
    }

    .sottotitolo-landing {
        margin-left: 0;
    }

    .testolanding {
        font-size: 16px;
    }

    .title-landing {
        text-align: center;
        margin-left: 0;
        margin-top: 3rem;
        font-size: 16px;
    }

    .immagine-anticimice {
        margin-top: 4rem;
        margin-left: 1rem;
        width: 40px;
        padding-top: 2rem;
    }

    .img-brevetto {
        margin-top: 2rem;
        width: 70px;

    }

    .title-h1-landing {
        font-size: 25px;
        margin-left: 2rem;
        padding-top: 2rem;
    }

    .title-contatti-landing {
        margin-top: 2rem;
        font-weight: 500;
        margin-left: 0;
        text-align: center;
        font-size: 18px;
    }

    .link-landing {
        font-size: 18px;
        text-align: center;
        margin-left: 0;
    }

    .link-landing:hover {
        text-align: center;
    }

    .testo-contatti-landing {
        text-align: center;
    }

    .h5-contatti-head {
        font-size: 16px;
        color: #AA000A;
    }

}