html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
  
}
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Lato';
    font-size:20px;
    line-height:30px;
}

.box-fixed {
    width: 70px;
    position: fixed;
    bottom: 30px;
    right: 0px;
    z-index: 10000;

}

    .box-fixed img {
        width: 50px;
    }

strong {
    color: #4B7F97 !important;
}

div.box-slide div {
    width: 60%;
    position: relative;
    margin-top: 40px;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px 0px;
    margin-left: 10%;
}


ul.faq {
    clear: both;
    list-style: none;
    text-align:left;
    margin-bottom:30px;
}

    ul.faq li {
        padding: 20px;
    }
        .faq li.q {
            background-color: #FFF;
            font-size: 30px;
            border-bottom: 1px #ddd solid;
            cursor: pointer;
            color: #4B7F97;
            transition: all .3sease;
        }
        .faq li.a {
            background-color: #4B7F97;
            display: none;
            color: #fff;
            font-size: 20px;
        }

.rotate {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

div.testorosa_dx_absolute {
    position: absolute;
    width: 55%;
    background-color: #F5F5F5;
    -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: #2f2f2f;
}

h1 {
    font-size: 40px;
    color: #4B7F97;
    line-height:45px;
}


div.home strong {
    color: #4B7F97;
}

div.mobile {
    display: none;
}


div.box_sximg, div.box_sxservizi {
    float: left;
    width: 50%;
    vertical-align: middle;
} 



div.box_dximg {
    float: right;
    width: 50%;
    vertical-align: middle;

}

div.sfondo img{
position:absolute;
bottom:25px;
left:5%;
}

div.box_sximg img, div.box_dximg img {
    width: 100%;
    height: auto;
    display:block;
}
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: 3;
   background-color: #FFF;
   border-bottom:1px solid #e9e9e9;

}

.box_dxtesto {
    float: right;
    width: 70%;
    padding-top:50px;
}

.chisiamo ul {
    margin: 10px 0px;
    list-style: none;
    display: flex;
}

    .chisiamo ul li {
        float: left;
        width: 23%;
        margin: 20px 1%;
        list-style: none;
        background-color: rgba(230,230,230,1);
        color: #000;
        padding: 5px 10px;
    }


    .chisiamo ul li img{
        width: 100%;
       display:block;
       height:auto;
    }

div.flex{
   display:flex;
}

div.chisiamo {

    float:right;
    background-color: rgba(215, 215, 215, 0.8);
    width:40%;
    padding:2%;
    padding-right:8%;
    font-size:30px;
    line-height:35px;
    margin-top:50px;
}

div.chisiamo h1{
    font-size: 45px;

}


div.box_home {
    width: calc(31.2% - 2px );
    margin: 2% 1%;
    padding: 0px !important;
    float:left;
    border:1px solid #4B7F97;
    text-align:center;
    margin-bottom:60px;
}

div.box_home h2{
    font-size:25px;
}

    div.box_home a {
        width: 100%;
        padding: 10px 0px;
        background-color: #4B7F97;
        color: #FFF;
        display: block;
        font-size: 20px;
    }

    div.box_home p {
      padding:0px 15px;
    }

div.header_container
{ margin-top: 0px;text-align: center;position: relative;margin-left: auto;margin-right: auto;margin-bottom: auto;max-width:1500px;width:96%; }
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: #000000;

}
div.box-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center;
    font-size:15px;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

    div.box-slide h2 {
        color: #FFF;
        font-size: 35px !important;
        padding-bottom: 20px !important;
        line-height:40px;
        font-weight:normal;
    }




        div.box-slide div p, div.box-slide div h2 {
            font-size: 25px;
            padding:0 30px;
        }

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

.singleMediaBackground {
    height: 400px;
    margin: 75px 0px;
    width: 100%;
    background-color: #000;
}

.insideWrap_1 {
    left: 75px;
    right: 75px;
    position: absolute;
    width: calc(100% - 150px);
    top: 0px;
    overflow: hidden;
    height: 550px;
}

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

.box_title {
    float: left;
    width: 25%;
    padding-top:20px;
}

    .box_title h2 {
        font-size: 35px;
        font-weight: normal;
        color: #4B7F97;
        line-height:45px;
    }

div.logo {
    float: left;
    clear: both;
    width: 35%;
    padding: 40px 0px;
}

