@font-face {

        font-family: 'Lato';
        src: url(LatoLight.eot);
        src: url(LatoLight.eot?#iefix) format('embedded-opentype'), url(LatoLight.otf) format('otf'), url(LatoLight.svg#LatoLight) format('svg'), url(LatoLight.ttf) format('truetype'), url(LatoLight.woff) format('woff'), url(LatoLight.woff2) format('woff2');

    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('JostRegular.eot');
    src: url('JostRegular.eot') format('embedded-opentype'), url('JostRegular.woff2') format('woff2'), url('JostRegular.woff') format('woff'), url('JostRegular.ttf') format('truetype'), url('JostRegular.svg#JostRegular') format('svg');
}

a.indietro {
    font-size: 25px;
    color: #448DCB;
}


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

html, body { 
    font-family:Lato;
    font-size:15px;
    }

label {
    display:initial !important;
}

html,body {
    background-color: #FFF;
    margin: 0px;
    padding: 0px;
    font-size: 18px;
    color: #111;
    z-index:1;
    width:100%;
    height:100%;
   line-height:26px;
}

.mobile {
  display:none;
}

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

.col1:nth-child(3n+1) {
    clear: both;
}

.bottone {
    background-color: #22a53a;
    display: none;
    position: fixed;
    z-index: 100;
    bottom: 0px;
    width: 100%;
    text-align: center;
    float:left;
    min-height:40px;
}

.sfondogrigio {
    background-color: #f5f5f5;
}

.sfondoceleste {
    background-color: #eef8f7;
}

.sfondocelestino {
    background-color: #71a4a7;
}

.sfondoblu {
    background-color: #104176 !important;
    color:#FFF;
}

    .sfondoblu a {
        color: #FFF !important;
    }

.totale {
  background-color:#448DCB;text-align:center;padding:0px;width:100%;clear:both;float:left;font-size:1.3em;padding-top:20px;padding-bottom:20px;margin-top:15px;color:#FFF;margin-bottom:10px;
}

div.wrapper_container {
    width: 86%;
    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.info {
    float: left;

    width: 50%;
    padding: 30px 0px;

    text-align: left;
    font-weight:bold;
    font-size:15px;
}

div.info a{
   color:#104176;
   text-decoration:underline;
}

    div.info h3 {
        color: #104176;
        font-size:20px;
    }


div.sx_tour strong {
    color: #448DCB;
}
div.accordion{
    width:98%;
    padding:1%;
    background-color:#d7e7f5;
    float:left;
    clear:both;
    cursor:pointer;
}

div.testo_contenuto ul  {
    margin-left:25px;
}

div.accordion:hover{
    background-color:rgba(0, 0, 0, 0.2);
    border:1px solid #808080;
}


form#form1
{
    margin: 0px;
    padding: 0px;
    z-index: 1;
    position: relative;
    width:100%;
    height:100%;
}

a
{
text-decoration:none;
color:#000;
font-weight:bold;
}

img
{
border:0px;
}


.col1 b
 {
    color:#0B4EAC;
    font-weight:normal;
}

.fixed {
  position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 222;
-webkit-animation: fadeInDown 0.9s ease-out forwards;
-moz-animation: fadeInDown 0.9s ease-out forwards;
-o-animation: fadeInDown 0.9s ease-out forwards;
animation: fadeInDown 0.9s ease-out forwards;
}

div.header
{  
    margin:0px;
    padding: 0px;
    clear:both;
    float:left;
    width:100%;
    background-color:#FFF;

    position:relative;

}


div.header_menu {
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    width: 100%;
    background-color: #FFF;
    z-index: 1000;
    padding-bottom: 5px;
    position:relative;
}



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

.contact {
    padding: 7px;
        padding-right: 7px;
        padding-left: 7px;
    padding-right: 7px;
    padding-left: 7px;
    padding-left: 20px;
    padding-right: 20px;
    color:#FFF !important;
border:1px solid #448DCB;
border-radius:3px;
    text-decoration: none;
    float: right;
    padding-right:-55px;
    font-size:1.1em;
    background-color:#0B4EAC;
}

.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.testo_immagine ul li {
    float:left;
    list-style:none;
    padding:0px 10px;
    margin:0px;
}

div.testo_immagine ul {
    float: left;

}
    div .header_container
{
    width: 94%;
    margin-top: 0px;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
   max-width: 1500px;
}

div.search
{
    width: 100%;
    margin-top: 0px;
    text-align: left;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

div.searchtext
{
    width: 545px;
    margin-top: 0px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    clear:both;
    padding-top:10px;
    padding-bottom:10px;
    display:none;

}


div.searchtext input[type="text"] {
    width: 500px;
    height:25px;
    padding-left: 10px;
    font-family: Montserrat;
    font-size: 15px;
    padding-top: 7px;
     background-color: #FFF;
    border: 1px solid #FFF;
    color:#808080;
    font-weight:normal;
}


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

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

}

div.corpo_content {
    width: 100%;
    clear: both;
    float: left;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    position:relative;
}




div.header_content
{
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position:relative;

}


div.testo
{
    width: 100%;
    clear: both;
    float: left;
    text-align: left;
    position:relative;
    color:#444;

}



div.select select {
    background-color: #fff;
    border: 1px solid #000;
    width:20%;
    color:#000;
    padding-top:4px;
    padding-bottom:4px;
    font-family:Montserrat;
    font-size:0.6em;
    margin-right:20px;
}


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


div.logo img
{
max-width:230px;

}
div.claim
{
    float:left;
    width:40%;
    text-align:right;
    margin-top:25px;
    font-size:1.1em;
    position:relative;
    color:#448DCB;
}

div.claim input[type="text"] {
background-color: #FFF;
border: 1px solid #CCC;
padding: 5px;
font-size: 15px;
color: #808080;
width:77%;
font-weight:normal;
float:right;
margin-right:5px;
font-family: 'Merriweather Sans', sans-serif;
}

div.claim input[type="text"]: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.claim img {
position:absolute;
right:10px;
}
div.menu-general
{
    float:right;
    width:65%;
    text-align:right;
    font-size:1.6em;
    line-height:1.6em;
    color:#000;

    margin-top:10px;
     margin-bottom:20px;
     font-weight:bold;

}


.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;
    background-position:right;
    z-index: 10000;
}


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

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

.main_menu h2{
    padding-left:7% !important;
}


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

.main_menu ul li a:hover {
    color: #E5E5E5;
}


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


h1 {
    clear: both;
    width: 100%;
    color: #104176;
    font-size: 40px;
    padding-top: 20px;
    text-align: left;
    font-family: 'Jost';
    font-weight:600;
    line-height:45px;
}

h2 {
    clear: both;
    width: 100%;
    color: #104176;
    font-size: 40px;
    padding-top: 20px;
    text-align: center;
    font-family: 'Jost';
    font-weight: 600;
    line-height: 45px;
}

 .content-divider{
    padding-top: 1.625rem;
}

.content-divider .divider {
    display: inline-block;
    height: .125rem;
    vertical-align: top;
    width: 12.1875rem;
    background-color:#104176;
}

h3 {
    clear: both;
    width: 100%;
    font-size: 30px;
    text-align: left;
    font-family: 'Jost';
    font-weight: normal;
}

div.box_home {
    width: calc(30.2% - 2px);
    float: left;
    display: flex;
    align-items: center;
    margin: 1.5%;
    border:1px solid #104176;
    border-radius:5px;
    background-color:#FFF;
}

div.box_home_img {
    width: 50%;
}

div.box_home_testo {
    width: 50%;
}

div.box_home_testo  div{
    padding:15px;
    color:#909090;
}

    div.box_home_testo div h2 {
        padding-bottom:10px;
        font-size: 20px;
        color: #104176;
        font-family:Jost;
        line-height:25px !important;
    }

div.immagine_sezione {
    width: 30%;
    float: right;
    margin-top: 20px;
}

div.prezzotour {
    font-size:40px;
    font-family:jost;
    color:#104176;
    padding-bottom:10px;
    flex-wrap:nowrap;
    width:100% !important;
    float:left;
    line-height:45px;
}
div.boxtour {
   padding:20px;

   float:left;
}

div.boxtour h2{
    font-family:Jost;
    font-size:35px;
}

    div.boxtour ul {
        margin:10px 0px !important;
    }


div.boxtour ul li{
    padding: 10px 0px;
    list-style:none;

}


div.immagine_sezione h2{
    text-align:left !important;
}

    div.immagine_sezione ul {
       margin:10px 30px;
    }

div.immagine_sezione ul li{
    text-align:left;
}

    div.immagine_sezione ul li a, div.det_post a {
       color:#448DCB;
        transition: all 0.4s ease-out 0s;
        -webkit-transition: all 0.4s ease-out 0s;
        font-weight:bold; 
    }

span.NavegationBar span {
    font-size: 20px;
    padding: 3px;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
}

span.NavegationBar a {
    font-size: 20px;
    padding: 2px;
    border: 1px solid #5e7aa2;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
}

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

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

div.img_lista_appartamenti:hover img {
    opacity:1;
    will-change: transform;
}

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

    div.box_home_testo div a {
        background-color: #0069a3;
        color: #FFF;
        padding: 5px 10px;
        font-size: 13px;
        -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;
        
    }

        div.box_home_testo div a:hover {
            background-color: #104176;
        }
div.box_home_img img{
    width: 100%;
    display:block;
}

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;
        transform: scale(1);
        background-color: rgba(0, 0, 0, 0.5) !important;
        text-align: center;
        color: #FFF;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    div.boxsx div.prodotti_item {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        z-index: 2;
        text-align: left;
        transition: all 0.3s ease-out 0s;
        -webkit-transition: all 0.3s ease-out 0s;
        opacity: 1;
        background-color: rgba(0, 0, 0, 0.5) !important;
        text-align: left;
        color: #FFF;
        margin: 0px;
        padding: 0px;
        overflow: hidden;
    }

    div.boxsx div.prezzo {
        position: absolute;
        width: calc(100% - 40px );

        bottom:30px;
        z-index: 3;
        text-align:right;
       margin:0px 20px;
    }

        div.boxsx div.prezzo span {
            font-size: 35px;
            font-weight: bold;
            font-family: Jost;
        }

        div.boxsx div.scopri{
            width:calc(100% - 2px);
            border:1px solid #FFF;
            padding:8px 0px;
            text-align:center;
        }


    div.boxsx div.prodotti_item:hover {

        background-color: rgba(0, 0, 0, 0.3) !important;

    }

