@font-face { font-family: 'GeneralSans-Variable'; src: url('../fonts/GeneralSans-Variable.woff2') format('woff2'), url('../fonts/GeneralSans-Variable.woff') format('woff'), url('../fonts/GeneralSans-Variable.ttf') format('truetype'); font-weight: 200 700; font-display: swap; font-style: normal; } #ct-ultimate-gdpr-cookie-popup {display: flex!important;align-items: center;justify-content: center;position:absolute;background-color:rgba(0, 0, 0, 0.3);top: 0px;left:0;right:0;margin:0 auto;height:100%;width:100%!important} .hiddenElement {opacity:0;transition: opacity 0.5s ease-in-out;} .appearAnimation {opacity: 1;} .bg-preloader {opacity:1;z-index: 1;position: absolute;top: 0%;left: 0%;right:0;bottom:0;width:100%;height:100%;content:"";background: rgba(0,0,0,0.3);} .bg-preloader.appearAnimation {display:none!important;} .pnlm-panorama-info {-webkit-transform: translateZ(9999px);transform: translateZ(9999px);} .wrapper {-webkit-transform: translateZ(9999px);transform: translateZ(9999px);} #Helper1 {-webkit-transform: translateZ(9999px);transform: translateZ(9999px);} .service-page-inside .sticky {padding-bottom:600px;} .services-page h2 a:focus, .services-page h2 a:hover {color:#000} .services-page h2 a:hover {color:#000} .services-page h1 {color: #000 !important;} .services-page h2 {margin-top:20px;font-size: 25px!important;} .service-page-inside h2 {line-height: 1.3;} .service-page-inside h3 {line-height: 1.3;max-width: 70%;margin-bottom:30px;} .services-page img {border-radius:10px;} .services-page .modal img {border-radius:0px;} .services-page .modal .trail-details {color:#fff} .product {margin-bottom:30px;} .product a img {border-radius:10px;object-fit: cover;width: 100%;height: 260px;} .top-trails .img-mb-50 img {object-fit: cover;width: 100%;height: 500px;} .top-trails .img-mb-50 .zoomed {height: auto;} .service-page-inside .contact-info {padding:100px 0 100px 0;font-size:17px;line-height:32px;} .services-page .artivle-bg {padding-bottom: 120px;margin-bottom: 50px;} .service-page-inside .artivle-bg {padding-bottom: 60px;margin-bottom: 20px;padding-top:30px;} .service-page-inside .lang-nav {color: #ffda99 !important;} .servizi-slider {text-transform:uppercase;font-weight:900;font-size:80px;position:absolute;top:30%;letter-spacing:-2px;left:7%;color:#fff;} .service-page-inside .relative:before {content: "";background:rgba(0, 0, 0, 0.1);width:100%;height:100%;position:absolute;top:0;left:0;z-index:0} .cont-info {padding:40px 40px 0 20px} .under-title {font-size: 21px !important;font-weight: 400;padding:15px 70px 20px 0px;line-height: 1.6 !important;} .service-page-inside .servizi-btn {font-size: 15px;margin-left:50px;} .service-page-inside .artivle-bg .servizi-btn {margin-left:0px;} .services-slider {width: 100%;height: 640px;overflow: hidden;position: relative;} .services-slider img {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;} .pl-underslider {padding:40px 0px 0 70px;} .pl-55 {padding-left:55px;} .border-img {border-radius:100%;margin-top:-150px;border:7px solid #fff;padding:15px;} .premium-partner {position:absolute;bottom:35px;right:40px;width:40px!important;} .premium-partner-2 {position:absolute;bottom:35px;right:100px;width:40px!important;} #map {height:500px;margin-top:50px;border-radius:15px;} .service-page-inside .custom-carousel-slide {width: calc(100% / 1.15);} .leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane > svg,.leaflet-pane > canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,0.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,0.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,0.25,1);transition:transform .25s cubic-bezier(0,0,0.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane > svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane > svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078A8}.leaflet-zoom-box{border:2px dotted #38f;background:rgba(255,255,255,0.5)}.leaflet-container{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px rgba(0,0,0,0.65);border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:bold 18px 'Lucida Console',Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px rgba(0,0,0,0.4);background:#fff;border-radius:5px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{}.leaflet-container .leaflet-control-attribution{background:#fff;background:rgba(255,255,255,0.8);margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:rgba(255,255,255,0.8);text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,0.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:17px 0;margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px rgba(0,0,0,0.4)}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px rgba(0,0,0,0.4)}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}} .service-page-inside h1 {font-size: 55px!important;line-height: 65px!important;} .service-page-inside .reverse {margin-top:60px;} .premium-partner {border-radius:0px!important} .premium-partner-2 {border-radius:0px!important} .white-menu .hamburger span {background:#fff} .white-menu .pvs-logo {display:none} .white-menu .pvs-logo.logo-white{display:block} .service-page-inside .white-menu .lang-nav {color: #fff !important;} .pr-img {padding-right: 0px;margin-left: 40px;border-radius: 15px;max-width: 490px;} .pl-animals {padding-left:300px;} .col-sm-offset-3 {margin-left: 0%;} .strongs-500 {font-weight:500} .golfo-info {padding-bottom:50px;} .golfo-info::before {content: "";background:#fff;border-radius:40px;position: absolute;top: 215px;left: 30px;right: 30px;bottom: 0%;z-index: -1;} .new-page .artivle-bg {padding-bottom: 120px;margin-bottom: 50px;} .new-page .golfo-info {color: #313131;margin-bottom:50px;position:relative;padding-bottom: 50px;padding-top: 50px;} .new-page .golfo-info::before {top: -25px;} .new-page .golfo-info h2 {font-size: 50px;line-height: 1.2;margin-bottom: 20px!important;color: #000;font-weight: 400;letter-spacing: -.5px;padding-right:0%} .new-page .golfo-info h3 {font-size: 50px;line-height: 1.2;margin-bottom: 20px!important;color: #000;font-weight: 400;letter-spacing: -.5px;padding-right:0%} .new-page .grey-bg {min-height: auto;} .golfo-info p {font-weight: 400;font-size: 17px;line-height: 32px;text-align: justify;} .wild-animals .mixed-content-1 .image-box img {object-fit: cover;width: 100%;height: 350px;} .wild-animals .amenities ul li {position:relative;margin-bottom: 20px;line-height: 30px;font-weight: 600;padding-left:65px;} .wild-animals .amenities ul li:before { content: "";position:absolute;top:-5px;left:0px;display: inline-block; width: 45px; height: 45px; background-image: url("../img/miele/bee-icon.svg"); background-size: contain; background-repeat: no-repeat; background-position: center;vertical-align: middle; } .honey-img {width:100%;margin-bottom:-160px} .service-page-inside.wild-animals .artivle-bg1 {background:#ffd830} .service-page-inside.wild-animals .artivle-bg {background: #EB7413;background: linear-gradient(180deg, rgba(235, 116, 19, 1) 0%, rgba(255, 216, 53, 1) 67%, rgba(255, 216, 53, 1) 100%);} .custom-carousel-dots {text-align: center;margin-top: 10px;display:none} .custom-carousel-dot {display: inline-block;width: 13px;height: 13px;margin: 0 6px;border-radius: 50%;background: #ccc;cursor: pointer;transition: background 0.3s;} .custom-carousel-dot.active {background: #186e7a;} .modal-dialog .link-4 {color:#fff;border-bottom: 2px dashed #fff;} .servizi-li {padding:40px 50px 20px 90px;} .servizi-li li {text-align:center;font-weight:700;letter-spacing:1px;width:28%;display:inline-block;padding-bottom:20px;margin:0 auto 10px auto;color:#fff;} .servizi-li li img{width:65px;display:block;margin:0 auto 10px auto;text-align:center} .service-page-inside .sticky {top: 50px;} .services-page .trail-details li {margin-left:55px;} .service-page-inside .servizi-li {padding:40px 0px 20px 0px;} .service-page-inside .servizi-li li {color:#1a1918;letter-spacing:0px;width:32%;font-weight:600;font-size:15px;} .service-info img {width:30px;margin-top:-3px;} .service-info p {font-size:13px;font-weight:600;color:#c9aa73;padding-top:15px;} .service-info p span{padding:0 15px 0 15px;} .servizi-btn {display:inline-block;transition: all .3s ease;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 10px auto 30px auto;color: #131211;font-weight: 500;font-size: 13px;padding: 11px 35px 11px 35px;background: #eee;} .servizi-btn:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;border-color: transparent;} .servizi-btn-2 {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;border-color: transparent;display:inline-block;transition: all .3s ease;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 10px auto 30px 70px;font-weight: 500;font-size: 15px;padding: 11px 35px 11px 35px;} .servizi-btn-2:hover {color: #131211;background: #eee;} .servizi-btn-3 {background: #EB7413;background: linear-gradient(161deg, rgba(235, 116, 19, 1) 0%, rgba(240, 200, 41, 1) 39%, rgba(224, 180, 2, 1) 73%, rgba(235, 116, 19, 1) 100%);color: #fff;border-color: transparent;display:inline-block;transition: all .3s ease;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 40px auto 30px 0px;font-weight: 500;font-size: 15px;padding: 11px 35px 11px 35px;} .servizi-btn-3:hover {color: #131211;background: #eee;} .pdd-lr {padding:11px 55px 11px 55px} .mh-75 {min-height:75px;} .services-page .booking {padding-top: 90px;} .filtering {margin-bottom:20px;} .abs-info {position:absolute;width:100%;top:100px;} .abs-info p {color:#fff} .main-bg {margin-top:130px;} .main-bg img {width:100%} .r-info .h2 {font-size:35px;line-height:45px;margin-bottom:30px;color:#fff;text-align:left!important} .new-btn a:focus {color:#131211!important} .new-btn:focus {color:#131211!important} .reviews-page h1 {color:#000!important} .faq-page.reviews-page h1 {font-size: 45px;line-height: 55px;font-weight:500} .orosei-info .pl-faq{padding-right:70px;} #faq p {font-weight: 400;font-size: 16px;line-height: 31px;margin-bottom:0px;} #faq h3 {margin-bottom:20px;} #faq .accordion-item {margin-bottom:20px;border-bottom: 3px solid rgba(0, 0, 0, 0.06);} #faq .accordion p {padding: 0px;} #faq .accordion {background-color: transparent;margin-top:30px;} #faq .accordion-button {position:relative;text-align:left;color:#000;font-weight:400;display:block;width:100%;line-height: 39px;font-size: 26px;padding: 15px 90px 30px 30px;} #faq .accordion-body {padding:0px 35px 35px 55px;} #faq .accordion-body p {padding-bottom:15px;} #faq ul {margin-top:30px;} #faq .accordion-button::after{content: "+";font-weight:400;font-size:40px!important;position: absolute;top: 7%;right: 0px;background-color: rgba(0, 0, 0, 0.06);width:57px;height:57px;line-height:54px;border-radius:100%;text-align: center;transition:1s} #faq .accordion-button:not(.collapsed)::after {transform: rotate(45deg);transition:1s} .pr-img {padding-right:0px;margin-left:40px;border-radius:15px;max-width:490px;} #ct-ultimate-gdpr-cookie-modal-close::after{transform: rotate(45deg);content: "+";font-weight:400;font-size:40px!important;position: absolute;top: 7%;right: 0px;background-color: rgba(0, 0, 0, 0.06);width:57px;height:57px;line-height:54px;border-radius:100%;text-align: center;transition:1s} #ct-ultimate-gdpr-cookie-modal-body .h2 {font-weight:500!important;font-size:35px;} .ct-ultimate-gdpr-cookie-modal-content {border-radius:30px;margin-top:100px} .mixed-content-1 .image-box img {object-fit: cover;width: 100%;height: 200px;} .mixed-content-1 .image-box img.zoomed {height: auto;} .forms .banner img {border-radius: 10px;} .block-div-iframe {border-radius:10px} .night .orosei-info::before {background: #f1f1f1;} .1night .faq-page {background: rgb(33,47,70);background: linear-gradient(90deg, rgba(33,47,70,1) 0%, rgba(19,36,65,1) 100%)!important;} .1night .h1 {color:#fff} .1night .orosei-info p {color:#fff} .1night .faq-page .press p {color:#fff} .1night .project-block__title {color: #fff !important;} .1night .center-div .call-to-4 {background-color: #d09532 !important;color: #fff !important;border: 2px solid #d09532;} .1night .center-div .call-to-4:hover {color: #d09532 !important;border: 2px solid #d09532;} .1night body {color: #fff;} .1night .center-div a {border: 2px solid #d09532;color: #d09532 !important;} .1night .video-container h2 {color:#333} .1night .text-main {color:#3a414e!important} .1night [tooltip][flow^="down"]::before {border-bottom-color: #d09532;} .1night [tooltip]::after{background:#d09532;color:#fff;} .1night .sidebar__comments {background-color: #3b424f;color: #e8effd;} .1night .sidebar__comments .link-4 {color: #e8effd;} .1night .link-4 {color: #e8effd;} .1night .shield {color: #e8effd;} .1night .hamburger span {background:#fff} .1night .lang-nav {color: #fff !important;} .1night .navbar .language-menu a {color: #fff;} .1night .star-icon-2 {display: none;} .1night .star-icon-1 {display: inline-block;} .1night .pvs-logo.logo-white {display: block;} .1night .pvs-logo {display: none;} .1night .control-label {color:#fff} .1night .checkbox {color:#fff} .1night .ct-ultimate-gdpr-form-block label {color:#fff} .1night [id^=pjWrapper] a {color: #b17c22;} .1night .pjCF-button {background-color: #eaab3f !important;border-color: #eaab3f !important;} .1night .link-2 {color: #eaab3f} .1night .accordion dd, .night .accordion__panel {background-color:#3b424f;color: #e8effd;} .1night .accordion-content a {color: #eaab3f} .1night .accordion-content a:hover {color: #fff} .1night .city-button {color: #fff} .1night .city-button.active-btn:hover {background-color: #eaab3f;} .pr-faq {padding-right:55px!important;} .p-pdd {padding:0 13% 0 13%;text-align:justify} .destination-page .relatives {margin:0 20% 0 20%;} .pnlm-hotspot .circle-1{display:block;margin:0;width:48px!important;height:48px;border-radius:2.625rem 1.625rem 1.625rem 2.625rem} .pnlm-hotspot .circle-1 .icon{left: 0px;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;width:48px!important;height:48px!important;border-radius:2.625rem} .pnlm-hotspot.url-hotspot-1 {overflow: visible;} .some-navigation.some-active .icon-info-1::before{display:block} .some-navigation.some-active .icon-info-2::before{display:block} .some-navigation.some-active .icon-info-3::before{display:block} .some-navigation.some-active .icon-info-4::before{display:block} .some-class .some-navigation.some-active ~ .close-btn::before {content: "";width: 19px;height: 19px;display: block;} .partners {text-align:left} #panorama .some-navigation a {margin: 0;} .url-hotspot-1 .circle .icon{margin:0!important;} .destination-page .url-hotspot-1:hover {width: 180px!important;} .pnlm-hotspot.hover-hide:hover .circle{background: transparent} .url-hotspot-1.hover-hide:hover{pointer-events: none!important;width: 48px!important;} .hover-hide .some-active {pointer-events: visible!important;} .url-hotspot-1.hover-hide .button-text {display:none} .url-hotspot-1.hover-hide .button-subtext {display:none} .some-navigation.some-active {width:228px;} .some-class{margin-top: -45px; margin-left: 0px;position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:auto;} .some-class .some-navigation{position:relative;width:100%;height:45px;cursor:pointer;display:block;justify-content:center;align-items:center;transition:0s} .some-class .some-navigation span{position:absolute;transform:translate(calc(14px * var(--x)),calc(14px * var(--y)));transition:transform 0.5s,width 0.5s,height 0.5s,background .5s;transition-delay:calc(0.1s * var(--i));display:flex;justify-content:center;align-items:center} .some-class .some-navigation.some-active span{transition: transform .5s;width:48px;height:48px;background: #fff!important;transform:translate(calc(60px* var(--x)),calc(30px* var(--y)));border-radius:100%;} .some-class .some-navigation span ion-icon{transition:0s;font-size:0;color:#fff} .some-class .some-navigation.some-active span ion-icon{font-size:1.35em} .some-class .some-navigation.some-active span:hover ion-icon{transition:0s;color:#2dfc52;filter:drop-shadow(0 0 2px #2dfc52) drop-shadow(0 0 5px #2dfc52) drop-shadow(0 0 15px #2dfc52)} .some-class .some-navigation.some-active span:hover {transition:0s!important;background: linear-gradient(135deg, rgb(32 83 58) -0.03%, rgb(115 121 30) 32.99%, rgb(107 144 11) 66.01%, rgb(15 42 29) 100.03%)!important} .close-btn{position:absolute;left: 0px;top: -3px;width:27px;height:27px;pointer-events:none;display:flex;justify-content:center;align-items:center} .some-class .some-navigation.some-active ~ .close-btn{pointer-events:initial;background: #f2f2f2 !important;width: 48px;height: 48px;border-radius: 100%;} .overlays {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 9998;display: none;} .share-options {color: #313131;display: none;position: fixed;top: 30%;left: 0;right:0;margin:0 auto;background-color: #fff;border: 1px solid #ccc;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);padding: 40px 20px 40px 40px;border-radius: 15px;z-index:9999;max-width:650px;} .share-options button {display: inline-block;width:46%;margin-right:3%;margin-bottom:15px;padding: 20px;font-size:17px;font-weight:500;background-color: #f0f0f0;border: none;cursor: pointer;} .share-options button:hover {transition:1s;background-color: #f8f6f1;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);} .share-options button img{display: inline-block;width:30px;margin-right:12px;margin-top:-4px;} .share-options .close-share-options {display: inline-block;width:50px;background: none;font-size:33px;margin-right: 0%;} .share-options .close-share-options:hover {background-color: transparent;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0);} .sub-btn.share-btn {position: relative;top:auto;right:auto} .share-btn {padding: 15px;color: white;border: none;border-radius: 5px;cursor: pointer;z-index:999;position: absolute;right:20px;top:45%} .share-btn img {width:35px;} .close-share-options {position: absolute;top: 15px;right: 15px;background: none;font-size: 27px!important;cursor: pointer;color: #333;border: 2px solid #333!important;border-radius: 100%;width: 45px !important;height: 45px;padding: 5px !important;} .close-share-options:hover {background: #f8f6f1!important;color: #333;border: 2px solid #333!important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2)!important;opacity:0.9} .share-options p{padding:15px 0 15px 0;font-size:25px;} .share-to-x svg {margin-bottom:-15px;margin-top:-12px;} .share-options p span {border-bottom: 1px solid #333;} @media (min-width:768px) and (max-width:991px){ .share-options {top: 20%;} .pr-img {display:none} } @media (max-width:767px){ .service-page-inside h3 {max-width: 100%;} .pr-img {display:none} .services-page .contact-info::before {left: 10px;right: 10px;} .share-options {top: 10%;margin: 20px;padding: 30px 20px 20px 30px;} .share-btn {right:0px} .share-options button {width: 97%;margin-right: 3%;font-size: 17px;padding: 15px 20px 15px 20px;} .share-options p {font-size: 25px;display:none} .share-options button img {width: 25px;margin-top: -1px;} .share-btn img {width: 30px;} #faq .sticky {margin-top: 0px;} #faq {padding:50px 20px 0 20px} #faq .mt-70 {margin-top: 30px;} #faq .accordion-button {line-height: 33px;font-size: 21px;padding: 10px 90px 25px 10px;} #faq .accordion-body {padding: 0px 15px 15px 10px;} #faq .accordion-button::after {font-size: 35px !important;top: 1%;width: 50px;height: 50px;line-height: 50px;} .orosei-info .pl-faq {padding-right: 10px;} .white-menu .hamburger span {background:#084240} .white-menu .pvs-logo {display:block} .white-menu .pvs-logo.logo-white{display:none} .service-page-inside .white-menu .lang-nav {color: #1a1918 !important;} .service-page-inside .white-menu .lang-nav {display: inline-block !important;} .servizi-btn-2 {margin: 10px auto 30px auto;display: block;max-width:100%;text-align:center; padding: 11px 25px 11px 25px;} .service-page-inside .servizi-btn {margin-left: 0px;} } .orosei-info p {font-weight: 400;font-size: 17px;line-height: 32px;text-align:justify} .fade.show {opacity:1} .pano-info .modal-dialog {width: 100%;margin: 0px auto;} .modal.pano-info.fade .modal-dialog {-webkit-transform: translate(0, 0%);-ms-transform: translate(0, 0%);-o-transform: translate(0, 0%);transform: translate(0, 0%);} .modal.pano-info {background-color: #fff;} .r-info {box-shadow: -100px 0 100px -50px rgba(0, 0, 0, 0.4);background: #061439;background: linear-gradient(135deg, rgb(32 83 58) -0.03%, rgb(98 103 24) 32.99%, rgb(97 131 10) 66.01%, rgb(28 77 53) 100.03%);padding:0 0 80px 0;min-height:100vh;} .r-info.blue-bg {background: #0561B6;background:linear-gradient(135deg, rgb(19 46 41) -0.03%, rgb(1 108 134) 32.99%, rgb(22 110 94) 66.01%, rgb(16 61 50) 100.03%)} .btn-close {z-index: 999;opacity: .7;position:absolute;top:20px;right:30px;color:#fff;border:2px solid #fff;font-size:27px;border-radius:50%;width:45px;height:45px;transition:1s} .btn-close:hover {opacity: 1;color:#fff;border:2px solid #fff;transition:1s} .btn-close.dark-close {color:#000;border:2px solid #000;} .btn-close.dark-close:hover {opacity: 1;color:#186e7a;border:2px solid #186e7a;transition:1s} .fix-active .btn-close {top: 15px;} .r-info p {padding:0 80px 0 80px;font-size: 17px;line-height: 28px;font-weight:400;color:#fff;opacity: .9;text-align:justify;} .r-info .title-pano {text-align:left;padding:0px 80px 5px 80px;font-size: 40px;line-height: 52px;font-weight:400;letter-spacing: -1px;opacity: .9;font-family: 'GeneralSans-Variable';color:#fdfdfd;} .r-info .title-pano span {font-weight: 500;position: relative;} .r-info .title-pano span:after {content: '';border-bottom: 2px solid #fff;position: absolute;bottom: -2px;display: block;width: 100%;left: 0;z-index:99} .r-info .under-title-pano {margin: 0 0 5px;text-align:left;padding:80px 80px 0px 80px;text-transform:uppercase;font-size: 12px;letter-spacing:1px;color:#d0e3ff;font-weight:400;} .r-info img {width:100%;margin:40px 0 40px 0} .marker {position: relative;max-height: 300px;min-height:100vh;overflow-y: auto;overflow-x: hidden;padding-bottom: 0px;} .indicator {height: 4px;background-color: #6e8d12;width: 0%;transition: width 0.2s ease;margin-bottom: 10px;} .indicator:after {height: 4px;content: '';position: absolute;bottom: -10px;left: 0px;background-color: #eae8db66;width: 100%;transition: width 0.2s ease;margin-bottom: 10px;} .scroll-fix.fix-active {z-index: 999;box-shadow: 0 2px 4px rgba(0,0,0,0.1);position: sticky;top: 0;transition: box-shadow 0.3s ease;background-color: #0d2b2b;} .scroll-fix.fix-active .title-pano {transition: all 0s ease;transition-delay: 0s;font-size:27px;line-height:35px;padding:0px 120px 0px 80px;} .scroll-fix.fix-active .title-pano span:after {content: '';border-bottom: 0px solid #fff;} .scroll-fix.fix-active .under-title-pano {padding:20px 80px 0px 80px;transition: all 0s ease;transition-delay: 0s;font-size: 10px;line-height: 10px;margin: 0 0 0px;} .l-info {position: sticky;top: 0;pointer-events: auto;height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center;padding-right: 0px!important;} .l-info img {pointer-events: none;position: absolute;top: 0; left: 0;opacity: 0;z-index: 0;transition: 2s ease-in-out;min-width: 100%;min-height: 100%;object-fit: cover;object-position: center center;} .l-info img.active {opacity: 1;z-index: 1;pointer-events: none;} .l-info::after {content: "";position: absolute;top: 0; left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 2;pointer-events: none;} .r-info .p-strong {font-family: 'GeneralSans-Variable';font-weight:400;font-size: 20px!important;line-height: 29px!important;letter-spacing:0.5px;text-align:left;color:#fff;opacity: .9;} .r-info .title-pano-2 {text-align:left;padding:0px 80px 5px 80px;font-size: 30px;line-height: 40px;font-weight:500;opacity: 0.9;} .r-info.col-lg-4 {width: 36%;} .l-info.col-lg-8 {width: 64%;} .r-info .pb-15 {padding-bottom:15px;font-size:18px;} .r-info .color {color: #d09532;} .r-info .smaller {font-size: 16px!important;line-height: 28px!important;margin-bottom:15px;opacity: .9;letter-spacing:0.5px;color:#fff} .sub-btn {width: 100%;border-radius: 15px;border: 1px solid #fff;color: #fff;font-weight: 500;display: flex;font-size: 17px;justify-content: space-between;padding: 1.3rem 2rem 1.3rem 2em;margin-top:15px;transition:1s} .sub-btn:hover, .sub-btn:focus {padding: 1.3rem 3.3rem 1.3rem 3.3rem;transition:1s;color:#fff} .sub-btn span {text-align:right;font-size:25px;} .sub-btn.sub-active {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);} #Informazioni-Utili .h2 {margin-bottom: 15px; font-weight: 500;font-size: 30px; line-height: 1.1;} .sticky .h2 {margin-bottom: 15px; font-weight: 500;font-size: 25px!important; line-height: 1.1!important;color:#000;margin-top:40px;} .sticky p {color:#000;font-size: 15px!important; line-height: 1.7!important;text-align:left} .contact-fixed {padding-left:30px;} @media (min-width:1400px) and (max-width:1650px){ .r-info.col-lg-4 {width: 42%;} .l-info.col-lg-8 {width: 58%;} .r-info .p-strong {font-size: 17px!important;line-height:29px;} .r-info .title-pano {text-align:left;padding:0px 70px 15px 70px;} .r-info .under-title-pano {padding:80px 70px 0px 70px;} .scroll-fix.fix-active .title-pano {padding: 0px 120px 0px 70px;} .scroll-fix.fix-active .under-title-pano {padding:20px 70px 0px 70px;} .r-info p {padding:0 70px 0 70px;} .r-info .title-pano-2 {padding:0px 70px 15px 70px;} .pr-img {max-width:450px;} .service-page-inside .contact-info::before {left: 15px;right: 15px;} } @media (min-width:1200px) and (max-width:1399px){ .service-page-inside h1 {font-size: 40px!important;line-height: 50px!important;} .service-page-inside .contact-info::before {left: 15px;right: 15px;} .sticky .h2 {font-size: 21px!important;} .sticky p {font-size: 15px!important;line-height: 1.7!important;} .contact-fixed {padding-left:20px;} .r-info.col-lg-4 {width: 44%;} .l-info.col-lg-8 {width: 56%;} .r-info .p-strong {font-size: 17px!important;line-height:29px;} .r-info .title-pano {text-align:left;padding:0px 60px 15px 60px;font-size: 32px;line-height: 42px;} .scroll-fix.fix-active .title-pano {padding: 0px 120px 0px 60px;font-size: 25px;line-height: 33px;} .r-info .under-title-pano {padding:80px 60px 0px 60px;} .scroll-fix.fix-active .under-title-pano {padding:20px 60px 0px 60px;} .r-info p {padding:0 60px 0 60px;font-size: 15px;line-height: 26px;} .r-info .title-pano-2 {padding:0px 60px 15px 60px;font-size: 25px;line-height: 33px;} .sub-btn span {font-size: 22px;} .pr-img {max-width:430px;margin-left:0px} } @media (min-width:992px) and (max-width:1199px){ .border-img {margin-top:-170px;} .cont-info {padding: 40px 0px 0 20px;} .service-page-inside .pr-faq {padding-right: 5px !important;} .service-page-inside .contact-info::before {left: 15px;right: 15px;} .sticky .h2 {font-size: 20px!important;} .sticky p {font-size: 15px!important;line-height: 1.7!important;} .contact-fixed {padding-left:0px;} .r-info.col-lg-4 {width: 45%!important;} .l-info.col-lg-8 {width: 55%!important;} .r-info .p-strong {font-size: 16px!important;line-height:27px;} .r-info .title-pano {text-align:left;padding:0px 40px 15px 40px;font-size: 32px;line-height: 42px;} .scroll-fix.fix-active .title-pano {padding: 0px 120px 0px 40px;font-size: 25px;line-height: 33px;} .r-info .under-title-pano {padding:70px 40px 0px 40px;} .scroll-fix.fix-active .under-title-pano {padding:20px 40px 0px 40px;} .r-info p {padding:0 40px 0 40px;font-size: 15px;line-height: 26px;} .r-info .title-pano-2 {padding:0px 40px 15px 40px;font-size: 25px;line-height: 33px;} .sub-btn span {font-size: 22px;} .text-with-img-2 {padding: 0px 40px 0 40px;} .pr-img {display:none} #faq .sticky {margin-top: 0px;} #faq {padding:0 70px 0 70px} #faq .mt-70 {margin-top: 30px;} } @media (min-width:768px) and (max-width:991px){ .service-page-inside .contact-info::before {left: 15px;right: 15px;} .service-page-inside .contact-info {padding: 60px 30px 20px 30px;} .service-page-inside .sticky {margin-top: 0px;} .service-page-inside .pr-faq { padding-right: 15px !important;width:60%;margin:0 auto;display:none} .border-img {max-width: 230px;} .r-info.col-lg-4 {width: 100%;} .l-info.col-lg-8 {width: 100%;} .r-info .p-strong {font-size: 16px!important;line-height:27px;} .r-info .title-pano {text-align:left;padding:0px 60px 15px 60px;font-size: 32px;line-height: 42px;} .scroll-fix.fix-active .title-pano {transition: all 0s ease;transition-delay: 0s;padding: 0px 120px 0px 60px;font-size: 25px;line-height: 33px;} .r-info .under-title-pano {padding:80px 60px 0px 60px;} .scroll-fix.fix-active .under-title-pano {padding:20px 60px 0px 60px;transition: all 0s ease;transition-delay: 0s;} .r-info p {padding:0 60px 0 60px;font-size: 15px;line-height: 26px;} .r-info .title-pano-2 {padding:0px 60px 15px 60px;font-size: 25px;line-height: 33px;} .sub-btn span {font-size: 22px;} .l-info {height: 500px;} .pr-img {display:none} #faq .sticky {margin-top: 0px;} #faq {padding:0 70px 0 70px} #faq .mt-70 {margin-top: 30px;} #faq .accordion-button {line-height: 35px;font-size: 23px;padding: 10px 90px 25px 30px;} #faq .accordion-button::after {font-size: 35px !important;top: 1%;width: 50px;height: 50px;line-height: 50px;} } @media (max-width:767px){ .wild-animals .services-slider img {object-fit: cover;width: 100%;height: 300px;margin-bottom: 10px;} .wild-animals .relatives .pano-banner {margin-top: 20px;} .service-page-inside .pr-faq { padding-right: 15px !important;width:100%;margin:0 auto;} .service-page-inside .sticky {top:-10px;} .service-page-inside .servizi-li li {width: 48%;} .service-page-inside .contact-info {padding:50px 25px 20px 25px} .service-page-inside .footer-line {margin-top: 45px !important;} .service-page-inside .reverse {margin-top: 30px;} .service-page-inside .contact-info::before {left: 10px;right: 10px;} .service-page-inside h2 {font-size: 26px!important;font-weight:500!important;text-align: left;} .border-img {max-width: 50%;padding:0px;border: 5px solid #fff;margin-top: -100px;} .service-page-inside h1 {font-size: 35px !important;line-height: 45px !important;} .pl-underslider {padding: 30px 0px 0 20px;} .service-page-inside .artivle-bg {padding-bottom: 60px;margin-bottom: 10px;} .under-title {padding: 15px 0px 20px 0px; font-size: 20px !important;} .services-slider {height: 340px;} .wild-animals .services-slider {height: auto;overflow:visible} .wild-animals .abs-info {position: relative;top:0px;padding-bottom:30px;} .service-page-inside.wild-animals .relative:before {background: rgba(0, 0, 0, 0);} .service-page-inside.wild-animals .abs-info:before {content: "";background: #fff;border-radius: 20px;position: absolute;top: 15px;left: 15px;width:95%;right: 15px;bottom: 30px;z-index: -1;} .faq-page.wild-animals h1 {color:#1a1918} .faq-page.wild-animals .abs-info p {color:#1a1918;font-size: 17px!important;line-height: 32px!important;text-align: justify;} .service-page-inside.wild-animals .contact-info {text-align: justify;} .wild-animals .pl-underslider {padding: 30px 20px 0 20px;} .services-slider img {margin-bottom:20px;} .product a img {height: 220px;} .product {margin-bottom: 15px;} .r-info.col-lg-4 {width: 100%;} .l-info.col-lg-8 {width: 100%;} .r-info .h2 {margin-bottom: 15px;} .servizi-li li {width: 48%;} .servizi-li {padding: 20px 0px 10px 0px!important;} .modal-dialog .l-inf {width: auto;} .modal-dialog .r-inf {width: auto;} .modal-dialog .trail-details li {padding-left: 40px;} .r-info .title-pano {text-align:left;padding:0px 40px 15px 40px;font-size: 32px;line-height: 42px;} .scroll-fix.fix-active .title-pano {transition: all 0s ease;transition-delay: 0s;padding: 0px 100px 0px 40px;font-size: 25px;line-height: 33px;} .r-info .under-title-pano {padding:80px 40px 0px 40px;} .scroll-fix.fix-active .under-title-pano {padding:20px 40px 0px 40px;transition: all 0s ease;transition-delay: 0s;} .r-info p {padding:0 40px 0 40px;opacity:1;margin-top: 10px;} .r-info .title-pano-2 {padding:0px 40px 15px 40px;font-size: 25px;line-height: 33px;} .sub-btn span {font-size: 22px;} .l-info {height: 350px;} .faq-page .nav-info li {display:block!important;text-align:center;margin-bottom: 15px;} .faq-page .nav-info li a {min-width:260px;} #Informazioni-Utili .h2 {font-size: 25px!important;line-height: 33px!important;} .sticky .h2 {font-size: 25px!important;line-height: 33px!important;} .r-info .p-strong {padding-top: 10px;} } .pvs-1 .artivle-bg {background:linear-gradient(135deg, rgb(6 35 48) -0.03%, rgb(7 104 96) 32.99%, rgb(50 162 150) 66.01%, rgb(1 77 62) 100.03%);} .pvs-2 .artivle-bg {background:linear-gradient(135deg, rgb(15 71 61) -0.03%, rgb(0 94 89) 32.99%, rgb(34 140 129) 66.01%, rgb(0 51 44) 100.03%);} .pvs-3 .artivle-bg {background:linear-gradient(135deg, rgb(9 56 115) -0.03%, rgb(20 86 96) 32.99%, rgb(13 114 109) 66.01%, rgb(22 63 126) 100.03%);} .pvs-4 .artivle-bg {background:linear-gradient(135deg, rgb(3 21 48) -0.03%, rgb(12 86 80) 32.99%, rgb(36 132 149) 66.01%, rgb(9 35 46) 100.03%);} .pvs-5 .artivle-bg {background:linear-gradient(135deg, rgb(0 31 46) -0.03%, rgb(16 149 164) 32.99%, rgb(34 142 153) 66.01%, rgb(3 47 60) 100.03%);} .pvs-6 .artivle-bg {background:linear-gradient(135deg, rgb(15 58 69) -0.03%, rgb(11 101 110) 32.99%, rgb(16 127 132) 66.01%, rgb(14 90 92) 100.03%);} .pvs-7 .artivle-bg {background:linear-gradient(135deg, rgb(32 46 59) -0.03%, rgb(56 132 167) 32.99%, rgb(76 167 159) 66.01%, rgb(55 119 157 / 88%) 100.03%)} .pvs-8 .artivle-bg {background:linear-gradient(135deg, rgb(26 85 129) -0.03%, rgb(2 104 117) 32.99%, rgb(53 146 151) 66.01%, rgb(40 94 132) 100.03%);} .pvs-9 .artivle-bg {background:linear-gradient(135deg, rgb(19 46 41) -0.03%, rgb(1 108 134) 32.99%, rgb(22 110 94) 66.01%, rgb(16 61 50) 100.03%);} .pvs-10 .artivle-bg {background:linear-gradient(135deg, rgb(14 60 58) -0.03%, rgb(6 100 87) 32.99%, rgb(51 133 122) 66.01%, rgb(1 31 32) 100.03%);} .artivle-bg {position:relative;box-shadow: rgba(29, 29, 29, 0.4) 0px 3px 8px 0px;padding-bottom:190px;margin-bottom:40px;background:linear-gradient(135deg, rgb(7 41 93) -0.03%, rgb(21 112 153) 32.99%, rgb(10 118 110) 66.01%, rgb(29 138 130) 100.03%);border-radius: 0 0 20px 20px;} .accomodation-page .artivle-bg {background:linear-gradient(135deg, #3e5e14 -0.03%, #6b900b 32.99%, #6b900b 66.01%, #3e5e14 100.03%)} .amenities ul li {font-weight:600;color:#444; margin-bottom:25px; font-size: 16px;line-height: 40px;} .amenities ul li img {width:40px;margin-right:15px;} .amenities {margin:60px 0 30px 0} .procedure img {width:35px;margin-top:-5px;margin-right:10px} .adress {padding-left:30px;font-weight:500;margin-top:15px;} .adress img {width:35px;margin-top:-5px;margin-right:10px} .navbar {margin-bottom: 0px;border: 0px solid transparent;} .faq-page.destination-page .artivle-bg .press h1 {color:#fff;padding-right:15%} .artivle-bg p {color:#fff} .w-60 {width:55px;margin-top: -13px;margin-left:5px;} .forms h1 {color:#000!important} .meteo-page h1 {color:#000!important} .contact-info {position:relative} .contact-info::before {content: "";background:#fff;border-radius:20px;position: absolute;top: 15px;left: 30px;right: 30px;bottom: 0px;z-index: -1;} .orosei-info {padding-bottom:50px;} .orosei-info::before {content: "";background:#fff;border-radius:40px;position: absolute;top: 215px;left: 30px;right: 30px;bottom: 0%;z-index: -1;} .grey-bg {min-height:306px;background-color: #f8f6f1;border-radius: 10px; padding: 40px 25px 40px 25px;} .grey-bg .image-box {margin-top: 0px;} .grey-bg .foto-credit {margin: 0px 0 0px 0px;} .relative .orosei-info .active:before {background-color: transparent!important;} .destination-container {margin-top:70px;} #info-nav {max-width:980px;margin-left:17%;margin-top:-220px;margin-bottom:110px;text-align: center;padding:25px 50px 25px 50px;border-radius: 6.25rem;background-color: rgba(0, 0, 0, 0.07);backdrop-filter: blur(0.625rem);} .fixed-info {margin-left:29%!important;max-width:980px!important;position: sticky!important;top: 15px;z-index: 4;padding: 15px 20px 15px 40px!important;} .destination-page .tab-content {margin-bottom:70px;} .faq-page .nav-info li {display:inline-block;margin-right:10px;margin-left:10px;} .destination-page .tab-content p {color: #313131;margin-bottom:15px;} .destination-page .nav-info {margin-bottom:0px;} .destination-page .tab-content #info-tab-bottom {display:none} .destination-page .tab-content.active-panel #info-tab-bottom {display:block} #info-tab-bottom {margin-top:70px;margin-bottom:25px;} #info-tab-bottom .new-btn.active {display:none} .destination-page .tab-content h2 {font-family: 'GeneralSans-Variable';font-size:35px;margin-bottom:20px;color:#000;font-weight: 400;letter-spacing: -1.5px;} .destination-page .tab-content h3 {font-family: 'GeneralSans-Variable';font-size:35px;margin-bottom:20px;color:#000;font-weight: 400;letter-spacing: -1.5px;} .destination-page .tab-content h4 {font-family: 'GeneralSans-Variable';font-size:30px;margin-bottom:20px;color:#000;font-weight: 400;letter-spacing: -1.5px;} .faq-page.destination-page {background: #f8f6f1;} .faq-page.destination-page .press h1 {font-family: 'GeneralSans-Variable';font-weight: 400;letter-spacing: -2.5px;text-transform: none;} .faq-page.destination-page .press h1 span {font-family: 'GeneralSans-Variable';font-weight: 400;letter-spacing: -2.5px;text-transform: none;} .new-btn {font-weight:500;position: relative;background:#eee;border-radius:50px;font-size:15px;color:#131211;padding:15px 40px 15px 70px;margin-bottom:10px;margin-top:10px;display: inline-block;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);} .new-btn:hover {font-weight:500;background: #40E4FC;background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color:#fff;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);} .new-btn.active {background: #40E4FC;background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color:#fff!important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);} .tab-1:before { content: "";position:absolute;top:12px;left:23px;display: inline-block; width: 30px; height: 30px; background-image: url("../img/svg/reviews-color.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .tab-1:hover:before {background-image: url("../img/svg/reviews.svg");} .tab-2:before { content: "";position:absolute;top:12px;left:23px;display: inline-block; width: 30px; height: 30px; background-image: url("../img/svg/destination-dark.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .tab-2:hover:before {background-image: url("../img/svg/destination-white.svg");} .tab-2.active:before {background-image: url("../img/svg/destination-white.svg");} .tab-3:before { content: "";position:absolute;top:12px;left:23px;display: inline-block; width: 30px; height: 30px; background-image: url("../img/svg/sun-protection-dark.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .tab-3:hover:before {background-image: url("../img/svg/sunbed-beach.svg");} .tab-4.active:before {background-image: url("../img/svg/ad-white.svg");} .tab-4:before { content: "";position:absolute;top:16px;left:23px;display: inline-block; width: 30px; height: 30px; background-image: url("../img/svg/ad.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .tab-4:hover:before {background-image: url("../img/svg/ad-white.svg");} .tab-4.active:before {background-image: url("../img/svg/ad-white.svg");} .text-with-img-2 {padding:0px 60px 0 60px;} .mixed-img-1 {border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .mixed-img-2 {border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .mixed-img-3 {border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .mixed-img-4 {border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .mixed-img-5 {border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .fl-r {position:relative} .fl-l {position:relative} .pull-right.fl-r {width: 32%;margin-left:60px;margin-bottom:40px;} .pull-left.fl-l {width: 32%;margin-right:60px;margin-bottom:40px;} .h4-title {padding-left: 25px;font-family: 'GeneralSans-Variable';font-size:38px!important;margin-bottom:10px!important;color:#000!important;font-weight: 400!important;letter-spacing: -1px;} .mb-15 .h4-title {font-size:30px!important;} .foto-credit {font-size:12px;margin:10px 0 30px 30px;color: #1a1918;} .foto-credit span {font-weight:600} .foto-credit-2 {font-size:12px;margin:0px 0 30px 0px;position:absolute;bottom:-55px;right:0px;color: #1a1918;} .foto-credit-2 span {font-weight:600} .foto-credit-3 {font-size:12px;margin:-40px 40px 30px 30px;color: #1a1918;text-align:right} .foto-credit-3 span {font-weight:600} .foto-credit-4 {font-size:12px;margin:0px 0 30px 0px;position:absolute;bottom:-55px;left:20px;color: #1a1918;} .foto-credit-4 span {font-weight:600} .pl-40 {padding-left:40px;} .procedure span {font-size: 20px;color: #dea139;font-weight:600} .abs-cin {left:190px;position:absolute;} .mh-110 {min-height:110px;} .relative-1 {position:relative} .altre-destinazioni .image-box span {position:absolute;bottom:30px;left:30px;color:#fff;font-size:22px;font-weight:500} .altre-destinazioni .h4-title {padding-left:100px;} .icon-meteo {width:25px;margin-left:-2px;} .link-img {width:auto;position:absolute;right:30px;top:20px;padding:5px 12px 5px 30px;z-index:3;font-size:13px;} .link-img:before {content: "";position: absolute;top: 5px; left: 2px;background: url("../img/svg/location.svg") no-repeat center/cover;width: 26px;height: 26px;} .link-img:after {content: "";position: absolute;top: 0; left: 0;width: 100%;height: 100%;background-color:#f2f2f2;border-radius:10px;z-index:-1;} .image-box:hover .link-img img {transform: scale(1);} .link-img:hover:after {background:#fff;} .h4-title span {position: relative;} .h4-title span:after {content: '';border-bottom: 2px solid #000;position: absolute;bottom: -1px;display: block;width: 100%;left: 0;z-index:99} .foto-info {font-size:14px;margin:10px 0 30px 30px;letter-spacing:0.5px;color: #1a1918;font-weight:600;font-style: italic;text-transform:uppercase} .mt-120 {margin-top:120px;} .dark {color:#1a1918!important} .accomodation-page .right-bottom div {font-weight: 500;} .custom-carousel { position: relative; overflow: hidden; width: 100%; margin: 0 auto; } .custom-carousel-btn {opacity:0;transition:1s;font-size: 18px;position: absolute; top: 50%;transition:1s; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5);color: #fff; border: none;width:55px;height:55px;text-align:center;border-radius:50%;cursor: pointer; z-index: 3;} .custom-carousel-btn.prev { left: 10px; } .custom-carousel-btn.next { right: 10px; } .custom-carousel-slide img {width: 100%;display: block;pointer-events: none;border-radius: 10px;} .custom-carousel-track {cursor: grab;display: flex;overflow-x: scroll;scroll-behavior: auto;scrollbar-width: none;-ms-overflow-style: none;} .custom-carousel-track.dragging {cursor: grabbing;user-select: none;scroll-behavior: auto !important;} .custom-carousel-track::-webkit-scrollbar {display: none;} .custom-carousel-slide {flex: 0 0 auto;width: calc(100% / 1.45);margin: 2px 15px;} .custom-carousel:hover .custom-carousel-btn {opacity:1;transition:1s;} .reverse .custom-carousel-slide {flex: 0 0 auto;width: calc(100% / 4.45);margin: 0 5px;} .reverse {margin-top:5px;} .carousel-x-wrapper { position: relative; overflow: hidden; width: 100%; margin: 0 auto; } .carousel-x-track { display: flex; transition: transform 0.5s ease; } .carousel-x-btn {font-size: 18px;position: absolute;top: 50%;transition: 1s;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.5);color: #fff;border: none;width: 55px;height: 55px;text-align: center;border-radius: 50%;cursor: pointer;z-index: 3;} .carousel-x-btn.prev { left: 10px; } .carousel-x-btn.next { right: 10px; } .carousel-x-slide {min-width: calc(100% / 3.5);padding: 0 15px;user-select: none;} .carousel-x-slide img {width: 100%;display: block;pointer-events: none;border-radius: 10px;} .carousel-container {position: relative; width: 100%; height: auto; overflow: hidden; margin: auto;} .carousel-track img {width: 1000px;margin:5px 5px 5px 5px;flex-shrink: 0;border-radius:10px;} .carousel-btn {font-size: 18px;position: absolute; top: 50%;transition:1s; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5);color: #fff; border: none;width:55px;height:55px;text-align:center;border-radius:50%;cursor: pointer; z-index: 3;} .carousel-btn:hover {transition:1s;background-color: rgba(0, 0, 0, 0.5);} .carousel-btn.left {left: 10px;} .carousel-btn.right {right: 10px;} .pano-list {position:relative; margin:5px;} .pano-list p { text-align: left;position:absolute;z-index:3;top:55px;left:55px;font-size:33px!important;line-height:40px!important;font-weight:600!important;color:#fff;max-width:370px;} .pano-list a {position:absolute;z-index:3;bottom:55px;right:55px;padding: 12px 60px 12px 30px;transition:1s;border-radius:50px;min-width:170px;margin: 0 auto;color:#2d2d2d;background:#fff;font-size:14px;font-weight:500; letter-spacing: 0.2px;} .pano-list a:hover{content: "";color:#2d2d2d;box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.5);transition:1s;background:#f0f0f0;} .pano-list a svg {transform: rotate(-90deg);position: absolute;right: 20px;top: 15px;height: 20px;width: 12px;display: block;margin: 0px auto;text-align: center;} .pano-list a:before {content: '';width: 36px;height: 36px;border-radius: 50px;background-color: #f0f0f0;display: block;position: absolute;right: 9px;top: 6px;transition: 1s;} .pano-list.small img {overflow:hidden;width: 300px;flex-shrink: 0; border-radius:10px; } .pano-list.small p { font-size:33px; line-height:35px;font-weight:400; top:auto;bottom:45px; left:30px; } .pano-list.small a { font-size:12px; padding:8px 20px; bottom:30px; right:30px; } .carousel-btn {opacity:0;transition:1s;} .carousel-container:hover .carousel-btn {opacity:1;transition:1s;} .h5-title {font-size:33px!important;line-height:40px;margin-top:50px!important;font-weight: 600!important;} .destination-page .dark-banner.relatives {margin: 100px 20% 0 20%;} .dark-banner .pano-banner .abs-banner{color:#000!important} .dark-banner .top-banner a {background:#17354c;} .dark-banner .top-banner a:hover {color:#fff;background:#eaab3f;} .dark-banner .pano-banner .abs-banner {top: 39px;left: 28%;width: 42%;} .dark-banner .pano-banner .abs-banner .h3 {line-height: 1.3;} .partners .partner-name {display:block;font-size: 23px;line-height: 30px;font-weight: 600;margin:10px 0 0 0} .pulse-tab {animation: shadow-pulse 1.5s infinite;} @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 112, 244, 0.4); } 100% { box-shadow: 0 0 5px 15px rgba(0, 112, 244, 0); } } .xs-more {display:none!important;opacity:0;transition:opacity .6s ease} .xs-more.show{opacity:1} .navbar-hide .navbar{transform: translateY(-100%);} .card{position:relative;width:100%;max-width:380px;aspect-ratio:9 / 6.5;border-radius:1rem;overflow:hidden;background-size:cover;background-position:center;box-shadow:0 0 0 2px rgba(0, 0, 0, 0.2);transition:transform .6s cubic-bezier(0.23,1,0.32,1),box-shadow .4s ease-out,background-size 1.5s ease-out;} .card:hover{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.2)} .card-border{position:absolute;inset:14px;border-radius:1.375rem;pointer-events:none;z-index:3;} .card-content{position:absolute;inset:0px;border-radius:1.375rem;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;z-index:1;transform:translateZ(60px);padding:1.5rem} .card-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);border-radius:9999px;padding:3px 8px;color:#d2d8df;font-size:10px;font-weight:500;display:flex;align-items:center;box-shadow:0 2px 10px #0003;border:1px solid #ffffff4d;z-index:3;} .r-90 svg {transform: rotate(90deg);} .card-gradient{position:absolute;bottom:0;left:0;right:0;height:75%;background:linear-gradient(to top,#0a0a0ae6,#0a0a0aa6 5%,transparent 80%);pointer-events:none;z-index:5;} .card-text{position:relative;z-index:20;color:#fff;text-align:center;text-shadow:0 2px 4px #00000080;transform:translateZ(25px);} .card-title{font-size:23px!important;font-weight:600!important;display:flex;align-items:center;justify-content:center;margin-bottom:0px} .card-text:hover {color:#e1e1e1} .card-badge svg {margin-right:4px;margin-top:-2px;} .card-subtitle{font-size: 12px!important;text-align:center!important;font-weight:300!important;color:#cbd5e1} .icon-mountain{width:1.5em;height:1.5em;fill:#d2d8df;opacity:.8;vertical-align:middle;margin-bottom:-.1em} @property --_x {syntax: "";inherits: true;initial-value: 0px;} .right-bottom {position:relative;--w: 280px;--r: .5em;display: grid;place-items: end end;transition: --_x .5s;cursor: pointer;margin: 0; font-family: 'GeneralSans-Variable';font-size:20px;line-height:60px;font-weight: 400;} .right-bottom > * {grid-area: 1/1;} .right-bottom:hover {--_x: calc(var(--w) - 3*var(--r) - .5lh);} .right-bottom img {width: 100%;aspect-ratio: 1;border-radius: var(--r);--_m:/calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 69%,#0000 72%);--_g:conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)),#0000 25%,#000 0);--_d:(1.5em + var(--r));mask: calc(100% - var(--_d) - var(--_x)) 100% var(--_m), 100% calc(100% - var(--_d)) var(--_m), radial-gradient(1.5em at 100% 100%,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--_x)) calc(-1*var(--r)), var(--_g) calc(-1*var(--_d) - var(--_x)) 0, var(--_g) 0 calc(-1*var(--_d));mask-repeat: no-repeat;} .right-bottom span {height: 1lh;width: calc(1lh + var(--_x));box-sizing: border-box;translate: calc(1.5em - var(--r)) calc(1.5em - var(--r));overflow: hidden;background: #3E5E14; background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;clip-path: inset(5px round 2em);text-align: center;} .right-bottom div {position:absolute;color:#fff;top:63%;left:45px;z-index: 3;font-weight:500;font-size:30px;line-height:30px; letter-spacing: -1px;} .right-bottom div p {display:block;margin-bottom:0px;color:#fff;font-weight:400;font-size:14px;line-height:18px;letter-spacing: 0px;} .nsh {display:none!important} .new-page .artivle-bg {padding-bottom: 120px;margin-bottom: 50px;} .new-page .orosei-info {color: #313131;margin-bottom:50px;position:relative;padding-bottom: 50px;padding-top: 50px;} .new-page .orosei-info::before {top: -25px;} .new-page .orosei-info h2 {font-size: 50px;line-height: 1.2;margin-bottom: 20px!important;color: #000;font-weight: 400;letter-spacing: -.5px;padding-right:0%} .new-page .orosei-info h3 {font-size: 50px;line-height: 1.2;margin-bottom: 20px!important;color: #000;font-weight: 400;letter-spacing: -.5px;padding-right:0%} .new-page .grey-bg {min-height: auto;} .center-el {display:block;padding-left:15%;} .trail-page .artivle-bg {padding-bottom: 90px;} .destination-page .orosei-info::before {top: 0px;} .trail-details {font-size: 17px;line-height: 32px;margin-top:30px;} .trail-details li{padding-bottom:12px;position:relative;padding-left:70px;} .trail-details img {width:35px;margin-right:10px;margin-left:15px;margin-top:-3px;position:absolute;left:0px;} .trail-details span {margin-right:15px;} .partners p {text-align:left;} .sticky .video-block {font-size: 15px !important;padding:0 20px 0 20px} .h2-gdpr {margin: 0 0 10px;font-size: 30px;font-weight: 500;line-height: 1.1;} .sticky .block-div-iframe {margin-top:40px;min-height: 300px;padding-top: 10%!important;padding-left:30px;padding-right:30px;} .sticky .h2-gdpr {color: #000;font-size: 27px;} .pr-5 {padding-right:5%!important} .pl-5 {padding-left:5%!important} .pl-15 {padding-left:15px!important} .terms-page h1 {color:#000!important} .card-text:focus {color:#fff} .h1-colors span {display: inline-block;font-size: 65px;line-height: 65px;font-weight: 900;color: #273049;text-transform: uppercase;} .hiking-icon {padding-left:140px;position:relative;line-height: 1.05!important;font-size: 43px!important;} .hiking-icon span {font-weight:600;display:block;text-transform:uppercase;} .hiking-icon:before {background: url("../img/svg/destination-dark.svg") no-repeat center/cover;content: "";width: 90px;height: 90px;position:absolute;left:20px;top:0px;} .img-mb-50 {margin-bottom:50px;} .top-trails .trail-details {padding-left:20px;} .overflow .share-btn {display:none} .artivle-bg.pb-70 {padding-bottom:70px;} .new-page.garden-page .orosei-info h2 {font-size: 35px;margin-bottom: 20px;color: #000;font-weight: 400;letter-spacing: -1.5px;} .new-page.garden-page .orosei-info h3 {font-size: 35px;margin-bottom: 20px;color: #000;font-weight: 400;letter-spacing: -1.5px;} .pl-info {padding-left:15%} .pl-info h3 {padding-top:8%;width: 50%;} .bg-img .center-div {text-align:left} .bg-img .center-div a {margin: 0 0px 0 0px;} @media (min-width:768px) and (max-width:5120px){ .navbar.white-info .pvs-logo.logo-white {display:block} .navbar.white-info .pvs-logo {display:none} .navbar.white-info .lang-nav {color: #fff !important;} .navbar.white-info .hamburger span {background:#fff} .navbar.white-info .language-menu a {color: #fff} .navbar.white-info .star-icon-1 {display:inline-block} .navbar.white-info .star-icon-2 {display:none} } @media (min-width:1921px) and (max-width:5120px){ .pnlm-title-box {font-size: 85px;line-height: 90px;} .pnlm-author-box {font-size: 24px;line-height: 31px;} } @media (min-width:1400px) and (max-width:1650px){ .mh-75 {min-height:100px;overflow:hidden} .premium-partner {right:25px;} .premium-partner-2 {right:80px} .filtering {padding:0 40px 0 40px} .services-page .contact-info::before {left: 15px;right: 15px;} .product a img {height: 200px;} .services-page h2 {font-size: 21px;} .sidebar__comments {padding: 30px 30px 30px;} .sidebar__comments p {font-size: 15px;line-height: 28px;} .garden-page .md-size .col-md-4 {width: 41.66666667%;} .md-size .col-md-8 {width: 83.33333333%;margin-left: 8.33333333%;} .h1-colors span {font-size: 55px;line-height: 55px;} .hiking-icon {font-size: 38px !important;} .hiking-icon:before{width: 85px;height: 85px;} .right-bottom div {left: 25px;font-size: 25px;} .pano-banner .abs-banner .h3 {font-size: 19px!important;} .right-bottom {--w: 240px;font-size: 18px;} .sticky a img {width:100%} .sidebar__comments {padding: 25px 25px 25px;} .destination-page .shield {padding-left: 10px;} .destination-page .pr-faq {padding-right: 25px !important;padding-left: 35px !important;} .right-bottom img {--_d:(2em + var(--r));mask: calc(100% - var(--_d) - var(--_x)) 100% var(--_m), 100% calc(100% - var(--_d)) var(--_m), radial-gradient(2em at 100% 100%,#0000 99%,#000 calc(100% + 1px)) calc(-1*var(--r) - var(--_x)) calc(-1*var(--r)), var(--_g) calc(-1*var(--_d) - var(--_x)) 0, var(--_g) 0 calc(-1*var(--_d));mask-repeat: no-repeat;} } @media (min-width:1200px) and (max-width:1399px){ .amenities ul li img {margin-right: 10px;} .amenities ul li {font-size: 15px;} .foto-credit-3 {margin: -50px 20px 30px 30px;} .mh-75 {min-height:100px;overflow:hidden} .premium-partner {right:25px;} .premium-partner-2 {right:80px} .filtering {padding:0 40px 0 40px} .services-page .contact-info::before {left: 15px;right: 15px;} .product a img {height: 200px;} .services-page h2 {font-size: 21px;} .col-lg-3.product {width: 33.33333333%;} .sidebar__comments {padding: 30px 30px 30px!important;} .sidebar__comments p {font-size: 15px!important;line-height: 28px!important;} .garden-page .md-size .col-md-4 {width: 41.66666667%;} .md-size .col-md-8 {width: 83.33333333%;margin-left: 8.33333333%;} .md-size .col-md-5 {width: 50%;} .hiking-icon {font-size: 34px !important;padding-left: 120px;} .hiking-icon:before{width: 75px;height: 75px;} .top-trails .center-div .call-to-4{font-size: 15px;} .top-trails .center-div .call-to-5{font-size: 15px;min-height: 49px;max-height:49px} .top-trails .center-div .call-to-5:before {width: 30px;height: 30px;} .h1-colors span {font-size: 55px;line-height: 55px;} .new-btn {padding: 15px 30px 15px 60px;} .fixed-info .tab-1:before {width: 23px;height: 23px;top: 15px;} .fixed-info .tab-2:before {width: 23px;height: 23px;top: 15px;} .fixed-info .tab-3:before {width: 23px;height: 23px;top: 15px;} .pano-banner .abs-banner .h3 {font-size: 19px!important;} .pr-faq {padding-right: 25px !important;padding-left:30px;} .orosei-info::before {left: 15px;right: 15px;} .fixed-info {margin-left: 24.5% !important;} .right-bottom div {left: 25px;font-size: 25px;} .shield {padding-left: 50px!important;padding-right: 20px;} .sticky {top: 100px!important;} .orosei-info .h4-title {font-size: 25px !important;} .grey-bg {min-height: 200px;} .dark-banner .pano-banner .abs-banner {left: 25%;} .top-banner a{padding: 10px 20px 10px 20px;font-size: 12px;font-weight: 500;} .pull-left.fl-l {width: 42%;} .pull-right.fl-r {width: 42%;} .card-title {font-size: 20px;} .reverse .custom-carousel-slide{width: calc(100% / 3.95);} .pano-list p {top: 40px;left: 40px;font-size: 26px;line-height: 30px;max-width: 350px;} .pano-list a {bottom: 30px;right: 30px;padding: 10px 55px 10px 20px;} .pano-list a:before {top: 4px;} .pano-list a svg {top: 12px;} .h4-title {font-size: 34px !important;} .new-page .grey-bg {margin: 0 30px 0 30px;} .new-page .orosei-info h2 {font-size: 40px;} .new-page .orosei-info h3 {font-size: 40px;} } @media (min-width:992px) and (max-width:1199px){ .foto-credit-3 {margin: -50px 20px 30px 30px;} .amenities ul li img {margin-right: 10px;} .amenities ul li {font-size: 15px;} .service-page-inside .trail-details {font-size: 15px;line-height: 28px;} .mh-75 {min-height:125px;overflow:hidden} .premium-partner {right:25px;} .premium-partner-2 {right:80px} .filtering {padding:0 40px 0 40px} .services-page .contact-info::before {left: 15px;right: 15px;} .product a img {height: 200px;} .services-page h2 {font-size: 21px;} .col-lg-3.product {width: 33.33333333%;} .sidebar__comments {padding: 30px 30px 30px!important;} .sidebar__comments p {font-size: 15px!important;line-height: 28px!important;} .garden-page .md-size .col-md-4 {width: 41.66666667%;} .md-size .col-md-8 {width: 100%;margin-left: 0%;} .md-size .col-md-5 {width: 50%;} .md-size .col-md-10 {width: 100%;margin-left:0;} .new-page.garden-page .orosei-info h2 {font-size: 30px;} .new-page.garden-page .orosei-info h3 {font-size: 30px;} .pl-info h3 {padding-top: 3%;width: 50%;} .pl-info {padding-left: 5%;} .hiking-icon {font-size: 30px !important;padding-left: 65px;} .hiking-icon:before{width: 65px;height: 65px;left: -20px;} .top-trails .orosei-info{padding-top:0px;} .top-trails .center-div .call-to-4{padding: 13px 25px 13px 60px;font-size: 14px;} .top-trails .center-div .call-to-5{padding: 13px 25px 13px 60px;font-size: 14px;max-height:43px;min-height:43px;line-height: 1.1;} .top-trails .center-div .call-to-5:before {width: 30px;height: 30px;} .top-trails .center-div .call-to-4:before {top: 7px;left: 17px;} .top-trails .foto-credit {padding-right:10%} .top-trails .center-div a {margin: 0 10px 0 10px;} .extra-garda .col-md-offset-3 {margin-left: 15%;} .extra-garda .col-md-6 {width: 70%;} .top-trails .orosei-info.extra-garda {padding-top:50px;padding-bottom:70px;} .top-trails .orosei-info.extra-garda h3 {padding-right:20%} .h1-colors span {font-size: 45px;line-height: 55px;} .md-100 {width:100%!important} .sticky .block-div-iframe {padding-left:15px;padding-right:15px;} .sticky .h2-gdpr {font-size: 23px;} #info-nav {margin-left: 5%;} .pull-left.fl-l {width: 42%;} .pull-right.fl-r {width: 42%;} .orosei-info .h4-title {font-size: 25px !important;} .right-bottom div {left: 30px;font-size: 20px;top: 58%;} .right-bottom div p {font-size: 13px;} .destination-container {margin-top: 50px;} .fixed-info .tab-1:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .tab-2:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .tab-3:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .new-btn {padding: 13px 15px 13px 55px!important;} .destination-page .nav-info li {margin-right: 10px;} .fixed-info {padding: 15px 20px 15px 30px !important;} .grey-bg {min-height: 180px;padding: 30px 15px 30px 15px;} .orosei-info::before {left: 20px;right: 10px;} .destination-page .col-md-8 {width: 83.33333333%;} .destination-page .col-md-offset-2 {margin-left: 8.33333333%;} .destination-page .text-main {padding:45px!important} .destination-page .text-main:before {left: 30px;top: 30px;} .carousel-x-slide {padding: 0 10px;min-width: calc(100% / 3.2);} .carousel-x-wrapper {margin: 0 30px;} .destination-page .relatives {margin: 0 15% 0 15%;} .destination-page .dark-banner.relatives {margin: 80px 12% 0 12%;} .dark-banner .pano-banner .abs-banner {left: 25%;} .top-banner a{padding: 10px 20px 10px 20px;font-size: 12px!important;font-weight: 500;} .destination-page .pr-faq {padding-right: 20px !important;} .right-bottom {--w: 180px;font-size: 15px;line-height: 46px;} .right-bottom:hover { --w: 180px;} .pano-list p {top: 40px;left: 40px;font-size: 26px!important;line-height: 30px!important;max-width: 350px;} .pano-list a {bottom: 30px;right: 30px;padding: 10px 55px 10px 20px;} .pano-list a:before {top: 4px;} .pano-list a svg {top: 12px;} .h4-title {font-size: 34px !important;} .reverse .custom-carousel-slide {width: calc(100% / 3.45);} .custom-carousel-slide {width: calc(100% / 1.25);} .custom-carousel-btn {top:50%!important} .shield {padding-left: 30px;} .text-with-img-2 {padding: 0px 30px 0 30px;} .new-page .orosei-info h2{font-size: 40px;padding-right:0} .new-page .orosei-info h3 {font-size: 40px;padding-right:0} .new-page .artivle-bg {padding-bottom: 70px;padding-top: 30px;} #banner-block .col-md-8 {margin-left: 8.33333333%;width: 83.33333333%;} .destination-page .tab-content h2 {font-size: 30px;} .destination-page .tab-content h3 {font-size: 30px;} .zoomed {width:90%!important} .trail-page .artivle-bg {padding-bottom: 60px;} } @media (min-width:768px) and (max-width:991px){ .mh-75 {min-height:100px;overflow:hidden} .premium-partner {right:25px;} .premium-partner-2 {right:70px} .services-page .contact-info::before {left: 15px;right: 15px;} .product a img {height: 225px;} .services-page h2 {font-size: 21px;} .col-sm-offset-1.img-mb-50 {margin-left:0;width:100%} .garden-page .text-with-img-2.mt-70 {margin-top:10px;} .garden-page .md-size .col-md-4 {width: 41.66666667%;} .md-size .col-md-8 {width: 100%;margin-left: 0%;} .md-size .col-md-5 {width: 50%;} .md-size .col-md-10 {width: 100%;margin-left:0;} .new-page.garden-page .orosei-info h2 {font-size: 30px;} .new-page.garden-page .orosei-info h3 {font-size: 30px;} .garden-page .text-with-img-2 {padding: 0px 10px 0 10px;} .pl-info h3 {padding-top: 3%;width: 50%;} .pl-info {padding-left: 5%;} .new-page.top-trails .grey-bg .col-sm-12 {display:none} .top-trails .img-mb-50 {margin-left: 0;width: 100%;} .hiking-icon {font-size: 28px !important;padding-left: 65px;} .hiking-icon:before{width: 65px;height: 65px;left: -20px;} .top-trails .orosei-info{padding-top:0px!important;} .sm-mt-40 {margin-top:40px;} .top-trails .center-div .call-to-4{padding: 13px 25px 13px 60px;font-size: 14px;} .top-trails .center-div .call-to-5{padding: 13px 25px 13px 60px;font-size: 14px;max-height:43px;min-height:43px;line-height: 1.1;} .top-trails .center-div .call-to-5:before {width: 30px;height: 30px;} .top-trails .center-div .call-to-4:before {top: 7px;left: 17px;} .top-trails .foto-credit {padding-right:10%} .top-trails .center-div a {margin: 0 10px 0 10px;} .extra-garda .col-md-offset-3 {margin-left: 15%;} .extra-garda .col-md-6 {width: 70%;} .top-trails .orosei-info.extra-garda {padding-top:50px;padding-bottom:70px;} .top-trails .orosei-info.extra-garda h3 {padding-right:20%} .h1-colors span {font-size: 45px;line-height: 55px;} .new-page .artivle-bg {padding-bottom: 70px;padding-top: 30px;} .new-page .orosei-info h2 {font-size: 35px;padding-right:0} .new-page .orosei-info h3 {font-size: 35px;padding-right:0} .new-page .orosei-info {padding: 30px 35px 10px 35px;} .center-el {padding-left: 5%;} .scroll-down {width: 22%!important;} .pnlm-title-box {font-size: 40px!important;line-height: 45px!important;} .pnlm-author-box {font-size: 16px!important;line-height: 22px!important;} #info-nav {margin-left: 0%!important;padding: 20px 15px 20px 15px!important;} .pull-left.fl-l {width: 42%;margin-right: 40px;} .pull-right.fl-r {width: 42%;margin-left: 40px;} .orosei-info .h4-title {font-size: 25px !important;} .fixed-info .tab-1:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .tab-2:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .tab-3:before {width: 24px;height: 24px;top: 15px;left: 17px;} .fixed-info .new-btn {padding: 13px 15px 13px 55px!important;} .destination-page .nav-info li {margin-right: 10px;} .fixed-info {padding: 15px 20px 15px 30px !important;top: 5px;} .text-with-img-2 {padding: 0px 40px 0 40px;} .new-btn {padding: 15px 20px 15px 60px;} .destination-page .sticky a img {padding: 0 0% 0 0%;} .destination-page .pr-faq {padding: 0 25% 0 25% !important;} .grey-bg .col-md-4 {width: 33%;display: inline-block;} .new-page .grey-bg .col-sm-6 {width: 50%;display: inline-block;} .new-page .grey-bg .col-sm-12 {width: 100%;display: inline-block;margin-top:30px;} .altre-destinazioni .h4-title {font-size: 33px !important;} .orosei-info::before {left: 10px;right: 10px;} .grey-bg {padding: 30px 15px 30px 15px; min-height: 220px;} .custom-carousel-slide {width: calc(100% / 1.1);} .custom-carousel-track .pano-list p {max-width: 45%;top: 35px;left: 35px;font-size: 30px!important;line-height: 35px!important;} .custom-carousel-btn {top:50%!important} .reverse .custom-carousel-slide {width: calc(100% / 3);} #info-experiences .col-md-8 {padding: 0px 50px 0 50px!important;} .card-title {font-size: 18px;} .destination-page .dark-banner.relatives {margin: 50px 5% 0 5%;} .dark-banner .pano-banner .abs-banner .h3 { font-size: 17px!important;} .dark-banner .top-banner a {top: 35%;padding: 8px 20px 8px 20px;font-size: 12px;} .carousel-x-slide {min-width: calc(100% / 2.3);} .destination-page .relatives {margin: 0 5% 0 5%;} #banner-block .col-md-8 {margin-left: 5%;width: 90%;} .svg-icon { margin-right: 10px!important;} #banner-block {bottom: -30px!important;padding-bottom:70px} .trail-page .artivle-bg {padding-bottom: 30px;} .zoomed {width:90%!important} .carousel-x-wrapper {margin-top:30px;overflow:hidden} .trail-page .tab-content {margin-bottom: -70px;} .trail-page .tab-content h2 {font-size: 30px;} .trail-page .tab-content h3 {font-size: 30px;} } @media (max-width:767px){ .amenities ul li img {margin-right: 5px; width: 33px;} .amenities ul li {font-size: 13px;font-weight: 500;margin-bottom: 15px;} .mt-120 {margin-top: 70px;} .procedure span {font-size: 17px;} .mh-110 {min-height: 80px;} .h2-gdpr {font-size: 24px;margin: 60px 0 10px;} .cont-info {padding: 20px 15px 0 15px;} .servizi-btn {margin: 10px auto 0px auto;display:block;text-align:center} .service-page-inside .custom-carousel-slide {width: calc(100% / 1);} .services-page h2 {font-size: 25px!important;font-weight: 500!important;margin-bottom: 10px!important;} .filtering {padding:0 20px 0 20px} .services-page .booking {padding-top: 0px;} .col-sm-offset-1.img-mb-50 {margin-left:0;width:100%} .garden-page .text-with-img-2.mt-70 {margin-top:10px;} .garden-page .md-size .col-md-4 {width: 100%;} .md-size .col-md-8 {width: 100%;margin-left: 0%;padding-left:0px!important;padding-right:0px!important} .md-size .col-md-5 {width: 50%;} .md-size .col-md-10 {width: 100%;margin-left:0;} .new-page.garden-page .orosei-info h2 {font-size: 27px;} .new-page.garden-page .orosei-info h3 {font-size: 27px;} .pl-5 .pr-5 {padding-top:30px;} .pl-info {padding-left: 0%;} .pl-info h3 {padding-top: 40px;width: 100%;} .garden-page .inline-b {padding-right: 0%;} .garden-page .share-btn {right: 0px;left: 0px;top: 100px;} .new-page.garden-page .orosei-info {padding: 0px 20px 0 20px !important;} .garden-page .img-mb-50 {margin-bottom: 20px;} .new-page.top-trails .grey-bg .col-sm-12 {display:none} .top-trails .center-div .call-to-5{max-height:49px;min-height:49px;} .top-trails .img-mb-50 {margin-left: 0;width: 100%;} .top-trails .trail-details {font-size: 15px;line-height: 22px;} .hiking-icon {font-size: 24px !important;padding-left: 45px;} .hiking-icon:before{width: 50px;height: 50px;left: -20px;} .top-trails .orosei-info{padding-top:0px!important;} .sm-mt-40 {margin-top:40px;} .top-trails .center-div { margin: 25px auto 45px auto;} .top-trails .foto-credit {padding-right:10%} .top-trails .center-div a {margin: 0 10px 0 10px;} .new-page.top-trails .orosei-info.extra-garda {padding:0px 30px 50px 30px!important} .top-trails .orosei-info.extra-garda h3 {padding-right:0%;font-size: 25px;} .top-trails .mb-40 {margin-bottom: 20px;} .top-trails .inline-b {padding-right: 0%;} .new-page.top-trails .artivle-bg {padding-top: 0px;} .new-page.top-trails h1 {font-size: 35px;} .new-page.top-trails .orosei-info {padding:0px 25px 0 25px!important} .top-trails .img-mb-50 { margin-bottom: 25px;} .top-trails .share-btn {right: 0px;left:0px;top:100px;} .h1-colors span {font-size: 35px;line-height: 45px;} .new-page .orosei-info h2 {font-size: 32px;padding-right:0} .new-page .orosei-info h3 {font-size: 32px;padding-right:0} .new-page .mt-faq.xs-mt-30 {margin-top: 30px!important;} .new-page #banner-block::before {bottom:-50px!important} .mt-faq {margin-top: 0px!important;} .grey-bg .col-sm-12 {display:none} .mb-15 .h4-title {font-size: 25px !important;margin-top:20px;text-align:left} .new-page .grey-bg {margin-bottom:40px;} .new-page .orosei-info {padding:30px 20px 0 20px!important} .center-el {padding-left: 0%;} .new-page .artivle-bg {padding-bottom: 70px;padding-top: 30px;} .fixed-info .nav-info li a{border-radius: 15px!important;} .navbar-hide .fixed-info {top:0px;} #info-sportivo.destination-container {margin-top: 0px;} #info-sportivo h3 {margin-top: 50px;} .destination-page .relatives {margin: 0 0% 0 0%;} .destination-page .relatives .abs-p {top:15px;} .h5-title {font-size: 24px !important;line-height: 36px;} .destination-page .dark-banner.relatives { margin: 70px 0% 0 0%;} .altre-destinazioni .h4-title {padding-left: 0px;font-size: 27px !important;text-align:center;margin-top:60px;margin-bottom: 10px !important;} .main-text {text-align: left !important;} .foto-credit {margin: 2px 0 30px 20px;} .mt-40.altre-destinazioni {margin-top: 10px !important;} .partners .partner-name {font-size: 21px;line-height: 28px;} .dark-banner .pano-banner .abs-banner {top: 0px;} .faq-page.destination-page .press h1 {letter-spacing: -1px;font-weight: 500;padding-right: 0%!important;padding-bottom: 0px!important;font-size: 40px;line-height: 47px!important;margin-bottom: 0px;} .text-with-img-2 {padding: 0px 0px 0 0px;} .destination-page .nav-info {margin-bottom: 0px;text-align: center;} .new-btn {margin:10px auto;transition: 0s;display: inline-block!important;} .fixed-info .new-btn{padding: 10px 10px 10px 25px;font-size: 12px;} .fixed-info .tab-1:before {width: 20px;height: 20px;} .fixed-info .tab-2:before {width: 20px;height: 20px;} .fixed-info .tab-3:before {width: 20px;height: 20px;} .destination-page .tab-content h3 {font-size: 28px;letter-spacing: -.5px;} .pull-right.fl-r {width: 100%;margin-left:0px;margin-bottom:40px;} .pull-left.fl-l {width: 100%;margin-right:0px;margin-bottom:40px;} .tab-pane .h4-title {font-size: 28px !important;} .tab-pane .mixed-img-1 {margin:15px 0 15px 0} .tab-pane .mixed-img-2 {margin:15px 0 15px 0} .tab-pane .mixed-img-3 {margin:15px 0 15px 0} .tab-pane .mixed-img-4 {margin:15px 0 15px 0} .tab-pane .mixed-img-5 {margin:15px 0 15px 0} .destination-page .nav-info li {margin-right: 0px;width: 100%;} .right-bottom span {width:280px;} .xs-more {display:block!important;} .xs-more .scroll-down {bottom: 100px !important;max-width: 260px;width: 70%;} .xs-more .scroll-down svg {display: block !important;} .xs-more .scroll-down:hover:before{right: 9px;top: 6px;width: 36px;height: 36px;} .xs-more .scroll-down{padding: 11px 50px 11px 15px;} #info-nav {max-width:880px;margin-left:0%;margin-top:-335px;margin-bottom:75px;padding: 15px 30px 15px 30px;} .fixed-info {margin-left: -30px !important;margin-right: -30px !important;top:80px;padding: 15px 5px 15px 5px!important;border-radius: 0rem!important;} .artivle-bg {padding-bottom: 310px;} .fixed-info .nav-info li {width: 32%;} #info-nav .xs-none {display:inline-block!important} #info-nav .xs-show {display:none!important} #info-nav.fixed-info .xs-none {display:none!important} #info-nav.fixed-info .xs-show {display:block!important} .orosei-info::before {left:10px;right:2px; top: 320px;} .grey-bg .foto-credit {margin: 0px 0 20px 0px;} .grey-bg {padding: 30px 15px 10px 15px;min-height: 830px;} .destination-container {margin-top: 50px;} #info-spiaggia {margin-top: 50px;} .destination-page .tab-content {margin-bottom: 40px;} .link-img {right: 20px;} .custom-carousel-slide {width: calc(100% / 1.15);} .custom-carousel-track .pano-list p {max-width: 65%;top: 40px;left: 35px;font-size: 24px!important;line-height: 27px!important;} .pano-list a {bottom: 30px;right:30px;min-width: auto;} .custom-carousel-btn {top:45%;display:none} .reverse .custom-carousel-slide {width: calc(100% / 1.3);} .embed-container {min-height: 250px;} .card-badge {display:none} .card-title {text-align: center!important;} .card-content {padding: 0rem;inset: 0px;} .card-title {font-size: 20px !important;} .reverse .custom-carousel-track .pano-list p {font-size: 17px!important;line-height: 27px!important;} .carousel-x-slide {min-width: calc(100% / 1.2);} .carousel-x-btn {top: 35%;} .new-btn:hover {font-weight: 400;} .new-btn.active {font-weight: 400;} .dark-banner .top-banner img {border-radius: 0px;margin:15px 0 15px 0} .meteo-text {text-align: left!important;margin-top:25px;} .w-60 {margin-top: -20px;} #info-1 {padding-top:5px;} .right-bottom div {left: 35px;font-size: 25px;} .destination-page .shield {padding-left: 10px;} .r-info {padding: 0px 0 50px 0;} .trail-page .artivle-bg {padding-bottom: 30px;} .zoomed {width:90%!important} .carousel-x-wrapper {margin-top:30px;overflow:hidden} .trail-page .tab-content {margin-bottom: -70px;} .trail-page .tab-content h2 {font-size: 27px!important;line-height: 1.3;padding-right:10%} .trail-page .tab-content h3 {font-size: 27px!important;line-height: 1.3;padding-right:10%} .trail-page .booking {margin-top: 30px;} .trail-details li {padding-left: 0px;} .trail-details img {margin-left:0px;display:none} .sticky .block-div-iframe {padding-left:15px;padding-right:15px;margin-bottom:40px;} .card-text {padding-bottom:15px;} .l-inf {width:30%;display:inline-block;text-align:right;vertical-align: top;padding-top:4px;} .r-inf {width:57%;display:inline-block;font-size: 15px;line-height: 1.4;padding-top:5px;} .trail-details span {margin-right: 0px;} .trail-details .l-inf {margin-right: 15px;} .destination-page .text-main:before {top: -15px;} .destination-page .text-main {text-indent: 0px;} .trail-details {font-size: 16px;line-height: 25px;} .wild-animals .amenities {margin: 40px 0 30px 0;} .wild-animals .amenities ul li {font-size: 14px;text-align:left} .wild-animals .amenities ul li:before {top: 5px;} .pl-40 {padding-left: 15px;} .wild-animals .pano-banner .abs-banner {text-align:center!important} } .top-banner:hover img {transform: scale(1.05);transition: 1.2s;} .top-banner:not(:hover) img {transition: transform 0s;transition: 1.2s;} .top-banner img {transform: scale(1);transition: 1.2s;width:100%} .top-banner h3 {font-size:22px!important;font-weight: 700;} .abs-banner {z-index: 7;position:absolute;margin-bottom:0px;top: 35px;left: 45%;width: 30%;color:#fff;font-size: 13px;line-height: 22px;} .top-banner a {position:absolute;top:45px;right:3%;display:inline-block;z-index:99;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 10px auto 30px auto;color: #131211;font-weight: 500;font-size: 13px;padding: 11px 35px 11px 35px;background: #eee;} .top-banner a:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;border-color: transparent;} .services-page .abs-banner {top: 50px!important;} .top-banner {overflow: hidden;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;border-radius:10px;} .top-banner img{border-radius:10px;} .pdd-banner {padding:0 90px 0 90px!important;margin-top:100px;margin-bottom: -70px;} .pano-banner .abs-banner {top: 30px;left: 22%;width: 53%;color:#313131;font-size: 13px!important;line-height: 22px!important;} .orosei-info .pano-banner .abs-banner p {color:#313131;font-size: 13px!important;line-height: 22px!important;} .pano-banner .abs-banner .h3{padding-right:0%;font-weight:700;margin-top: 0px;} .relatives .pano-banner {margin-top:50px;} .relatives {position: relative;} .xs-lang {display:none!important;} .form-h2 #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormBody {padding: 90px 50px 50px 50px;margin-top:60px;} .form-h2 h2 {text-transform:uppercase;font-weight: 900;color: #eaab3f;margin-bottom:-155px;margin-top:40px;padding-left:160px;} .md-show {display:none} .relatives .abs-p {color:#555;position:absolute;top:0px;text-align:center;font-weight:500!important;font-size:10px!important;z-index:7;left:0;right:0;} .overflow .more-post {z-index:9999;position:relative} .social-icons a {display:inline-block;width:50px;margin-right:20px;margin-left:20px;} .social-icons a:hover {transform: scale(.8);transition:1s} .social-icons {margin:70px auto 0px auto;text-align:center;} .lg-banner {margin:-30px 0 50px 8.33333333%} .italiano .it-lang {display:inline;padding-left:7px;padding-right:7px;} .english .it-lang {display:none} .english .de-lang {display:none} .italiano .en-lang {display:none} .italiano .de-lang {display:none} .english .en-lang {display:inline;padding-left:7px;padding-right:7px;} .german .de-lang {display:inline;padding-left:7px;padding-right:7px;} .german .it-lang {display:none} .german .en-lang {display:none} .mrm-4 {margin-right:-4px} .project-img {cursor: pointer;} .project-img-1 {cursor: pointer;} .overflow .meteo-icon {display:none} .orosei-info .cosa-fare {font-weight: 500;margin-bottom: 10px;font-size: 21px!important;margin-top:30px;} .left-img-abs {min-width:550px;position:absolute;left:-200px} .press .mb-20 {margin-bottom:20px} .svg-icon {display:inline-block;margin-right:20px;margin-top:15px;text-transform:uppercase} .svg-icon img {width:60px;} #Helper1 {position: absolute;z-index: 999;width: 40px;right: 10px;top: 20px;display:none} .additional-info {margin-top:20px;} .additional-info img {width:30px;margin-right:10px;margin-bottom:0px;display:inline-block} .additional-info .humidity img {margin-right:5px;margin-left:5px;} .wind {margin-bottom:0px;width:49%;display:inline-block} .humidity {width:49%;display:inline-block} .meteo-page .city h3 {display:block;margin-bottom:40px;text-transform: capitalize;} .additional-info span {font-size:20px;} .ajax-section{margin:30px 0 20px} .ajax-section .cities{display:grid;grid-gap:25px 25px;grid-template-columns:repeat(3,1fr)} .ajax-section .city{position:relative;padding:55px 15%;border-radius:20px;background:#fff;color:#1e2432;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .ajax-section .city::after{content:'';width:90%;height:50px;position:absolute;bottom:-12px;left:5%;z-index:-1;opacity:.3;border-radius:20px;background:var(--text_light)} .ajax-section figcaption{margin-top:40px;text-transform:uppercase;letter-spacing:.05em} .ajax-section .city-temp{font-size:7rem;font-weight:700;margin-top:10px;color:#1e2432} .ajax-section .city sup{font-size:.5em} .ajax-section .city-name sup{padding:.2em .6em;border-radius:30px;color:#fff;} .ajax-section .city-icon{margin-top:10px;width:100px;height:100px;position:absolute;right:40px;top:70px} .city-button.active-btn {border-radius: 50px;background: linear-gradient(151deg, rgba(64, 228, 252, 1) 0%, rgba(63, 95, 250, 1) 100%);color: #fff;padding:13px 40px 13px 40px;} .city-button.active-btn:hover {background-color: #17354c;color: #fff;} .city-button {color: #17354c;font-weight: 500;font-size:18px;margin-right:40px;} .city-button:hover {color:#1c7b87} .meteo-page .buttons {min-height:51px;} .forecast-details .meteo-p {text-align:center;margin-bottom:35px;font-size:18px!important;} .active-day {box-shadow: rgb(63 95 250 / 50%) 8px 8px 11px 0px !important} .meteo-page .city.active-day h3 {color:#1c7b87;} .forecast-details {border-radius: 20px;background: #fff;color: #1e2432;margin-top:50px;padding: 0px 25px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .forecast-details h3 {font-size:30px;margin-bottom:15px;margin-top:35px;text-transform:uppercase;font-weight:900;text-align:center;padding-top:55px;} .forecast-details h3 span {border-bottom: 3px solid #1c7b87;} .details-button {transition: .5s;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin-top:40px;font-size: 15px;vertical-align: middle;padding: 12px 35px 12px 35px;font-weight: 500;text-align: center;background-color: #eee;color: #131211 !important;} .details-button:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color: #fff !important;} .clock {display:inline-block;width:30px;margin-top:-3px;} .detail-item-inf img {width:25px;margin-top:-1px;margin-right:4px;display:inline-block;} .detail-item-inf {display:inline-block;font-size:15px;font-weight:500;width:19.5%} .detail-item-inf .meteo-inf {font-size:16px;font-weight:700} .detail-item {padding:20px 15px 15px 15px;width:100%;display:inline-block;border-bottom: 1px solid #dedede;} .detail-item:nth-of-type(2n) {background: #f7f7f7;} .detail-item:last-child {margin-bottom:45px;} .detail-item strong {margin-right:30px;text-align:left;font-size:19px;margin-top:15px;margin-bottom:20px;} .detail-item-inf figcaption {display:inline-block;text-transform:capitalize} .detail-item-inf .city-icon {width: 40px;margin-top:-7px;margin-right: 10px;} .detail-item-inf:nth-of-type(1) {width: 15%;} .detail-item-inf:nth-of-type(2) {width: 25%;} .details{margin-top:20px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.1);overflow-x:auto} .details-table{width:100%;border-collapse:collapse;text-align:left;font-family:'Arial',sans-serif} .details-table th,.details-table td{padding:12px;border:1px solid #ddd} .details-table th{background-color:#f4f4f4;font-weight:700} .details-table tr:nth-child(even){background-color:#f9f9f9} .details-table tr:hover{background-color:#f1f1f1} .details-table td{font-size:14px;color:#333} .details-table .icon-temp,.details-table .icon-wind,.details-table .icon-humidity,.details-table .icon-weather{margin-right:8px;font-size:16px;vertical-align:middle} .details-table tr:hover td{color:#1e2432;font-weight:700} @media (min-width:992px) and (max-width:1199px){ .ajax-section .city-icon {width: 80px;height: 80px;right: 20px;} .additional-info .meteo-inf {font-size: 18px;} .additional-info img {width: 25px;} .additional-info {margin-top: 20px;} .ajax-section .city {padding: 35px 12%;} .city-button {margin-bottom:20px;font-size: 18px;margin-right: 30px;} .detail-item-inf {width: 19%;} .form-h2 h2 {padding-left:135px;} } @media (min-width:768px) and (max-width:991px){ .forecast-details h3 span {display: table;margin: 10px auto;} .ajax-section .city-icon {width: 80px;height: 80px;right: 20px;} .additional-info .meteo-inf {font-size: 18px;} .additional-info img {width: 25px;} .additional-info {margin-top: 20px;} .ajax-section .city {padding: 35px 12%;} .city-button {margin-bottom:20px;font-size: 18px;margin-right: 30px;} .ajax-section .cities {grid-template-columns: repeat(2, 1fr);} .faq-page.meteo-page .press h1 span {font-size: 45px !important;line-height: 55px !important;} .meteo-icon {right: 300px!important;} .detail-item-inf {width: 19%;text-align:center} .detail-item-inf img {display:block; margin: 0 auto 10px auto!important;} .detail-item strong {margin-right: 0px;} .detail-item-inf:nth-of-type(1) {width: 15%;} .detail-item-inf:nth-of-type(2) {width: 22%;} .detail-item-inf:nth-of-type(3) {width: 18%;} .detail-item-inf:nth-of-type(4) {width: 23%;} .detail-item-inf .city-icon {margin-top: 0px;} .city-icon { margin-bottom: 0px!important;} } @media (max-width:767px){ .services-page .abs-banner {top: 20px!important;} .product .servizi-btn {margin: 10px auto 40px auto;font-size: 15px;} .mh-75 {font-size: 15px;line-height: 27px;margin-bottom:25px;} .premium-partner {top:235px;bottom: auto;right: 20px;width: 35px !important;} .premium-partner-2 {top:230px;bottom: auto;right: 70px;width: 35px !important;} .color-yellow {text-transform:uppercase} #Helper1 {display:block} .detail-item {width: 100%;text-align:center;padding: 20px 15px 5px 35px;} .detail-item-inf img {width:23px;margin-top:0px;margin-right:2px;} .detail-item-inf .xs-none {display:none!important} .forecast-details h3 {padding:30px 25px 0 25px;font-size: 23px;text-align:center} .detail-item:last-child { margin-bottom: 20px;} .detail-item strong {text-align:center} .detail-item-inf {display:inline-block;margin-right:0px;} .forecast-details {padding: 0px 0px; margin-top: 25px;} .ajax-section .cities {grid-template-columns: repeat(1, 1fr);} .city-button.active-btn {font-size: 16px;padding: 9px 20px 9px 20px;margin-right: 0px;} .city-button {width:48%;margin-bottom:20px;margin-right: 0px;} .ajax-section .city {padding: 40px 12%;} .city-button {font-size: 18px;} .meteo-icon {position: absolute;bottom: 33px;right: auto;z-index: 998;left: 27%;} .nav-item img {width: 30px!important;} .xs-icon {margin-left:-5px!important;} .detail-item-inf {margin-bottom:15px;text-align:left} .detail-item strong {margin-right: 0px;text-align:left} .detail-item-inf:nth-of-type(1) {width: 38%;} .detail-item-inf:nth-of-type(2) {width: 60%;} .detail-item-inf:nth-of-type(3) {width: 30%;} .detail-item-inf:nth-of-type(4) {width: 39%;} .detail-item-inf:nth-of-type(5) {width: 28%;} .detail-item-inf .city-icon {margin-top: -10px;} .city-icon { margin-bottom: 0px!important;} .forecast-details .meteo-p {font-size: 16px !important;padding:0px 25px 0 25px;margin-bottom: 10px;} .meteo-icon img {width:28px;} .ajax-section {margin: 10px 0 20px;} .meteo-page .col-md-12 {padding-right: 0px!important;padding-left: 0px!important;} .meteo-page .footer-bottom .col-md-12 {padding-right: 15px!important;padding-left: 15px!important;} .meteo-page .buttons {padding-right: 15px!important;padding-left: 15px!important;} .meteo-page .footer-line {margin-top: 55px !important;} .meteo-icon {display:none} .xs-lang {display:block!important;margin-top:30px!important} .xs-lang a {font-size: 5vw!important;padding:0 20px 0 20px!important} .xs-lang a:hover {border: none!important;color:#ffda99!important} .lang-nav {display:none!important} } [tooltip]{position:relative;} [tooltip]::before,[tooltip]::after{text-transform:none;font-size:15px;line-height:1;user-select:none;pointer-events:none;position:absolute;display:none;opacity:0} [tooltip]::before{content:'';border:5px solid transparent;z-index:1001} [tooltip]::after{content:attr(tooltip);text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1.5ch 2.5ch;border-radius:10px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);background:#eee;color:#000;z-index:1000} [tooltip]:hover::before,[tooltip]:hover::after{display:block} [tooltip='']::before,[tooltip='']::after{display:none!important} [tooltip]:not([flow])::before,[tooltip][flow^="up"]::before{bottom:100%;border-bottom-width:0;border-top-color:#eee} [tooltip]:not([flow])::after,[tooltip][flow^="up"]::after{bottom:calc(100% + 5px);transition:3s} [tooltip]:not([flow])::before,[tooltip]:not([flow])::after,[tooltip][flow^="up"]::before,[tooltip][flow^="up"]::after{left:50%;transform:translate(-50%,-.5em)} [tooltip][flow^="down"]::before{top:100%;border-top-width:0;border-bottom-color:rgba(0, 0, 0, 0.7)} [tooltip][flow^="down"]::after{top:calc(100% + 5px)} [tooltip][flow^="down"]::before,[tooltip][flow^="down"]::after{left:50%;transform:translate(-50%,.5em)} [tooltip][flow^="left"]::before{top:50%;border-right-width:0;border-left-color:#eee;left:calc(0em - 5px);transform:translate(-.5em,-50%)} [tooltip][flow^="left"]::after{top:50%;right:calc(100% + 5px);transform:translate(-.5em,-50%)} [tooltip][flow^="right"]::before{top:50%;border-left-width:0;border-right-color:#eee;right:calc(0em - 5px);transform:translate(.5em,-50%)} [tooltip][flow^="right"]::after{top:50%;left:calc(100% + 5px);transform:translate(.5em,-50%)} @keyframes tooltips-vert { to{opacity:.9;transform:translate(-50%,0)} } @keyframes tooltips-horz { to{opacity:.9;transform:translate(0,-50%)} } [tooltip]:not([flow]):hover::before,[tooltip]:not([flow]):hover::after,[tooltip][flow^="up"]:hover::before,[tooltip][flow^="up"]:hover::after,[tooltip][flow^="down"]:hover::before,[tooltip][flow^="down"]:hover::after{animation:tooltips-vert 300ms ease-out forwards} [tooltip][flow^="left"]:hover::before,[tooltip][flow^="left"]:hover::after,[tooltip][flow^="right"]:hover::before,[tooltip][flow^="right"]:hover::after{animation:tooltips-horz 300ms ease-out forwards} .language-menu {touch-action: manipulation;position: absolute;top: -102px;left: -21px;padding: 20px;visibility: hidden;opacity: 0;z-index: 1000;transition: opacity 0.8s ease, visibility 0s 0.8s, transform 0.8s ease;transform: translateY(-10px);} .language-menu a {touch-action: manipulation;transition: 0.5s;color: #fff;padding-top: 10px;display: block;} .language-menu a:hover {color: #dea139;} .lang:hover .language-menu {touch-action: manipulation;visibility: visible;opacity: 1;transform: translateY(0);transition: opacity 0.8s ease, transform 0.8s ease;} .navbar .lang {bottom: 0;right: 0;} .navbar .language-menu {position: absolute;top: -25px;left: -150px;padding: 20px;display: flex;gap: 15px;visibility: hidden;opacity: 0;z-index: 1000;transition: opacity 0.8s ease, visibility 0s 0.8s, transform 0.8s ease;transform: translateX(-10px);} .navbar .language-menu a {transition: 0.5s;color: #273049;text-decoration: none;padding: 5px 10px;border-radius: 4px;} .navbar .language-menu a:hover {color: #b17c22;} .navbar .lang:hover .navbar .language-menu {visibility: visible;opacity: 1;transform: translateX(0);transition: opacity 0.8s ease, transform 0.8s ease;} .overflow .navbar .lang {display: inline-block;} .overflow .navbar .language-menu a {color:#fff;} .overflow .navbar .language-menu a:hover {color:#b17c22;} @media (max-width:767px){ .navbar .lang:hover .navbar .language-menu {visibility: hidden;opacity: 0;} .navbar .lang { bottom: 362px;} .navbar .language-menu {opacity: 1;left: -125px;} .language-menu a {padding-top: 7px;} .navbar .language-menu a { padding: 5px 5px!important;} .navbar .lang {left: auto;} } .image-box {margin-top:20px;position: relative;overflow: hidden;width: 100%;display: inline-block;border-radius: 10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .image-box img {max-width: 100%;transition: 1.2s;display: block;width: 100%;height: auto;transform: scale(1);border-radius: 10px;} .image-box:hover img {transform: scale(1.05);} .image-box:not(:hover) img {transition: transform 0s;} .color-yellow {color:#d09532!important;display:inline-block!important} #pjWrapperPHPReview .pjRrContent {background: transparent!important;} #pjWrapperPHPReview .pjRrContainer {background: transparent!important;} #pjWrapperPHPReview .pjRrAside {background: transparent!important;padding: 10px 0px 40px 40px;border-radius: 10px;} #pjWrapperPHPReview .pjRrContent:before {display:none} #pjWrapperPHPReview .pjRrFormPost .ct-ultimate-gdpr-form-block.has-error label {color: #a94442 !important;} .abs-reviews {position:absolute;left:7%;top:50px;z-index:7;padding-right:15%} .reviews-page {padding-top:0px;} .reviews-page .abs-reviews h1 span {color:#638790 !important} .abs-reviews h1 {color: #273049;font-size: 45px;line-height: 47px;font-weight: 900;text-transform: capitalize;margin-bottom:35px;} .review-under {font-weight: 600;text-transform:uppercase;font-size: 20px;margin-bottom:20px;} .call-to-1 {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .call-to-1:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} .call-to-3 {display: inline-block;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .call-to-3:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} .center-div .call-to-4 {position:relative;transition:0.5s;border:none;text-transform:none;font-weight: 400;border-radius: 50px;font-size: 17px;padding: 15px 40px 15px 70px;background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff !important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);} .center-div .call-to-4:hover {transition:0.5s;font-weight: 400;border-radius: 50px;background: #eee;color: #131211!important;border:none;} .center-div .call-to-4:before { content: "";position:absolute;top:12px;left:23px;display: inline-block; width: 30px; height: 30px; background-image: url("../img/svg/panorama.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .center-div .call-to-4:hover:before {background-image: url("../img/svg/panorama-dark.svg");} .center-div .call-to-2 {position:relative;transition:0.5s;border:none;text-transform:none;font-weight: 400;border-radius: 50px;font-size: 17px;padding: 13px 40px 13px 70px;background: #eee;color: #131211!important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);} .center-div .call-to-2:before { content: "";position:absolute;top:7px;left:20px;display: inline-block; width: 35px; height: 35px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .center-div .call-to-2:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff !important;transition:0.5s;font-weight: 400;border-radius: 50px;border:none;} .center-div .call-to-5 {min-height:51px;display: inline-block;position:relative;transition:0.5s;border:none;text-transform:none;font-weight: 400;border-radius: 50px;font-size: 17px;padding: 13px 40px 13px 70px;background: #eee;color: #131211!important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.7);} .center-div .call-to-5:before { content: "";position:absolute;top:7px;left:20px;display: inline-block; width: 35px; height: 35px; background-image: url("../img/svg/destination-dark.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 8px; vertical-align: middle; } .center-div .call-to-5:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff !important;transition:0.5s;font-weight: 400;border-radius: 50px;border:none;} .reviews-page .panel-body {padding: 40px 50px 35px 50px!important;} .reviews-page .step-3 .panel-body {padding: 60px 60px 50px 60px!important;min-height:500px} .reviews-page .pjRrReviewBody {border-radius: 15px!important;} .pjRrProgress {width:49%;display:inline-block;margin-bottom:16px;} #pjWrapperPHPReview .pjRrProgressValue {top: 20px!important;right: auto!important;left:0px;font-weight: 600!important;} #pjWrapperPHPReview .pjRrProgressBar {height: 28px!important;border-color: #eaab3f!important;background: #ceb885!important;border: 1px solid #fff!important;} #pjWrapperPHPReview .pjRrProgressTitle {margin-bottom: 10px!important;font-weight: 600!important;font-size: 14px!important;color: #273049!important;} #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating span {background:#214a54 !important;width: 145px!important;height: 145px!important;border-radius: 100%!important;line-height: 145px!important;} .reviews-page #pjWrapperPHPReview .pjRrProgressValue {color: #273049 !important;display:none} #pjWrapperPHPReview .pjRrProgressInner {height: 28px!important;margin-right: 15px!important;} .pjRrAsideArticle {min-height:520px} #pjWrapperPHPReview .pjRrContent {padding: 0px 0px 0px 0px!important;} .reviews-page .stars {padding:0 5% 0 5%} #pjWrapperPHPReview .pjRrAsideArticleBody h3 {font-weight: 600!important;text-transform:uppercase;} #pjWrapperPHPReview .pjRrReviewTitle .pjRrRating { border-radius: 100%;position: absolute;top: -80px;background: #638790!important;width: 62px!important;height: 62px!important;line-height: 62px!important;font-size: 18px!important;} #pjWrapperPHPReview .pjRrReviewTitle {position:relative;color: #273049!important;font-weight: 500!important;text-transform: none!important;margin-top:20px!important;font-size: 16px!important;} .pjRrAsideArticleSubTitle {display:inline-block;margin-left:20px!important;} .reviews-page .torna {margin-top:70px} #pjWrapperPHPReview .pjRrReviewBody {background: #f8f6f1!important;} #pjWrapperPHPReview .pjRrReviewComments .pjRrReviewCommentBadge {margin: -3px 20px 0 0!important;background:transparent!important;width: 30px!important;height: 30px!important;} .pjRrReviewComments {margin-top:30px!important;padding:0 45px 0 45px!important} #pjWrapperPHPReview .pjRrReviewBadges {margin-top: 30px !important;} #pjWrapperPHPReview .pjRrReviewMeta {padding-left:70px;} #pjWrapperPHPReview .pjRrReviewBadge {background: #273049!important;padding: 2px 18px 0 20px!important;font-size: 12px!important; height: 24px!important;} #pjWrapperPHPReview .pjRrReviewBadge:after {border-right-color: #273049!important;border-top: 12px solid transparent!important;border-bottom: 12px solid transparent!important;} .reviews-page .list-inline>li {margin-right:15px;} #pjWrapperPHPReview .pjRrReviewMeta small {display:block} [id^=pjWrapper] .text-success {color: #273049!important;} #pjWrapperPHPReview .pjRrContainer.bg-review {z-index:8;position: relative; background-color: #f3f5f7!important;padding: 50px 40px 50px 40px;} .sec-1 .form-group:nth-of-type(1) {display: inline-block;width: 48%;margin-right: 1%;} .sec-1 .form-group:nth-of-type(2) {display: inline-block;width: 48%;margin-right: 1%;} #pjWrapperPHPReview .pjRrFormPost label {margin-bottom: 10px!important;font-weight: 600!important;font-size: 14px!important;color: #273049!important;} .reviews-page [id^=pjWrapper] .form-control {height: 34px !important;} .reviews-page .pjRrReviewsSort .form-control {height: auto !important;} #pjWrapperPHPReview .pjRrFormPost .sec-2 textarea.form-control {height: 120px !important;} #pjWrapperPHPReview .pjRrFormPost .pjRrFormTitle {text-transform: capitalize!important;padding-bottom: 35px!important;letter-spacing:0px;font-size: 35px!important;font-weight: 500!important;} #pjWrapperPHPReview .pjRrFormPost .pjRrFormSection {padding: 6px 0 0px!important;} #pjWrapperPHPReview .pjRrRatingStars label {min-width:155px} .form-group.pjRrRatingStars {margin-bottom: 5px!important;} .form-group.pjRrCaptcha {margin-top: 25px!important;} .reviews-page .call-to-1 {font-weight: 500!important;margin-right:25px;} .reviews-page .call-to-2 {padding: 13px 45px 13px 45px!important;color:#17354c!important;text-decoration:none!important;} .reviews-page .call-to-2:hover {color:#eaab3f!important} #pjWrapperPHPReview .pjRrContent {z-index:8;position:relative} .pjRrProgresses {margin-top:20px!important} .description-article h1 {font-size: 55px!important;font-weight: 900!important;text-align:center;margin-bottom:15px!important;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #b17c22 !important; color: transparent !important;} .description-article p {color: #313131!important;} .overflow .star-icon-1 {display:inline-block} .overflow .star-icon-2 {display:none} .star-icon-1 {display:none} .star-icon-2 {display:inline-block} @media (min-width:992px) and (max-width:1199px){ .top-banner {margin-top:20px;} .abs-banner .h3 {font-size: 20px;margin: 0 0 5px!important;} .top-banner a {top: 35%;padding: 8px 25px 8px 25px;} .abs-banner {top: 40px!important;left: 25%;width: 50%;} .lg-banner .abs-banner {top: 35px !important;} .lg-banner {margin:50px 0 30px 8.33333333%} .orosei-info .relatives .abs-p {top:20px;} } @media (min-width:768px) and (max-width:991px){ .orosei-info .relatives .abs-p {top:20px;} .top-banner {margin-top:20px;} .lg-banner {margin:50px 0 30px 8.33333333%} .top-banner a {top: 35px;padding: 8px 25px 8px 25px;} .abs-banner {top: 50px;left: auto;right:50px;width: 40%;} .top-banner a {top: 40%;padding: 8px 25px 8px 25px;} .abs-reviews h1 {font-size: 32px;line-height: 40px;margin-bottom: 15px;} .pano-banner .abs-banner .h3 {padding-right:10%} .pano-banner .abs-banner {top: 50px;} .review-under {font-size: 17px;margin-bottom: 10px;} .abs-reviews .call-to-1 {padding: 10px 25px 10px 25px;font-size: 11px;letter-spacing: 0px;} .call-to-3 {padding: 10px 25px 10px 25px;font-size: 11px;letter-spacing: 0px;} #pjWrapperPHPReview .pjRrAsideArticleBody h3 {display: none;} .pjRrProgress {width:100%;margin-bottom:10px;} .abs-reviews {top: 70px; padding-right: 10%;} #pjWrapperPHPReview .pjRrProgressInner {margin-bottom: 10px;margin-right: 0px !important;} .pjRrReviewComments {padding: 0 0px 0 45px !important;} #pjWrapperPHPReview .pjRrFormPost .pjRrFormTitle {font-size: 25px !important;} .reviews-page .list-inline>li {margin-right: 10px;} #pjWrapperPHPReview .pjRrContainer.bg-review {padding: 50px 70px 50px 70px;} .reviews-page .call-to-1 {padding: 10px 25px 10px 25px;font-size: 11px;letter-spacing: 0px;} .reviews-page .call-to-2 {padding: 8px 25px 8px 25px!important;font-size: 11px;letter-spacing: 0px;} } @media (max-width:767px){ .orosei-info .relatives .abs-p {color:#555;position:absolute;top:20px;text-align:center;font-weight:500!important;font-size:10px!important;z-index:7;left:0;right:0;} .top-banner {margin-top:10px;padding-bottom: 20px;background:#fff;} .relatives .pano-banner {text-align:center; padding-top: 30px;} .pano-banner .abs-banner {top:0} .services-page .top-banner a {margin:40px 15% 20px 15%;} .services-page .abs-banner {text-align:center} .top-banner a {right:0;top: 10px!important;margin:0px 15% 20px 15%;text-align: center;display: inline-block;padding: 8px 35px 8px 35px;position:relative;} .abs-banner {text-align:center;top: 30px;left: 0%!important;padding:0 30px 0 30px;width: 100%!important;text-align:left;position:relative;margin-bottom:20px;} .abs-banner .h3{font-size: 19px!important;text-align:center;padding:0 15px 0 15px} .abs-banner p {text-align:center;} .top-banner img {margin-top:0px;} .description-article {padding-top: 50px;} .description-article h1 {font-size: 43px !important;margin-bottom: 5px !important;} .reviewActions {margin-right:-15px!important;margin-top:5px!important;} .abs-reviews {position: relative;left: 0px;padding-right: 30px;padding-left: 30px;margin-bottom:40px} .abs-reviews h1 {font-size: 32px;line-height: 40px;margin-bottom: 15px;} .review-under {font-size: 17px;margin-bottom: 10px;} #pjWrapperPHPReview .pjRrAside {padding: 30px 10px 10px;} #pjWrapperPHPReview .pjRrAsideArticleHead .pjRrRating span {line-height: 88px!important; width: 88px !important; height: 88px!important;margin-bottom: 30px;} .pjRrAsideArticle {min-height: auto;} .pjRrAsideArticleSubTitle {margin-left: 2px !important;} .pjRrReviewsSort .form-control{ padding: 10px 5px !important;} #pjWrapperPHPReview .pjRrReviewBody {padding: 30px !important;} #pjWrapperPHPReview .pjRrReviewTitle {text-align: justify;font-size: 14px !important;} .pjRrReviewComments {padding: 0 0px 0 0px !important;} #pjWrapperPHPReview .pjRrAsideArticleBody h3 {margin-top:-15px!important;margin-bottom:15px!important} .call-to-3 {width:100%;text-align:center} .reviews-page .stars {padding: 0 0% 0 0%;} .pjRrFormPost {padding:50px 50px 0 50px} .reviews-page #ct-ultimate-gdpr-form-blockInput-0 {left: 45px;} #pjWrapperPHPReview .pjRrFormPost .pjRrFormTitle {font-size: 30px !important;letter-spacing: 0px;} #mydiv {margin-top: -470px;} .step-3 {margin-top: -470px;} .sec-1 .form-group:nth-of-type(1) {width: 100%;margin-right: 0%;} .sec-1 .form-group:nth-of-type(2) {width: 100%;margin-right: 0%;} } .pjRrAsideArticleHead {z-index:8} #pjWrapperPHPReview .pjRrFormPost .pjRrFormTitle {color: #273049!important;} .stars-icon {position: absolute;bottom: 58px;right: 310px;z-index: 998;} .stars-icon img {width:32px;} .meteo-icon {position: absolute;bottom: 58px;right: 375px;z-index: 998;} .meteo-icon img {width:32px;} @media (max-width:991px){ .stars-icon {display:none} .hamburger-menu .stars-icon {display:inline-block;margin-right: 20px!important;top:-7px!important;} .lang-nav {margin-right: 20px!important;} } .active-color {color: #ffda99!important;} .overflow .stars-icon.appearAnimation {display:none} .video-block {position:relative;text-align: center;margin: 0 auto;display:block;color:#25334e!important;margin-top:30px!important;font-weight: 600; float: none!important;font-size: 18px!important;} .video-block:hover { color: #186e7a!important;} .video-block img {width:25px;} #pjWrapperContactForm_1 .pjCF-form label.cf-heading-small {margin-top:40px;color:#112542} [id^=pjWrapper] .form-horizontal .checkbox {display: inline-block!important;margin-right:30px;font-size:13px!important} #pjCF_container_1 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_2 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_3 .radio {display: inline-block!important;margin-right:30px;font-size:25px} #pjCF_container_4 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_5 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_6 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_7 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_9 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_10 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_11 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_12 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_13 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_14 .radio {display: inline-block!important;margin-right:30px;} #pjCF_container_15 .radio {display: inline-block!important;margin-right:30px;} [id^=pjWrapper] label {font-weight:500!important} #pjCF_container_1 {font-size: 15px!important;} #pjCF_container_2 {font-size: 15px!important;} #pjCF_container_3 {font-size: 15px!important;} #pjCF_container_4 {font-size: 15px!important;} #pjCF_container_5 {font-size: 15px!important;} #pjCF_container_6 {font-size: 15px!important;} #pjCF_container_7 {font-size: 15px!important;} #pjCF_container_8 {font-size: 15px!important;} #pjCF_container_9 {font-size: 15px!important;} #pjCF_container_10 {font-size: 15px!important;} #pjCF_container_11 {font-size: 15px!important;} #pjCF_container_12 {font-size: 15px!important;} #pjCF_container_13 {font-size: 15px!important;} #pjCF_container_14 {font-size: 15px!important;} #pjCF_container_15 {font-size: 15px!important;} #pjCaptchaWrapper_1 input[name="captcha"] {width:40%!important} #open-info:after {transition:1s;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);position: absolute;content: "Impostazioni";left: 0;bottom: -75px;right: 0px;width: 190px;margin: 0 auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!importantmargin: 0 auto;} #open-info:hover:after {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;} #open-info-2:after {transition:1s;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);position: absolute;content: "Settings";left: 0;bottom: -75px;right: 0px;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!importantmargin: 0 auto;} #open-info-2:hover:after {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;} .numbers {font-size: 16px;margin-right: 5px;font-weight: 700;color: #000;} .pl-25 {padding-left: 25px;} .pl-70 {padding-left: 70px;} .terms-page .strongs.uppercase {margin:30px 0 30px 0; font-size: 30px!important;letter-spacing: -.5px;} .scroll-down .hover-text {display: none;transition:1s;z-index: 9;position: relative;} .scroll-down:hover .default-text {display: none;transition:1s;} .scroll-down:hover .hover-text {display: inline;transition:1s;} .orange-color {color:#b17c22!important} .lang {position: absolute;bottom: 62px;right: 250px;z-index: 998;color:#fff;font-weight:600;font-size:18px;} .lang:hover {color:#fff} .lang-nav {display: inline-block;margin-right:40px;top:0px;position:relative;color: #084240!important;font-weight:600;font-size:18px;} .hamburger-menu .stars-icon{margin-right:40px;right:0px;top:-5px;position:relative;} .lang-nav:hover {color: #b17c22!important;} .overflow .lang-nav {color: #fff!important;} .fixed {z-index:9999!important;top:0px!important;position:fixed;width:100%;background-color:#fff;} .mob-lang a {text-transform:capitalize!important;vertical-align:middle!important} .mob-lang img {margin-top:-3px;vertical-align:middle!important} .fixed .logo {width: 65px;margin-left: 230px;} .fixed .logo img {top: 2.5px;} .white-abs {position:absolute;width:100%;height:100px;margin:0 auto;text-align:center;left:0;right:0;bottom:30px;background-color:#fff;z-index:999} .bg-overlay {position:absolute;top:0;bottom:0;left:15px;right:15px;border-radius:15px;z-index:0;background-color: rgba(0, 0, 0, .2);} .booking {margin-top: 0px;position: relative;padding-top: 130px;} .footer-line {background: rgb(6,166,227);background: linear-gradient(130deg, #345587 0%, rgb(17 37 66) 100%);color: #fff;padding: 0 0 20px 0;margin-top: 25px!important;} .lazy {opacity: 0;transition: opacity 0.3s;} .lazy-loaded {opacity: 1;} .lazy-background {background-image: none;} .lazy-background-loaded {} .lazy-iframe {opacity: 0;transition: opacity 0.3s;} .lazy-iframe-loaded {opacity: 1;} .home-page.faq-page {background-image: none;} .xs-inline-show {display:none} .hidden {display: none;} .relax-img {width:100%} .mrm-10 {margin-right: -5px;} .mrm-2 {margin-right: -1px;} .pvs {position:absolute;top:40px;left:40px;width:35px;z-index:999} .pvs-logo {position:absolute;top:40px;left:40px;height:55px;z-index:999} .mtb-btn {margin-top:-30px!important;margin-bottom:30px!important;} .sticky {margin-top:40px;} .xs-active {border-bottom: 5px solid #ffda99!important;} .font-25 {font-size:25px!important;line-height:37px!important} .orosei-info .project-block__title {font-size: 35px; letter-spacing: -.5px;text-transform: inherit;margin-bottom:20px} .orosei-info .abs-img {padding:10px 120px 10px 100px;font-size: 18px!important;font-weight:500!important} .orosei-info .abs-img img {left: 21px;top: 26px;} .h4 {color: #000!important;font-size: 28px!important;margin-top:30px;font-weight: 400!important;} .mtb-30 {margin:30px 0 30px 0} .text-main {border-radius:15px;text-indent: 45px;position:relative;font-size: 18px!important;line-height: 32px;background-image: url(../img/bg.webp);width: 100%;height: auto;background-repeat: repeat;padding: 70px 70px 70px 70px;margin-top: 40px;margin-bottom:40px;} .text-main:before {opacity:0.85;content:'';background-image: url(../img/quote.webp);width:52px;height:40px;background-repeat: no-repeat;position:absolute;left:45px;top:47px;z-index:3} .pjCF-form label.cf-heading-small {margin-top: 40px;color: #112542;} .title-transparent {display:inline-block!important;color: #1c7b87!important;} .pvs-logo.logo-white {position:absolute;top:30px;left:40px;height:55px;z-index:999;display:none} .pvs-logo {position:absolute;top:30px;left:55px;height:55px;z-index:999;display:block} .overflow .pvs-logo.logo-white {position:absolute;top:30px;left:40px;height:55px;z-index:999;display:block} .overflow .pvs-logo {position:absolute;top:40px;left:30px;height:55px;z-index:999;display:none} .h1 {display: inline!important;margin-bottom: 15px;font-size: 65px;line-height: 65px;font-weight: 900;color: #273049;margin-top: 20px;text-transform: uppercase;} .inline-b h1 {display: inline!important;} .inline-block {display: inline-block!important;} .ml-35 {margin-left:35px!important} .pr-35 {padding-right:35px;} .text-with-img {padding:40px 40px 0px 35px} .text-with-img .project-block__title {margin-top: 0px;font-size: 34px;line-height: 44px;} .banner-img img{width:100%;border-radius:20px;max-width: 100%;transition: all 1.3s;display: block;width: 100%;border-radius:10px;height: auto;transform: scale(1);} .banner-img:hover img {transform: scale(1.2);} .banner-img:hover .banner-inf{color:#01b55e!important;text-shadow: 0 0 10px #fff; transition:1.5s} .banner-img {transition:1.5s;position:relative!important;margin: auto;overflow: hidden;width: 100%;display: inline-block;border-radius:10px;box-shadow: rgb(29 29 29 / 40%) 0px 3px 8px 0px;} .banner-img .banner-inf {position:absolute;right:40px;top:20%;text-align:right;font-weight:900!important;text-transform:uppercase;font-size:60px!important;line-height:70px!important;color:#fff} .banner-img .banner-inf .size-1 {font-size:35px!important;display:block;} .banner-img .banner-inf .size-2 {display:block;font-size:110px!important;-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #fff!important;color: transparent!important;} .banner-img .banner-inf .size-3 {font-size:60px!important;display:block;margin:-15px 0 -21px 0} .banner-img .banner-inf .size-4 {font-size:29px!important;display:block;} .faq-page .press .under-h1 {font-size: 25px!important;margin-bottom: 20px!important;} .overflow .lang {display:none} .overflow .info-icon img {display:none} .overflow .map-item {display:none} .navigation-menu{ width:100%; height:100%; display:flex; flex-wrap:wrap; flex-direction:column; justify-content:center; align-items:center; position:fixed; left:0; top:0; z-index:9; visibility:hidden} .navigation-menu .bg-layers{ width:100%; height:100%; display:flex; flex-wrap:wrap; position:absolute; left:0; top:0} .navigation-menu .bg-layers *{ -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; transition-duration:700ms; -webkit-transition-duration:700ms; transition-timing-function:cubic-bezier(0.86,0,0.07,1); -webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1)} .navigation-menu .bg-layers span{ width:0%; height:100%; position:absolute; top:0; transform:skewX(0); background:#0e0e0e} .navigation-menu .bg-layers span:nth-child(1){ left:0} .navigation-menu .bg-layers span:nth-child(1):before{ content:""; width:150%; height:100%; background:#0e0e0e; position:absolute; left:-149%; top:0} .navigation-menu .bg-layers span:nth-child(2){ left:25%} .navigation-menu .bg-layers span:nth-child(3){ left:50%} .navigation-menu .bg-layers span:nth-child(4){ left:75%} .navigation-menu .bg-layers span:nth-child(4):before{ content:""; width:150%; height:100%; background:#0e0e0e; position:absolute; right:-149%; top:0} .navigation-menu .inner{ width: 100%;position:relative; z-index:3; color:#fff; text-align:center; padding-top:0px} .navigation-menu .inner *{ -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out} .navigation-menu .inner .menu{ display:none; min-height:160px; opacity:0; transform:translateY(-30px)} .navigation-menu .inner .menu ul{ display:block; margin-bottom:50px; padding:0; position:relative} .navigation-menu .inner .menu ul li{ display:inline-block; margin:0 20px; padding:0; list-style:none} .navigation-menu .inner .menu ul li:hover ul{ opacity:1; visibility:visible} .navigation-menu .inner .menu ul li:hover ul li ul{ opacity:0; visibility:hidden} .navigation-menu .inner .menu ul li a{ display:inline-block; line-height:1; font-size:3vw; font-weight:800; color:#fff; padding-bottom:8px; border-bottom:5px solid transparent} .navigation-menu .inner .menu ul li a:hover{ padding-bottom:3px; border-bottom:5px solid #ffda99; text-decoration:none} .navigation-menu .inner .menu ul li ul{ width:100%; min-height:inherit; position:absolute; left:0; top:85px; opacity:0; visibility:hidden} .navigation-menu .inner .menu ul li ul li{ margin:15px 15px} .navigation-menu .inner .menu ul li ul li a{ font-size:1.7vw; padding:0; border-bottom:none} .navigation-menu .inner .menu ul li ul li a:hover{ padding:0; border-bottom:none; color:#ffda99} .navigation-menu .inner .menu ul li ul li:hover ul{ opacity:1; visibility:visible} .navigation-menu .inner .menu ul li ul li ul{ top:55px; opacity:0; visibility:hidden} .navigation-menu .inner .menu ul li ul li ul li{ margin:0 20px} .navigation-menu .inner .menu ul li ul li ul li a{ font-size:20px; font-weight:600} .navigation-menu .inner blockquote{ display:block; font-size:2vw; text-transform:uppercase; color:#0aa5b5; opacity:0; transition-delay:0.5s; transform:translateY(30px)} .navigation-menu .inner blockquote a{color:#0aa5b5;} .navigation-menu .inner blockquote a:hover{color:#fff;} .navigation-menu.active .bg-layers{ visibility:visible} .navigation-menu.active .bg-layers span{ width:calc(25% + 1px); transform:skewX(45deg)} .navigation-menu.active .bg-layers span:nth-child(1){ width:calc(25% + 1px)} .navigation-menu.active .bg-layers span:nth-child(4){ width:calc(25% + 1px)} .navigation-menu.active .inner .menu{ display: block;opacity:1; transform:translateY(0)} .navigation-menu.active .inner blockquote{ opacity:1; transform:translateY(0)} .navigation-menu.active{ visibility:visible} .overflow {overflow: hidden !important;} .hamburger.open span {color:#fff!important;} .hamburger{ float:left; width:26px; height:18px; position:relative} .hamburger *{ -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out} .hamburger span{ display:block; position:absolute; left:0; width:100%; height:2px; background:#084240; z-index:0} .hamburger span:nth-child(1){ top:0px; width:50%} .hamburger span:nth-child(2){ top:8px} .hamburger span:nth-child(3){ width:50%; top:16px; right:0; left:auto} .hamburger span:before, .hamburger span:after{ position:absolute; content:""; display:block; top:0; height:100%; width:0; right:0; left:auto} .hamburger span:before{ z-index:1; background:#fff; transition:all 0.15s linear 0s} .hamburger span:after{ z-index:2; background:#fff; transition:all 0.15s linear 0.3s} .hamburger span:nth-child(2):before{ transition-delay:0.05s} .hamburger span:nth-child(3):before{ transition-delay:0.1s} .hamburger span:nth-child(2):after{ transition-delay:0.15s} .hamburger span:nth-child(3):after{ transition-delay:0.2s} .hamburger:hover span{ width:100% !important} .hamburger:hover span:after, .hamburger:hover span:before{ width:100%; left:0; right:auto} .hamburger:hover span:after{ background:#ffda99;z-index:1; transition:all 0.15s linear 0s} .hamburger:hover span:before{background:#ffda99; z-index:2; transition:all 0.15s linear 0.3s} .hamburger:hover span:nth-child(2):after{background:#ffda99; transition-delay:0.05s} .hamburger:hover span:nth-child(3):after{ background:#ffda99;transition-delay:0.1s} .hamburger:hover span:nth-child(2):before{background:#ffda99; transition-delay:0.15s} .hamburger:hover span:nth-child(3):before{background:#ffda99; transition-delay:0.2s} .hamburger.open span:nth-child(1){ background:#fff;top:9px; width:100%; -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg); transform:rotate(135deg)} .hamburger.open span:nth-child(2){ background:#fff; opacity:0; left:-15px} .hamburger.open span:nth-child(3){ background:#fff; top:9px; width:100%; -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg); transform:rotate(-135deg)} .navigation-menu .inner {top:2%!important} .home-page .navbar{ width:100%; position:sticky; min-height:0px; left:0; top:0; padding:0px 0px; color:#fff;font-size:17px; z-index:10;} .navbar{ width:100%; position:sticky; min-height:0px; left:0; top:0; padding:0px 0px; color:#fff;font-size:17px; z-index:10;} .navbar a{ color:#fff} .navbar .left{ width:50%; margin-left:0} .phones {margin-left:50px;} .phones:before {content: ""; height: 50px; width: 1px; background: rgba(255,255,255,0.5); position: absolute; top: 50%; left: -20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .navbar .left a{ position:relative; padding-bottom:6px; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out; border-bottom:2px solid transparent} .navbar .left a:hover{ padding-bottom:1px; border-bottom:2px solid #fff; text-decoration:none} .navbar .logo img{ margin-right:30px;display: inline-block;} .navbar .logo a{ float:left} .navbar .logo a img{ height:36px} .navbar .right{ width:30%; margin-right:0; display:flex} .left span {font-size: 22px;font-weight: 700;} .navbar .right ul{ margin-left:auto; margin-bottom:0; padding:0} .navbar .right ul li{ display:inline-block; margin-left:15px; padding:0} .navbar .right ul li a{font-size: 15px;font-weight: 600; position:relative; padding-bottom:6px; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out; border-bottom:2px solid transparent} .navbar .right ul li a:hover{ padding-bottom:1px; border-bottom:2px solid #fff; text-decoration:none} .hamburger.open.active:before {color:#fff!important;} #hamburger-menu:before {color:#112542;font-size: 13px;font-weight: 600;content:'';position: absolute; left: -55px;top: -3px;background:transparent!important;transform: scale(1)!important;} .navbar .right .hamburger-menu{ margin-right:0; position: absolute;right:60px;top:50px; margin-left:90px} .navbar .right .hamburger-menu .hamburger{ float:right; margin-top:1px} .navbar .right .hamburger-menu b{ display:inline-block; font-weight:400; margin-right:15px} .overflow.home-page .navbar {position: fixed;} .overflow.home-page .navbar .right .hamburger-menu{position: fixed} @media (min-width:1400px) and (max-width:1650px){ .navbar .right .hamburger-menu {right: 20px;top: 30px;} .pvs-logo {top: 20px;left: 40px;} .overflow .pvs-logo.logo-white {top: 20px;left: 20px;} .overflow .pvs-logo {top: 20px;left: 20px;} .pl-faq {padding-left: 40px!important;} .home-page .container-1 {width: 1250px;} .home-page .pvs-logo {left: 40px;} .home-page .pvs-logo.logo-white {left: 80px;} } @media (min-width:1200px) and (max-width:1399px){ .pano-banner .md-show {display:block} .pano-banner .md-none {display:none} .pano-banner .abs-banner {top: 50px;} .lg-banner .pano-banner .abs-banner {top: 40px;} .lg-banner .relatives .abs-p {top: 10px!important;} .top-banner a {top: 35%;padding: 10px 25px 10px 25px;font-size: 12px;font-weight: 500;} .navbar .right .hamburger-menu {right: 20px;top: 30px;} .pvs-logo {top: 20px;left: 20px;} .overflow .pvs-logo.logo-white {top: 20px;left: 20px;} .overflow .pvs-logo {top: 20px;left: 20px;} .pl-faq {padding-left: 40px!important;} .home-page .pvs-logo {left: 20px;} .home-page .pvs-logo.logo-white {left: 50px;} .orosei-info .project-block__title {font-size: 35px;} .text-with-img {padding:0px 0px 0px 35px} .top-banner h3 {font-size: 18px !important;} } @media (min-width:992px) and (max-width:1199px){ .orosei-info .relatives .abs-p {top:10px;} .text-with-img {padding:0px 0px 0px 15px} .text-with-img .project-block__title {margin-top: 0px;font-size: 27px!important;line-height: 39px!important;} .navbar {position: absolute;} .home-page .navbar {position: absolute;} #myDIV {min-height: auto!important;} } @media (min-width:768px) and (max-width:991px){ .text-with-img {padding:0px 15px 0px 15px} .text-with-img .project-block__title {margin-top: 0px;font-size: 30px!important;line-height: 42px!important;} .navbar {position: absolute;} .home-page .navbar {position: absolute;} .navbar .right .hamburger-menu {right: 30px;} #myDIV {min-height: 525px!important;} .navigation-menu.active .bg-layers span{ width:calc(45% + 1px); transform:skewX(45deg)} .navigation-menu.active .bg-layers span:nth-child(1){ width:calc(45% + 1px)} .navigation-menu.active .bg-layers span:nth-child(4){ width:calc(45% + 1px)} } @media (max-width:767px){ .orosei-info {padding:0 30px 0 30px!important} .pr-35 {padding-right:0px;padding-bottom:35px;} .faq-page .press .under-h1 {margin-top: -20px!important;font-size: 20px!important;line-height: 30px!important;} .navigation-menu.active .bg-layers span{ width:50%} .navigation-menu.active .bg-layers span:nth-child(1){ left:-50%; width:100%} .navigation-menu.active .bg-layers span:nth-child(2){ left:0; width:100%} .navigation-menu.active .bg-layers span:nth-child(3){ left:50%; width:100%} .navigation-menu.active .bg-layers span:nth-child(4){ left:100%; width:100%} .navigation-menu .inner .menu ul li{ display:block; margin-bottom:10px} .navigation-menu .inner .menu ul li ul li {margin: 5px 15px;} .navigation-menu .inner .menu ul li a{ font-size:9vw; font-weight: 900!important; padding-bottom:2px} .navigation-menu .inner .menu ul li a:hover{ padding-bottom:2px} .navigation-menu .inner .menu ul li ul{ position:static; display:block; visibility:visible; opacity:1; margin-top:10px; margin-bottom:0} .navigation-menu .inner .menu ul li ul li{ padding:5px 0} .navigation-menu .inner .menu ul li ul li a{ font-size:20px} .navigation-menu .inner .menu ul li:hover ul{ display:block} .navigation-menu .inner blockquote{ display:none} .overflow.home-page .navbar{background-color: rgb(255 255 255 / 0%)!important;} .overflow .navbar{background-color: rgb(255 255 255 / 0%)!important;} .home-page .navbar{ padding:42px 30px;background-color: rgb(255 255 255 / 100%)!important;} .navbar{ padding:42px 30px;background-color: rgb(255 255 255 / 100%)!important;transition:0.5s;} .navbar .right ul .green-btn{ display:none} #hamburger-menu:before { display:none} .language {margin-top:-5px;margin-right:25px;} .navbar .left {width: 45%;} .navbar .right {width: 55%;} .overflow .pvs-logo {left: 20px;top: 15px;} .overflow .pvs-logo.logo-white {left: 0px;top: 15px;} .navbar .right .hamburger-menu{top: 30px; margin-left:auto;right: 15px;} .pvs-logo {left: 20px;top: 10px;} .pvs-logo.logo-white {left: 20px;top: 15px;} .navigation-menu.active .inner .menu {top:0%;position:relative} .navigation-menu .inner {top:0%!important} .home-page .booking {margin-top: 0px;padding-top: 30px;} } .ct-ultimate-gdpr-cookie-modal-btn a {border-radius: 50px!important;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px!important;background:#eee!important;border-color:transparent!important} .ct-ultimate-gdpr-cookie-modal-btn a:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} #pjCF_container_1 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_2 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_3 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_4 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_5 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_6 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_7 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_8 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_9 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_container_10 .pjCF-button {display:inline-block;margin:30px auto 0 auto;text-align:left} #pjCF_captcha_img {top:0px;right:-70px;} #pjCF_container_1 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_2 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_3 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_4 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_5 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_6 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} .forms #pjCF_container_7 .pjCF-button {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .forms #pjCF_container_7 .pjCF-button:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} #pjCF_container_8 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_9 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_10 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_11 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_12 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_13 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_14 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} #pjCF_container_16 .pjCF-button {margin: 20px auto 0 auto;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3} .forms #pjCF_container_15 .pjCF-button {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .forms #pjCF_container_15 .pjCF-button:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} .forms #pjCF_container_17 .pjCF-button {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .forms #pjCF_container_17 .pjCF-button:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} .forms #pjCF_container_18 .pjCF-button {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#fff!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;border-color:transparent!important} .forms #pjCF_container_18 .pjCF-button:hover {background:#eee!important;color:#131211!important;border-color:transparent!important} #pjCF_container_5 .radio, #pjCF_container_3 .radio, #pjCF_container_13 .radio, #pjCF_container_9 .radio {display: inline-block!important;margin-right: 30px;font-size: 25px;} .shield img {width:40px;margin-top:-7px;position:absolute;left:0} .sticky a img:hover {opacity:1;} .sticky a img {opacity:1;border-radius:10px;} #overlay1 p {display:block;margin:0 auto;line-height:27px;font-size:21px;font-weight:700;letter-spacing: .3px;max-width:70%;text-align: center;} #overlay1 {display: none;position: fixed;top: 0;left: 0;right:0;margin:0 auto;width: 100%;height: 100%;background: rgba(32, 59, 96, 1)!important;color: white;text-align: center;z-index: 9999;padding-top: 5%;} .ios #overlay1 {display: none;position: fixed;top: 0;left: 0;right:0;margin:0 auto;width: 100%;height: 100%;background: rgba(32, 59, 96, 1)!important;color: white;text-align: center;z-index: 9999;padding-top: 5%;} .rotate-mobile {width:170px;height:auto;display:block;margin:0px auto} .div-center .torna {background-color:#345587} .filter-button-group {margin: 0 auto;text-align: center;} .btn-filter {margin-right:10px!important;transition: all .3s ease;border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color: #131211;font-weight: 500;font-size: 15px;padding: 13px 40px 13px 40px;background: #eee;} .btn-filter:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;border-color: transparent;} .active-btns {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%);color: #fff;border-color: transparent;} .img-responsive {width:100%} .mt-mb-20 {margin-top:40px;margin-bottom:40px;} .span-title {padding: 20px 0 20px 0;color: #b17c22;font-weight: 600!important; font-size: 24px!important;line-height: 35px!important;} .active {color: #b17c22!important} .mt-0 {margin-top:0px!important} .mb-20 {margin-bottom:20px!important} .color {color: #345587;} .owl-theme .owl-controls .owl-page span{background:#345587} .owl-next {right:30px;position: absolute;} .owl-prev {left:30px;position: absolute;} .owl-theme .owl-controls .owl-buttons div {background:transparent;font-size:45px;color:#000} .owl-buttons {position:absolute;top:40%;left: 0;right: 0;} .sidebar__comments {background-color:#f8f6f1;border-radius:10px;color: #444;padding: 40px 40px 40px;margin-top:25px;} .sidebar__title {font-weight:600;margin-bottom:10px;line-height:35px;font-size: 19px;} .shield {color:#444;font-weight: 600;position:relative;margin-top:25px;padding-left:50px;line-height: 23px !important; font-size: 14px !important;} .center-div {margin:100px auto 0 auto;text-align:center;display:block} .center-div1 {margin:30px auto 40px auto;text-align:center;display:block} .div-center {margin:100px auto 0 auto;text-align:center;display:block} .div-center a{color:#fff} .div-center a:hover{color:#fff} .filter-menu {position: absolute; z-index: 9999; max-width: 300px; bottom: 130px; right: 30px; opacity: 0; display: none!important; animation: fadeInOut 0.3s ease-in-out forwards;} @keyframes fadeInOut { 0% {opacity: 0;display: flex;} 100% {opacity: 1;display: flex;} } .filter-menu.hidden { opacity: 0; display: none; animation: none;} .filter-menu button {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;padding:8px 20px 8px 50px;position:relative;display:block;margin-bottom:20px;text-transform: uppercase;color: #fff;line-height: 1.6;font-weight: 700;} .filter-menu button:before {z-index:99;display:inline-block;top:-5px;position:absolute;left:-15px;content:'';padding:12px;color:#fff;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;width: 48px!important;height: 48px;border-radius: 50%;} .filter-menu button:hover {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;transition:1s;color: #fff;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;padding:8px 20px 8px 50px} .filter-menu .active {border-radius: 2.625rem 1.625rem 1.625rem 2.625rem;transition:1s;color: #fff!important;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;padding:8px 20px 8px 50px} .filter-menu #escursioni:after {z-index:999;background-image: url(../img/svg/destination-white.svg);content: ""; position: absolute; width:30px;height:30px; left: -6px;top:4px; background-size: cover;} .filter-menu #case-vacanze:after {z-index:999;background-image: url(../img/svg/house-pin.svg);content: ""; position: absolute; width:30px;height:30px; left: -6px;top:4px; background-size: cover;} .filter-menu #restaurant {display:none} .filter-menu #hide-panoramas {display:none} .filter-menu #food-drink:after {z-index:999;background-image: url(../img/svg/restaurant.svg);content: ""; position: absolute; width:23px;height:23px; left: -3px;top:7px; background-size: cover;} .filter-menu #show-panoramas:after {z-index:999;background-image: url(../img/svg/eye.svg);content: ""; position: absolute; width:30px;height:30px; left: -6px;top:4px; background-size: cover;} .filter-menu #hide-panoramas:after {z-index:999;background-image: url(../img/svg/eye-off.svg);content: ""; position: absolute; width:30px;height:30px; left: -6px;top:4px; background-size: cover;} .close-icon {display:none;position: absolute;z-index:9999;top: 10px;right: 10px;cursor: pointer;} .filter-menu.show{display: flex!important;} .filter-menu .active:before {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} @media (max-width:767px){ #tutorialBox {border-radius:0px!important;} .terms-page .contact-info::before {left: 5px;right: 5px;} .terms-page .col-lg-11 {padding-right: 25px;padding-left: 25px;} .terms-page .col-lg-11 p{text-align: justify;} .terms-page .strongs.uppercase {font-size: 25px !important;text-align: left;line-height:1.3} .filter-menu.show:after {display: block!important;background: rgba(0,0,0,0.9);z-index: 9;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";} .filter-menu.show{display: block!important;padding-top: 15%;max-width: 100%;z-index: 9998;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";} .filter-menu.show button {z-index: 9999;} .filter-menu button {margin:0 auto 30px 30%;text-align:left;min-width:200px;padding: 8px 0px 8px 60px;} .filter-menu button:hover {min-width:210px;padding: 8px 0px 8px 20px;} .filter-menu .active {padding:8px 0px 8px 20px} .close-icon {display:none;position: absolute;z-index:9999;top: 30px;right: 30px;cursor: pointer;height: 25px;width: 25px;} .filter-menu.show .close-icon {display:block;} .filter-item {display:none;position:relative!important;width: 40px;height: 40px;bottom: auto!important;right: auto!important;} .nav-item img {margin-top:0px!important} #panorama .more-item.xs-relative {left: auto!important;right: auto!important;} #panorama .more-item {left: 0!important;right: 0!important;} .filter-item img {height: 35px!important;} .xs-more .scroll-down{display:block!important;} .scroll-down{display:none!important;left:0;right:0;bottom:50px!important;margin: 0 auto;text-align: center;} .scroll-down svg {display:none!important;} #panorama a {position:relative!important;} #panorama .more-item {bottom: 0px!important;} .more-item span {font-size:11px!important; text-decoration: underline;font-weight: 600;position:absolute;top:-10px;width:160px;} .xs-info {position:relative;z-index:999;margin-top:70px!important;} .xs-info a{font-weight:600} } .showss {display: block!important;} .hides {display: none;} .info-page #ct-ultimate-gdpr-cookie-popup {padding: 0px;box-shadow: #000 0 0 0px;position:fixed;background-color:rgba(0, 0, 0, 0);top:auto;display:block;bottom:0;height:auto} .info-page .ct-container { height: auto;width: 100%!important;padding: 20px 25% 20px 25%;min-height: auto;} .info-page .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content {margin-bottom: 10px;} .info-page .footer-line {margin-top: 195px!important;} @media (min-width:1401px) and (max-width:1650px){ #tutorialBox {min-width: 65%!important;max-width: 65%!important;} .div-center {margin: 0px auto 0 auto;} } @media (min-width:1201px) and (max-width:1400px){ .orosei-info p {line-height: 29px;font-size: 17px;} .orosei-info .h4 {line-height: 37px!important;font-size: 25px!important;} .info-page .ct-container {padding: 20px 15% 20px 15%;} .div-center {margin: 0px auto 0 auto;} #tutorialBox {min-width: 75%!important;max-width: 75%!important;} } @media (min-width:992px) and (max-width:1200px){ .orosei-info p {line-height: 29px;font-size: 17px;} .orosei-info .h4 {line-height: 37px!important;font-size: 25px!important;} .orosei-info .project-block__title {font-size: 32px;} .orosei-info .abs-img {padding: 5px 0px 5px 100px} .text-main {margin-top: 20px;margin-bottom: 20px;} .banner-img {margin-top:40px;margin-bottom:-20px} .col-sm-12.col-md-offset-1 {margin-left: 0%; width: 33.33333333%;} .new-page .col-sm-12.col-md-offset-1 {margin-left: 0%; width: 100%;} .info-page .ct-container {padding: 20px 10% 20px 10%;} .sidebar__comments {padding: 46px 40px 43px;} .sidebar__comments h3 {font-size: 18px;line-height: 28px;} .div-center {margin: 0px auto 0 auto;} #tutorialBox {min-width: 85%!important;max-width: 85%!important;} } @media (min-width:768px) and (max-width:991px){ .banner-img {margin-top:40px;margin-bottom:-20px} .banner-img .banner-inf {right:40px;top:20%;font-size:55px!important;line-height:65px!important;} .banner-img .banner-inf .size-1 {font-size:27px!important;} .banner-img .banner-inf .size-2 {font-size:85px!important;} .banner-img .banner-inf .size-3 {font-size:47px!important;margin:-20px 0 -20px 0} .banner-img .banner-inf .size-4 {font-size:22px!important;} .orosei-info p {line-height: 29px;font-size: 17px;} #tutorialBox {min-width: 100%!important;max-width: 100%!important;min-height: auto!important;} .text-main {margin-top: 20px;margin-bottom: 20px;} .orosei-info .h4 {line-height: 37px!important;font-size: 25px!important;} .info-page .ct-container {padding: 20px 10% 20px 10%;} .btn-filter {padding: 9px 18px;margin-bottom:20px;margin-right: 7px!important;} .sidebar__comments {padding: 36px 30px 33px;} .sidebar__comments h3 {font-size: 20px;padding-left:50px;} #tutorialBox p {font-size: 14px;} .div-center {margin: 0px auto 0 auto;} .info-block p {min-height: 55px!important;} .info-block img {top: 0px!important;} } @media (max-width:767px){ .banner-img {margin-top:40px;margin-bottom:-20px} .xs-inline-show {display:inline-block} .banner-img .banner-inf .size-1 {font-size:22px!important;} .banner-img .banner-inf .size-2 {font-size:89px!important;-webkit-text-stroke-color: #313131!important;display:none} .banner-img .banner-inf .size-3 {font-size:55px!important;margin:-20px 0 -20px 0} .banner-img .banner-inf .size-4 {font-size:23px!important;} .banner-img:hover .banner-inf {color: #313131!important;} .banner-img .banner-inf {background-image: url(../img/bg.webp);color: #313131;position:relative;right:auto;left:0px;padding:0px 30px 20px 30px;text-align: center;} .banner-img:hover img {transform: scale(1);} .orosei-info p {line-height: 29px;font-size: 17px;} .orosei-info .font-25 {line-height: 32px!important;font-size: 20px!important;} .info-page .ct-container {padding: 20px 15px 20px 15px;} .info-page .footer-line {margin-top: 245px!important;} .btn-filter {padding: 6px 16px;margin-bottom:12px;margin-right: 5px!important;font-size: 15px} .sidebar__comments {padding: 36px 30px 33px;} .sidebar__comments h3 {font-size: 20px;padding-left:0px;} .div-center {margin: 0px auto 0 auto;} .xs-text {color:#fff;margin-bottom:40px;z-index:999;padding:0 30px 0 30px} .xs-text img{width:90px;height:auto!important; margin: 0 auto;display: block;text-align: center;} .filter-menu .xs-text img{width:70px;margin-bottom:10px;} .filter-menu .xs-text {padding:0 40px 0 40px} } .mr-30 {margin-right:30px;} .center-div {margin:50px auto 50px auto;text-align:center} .center-div a {margin:0 15px 0 15px;transition:1s;border-radius:5px;border:2px solid #112542;text-transform:uppercase;font-size:14px;vertical-align:middle;padding:18px 35px 18px 35px;font-weight:700;text-align:center;background-color: transparent;color:#112542 !important;} .center-div a:hover {transition:1s;border-radius:5px;border:2px solid #112542;color:#fff!important;background:#112542} .center-div .btn-2 {float:right;min-height:auto;margin:-14px 15px 0 15px;transition:1s;border-radius:5px;border:2px solid #112542;text-transform:uppercase;font-size:14px;vertical-align:middle;padding:13px 25px 13px 25px;font-weight:700;text-align:right;background-color: transparent;color:#112542 !important;} .center-div .btn-2:hover {transition:1s;border-radius:5px;border:2px solid #112542;color:#fff!important;background:#112542} .abs-img {padding-left:50px;position:relative} .abs-img img {position:absolute;left:0px;top:3px} #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormHead {display:none} #pjWrapperNewsletter_theme1 .pjCfForm label, #pjWrapperNewsletter_theme1 .pjCfForm .control-label, #pjWrapperNewsletter_theme1 .pjCfForm input[type="file"] {font-weight: 900;color: #313131!important;} [id^=pjWrapper] .panel {border:none!important;box-shadow:none!important} body [id^=pjWrapper] {border-radius:5px; background-color: transparent!important;} #pjWrapperNewsletter_theme1 {margin-bottom:50px;} .forms #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);margin: 20px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .forms #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} [id^=pjWrapper] .form-control {height: 45px!important;padding: 10px 12px!important;} #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormBody {border-radius:20px;background: rgba(227,238,240, 1)!important;background-image: url(../img/texture.jpg)!important;padding:50px;} .coming-page .control-label {display:none!important} .coming-page .col-sm-9 {margin-left:12%} .coming-page .col-sm-offset-3.col-sm-9 {margin-left:12%} .coming-page .panel { background-color: transparent!important;} .mini-text a{font-weight:700} .mini-text a:hover {color:#eaab3f} .faq-page {background:rgba(227,238,240, 1);} .lg-none {display:none} .mt-40 {margin-top:40px!important;} .has-error .ct-ultimate-gdpr-form-block label {color:#a94442!important} .ct-ultimate-gdpr-form-block label {padding-left: 35px;font-weight: 400!important; font-size: 13px!important;} #ct-ultimate-gdpr-form-blockInput-0 {position: absolute!important;left: 5px;} .info-container {z-index:9999} .video-container div {padding-top: 10%!important;padding-bottom: 15.25%!important;min-height: 500px!important;max-width:850px!important;margin-top:10%!important;left:0;right:0;text-align:center;margin:0 auto;border-radius: 20px;} .ct-container { background: #fff;margin:0 auto;padding:80px 40px 50px 40px;} .skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings { color: #000;border:none!important; background-color: #f7f7f7 !important; font-size: 13px;letter-spacing: 0px;font-weight:500} .skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings:hover {text-decoration: underline;letter-spacing: 0px;} .skin-dark-theme #ct-ultimate-gdpr-cookie-content1:after {color: #fff;content: '\f30b';font-family: Font Awesome\ 5 Free;font-weight: 900;margin-left: 5px;} .skin-dark-theme #ct-ultimate-gdpr-cookie-content a {color:#000;border-bottom: 1px solid #000;} .skin-dark-theme #ct-ultimate-gdpr-cookie-read-more {display:none!important} .ct-header-popup img {width:100px;margin-top:-25px;display:inline-block} .ct-ultimate-gdpr-cookie-modal-slider-not-able {display:none!important} .ct-ultimate-gdpr-cookie-modal-slider-desc h4 {font-size: 25px;font-weight: 500;} #ct-ultimate-gdpr-cookie-modal-body h2 {color:#112542} .ct-ultimate-gdpr-cookie-modal-btn a {border-radius: 8px; padding: 10px 25px;} .link-4 {border-bottom: 2px dashed #186e7a;font-weight: 600;color:#0f2a1d} .link-4:hover {border-bottom: 2px dashed #1c7b87;color:#1c7b87;font-weight: 600;} .artivle-bg .link-4 {border-bottom: 2px dashed #0f2a1d;font-weight: 600;color:#0f2a1d} .artivle-bg .link-4:hover {border-bottom: 2px dashed #fff;color:#0f2a1d;font-weight: 600;} #close-button {display:none} .main{display: block;justify-content: center;align-items: flex-end;width: 100%;height: 200px;} .main-menu-xs {position: absolute!important;z-index:999;bottom:0;top:auto!important;width:100%} .ct-container {bottom: 15px;position: absolute;width: 970px;box-shadow: 0 8px 48px rgba(0, 0, 0, .15) !important;margin: 0 auto;} .center {margin:30px auto 50px auto;text-align:center;display:block;} .center a {margin-top:50px;padding:16px 45px 16px 45px;border-radius:4px;background-color:#112542;color:#9ba0aa;font-size:16px;transition:1s} .center a:hover {background-color:#112542;color:#fff;transition:1s} .center p {font-size:13px!important;text-align:center;color:#9ba0aa;margin-top:30px;display:block} #Helper svg {width:23px;margin-top: -5px;vertical-align: text-bottom;} .scroll-down{padding: 15px 50px 15px 15px;transition:1s;border-radius:50px;max-width:200px;width: 20%;margin: 0 auto;font-family: 'GeneralSans-Variable';position:absolute;color:#2d2d2d;background:#fff; left:0;right:0; bottom:0px; font-size:14px;font-weight:500; letter-spacing: 0.2px; z-index:3;} .scroll-down:hover{content: "";color:#2d2d2d;box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.5);transition:1s;} .scroll-down img{display:block;margin:10px auto;width:20px;} .scroll-down svg {position: absolute;right:20px;top:15px;height: 20px;width:12px;display:block;margin:0px auto;text-align:center} .scroll-down:before {content:'';width:36px;height:36px;border-radius:50px;background-color:#f0f0f0;display: block;position: absolute;right:9px;top:6px;transition:1s;} .scroll-down:hover:before {width:100%;height:48px;top:0;right:0;border-radius:50px;transition:1s;} .scroll-down small{width:100px; display:inline-block; transform:rotate(-90deg); margin-bottom:50px;font-weight:700; color:#fff;} .scroll-down span{ display:block; height:50px; position:relative; transform:translateX(-1px)} .scroll-down span::before{ -webkit-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite; -moz-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite; -o-animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite; animation:elasticus 1.2s cubic-bezier(1,0,0,1) infinite} .scroll-down span::before{ position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:70px; background:#fff; content:""} @-webkit-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@-moz-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@-o-keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}}@keyframes elasticus{ 0%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)} 50%{ -webkit-transform-origin:0% 0%; -ms-transform-origin:0% 0%; -moz-transform-origin:0% 0%; -o-transform-origin:0% 0%; transform-origin:0% 0%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 50.1%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,1); -ms-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); transform:scale(1,1)} 100%{ -webkit-transform-origin:0% 100%; -ms-transform-origin:0% 100%; -moz-transform-origin:0% 100%; -o-transform-origin:0% 100%; transform-origin:0% 100%; -webkit-transform:scale(1,0); -ms-transform:scale(1,0); -moz-transform:scale(1,0); -o-transform:scale(1,0); transform:scale(1,0)}} .info-container {position:absolute;top:0;bottom:0;height:100%;left:0;right:0;margin:0 auto;background: rgba(0,0,0,0.7);padding:40px;width:100%} .info-container iframe {width: 70%; height: 100%;margin:0 auto;display:block;text-align:center} .close-button-icon {width: 45px;border-radius: 50%;padding: 11px;position:absolute;top:40px;right:120px;z-index:99;border: 2px solid #fff!important;} .info-container-1 {z-index: 999;position:absolute;top:0;bottom:0;height:100%;left:0;right:0;margin:0 auto;background: rgba(0,0,0,0.7);padding:40px;width:100%} .bg-class{justify-content: center;flex-wrap: wrap;align-content: center;align-items: center;display: flex;content:'';z-index: 99;position:absolute;top:0;left:0;height:100%;margin:0 auto;background-image:url(../img/texture.png)!important;background: rgba(227,238,240, 1);padding:40px;width:30%} .info-container-1:after {padding:40px;content:'';position:absolute;top:0;left:0;z-index: 9;display: block;width: 100%;height: 100%;} .info-container-1 h2 {font-size: 42px;line-height: 50px;font-weight: 900;text-transform: uppercase;display: block;width:100%;color:#25334e;z-index:99;} .info-container-1 p {display: block;width:100%;color:#313131;font-size:18px;line-height:30px;font-weight:400;z-index:99;} .info-container-1 .close-button-icon {right:auto;left:40px;background-color: #fff;border-radius: 50%;padding: 15px;width: 55px;} .info-container-1 .close-button-icon:hover {background: rgba(234,171,63,1)!important;} .info-container-1 p:after {display: block;width: 270px;height: 270px;content:'';background-position: center;background-size: cover;} @media (min-width:1201px) and (max-width:1400px){ .info-container-1 p:after {width: 220px;height: 220px;} } #close-button {display:block;top: -30px;right:40px;z-index:999;position:absolute} #close-button img {height:25px;width:25px} .map-items {display: none; opacity: 0;transition: opacity 0.7s ease-in-out;position: absolute;top: 15%;right: 100px;z-index: 9999;} .map-items img {height:550px} .map-link-1 {top: 20px;left: 106px;color: #fff;font-size: 18px;position: absolute;text-decoration: none;display: block;backface-visibility: hidden; text-transform: uppercase;} .active:before, .map-link-1:hover:before {background: #B17C22;} .map-link-1:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .active:before{-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3)} .map-items span.lefts{-webkit-transform:translate(-99%,-4px);-ms-transform:translate(-99%,-4px);transform:translate(-99%,-4px)} .map-items span.rights {-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center; -webkit-transform: translate(25px,-4px);-ms-transform: translate(25px,-4px);transform: translate(25px,-4px);} .map-items span{ font-weight: 600;white-space:nowrap;color:#fff; font-size:15px;letter-spacing:-.4px;display:block;padding:5px 10px 10px 10px;backface-visibility:hidden} .map-link-1:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-2{top:60px;left:70px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-2:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-2:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-2:hover:before{background:#B17C22} .map-link-3{top:106.5px;left:63px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-3:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-3:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-3:hover:before{background:#B17C22} .map-link-4{top:150px;left:76px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-4:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-4:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-4:hover:before{background:#B17C22} .map-link-5{top:187px;left:97px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-5:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-5:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-5:hover:before{background:#B17C22} .map-link-6{top:233px;left:89px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-6:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-6:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-6:hover:before{background:#B17C22} .map-link-7{top:281px;left:103px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-7:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-7:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-7:hover:before{background:#B17C22} .map-link-8{top:327px;left:86px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-8:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-8:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-8:hover:before{background:#B17C22} .map-link-9{top:381px;left:81px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-9:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-9:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-9:hover:before{background:#B17C22} .map-link-10{top:437px;left:78px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-10:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-10:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-10:hover:before{background:#B17C22} .map-link-11{top:484px;left:38px;text-transform:uppercase;color:#fff;font-size:18px;position:absolute;text-decoration:none;display:block;backface-visibility:hidden} .map-link-11:before{content:'';position:absolute;width:27px;height:27px;border-radius:100%;border:4px solid #fff;-webkit-transition:all .25s ease;transition:all .25s ease;backface-visibility:hidden} .map-link-11:after{content:'';position:absolute;width:9px;height:9px;background:#fff;border-radius:100%;top:9px;left:9px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .25s ease;transition:all .25s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden} .map-link-11:hover:before{background:#B17C22} .filter-item svg {width:40px;height:40px;} .filter-item img {width:40px;height:40px;} .filter-item {position: absolute;bottom: 55px;right: 115px;z-index: 3;} .filter-menu{opacity:0;display:flex;flex-direction:column;transition:opacity .5s ease-in-out} .filter-menu.show{opacity:1} .filter-menu button{opacity:0;transform:translateY(20px);transition:opacity .5s ease-in-out,transform .3s ease-in-out} .filter-menu.show button{opacity:1;transform:translateY(0)} .filter-menu.hidden{transition:none;opacity:0;pointer-events:none} .filter-menu.show button{opacity:1;transform:translateY(0)} .filter-menu button:nth-child(1){transition-delay:.3s} .filter-menu button:nth-child(2){transition-delay:.6s} .filter-menu button:nth-child(3){transition-delay:.9s} .filter-menu button:nth-child(4){transition-delay:1.2s} .info-icon {position:absolute;bottom:53px;right:180px;z-index: 998;} .info-icon svg {width:30px;height:30px;} .info-icon img {width:43px;height:43px;} .map-item svg {width:40px;height:40px;} .map-item img {width:40px;height:40px;} .map-item {position: absolute;bottom: 45px;right: 50px;z-index: 998;} .map-item img {position: relative;width: 60px;opacity: 0.85;transition: opacity 1s;} .map-item img:hover{opacity:1;transition:1s;} .map-item:hover::before {opacity: 1;transform: scale(1);} #tutorialBox .swipe {width:100px;display:block;margin:0px auto 10px auto;text-align:center} .benvenuti {color:#ffda99!important;text-transform:uppercase;font-size:42px!important;line-height:52px!important; margin-top:-10px;font-weight:800!important; margin-bottom:15px; letter-spacing:2px!important} .benvenuti strong {font-weight:800} .pano-helper li {color:#fff;text-align:left;line-height:30px;font-size:15px;font-weight:600;} .pano-helper ul {margin:15px 0 40px 20px;} #panoHelper:after {opacity: 1;z-index: -1;position: absolute;top: 0%;left: 0%;right: 0;bottom: 0;width: 100%;height: 100%;content: "";background: rgba(0,0,0,0.3);} .pano-helper .pano-width {background:linear-gradient(135deg, rgb(28 35 43) -0.03%, rgb(20 86 96) 32.99%, rgb(13 114 109) 66.01%, rgb(31 34 39) 100.03%);border-radius:30px;position: absolute;top: 15%;left: 0;right:0;margin: 0 auto;min-width: 270px;max-width: 460px;padding: 20px 50px 50px 50px; height: auto; min-height: 450px;} .pano-helper {width: 100%;height: 100%; position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-size: cover;background-position: center center;text-align: center;z-index:999} .pano-helper span {color:#fff} .pano-helper p {color: #fff;margin-right:0px;line-height:27px;font-size:17px;font-weight:700;letter-spacing: .3px;display: block;} .pano-helper .swipe {width:120px;display:block;margin:10px auto 0px auto;text-align:center} .pano-helper #closeHelper { font-size: 20px;border-radius:6px;margin-top:-15px;margin-bottom:10px;font-weight:700;background: #fff;border: none;padding:8px 0;width: 190px;color: #112542; -webkit-transition: all .2s ease;transition: all .2s ease;} .pano-helper #Helper {font-size: 17px;font-weight:400;color: #fff;padding-top:0px;display:block;margin:10px auto;text-align:center} .pano-helper #Helper img {display:inline-block;width:35px;margin-top:-5px;} .pano-helper #Helper span {margin-top:-10px;} @media (max-width:767px){ .benvenuti {letter-spacing: 1px!important;font-size: 32px!important;} .pano-helper .pano-width {margin: 0 20px 0 20px;padding: 20px 25px 40px 25px;background-color:transparent;min-height: auto;top:15%!important} .pano-helper #closeHelper {margin-top:15px;} .skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings {margin-bottom: 10px;padding: 5px 25px!important;} .skin-dark-theme h2.ct-header-popup { margin: 0 0 0px!important;} .bg-preloader {background: rgba(0,0,0,0.2)!important;} .pano-helper .swipe {width: 90px!important;} } #overlay { z-index: 9999;display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);} #tutorialBox {background:linear-gradient(135deg, rgb(15 71 61) -0.03%, rgb(0 94 89) 32.99%, rgb(34 140 129) 66.01%, rgb(0 51 44) 100.03%);color:#fdfdfd;position:relative; margin:0 auto; min-width:45%;max-width:45%;min-height:60%; padding: 50px 50px 50px 50px; border-radius: 30px;margin-top:100px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} #tutorialBox p {font-size:16px;} .info-svg {width:90px;text-align:center;margin:-10px auto 15px auto;display:block} .info-block img {width:45px;display:inline-block;position:absolute;left:0;top:5px} .info-block {padding:0px 10px 0 20px} .info-block p {min-height:85px;font-size:15px!important;color:#fff;position:relative;padding-top:7px!important;padding-left:65px;display:inline-block} #tutorialBox .text-center {margin:-10px 0 40px 0} .wrapper svg {width: 30px; margin-top: 0px; height: auto;} .arrow-anim{animation: floatAnimation 2s infinite ease-in-out;} .wrapper{display:none!important;position: fixed;z-index:999;left:0;right:0;bottom:0;width:100%;} .wrapper .nav{position:relative;width:100%;height:90px;background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.1) 100%);box-shadow:0 1rem 2rem rgba(0,0,0,0.4);display:flex;} .wrapper .nav-item{color:#dea139;width: 25%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer} .wrapper .nav-item i{font-size:1.8rem;margin-bottom:.8rem} .wrapper .nav .nav-item span{text-transform:uppercase;font-size:14px;} .wrapper .nav .nav-item.hidden{opacity:0} .wrapper .nav .nav-item.btn{position:absolute;background: rgb(207,205,186);background: linear-gradient(50deg, rgba(207,205,186,1) 0%, rgba(255,255,255,0.5) 53%, rgba(27,27,27,0) 100%);transform:translateY(-55%) rotate(-45deg);padding:0.3rem;border-radius:2rem} .wrapper .nav .nav-item button{width:40px;height:40px;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s} .wrapper.active .nav .nav-item button{transform:rotate(-45deg)} .wrapper .nav .nav-item button i{font-size:2.5rem;margin:0} .wrapper.active .nav .nav-item button i{transform:scale(0.9)} @keyframes floatAnimation { 0%, 100% {transform: translateY(0);} 50% {transform: translateY(-10px);} } #closeBtn {margin-top: 10px;font-size:27px; line-height: inherit;font-weight: 400; cursor: pointer;width: 45px !important;height: 45px;position:absolute;right:25px;top:25px;border-radius: 100%;padding: 5px !important;border: 2px solid #fff !important;} #closeBtn img{width:25px} @keyframes moveUpDown { 0% {transform: translateY(9px);} 100% {transform: translateY(-1px);} } .lazy-bg {background-image: none;} .pnlm-load-box{display:none!important;background-color: #b17c22;z-index:999!important;font-weight:700;} .pnlm-load-box:before {display:none!important;position:absolute;content:"";top:25px;right:0;left:0;margin:0 auto;width:130px;height:130px;background-size: cover;background-position: center center;} .pnlm-lbox {display:none!important} .pnlm-loading {display:none!important} .pnlm-lbar {display:none!important} .pnlm-lmsg {display:none!important} .pnlm-lbar-fill {display:none!important} .pnlm-hotspot.pnlm-sprite {background-image: none;} .pnlm-hotspot:hover {width:48px;background-color: rgba(255,255,255,0);} .pnlm-hotspot{width:48px;height:auto;overflow:hidden;will-change: transform;} .pnlm-hotspot .circle{display:block;margin:0;width:48px!important;height:48px;border-radius:2.625rem 1.625rem 1.625rem 2.625rem} .pnlm-hotspot .circle .icon{left: 0px;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;bottom:0;margin:auto;background: #40E4FC;background: linear-gradient(151deg, rgba(64, 228, 252, 1) 0%, rgba(63, 95, 250, 1) 100%);width:48px!important;height:48px!important;border-radius:2.625rem} .pnlm-hotspot .button-text{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;padding:7px 0 0 40px;margin:0 0 0 1.85rem;color:#3f3f3f;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase} .pnlm-hotspot .button-subtext{opacity:0;position:absolute;top:16px;left:0;right:0;bottom:0;padding:7px 0 0 40px;margin:0 0 0 1.85rem;font-weight:500;font-size:12px;color:#2d2d2d;line-height:1.6;text-align:left;} .pnlm-hotspot:hover .button-subtext{opacity:1;} .pnlm-hotspot:hover .button-text{opacity:1;} .pnlm-hotspot:hover .circle{width:100%!important;background: #f0f0f0} .pvs-1 .url-hotspot:hover{width:225px;height:auto;z-index:999} .pvs-1 .url-hotspot2:hover{width:215px;height:auto;z-index:999} .pvs-1 .url-hotspot4:hover{width:195px;height:auto;z-index:999} .pvs-1 .url-hotspot6:hover{width:195px;height:auto;z-index:999} .pvs-1 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-1 .url-hotspot5:hover{width:200px;height:auto;z-index:999} .pvs-1 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-1 .url-hotspot7:hover{width:195px;height:auto;z-index:999} .pvs-1 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-1 .url-hotspot8:hover{width:225px;height:auto;z-index:999} .pvs-1 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-1 .url-hotspot9:hover{width:195px;height:auto;z-index:999} .pvs-1 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-1 .url-hotspot10:hover{width:260px;height:auto;z-index:999} .pvs-1 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-1 .url-hotspot11:hover{width:265px;height:auto;z-index:999} .pvs-1 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-1 .url-hotspot12:hover{width:200px;height:auto;z-index:999} .pvs-1 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-1 .url-hotspot13:hover{width:180px;height:auto;z-index:999} .pvs-1 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/instagram-icon.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-2 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-2 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-2 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot4:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-2 .url-hotspot5:hover{width:225px;height:auto;z-index:999} .pvs-2 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot6:hover{width:205px;height:auto;z-index:999} .pvs-2 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot8:hover{width:265px;height:auto;z-index:999} .pvs-2 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot9:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot10:hover{width:200px;height:auto;z-index:999} .pvs-2 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-2 .url-hotspot11:hover{width:210px;height:auto;z-index:999} .pvs-2 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot12:hover{width:230px;height:auto;z-index:999} .pvs-2 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/cave.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-2 .url-hotspot13:hover{width:195px;height:auto;z-index:999} .pvs-2 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot14:hover{width:225px;height:auto;z-index:999} .pvs-2 .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-2 .url-hotspot15:hover{width:235px;height:auto;z-index:999} .pvs-2 .url-hotspot15 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot4:hover{width:225px;height:auto;z-index:999} .pvs-3 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot6:hover{width:175px;height:auto;z-index:999} .pvs-3 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-3 .url-hotspot:hover{width:205px;height:auto;z-index:999} .pvs-3 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot6:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-3 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-3 .url-hotspot9:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/car-white.svg");position: absolute; content: "";top: 6px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover} .pvs-3 .url-hotspot8:hover{width:225px;height:auto;z-index:999} .pvs-3 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot10:hover{width:265px;height:auto;z-index:999} .pvs-3 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot11:hover{width:200px;height:auto;z-index:999} .pvs-3 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-3 .url-hotspot12:hover{width:210px;height:auto;z-index:999} .pvs-3 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot13:hover{width:230px;height:auto;z-index:999} .pvs-3 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/cave.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-3 .url-hotspot14:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-3 .url-hotspot15:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot15 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-3 .url-hotspot16:hover{width:195px;height:auto;z-index:999} .pvs-3 .url-hotspot16 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-4 .url-hotspot:hover{width:225px;height:auto;z-index:999} .pvs-4 .url-hotspot2:hover{width:205px;height:auto;z-index:999} .pvs-4 .url-hotspot3:hover{width:205px;height:auto;z-index:999} .pvs-4 .url-hotspot4:hover{width:205px;height:auto;z-index:999} .pvs-4 .url-hotspot5:hover{width:190px;height:auto;z-index:999} .pvs-4 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-4 .url-hotspot6:hover{width:190px;height:auto;z-index:999} .pvs-4 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-4 .url-hotspot7:hover{width:190px;height:auto;z-index:999} .pvs-4 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-4 .url-hotspot8:hover{width:225px;height:auto;z-index:999} .pvs-4 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-4 .url-hotspot9:hover{width:260px;height:auto;z-index:999} .pvs-4 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-4 .url-hotspot10:hover{width:265px;height:auto;z-index:999} .pvs-4 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-4 .url-hotspot11:hover{width:200px;height:auto;z-index:999} .pvs-4 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-4 .url-hotspot12:hover{width:200px;height:auto;z-index:999} .pvs-4 .url-hotspot13:hover{width:215px;height:auto;z-index:999} .pvs-4 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-4 .url-hotspot-video2:hover{width:210px;height:auto;z-index:999} .pvs-4 .url-hotspot-video2 .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .pvs-5 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-5 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-5 .url-hotspot3:hover{width:205px;height:auto;z-index:999} .pvs-5 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-5 .url-hotspot4:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-5 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-5 .url-hotspot6:hover{width:225px;height:auto;z-index:999} .pvs-5 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-5 .url-hotspot9:hover{width:260px;height:auto;z-index:999} .pvs-5 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-5 .url-hotspot10:hover{width:265px;height:auto;z-index:999} .pvs-5 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-5 .url-hotspot11:hover{width:200px;height:auto;z-index:999} .pvs-5 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-5 .url-hotspot7:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-5 .url-hotspot8:hover{width:195px;height:auto;z-index:999} .pvs-5 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot4:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-6 .url-hotspot5:hover{width:225px;height:auto;z-index:999} .pvs-6 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot6:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-6 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-6 .url-hotspot8:hover{width:265px;height:auto;z-index:999} .pvs-6 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot9:hover{width:195px;height:auto;z-index:999} .pvs-6 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-6 .url-hotspot10:hover{width:200px;height:auto;z-index:999} .pvs-6 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-6 .url-hotspot11:hover{width:210px;height:auto;z-index:999} .pvs-6 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-7 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-7 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-7 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-7 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot4:hover{width:225px;height:auto;z-index:999} .pvs-7 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-7 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot6:hover{width:225px;height:auto;z-index:999} .pvs-7 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-7 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-7 .url-hotspot8:hover{width:180px;height:auto;z-index:999} .pvs-7 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/map.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-7 .url-hotspot9:hover{width:210px;height:auto;z-index:999} .pvs-7 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-7 .url-hotspot10:hover{width:210px;height:auto;z-index:999} .pvs-7 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-7 .url-hotspot11:hover{width:200px;height:auto;z-index:999} .pvs-7 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-7 .url-hotspot12:hover{width:220px;height:auto;z-index:999} .pvs-7 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-7 .url-hotspot13:hover{width:180px;height:auto;z-index:999} .pvs-7 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/map.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-7 .url-hotspot-video2:hover{width:210px;height:auto;z-index:999} .pvs-7 .url-hotspot-video2 .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .pvs-8 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-8 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot4:hover{width:225px;height:auto;z-index:999} .pvs-8 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot6:hover{width:225px;height:auto;z-index:999} .pvs-8 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-8 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-8 .url-hotspot8:hover{width:180px;height:auto;z-index:999} .pvs-8 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/map.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-8 .url-hotspot9:hover{width:200px;height:auto;z-index:999} .pvs-8 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-8 .url-hotspot10:hover{width:200px;height:auto;z-index:999} .pvs-8 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-8 .url-hotspot-foto:hover{width:210px;height:auto;z-index:999} .pvs-8 .url-hotspot11:hover{width:230px;height:auto;z-index:999} .pvs-8 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/cave.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-8 .url-hotspot12:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot13:hover{width:195px;height:auto;z-index:999} .pvs-8 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-8 .url-hotspot14:hover{width:205px;height:auto;z-index:999} .pvs-8 .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot:hover{width:195px;height:auto;z-index:999} .pvs-9 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-9 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-9 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-9 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot4:hover{width:225px;height:auto;z-index:999} .pvs-9 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-9 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot6:hover{width:225px;height:auto;z-index:999} .pvs-9 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-9 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-9 .url-hotspot8:hover{width:180px;height:auto;z-index:999} .pvs-9 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/map.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-9 .url-hotspot9:hover{width:200px;height:auto;z-index:999} .pvs-9 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-9 .url-hotspot10:hover{width:200px;height:auto;z-index:999} .pvs-9 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-9 .url-hotspot11:hover{width:210px;height:auto;z-index:999} .pvs-9 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-9 .url-hotspot12:hover{width:255px;height:auto;z-index:999} .pvs-9 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/ticket.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot4:hover{width:225px;height:auto;z-index:999} .pvs-10 .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot6:hover{width:175px;height:auto;z-index:999} .pvs-10 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-10 .url-hotspot:hover{width:205px;height:auto;z-index:999} .pvs-10 .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot2:hover{width:195px;height:auto;z-index:999} .pvs-10 .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot3:hover{width:195px;height:auto;z-index:999} .pvs-10 .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot5:hover{width:195px;height:auto;z-index:999} .pvs-10 .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot6:hover{width:195px;height:auto;z-index:999} .pvs-10 .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot7:hover{width:260px;height:auto;z-index:999} .pvs-10 .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/rubber-boat.svg");position: absolute; content: "";top: 3px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 41px;height: 41px;background-size:cover} .pvs-10 .url-hotspot9:hover{width:195px;height:auto;z-index:999} .pvs-10 .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/car-white.svg");position: absolute; content: "";top: 6px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover} .pvs-10 .url-hotspot8:hover{width:205px;height:auto;z-index:999} .pvs-10 .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-10 .url-hotspot10:hover{width:265px;height:auto;z-index:999} .pvs-10 .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/diving.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot11:hover{width:200px;height:auto;z-index:999} .pvs-10 .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .pvs-10 .url-hotspot12:hover{width:210px;height:auto;z-index:999} .pvs-10 .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .pvs-10 .url-hotspot13:hover{width:230px;height:auto;z-index:999} .pvs-10 .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/cave.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .pvs-10 .url-hotspot14:hover{width:180px;height:auto;z-index:999} .pvs-10 .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/instagram-icon.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .url-hotspot-foto:hover{width:195px;height:auto;z-index:999} .url-hotspot-foto .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .url-hotspot-foto-1:hover{width:160px;height:auto;z-index:999} .url-hotspot-foto-1 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .url-hotspot-foto-2:hover{width:180px;height:auto;z-index:999} .url-hotspot-foto-2 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .url-hotspot-foto-3:hover{width:200px;height:auto;z-index:999} .url-hotspot-foto-3 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .url-hotspot-video {display:none;} .url-hotspot-video:hover{width:180px;height:auto;z-index:999} .url-hotspot-video .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .url-hotspot-video2:hover{width:240px;height:auto;z-index:999} .url-hotspot-video2 .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .url-hotspot-video3:hover{width:220px;height:auto;z-index:999} .url-hotspot-video3 .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .url-hotspot-video4 {display:none} .url-hotspot-video4:hover{width:220px;height:auto;z-index:999} .url-hotspot-video4 .circle .icon.arrows::before{background:url("../img/svg/play.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .url-hotspot:hover{width:190px;height:auto;z-index:999} .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot2:hover{width:170px;height:auto;z-index:999} .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot3:hover{width:180px;height:auto;z-index:999} .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot4:hover{width:180px;height:auto;z-index:999} .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot5:hover{width:210px;height:auto;z-index:999} .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot6:hover{width:150px;height:auto;z-index:999} .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/lighthouse.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .url-hotspot7:hover{width:190px;height:auto;z-index:999} .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/question-mark.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .url-hotspot8:hover{width:210px;height:auto;z-index:999} .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot9:hover{width:210px;height:auto;z-index:999} .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot10:hover{width:175px;height:auto;z-index:999} .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot11:hover{width:180px;height:auto;z-index:999} .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot12:hover{width:180px;height:auto;z-index:999} .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/location-pin.svg");position: absolute; content: "";top: 5px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .url-hotspot13:hover{width:150px;height:auto;z-index:999} .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/lighthouse.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .url-hotspot14:hover{width:170px;height:auto;z-index:999} .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .url-hotspot15:hover{width:190px;height:auto;z-index:999} .url-hotspot15 .circle .icon.arrows::before{background:url("../img/svg/question-mark.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 26px;height: 26px;background-size:cover} .main-page .url-hotspot:hover{width:210px;height:auto;z-index:999} .main-page .url-hotspot .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .main-page .url-hotspot2:hover{width:195px;height:auto;z-index:999} .main-page .url-hotspot2 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot3:hover{width:195px;height:auto;z-index:999} .main-page .url-hotspot3 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot4:hover{width:195px;height:auto;z-index:999} .main-page .url-hotspot4 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot5:hover{width:195px;height:auto;z-index:999} .main-page .url-hotspot5 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot6:hover{width:205px;height:auto;z-index:999} .main-page .url-hotspot6 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot7:hover{width:225px;height:auto;z-index:999} .main-page .url-hotspot7 .circle .icon.arrows::before{background:url("../img/svg/map.svg");position: absolute; content: "";top: 11px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .main-page .url-hotspot8:hover{width:225px;height:auto;z-index:999} .main-page .url-hotspot8 .circle .icon.arrows::before{background:url("../img/svg/ship-in-sea.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot9:hover{width:205px;height:auto;z-index:999} .main-page .url-hotspot9 .circle .icon.arrows::before{background:url("../img/svg/house-pin.svg");position: absolute; content: "";top: 9px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot10:hover{width:200px;height:auto;z-index:999} .main-page .url-hotspot10 .circle .icon.arrows::before{background:url("../img/svg/town.svg");position: absolute; content: "";top: 0px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 38px;height: 38px;background-size:cover} .main-page .url-hotspot11:hover{width:210px;height:auto;z-index:999} .main-page .url-hotspot11 .circle .icon.arrows::before{background:url("../img/svg/tower-fall.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot12:hover{width:190px;height:auto;z-index:999} .main-page .url-hotspot12 .circle .icon.arrows::before{background:url("../img/svg/sunbed-beach.svg");position: absolute; content: "";top: 7px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot13:hover{width:230px;height:auto;z-index:999} .main-page .url-hotspot13 .circle .icon.arrows::before{background:url("../img/svg/cave.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .main-page .url-hotspot14:hover{width:180px;height:auto;z-index:999} .main-page .url-hotspot14 .circle .icon.arrows::before{background:url("../img/svg/instagram-icon.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .main-page .url-hotspot15:hover{width:160px;height:auto;z-index:999} .main-page .url-hotspot15 .circle .icon.arrows::before{background:url("../img/svg/instagram-icon.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 28px;height: 28px;background-size:cover} .main-page .url-hotspot16:hover{width:195px;height:auto;z-index:999} .main-page .url-hotspot16 .circle .icon.arrows::before{background:url("../img/svg/photo.svg");position: absolute; content: "";top: 10px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 30px;height: 30px;background-size:cover} .main-page .url-hotspot-video2:hover{width:195px;height:auto;z-index:999} .pnlm-sprite.toggle-sub-buttons {background-image: none;} .pnlm-hotspot7:hover {background-color: rgba(255,255,255,0);} .green .circle .icon{background: linear-gradient(135deg, rgb(32 83 58) -0.03%, rgb(115 121 30) 32.99%, rgb(107 144 11) 66.01%, rgb(15 42 29) 100.03%);} .pnlm-sprite.toggle-sub-buttons {background-image: none;} .pnlm-hotspot7:hover {background-color: rgba(255,255,255,0);} .checkbox-checked:hover .button-text, .checkbox-checked:hover .circle {display: none!important;pointer-events: none!important;} .container{position:relative} .container-2{position:relative} .round-label{z-index:999;position:relative;display:block;width:50px;height:50px;border-radius:50%;background: linear-gradient(4deg, rgba(234,171,63,1) 0%, rgba(177,124,34,1) 100%)!important;cursor:pointer} .round-label::before {position: absolute;content: "";top: 5px;left: 6px;width: 40px;height: 40px; background-image: url(../img/location-pin.png);} @keyframes fadeIn { to {opacity: 1;} } .pnlm-sprite {background-image: none;} .pnlm-controls-container {display:none!important} .pnlm-container:before {content:'';z-index:1;box-shadow:inset 0px 11em 8em -10em rgb(0 0 0 / 80%), inset 0px -21em 15em -10em rgb(0 0 0 / 80%);background-position: bottom;width:100%;background-repeat: no-repeat;position: absolute; bottom: 0;top:0;left: 0;right: 0;height: 100%;} .pnlm-panorama-info {left:20px;bottom:50px;background-color:rgba(187,173,131,0);pointer-events: none;padding:20px;max-width:750px;} .pnlm-author-box {max-width: 65%;font-size:19px;line-height:25px;font-family: 'GeneralSans-Variable';font-weight: 400;} .pnlm-title-box span {position:relative} .pnlm-title-box span:before {content: '';border-bottom: 3px solid #fff;position: absolute;bottom: 5px;display: block;width: 100%;left: 0;} .pnlm-title-box {margin-left:0px;margin-bottom:20px; font-size:50px;line-height:55px;font-family: 'GeneralSans-Variable';font-weight: 400;letter-spacing: -2.5px;} .pnlm-panorama-info.fade-out { opacity: 0; transition: opacity 1s ease; pointer-events: none; } #panorama-360 img {top:40%;bottom:0;left:0;right:0;z-index:1;position:absolute;width:90px;margin:0 auto;display:block;} .custom-button { background-color: #3498db; color: #fff; padding: 10px 20px; border: none; cursor: pointer;} .tooltip { display: none; position: absolute; background-color: #333; color: #fff; padding: 10px; border-radius: 5px;z-index: 1;} .info-detailss {width:100%;position:relative;display:none;margin-bottom:60px;} #panorama{width:100%;height:100vh;overflow:visible} #panorama a {position:absolute;left:15px;right:0;margin:0 auto;text-align:center;z-index:999;} #panorama .more-item {bottom: 40px;} button:focus{ outline:0} button{ padding:unset; margin:unset; border:unset; border-radius:unset; background-color:unset} @media (min-width:1921px) and (max-width:6000px){ .pnlm-panorama-info {max-width: 500px;} .pnlm-title-box {font-size: 40px;} .pnlm-author-box {font-size: 15px;} .scroll-down {font-size: 15px;} .info-icon img {width: 45px;height: 45px;} .filter-item img {width: 42px;height: 42px;} .map-item svg { width: 45px;height: 45px;} .filter-item { right: 120px;} } @media (min-width:1401px) and (max-width:1650px){ .info-container-1 p {font-size: 16px;line-height: 28px;} } @media (min-width:1200px) and (max-width:1400px){ .pano-helper .pano-width {top: 10%;min-height: 430px;padding: 0px 50px 20px 50px;} .benvenuti {font-size: 35px !important;line-height: 47px !important;} .scroll-down {bottom: 30px !important;} .pnlm-panorama-info {bottom: 120px !important;} .info-container-1 p {font-size: 16px;line-height: 28px;} .ct-container {height:auto; max-height: auto;padding: 80px 50px 50px 50px;} } @media (min-width:992px) and (max-width:1199px){ .pano-helper .pano-width {top: 15%;min-height: 430px;padding: 0px 50px 20px 50px;} .benvenuti {font-size: 35px !important;line-height: 47px !important;} #panorama {height:100vh!important} .scroll-down {bottom: 70px !important;} .pnlm-panorama-info {bottom: 155px !important;} .pano-helper .pano-width {min-width: 270px;max-width: 520px;} .info-container-1 p {font-size: 16px;line-height: 28px;} .bg-class {padding: 20px 30px 20px 30px;width: 100%;height: auto;min-height:300px;} .info-container-1 h2 {font-size: 33px;line-height: 43px;} .info-container-1 .close-button-icon {left:auto;right:15px;top: 15px;} .info-container-1 p {padding-right:35%;position:relative} .info-container-1 p:after {position:absolute;right:30px;top:-40px;width: 250px;height: 250px;margin-top:-20px;margin-bottom:-30px} .faq-page h1 {font-size:45px!important;line-height: 45px!important;} .h1 {font-size: 45px!important;line-height: 55px;} .ct-container {padding: 80px 50px 50px 50px;} .pnlm-title-box {font-size: 40px;line-height: 45px;} .pnlm-author-box {font-size: 16px;line-height: 22px;} } @media (min-width:768px) and (max-width:991px){ .pano-helper .pano-width {top: 22.5%!important;} .info-container-1 p {font-size: 16px;line-height: 28px;} .bg-class {padding: 20px 30px 20px 30px;width: 100%;height: auto;min-height:300px;} .info-container-1 h2 {font-size: 33px;line-height: 43px;} .info-container-1 .close-button-icon {left:auto;right:40px;} .info-container-1 p {padding-right:35%;position:relative} .info-container-1 p:after {position:absolute;right:0px;top:-20px;width: 220px;height: 220px;margin-top:-20px;margin-bottom:-30px} .faq-page h1 {font-size:45px!important;line-height: 50px!important;} .h1 {font-size: 45px!important;line-height: 55px;} .orosei-info .project-block__title {font-size: 32px;} .ct-container {width: 95%!important;padding: 80px 50px 50px 50px;} .form-h2 #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormBody {padding: 90px 0px 50px 0px;margin-top: 60px;} .form-h2 h2 {margin-top: 80px;padding-left: 100px;} } @media (max-width:767px){ .skin-dark-theme #ct-ultimate-gdpr-cookie-reject {width: 100%;text-align: center;margin-bottom: 20px;position: relative;float: none;margin-left: 15px;} .form-h2 h2 {padding-left: 30px;margin-bottom: -135px; margin-top: 60px;font-size: 25px;} #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton { margin-top: 15px;} .form-h2 #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormBody {padding: 70px 30px 30px 30px!important;margin-top:60px;} .orosei-info .project-block__title {line-height: 36px;font-size: 26px;margin-top: 25px;} .text-main {padding: 50px 35px 35px 35px;text-indent: 75px;line-height: 30px!important;} .text-main:before {top: 40px;} .orosei-info .abs-img {padding: 10px 0px 10px 65px;} .orosei-info .abs-img img {left: -5px;top: 20px;} .orosei-info .h4 {line-height: 32px!important;font-size: 22px!important;} .pjCfForm .panel-body.pjCfFormBody {padding: 15px 30px 15px 30px!important;} .info-block p {min-height: auto;} .info-container-1 p:after {display:none;width: 220px;height: 220px;margin-top:-20px;margin-bottom:-30px} .ct-container {width: 100%!important;height:auto!important; margin: 0px auto 0px auto!important; display: grid;padding: 40px 20px 20px 20px!important;} #ct-ultimate-gdpr-cookie-popup {padding: 15px;} .skin-dark-theme #ct-ultimate-gdpr-cookie-content {font-size: 12px;line-height: 21px;} .ct-ultimate-gdpr-cookie-popup-bottomPanel #ct-ultimate-gdpr-cookie-content {margin-bottom: 0px!important;} #ct-ultimate-gdpr-cookie-content br {display:none} #ct-ultimate-gdpr-cookie-popup {line-height: 32px;} #ct-ultimate-gdpr-cookie-accept {padding: 4px 20px 0px 20px!important;} #ct-ultimate-gdpr-cookie-reject {padding: 2px 20px!important;} .pano-helper ul {padding:0 0px 0 0px} .call-to {padding: 12px 30px 12px 30px!important;width:100%;margin-right:0px!important;text-align:center;letter-spacing: 0px!important;} .call-to-1 {padding: 12px 30px 12px 30px!important;width:100%;margin-right:0px!important;text-align:center;letter-spacing: 0px!important;} .call-to-2 {padding: 12px 30px 12px 30px!important;width:100%;margin-right:0px!important;text-align:center;letter-spacing: 0px!important;} .call-to-4 {padding: 12px 30px 12px 30px!important;width:100%;margin-right:0px!important;text-align:center;letter-spacing: 0px!important;margin-bottom:30px!important} .center-div a {margin:0 0px 0 0px;} .xs-mt-30 {margin-top:30px;} .text-with-img {padding: 0px 15px 0px 15px;} .container-fluid {padding-right: 0px!important;padding-left: 0px!important;} .forms .center-div {margin: -55px auto 0 auto;text-align:right} .forms .center-div a{z-index:8;position:relative;} .forms .center-div span {display:none} .center-div {margin: 25px auto 0 auto;} .info-container iframe {width: 100%;} .info-container {padding: 0px;} .close-button-icon {top: 20px;right: 40px;z-index: 9999!important;} .video-container h2 {padding: 0 30px 0 30px;} .video-container div {z-index:9999!important;position: absolute;padding-top: 0% !important;padding-bottom: 15.25% !important;min-height: 350px !important;} .bg-class {padding: 20px!important;} .info-container {background: rgba(0,0,0,.85)!important;} .center-div .btn-2 {float: none;margin: 90px auto -50px auto;display: block;text-align:center;max-width:187px;} .bg-class{width: 100%;height: auto;} .bg-class h2 {padding-right:50px} .info-container-1 .close-button-icon {left: auto;right:10px;top: 10px;} .info-container-1 h2 {top:auto;width:100%;font-size: 30px; position: relative;line-height: 40px;} .info-container-1 p {top:auto;width:100%;font-size: 14px;line-height: 26px;padding-top:5px;position: relative;} .bg-class {padding: 20px;} #ct-ultimate-gdpr-cookie-change-settings {order: 1;} #ct-ultimate-gdpr-cookie-accept {order: 2;} #close-button {display:block;top: -29px;right:30px;z-index:999;position:absolute} #close-button img {height:25px;width:25px} #Helper2 {display:none} .pnlm-panorama-info {bottom: 110px;max-width:90%;left:0px!important;width:100%} .pnlm-container:before {box-shadow:inset 0px 11em 8em -10em rgb(0 0 0 / 80%), inset 0px -31em 15em -10em rgb(0 0 0 / 80%)} .wrapper{display:block!important;} #panorama{height:calc(100% - 0px);overflow:hidden;} .abs {display:none;opacity:0} .ios #panorama {height: calc(100% - 0px);} .android #panorama {height: calc(100% - 0px);} .relative-xs {position:relative;height: 100%;max-height: 100%;} .relative-xs .wrapper {z-index:9999} .info-posts{position: relative;} .more-post{position: relative;} .bg-preloader {background: rgba(0,0,0,0.6);} #Helper svg {margin-top: 0px;} .xs-relative {position:relative;z-index: 9;width: 40px;} .map-item {bottom: auto;right: auto;display:none} .pano-helper { padding: 0px 30px 40px 30px;min-height: auto;} .pano-helper .pano-width {top:10%} .pano-helper p {line-height: 28px;font-size: 18px; letter-spacing:0px;} .pano-helper #Helper {font-size: 14px;} .pano-helper .swipe {width: 70px;} .ios .bg-preloader.appearAnimation.visible {z-index:9999} .bg-preloader.appearAnimation.visible {display: block!important;background: rgba(0,0,0,0.9)!important;z-index:9999} .map-items {top: 7%;right:0;left:0;margin:0 auto; text-align: center;} #overlay{overflow-y: scroll;top:0px;bottom:0px;} .map-items img {height: 450px;} .map-items span.rights {-webkit-transform: translate(95px,-4px); -ms-transform: translate(95px,-4px); transform: translate(95px,-4px);} .map-items span.lefts {-webkit-transform: translate(-80px,-4px); -ms-transform: translate(-80px,-4px); transform: translate(-80px,-4px);} .map-link-1 {top: 16px;left: 42px;right:0} .map-link-2 {top: 50px;left: -15px;right:0} .map-link-3 {top: 88px;left: -29px;right:0} .map-link-4 {top: 123px;left: -8px;right:0} .map-link-5 {top: 154px;left: 25px;right:0} .map-link-6 {top: 191px;left: 20px;right:0} .map-link-7 {top: 228px;left: 36px;right:0} .map-link-8 {top: 268px;left: 9px;right:0} .map-link-9 {top: 311px;left: 6px;right:0} .map-link-10 {top: 357px;left: -1px;right:0} .map-link-11 {top: 397px;left: -67px;right:0} .map-link-1:before {width:22px;height:22px} .map-link-2:before {width:22px;height:22px} .map-link-3:before {width:22px;height:22px} .map-link-4:before {width:22px;height:22px} .map-link-5:before {width:22px;height:22px} .map-link-6:before {width:22px;height:22px} .map-link-7:before {width:22px;height:22px} .map-link-8:before {width:22px;height:22px} .map-link-9:before {width:22px;height:22px} .map-link-10:before {width:22px;height:22px} .map-link-11:before {width:22px;height:22px} #tutorialBox {margin-top: 0px;min-width:100%;max-width:100%;min-height:100%;padding: 30px 30px 30px 30px;} .info-block p {padding-top: 0px!important; padding-left: 70px;} .info-block { padding: 10px 0px 0 0px;} .info-block img {width: 45px;left:5px; top: 0px;} .info-svg {width: 50px; margin: 30px auto 0px auto;} #closeBtn {right: 15px;top: 10px;} #closeBtn img {width: 25px;} .map-item img {width: 60px;} .map-item::before {font-size:19px;} .pano-helper {top: 50%;} } .multiweb-img {width: 35px;margin-top: 7px;margin-left: 5px;margin-right: 5px;} #ct-ultimate-gdpr-cookie-open {color:#0e0e0e!important} .ct-ultimate-gdpr-cookie-modal-desc {margin-bottom:40px;} .ct-ultimate-gdpr-cookie-modal-content {position:relative} #ct-ultimate-gdpr-cookie-modal-close {z-index:999;position: absolute;right: -5px;} .cookie-page h3 {font-weight:700;font-size:32px;margin-bottom:30px} .heading-primary {ont-size:2em;padding:2em;text-align:center;} .accordion dl, .accordion-list {border:1px solid #ddd;&:after {content: "";display:block;width:100%; background-color:darken(#38cc70, 10%);}} .accordion dd, .accordion__panel { background-color:#eee;font-size:1em;line-height:1.5em;} .accordion p {padding:1em 2em 1em 2em;} .accordion {position:relative;background-color:#eee;} .accordionTitle:hover, .accordion__Heading:hover {color:#fff} .accordionTitle, .accordion__Heading {background-color:#eee;text-align:left;font-weight:400; padding:2em;display:block;text-decoration:none;color:#000!important;border-bottom:1px solid #fff;transition:background-color 0.5s ease-in-out; border-bottom:1px solid darken(#6C2085, 5%); &:before {content: "+"; font-size:20px;line-height:0.5em;float:right; transition: transform 0.3s ease-in-out;} &:hover {background-color:darken(#6C2085, 10%);}} .accordionTitleActive, .accordionTitle.is-expanded {background-color:darken(#6C2085, 10%); &:before {transform:rotate(-225deg);}} .accordionItem {height:auto;overflow:hidden; transition:max-height 1s; @media screen and (min-width:48em) { transition:max-height 0.5s } } .accordionItem.is-collapsed {max-height:0;} .no-js .accordionItem.is-collapsed {max-height: auto;} .animateIn {animation: accordionIn 0.45s normal ease-in-out both 1;} .animateOut {animation: accordionOut 0.45s alternate ease-in-out both 1;} @keyframes accordionIn { 0% {opacity: 0;transform:scale(0.9) rotateX(-60deg);transform-origin: 50% 0;} 100% {opacity:1;transform:scale(1);} } @keyframes accordionOut { 0% {opacity: 1;transform:scale(1);} 100% {opacity:0;transform:scale(0.9) rotateX(-60deg);} } .mb-25 {margin-bottom:25px!important} .errore-page h1 {color:#000!important;font-size:125px!important;line-height:1.1!important} .errore-page {background: url(../img/404.jpg) no-repeat scroll center center; background-size: cover; min-height: 100vh;} .torna {border-radius: 50px;box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);display:inline-block;margin: 30px auto 40px auto;color:#131211!important;font-weight:500;font-size: 15px!important;padding:15px 50px 15px 50px;background:#eee!important;border-color:transparent!important} .torna:hover {background: linear-gradient(315deg, rgba(62, 94, 20, 1) 0%, rgba(107, 144, 11, 1) 100%)!important;color:#fff!important;border-color:transparent!important} .footer-bottom a {color:#fff} .footer-bottom a:hover {color:#eaab3f} .booking p {font-size:17px!important;font-weight:400;line-height:32px!important;} .main-text {font-size:18px!important;font-weight:500!important;line-height:32px!important;} .faq-page h2{font-size: 40px;margin-bottom: 15px;} .inline-b {display:inline-block;padding-right: 15%;margin-top: 15px;} .faq-page .press p {font-size:25px;margin-bottom:50px;text-align:justify} .faq-page h1 {width:90%;display:block;font-family: 'GeneralSans-Variable';margin-bottom: 15px;font-size: 65px;line-height: 65px;font-weight: 400;letter-spacing: -.5px;color: #fff;margin-top: 20px;} .artivle-bg .h1 {color:#fff;text-transform: none;font-weight: 400;} .pl-faq {padding-left:100px;} .project-block__title {font-size: 42px;line-height: 50px;font-weight: 400;color: #000!important;margin-bottom: 5px;margin-top: 40px;text-transform: uppercase;} .article{ flex-grow:999; flex-basis:0} .faq-page .logo {width:130px; margin-left: 170px;} .services {float: right;width:80px;margin-top:-17px} .location {float: right;width:60px;margin-top:-23px} .sticky{ color:#fff; flex-grow:1;position:sticky; top:110px; display:block; align-items:center; justify-content:center} .checkbox-img {display:inline-block;width:40px;margin-right:10px;margin-top: -5px;} .town-img {display:inline-block;width:45px;margin-left:10px;background-color:#b17c22;border-radius:50%;margin-right:20px;margin-top: -5px;padding: 0px 5px 10px 5px;} .info-icons {display:inline-block;width:45px;margin-left:10px;margin-right:20px;margin-top: -10px;} .info-icons-1 {display:inline-block;width:45px;margin-left:10px;margin-right:20px;margin-top: -22px;} .mb-20 {margin-bottom:0px;margin-top:30px;display:block} .call-to {text-transform:uppercase;display:inline-block;margin-top: 25px;font-weight:700;letter-spacing:0.5px;padding: 15px 45px 15px 45px;border-radius: 4px;background-color: #112542;color: #fff;font-size: 14px;transition: 1s;} .call-to:active {color: #fff!important;} .call-to:focus {color: #fff!important;} .call-to:hover {background-color:#eaab3f!important;color:#fff} .pjRrFormActions {margin-bottom:30px;margin-left:10px;} .call-to-1 {display:inline-block;margin-top: 25px;font-weight:700;letter-spacing:0.5px;padding: 15px 45px 15px 45px;background-color: #eaab3f;color: #fff;font-size: 14px;transition: 1s;} .call-to-1:hover {background-color:#112542!important;color:#fff} .call-to-2 {border-radius:50px!important;display:inline-block;margin-top: 25px;font-weight:600;letter-spacing:0.5px;padding: 19px 45px 19px 45px;background-color: transparent;border:2px solid #17354c;color: #17354c;font-size: 14px;transition: 1s;} .call-to-2:hover {color:#eaab3f;border:2px solid #eaab3f;} .call-to-center {text-transform:uppercase;display:table;font-weight:700;letter-spacing:0.5px;padding: 15px 45px 15px 45px;border-radius: 4px;background-color: #112542;text-align:center;color: #fff;margin:25px auto 0 auto;font-size: 14px;transition: 1s;} .call-to-center:hover {background-color:#eaab3f!important;color:#fff} .mini-text {margin-top:30px;text-align:center;color:#313131} .faq-page .card-body {padding:10px 0 40px 0;font-weight:500;font-size:17px;line-height:32px;} .mt-faq {margin-top:40px;} .mt-40 {margin-top:40px;} .disp-block {display:block} .nav-link {color:#000;font-size:29px;} .faq-page a[aria-expanded="true"] .icon-faq {-webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); width: 12px; height: 12px; border-top: 1px solid #3b368c; border-left: 1px solid #3b368c; position: absolute; right: 0px; top: 40px; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;} .icon-faq {width: 12px; height: 12px; border-top: 1px solid #3b368c; border-left: 1px solid #3b368c; position: absolute; right: 0px; top: 30px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; transition: all ease 0.3s;} .disp-none {display:none} .input-container input{ position:absolute; opacity:0; cursor:pointer; height:50px; width:50px} .checkbox-text {padding-left:35px;margin-top:-20px;} .checkmark:before{content:' ';display:block;height:24px;width:24px;position:absolute;top:0;left:0;background: #fff;} .checkmark:after{content:' ';display:block;height:24px;width:24px;border: 2px solid #ccc;transition:200ms;position:absolute;top:0;left:0;transition:100ms ease-in-out;} .cfR3:checked ~ .checkmark:after{border-top-style:none;border-right-style:none;-ms-transform:rotate(-50deg);transform:rotate(-50deg);height:1.1rem;border-color:#61bb3c} .input-container{position:relative;color: #666;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);} .checkmark:after:hover,.checkmark:after:active{border-color:#61bb3c} .checkmark{margin-left:2rem;line-height:.75} #pjWrapperContactForm_1 .pjCF-form label.pjCfLeftAlign {} [id^=pjWrapperContactForm_1] .form-group .example-1 .form-group{padding:1em;margin-top:-20px!important} .example-1 input[type=file]{outline:0;opacity:0;pointer-events:none;user-select:none} .example-1 .label{width:130px;border:2px dashed grey;border-radius:5px;display:block;height:115px;transition:border 300ms ease;cursor:pointer;text-align:center} .example-1 .label i{display:block;font-size:32px;padding-bottom:16px} .example-1 .label i{padding-top:20px;color:grey;transition:200ms color} .example-1 .label .title {font-size:15px;color:#666;font-weight:300} .example-1 .label:hover{border:2px solid #000} .example-1 .label:hover i,.example-1 .label:hover .title{color:#000} .absolute-header {position:absolute} .mt-mb {margin-top:60px;margin-bottom:60px;} .mt-mb p{display:block;margin-bottom:60px;} .mt-mb a{margin-top:40px;} .inline {display:inline-block;margin-right:30px;} .inline img {width: 25px;margin-top: -12px;margin-right: 10px;} .language {letter-spacing: 0.5px;font-size:13px;vertical-align:middle;margin-top:10px;margin-bottom:5px;} .language img {vertical-align:middle} .footer {background: #06a6e3;} .footer-default p {color: #fff;line-height: 1.571428571428571;margin-bottom: 10px;} .logo {color:#fff;font-size: 30px; line-height: 35px; margin-top: 0.1em; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2em; transition: all 0.3s;} .mt-footer {padding-top:30px;display:block} .foot-inf p {padding-right:30px;} .absolute {position:absolute;top:-110px;margin-bottom:1500px;} .relative {position:relative;min-height:200px;} .over-hidden {overflow: hidden;} body{overflow:hidden;overflow-y: scroll} .inner p {text-transform: uppercase;font-size: 14px;padding: 12px 10px 12px 10px;max-width:150px;text-align:center;display:block;margin:0 auto;background: #e96b27 none repeat scroll 0 0 !important;color:#fff;background-size: cover!important;background-position: center center;} .inner p:hover {background: #06a6e3 none repeat scroll 0 0 !important;background-size:cover!important;background-position:center center;} .close:focus, .close:hover {color: #e96b27;opacity: 1;} video {width: 100% !important;height: auto !important;} .review {margin-bottom:100px!important;} #wrapper { width: 1170px; margin: 0 auto; padding: 600px 0 100px; } #main { width: 640px; float: left;z-index:9999 } #main > p, #main > div { margin-left: 7px; } #sidebar { width: 280px; float: right; } #sidebar ol { margin: 12px 0 12px 22px; } .modal-header {padding: 15px;border-bottom: none;} .modal-content {box-shadow:none;background-color: transparent;} .modal-body {background-color:#fff} .close {font-size: 65px;color: #fff;text-shadow: none;opacity: .7;} .video-title { color: #06a6e3;background-color: rgba(255,255,255,.9);display: block; position: absolute; left: 50px; bottom: 20px; z-index: 2; display: inline-block; font-size: 18px; margin: 0; padding: 10px 15px;} .mb-15 {margin-bottom:15px;} ::-webkit-scrollbar{ width:8px; height:8px} ::-webkit-scrollbar-thumb{ cursor:pointer; background:#186e7a} ::-moz-selection{ background-color:#186e7a; color:#fff} ::selection{ background-color:#186e7a; color:#fff} .fonts {font-size:16px;line-height:27px;} .pl-50 {padding-left:50px;padding-top:35px;} .pl-55 {padding-left:55px} .mb-40 {margin-bottom:40px;} .mb-60 {margin-bottom:60px;} .strong {font-weight:700!important;} .strongs {font-weight:600;} .press h3 {color:#333;} .border { border: 4px double black!important;} .press h2 {font-size: 65px; line-height: 65px; font-weight: 900; color: #06a6e3; margin-top: 20px; margin-bottom: 50px;text-transform:uppercase} .mt-50 {margin-top:50px;} blockquote { margin-left: 70px;margin-top:50px;padding-left: 40px;margin-right:50px;border-left: 3px solid #06a6e3;} .mr-20 {margin-right:20px;} .mb-130 {margin-bottom:130px;} .mw {text-align:right} .mt-40 {margin-top:40px;} .owl-item {padding: 0 0px 0 0px!important} .pdd-0 {padding-left:0px!important;padding-right:0px!important;} .multiweb {color:#fff;font-weight:700;letter-spacing:0.5px;} .owl-theme .owl-controls .owl-buttons div {padding: 1px 10px;} .xs-show {display:none} .text-main strong {color:#474747} strong {font-weight: 600;} .mb-30 {margin-bottom:30px;} .container-2 { width: 1700px; margin: auto; max-width: 100%;} .container-3 { width: 1450px; margin: auto; max-width: 100%;} .mb-50 {margin-bottom:50px!important;} .mb-70 {margin-bottom:70px;} .mb-100 {margin-bottom:100px;} .mt-70 {margin-top:70px;} .mt-100 {margin-top:100px;} .mt-20 {margin-top:20px!important;} .scale {overflow: hidden!important;} .scale img {-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .scale img:hover{-webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); } .servizi p {padding-left:50px;} .servizi {padding-top:35px;} .servizi h2 {padding-left:50px;font-size: 45px;text-transform:uppercase;line-height: 55px;font-weight: 300;color: #06a6e3;margin-top: 20px;margin-bottom: 20px;} .servizi h2 strong {color:#e96b27} .servizi h2 .strong {color:#e96b27} .responsive-img {width:100%} .modal {background-color: rgba(0, 0, 0, 0.85);} .modal-dialog {width: 1100px;margin: 80px auto;} .embed-container { background-color: rgb(242, 242, 242);position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container video, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media (max-width:767px){ .embed-container h2 {padding-top:0%!important} } .mt-30 {margin-top:30px!important;} .mt-20 {margin-top:20px;} .overview {color:#2c2c2c;font-size:17px;} .owl-item {padding:0 15px 0 15px;} .link-2{font-size: 17px;font-weight: 500;text-decoration: none;} .link-2{position: relative;z-index: 1;display: inline-flex;padding-left: 10px;font-weight:500;color:#000;padding-bottom: 5px;padding-right: 10px;} .link-2:hover::before{width: 0;} .link-2::before{transition: width .1s ease-out;} .link-2:hover::before{transition-duration: .15s;} .container-1 {width: 1362px;margin: auto;max-width: 100%;} .nav-item img {width:85px;margin-right:40px;margin-top:-25px;padding-left:10px;} .z-999 {z-index:99;position:relative} .white-bg {background:#fff} .col{cursor: pointer;} .front,.back{background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;min-height: 280px;} .back{position: absolute;top: 0;width: 100%;left: -2px;} .inner1{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;position: absolute;left: 0;width: 100%;padding: 2rem;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;} html, body{height:100%} .floatleft{float:left !important} .floatright{float:right !important} .floatnone{float:none !important} .alignleft{text-align:left !important} .alignright{text-align:right !important} .aligncenter{text-align:center !important} .no-display{display:none} .no-margin{margin:0 !important} .no-padding{padding:0 !important} .mb-80 {margin-bottom:80px;} .mt-35 {margin-top:35px} .more-details {width:100%;position:relative;display:none;margin-top:40px;} .more-details p {font-size: 18px;line-height:30px;} a:focus, button:focus{outline:0px solid} input:focus{box-shadow:0; outline:0} textarea{box-shadow:0; outline:0} img{ max-width:100%; height:auto; border:0; vertical-align:top} .fix{overflow:hidden} h1, h2, h3, h4, h5, h6{font-family: 'GeneralSans-Variable';margin:0 0 10px;} a{transition:all 0.3s ease 0s; text-decoration:none; color:#000} a:hover{ color:#4c4c4c; text-decoration:none} a:active, a:hover, a:focus{outline:0 none; text-decoration:none} ul{ list-style:outside none none; margin:0; padding:0} .clear{clear:both} ::-moz-selection{background:#b3d4fc; text-shadow:none} ::selection{background:#b3d4fc; text-shadow:none} .browserupgrade{ margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0} ::-webkit-input-placeholder{opacity:1 !important} :-moz-placeholder{opacity:1 !important} ::-moz-placeholder{opacity:1 !important} :-ms-input-placeholder{opacity:1 !important} body{ color:#1a1918;font-family: 'GeneralSans-Variable'; font-size:14px; line-height:25px; text-align:left} .container{width:1200px} .owl-theme .owl-controls{ display: none!important;margin-top:0} .owl-prev .fa-angle-left:before {margin-left:-6px!important;} .owl-prev .fa-angle-right:before {margin-right:-6px!important;} header{ left:0; position:relative; right:0; top:5px; z-index:1039} .login a::after, .account a::after{ content:"/"; left:-17px; position:absolute; top:0; color:#000} .logo-menu-bg{background:rgba(0,0,0,0.6) none repeat scroll 0 0} .logo{padding-bottom:0px;z-index:9999; padding-top:0px; width:90px;margin-bottom:15px;margin-top:0px;display:block;margin-left:230px;} .logo img{position:absolute;top:15px} .logo >a{display:inline-block} .item-image{height:50px; margin-bottom:10px} button#booking-button{ background:#ffb400 none repeat scroll 0 0; border:0 none; color:#fff; font-size:25px; font-weight:300; line-height:58px; margin-top:36px; padding:0 70px; text-transform:uppercase} button#booking-button:hover, .booking-button-two:hover{background:rgba(255,174,0,0.8) none repeat scroll 0 0} @media (min-width:1920px){ .case {padding-left:30px;} .container{width:1230px} .contact-form{background-size:40% 100%} .error-area{ background-size:48.5% 100%; padding-bottom:127px; padding-top:206px} .contact-us-form::after{left:87%; transform:skewX(-12deg); width:185px} } @media (min-width:992px) and (max-width:1199px){ .pnlm-panorama-info {bottom: 155px!important;} .scroll-down {bottom: 130px!important;} .pvs-8 .text-with-img {padding:25px 0px 0px 15px} .banner-img .banner-inf {right:40px;top:20%;font-size:50px!important;line-height:60px!important;} .banner-img .banner-inf .size-1 {font-size:24px!important;} .banner-img .banner-inf .size-2 {font-size:75px!important;} .banner-img .banner-inf .size-3 {font-size:42px!important;margin:-23px 0 -24px 0} .banner-img .banner-inf .size-4 {font-size:20px!important;} .faq-page .logo {margin-left:0px;width: 140px;} .pl-faq {padding-left: 30px;} .booking {margin-top: 70px;padding-top: 30px;} .press h2 {font-size: 35px;line-height: 35px;margin-bottom: 20px;} .mb-70 {margin-bottom: 50px;} .servizi h2 {padding-left: 25px;margin-top: 0px;} .servizi p { padding-left: 25px;} .menu-btn img {display:none} .menu-btn {width: 160px;} .fixed .menu-btn {width: 160px;} .prev, .next {top: 30%;} .content .scrollbar {margin-bottom:100px;} .fixed .logo {margin-left: 30px;} .container-3 {width: 970px;} .container-2 {width: 970px;} .container-1 {width: 970px;} .logo{margin-left:15px;width: 90px;} .menu-btn {padding-left:15px!important;padding-right:15px!important;} .md-none {display:none} .md-show {display:block} .partner-carousel {min-height:500px;} .partner-carousel img {min-height:500px;} .container{width:970px} .content h2 {font-size: 45px;line-height: 55px;} .multiweb { letter-spacing: 0px;} .details-info{margin-bottom:35px} .details-info li span{ width:auto; margin-right:10px} .error-area{ background-size:51% 100%; padding-bottom:85px; padding-top:140px} .post-img{ margin-right:5px; width:59px} .contact-form{height:auto} .modal-dialog {width: 100%;margin: 80px auto;} .faq-page h2 {font-size: 33px;} } @media (min-width:768px) and (max-width:991px){ .service-page-inside .sticky {padding-bottom:0px;} .faq-page h2 {font-size: 33px;} .faq-page.reviews-page h1 {font-size: 30px!important;line-height: 40px!important;} .forms .xs-none {display:none} .pnlm-panorama-info {bottom: 180px;} .scroll-down {bottom: 80px;left: 30px;right: auto;} .pvs-8 .text-with-img {padding:25px 0px 0px 15px} .faq-page .logo {margin-left:10px;} .sticky {position: relative;top: 0;} .pl-faq {padding-left: 15px;} .orosei-info .pl-faq {padding-right: 50px;padding-left: 50px;} .servizi p {padding-left: 0px;} .booking { margin-top: 60px;padding-top: 60px;} .press h2 {font-size: 35px;line-height: 35px; margin-bottom: 20px;} .prev, .next {top: 30%;} .content .scrollbar {margin-bottom:-70px;} .fixed .logo img {display:none} .container-1 {width: 750px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .container-2 {width: 750px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} .container-3 {width: 750px;margin-right: auto;margin-left: auto;} .sm-show {display:block} .sm-none {display:none} .sm-mt-70 {margin-top:70px;} .modal-dialog {width: 100%;margin: 80px auto;} .more-details { margin-top: 10px;} .content h2 { font-size: 45px; line-height: 55px;} .content h4{ font-size: 20px; line-height: 30px;} .content h3{ font-size: 20px; line-height: 30px;} .sm-none {display:none} .sm-mt-30 {margin-top:30px;} .logo{width: 55px;z-index:999;margin-left:20px;margin-top:10px; position:absolute; text-align:center } .container{width:750px} .logo{ margin-left:0; text-align:center} header{position:inherit} .error-area{ padding-bottom:80px; padding-top:65px} .contact-form{height:auto} .error-area .col-md-6{padding-right:15px} } .checkbox-newsletter a {color:#eaab3f!important} @media (max-width:767px){ .coming-page .col-sm-9, .coming-page .col-sm-offset-3.col-sm-9 {margin-left: 0%;} .checkbox-newsletter { font-size: 12px;} .coming-page .pjCfForm .panel-body.pjCfFormBody {padding: 35px 30px 15px 30px!important;} .errore-page {background: url(../img/404.jpg) no-repeat scroll 100% 10%;} .errore-page.thank-you-page {background: url(../img/404.jpg) no-repeat scroll 60% 10%!important;} #agreeCheckbox-error {position:absolute;bottom:-30px;left:15px;} .icon-faq {width: 15px; height: 15px; border-top: 1px solid #3b368c; top:30px; border-left: 1px solid #3b368c;} .faq-page a[aria-expanded="true"] .icon-faq {top:25px!important;} .press .embed-container h2 {font-size: 20px!important;line-height: 30px!important;} .xs-center {display:block;width:100%;text-align:center!important} .footer-line { margin-top: 95px!important;text-align:center!important} .footer-line .text-right {text-align: center;} .faq-page h2{font-size:40px;font-weight:400;text-transform:capitalize} .faq-page h1{font-size:40px;font-weight:400;line-height:1.2;margin-bottom:0px;padding-bottom:10px;letter-spacing: -.5px;} .services-page h1{font-size:40px;font-weight:500;} #pjCaptchaWrapper_1 .col-sm-12 {width: 65%;} #pjCaptchaWrapper_2 .col-sm-12 {width: 65%;} [id^=pjWrapper] .panel-body {padding: 0px!important;} #pjWrapperContactForm_1 .container-fluid {padding-right: 0px!important;padding-left: 0px!important;} .faq-page .press p {font-size:20px;margin-bottom:30px;} .h1 {font-size: 30px!important;line-height: 40px;} .inline-b .h1 {font-size: 30px!important;line-height: 1.1;display:block!important;margin-top: 0px;} .embed-container div {margin-top: -30px;} .embed-container div h2{line-height: 1.4;} .faq-page .logo {margin-left:10px;width: 100px;} .bg-overlay {position:absolute;top:0;bottom:0;left:15px;right:15px;border-radius:15px;z-index:0;background-color: rgba(0, 0, 0, .2);} .faq-img {border-radius:15px;} #myDIV {display:none} .project-block__title {font-size: 25px;line-height: 33px;} .pl-faq {padding-left: 15px;} .sticky {position: relative;top: 0;} .destination-page .sticky {width: 85%;margin: 15px auto;} .destination-page.trail-page .sticky {width: 85%;margin: 15px auto 30px auto;} .pdd-review { padding-top: 70px;} .xs-block {display:block} .mt-50 {margin-top: 30px;} .scale img {display:none} .forms .booking { margin-top: 10px;padding-top: 30px;} .booking { margin-top: 30px;padding-top: 30px;} .footer-default__author {text-align:center} .scrollbar {margin: 3.8rem 0 0;} .next img {width:35px!important;} .prev img {width:35px!important;} .next{right: .5rem!important;} .prev {left: .5rem!important;} .pl-55 {padding-left: 15px;} .mt-100 {margin-top: 50px;} #main {width: 100%;display:none} #wrapper {width: 100%;margin: 0 auto;padding: 300px 0 100px;display:none} .xs-row {padding-left:30px!important;padding-right:30px!important} .press h2 {font-size: 28px;line-height: 38px; margin-bottom: 20px;} .pl-50 {padding-left: 30px;padding-right: 30px;padding-top: 35px;} .ml-20 {margin-left:15px;} .strong {font-weight: 900!important;} .xs-mb-50 {margin-bottom:-10px!important;} .content {margin-top: 50px;} .mt-mb {margin-top: 60px;margin-bottom: 20px;} .more-details {margin-top:10px;} .mw {margin-top:25px;text-align:center} .multiweb {border-bottom: none} .mt-70 {margin-top: 40px;} .mb-70 {margin-bottom: 40px;} .content h2 { font-size: 30px;line-height: 40px;} .content h4 { font-size: 20px;line-height: 25px;} .content h3 { font-size: 20px;line-height: 25px;} #nav-tabContent {margin-bottom:70px;} .fixed .logo {display:none} .xs-mb-30 {margin-bottom:30px;margin-top:-40px;} .xs-mb-25 {margin-bottom:25px;} .modal-content { box-shadow: 0 3px 9px rgba(0,0,0,0);background-color: transparent; border: none} .modal-header {border-bottom:none} .close {display:none;color:#fff!important; opacity: .8; font-size: 27px;} .back img {min-height:170px} .servizi p {padding-left: 0px;} .servizi h2 {padding-left: 0px;font-size: 28px;line-height: 38px;} .modal-dialog {width: 100%;margin: 80px auto;} .mt-30 {margin-top: 20px;} .xs-none {display:none!important;} .xs-show {display:block!important;} .container{width:100%} header{position:inherit} .logo{width: 95px;margin-left:20px;margin-top:-10px; position:absolute;} .mb-70 {margin-bottom: 30px;} .container-2 {width:100%;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .container-1 {width:100%;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .container-3 {width:100%;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;} .pagination li{ height:30px; line-height:25px; margin:0 2px; width:30px} .error-area{ padding-bottom:80px; padding-top:65px} .contact-form::before{width:100%} .contact-form{height:auto} .error-area .col-md-6{padding-right:15px} } @media (max-width: 1800px) and (min-width: 1651px){ .logo{margin-left:75px;} } @media (max-width: 1700px) and (min-width: 1400px){ .faq-page h2 {font-size: 35px;} .sticky .h2 {font-size: 23px;} .servizi {padding-top: 0px;} .container-1 {width: 1320px;} .container-3 {width: 1320px;} .logo{margin-left:75px;} } @media (max-width: 1399px) and (min-width: 1201px){ #panorama .more-item {bottom: 100px;} .fixed .logo {margin-left: 70px;} .container-1 {width: 1170px;} .container-3 {width: 1170px;} .logo{margin-left:35px;} .menu-btn a {padding-left:9px!important;padding-right:9px!important} .banner-img .banner-inf {right:50px;top:20%;font-size:60px!important;line-height:70px!important;} .banner-img .banner-inf .size-1 {font-size:28px!important;} .banner-img .banner-inf .size-2 {font-size:90px!important;} .banner-img .banner-inf .size-3 {font-size:49px!important;margin:-25px 0 -27px 0} .banner-img .banner-inf .size-4 {font-size:24px!important;} .faq-page h2 {font-size: 33px;} } @media (max-width: 1650px) and (min-width: 1200px){ .faq-page h1 {font-size:55px;line-height: 55px;} .h1 {font-size:55px;line-height: 65px;} .back img {max-height:270px;width:98%} } @media only screen and (max-width: 767px) { .pnlm-title-box {font-size: 35px;letter-spacing: -1.5px;line-height: 45px;margin-bottom: 10px;} .pnlm-author-box {max-width: 100%;font-size: 16px;} .video-block {padding: 0 30px 0 30px;line-height: 30px;margin-top: 5px!important;} #open-info {font-size: 14px!important;line-height: 26px!important;margin-top:15px;padding:0 20px 0 20px} #open-info:after {bottom: -60px;font-size: 14px;width: 150px;padding: 8px 25px 8px 25px;} #open-info-2 {font-size: 14px!important;line-height: 26px!important;margin-top:15px;padding:0 20px 0 20px} #open-info-2:after {bottom: -60px;font-size: 17px;width: 150px;} .embed-container h2 {margin-top:20px;font-size: 22px;} .modal-body {padding: 0px!important;} .embed-container h2 {font-size: 20px;padding:0 20px 0 20px;line-height: 1.2!important;} .lang {bottom: 32px;left: 40px;right:auto} .booking p {font-size: 17px !important;line-height: 30px !important;} .pr-faq {padding-right: 15px !important;} .sticky a img {width:100%;--_x: calc(var(--w) - 3*var(--r) - 1.5em);} .forms .contact-info::before {left: 15px;right: 15px;} .faq-page.reviews-page h1 {font-size: 30px;line-height: 40px;} #map {height: 400px;} .inline-b {padding-right:0%} .reverse-on-mobile {display: flex;flex-direction: column-reverse;} .ml-35 {margin-left: 0px !important;} .xs-mtm-20 {margin-top:-20px!important} .xs-inline li {display:inline-block;width: 49.4%;} .abs-cin {left: 120px;} .xs-inline li:nth-child(even) {padding-left:10px;} .mb-50 {margin-bottom: 30px !important;} .service-page-inside .sticky {padding-bottom:0px;} #ct-ultimate-gdpr-cookie-modal-body .h2 {font-size: 27px;padding: 0 60px 0 60px;} }