div.lingue {
    width: 20%;
  
}

    div.lingue a {
        color: #FFF;
        background-color: #4B7F97;
        padding:5px 60px;
        border-radius:5px;
    }

div.logo  img{
   height:auto;

}

div.navigation {
    position:absolute;
    bottom:10px;
    right:0px;
}

    div.navigation a {
        padding: 10px 30px;
        background-color: #4B7F97;
        color: #FFF;
    }

    div.perche li {
        list-style:none;
        float:left;
        width:23%;
        margin:1%;
        text-align:center;
        color:#4B7F97;
        font-size:25px;
    }

div.faq {
    color: #FFF;

}

div.faq h2 {
    padding:30px 0px;
    color: #FFF;
    font-weight:normal;
}


    div.faq a {
        padding: 10px 30px;
        color: #4B7F97;
       background-color:#FFF;
    }

div.perche h2 {
    color: #1f80b7;
}

div.perche li img{
    max-width: 120px;
   height:auto !important;
}

div.perche ul {
    list-style: none;
    float: left;
    width: 100%;
    margin: 1% 0px;
}

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


div.Prenota {
    position: relative;
    float: right;
    margin:3px 20px;
}
div.item{
    position: relative;
    float: left;
   width:100%;

}
div.item img{

}

div.Prenota img{
   width:30px;
   height:auto;
}



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;
    }

div.boxteam {
    margin: 70px 1%;
    padding: 0px;
    float: left;
    position: relative;
    overflow: hidden;
    width: 31%;
    border: 1px solid #babdb6;
    background-color: #d9e6dc;
    min-height: 500px;
    text-align: center;
    font-weight:bold;
}

div.boxteam div{
    margin:  30px 10%;

}

    div.boxteam div h2{
        color:#000 !important;
    }

    div.box_sx {
    float: left;
    width: 55%;
    color: #000 !important;
    text-align: left;
/*    line-height: 30px;*/
    padding: 50px 0px;
    margin-bottom: 70px;
    position: relative;
}

div.box_sx img{
    position:absolute;
    top:-50px;
    left:0px;
    max-width:100%;
   
}

    div.box_sx h4,div.sfondogrigio div.box_dx h4 {
        background-image: url(/img/sfondotitoloh4.png);
        background-position: 0% bottom;
        background-repeat: no-repeat;
        padding-bottom: 40px;
        margin-bottom: 20px;
        font-family: Garamond;
        font-size: 25px;
        font-style: italic;
        color:#4B7F97;
    }



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_dx {
    float:right;
    width: 40%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px 0px;

    margin-left:5%;
}

    div.box_dx a, a.link, div.box_sx a {
        color: #4B7F97;
        padding: 10px 25px;
        border: 1px solid #4B7F97;
        text-transform: uppercase;
        transition: all 0.6s ease-out 0s;
        -webkit-transition: all 0.6s ease-out 0s;
    }

    div.box_dx ul li, div.box_sx ul li {
        list-style:none;
    }


    div.box_dx h5, div.box_sx h5 {
        color: #4B7F97;
        font-size:28px;
        padding-bottom:20px;
    }

    div.box_dx a:hover, a.link:hover, div.box_sx a:hover {
        color: #d7d7d9;
        border: 1px solid #4B7F97;
        background-color: #4B7F97;
    }


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


h2 {
    font-size: 35px;
    color: #4B7F97;
    padding: 30px 0px;
    clear: both;
    line-height:40px;
}

div.immagini_home {
    width: 31.2%;
    margin: 10px 1%;
    padding: 0px !important;
    float: left;
    text-align: center;
    margin-bottom: 60px;
}

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



div.box_dx h2, div.box_sx h3 {
    padding-bottom: 30px;
}

div.box_dx h3 {
    font-size:20px;
    padding:20px 0px;
}
.titolo_home {
    font-size: 40px;
    color: #000;
    padding: 30px 0px;
    clear: both;
    line-height: 45px;
    font-family: Lato;
    text-align:left;
}


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