div.BoxTour div{   
    float:left;
/*    width:46%;*/
    margin:0 2%;
}
div.incluso h3, div.nonincluso h3 {
    padding: 30px 0px;
    padding-top: 50px;
}
div.incluso ul li{
   list-style-image:url('/img/img_ok.jpg') ;
   margin-left:40px;
}

div.nonincluso ul li {
    list-style-image: url('/img/img_ko.jpg');
    margin-left: 40px;
}
    div .boxsx div.prodotti_item h2 {
            color: #FFF !important;
            font-size: 28px !important;
            text-align: left !important;
            border-bottom:1px solid #FFF;
            font-family:Jost;
            line-height:35px;
        }

        div.boxsx div.prodotti_item div.testo_item {
           margin:20px;
        }


        div.boxsx div.prodotti_item h3 {
            color: #FFF !important;
            font-size: 20px !important;
            text-align: left !important;
            padding-top:10px;
        }

    div.boxsx a{
        color: #FFF;
        margin:0px;
        padding:0px;
    }

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

.faq li.q {
    background-color: #FFF;
    font-size: 25px;
    border-bottom: 1px #ddd solid;
    cursor: pointer;
    color: #104176;
    transition: all .3sease;
    font-family:Jost;
    font-weight:bold;
}

ul.faq li {
    padding:10px  20px;
}

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

