* { margin: 0;padding: 0;outline: none;}

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;

}
body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: 'Lato'
}

#iub-legal-footer {
    display:none !important;
}

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:1000;}
div.header_container
{ width:96%;margin-top: 0px;text-align: left;position: relative;margin-left: auto;margin-right: auto;margin-bottom: auto;max-width:1500px; }
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: 30px 0px;
    color: #2f2f2f;
    top: -80px;
    background-color: #FFF;
    border-color: #999;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.4);
    box-shadow: 0 0px 20px rgba(0,0,0,0.4);
}
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: 0px;
    background-color: rgba(0, 0,0, 0.5);
}

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


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

        div.box-slide div a, a.chiama {
            color: #FFF !important;
            background-color: #0C7BC3;
            padding: 7px 30px;
            transition: all 0.6s ease-out 0s;
            -webkit-transition: all 0.6s ease-out 0s;
            font-weight: bold;
            font-size:16px;
        }
a
{
   text-decoration:none;
}


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

}

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

div.navigation {
    float: right;
    text-align: right;
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    width: 80%;
}

div.Tel
{
   position:relative;
float:left;
    width:60%;
    margin-top:7px;
    color:#FFF;
}


div.Prenota {
    position: relative;
    float: right;
    margin:3px 20px;
    font-size:32px;
}



div.item{
    position: relative;
    float: left;
   width:100%;
}

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: 15px;
        border-left: 1px solid #c8c8c8;
        color: #FFF;
        margin: 5px 0px;
        font-weight:bold;

    }

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


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


div.box_sx {
    float: left;
    width: 55%;
    color: #787878 !important;
    text-align: left;
    line-height: 25px;
    font-size: 20px;
    padding: 30px 0px;
    margin-right:5%;
}
div.box_sx h4{
    font-weight:normal;

    font-size: 18px;

}

    div.box_sx h1 {
        color: #0C7BC3 !important;
        text-align: left;
        line-height: 55px;
        font-size: 50px;
        font-family:Poppins;
        font-weight:normal;
    }


div.box_sx strong{
    color: #2f2f2f !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.boxsx a  {
    color: #FFF;
    background-color: #0C7BC3;
    padding: 8px 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
    font-family: Lato;
}

    div.box_sx a:hover, div.boxsx a:hover {
        background-color: #000;
    }

div.box_dx {
    width: 40%;
    background-position: 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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


h2 {
    font-size: 40px;
    padding: 30px 0px;
    clear: both;
    font-weight: normal;
    font-family: Poppins;
}

.titolo_home {
    font-size: 40px;
    color: #15489f;
    padding: 30px 0px;
    clear: both;
    line-height: 45px;
    font-family: Lato;
    font-weight:normal;
}


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;
    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 {
  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: 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.footer {
    margin: 0px;
    margin-top: 20px;
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
    z-index: 1000;
    background-color: #F45825;
    color:#FFF;
}
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: 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;

    line-height: 25px;
    transition: all 0.6s ease-out 0s;
    -webkit-transition: all 0.6s ease-out 0s;
}

div.det_lista_news:hover {

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

}

div.det_lista_news h2{

    color:#FFF;
    font-size:35px;
    text-align:center;
    text-transform:uppercase;
    padding:10PX;
}
    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: 1em;
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position: relative;
    padding: 40px 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: 15%;
}

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

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


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 h1{
    color: #FFF;
    font-size:40px;
    text-transform:uppercase;
}

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

div.boxsx {
    float: left;
    width: 60%;
    text-align: left;
    font-family: Lato;
    font-size: 22px;
    line-height: 26px;
    color: #494949;
    background-color: #FFF;
    margin: 30px 0px;
    position:relative;
}

div.boxsx div{
    float: left;
    width: 60%;
    text-align: left;
    font-family: Lato;
    margin:30px 0px;
    margin-left:18%;

}

    div.boxsx h2 {
        font-size:40px;
        font-weight:normal;
        color:#0C7BC3;

    }
  
div.boxdx {
   position:absolute;
   left:70%;
   width:30% !important;
   top:10px;
}

div.boxdx img {
    float: left;
    max-height: 350px;
}

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



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

div.info h3{
    text-transform:uppercase;
    padding-bottom:20px;
}

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

    div.info ul li{
        list-style: none;
        margin:0px 0px;
        position:relative;
    }

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

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

 a.guarda {
    color: #FFF !important;
    background-color: #15489f;
    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:0 2%;
    color: #565656;
}



div.testo_home ul li strong{
    color: #000;
}

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

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

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


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

.sfondoblu {
    background-color: #0C7BC3;
    color:#FFF;
}


.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:#FFF;
   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: #000;
    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: 5px;
        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;

/*    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: 1365px) {


}

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

        div.corpo {
            padding: 10px 0px !important;
        }
            div .testo_home {

             top: -10px;

        }

        div.boxdx img {
            float: left;
            max-height: 250px;
        }

        div.box_sx h1 {
            line-height: 45px;
            font-size: 40px;

        }

        div.boxdx {
            position: relative;
            left: auto;
            top: auto;
            right:auto !important;
        }

        div.boxsx div {
            width: 80%;
            margin: 10px 0px;
            margin-left: 10% !important;
        }



        div.box-slide h2 {

            font-size: 25px;
 line-height:28px !important;
        }

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

        div.logo img {
            max-width: 240px;
        }
        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;
        }

        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(255, 255, 255, 0.7);
            color:#000;
            margin:10px 0px;
        }

            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: 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-bottom:35%;
        }

        div.navigation {
            width: 100%;
        }

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

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

        div.desktop {
            display: none !important;
        }

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

        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%;
            float: left;
        }

        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.info p{
            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%;
            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: #000;
            -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%;
        }
    }