div.testo img {
  max-width:40%;
  margin:0px 20px;
}


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_absolute {
    position: absolute;
    width: 55%;
    background-color: #9e3a09;
    -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;
    color: #FFF;
}

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_storia{
    width: 45%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

div.home_int {
    clear: both;
    text-align: center;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    position: relative;
    max-width: 1500px;
    width:98%;
}

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 {
  background-color: #000;
  color:#FFF;
  font-size: 16px;
  padding: 5% 10%;
  opacity:0.5;
  font-weight:bold;
}

div.lista_appartamenti a {


}


.col1, .col2 {
    width: 25%;
    margin: 0;
    padding: 0px;
    position: relative;
}
.box {
    margin: 10px 1%;
    padding: 0px;
    float: left;
    position: relative;
    overflow: hidden;
    width: calc(31% - (2px));
    border: 1px solid #535c57;
    background-color: #FFF;
    min-height: 600px;
    text-align: left;
    border-color: #999;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0px 10px rgba(0,0,0,0.4);
    box-shadow: 0 0px 10px rgba(0,0,0,0.4);
}

.quattro {
    width: calc(22.9% - (2px)) !important;
    min-height: 800px !important;
}
    .box img {
    max-width: 100%;
    height: auto;
}

    .box div{
        margin:20px;
        line-height:25px;
    }

div.box_home img {
    max-width: 100% !important;
    height: auto;
}

    .box div h3 {
        font-size: 25px;
        color: #4B7F97;
        padding: 20px 0px;
        clear: both;
        font-family: Garamond;
        font-weight: bold;
        font-style: italic;
    }

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.footer {
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
    border-top: 3px solid #4B7F97;
}
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: 30.32%;
    float: left;
    margin: 30px 1.5%;
}

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

div.det_lista_news {
    position: relative;
    margin-top: 0%;
    top: 0px;
    left: 0px;
    height: 100%;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    color: #FFF;
    background-color: #FFF;
    font-size: 20px;
    line-height: 25px;

}



div.det_lista_news h2{
    color:#348fae;
    font-size:17pt;
    text-align:center;
    text-transform:uppercase;
    padding:10PX;
    text-align:center;
    min-height:40px;
}

    div.det_lista_news a {
        background-color: #348fae;
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        padding: 10PX 0px;
       display:block; 
       color:#FFF;
    }
    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;
    background-image: url('/img/sfondonewsletter.jpg');
    margin: 80px 0px;
    margin-bottom:0px;
}

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: 15px;
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    padding-top: 10px;
    padding-bottom: 30px;
}



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: 33%;
    background-color: rgba(215, 215, 215);
}

div.immagine table td span{

}

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


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

    table.claim h1 {
        color: #4B7F97;
        font-size: 35px;

        text-align: left;

        padding-top:20px;
        padding-bottom:40px;
    }

div.testo_immagine {
    padding: 30px 20px;
    background-color: rgba(255, 255, 255, 0.6);
    color:#000;
    width:70%;
    position:relative;
    top:90px;
    line-height:35px;
    font-size:30px;
}


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

div.boxsx {
    float: left;
    width: calc(25% - (20px));
    margin: 20px 10px;
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    color: #000;
    overflow: hidden;
    position:relative;
}

    div.boxsx div.servizio {
        position: absolute;
        width: 100%;
        height: 100%;
        
        top: 0px;
        left: 0px;
        z-index: 2;
        display: flex;
        align-items: center;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        opacity: 0;
        transform: scale(0.8);
    }

    div.boxsx:hover div.servizio {
        opacity: 1;
        transform: scale(1);
        width: calc(100% - (24px));
        height: calc(100% - (24px));
        margin: 12px;
    }

    div.boxsx div.servizio div, div.boxsx div.progetti div, div.boxsx div.ufficio div, div.boxsx div.interior div, div.boxsx div.costruzioni div {
        width: 100%;
    }

        div.boxsx div.servizio div p, div.boxsx div.progetti div p, div.boxsx div.ufficio div p, div.boxsx div.interior div p,div.boxsx div.costruzioni div p {
            padding: 10px 20px;
        }

div.costruzioni {
    background-color: #bdd3c7;
}

div.progetti {
    background-color: #cccbc7;
}

div.ufficio {
    background-color: #676767;
    color:#FFF !important;
}

div.interior {
    background-color: #c1bdba;

}




    div.costruzioni a, div.progetti a, div.interior a {
        color: #4B7F97;
        padding: 10px 30px;
        border: 1px solid #4B7F97;
        transition: all 0.6s ease-out 0s;
        -webkit-transition: all 0.6s ease-out 0s;
    }

    div.costruzioni a:hover, div.progetti a:hover, div.interior a:hover {
        color: #FFF;
        background-color:#4B7F97;
    }