.faq li.a {
    background-color: #448DCB;
    display: none;
    color: #fff;
    font-size: 20px;
}

        div.boxsx div.servizio div {
            width: 100%;
        }

        div.boxsx div.servizio div span {
            padding:8px 15px;
            border:1px solid #FFF;
        }

        div.boxsx div.servizio 
        h2{
            color: #FFF;
            text-align:center;
            text-transform:uppercase;
            font-family:Jost;
            font-size:30px;
            font-weight:normal;
            margin-bottom:20px;
        }


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

div.testoperche  {
    width:100%;
    clear:both;
    float:left;
}
div.testoperche h2 {
    color: #0069a3;
    font-family: 'Jost';
        font-size:35px;
        padding:20px 0px;

}

div.testoperche  ul li{
    
    width: 30.2%;
    float:left;
    margin:1.5%;
    text-align:left;
    list-style:none;
}

div.testoperche ul li h4{
    font-size:20px;
    color:#104176;
    padding:15px 0px;
}

div.sottotitolo {
    clear: both;
    width: 100%;
    color: #448DCB;
    font-size: 2em;
    text-align: left;
    padding-bottom:20px;
    font-family: 'Merriweather Sans', sans-serif;
}


/*.col1 a, .col3 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;
}
*/

/*div.boxstruttura*/

