.lateral-boxes{position:fixed;z-index:25;top:200px;left:0px}.lateral-boxes .box{width:100px;color:#fff;text-transform:uppercase;cursor:pointer;text-align:center;padding:15px!important;position:relative;margin-bottom:2px}.lateral-boxes>.box>i,.lateral-boxes #go-over>i{font-size:3em}.lateral-boxes .box span{display:block;width:100%;font-size:.8em}.lateral-boxes .booking,.box-content#booking{background-color:#fdba42}.lateral-boxes .meteo,.box-content#meteo{background-color:#06a7c8}.lateral-boxes .webcam,.box-content#webcam{background-color:#e26439}.lateral-boxes .share{background-color:#6c4f94;height:96px}.lateral-boxes #go-over{position:absolute;left:0;z-index:2;background-color:#6c4f94;width:100px}.box-social{display:flex;align-items:center;position:absolute;left:-500px;top:0;width:auto;height:96px;background-color:#6c4f94;padding:0px 15px;-webkit-transition:all .5s;transition:all .5s;border-top-right-radius:10px;border-bottom-right-radius:10px}.box-social i{font-size:2em;width:45px;height:45px;border-radius:180px;border:solid 2px #fff;text-align:center;padding-top:5px;margin-right:15px}.box-content{position:fixed;z-index:24;top:150px;left:-85vw;width:80vw;min-height:70vh;border-radius:10px;box-shadow:2px 2px rgba(0,0,0,.3);-webkit-transition:all .5s;transition:all .5s}.box-content .fa-close{position:absolute;top:5px;right:5px;padding:1px 4px 3px 4px;border-radius:25px;border:2px solid #666;z-index:99999999;cursor:pointer}#booking .data-booking>div{padding-top:30px}#booking .data-booking span{text-transform:uppercase;display:block;width:100%;color:#fff;padding-bottom:10px}#booking .data-booking input,#booking .data-booking select{display:inline-block;font-size:.90em;width:100%;border-radius:5px;border:none;padding:5px 10px;outline:none}#booking #checkin-div{padding-right:15px!important}#booking #checkout-div{padding-left:15px!important}#booking #checkin-div input,#booking #checkout-div input{padding-left:40px}#booking #checkin-div .fa-calendar,#booking #checkout-div .fa-calendar{position:absolute;top:inherit;bottom:5px;font-size:1.25em;z-index:20;left:10px;color:#000;cursor:pointer;opacity:.6}#booking #checkout-div .fa-calendar{left:25px}#booking .camere-booking>div{padding-left:0px!important}#booking .camere-booking>div.bmb-cont,#booking .camere-booking>div.eta-cont,#booking .camere-booking>div.eta-cont>div:last-of-type{padding-right:0px!important}#booking .camere-booking>div.eta-cont{margin-top:20px}#booking .camere-booking>div.eta-cont>div{display:none}#booking .arrow-number{background-color:#e26439;height:30px;position:absolute;z-index:2;bottom:0px;right:15px;border-radius:5px;color:#fff;cursor:pointer}#booking .camere-booking>div.bmb-cont .arrow-number{right:0px!important}#booking .arrow-number i{display:block;width:100%;text-align:center;padding:0px 10px}#booking .why-booking>div{margin-top:60px;background-color:#e26439;border:solid 1px #fff;border-radius:5px;padding:15px!important}#booking .why-booking span{color:#fff;display:block;width:100%}#booking .why-booking span.title-why{font-weight:bold;text-align:justify;font-size:1.5em}#booking .why-booking i{position:absolute;z-index:2;top:40px;font-size:6em;color:#fdba42;right:30px}#booking .search-button{float:right;border:solid 1px #fff;display:inline-block!important;width:auto!important;padding:10px;border-radius:10px;background-color:#e26439;cursor:pointer}#webcam>div{padding:30px 50px}#webcam [type="checkbox"]:not(:checked),
#webcam [type="checkbox"]:checked {position:absolute;left:-9999px}#webcam [type="checkbox"]:not(:checked) + label,
#webcam [type="checkbox"]:checked + label {position:relative;padding-left:1.95em;cursor:pointer}#webcam [type="checkbox"]:not(:checked) + label:before,
#webcam [type="checkbox"]:checked + label:before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #fff;background:transparent;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}#webcam [type="checkbox"]:not(:checked) + label:after,
#webcam [type="checkbox"]:checked + label:after {content:'';position:absolute;width:20px;height:20px;background-color:#fff;top:0em;left:0em;line-height:.8;transition:all .2s}#webcam [type="checkbox"]:not(:checked) + label:after {opacity:0;transform:scale(0)}#webcam [type="checkbox"]:checked+label:after{opacity:1;transform:scale(1)}#webcam label{font-weight:normal;text-transform:uppercase;display:inline-block;margin-right:20px;color:#fff}#webcam .webcam-cont{display:flex;align-items:center}#webcam .webcam-cont img{width:90%;text-align:center;height:236px}#webcam .webcam-cont i{color:#fff;position:absolute;top:calc(50% - 1em);font-size:2em;cursor:pointer}#webcam .webcam-cont i.fa-angle-left{left:20px}#webcam .webcam-cont i.fa-angle-right{right:20px}#webcam .all-webcam{margin-top:30px;text-transform:uppercase;display:block;width:100%;float:left;text-align:center}#webcam .all-webcam a,#webcam .all-webcam a:hover,#webcam .all-webcam a:visited{text-decoration:none;color:#e26439;font-weight:bold;display:inline-block;padding:10px;background-color:#fff;border-radius:5px}#meteo{padding:30px 50px}#meteo span{color:#fff;display:block;width:100%}#meteo span.title-box{text-transform:uppercase;padding-bottom:10px;font-size:.9em}#meteo span#loc{color:#000;display:inline-block;width:auto;text-transform:uppercase;font-size:1.5em}#meteo select{width:100%;display:block;background-color:#fff;outline:none;border-radius:10px;padding:10px;margin-bottom:5px}#meteo span.desc-meteo{font-size:.75em;display:inline-block;padding-bottom:10px}#meteo .loading-meteo{text-align:center;color:#fff;margin-top:30px;-webkit-transition:all .3s;transition:all .3s}#meteo .loading-meteo i{font-size:3em;margin-bottom:20px}#meteo .calendar{padding-bottom:20px}#meteo .calendar span{display:inline-block;float:left;width:14.27%;text-transform:uppercase;text-align:center;border-bottom:solid 1px #fff;cursor:pointer;-webkit-transition:all .1s;transition:all .1s}#meteo .calendar span:hover,#meteo .calendar span.selected{border-bottom:solid 3px #fff}#meteo .calendar,#meteo .meteo-view{opacity:0;-webkit-transition:all .3s;transition:all .3s}#meteo .meteo-view>div{margin-bottom:20px}#meteo .meteo-view>div>div{padding-left:0px}#meteo .meteo-view .loco-meteo{display:block;width:100%;margin-bottom:10px}#meteo .weather i{font-size:3.5em}#meteo .weather i.fa-cloud{color:#fff}#meteo .weather i.fa-sun-o{color:#ff0}#meteo .temperature .degrees{border-right:solid 1px #fff}#meteo .temperature .degrees span{display:block;width:100%;color:#000}#meteo .temperature .degrees span.max-temp{font-size:1.5em}#meteo .temperature .degrees.min-temp{font-size:.9em}#meteo .temperature .rain span{display:block;width:100%;color:#000;margin-top:5px;margin-bottom:5px;font-size:.9em}#meteo .temperature .rain span i{margin-right:5px}#meteo .map{display:flex;align-items:center;min-height:60vh}#meteo .map img{width:125%;margin-left:-80px}#meteo .button-container{position:absolute;bottom:30px;left:15px}#meteo .button-container .button-link{width:125px;height:150px;background-color:#fff;text-transform:uppercase;border-radius:10px;text-align:center;color:#06a7c8;display:inline-block;float:left;margin-right:20px;cursor:pointer;padding:15px}#meteo .button-container .button-link span{color:#06a7c8;font-size:.75em;line-height:1;height:50px;display:flex;align-items:center}#meteo .button-container .button-link .icon-cont{display:inline-block;width:100%;height:85px;float:left;position:relative}#meteo .button-container .button-link i{font-size:3em;position:absolute;bottom:15px;left:25px}