div.ufficio a {
    color: #FFF;
    padding: 10px 30px;
    border: 1px solid #FFF;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
}

    div.ufficio a:hover {
        color: #676767;
        background-color: #FFF;
    }





    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;
}


/* Slick Slider */


section {
    width: 100%;
    margin: auto
}
/* Bubble Slider */

.bubble blockquote {
    margin: 10px 10px 0;
    background: #fff;
    padding: 30px;
    position: relative;
    border: none;
    font-size: 15px;
    min-height:550px;
}

    .bubble blockquote:before, .bubble blockquote:after {
        position: absolute;
        font-size: 80px;
        padding: 10px;
        line-height: 1;
        /*color: #1e528e;*/
        min-height: 175px;
    }

    .bubble blockquote:before {
        top: 0;
        left: 10px;
    }

    .bubble blockquote:after {
    }

.bubble div {
    width: 0;
    height: 0;
    margin: 0 0 0 60px;
    margin-bottom: 10px;
}

.bubble h1 {
    padding: 10px 0px;
    font-size: 19px;
    color: #000;
    font-weight: bold;
}


div.info {
    width: 30%;
    float: left;
    line-height: 25px;
    padding-top: 30px;
}

div.info h4{
    color:#4B7F97;
    font-size:20px;
    padding:20px 0px;
}



div.shop ul {
    clear: both;
    list-style: none;
    display: flex;
    margin: 20px auto;
    margin-bottom:50px;
}

    div.shop ul li {
        color: #FFF;
        font-style: normal;
        padding: 0px 5px;
        margin: 0px 7%;
        display: block;
        width:36%;
    }

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


div.info ul{
   list-style:none;
}

    div.info ul li{
        list-style: none;
        margin:0px 0px;
        position:relative;
        float:left;
        width:50%;
    }
     
   div.info a {color: #000;}

 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: #000;
    -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;
}

.singleMediaBackground {
    height: 400px;
    margin: 75px 0px;
    width: 100%;
    background-color: #000;
}

.insideWrap_1 {
    left: 75px;
    right: 75px;
    position: absolute;
    width: calc(100% - 150px);
    top: 0px;
    overflow: hidden;
    height: 550px;
}

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


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;
    line-height: 30px;

    color: #000000;
}



 a.guarda {
    color: #FFF !important;
    background-color: #348fae;
    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: #656668;
}

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%;
}





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

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

}



.titolo {
    font-size:35px;
    width: 100%;
    text-align: center;
    padding-bottom: 20px;

    font-weight:normal;
}



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;
}

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;
    color: #FFF;
}


.sfondogrigio {
    background-color: #F5F5f5;
}

.sfondoverde {
    background-color: #e8f6f9;
}


.sfondonero {
    background-color: #000;
    color:#FFF;
}

div.h3home h3 {
    background-image: url(/img/sfondotitoloh3home.png);
    background-position: 50% bottom;
    background-repeat: no-repeat;
    font-size: 35px;
    color: #000;
    padding: 60px 0px;
    clear: both;
    font-family: Garamond;
    padding-bottom: 60px;
    text-align:center;
    font-style:italic;
    padding-bottom:80px;
}

.sfondogrigioscuro {
    background-color: #676767;
    color:#FFF !important;
}

.sfondoceleste {
    background-color: #4B7F97;
}

.sfondorosa {
    background-color: #f4ebe6;
}




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

.color05612d {
  color: #05612d;
}



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

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.boxinterior {
    clear: both;
    float: left;
    width: 100%;
    display: flex;
    align-items: center;
    margin:40px 0px;
    overflow:hidden;
}

div.boxinterior_det {
    float: left;
    width: 70%;
    font-weight:bold;
}


div.boxinterior_det div{
    float: left;
    width: 40%;
    margin-left:15%;
}


div.boxinterior_img1 {
    float: left;
    width: 30%;
    background-color: #975030;
    padding:10% 0px;
}


div.boxinterior_img2 {
    float: left;
    width: 30%;
    background-color: #e4dfdc;
    padding: 10% 0px;
}


div.boxinterior_img1 img{
    position:relative;
    width:140%;
    left:-70%;
}