.col1 {
    width: calc(31.2333% - (2px)) !important;
    margin: 1% !important;
    padding: 0px;
    position: relative;
    border: 1px solid #104176;
}

.col2 {
    width: 48% !important;
    margin-left: 1% !important;
    padding: 0px;
    position: relative;
    margin-top: 10px !important;
     float:left;
     background-color:#F3F3F3;
     border:1px solid #E5E5E5;
     text-align:left;
     color:#000 !important;
     font-size:1.2em;
     padding:0.5%;
}

.col2 a, .col3 a{
     color:#000 !important;

}

    .col2 a {
        color: #448DCB !important;
        -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;
    }
.col3 {
    width: 23% !important;
    margin:1% !important;
}


.col1 a:hover, .col3 a:hover {
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
}


.col2 div, .col3 div{
     float:right;
     width:40%;
     color:#111;
     text-align:right;
}


h1.titolo_offerta, h2.titolo_offerta {
    position: absolute;
    left: 5%;
    width: 9%;
    text-align: left;
    color: #FFF;
    z-index: 99;
    bottom: 20px;
    font-size: 50px;
    text-shadow: 1px 1px 1px #000;
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: bold;
}

div.titolo_tour{
    width: 96%;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 1em;
    height: 55px;
    overflow: hidden;
    margin-left: 2%;
    color: #0B4EAC;
}

h1.tour_titolo, h2.tour_titolo {
    width: 100%;
    text-align: left;
    padding-bottom: 20px;
    padding-top: 10px;
    font-size: 1.7em;
    overflow: hidden;
    color: #0B4EAC;
    text-align: center;
    font-family: 'Merriweather Sans', sans-serif;
}

div.details
{
    width:100%;
    text-align:center;
    padding-bottom:10px;
    padding-top:10px;
    font-size:0.9em;
    background-color:#448DCB;
    color:#FFF;
    clear:both;
    float:left;
    margin-top:10px;
}

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


}

div.dx_tour
{
    width:100%;
    float:left;
    text-align:left;


}
div.calendario {
    width: 48%;
    float: left;
    text-align: left;
}
div.date {
    width: 48%;
    float: right;
    text-align: left;
}

div.navigationmobile
{
   display:none;
}

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

table.camera {
    position: absolute !important;
    width: 50%;
    left:15%;
    height: 20%;
    background-color: rgba(255, 255, 255, 0.5) !important;
   bottom: 30%;
    color: #000;
    z-index:1000;
}

    table.camera td div {
        padding: 20px;
        font-size: 30px;
        font-family: 'Jost' !important;
        line-height:35px;
    }

        table.camera td div a {
            color: #104176;
            text-decoration:underline;
            font-size:25px;
        }



    table.camera td div h2 {
       
        color: #104176;
        font-size:45px;
    padding-bottom:20px;
    }


