html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Lato';
/*   overflow-x:hidden;*/
/*border:1px solid #000;*/
font-size:14px;
}
/** {

    border: 1px solid #000;
}*/
.font14px {
    font-size:14px;
}
.site_header {
    background-image: linear-gradient(360deg, #1C2B55 35.97861842105263%, #D2D1C8 100%);
}

.menu_inf {
    background-image: linear-gradient(360deg, #d4d3ca 35.97861842105263%, #f8f8f8 100%);
}

.logoguardiano a {
    background-color: #192b56;
    color: #FFF;
    border-radius: 20px;
    padding: 15px 35px;
    font-size: 25px;
    font-family: Roboto;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.logoguardiano a:hover{
    background-color: #a9974b;
}

.menu_inf ul{
    list-style:none;
    display:flex;
    float:right;
}

    .menu_inf ul li{
        padding:0px 12px;
        font-size:18px;
        font-weight:bold;
        text-align:center;
    }

    .recensioni ul  {
        padding: 0px;
       margin:0px;
       list-style:none;
    }

        .recensioni ul li {
            padding: 0px;
            margin: 20px 3%;
            float: left;
            width: 27.3%;
            list-style: none;
        }

        .menu_inf ul li a {
            color: #192b56;
        }

.menu_inf a.selected, .menu_inf a:hover {
    color: #a6954c;
}

.headerguardiano {
    background-image: linear-gradient(261deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 37%, rgb(217, 217, 217) 100%);
}


.guardianobox1 {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    color: #FFF;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
}

    .guardianobox1 h1 {
        font-family: Anton;
        color: #FFFFFF;
        font-family: "Anton", Sans-serif;
        font-size:105px;
        font-weight: 400;
        font-style: italic;
        line-height: 105px;
        letter-spacing: 4px;
        -webkit-text-stroke-color: #000;
        stroke: #000;
    margin:10px 0px;
    padding:0px;
    }

.linear1{
    background-image: url(/img/sfondo_guardianobox1.jpg);
    background-position: 50% top;
    background-repeat:repeat-y;
    width:100%;
    float:left;

}

.guardianobox2 {
    background-color: #02010100;
    background-position: center right;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: left;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
    color: #192b56;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.guardianobox3 {
    background-attachment: fixed;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: right;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
    color: #192b56;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-bottom: 20px !important;
}

.image6 {

    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: contain;
float:left;
width:100%;
}

.guardianobox4 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FAFAFA 0%, #3535357A 100%);
    text-align: left !important;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
    color: #192b56;
    font-weight: bold;
  
}

.guardianobox7 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #E0E0E0 0%, #555555 100%);
    float: left;
    position: relative;
    width: 100%;
    z-index: 0 !important;
}


.guardianobox7 img{

    float: left;
    position: relative;
    width: 100%;
    top:-70px;
    z-index:10;
}


.guardianobox5 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E9E9E9 100%);

    text-align: left !important;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
    color: #192b56;
    font-weight: bold;
}
.guardianobox6 {
    background-color: transparent;
    background-image: linear-gradient(180deg, #192B56 0%, #C5C5C5 100%);
    text-align: left !important;
    font-family: "Noto", Sans-serif;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
}


    .guardianobox4 ul {
        margin: 0px;
        padding: 0px;
        width: 100%;
        list-style: none;
        background-color: #FFFFFFC4;
        float: left;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        padding:25px 0px;
    }

.guardianobox5 ul, .guardianobox6 ul {
    margin: 0px;
    padding: 0px;
    width: 100%;
    list-style: none;
    float: left;
    position:relative;
}

    .guardianobox5 ul li {
        float: left;
        width: 48%;
        margin: 50px 1%;
        text-align: left;
        list-style: none;
        font-size: 30px;
        font-weight: normal;
    }

    .guardianobox6 ul li {
        float: left;
        width: 48%;
        padding: 50px 1%;
        text-align: left;
        list-style: none;
        font-size: 30px;
        font-weight: normal;

    }

    .guardianobox6 ul li {
        font-size: 20px;
    }

        .guardianobox6 ul li ul {
            font-size: 25px;
            width: 90%;
            background-color:#192b56;
            border-radius:10px;
            padding:10px;
            clear:both;
            margin:40px 0px;
        }

        .guardianobox6 ul li ul li{
            font-size: 20px;
            width: 100%;
            margin:0px;
            padding:10px;
            font-weight:bold;
            font-family:Noto;
            font-style:italic;
        }

    .guardianobox5 ul li img {
        width: 90%;
      border-radius:25px;
    }

    .guardianobox6 ul li img {
        width: 52%;
        position:absolute;
        bottom:0px;
        right:0px;
    }
    .guardianobox4 ul li {
        float: left;
        width: 24%;
        margin: 0.5%;
        text-align: center;
        font-family: Anton;
        font-style: italic;
        color: #192b56;
        list-style: none;
        font-size:20px;
        font-weight:normal;
    }

        .guardianobox4 ul li img {
            width: 90% !important;
            height: auto !important; 
    

        }

.guardianobox3_testo {
 
    text-align: right;
    width:50%;
    float:right;

}

    .guardianobox2 h1, .guardianobox3_testo h2, .guardianobox4 h2, .guardianobox5 h2, .guardianobox6 h2 {
        color: #192b56;
        font-family: Anton;
        font-style: italic;
        font-size: 60px;
        margin-top: 50px;
        font-weight: 400;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

 .guardianobox6 h2 {
    color: #FFF;
}

    .guardianobox2 ul li img {
        max-width: 700px;
        height: auto;
        float: left;
       margin-right:20px;
        border-radius: 20px;
    }

.guardianobox2 ul li, .guardianobox3_testo ul li {
    font-size: 19px;
    line-height: 28px;
    color: #000;
    list-style: none;
    background-color: #FFFFFFC4;
    border-radius: 20px;
    padding: 20px;
    float: left;
    font-family: Roboto;
    margin: 0px;
    margin-bottom: 30px;
    width: 100%;
}

.guardianobox2 ul, .guardianobox3_testo ul{
    padding:0px;
    margin: 0px;
    width:95%;
}

        .guardianobox2 ul li h3 {
            font-size: 30px;
            color: #192b56;
            font-weight: bold;
            font-weight:700;
        }
         a.preventivo {
                color: #FFF !important;
                background-color: #192b56;
                border-radius:12px;
                padding:10px;
                font-size:16px;
                font-weight:normal;
            }
    collage_position_right .collageWrap {
    margin-left: auto;
}

collage_position_right .bottomSide {
    flex-direction: row-reverse;
}


collage_position_right .imgWrap2, collage_position_right  .imgWrap3 {
    margin-right: 0;
    margin-left: 7%;
}

.stripeCollage .stripeContent.collage_position_right .collageWrap, .flexright .inside {
    margin-left: auto !important;
    margin-right:45px;
}


.flexright .textWrap {
    margin-left: 45px !important;
    font-size: 20px;
    padding: 30px 0px;
    font-family: Roboto;
    text-align:left !important;
}

.stripeCollage .stripeContent.collage_position_right .textWrap {
    margin-left: 0;
    font-size: 20px;
    padding: 30px 0px;
    font-family: Roboto;
}


    .stripe {
    position: relative;
    padding-bottom: 50px ;
    z-index: 1;
}
.stripe > * {
    position: relative;
    z-index: 3;
}

.stripe.in-viewport {
    opacity: 1;
    transform: translateY(0);
}

.stripe:not(.animation_none) {
    position: relative;
    transform: translateY(50px);
    transition: all 0.3s;
    animation-duration: 0.3s;
    animation-fill-mode: both;
    clear:both;
}

.stripeCollage .stripeContent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
}

    .stripeCollage .stripeContent .collageContainer {
        grid-area: 1 / 1;
        z-index: 1;
        pointer-events: none;
    }

.mainWrap {
    display: block;
    width: 100%;
    box-sizing: border-box;

    margin: auto;
    max-width: 1920px;
}

.stripeCollage .stripeContent .collageWrap .insideWrap_1 {
    margin: 0;
}

.stripeCollage .stripeContent .collageWrap .imgWrap1 {
    width: 100%;
    aspect-ratio: 2 / 1;
    margin-bottom: 35px;
}

.flex {
    display: flex;
}

.stripeCollage .stripeContent .collageWrap .bottomImages {
    flex-grow: 1;
    align-items: flex-start;
}
.stripeCollage .stripeContent .collageWrap .imgWrap2 {
    width: 43%;
    aspect-ratio: 1 / 1;
    margin-right: 7%;
}

.stripeCollage .stripeContent .collageWrap .imgWrap3 {
    width: 43%;
    aspect-ratio: 3 / 2;
    margin-right: 7%;
    margin-top: 3.5%;
}

.fitCover {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.stripeCollage .stripeContent .textContainer {
    grid-area: 1 / 1;
}

.insideWrap_1 {
    margin: 0 75px;
}

.stripeCollage .stripeContent .textWrap {
    margin-left: auto;
    padding: 100px 0;
    width: 40%;
    color: #FFF;
    font-size: 20px;
    padding: 30px 0px;
    font-family: Roboto;
    text-align:left !important;
}

    .stripeCollage .stripeContent .textWrap .horizontalSeparator {
        min-width: 80px;
        margin: 15px 45px 15px 0;
        border-top: 1px solid #FFF;
    }


.stripeCollage .stripeContent .collageWrap {
    width: 55%;
}

div.navigationmobile {
    display: none;
}
form#aspnetForm,form#form1  {margin: 0px;padding: 0px; z-index: 1; position: relative; width:100%;height:100%;}
img{border:0px;}

div.header{ margin:0px;padding: 0px;clear:both;float:left;width:100%;z-index:10;}
div.header_container
{ width:98%;margin-top: 0px;text-align: left;position: relative;margin-left: auto;margin-right: auto;margin-bottom: auto;max-width:1700px; }
div.header_content, div.promo_item
{  width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position:relative;
}


div.testo_home {
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    padding-top: 30px;
    color: #2f2f2f;
}
div.box-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    font-size:20px;
  top:0px;
  left:0px;
  right:0px;
  bottom:0pc;
}

div.box-slide h2{
    color:#FFF;
    font-size:55px;
    padding-bottom:0px;
    font-family:geogia;
    font-weight:normal;
}


    div.box-slide div {
        float: right;
        width: 60%;
        align-self: center;
        position:relative;
        margin:0px 20%;
        color:#FFF;
        letter-spacing:4px;
    }

        div.box-slide div a {
            color: #FFF!important;
            background-color: #192b56; 
            padding: 10px 30px;
            transition: all 0.6s ease-out 0s;
            -webkit-transition: all 0.6s ease-out 0s;
            font-weight:bold;
        }
a
{
   text-decoration:none;
}


div.logo
{
    float:left;
    clear:both;
    width:30%;
    text-align:left;
    margin:0px;
    padding:10px 0;

}

div.logo  img{
   max-width:100%;
   height:auto;
}

div.navigation {
    float: right;
    text-align: right;
    margin: 0px;
    padding: 0px;
    width: 75%;
    white-space: nowrap;
}

div.Tel
{
   position:relative;
float:left;
    width:5%;
}

div.MenuSup {

    width: 42%;
      white-space: nowrap;
}

div.immagine {
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    clear: both;
    float: left;
    position: relative;
}

table.claim {
    position: absolute;
    width: 100%;
    bottom: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    text-align: center;
    color: #FFF;
    font-size: 20px;
    height: 100%;
}

    table.claim h2 {
        font-size: 20px;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
        font-weight: normal;
        color: #FFF;
    }

    table.claim h1 {
        padding-top:0px;
        margin-top:0px;
        color: #FFF;
        font-size: 40px;
        text-transform: uppercase;
    }


div.Prenota {
    position: relative;
    width: 46%;
    text-align: left;
    color:#FFF;
    white-space: nowrap;
}

    div.Prenota ul li {
        width:40%;
    }

    div.team ul  {
      margin:40px auto;
      padding:0px;
      max-width:1400px;
      width:100%;
    }

        div.team ul li {
            margin: 40px auto;
            padding-top: 10px;
            padding-right: 10px;
            float: left;
            width: calc(31% - 10px);
            margin: 1% 1%;
            border-radius: 10px;
            background-color: #192b56;
            background-image: url('/img/sfondo_team.png');
            background-position: top right;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            color: #c5ae4b;
            list-style: none;
            position: relative;
            min-height: 250px;
            text-align: right;
            font-weight:bold;
        }

        div.team ul li strong{
           font-size:18px;
            color: #FFF;

        }

            div.team ul li a {
                background-color: #3d9be9;
                color: #FFF;
                border-radius:20px;
                padding:10px 30px;
            }
  
  

        div.team ul li img{
        position:absolute;
        top:10px;
        left:10px;
        z-index:10;
        }

            div.team ul li a {
                position: absolute;
                bottom: 10px;
                right: 10px;
                z-index: 10;
            }


    div.business ul, div.Prenota ul {
        display: flex;
        align-items: center;
        margin: 0px;
        padding: 0px;
        list-style: none;
        width: 100%;
    }

div.business {
    min-height:600px;
}
        div.business ul li {
            text-align: center;
            list-style: none;
            display:block;
            margin:0px 20px;
        }

        div.business ul li a{
            font-size:16px !important;
        }


    div.Prenota ul li img{
        max-width:20px !important;
        height:auto !important;
        margin-right:5px;
    }

    div.Auto{
        width: 8%;
        text-align:center;
    }

div.Auto img {
    max-width: 100% !important;
    height: auto !important;
    margin:3px 0px;
}
div.item{
    position: relative;
    float: left;
   width:100%;
}





div.Tel ul{
   list-style:none;

}

    div.Tel ul li {
        list-style: none;
        text-align: left;
        position: relative;
        padding: 2px 10px;
        padding-top:0px;
        float: left;
        font-size: 13px;
        border-left: 1px solid #c8c8c8;
        color: #5d5d5d;
        margin: 5px 0px;

    }

    div.Tel a {
        color: #5d5d5d;
        font-size: 13px;
    }


    div.Tel img {
        height:auto;
        position:relative;
        top:5px;
        left:0px;
        max-width:15px;
    }


div.box_sx {
    float: left;
    width: 52%;
    text-align: left;
    line-height: 25px;
    font-size: 16px;
    padding: 30px 0px;
}

div.box_sx_testo {
    float: left;
    margin:10% 0px;
    margin-left: 20%;
    margin-right:2%;

}

    div.box_sx_testo strong{
        color: #a9974b !important;
    }

div.box_sx_testo {
    float: left;
    margin: 10% 0px;
    margin-left: 20%;
    margin-right: 2%;
}

div.colorwhite {
   color:#FFF !important;
}

    div.colorwhite h2 {
        color: #192b56 !important;
    }


    div.colorwhite a {
        background-color: #000 !important;
        border: 4px solid #000 !important;
    }


div.box_sx_servizi {
    float: left;
    width: 40%;
    color: #000 !important;
    text-align: left;
    line-height: 30px;
    margin-left: 55%;
    font-size: 20px;
    padding: 60px 0px;
}

div.box_dx_servizi {
    float: left;
    width: 40%;
    color: #000 !important;
    text-align: left;
    line-height: 30px;
    margin-left: 5%;
    font-size: 20px;
    padding: 60px 0px;
}

div.box_sx_servizi a, div.box_dx_servizi a {
    color: #000 !important;
    border: 1px solid #05612d;
    padding: 7px 20px;
    border-radius: 5px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
}

    div.box_sx_servizi a:hover, div.box_dx_servizi a:hover {
        color: #FFF !important;
        border: 1px solid #05612d;
        background-color: #05612d;
    }

/*
div.box_sx a, div.box_sxright a, div.boxricerca a, .textWrap a {
    color: #FFF;
    background-color: #a9974b;
    padding: 8px 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    font-family: Lato;
    border: 4px solid #a9974b;
    box-shadow: inset 0 0 0 2px #FFF;
}

    div.box_sx a:hover, div.box_sxright a:hover, div.boxricerca a:hover, div.boxmodulistica a:hover, .textWrap a:hover {
        background-color: #1a2b57;
        border: 4px solid #1a2b57;
    }*/


div.box_prodpicturesx {
    width: 35%;
    position: absolute;
    left: 10%;
    top: -70px;
}

div.box_prodtestodx {
    width: 40%;
    float: right;
    margin-right: 8%;
    text-align: left;
}

div.box_prodpicturesx img, div.box_prodpicturedx img {
    width: 100%;
}

div.box_prodpicturedx {
    width: 35%;
    position: absolute;
    right: 10%;
    top: -70px;
}

div.box_prodtestosx {
    width: 40%;
    float: left;
    margin-left: 8%;
    text-align: left;
}
div.box_dx {
    width: 48%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

div.box_dx img{
    width: 100%;
    height:auto;

}

div.home
{
 clear:both;
 float:left;
 width:100%;
position:relative;
}


h2 {
    font-size: 40px;
    padding: 30px 0px;
    clear: both;
    font-weight: normal;
    font-family: Lato;
    line-height:50px;
}

.contatti {
    margin:0px;
    list-style:none;
}
    .contatti ul li {
        margin: 1% !important;
        list-style: none;
        font-size: 16px;
        display:flex;
    }
    .contatti ul li div.imgcontatti{
        width:40px;
    }

.modulistica ul {
  margin:0px;
  padding:0px;
}

    .modulistica ul li {
       float:left;
       width:24%;
       margin:5% 0.5%;
       text-align:center;
       list-style:none;
       color:#a9974b;
       font-weight:bold;
    }

        .modulistica ul li:nth-child(4n+1) {
            clear: both;
        }

        .contatti ul li div.imgcontatti {
            width: 40px;
        }

        .contatti ul li h4 {
            font-size: 20px;
            color: #FFF;
            padding-bottom: 10px;
            font-family: Lato;
        }

        .contatti ul li a {
            color: #FFF;

        }

.box_title {
    float: left;
    width: 25%;
}

.box_dxtesto {
    float: right;
    width: 70%;
    line-height: 25px;
    font-size: 20px;
    padding: 30px 0px;
    font-family: Roboto;
}

.titolo_home, h1 {
    font-size: 35px;
    color: #FFF;
    padding-top: 10px;
    clear: both;
    line-height: 30px;
    font-family: Lato;

}

.tecnoligie h2 {
    color: #FFF !important;
    font-size: 35px;
}

.tecnoligie ul, .operiamo ul {
    list-style: none;
    align-items: center;
    width: 100%;
    margin: 0px;
    padding: 0px;
    float: left;
    margin-bottom: 40px;
}

.operiamo ul li strong{
   color:#a9974b;
   font-size:20px;
}

.tecnoligie ul li{
    list-style: none;
    align-items: center;
    width: 23%;
    margin: 1%;
    padding: 1% 0px;
    float: left;
    color:#FFF !important;
}

    .operiamo ul li {
        list-style: none;
        align-items: center;
        width: 31%;
        margin: 30px 1%;
        padding: 1% 0px;
        float: left;
 
    }

    .operiamo ul li img{
       width:100px;
    }
    .tecnoligie ul li img{
        width: 80px;
        height:auto;
    }



.categorieprodotti ul {
    list-style: none;
    display:flex;
    width:100%;
    margin:0px;
    padding:0px;
}

.categorieprodotti ul li {
    float:left;
    width:14.6%;
    margin:3% 1%;
   text-align:center;
   color:#FFF;
   list-style:none;
   line-height:45px;
}

 .categorieprodotti ul li a, .tecnoligie ul li a, .modulistica ul li a {
        background-color: #a9974b;

        color: #FFF;
        border-radius: 25px;
        padding: 12px 35px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

.modulistica ul li a img{
 position:relative;
 top:3px;
 width:20px;
 height:auto;
}

        .categorieprodotti ul li a:hover, .tecnoligie ul li a:hover, .modulistica ul li a:hover {
            background-color: #192b56;

        }


    .categorieprodotti ul li img {
        width: 100% !important;
        height: auto !important;
    }


div.testo h2 {
    font-size: 35px;
    color: #05612d;
    padding: 30px 0px;
    clear: both;
    text-align:center;
    padding-bottom:50px;
}

div.home_int {
    clear: both;
    text-align: center;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    font-size: 0.9em;
    position: relative;
    max-width: 1400px;
    width:90%;
}

div.home_int img
{

 max-width:100%;
height:auto;
}

div.titoloBox
{
 position:absolute;
 top:40%;z-index:10;
 width:100%;
 color:#FFF !important;
 text-align:center;
 font-size:2em;
 font-weight:bold;
 text-shadow:2px 2px 2px rgba(0, 0, 0, 0.88);

}


div.titoloBox a
{

 color:#FFF;


}

div.studio
{
  position: relative;
  width: 33.33333%;
  float:left;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.studio:hover .image {
  opacity: 0.3;
}

.studio:hover .middle {
  opacity: 1;
}

.text {

}

div.lista_appartamenti a {


}


.col1, .col2 {
    width: 25%;
    margin: 0;
    padding: 0px;
    position: relative;
}
.box {
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    overflow: hidden;
}

div.titolo_offerta {
    position: absolute;
    left: 0%;
    width: 100%;
    text-align: center;
    color: #000;
    z-index: 99;
    bottom: 0px;
    font-size: 30px;
    background-color: rgba(230, 230, 230, 0.7);
    height: 70px;
    padding-top: 20px;
    font-size: 1.4em;
    color:#265687;
}

.box img, div.promo_item_img img{
   width:100%;
   display:block;
}

.col2 a:hover {
    background-color: rgba(255, 255, 255, 0.5);
    background-position: center center;
    background-repeat: no-repeat;
}
.col2 a {
    transition: background-color 0.2s ease-in 0s;
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
    text-transform:uppercase;
}


div.promo_item_img
{
 clear:both;
 float:left;
 width:48%;
 margin-top:20px;
 margin-bottom:20px;
}

div.promo_item_det
{
 float:left;
 width:46%;
 margin-top:20px;
 margin-bottom:20px;
 margin-left:6%;
 font-size:1.3em;
}

div.promo_item_det a
{
    color: #265687;
}



div.preventivo
{
 float:left;
 width:100%;
 clear:both;
 background-color:#265687;
 text-align:center;
 color:#FFF;
 font-size:2.2em;
 padding-top:30px;
 padding-bottom:30px;
}

div.preventivo a
{
  padding: 7px;
  padding-right: 7px;
  padding-left: 7px;
  padding-left: 20px;
  padding-right: 20px;
  color: #FFF !important;
  background-color:#F5B12C;
  text-decoration:none;
  font-size:0.8em;
}

.footer-block .list {
    display: none;
    margin: 0 0 20px;
    /* padding: 10px 15px; */
}

div.footer-block {
    width: 100%;
    margin: 0px;
}

    div.footer-block .title {
        margin: 0 0 1px;
        background: #05612d url(/img/toggle-white.png) right center no-repeat;
        padding: 10px 15px;
        font-size: 20px;
        color: #fff;
        cursor: pointer;
        width: 100%;
        border-radius: 5px;
    }

    div.footer-block ul li{

        padding: 10px 0px;

    }

div.box_sxright {

    width: 46%;
    color: #2f2f2f !important;
    text-align: left;
    line-height: 25px;
    font-size: 20px;
    padding: 30px 0px;
    font-family: Roboto;
    margin-left: 4%;
}

    div.box_sxright h2 {
        font-size: 40px;
        color: #192b56;
        padding: 30px 0px;
        clear: both;
        line-height: 45px;
        font-family: Lato;
        font-weight: normal;
    }


div.footer {
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
    z-index: 1000;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #192b56;
}
div.footer_container {
    width: 96%;
    margin-top: 0px;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    max-width:1500px;
}

div.lista_news {
    position: relative;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
    -moz-box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
    box-shadow: 0px 4px 10px 0px rgba(230,230,230,1);
    width: 46%;
    float: left;
    margin: 30px 2%;
}

div.img_lista_news, div.det_lista_news {
    width: 100%;
    float: left;
}

div.det_lista_news {
    position: absolute;
    margin-top: 0%;
    top: 0px;
    left: 0px;
    height: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    color: #FFF;
    display: flex;
    align-items: center;
    background-color: rgba(0, 0,0, 0.5);
    font-size: 20px;
    font-family: Roboto;
    line-height: 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    width:100%;
}

div.det_lista_news:hover {

    background-color: rgba(0, 0,0, 0);

}

div.det_lista_news h2{
    font-family:georgia;
    color:#FFF;
    font-size:35px;
    text-align:center;
    text-transform:uppercase;
    padding:10PX 0px;
    width:100%;
    line-height:40px;
}

    div.det_lista_news div {

        width: 100%;

    }
    div.det_lista_news p {
       padding:10px;
    }

div.dx {
    float: left;
    width: 100%;
    font-size: 17px;
    text-align: justify;
    color: #5B5B5B;
    padding-top: 30px;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 80px 0px;
    margin-bottom:0px;
}


div.sfondoclienti {
    float: left;
    width: 100%;
    font-size: 17px;
    text-align: center !important;
    color:#FFF !important;
    padding: 30px 0px;
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin: 40px 0px;
    background-image: url('/img/sfondoclienti.jpg');
}

div.sfondoclienti h2 {

    text-align: center !important;

}

div.boxclienti {
    float:left;
    width: 23%;
    margin: 2% 1%;
}

div.boxclienti img{
    height:auto;
    display:block;
    width: 100%;

}

div.newsletter {
    width: 80%;
    margin: auto;
    text-align: left;
    position: relative;
    color: #FFF;
    max-width: 1400px;
    display: table;
    color: #000;
    padding-bottom: 30px;
    font-weight: bold;
    clear: both;
}

div.newsletter a{
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}

div.tit_newsletter {
    font-size: 40px;
    color: #05612d;
    padding: 30px 0px;
    clear: both;
    line-height: 45px;
    font-family: Poppins;
    font-weight:bold;
    text-align:center;
}

div.newsletter ul {
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
}

    div.newsletter ul li {
        float: left;
        font-style: normal;
        margin: 8px 40px;
        padding: 0px 5px;
        line-height:30px;
    }

div.instagram{
    background-position: top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    clear: both;
    float: left;
    padding:50px 0px;
}


div.img_lista_news img{
    width:100%;
    display:block;
}

div.footer_content {
    font-size: 1em;
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    padding: 10px 0px;

    color:#FFF!important;
}



div.immagine {
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding-top: 20%;
}

div.immagine table td span{
   color:#FFF;
   font-size:17px;
}

    div.immagine table td a{
        color: #FFF;
        font-size: 15px;
    }



table.claim h1{
    color: #FFF;
    font-size:40px;
    text-transform:uppercase;
    padding:0px;
}

table.claim h1 p{
    padding: 0px;
    margin:0px;
}

.guardiano ul li{
    color: #FFF;
    background-color: #a9974b;
    padding: 8px 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    font-family: Lato;
    border: 4px solid #a9974b;
    box-shadow: inset 0 0 0 2px #FFF;
    font-size: 20px;
    width:calc(31.2% - 58px);
    margin:2% 1%;
    float:left;
    text-align:center;
}


table.claim h2 {
    padding: 10px 0px;
}


div.testo ul li {
  list-style:none;
}

div.boxsx {
    float: left;
    width: 50%;
    margin: 40px 0%;
    text-align: left;
    font-family: Lato;
    font-size: 19px;
    line-height: 24px;
    color: #000;
    overflow: hidden;
    
}
    div.boxsx img {
        float: left;
        width: 100%;
        overflow: hidden;
    }
div.boxdx {
    float: left;
    width: calc(50% - (2px));
    overflow: hidden;
    padding: 5%;
    border: 1px solid rgba(0, 0, 0, 0.25);
}

div.boxdx ul li{
    list-style:none;
}

a.richiedi {
    color: #FFF;
    background-color: #a9974b;
    padding: 8px 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    font-family: Lato;
    border: 4px solid #a9974b;
    box-shadow: inset 0 0 0 2px #FFF;
    font-size:30px;
}

        div.dati {
    width: 25%;
    float: left;
    line-height:25px;
    margin:2% 1%;
}

div.dati img{
    max-width: 100%;

}


div.boxricerca {
    width: 48%;
    float: left;
    line-height: 25px;
    margin-right: 2%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:40px 0px;
    color:#FFF;
}

div.boxmodulistica {
    width: 48%;
    float: left;
    line-height: 25px;
    margin-left: 2%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 40px 0px;
    color: #FFF;
}


div.boxricerca h3, div.boxmodulistica h3 {
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
}

 div.boxmodulistica a {
    color: #FFF;
    background-color: #192b56;
    padding: 8px 75px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    font-family: Lato;
    border: 4px solid #192b56;
    box-shadow: inset 0 0 0 2px #FFF;
}


    div.boxricerca h4 {
        color: #fe0000;
        font-size: 25px;
        font-weight: normal;
    }

 h3 {
    font-size: 35px;
    color: #192b56;
    line-height:35px;
}


div.dati h3{
    font-size:18px;
    color:#a9974b !important;
}

div.dati strong, div.dati a {
    color: #a9974b !important;
}

div.dati ul{
   list-style:none;
   margin:0px;
   padding:0px;
   width:100%;
}

    div.dati ul li{
        list-style: none;
        margin:0px 2%;
        position:relative;
        float:left;
        width:29%;
    }

    div.info ul li img{
        position: relative;
        top:10px;
    }


    div.info a {
        color: #FFF !important;
    }

 div.instagram a, .button-2 {
    color: #FFF !important;
    background-color: #05612d;
    padding: 7px 20px;
    border-radius: 5px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
}


div.testo_home ul {
    list-style:none;
    width:100%;
}

div.testorosa_dx_absolute {
    position: absolute;
    width: 55%;
    background-color: #867a50;
    -webkit-clip-path: polygon(150px 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(150px 0%, 100% 0%, 100% 100%, 0% 100%);
    top: 0px;
    bottom: 0px;
    height: 0px;
    right: 0px;
    height: 100%;
    z-index: 1;
}


div.immagine_sx {
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 60%;
    clear: both;
    float: left;
    position: absolute;
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

div.testorosa_dx {
    float: right;
    width: 40%;
    padding: 80px 0%;
    /* background-color: #202020; */
    padding-right: 0px;
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;
    font-family: Roboto;
    color: #FFF !important;
}

    div.testorosa_dx strong, div.testorosa_dx a {
        color: #FFF;
    }

 a.guarda {
    color: #FFF !important;
    background-color: #192b56;
    font-size: 20px;
    text-align: center;
    margin-top: 50px;
    padding: 10px 30px;
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-family: Lato;
}


div.testo_home ul li{
    list-style: none;
    float:left;
    width:29.32%;
    margin:3% 2%;
}

div.testo_home ul li h3{
    color:#000;
    padding-bottom:10px;
}

    div.testo_home ul li img {
     margin-right:10px;
    }

div.newsletter div {
    display: table;
    margin: auto;
}


    div.testo_home a:hover, div.instagram a:hover, .button-1:hover {
        background-color: #000;
    }

div.sitemap {
    float: left;
    margin-left: 3%;
    width: 48%;
}

div.sitemap span{
   color:#618BB1;
   font-size:1.2em;
   font-weight:bold;
}

div.sitemap ul {
    float: left;
    margin-left: 2%;
    width: 48%;
    list-style: none;
}

div.sitemap ul li {
    margin-top: 10px;
    text-transform: uppercase;
}

div.sitemap ul li a{
    color:rgba(0, 0, 0, 0.88);
    font-size:1.1em;
}

div.semantyca {
    float: right;
    text-align: right;
    font-size: 1.2em;
}
.scrollToTop {
    width: 40px;
    height: 40px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position: fixed;
    bottom: 105px;
    right: 10px;
    display: none;
    background: url('/img/arrow_up.png') no-repeat 0px;
    z-index: 1000000;
}

.parallax {
    position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    clear: both;
    float: left;
    width: 100%;
}

div.corpo {
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
     width: 100%;
     position:relative;
}

div.itemservizi {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
    position: relative;
}

.itemservizi .coverContainer {
    grid-area: 1 / 1;
    z-index: 1;
    pointer-events: none;
}

    .itemservizi .coverContainer .inside {
        margin-left: 45px;
        width: calc(45% - 45px);
    }

    .itemservizi .coverContainer .imgWrap {
        width: 100%;
        aspect-ratio: 513 / 720;
    }

.itemservizi .textContainer {
    grid-area: 1 / 1;
}

.insideWrap_1 {
    margin: 0 75px;
}
.fitCover {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.itemservizi .textWrap {
    margin-left: auto;
    padding: 100px 0;
    width: 44%;
    margin-right: 5%;

    text-align: left !important;
}

.itemservizi .textWrap p{
    text-align: left !important;
}


 .textWrap h3{
    font-family:Lato;
    font-size:25px;
    font-weight:normal;
}

div.immagine {
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    clear: both;
    float: left;
    position: relative;
    padding-top:25%;
}

.box {
    margin: 5% 0px;
    padding: 0px;
    float: left;
    width: 50%;
    margin-left: 5%;
    padding: 5%;
}


div.corpo_home {
    width: 98%;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    clear: both;
    max-width:1600px;
}

div.corpo_content {
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 40px;

}



.titolo {
    font-size:25px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-weight:normal;
}

table.claim h2{
    font-size: 20px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-weight: normal;
    color:#FFF;
}

ul.info li {
    list-style:none;
    width:46%;
    margin:2%;
    float:left;
    color:#000;
    font-weight:bold;
}

    ul.info li a {
        color: #FFF;
        background-color: #05612d;
        padding: 15px 25px;
        transition: all 0.6s ease-out 0s;
        -webkit-transition: all 0.6s ease-out 0s;
    }




h3.sottotitolo {
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    font-weight: normal;
    padding-bottom: 10px;
}

div.wrapper {
    z-index: 99;
    text-align: left;
    width: 100%;
    color: 
    #131313;
    clear: both;
    float: left;
    margin: 0px;
    padding: 0px;
}

.sfondogrigio {
    background-color: #867a50;
    color: #FFF;
    line-height: 30px;
    font-size: 20px;
    font-family: Roboto;
}


.font20px {
    font-size:20px;
    line-height:30px;
}

.color05612d {
  color: #05612d;
}



div.wrapper_container {
    width: 78%;
    clear: both;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    max-width: 1400px;
}

div.wrapper_content {
    width: 100%;
    clear: both;
    float: left;
}

div.breadcrumb {
    margin: auto;
    text-align: center;
    display: table;
    padding-bottom: 0px;
}
div.breadcrumb a{
    color: #FFF;
}

    div.breadcrumb ul {
        margin: 0px;
        padding: 0px;
        padding-bottom: 0px;
        list-style: none;
        width: 100%;
        font-family: Lato;
        padding: 15px 0px;
    }


        div.breadcrumb ul li {
            margin: 0px;
            padding: 0px;
            padding-right: 0px;
            padding-right: 0px;
            padding-right: 0px;
            float: left;
            padding-right: 10px;
            background-repeat: no-repeat;
            background-position: right;
            font-size: 16px;
            line-height: 10px;
            text-transform: uppercase;
            color: #FFF;
            padding-bottom:10px;
        }
}

div.breadcrumb a {
    color: 
    #000;
}


div.w50 {
    width: 44%;
    margin: 3%;
}

div.w50 img{
    max-width: 100%;
   
}

div.boxsx ul {
    list-style: none;
    border-top: 1px solid #d3d3d3;
}

    div.boxsx ul li {
        border-bottom: 1px solid #d3d3d3;
        
    }

            div.boxsx ul li a {
                display: block;
                color: #05612d;
                padding: 10px 0px;
                padding-left: 10px;
                clear:both;
            }

            div.boxsx ul li a.selected {
                background-color:#05612d;
                color: #FFF;
            }
.left {
    text-align: left;
}
.left {
    float: left;
}


div.testo_sx {
    width: 40%;
    float: left;
    padding-bottom: 20px;
    padding-top: 25px;


    line-height: 30px;
    clear: both;
    font-size: 20px;
    color: #2f2f2f !important;
}

    div.testo_sx a, div.testo a {
        color: #000 !important;
        font-weight:bold;
    }

div.testo_dx {
    width: 50%;
    float: left;
    text-align: left;
    margin-left: 10%;
    padding-bottom: 30px;
    padding-top: 15px;
}

div#form_contatti {
    width: 100% !important;
    padding: 20px 0px;
}

div#form_contatti a{
   color:#000;
   text-decoration:underline;
}

    div#form_contatti div div {
        padding-top: 3px;
        padding-bottom: 3px;
        width: 100% !important;
        float: left;
        text-align: left;
        font-weight:bold;
    }

.button-1, .button-2 {
    border-style: none;
    border-color: currentcolor;
    border-width: 0px;
    padding: 10px 30px;
    color: #FFF !important;
    background-color: #192b56;
    text-decoration: none;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    font-size: 20px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;
    font-family: Lato;
    width: 100%;
}

   input[type="text"], input[type="password"], textarea, select {
        background-color: #FFF;
        border: 1px solid #d3d3d3;
        border-top-color: rgb(211, 211, 211);
        border-right-color: rgb(211, 211, 211);
        border-bottom-color: rgb(211, 211, 211);
        border-left-color: rgb(211, 211, 211);
        border-top-color: rgb(211, 211, 211);
        border-right-color: rgb(211, 211, 211);
        border-bottom-color: rgb(211, 211, 211);
        border-left-color: rgb(211, 211, 211);
        border-top-color: rgb(211, 211, 211);
        border-right-color: rgb(211, 211, 211);
        border-bottom-color: rgb(211, 211, 211);
        border-left-color: rgb(211, 211, 211);
        padding: 3px;
        font-size: 16px;
        color: #525252;
        width: 100% !important;
        font-family:lato;
    }

    div#form_contatti input:hover, div#form_contatti textarea:hover {
        border-color: #999;
        -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    }

div.titolo_sezione {
    position: absolute;
    bottom: 110px;
    width: 100%;
    text-align: center;
    color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 45px;
    text-shadow: 1px 1px 1px #000;
    font-weight: bold;
}




div.lista_appartamenti {
    float: left;
    width: 100%;
    margin-bottom: 2%;
    position: relative;
}

div.img_lista_appartamenti {
    clear: both;
    float: right;
    width: 90%;
    padding: 5%;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

div.det_lista_appartamenti {
    position: absolute;
    width: 50%;
    top: 20%;
    left: 0%;
    background-color: #FFF;
    text-align: left;
    padding: 30px;
}


    div.img_lista_appartamenti h3 {
        width: 100%;
        position: absolute;
        bottom: 0px;
        padding: 10px 0px;
        background-color: rgba(255, 255,255, 0.7);
        text-align:center;
        color:#05612d;
        font-weight:normal;
        font-size:20px;
    }


div.img_lista_appartamenti a {
    clear: both;
    overflow: hidden;
    display: block;
}

div.img_lista_appartamenti img {
    width: 100%;
    transition: all .3s ease;
    display:block;
    max-width: 100%;

}

div.img_post {
    width: 25%;
    float: left;
}

    div.img_post img {
        width: 100%;
        display: block;
    }

div.det_post {
    width: 70%;
    float: right;
    font-size:15px;
}

div.immagine_sezione ul li a, div.det_post a{
    color: rgba(0, 0, 0, 0.88);
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
}

    div.immagine_sezione ul li a:hover, div.det_post  a:hover{
        color: #05612d
    }
div.img_lista_appartamenti:hover img {
    transform: scale(1.1);
    will-change: transform;
}

span.titolo {
    font-size: 35px;
    color: #05612d;
}


div.breadcrumb span{
  color:#265687;
 
}

div.widget {
    float:left;
    width:46%;
    margin:2%;
    color:#FFF;
}

div.testo {
    line-height: 30px;
    clear: both;
    float: left;
    width: 100%;
    font-size: 20px;
    font-family: Roboto;
    color: #2f2f2f !important;
}

div.testo strong{
    color: #000 !important;
}





div.testo_sezione {

    width: 68%;
    background-color: #FFF;
    float: left;
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-top: 3%;
    padding-bottom: 3%;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size:20px;
    line-height:30px;
}

div.testo_sezione ul{
margin-left:20px;
float:left;
}

div.testo_sezione img{
    max-width: 100%;
    margin:2% 0px;
    margin-right:2%;
    height:auto;
    float:left;
}


    div.testo_sezione h3 {
       clear:both;
    }


div.testo strong{
    color:#000;
}


div.immagine_sezione {
    width: 26%;
    float: right;
    padding-top: 20px;

}

div.offerte_item {
    width: 30.333333%;
    float: left;
    margin: 1%;
}

div.offerte_item_img {
    width: 100%;
    text-align: left;
    margin: 2%;
    float: left;
}

div.offerte_item_img img {
    width: 100%;
    height: auto;
}

div.offerte_item_det {
    width: 100%;
    text-align: left;
    float: left;
    margin-top: 2%;
    margin-left: 4%;
    font-size: 1em;
}

div.offerte_item_det span {
    color: #265687;
    text-transform: uppercase;
}



@media all and (min-width: 768px) and (max-width:1365px) {
    div.box_sx_testo {
        float: left;
        margin: 5% 2% !important;

    }
    div.business ul li a {
        font-size: 14px !important;
    }
    div.business ul li {
        margin: 0px 10px;
    }
}

    @media all and (max-width: 767px) {

        .logoguardiano a {
            font-size: 25px !important;
            display:block;
            clear:both;
        }
        .guardianobox6 ul li img {
            width: 90%;
            right: 5%;
        }

        .guardianobox4 ul li {

            width: 90%;
            margin: 0.5% 5%;

        }

        .guardianobox1 {
            min-height: 650px;
            font-size: 25px;
            position:relative;
        }
        .linear1 {
       /*    padding-top:50px;*/
        }


        .guardianobox1 img{
            max-width:100%;
            height:auto;
            position:relative;
           top:100px;
        }
        .guardianobox1 h1, .guardianobox2 h1, .guardianobox3_testo h2, .guardianobox4 h2, .guardianobox5 h2, .guardianobox6 h2 {
            font-size: 45px;
            line-height: 50px;
            letter-spacing: 0px;
            text-align:left !important;
        }

        .guardianobox2 ul li img {
            max-width:90%;
            height: auto;
            float: left;
            margin-right: 20px;
            border-radius: 20px;
        }
        .guardianobox2 {
            background-position: -340px 1px;
            font-size:25px;
        }

        .guardianobox5 ul li, .guardianobox6 ul li {
            float: left;
            width: 98%;
            margin: 10px 1%;
            text-align: left;
            list-style: none;
            font-size: 25px;
            font-weight: normal;
        }

        .guardianobox4 {

            font-size: 25px;
 
        }

        .guardianobox2 ul li h3 {
            font-size: 20px;
        }

        .guardianobox2 ul li{
            font-size:16px;
        }

        .guardianobox5 ul li h2, .guardianobox6 ul li h2 {
            padding: 0px;
            margin-top: 0px;
        }

        .guardianobox2 ul li, .guardianobox3_testo ul li {
            width: calc(100% - 40px);
            margin:0px;
        }

        .guardianobox3_testo {
            text-align: left;
            width: 100%;
            float: none;
        }
            .recensioni ul li {
            margin: 20px 5%;
            width: 90%;
        }

        div.boxclienti {
            float: left;
            width: 48%;
            margin: 1%;
        }

        div.box_sxright {
            width: 90%;
            padding: 10px 0px;
            margin-left: 2% 5%;
        }

        div.Prenota img {
            width: 45px;
            margin:2px 5px;
        }

        div.Prenota ul li {
           width:100%;
        }

        div.boxricerca, div.boxmodulistica {
            width: 90%;
            margin: 2% 5%;
        }

        div.box-slide h2 {

            font-size: 30px;
 line-height:35px !important;
        }

        div.header_content, div.promo_item {
            display:initial !important;
        }

        div.logo img {
            max-width: 80%;
        }

        .modulistica ul li {

            width: 98%;
            margin:2% 1%;
            border-bottom:1px solid #a9974b;
         padding-bottom:30px;

        }

        .tecnoligie ul li {
            width: 98%;
            padding-bottom: 30px;
            float:none;
        }
        div.logo {
            text-align:left;
            width:100%;
        }

        div.Prenota {
           width:100%;
           text-align:center;
           margin:3px 0px;
        }



        div.navigationmobile {
            display: block;
            clear: both;
            margin: 10px 0px;
            text-align:center;
            font-weight:bold;
        }

        div.immagine_sezione {
            display:none;
        }


        .button-book {
            border-style: none;
            border-color: currentcolor;
            border-width: 0;
            background-color: #05612d;
            padding: 15px 20px;
            color: #FFF;
            font-family: Lato;
            cursor: pointer;
            width: 100%;
        }

        table.claim h1 {
            color: #FFF;
            font-size: 30px;
            padding:0px;
            margin:0px;
        }

        div.img_lista_appartamenti {

            width: 90%;

           border: 0px;
            margin:5%;
            padding:0px;
        }

        div.det_lista_appartamenti {
            position: relative;
            width: 90%;
            top: 0px;
            left: initial;
            background-color: #FFF;
            text-align: left;
            padding: 0px;
            margin: 0px 5%;
            clear:both;
        }


            div.det_lista_appartamenti  h2 {
                padding: 10px 0px;
            }

        div.newsletter ul li {
            float: left;
            font-style: normal;
            margin: 8px 0%;
            padding: 0px 5px;
            width:100%;
        }
        div.immagine_dx, div.immagine_sx {
            width: 100%;
        }

        div.testorosa_dx {
            width:90%;
            padding: 10px 5%  !important;
            background-color: rgba(134, 122, 80, 0.7);
            color:#000;
            margin:10px 0px;
        }

        .itemservizi .coverContainer .inside {
            margin-left: 0%;
            width: 100%;
        }

            div.testorosa_dx .titolo_home, div.testorosa_dx h2{
              /*  color: #FFF;*/
            }

        div.testorosa_dx_absolute, div.testorosa_sx_absolute {
            display: none;
        }

        .itemservizi .textContainer {
             grid-area: auto; 
        }
        div.itemservizi {
           padding:10px 0px;
        }

        .flexright .textWrap {
            margin-left: 5% !important;
        }

        .itemservizi .textWrap {

            padding: 0px;
            width: 90%;
            margin: 0 5%;
            text-align: center !important;
            padding-bottom:20px;
        }

        div.testo_home ul li {
            width: 96%;
            text-align:center !important;
            margin-top:20px !important;
        }

        .titolo_home {
            font-size: 30px;
            padding: 0px 0px;
            clear: both;
            line-height: 35px;
        }

        div.item img {
            width: 200% !important;
        }

        div.item  {
            overflow:hidden;
        }


        div.box-slide {
            position: absolute;
            width: 100%;
            height: 100%;
            font-size: 20px;
        }

            div.box-slide div {
                width: 90%;
                margin:0px 5%;
            }

        div.testo img{
            max-width:100%;
        }


        div.boxsx ul {
            display:none;
        }

        div.boxsx {
            width: 100%;
            margin:0%;

        }

        div.boxdx {
            width: calc(100% - (2px));
        }

        div.immagine {
            padding-top:60%;
        }

        div.navigation {
            width: 100%;
        }

        div.TelMobile {
            display:block;
            width:100%;
            text-align:center;
        }

        .guardiano ul li {
            width: calc(97.2% - 58px);
        }

        .guardiano ul, .contatti ul {
            margin: 0px;
            padding: 0px;
        }

            .contatti ul li {
                width: 98% !important;
                margin:5% 1%;
            }


        div.TelMobile a{
            display: none;
            width: 100%;
            text-align: center;
            padding:10px 0px;
            background-color:#05612d;
            font-size:20px;
            color:#FFF;
        }

        div.Tel {
          display:none;
        }

        ul.info li {
            width: 96%;
            margin: 2%;
        }
    


div.Tel {
    position:absolute;
    bottom:20px;
    width:100%;
     text-align:center;
     left:0px;
}


        div.corpo_content img {
            max-width: 100% !important;
            margin: 2% 0px !important;
        }

        .parallaxer table td div.TestoParallax {
            margin: 0px 0px !important;
        }

        .parallaxer p {
            width: 98% !important;
            margin: 0px 1% !important;
        }

        .parallaxer a {
            font-size: 20px !important;
        }

        div.tit_newsletter {
            font-size: 35px;
        }

        div.box_sx {
            float: left;
            width:96%;
            color: #000 !important;
            text-align: left;
            line-height: 18px;
            margin:2%;
            margin-top:0px;
            font-size:15px;
        }

        div.business ul, div.Prenota ul {
            display: table;

        }

        div.box_sx_testo {
            float: left;
            margin: 2px !important;
   
        }

        div.home {
            padding:10px 0px !important;
            display:initial !important;
        }

        div.desktop {
            display: none !important;
        }

        h2 {
           line-height:0px;
           font-size:35px;
        }

        div.testo_home ul li img {
            margin-right: 0px;
            width: 30%;
            float: none !important;
        }

        div.dati {
            width: 100% !important;
            margin: 2% 0%;
            text-align:center !important;
        }

        div.dati p{
            min-height:2px;
            margin: 0%;
            padding:0px;
        }

        div.team ul li {
            margin: 10px auto;
            width: calc(98% - 10px);


        }
            div.dati ul li {

                margin:  0px;

                width: 100% !important;
                text-align:center !important;
            }

        div.team ul li strong {
            font-size: 14px;
        }

        div.team ul li img {
           width:40px !important;
           height:auto;
        }

        a {
            font-size: 16px !important;
        }

        .categorieprodotti ul {
            display: table;
        }

            .categorieprodotti ul li {

                width: 90%;
                margin:1% 5%;

            }

        div.business ul li {
            width:100%;
            margin: 30px 0px;
        }

        .operiamo ul li {
  
            width: 98%;
            margin: 10px 1%;

       }


        div.box_dx {
          /*  width: 90% !important;
            position: relative;
            margin: 0px 5%;
            float: left;*/
          display:none;
        }

        div.box_sx_servizi, div.box_dx_servizi {
            width: 90% !important;
            margin-left: 5%;
            padding-top: 30px;
            padding-bottom: 10px;
        }



        div.lista_news {

            width: 90%;

            margin: 10px 5%;

        }

        div.widget {
            float: left;
            width: 96%;
            margin:2%;
            color: #FFF;
        }

        .box {
            margin: 5% 0px;
            padding: 0px;
            float: left;
            width: 90%;
            margin-left: 5%;
            padding: 5%;
        }

        .btn-responsive-menu {
            position: absolute;
            top: 10px;
            right: 0px;
            padding: 5px;
            cursor: pointer;
            color: #FFF;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.88);
            display: block;
            z-index: 10000;
        }

        div.testo_sx, div.testo_dx {
            width: 90%;
            padding: 10px 0px;
            margin: 0px 5%;
        }

        .button-1, .button-2 {
            width: 100%;
            padding: 10px 0px;
        }


        div.corpo_home {
            width: 90% !important;
        }

        div.wrapper_container {
            width: 90%;
        }

        div.footer_container {
            width: 90%;
        }

        div.info {
            width: 100% !important;
            clear: both;
            text-align: center !important;
        }

        div.TestoParallax img {
            max-width: 70% !important;

        }

        .parallaxer img.first {
            height: 100%;

        }

        div.info ul li {
            list-style: none;
            width: 100% !important;
            text-align: center;
        }

        .titolo_home, h1 {
            font-size: 30px;
            padding:0px;
            padding-top:10px;

        }

        .box_title, .box_dxtesto {
            float: left;
            width: 90%;
            margin: 0px 5%;
            padding:0px;
        }

        .stripeCollage .stripeContent .collageWrap {
            width: 100%;
        }

        .stripeCollage .stripeContent .textContainer {
            width: 100%;
        }

        .stripeCollage .stripeContent .textWrap {
            clear:both;
            width:100%;
        }

        .stripeCollage .stripeContent {
            display: flex;
             flex-direction: column;
        }

        .insideWrap_1 {
            margin: 0 25px;
        }

        a.richiedi {
            font-size: 20px;
        }


            div.info ul {
                list-style: none;
                width: 100% !important;
                margin-bottom: 30px;
            }

        div.sitemap {
            margin-top: 10px;
            float: left;
            margin-left: 0%;
            width: 100%;
        }

            div.sitemap ul {
                float: left;
                margin-left: 2%;
                width: 96%;
                list-style: none;
            }

        div.semantyca {
            float: left;
            width: 100%;
            text-align: left;
            margin-top: 10px;
        }

            div.semantyca img {
                float: left !important;
                margin: 5px;
            }

        div.home_int {
            width: 90% !important;
            margin-left: 5%;
        }

        div.w50 {
            width: 94%;
            margin: 3%;
            margin-bottom: 5px;
        }


      


        .parallax {
            display: none;
        }

        .icon-bar-general {
            display: block;
            width: 45px;
            height: 3px;
            margin: 5px;
            background-color: #192b56;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
        }

        div.header_container {
            width: 96%;
        }

        #menu {
            display: none;
        }

      /*  .Tel {
            display: none;
        }*/

        .col1, .col2 {
            width: 96%;
            margin: 2%;
        }

        div.promo_item_img {
            width: 96%;
            margin: 2%;
        }

        div.promo_item_det {
            float: left;
            width: 96%;
            margin: 2%;
        }

        div.home_inf iframe {
            float: left;
            width: 100% !important;
            margin: 0%;
        }

        div.home_inf p {
            float: left;
            width: 96% !important;
            margin: 2%;
        }

        div.footer_sx {
            float: left;
            width: 96% !important;
            margin: 2%;
        }

        div.footer_dx {
            float: left;
            width: 96% !important;
            margin: 2%;
            text-align: left;
        }

        .main_menu {
            float: left;
            margin-top: 70px;
            width: 100%;
            text-align: center;
        }

            .main_menu ul {
                margin: 0px;
                padding: 0px;
                list-style: none;
                width: 80%;
                margin: auto;
                margin-top: auto;
                margin-top: auto;
                margin-top: auto;
                margin-top: 40px;
            }

                .main_menu ul li {
                    text-align: left;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    padding-bottom: 5px;
                    border-bottom: 1px dashed #FFF;
                }

                    .main_menu ul li a {
                        color: #FFF;
                        font-size: 1.5em;
              
                    }

                .main_menu ul ul {
                    width: 100%;
                    margin-top: 10px;
                    margin-left: 10px;
                    font-size: 1em;
                    color: #FFF;
                }

                    .main_menu ul ul li a {
                        color: #FFF;
                        font-size: 1em;
                        border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
                    }


        div.corpo_home {
            width: 90%;
        }

        div.lista_appartamenti {
            float: left;
            width: calc(90% - (2px))  !important;
            margin: 5%;
            position: relative;
            border: 1px solid rgba(0, 0, 0, 0.25);
        }

        div.titoloBox {
            color: #FFF !important;
            text-align: center;
            font-size: 1.5em;
        }

        div.offerte_item {
            width: 90%;
            float: left;
            margin: 5%;
        }

        div.corpo_content img {
          /*  max-width: 90% !important;*/
        }

        div.testo_sezione {
            width: 90%;
            float: left;
            margin: 5%;
            margin-top:0px;
        }

        div.immagine_sezione {
            width: 100%;
        }

        div.home_int img {
            /*float: left;*/
          /*  width: 90%;*/
        }

        div.studio {
            position: relative;
            width: 90%;
            float: left;
            margin: 5%;
        }

        div.business {
           min-height: 100px; 
        }
    }