div.boxinterior_img2 img {
    position: relative;
    width: 140%;
    right: -50%;
}

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: 48%;
    float: left;
    background-color: #FFF;
    clear: both;
    color: #000000 !important;
    position: absolute;
    top: 0px;
    left: 2%;
    bottom: 0px;
    height: 100%;

    font-weight:bold;
}
    div.testo_sx div {
        padding: 5% 20%;
        padding-top: 70px;
    }

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

div.testo_dx {
    width: 50%;
    float: right;
    text-align: left;
    padding: 60px 0px;
}

div#form_contatti {
    width: 45% !important;
    margin-left: 20%;
}

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;
    }

.button-1, .button-2 {
    border-style: none;
    border-color: currentcolor;
    border-width: 0px;
    padding: 15px 50px;
    color: #FFF !important;
    background-color: #4B7F97;
    text-decoration: none;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: normal;

}

   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:6px 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: 17pt;
    color: #000 !important;
}


div.contatti ul li {
    line-height: 30px;
    float: left;
    width: 46%;
    margin:2%;
    list-style:none;
}

    div.contatti ul li img {
        height: auto !important;
        max-width: 100% !important;
        margin:0px !important;
    }

    div.contatti ul li a {
    /*    color: #FFF !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: 1365px) {

    div.testo_immagine {
        width: 43%;
        top: 50px;
    }


    div.testo_sx {
        width: 50%;
        left: 0%;

    }

    div.box-slide div {
        width: 60%;

        position: relative;
        margin-top:40px;
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.6);
        padding: 40px 0px;
        margin-left:10%;
    }

    div.sfondo img {
        left: 7%;
    }

    div.box_dx {
       /* width: 35%;*/
    }

    div.marginleft5 {
    /*    margin-left:7% !important;*/
    }

    div.lingue {
 /*       padding: 20px 15px;
        position: absolute;
        right: 0;
        top: 40px;
        text-align: center;
        background-color: #4B7F97;
        right: 15px;
        font-size: 22px;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;*/
    }



}

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

        .box-fixed {
            display: block;
        }

        div.immaginechisiamo {
            padding-bottom: 0px !important;
        }


        div.perche li {
            list-style: none;
            float: left;
            width: 90%;
            margin: 5%;
            text-align: center;
            color: #4B7F97;
            font-size: 25px;
        }

        div.box_dx_storia {
            width: 100% !important;
            position: relative;
            top: 20px;
            bottom: 0px;
            left: 0px;
            height: 150px;
            background-position: 50% center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            clear:both;
            
        }

        .box_title h2 {
            font-size: 30px;
            text-align:left !important;
            line-height:35px;
        }


        .chisiamo ul {
            display:table;
        }

            .singleMediaBackground {
            height: auto;
            margin: 0px;
            background-color: #FFF;
            height: 300px;
        }

        .insideWrap_1 {
            left: 0px;
            right: 0px;
            position: absolute;
            width:100%;
            top: 0px;
            overflow: hidden;
            height: 300px;
        }

        .chisiamo ul li {
            width: 90%;
            margin: 5px 5%;

        }

        .box_title {
            width: 100%;
            padding-top: 5px;
        }

        .box_dxtesto {

            width: 100%;
            padding-top:5px;
        }

            .box_dxtesto ul {
                width: 100%;
                margin: 0px 20px;
            }

            .box_dxtesto ul.faq {
                width: 100%;
                margin: 0px;
            }

        h1 {
            font-size: 30px;
        }


        div.boxinterior {
            clear: both;
            float: left;
            width: 100%;
          display:initial;
          margin:10px 0px;
        }

        div.boxinterior_det {
            float: left !important;
            width: 90% !important;
            margin: 0px 5% !important;
        }


        div.boxinterior_img1, div.boxinterior_img2 {
            float: left !important;
            width: 90% !important;
/*            background-color: #975030;*/
            padding: 5% !important;
        }

        div.boxinterior_det div {
            float: left !important;
            width: 100% !important;
            margin-left: 0% !important;
            padding-bottom: 20px !important;
        }


        div.boxinterior_img1 img, div.boxinterior_img2 img {
            position: relative;
            width: 100%;
            left: 0%;
            right: 0%;
        }

        div.box_sx img {
          position:relative;
            top: 0px;
            left: 0px;
            max-width: 100%;
        }

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

        div.testo_immagine {
            padding: 10px 5%;
            width: 90%;
            top: 10px;
        }

        div.box_dx a, a.link, div.box_sx a {
            display: block;
            text-align: center;
        }

        div.testo_sx div {
            padding: 5% 10%;
            padding-bottom: 170px;
        }

        div.home_int {
           display:inherit !important;
            
        }


        div.box_home {
            width: 100% !important;
            margin:5% 0px !important;
            padding: 0px !important;
            text-align: center !important;
        }

        

        div#form_contatti {
            width: 80% !important;
            margin-left: 10%;
        }

        div.box_dximg {
            float: right;
            width: 100%;
            display: table-cell;
            vertical-align: middle;
            margin-left: 0%;
        }

        div.sfondo img {
            position: absolute;
            bottom: 25px;
            left: 0px;
            max-width:100%;
            height:auto;
        }

        div.lingue {
            position: relative;
            right: 0;
            top: 0px;
            right: 0px;
            width:100%;
            clear:both;
            left:0%;
        }

        div.box_sximg {
            width: 100%;
/*            padding:10px 0px !important;*/
        }


        div.box_sxservizi{
            width: 100%;
                        padding:20px 0%!important;
        }



        div.imgservizi {
           
            padding-bottom: 25% !important;
        }
        div.box_sxservizi div{
            padding: 10px 6% !important;
        }

        div.header {
            position: relative;
        }

        div.box-slide div p {
            font-size: 15px;
            padding: 10px;
            line-height:20px;
        }

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

        div.box-slide h2 {
            font-size: 20px !important;
            line-height: 25px !important;
            padding:10px !important;
        }

        div.immagini_home {
            width: 90%;
            margin: 10px 5%;
        }

        div.shop ul {

            display: table;
            margin:0px;
            padding:0px;

        }

            div.shop ul li{

                margin: 0px;
                width: 100%;
            }

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

        div.logo img {
            max-width: 90%;
        }
        div.logo {
            text-align: left;
            width: 90%;
            left: 5%;
            padding-bottom:100px;
        }

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

        div.contatti ul li {
  
            width: 90%;
            margin: 2% 5%;

        }



        div.mobile {
            display: block;
        }

        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%;
        }


        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%;
            position:relative;height:150px;
        }

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

        div.chisiamo {
            float: right;
            background-color: rgba(215, 215, 215, 0.8);
            width: 80%;
            padding: 5%;
            font-size: 30px;
            line-height: 35px;
            margin:5%;
        }

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

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

        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: auto !important;
      height:300px;
        }

        div.scheda {
            padding-top: 0% !important;
            padding-bottom: 0% !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:90%;
            margin:5px 5%;

        }

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

        div.immagine {
            padding-bottom:100%;
            position:relative;
        }

        div.navigation {
            width: 100%;
            bottom:10px;
        }

            div.navigation p {
                text-align:center !important;
            }

        div.navigation a{
            width: 100%;
           display:block;
           padding:10px 0px;
        }

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

        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: 84% !important;
            color: #000 !important;
            text-align: left;
            line-height: 25px;
            margin: 2% 3% !important;
            margin-top: 0px;
            font-size: 20px;
        }

        div.home {
/*            padding: 10px 0px !important;*/
            display: initial !important;
            position: relative !important;
        }

        .desktop {
            display: none !important;
        }

        h2 {
           line-height:40px;
           font-size:30px;
           padding:0px;
        }

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


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

            div.box_dx div {
                position: relative !important;
                top: 0px !important;
            }

        div.box_sx_servizi, div.box_dx_servizi {
            clear:both;
            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, .boxteam {
            margin: 5% 0px !important;
            padding: 0px;
            float: left;
            width: 80% !important;
            padding: 5% !important;
            min-height: auto !important;
            margin-left:5% !important;
        }

        .btn-responsive-menu {
            position: absolute;
            top: 30px;
            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%;
            position:relative;
            left:0px;
            min-height:50px;
        }

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


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

        div.wrapper_container {
            width: 90%;
        }

        div.footer_container {
            width: 96%;
        }

        div.info {
            width: 100% !important;
            clear: both;
            text-align: center !important;
            margin-left: 0px;
            padding-top: 10px !important;
        }


            div.info p {
                margin: 5px 0px;
                text-align: center !important;
         
            }


            div.info img {
                margin: 5px 0px;
                text-align: center !important;
            }

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


            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% !important;
        }

        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: #656668;
            -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: initial;
          /*  width: 90%;*/
          margin:0px !important;
        }

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