div.tour_navigation
{
    width:75%;
float:left;
  margin:auto;
  text-align:left;
  margin-top:20px;
}

div.navigation ul
{
/*  list-style:none;
  margin-left:10px;
  position:absolute;
  right:0px;
  bottom:10px;*/
}

div.dettaglitour
{
    width:100%;
    float:left;
    margin-top:15px;

}

div.icon
{
    width:29%;
    float:left;
    margin:2%;
    border-radius:4px;
    border:2px solid rgba(0,0,0,0.2);
     padding-bottom:20px;
      padding-top:10px;
      color:#0B4EAC;
}

div.icon img
{
   width:30%;
   max-width:72px;
  
}

.box {
    margin: 0px;
    padding: 0px;
    float: left;
    position: relative;
    overflow: hidden;
    text-align:left;
    font-weight:bold;
    background-color:#FFF;
}

.flex {
    display: flex;
    align-items:center;
}
    .box_newsletter {
   width:50%;
   float:left;
   }

.box_newsletter_testo {
   margin:10%;
   margin-left:0px;
   color:#FFF;
   text-align:left;
}

a.indietrochisiamo {
    font-size: 25px;
    color: #FFF;
}


.box_newsletter_testo_obiettivo{
    margin:10% 30%;
    margin-right:15%;
    font-size:18px;
}

.box_newsletter_testo_obiettivo h3{
    font-size: 40px;
   color:#104176;
   font-family:Jost;
   line-height:45px;
}
.box_title {
    float: left;
    width: 25%;
    padding-top: 50px;
}

    .box_title h2 {
        font-size: 50px;
        color: #104176;
        line-height: 50px;
        font-family: Jost;
        text-align: left;
        margin-top: 5%;
    }

.box_dxtesto {
    float: right;
    width: 60%;
    padding-top: 50px;
    margin: 5%;
}

.box_dxtesto ul li{
    float: left;
    width:40%;
    margin:0px 5%;
    list-style:none;
    text-align:center;
    margin-bottom:30px;

}

    .box_dxtesto ul li h3{
        text-align: center;
        color: #0069a3;
    }

.box_newsletter h2{
    font-size:40px;
    color:#FFF;
    text-align:left !important;
}


.box_newsletter_img {
    width: 50%;
}

.box_newsletter_img img{
    width: 100%;
    display:block;
}

.box div{
    padding:10px;
}


    .box div h2{
     color:#104176;
     font-family:Jost;
     font-size:25px;
     font-weight:600;
     line-height:27px;
     padding-bottom:10px;
    }

.box a {
    display: block;
    clear: both;
    background-color: #104176;
    color: #FFF;
    text-align: center;
    padding: 10px 0px;
    font-size: 18px;
    -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;
}



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


div.dati {
   float:left;
   width:24%;
   margin-left:1%;
   padding-top:30px;
   font-size:1.2em;
   padding-bottom:20px;

}



div.dati span {

   font-size:1.2em;
   color:#0B4EAC;
}

div.dati a {

  color:#444;
}

div.dati ul li {
   list-style:none;
   padding-left:10px;
   padding-top:10px;
}


div.dati ul {
  margin-top:20px;
}

div.dati ul li a {

   font-weight:normal;
   font-size:0.9em;
}


div.testo_sx {
    width: 43%;
    float: left;
    font-size:18px;
    padding-top: 45px;
    margin-left: 2%;
    padding-bottom: 20px;
}

div.testo_sx p{

    margin: 8px 0px;

}

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

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


    div#form_contatti div a{
        color: #FFF !important;
    }

.button-1 {
    color: #fff;
    padding: 10px 20px;
    font-size: 18px !important;
    background-color: #22a53a;
    border: 0px;
    cursor: pointer;
    -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;
}


