﻿#social{border-top:none}
#casa-mobile-info{padding-top:24px;padding-bottom:32px}
#container-box-icone{overflow:hidden;font-weight:600;margin-right:-16px}
.box-icona{float:left;text-align: center;display: inline-block;font-size: 17px;padding: 8px;font-family: 'Glory';margin-right: 16px;margin-bottom:16px;color:#47B6E1;}
.box-icona-4{width:calc(50% - 16px)}
.box-icona-3{width:calc(33.33% - 16px)}
.box-icona:last-child{margin-bottom:0}
.img-carousel-container img{width:100%;}
#images{cursor:pointer}
#images img,#img-carousel-inner img{width:100%!important;height:auto!important;}
#img-viewer img{width:100%;} 
#img-carousel{display:block;}  
#img-carousel-inner{margin-right:-8px}
.img-carousel-container{float:left;width:calc(16.66% - 8px);margin-right:8px;margin-bottom:8px;background:#ccc}
#img-viewer{margin-bottom:8px;}
.img-carousel-container{background:#fff}
.img-carousel-container img{cursor:pointer;opacity:.3}
#img-carousel-inner::-webkit-scrollbar {width: 8px;}
#img-carousel-inner::-webkit-scrollbar-track {}
#img-carousel-inner::-webkit-scrollbar-thumb {background:rgba(255, 165, 0,.5)}
#img-carousel-inner{scrollbar-color: rgba(255, 165, 0,.5) transparent;scrollbar-width: thin;} /* firefox */
#container-descrizione{position:relative}
.descrizione-casamobile{padding:32px 0}
.descrizione-casamobile p{font-family:Glory;font-size:21px;}
#parallax-casamobile{background-image:url(/images/parallax01.jpg);background-size:cover;background-position:center;height:250px;}
#verifica-disponibilita-casamobile{margin-top:32px}
#verifica-disponibilita-casamobile .paragrafo{font-family: 'Glory';font-size: 2em;margin: 0;color: orange;font-weight: 600;text-transform:uppercase}
#modulo-casa-mobile{margin:auto;padding:0 16px 16px;background:#47B6E1;width:100%}
#modulo-casa-mobile label{font-weight:600}
#sezione-altre-casemobili{overflow:hidden;padding:32px 0 42px;}
#container-titolo-altre-casemobili{background-image: url(/images/sfondo.jpg);position:relative;text-align: center;margin-bottom:16px;padding:8px;/*background-position:right*/}
#block-titolo-altre-casemobili img{width: 75px;height: 75px}
#block-titolo-altre-casemobili .titolo-sezione{font-family:GLory;color:#fff;font-size:1.84em}
#block-titolo-altre-casemobili .paragrafo{font-family:Glory;margin-top:0;font-size:1.3em;color:#fff}
.card-alloggio{text-decoration:none;display:block;margin-bottom:16px;}
.card-alloggio .w3-display-container{overflow:hidden}
.card-alloggio img{width:100%;transition:transform .5s ease-in-out}
.card-alloggio:hover img{transform:scale(1.1)}
.card-alloggio-text{background: #d4fc53;color:#464742;}
.card-alloggio .nome-card{margin-bottom:0}
.card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}
.nome-card{margin-top:0}
.w3-ul li:last-child {border-bottom: 1px solid #ddd}
.w3-ul li{border-bottom:none!important}
#header h1{width:100%;text-align:center;color:#fff;background:rgba(0,0,0,.6);background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 100%);margin:0;padding:32px 0;font-size:48px;font-family: 'Glory';}
#modulo-casa-mobile .loader{width:40px;height:40px;border-width:6px}

#sezione-dotazioni{background:#fdf5e6!important;text-transform:uppercase}
#sezione-dotazioni .titolo{color: orange;font-family:Glory;margin:0;font-size: 3.8em;}

@media(min-width:500px){
    #container-box-icone{padding:0}
    #carousel-altre-soluzioni{margin-right:-16px;}
    #container-titolo-altre-casemobili{margin-right:16px}
    .card-alloggio{width:calc(50% - 16px);margin-right:16px;}
    .card-alloggio-text{text-align:center}
    .card-alloggio .nome-card{margin-bottom:10px}
    .card-alloggio .container-icone{position:relative;top:auto;right:auto;transform:translateY(0);}
}


@media(min-width:600px) {
    .img-carousel-container{width:calc(12.5% - 8px);}
    #container-box-icone{margin-right:0;}
    .box-icona{margin-bottom:0;float:none;font-size:15px}
    .box-icona-4,.box-icona-3{width:auto}
}


@media(min-width:768px){
    .box-icona{font-size:17px}
    #img-carousel{display:block;}  
    #img-carousel-inner{margin-right:-8px}
    .img-carousel-container{float:left;width:calc(12.5% - 8px);margin-right:8px;}
    #img-viewer{margin-bottom:8px;}
    #carousel-altre-soluzioni{margin-right:-2%;}
    #block-titolo-altre-casemobili img{width: 150px;height: 150px}
    #block-titolo-altre-casemobili .titolo-sezione{font-size:1.63em}
    #block-titolo-altre-casemobili .paragrafo{font-size:1.15em}
    #block-titolo-altre-casemobili{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
    #container-titolo-altre-casemobili{float: left;width:64.66%;margin-right:2%;padding:0;padding-top:calc(352.82/471.66 * 62.66%);margin-bottom:0}
    .card-alloggio{width:31.33%;margin-right:2%;margin-bottom:24px}
}


@media(min-width:992px) {
    #casa-mobile-info{padding-top:48px;padding-bottom:48px}
    #container-box-icone{padding: 0 0 8px}
    #parallax-casamobile{height:450px;background-attachment:fixed;}
    #sezione-altre-casemobili{padding:48px 0}
    #carousel-altre-soluzioni{margin-right:-2%;}
    #container-titolo-altre-casemobili{padding-top:calc(375.41/614.82 * 62.66%);}
     #block-titolo-altre-casemobili .titolo-sezione{font-size: 2em;}
     #block-titolo-altre-casemobili .paragrafo{font-size:21px;}
     .card-alloggio-text{text-align:left}
    .card-alloggio .nome-card{margin-bottom:0;padding:8px 0;font-size:1.6em}
    .card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}
    .w3-ul li:last-child{border-bottom:none}
    #sezione-dotazioni .w3-row{margin-right:-16px}
    #sezione-dotazioni .w3-col{width:calc(50% - 16px);margin-right:16px} 
    #verifica-disponibilita-casamobile .paragrafo{font-size:1.5em;margin-bottom:8px}
    #verifica-disponibilita-casamobile{width:calc(40% - 32px);margin-right:32px;margin-top:0}
}


@media(min-width:1280px){        
    #img-viewer{width:calc(100% - 100px);height:485.44px;margin-bottom:0}    
    #img-carousel{width:100px;}
    #img-carousel-inner{width:100%;height:485.44px;overflow-y:scroll;margin-right:0}
    #img-carousel-inner{padding-right:4px;padding-left:4px}
    .img-carousel-container{margin-right:0;width:100%;margin-bottom:4px}  
    #sezione-altre-casemobili{padding:64px 0 48px}
    #container-titolo-altre-casemobili{padding-top:calc(391.41/614.82 * 62.66%);}
    .card-alloggio-text{text-align:left;padding:16px !important}
    .card-alloggio .container-icone{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.85em}   
}


@media(min-width:1366px){
    #img-viewer,#img-carousel-inner{height:664.53px}     
     #container-titolo-altre-casemobili{padding-top:calc(486.03/818.06 * 62.66%);}
     #block-titolo-altre-casemobili .titolo-sezione{font-size:2.8em}
    .card-alloggio{margin-bottom:32px}
    .card-alloggio .nome-card{padding:0;font-size:30px}
    .card-alloggio .container-icone{font-size:1em}
    #container-box-icone{position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
    .descrizione-casamobile{padding:64px 0}
}


#barra-menu{background: rgba(255,255,255,.95);}
/*#barra-menu #menu{color:#fff}*/
#barra-menu #menu .sub-menu-item{color:#3b3a38}
#barra-menu #menu .dropdown-menu-item{color:#3b3a38}
#barra-menu.barra-menu-fixed #menu .menu-item{color:#3b3a38}
/*#barra-menu .lines,#barra-menu .lines:before,#barra-menu .lines:after{background:#fff}*/
#barra-menu.barra-menu-fixed .lines,#barra-menu.barra-menu-fixed .lines:before,#barra-menu.barra-menu-fixed .lines:after{background:#3b3a38}        
.bg-overlay{background:rgba(0,0,0,.05)}

.control{color:#fff;background:rgba(0,0,0,.9);cursor:pointer}
.control i{font-size:24px}
.control.w3-display-left{margin-left:8px}
.control.w3-display-right{margin-right:8px}


@media(min-width:768px){
    .control i{font-size:32px}
    .control.w3-display-left{margin-left:16px}
    .control.w3-display-right{margin-right:16px}
}

@media(min-width:992px){
    .control i{font-size:48px}
}