.button-2 {
    color: #fff;
    padding: 10px 20px;
    font-size: 18px !important;
    background-color: #22a53a;
    border: 0px;
    cursor: pointer;
    -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;
    border:1px solid #FFF;
}


.button-1:hover {
    background-color: #104176;
}

div#form_contatti div div {
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 1%;
    margin-left: 0px;
    margin-right: 6%;
    float: left;
    line-height: 30px;
    width: 98%;
/*    font-weight: bold;*/
    font-family:Jost;
}

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;
    text-align:left;
}

div.testo_sezione h2{

    text-align: left !important;
}

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

div.lista_appartamenti {
    float: left;
    width: 100%;
    margin-bottom: 2%;
    position: relative;
    border: 1px solid #448DCB;
  
}

div.img_lista_appartamenti {
    clear: both;
    float: right;
    width: 90%;
    margin: 5%;
    position: relative;
    overflow: hidden;
}

    div.img_lista_appartamenti a {
        clear: both;
        margin:0px;
        padding:0px;
        display: block;
    }

    div.img_lista_appartamenti  img {
        max-width: 100%;
        display: block;
        height: auto;
        float: left;
        transition: all .3s ease;
        opacity: 0.6;
        background-color: #000;
    }

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

div.det_lista_appartamenti h2{
    text-align:left !important;
    font-size:30px !important;
}
div#form_contatti input[type="text"], div#form_contatti textarea, div#form_contatti select {
    background-color: #FFF;
    border: 1px solid #FFF;
    padding: 3px;
    font-size: 17px;
    color: #111;
    border-radius : 5px;
}

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#form_contatti div input[type="text"], div#form_contatti div textarea, div#form_contatti div select {
    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;
    padding-top: 33%;
}

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 tr td {
        vertical-align: top !important;
        padding-bottom: 130px;
        float: left;
        width: 100%;
    }

    table.claim tr,
    table.claim tbody {
        float: left;
        width:100%;
    }

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

div.contatti ul li h2 {
    font-size:30px;
    font-family:Jost;
    color:#104176;
    padding-bottom:20px;
    text-align:left;
}

div.testo_immagine {
    padding: 30px 2%;
    background-color: rgba(255, 255, 255, 0.6);
    color: #111;
    width: 45%;
    position: relative;
    top: 90px;
    line-height: 35px;
    font-size: 25px;
    font-family:Jost;
    float:left;
}

div.testo_immagine h1 a{
    font-size:25px;
    color:#448DCB;
}

   h2.titolo_home  {
      text-align:left !important;
    }


div.from {
   float:left;
   clear:both;
   text-align:left;
    width:60%;
    margin-left:5%;
    font-size:0.9em;
    height:46px;
    overflow:hidden;
}

div.duration {
   float:left;
   text-align:right;
    width:30%;
    margin-right:5%;
    font-size:0.9em;
    height:46px;
    overflow:hidden;
}

div.dx_tour select,  div.dx_tour input[type="text"]{
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.2);
    width: 100%;
    color: rgba(0,0,0,0.8);
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Montserrat;
    font-size: 1em;
    float: right;

}

.button-book {
    border-style: none;
    border-color: currentcolor;
    border-width: 0px;
    background-color: #0B4EAC;
    padding: 15px 20px;
    color: #FFF;
    font-family: Montserrat;
    cursor: pointer;

}



span.tourdx {

    font-size: 1.4em;
    color:#0B4EAC;

}

table.tablePrice {
    border:1px solid #FFF;
    clear:both;
    margin-top:15px;
    width:101%;
    display:none;
}

th.headerprice
{
    background-color: #B3B67F;
    color: #FFF;
     font-size: 1em;
     font-weight:normal;
     padding:5px;
     text-align:center;
     border-right:1px solid #FFF;
     width:33%;
     padding-top:10px;
     padding-bottom:10px;
}

td.Prima
{
    background-color: rgba(0, 0, 0, 0.5);
    color: #FFF;
     font-size: 1.1em;
     font-weight:normal;
     padding:5px;
     text-align:center;
     border-right:1px solid #FFF;
     width:33%;
     padding-top:15px;
     padding-bottom:15px;
}

td.Seconda
{
    background-color: #FFF;
    color: #111;
     font-size: 1.1em;
     font-weight:normal;
     padding:5px;
     text-align:center;
     border-right:1px solid #E5E5E5;
     width:33%;
     padding-top:10px;
     padding-bottom:10px;
}

td.Terza
{
    background-color: #AD50A0;
    color: #FFF;
     font-size: 1.1em;
     font-weight:normal;
     padding:5px;
     text-align:center;
     border-right:1px solid #FFF;
     width:33%;
     padding-top:10px;
     padding-bottom:10px;
}

div.riepilogo
{
    clear:both;
    float:left;
    width:100%;
    text-align:left;

}

div.riepilogo span
{

    color:#448DCB;
    font-size:1.5em;
    font-style:normal;
}







@media all and (min-width: 768px) and (max-width: 1300px) {
    div.box_home_testo div h2 {

        font-size: 17px;
        font-weight:bold;
        line-height: 20px !important;
    }

    .box_newsletter_testo_obiettivo {
        margin: 10% !important;

 
        font-size: 18px;
    }

    .box {
        min-height:380px;
    }


        div.testo_immagine {
        width: 45%;
        top: 30px;
    }

       

    .box_title h2 {
        font-size: 35px;
        line-height: 40px;
    }

    h1 {

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

    .menu li {
        padding: 0px 15px !important;

    }

    div.navigation {

        bottom: -15px;
        padding-top:20px;
        left:0px;
    }

    div.logo img {
        max-width: 200px;
    }

    table.camera {
        width: 80%;
        left: 5%;

    }

  div.header_container
{
    width: 98%;

}
 
div.select select {

    width:19%;

}

div.select {

    font-size: 1.5em;
}
div.select select {

    font-size: 0.9em;

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




  }

@media all  and (min-width: 1365px) {
  div.header_container
{
    width: 70%;

}
 
div.select select {

    width:20%;

}
  
  }


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

    .mobile {
        display: block;
    }

    div.testo_immagine {
        width: 96%;
        top: 30px;
    }

    div.testo_immagine ul li {
        float: none;
    }

    .bottone {
        display:block;
    }

        div.lista_appartamenti {
        float: left;
        width: calc(90% -(2px)) !important;
     /*   margin: 5%;*/
        position: relative;
        border: 1px solid #448DCB;
    }

    div.testo_sezione {
        width: 90%;
        float: left;
        margin: 5%;
        margin-top: 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;
    }
    .btn-responsive-menu {
        display: block;

    }

    div.calendario, div.date {
        width: 96%;
        margin:10px 2%;
    }

    div.desktop {
       display:none !important;
    }

    div.dati ul li a {
        font-size: 1.2em;
    }
div.navigationmobile
{
   display:block;
   clear:both;
   margin-top:10px;
}

div.navigation
{
 display:none;
}

div.tour_navigation
{
    width:100%;

}



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

    div.flex {
        display:table;
    }

    .box_newsletter_img {
        display: none;
    }

    div.logo {
    float: left;
    clear: both;
    width: 70%;
    text-align:right;
    margin-top:20px;
}
       div.logo img{
    width: 95%;
}

       div.menu-general {
    float: right;
    width: 100%;
    text-align:center;
    margin-top:0px;
}

    div.box_home {
        width: calc(90% - 2px);
        margin: 1.5% 5%;
        display:block
    }

    div.box_home_img, div.box_home_testo {
        width: 100%;
    }

    div.testoperche ul li {
        width: 90%;
        float: left;
        margin: 1.5% 5%;
        text-align: left;
        list-style: none;
    }

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

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


    div.info p{
       text-align:center !important;
    }
    div.header_menu {
        position:relative !important;
    }

        div.info h3 {
            text-align: center !important;
        }
    .box_newsletter {
        width: 100%;
        float: left;
        position:relative !important;
        margin-top:10px;
    }

    .box_newsletter_testo {
        margin: 5%;
    }

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

    }

    table.claim {
        position: relative;
        width: 100%;
        bottom: auto;
        top:auto;;
        z-index: 1;
        text-align: center;
        color: #FFF;
        font-size: 20px;
        float:left;
    }
    div.immagine {
        padding-top: 0px;
    }


    element.style {
    }

    .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
        background: none;
        border: 0;
        font: inherit;
        font-size: 100%;
        margin: 0;
        padding: 0;
        vertical-align: baseline;
        list-style: none;
    }

    table.camera {

        width: 90%;
        left: 5%;
        bottom: 10px;
        font-size:20px;
    }

        table.camera td div {
            font-size: 20px;
            line-height: 25px;
        }

    h2 {
        clear: both;
        width: 100%;
        color: #104176;
        font-size: 30px;
        padding-top: 20px;
        text-align: center;
        font-family: 'Jost';
        font-weight: 600;
        line-height: 35px;
    }

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

        .box_title h2 {
            font-size: 35px;
            line-height: 40px;
            margin: 0px;
            text-align:center;
        }

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

    div.immagine_sezione {
        width: 90%;
        float: right;
        margin: 5px 5%;
    }

    .box_newsletter_testo_obiettivo {
        margin: 10% !important;
        font-size: 25px;
    }

    .box_newsletter h2 {
        font-size: 30px;

    }

/*    .box_dxtesto {
        float: right;
        width: 60%;
        padding-top: 50px;
        margin: 5%;
    }*/

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

       div.claim input[type="text"] {
    width: 90%;

}


        div.scritta-menu-general
        {
display:none;
}


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

    z-index: 10000;
}
        div.select {
    /*margin: 0px;
    padding: 0px;
        padding-top: 0px;
    clear: both;
    float: left;
    width: 100%;
    background-color: #B3B67F;
    z-index: 1000;
    position: relative;
    border-bottom: 1px solid #F6F6F6;
    border-top: 1px solid #F6F6F6;
    color: #AD50A0 !important;
    font-size: 1.5em;
    padding-bottom: -10px;
    padding-top: 15px;
    height:auto;
    overflow:inherit;*/

}

         div.search {

    padding-bottom: 10px;

}

        div.select select {

    width:90%;
    margin-bottom:10px;

}


        .carousel-caption {
    position: absolute;
    left: 5% !important;
    top: 5% !important;
    margin: 0px 0px 25px;
    padding: 0px;
    width: 90% !important;
    height: 90%;
    background-color: rgba(0, 0, 0, 0.3);
}

        .col1 {

    width: 98% !important;
    margin: 1% !important;
    padding: 0px;
    position: relative;

}

        .col2 {
    width: 97% !important;
    margin-left: 1% !important;

}

        div.corpo_container {
    width: 98%;

    }

        div.sx_tour {
    width: 100%;

}


div.inf{
   display:none !important;

}

div.dati {
    width: 98% !important;
}

                       
h1.titolo {
    clear: both;
    width: 98%;
    font-size: 2em;
    padding-top: 20px;
    text-align: center;
    margin-left: 2%;
    text-transform: uppercase;

}

div.banner img{
    clear: both;
    width: 100% !important;


}


h1.titolo_offerta {
    font-size: 25px !important;
}


div.breadcrumb ul li  {
margin-top:5px;
line-height:15px;
}

.col3 {
    width: 98% !important;
    margin: 1% !important;
}

    h1, .h1 {
        font-size: 30px !important;
        line-height: 35px;
    }

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

div.icon
{
    width:50%;
    float:none;
    margin:auto;
    border-radius:4px;
    border:2px solid rgba(0,0,0,0.2);
     padding-bottom:20px;
      padding-top:10px;
      clear:both;
      margin-top:10px;
}

div.riepilogo img{
    float:none !important;
    width:100% !important;
    margin-right:0px !important;
    
    }

div.testo_sx {
    width: 94%;

}

div.testo_dx {
    width: 90%;


}

 }