@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,600,700&display=swap');
@import "https://fonts.googleapis.com/css?family=Mukta:700";
#ct-ultimate-gdpr-cookie-popup {display: flex!important;align-items: center;justify-content: center;position:absolute;background-color:rgba(0, 0, 0, 0);top: 0px;left:0;right:0;margin:0 auto;height:100%;width:100%!important}

#Helper1 {position: absolute;z-index: 999;width: 40px;right: 10px;top: 20px;display:none}
.project-img {cursor: zoom-in;}
.project-img-1 {cursor: zoom-in;}
.meteo-icon {position: absolute;bottom: 58px;right: 255px;z-index: 998;}
.meteo-icon img {width:32px;}
.overflow .meteo-icon {display:none}

.hiddenElement-11 {display:none}
.appearAnimation {opacity: 1;display:block}

.image-box {position: relative;margin: auto;overflow: hidden;width: 100%;display: inline-block;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);}
.image-box:hover img {transform: scale(1.05);}
.image-box:not(:hover) img {transition: transform 0s;}

.svg-icon {display:inline-block;margin-right:20px;margin-top:15px;text-transform:uppercase}
.svg-icon img {width:60px;}

.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: 5px;background-color: #d09532;color: #fff;padding:13px 30px 13px 30px;}
.city-button.active-btn:hover {background-color: #17354c;color: #fff;}
.city-button {color: #17354c;font-family: 'Raleway', sans-serif;font-weight: 700;font-size:20px;margin-right:40px;}
.city-button:hover {color:#d09532} 
.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(208 149 50 / 70%) 8px 8px 11px 0px !important}
.meteo-page .city.active-day h3 {color:#d09532;font-weight: 700;}

.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 #d09532;}
.details-button {transition: .5s;border-radius: 5px;margin-top:40px;border: 2px solid #112542;text-transform: uppercase;font-size: 12px;vertical-align: middle;padding: 10px 22px 10px 22px;font-weight: 700;text-align: center;background-color: transparent;color: #112542 !important;}
.details-button:hover {border: 2px solid #d09532;background-color: #d09532;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:20%}
.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;font-family: 'Roboto', sans-serif;}
.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}

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

@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;}
.detail-item-inf img {display:block;    margin-bottom: 5px;}
.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: 25%;}
.detail-item-inf .city-icon {margin-top: 0px;}
.city-icon { margin-bottom: 0px!important;}
}	

@media (max-width:767px){
#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: 12%;}
.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: 40%;}
.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: 30%;}
.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 .buttons {padding-right: 15px!important;padding-left: 15px!important;}
.meteo-page .footer-line {margin-top: 55px !important;}
}	

[tooltip]{position:relative;}
[tooltip]::before,[tooltip]::after{text-transform:none;font-size:.9em;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);font-family:Helvetica,sans-serif;text-align:center;min-width:3em;max-width:21em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1.5ch 2.5ch;border-radius:.3ch;box-shadow:0 1em 2em -.5em rgba(0,0,0,0.35);background:#17354c;color:#fff;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:#17354c}
[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:#17354c}
[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:#17354c;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:#17354c;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}

.scroll-down .hover-text {display: none;transition:1s;}
.scroll-down:hover .default-text {display: none;transition:1s;}
.scroll-down:hover .hover-text {display: inline;transition:1s;}


.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 .mainmenu ul#nav {margin-bottom: 23px;}
.fixed .logo {width: 65px;margin-left: 230px;}
.fixed .logo img {top: 2.5px;}
.fixed .top-line{display:none}
.pdd-mare {padding-top:70px!important}
.ajo {position:absolute;left:30px;top:-30px}
.on-board {position:absolute;right:150px;bottom:-20px;width:230px;}
.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);}
.faq-page .mobile-menu-area .mean-nav {background: transparent none repeat scroll 0 0;}
.faq-page .mean-container .mean-nav ul li a {background: #c7b3511f none repeat scroll 0 0;}
.faq-page #scrollUp {display:none!important}
.mrm-10 {margin-right: -5px;}
.pvs {position:absolute;top:40px;left:40px;width:35px;z-index:999}
.faq-question.border-none:before {opacity:0!important}
.faq-page .faq-question.border-none .card-header a {    padding: 40px 0 0px 0;}
.faq-question.border-none .call-to-1 {display:table-cell;top: 30px;position: relative;}
.mtb-btn {margin-top:-30px!important;margin-bottom:30px!important;}
.xs-active {border-bottom: 5px solid #ffda99!important;}
.font-25 {font-size:25px!important;line-height:37px!important}
.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: 155px!important;
}

.lazy {opacity: 0;transition: opacity 0.3s;}
.lazy-loaded {opacity: 1;}
.lazy-background {background-image: none;}
.lazy-background-loaded {background-image: url('');}
.lazy-iframe {opacity: 0;transition: opacity 0.3s;}
.lazy-iframe-loaded {opacity: 1;}

.overflow.home-page .navbar {position: fixed;}

.pvs-logo.logo-white {position:absolute;top:30px;left:40px;height:45px;z-index:999;display:none}
.pvs-logo {position:absolute;top:30px;left:40px;height:45px;z-index:999;display:block}
.overflow .pvs-logo.logo-white {position:absolute;top:30px;left:40px;height:45px;z-index:999;display:block}
.overflow .pvs-logo {position:absolute;top:40px;left:30px;height:45px;z-index:999;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:#112542;  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)}
.custom-link{ display:block;  transition:all 0.5s}
.custom-link *{ -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}
.custom-link a{font-weight: 600;display:flex;  flex-wrap:wrap;  align-items:center;  font-size:14px;  color:#0e0e0e}
.custom-link a:hover{ text-decoration:none}
.custom-link b{ font-weight:600;  display:inline-block;  margin-left:20px}
.custom-link .lines{margin-right: 20px; width:42px;  height:1px;  float:left;  overflow:hidden}
.custom-link .lines span:nth-child(1){ width:100%;  height:1px;  float:right;  background:#0e0e0e}
.custom-link .lines span:nth-child(2){ width:0;  height:1px;  float:left;  background:#0e0e0e}
.custom-link:hover .lines{ width:62px;  margin-left:20px}
.custom-link:hover .lines span:nth-child(1){ width:0}
.custom-link:hover .lines span:nth-child(2){ width:100%;  transition-delay:0.2s}

.navigation-menu .inner {top:10%!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:fixed; 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-family: "Poppins",sans-serif;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-family: "Poppins",sans-serif;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;    font-family: 'Raleway', sans-serif!important;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}

@media (min-width:1400px) and (max-width:1650px){
.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 .container-1 {width: 1250px;}
#faq-menu li a {font-size:25px!important;}
.faq-menu {padding: 120px 20px!important;}
.home-page .pvs-logo {left: 80px;}
.home-page .pvs-logo.logo-white {left: 80px;}
}

@media (min-width:1200px) and (max-width:1399px){
.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;}
#faq-menu li a {font-size:25px!important;}
.faq-menu {padding: 120px 20px!important;}
.home-page .pvs-logo {left: 50px;}
.home-page .pvs-logo.logo-white {left: 50px;}
}

@media (min-width:992px) and (max-width:1199px){
.navbar {position: absolute;}
.home-page .navbar {position: absolute;}
#myDIV {min-height: auto!important;}
}

@media (min-width:768px) and (max-width:991px){
.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){
.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;}
 .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: 20px;top: 15px;}
 .navbar .right .hamburger-menu{top: 30px; margin-left:auto;right: 15px;}
 .pvs-logo {left: 20px;top: 15px;}
 .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;}
.faq-question {    margin-bottom: 0px!important;}
}


.shield img {width:40px;margin-top:-7px;position:absolute;left:0}
.sticky a img:hover {opacity:1;transition:1s;}
.sticky a img {opacity:1;border-radius:10px;}

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

.faq-menu a.active {color: #eaab3f!important;}

#overlay1 p {display:block;margin:0 auto;line-height:27px;font-size:21px;font-weight:700;font-family: 'Raleway', sans-serif!important; 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}
.faq-menu a.active {color: #eaab3f!important;}

@media (max-width:767px){
.skin { padding: 10px 10px 0 10px;}
.exitblock .modaltext{width:92%;top: 30px;}
.exitblock .form-group .col-sm-6 {width: 50%;display:inline-block}
.exitblock .form-group .col-sm-4 {width: 40%;display:inline-block}
.exitblock #pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {    margin-top: 10px;}
}

.div-center .torna {background-color:#345587}
.filter-button-group {margin: 0 auto;text-align: center;}
.btn-filter {text-transform:uppercase;margin-right:10px!important;color: #345587;margin: 0 auto;text-align: center;background-color: transparent;padding: 9px 30px;font-weight: 800;font-size: 12px;transition: all .3s ease;border: 2px solid #112542;border-radius: 5px;}
.btn-filter:hover {background-color: #345587!important;color:#fff}
.active-btns {background-color: #345587!important;border: 2px solid #345587;color:#fff}

.case-vacanze-page h2 {text-align:center;font-size: 25px;margin-top:20px;text-transform: uppercase;font-weight: 800;line-height: 1;margin-bottom: 0px;padding-bottom: 10px;}
.case-info img {width:30px;margin-top:-3px;}
.case-info p {font-size:14px;font-weight:600;padding-top:15px;}
.case-info p span{padding:0 15px 0 15px;}
.case-vacanze-page .center-div {margin: 30px auto 70px auto;}
.case-vacanze-page .center-div a{background-color: #112542;display:block;color: #fff !important;}
.case-vacanze-page .center-div a:hover {transition:1s;color:#112542!important;background-color: transparent;border:2px solid #112542;}
.abCalendarNote {display:none}
.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;}
.video-block {text-align: center;margin: 0 auto;display:block;color:#25334e!important;margin-top:30px!important;font-weight: 700; float: none!important;font-size: 18px!important;}
.video-block:hover {    color: #b17c22!important;}
.video-block img {width:25px;}
.faq-page .card-header a {width: 100%; display: block;}
.icon-faq1 {animation: moveLeftAndRight 4s linear infinite;}
@keyframes moveLeftAndRight {
  0%, 100% {
    right: 0;
  }

  50% {
    right:  30px;
  }
}
.pdd-casa {padding:50px 50px 70px 50px}
.pdd-casa {padding:50px 50px 70px 50px}
.casa-page .booking {padding-top:0px;padding-right:0px;}
.casa-page .booking p {padding-right:70px;}
.mt-0 {margin-top:0px!important}
.mb-20 {margin-bottom:20px!important}
.color {color: #345587;}
.casa-page h1 span{font-size: 50px!important;}
.casa-page .booking .under-title {font-size: 27px!important;font-weight:500;line-height: 1.6!important;}

.amenities h2{border-top:1px solid #34558796;padding-top:30px;text-transform: uppercase;margin-bottom: 15px;font-size: 30px;line-height: 45px;margin-bottom:40px;font-weight: 900!important;color: #345587;}
.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;}
.amenities2 h2{border-top:1px solid #34558796;padding-top:30px;text-transform: uppercase;margin-bottom: 15px;font-size: 30px;line-height: 45px;margin-bottom:50px;font-weight: 900!important;color: #345587;}
.casa-page .best-sell-slider.owl-theme .owl-controls {display: block!important;margin-top:20px;}
.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;}
.best-sell-slider {position:relative}
.pdd-casa {position:relative}
.pdd-casa h1 {position:absolute;bottom:15px;left:17%;text-transform:uppercase;font-size:135px;line-height: 35px;font-weight: 900;color:#fff;}
.case-h1 h1 {margin-top:-135px;text-transform:uppercase;font-size:135px!important;line-height: 35px;font-weight: 900;color:#fff;}
.sidebar__comments {background-color:#f8f6f1;border-radius:10px;color: #444;padding: 40px 40px 40px;margin-top:40px;}
.sidebar__title {font-weight:700;margin-bottom:10px;line-height:35px;font-size: 19px;}
.sidebar__comments-text-box {padding-left:70px;position:relative}
.sidebar__comments-text-box img {position:absolute;left:-10px;width:50px;}
.shield {color:#444;font-weight: 600;position:relative;margin-top:40px;padding-left:50px}
.procedure {font-weight:600;}
.procedure h2 {margin-bottom:20px}
.procedure span {font-size:20px;color: #345587;}
.case-vacanze-page a {color:#4c4c4c}
.case-vacanze-page a:hover {color:#345587}
.div-center {margin:100px auto 0 auto;text-align:center;display:block}
.div-center a{color:#fff}
.div-center a:hover{color:#fff}
.procedure img {width:35px;margin-top:-5px;margin-right:10px}
#abWrapper_1 td.abCalendarMonth {font-family: 'Raleway', sans-serif;text-transform:uppercase;font-weight: 900!important;}

.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;font-family: "Roboto",sans-serif;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 #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 #restaurant:after {z-index:999;background-image: url(../img/svg/restaurant.svg);content: "";    position: absolute;  width:26px;height:26px;  left: -4px;top:5px;    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){
.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: 10%;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 auto;text-align:center;min-width:170px;padding: 8px 0px 8px 20px;}
.filter-menu button:hover {min-width:170px;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;}
.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;}
.case-info p span {padding: 0 7px 0 7px;}	
.div-center {margin: 0px auto 0 auto;}
.case-h1 h1 {margin-top: -120px;font-size: 105px!important;}
}
@media (min-width:1201px) and (max-width:1400px){
.info-page .ct-container {padding: 20px 15% 20px 15%;}
.pdd-casa {padding: 0px 0px 70px 0px;}
.case-h1 h1 {margin-top: -120px;font-size: 105px!important;}
.case-info p span {padding: 0 5px 0 5px;}	
.div-center {margin: 0px auto 0 auto;}
#tutorialBox {min-width: 75%!important;max-width: 75%!important;}
}
@media (min-width:992px) and (max-width:1200px){
.info-page .ct-container {padding: 20px 10% 20px 10%;}
.pdd-casa {padding: 0px 0px 70px 0px;}
.case-h1 h1 {margin-top: -120px;font-size: 95px!important;}
.sidebar__comments {padding: 30px 25px 20px;}
.sidebar__comments h3 {font-size: 20px;}
.sidebar__comments-text-box {padding-left: 50px;}
.amenities ul li {font-size: 14px;line-height: 38px;}
.sidebar__comments-text-box img {width: 40px;}
.div-center {margin: 0px auto 0 auto;}
#accordion p {line-height: 29px!important;font-size: 17px!important;}
#tutorialBox {min-width: 85%!important;max-width: 85%!important;}
}
@media (min-width:768px) and (max-width:991px){
#tutorialBox {min-width: 100%!important;max-width: 100%!important;min-height: auto!important;}	
#accordion p {line-height: 29px!important;font-size: 17px!important;}
.info-page .ct-container {padding: 20px 10% 20px 10%;}
.btn-filter {padding: 9px 18px;margin-bottom:20px;margin-right: 7px!important;}
.pdd-casa {padding: 0px 0px 70px 0px;}
.case-h1 h1 {margin-top: -110px;font-size: 75px!important;}
.sticky {position: sticky;top: 0;}
.booking {    margin-top: 20px;}
.booking .under-title {font-size: 24px!important;}
.booking p {padding-right: 10px;}
.sidebar__comments {padding: 36px 30px 33px;}
.amenities ul li img {width: 30px;margin-right: 5px;}
.sidebar__comments h3 {font-size: 20px;padding-left:50px;}
.sidebar__comments-text-box {padding-left: 0px;}
.amenities ul li {font-size: 13px;line-height: 33px;}
.sidebar__comments-text-box img {width: 40px;top:-60px;}
#tutorialBox p {font-size: 14px;}
.case-info p span {padding: 0 3px 0 3px;}	
.div-center {margin: 0px auto 0 auto;}
.case-info p {font-size: 13px;}
.case-vacanze-page h2 {font-size: 22px;}
.info-block p {min-height: 55px!important;}
.info-block img {top: 0px!important;}
}
@media (max-width:767px){
.info-page .ct-container {padding: 20px 15px 20px 15px;}
#accordion p {line-height: 29px!important;font-size: 17px!important;}
#accordion .font-25 {line-height: 32px!important;font-size: 20px!important;}
.info-page .footer-line {margin-top: 245px!important;}
.btn-filter {padding: 6px 16px;margin-bottom:12px;margin-right: 5px!important;font-size: 11px}
.case-info p span {padding: 0 2px 0 2px;}	
.case-vacanze-page h2 {font-size: 22px;}
.pdd-casa {padding: 0px 0px 70px 0px;}
.case-h1 h1 {margin-top: -20px;font-size: 35px!important;color: #345587;}
.sticky {position: sticky;top: 0;}
.booking {    margin-top: 30px;}
.booking .under-title {font-size: 19px!important;}
.booking p {padding-right: 10px;}
.sidebar__comments {padding: 36px 30px 33px;}
.amenities ul li img {width: 30px;margin-right: 5px;}
.sidebar__comments h3 {font-size: 20px;padding-left:0px;}
.sidebar__comments-text-box {padding-left: 0px;}
.amenities ul li {font-size: 13px;line-height: 33px;margin-bottom: 15px;}
.amenities h2 {margin-bottom: 20px;}
.sidebar__comments-text-box img {width: 40px;top:-60px;}
.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}
}
.faq-page {background:rgba(227,238,240, 1);}

.mr-30 {margin-right:30px;}

.center-div {margin:50px auto 0 auto;text-align:center}
.center-div a {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;min-height: 63px;}
.center-div a: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; font-family: 'Raleway', sans-serif!important;}
[id^=pjWrapper] .panel {border:none!important;box-shadow:none!important}
body [id^=pjWrapper] {border-radius:5px;    background-color: transparent!important;}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton {border-radius: 4px;transition: 1s;border-color:#eaab3f!important;font-size: 14px;text-transform: uppercase;margin-top:30px;display:inline-block;background:#eaab3f!important;color:#fff;font-weight:700;padding:15px 50px 15px 50px}
#pjWrapperNewsletter_theme1 .pjCfForm .pjCfFormButton:hover {background:#112542!important;color:#fff;border-color:#112542!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}

.link-4 {border-bottom: 3px dotted #b17c22;font-weight: 700;color:#313131}
.link-4:hover {border-bottom: 3px dotted #eaab3f;font-weight: 700;}
.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 {min-height: 400px!important;max-width:650px!important;margin-top:10%!important;left:0;right:0;text-align:center;margin:0 auto;border-radius: 20px;}
.ct-container { background: #112542;margin:0 auto;max-height:500px;min-height:450px;height:430px;width:28%!important;padding:80px 40px 50px 40px;}
.skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings {border:none!important;    font-size: 12px;letter-spacing: .85px;}
.skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings:hover {background-color: transparent!important;text-decoration: underline;}
.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:#fff;border-bottom: 1px solid #fff;}
.skin-dark-theme #ct-ultimate-gdpr-cookie-read-more {display:none!important}
.ct-header-popup img {width:30px;display:inline-block}
.ct-ultimate-gdpr-cookie-modal-slider-not-able {display:none!important}
.ct-ultimate-gdpr-cookie-modal-slider-desc h4 {font-family: 'Roboto', sans-serif!important;    font-size: 25px;font-weight: 500;}
#ct-ultimate-gdpr-cookie-modal-body h2 {font-family: 'Roboto', sans-serif!important; color:#112542}
.ct-ultimate-gdpr-cookie-modal-btn a {border-radius: 8px;    padding: 10px 25px;}

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

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

.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{ position:absolute;color:#dea139;  left:0;right:0; bottom:-20px; font-size:11px;text-decoration: underline;font-weight:600;text-transform: uppercase;    letter-spacing: 0px; z-index:3}
.scroll-down img{display:block;margin:10px auto;width:20px;}
.scroll-down svg {animation: moveUpDown 1s infinite alternate;height: 20px;width:13px;display:block;margin:0px auto;text-align:center}
.scroll-down small{width:100px;   display:inline-block;  transform:rotate(-90deg);  margin-bottom:50px;font-weight:700;  color:#fff;  font-family:"Mukta",sans-serif}
.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: 55px;background-color: #00000078;border-radius: 50%;padding: 15px;position:absolute;top:40px;right:120px;z-index:99}
.close-button-icon:hover {background: rgba(234,171,63,1)!important;}
.info-container-1 {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: 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:3rem;font-weight: 600;display: block;width:100%;color:#3c4d57;z-index:99;}
.info-container-1 p {display: block;width:100%;color:#3c4d57;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;}

.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: 700;white-space:nowrap;color:#fff;font-family:"Mukta",sans-serif;font-size:16px;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}

.hiddenElement {opacity: 0;transition: opacity 0.5s ease-in-out;}
.appearAnimation {opacity: 1;}

.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:130px;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}
.pano-helper li {color:#fff;text-align:left;line-height:30px;font-size:15px;font-weight:700;font-family: 'Raleway', sans-serif!important;}
.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);}
.pano-helper .pano-width {background-color:#112542;border-radius:30px;position: absolute;top: 15%;left: 0;right:0;margin: 0 auto;min-width: 270px;max-width: 450px;padding: 10px 50px 20px 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}
.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}
.pano-helper p {color: #fff;margin-right:0px;line-height:27px;font-size:17px;font-weight:700;font-family: 'Raleway', sans-serif!important; 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 {padding: 20px 25px 40px 25px;background-color:transparent;min-height: auto;top:25%!important}
.pano-helper #closeHelper {margin-top:15px;}
.skin-dark-theme #ct-ultimate-gdpr-cookie-change-settings {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: #131821;color:#fdfdfd;position:relative; margin:0 auto; min-width:45%;max-width:45%;min-height:75%;  padding: 50px 50px 0px 50px;  border-radius: 5px;  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:14px!important;color:#9ba0aa;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;font-family: "Mukta",sans-serif;}
.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;padding: 8px 16px;font-size: 14px;position:absolute;right:25px;top:25px;}
#closeBtn img{width:35px;}

.container:hover .image-container-1 {display: block;transition:1s;}
.container:hover .image-container-2 {display: block;transition:1s;}
.container:hover .image-container-3 {display: block;transition:1s;}
.image-container-1 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}
.image-container-2 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}
.image-container-3 {position: absolute;top: 150px;left: -100px;display: none;transition:1s;}

   @keyframes moveUpDown {
            0% {
                transform: translateY(9px);
            }
            100% {
                transform: translateY(-1px);
            }
        }
		
		
.pano-2 .url-hotspot .circle .icon.arrows::before{position:absolute;content:"";top:6px;right:6px;width:40px;height:40px;background-image: url(../img/flippers-icon.gif);background-size: cover;background-position: center center;}
.pano-2 .url-hotspot7 .circle .icon.arrows::before{position:absolute;content:"";top:6px;right:6px;width:40px;height:40px;background-image: url(../img/location-gif.gif);background-size: cover;background-position: center center;}
.pano-2 .url-hotspot4 .circle .icon.arrows::before{position:absolute;content:"";top:6px;right:6px;width:40px;height:40px;background-image: url(../img/rescue-safety.gif);background-size: cover;background-position: center center;}

.pano-3 .url-hotspot6 {width:240px;height:auto}

.pnlm-load-box{display:none!important;background-color: #b17c22;z-index:999!important;font-weight:700;font-family:"Mukta",sans-serif;}
.pnlm-load-box:before {display:none!important;position:absolute;content:"";top:25px;right:0;left:0;margin:0 auto;width:130px;height:130px;background-image: url(../img/360-view.gif);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}

.foto-bg-1 {background-image:url(../img/torre-santa-lucia.jpg);background-position: center;background-size: cover;display: block;width: 100%;height: 100%;}
.foto-bg-1 .bg-class {top:auto;bottom:0}

.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;}
.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: 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 .button-text{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;padding:8px 0 0 40px;margin:0 0 0 1.85rem;color:#fff;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}
.pnlm-hotspot .button-subtext{opacity:0;font-family: "Roboto",sans-serif;position:absolute;top:17px;left:0;right:0;bottom:0;padding:7px 0 0 40px;margin:0 0 0 1.85rem;font-weight:500;font-size:12px;color:#fff;line-height:1.6;text-align:left;}
.pnlm-hotspot:hover .button-subtext{opacity:1;transition:all .75s cubic-bezier(0.65,0,0.076,1);}
.pnlm-hotspot:hover .button-text{opacity:1;transition:all .75s cubic-bezier(0.65,0,0.076,1);}
.pnlm-hotspot:hover .circle{width:100%!important;background: rgb(187,173,131)!important;background: linear-gradient(4deg, rgba(187,173,131,1) 0%, rgba(177,124,34,1) 100%)!important;}

.url-hotspot-foto:hover{width:215px;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-video1:hover{width:180px;height:auto;z-index:999}
.url-hotspot-video1 .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:180px;height:auto;z-index:999}
.url-hotspot .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}

.url-hotspot2:hover{width:210px;height:auto;z-index:999}
.url-hotspot2 .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}

.url-hotspot3:hover{width:150px;height:auto;z-index:999}
.url-hotspot3 .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-hotspot4:hover{width:190px;height:auto;z-index:999}
.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}

.url-hotspot5:hover{width:170px;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:175px;height:auto;z-index:999}
.url-hotspot6 .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}

.url-hotspot7:hover{width:190px;height:auto;z-index:999}
.url-hotspot7 .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-hotspot8:hover{width:190px;height:auto;z-index:999}
.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}

.url-hotspot9:hover{width:190px;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:180px;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/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}

.url-hotspot12:hover{width:195px;height:auto;z-index:999}
.url-hotspot12 .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}

.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:180px;height:auto;z-index:999}
.url-hotspot14 .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}

.url-hotspot15 {display:none}
.url-hotspot15:hover{width:210px;height:auto;z-index:999}
.url-hotspot15 .circle .icon.arrows::before{background:url("../img/svg/restaurant.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-hotspot16:hover{width:200px;height:auto;z-index:999}
.url-hotspot16 .circle .icon.arrows::before{background:url("../img/svg/hotel-location.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}

.url-hotspot21:hover{width:190px;height:auto;z-index:999}
.url-hotspot21 .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-hotspot22:hover{width:210px;height:auto;z-index:999}
.url-hotspot22 .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-hotspot23:hover{width:180px;height:auto;z-index:999}
.url-hotspot23 .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}

.url-hotspot24:hover{width:200px;height:auto;z-index:999}
.url-hotspot24 .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}

.url-hotspot25:hover{width:210px;height:auto;z-index:999}
.url-hotspot25 .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}

.url-hotspot26:hover{width:185px;height:auto;z-index:999}
.url-hotspot26 .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}

.url-hotspot27:hover{width:160px;height:auto;z-index:999}
.url-hotspot27 .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-hotspot28:hover{width:180px;height:auto;z-index:999}
.url-hotspot28 .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-hotspot29:hover{width:160px;height:auto;z-index:999}
.url-hotspot29 .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-hotspot30:hover{width:180px;height:auto;z-index:999}
.url-hotspot30 .circle .icon.arrows::before{background:url("../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot31:hover{width:180px;height:auto;z-index:999}
.url-hotspot31 .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}

.url-hotspot32:hover{width:180px;height:auto;z-index:999}
.url-hotspot32 .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-hotspot33:hover{width:180px;height:auto;z-index:999}
.url-hotspot33 .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-hotspot34:hover{width:192px;height:auto;z-index:999}
.url-hotspot34 .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}

.url-hotspot35:hover{width:200px;height:auto;z-index:999}
.url-hotspot35 .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}

.url-hotspot36:hover{width:180px;height:auto;z-index:999}
.url-hotspot36 .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-hotspot37:hover{width:160px;height:auto;z-index:999}
.url-hotspot37 .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-hotspot38:hover{width:180px;height:auto;z-index:999}
.url-hotspot38 .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}

.url-hotspot39:hover{width:180px;height:auto;z-index:999}
.url-hotspot39 .circle .icon.arrows::before{background:url("../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot40:hover{width:160px;height:auto;z-index:999}
.url-hotspot40 .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-hotspot41:hover{width:180px;height:auto;z-index:999}
.url-hotspot41 .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-hotspot42:hover{width:180px;height:auto;z-index:999}
.url-hotspot42 .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-hotspot43:hover{width:180px;height:auto;z-index:999}
.url-hotspot43 .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}

.url-hotspot44:hover{width:200px;height:auto;z-index:999}
.url-hotspot44 .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}

.url-hotspot45:hover{width:180px;height:auto;z-index:999}
.url-hotspot45 .circle .icon.arrows::before{background:url("../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot46:hover{width:160px;height:auto;z-index:999}
.url-hotspot46 .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-hotspot47:hover{width:180px;height:auto;z-index:999}
.url-hotspot47 .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}

.url-hotspot48:hover{width:160px;height:auto;z-index:999}
.url-hotspot48 .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-hotspot49:hover{width:180px;height:auto;z-index:999}
.url-hotspot49 .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}

.url-hotspot50:hover{width:180px;height:auto;z-index:999}
.url-hotspot50 .circle .icon.arrows::before{background:url("../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot51:hover{width:180px;height:auto;z-index:999}
.url-hotspot51 .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-hotspot52:hover{width:180px;height:auto;z-index:999}
.url-hotspot52 .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-hotspot53:hover{width:200px;height:auto;z-index:999}
.url-hotspot53 .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}

.url-hotspot54:hover{width:180px;height:auto;z-index:999}
.url-hotspot54 .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}

.url-hotspot55:hover{width:180px;height:auto;z-index:999;}
.url-hotspot55 .circle .icon.arrows::before{background:url("../img/svg/website-click.svg");position: absolute; content: "";top: 8px;right: 0px;left:0px;text-align: center;margin: 0 auto;display: block;width: 33px;height: 33px;background-size:cover}

.url-hotspot56:hover{width:150px;height:auto;z-index:999}
.url-hotspot56 .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-hotspot57:hover{width:200px;height:auto;z-index:999}
.url-hotspot57 .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}


.pnlm-sprite.toggle-sub-buttons {background-image: none;}
.pnlm-hotspot7:hover {background-color: rgba(255,255,255,0);}
.toggle-sub-buttons{width:192px;height:auto;z-index:99}
.toggle-sub-buttons .circle{left: 16px;position:absolute;transition:all .45s cubic-bezier(0.65,0,0.076,1);display:block;margin:0;width:48px!important;height:48px;background:transparent;border-radius:2.625rem 1.625rem 1.625rem 2.625rem}
.toggle-sub-buttons .circle .icon{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}
.toggle-sub-buttons .circle .icon.arrows{transition:all .45s cubic-bezier(0.65,0,0.076,1);left:0;width:1.125rem;height:.125rem;background:none}
.toggle-sub-buttons .circle .icon.arrows::before{position:absolute;content:"";top:5px;right:4px;width:40px;height:40px;background-image: url(../img/sun-lounger.png);}
.toggle-sub-buttons .button-text{display:none;transition:1s;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#282936;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}
.toggle-sub-buttons:hover .button-text{display:block;transition:1s;}
.toggle-sub-buttons:hover .circle{width:100%!important;background: rgb(187,173,131)!important;background: linear-gradient(4deg, rgba(187,173,131,1) 0%, rgba(177,124,34,1) 100%)!important;}
.toggle-sub-buttons:hover .circle .icon.arrow{background:#fff;transform:translate(1rem,0)}
.toggle-sub-buttons:hover .button-text{font-size:16px;font-weight:700;font-family:"Mukta",sans-serif;color:#fff}

.toggle-sub-buttons-2{width:192px;height:auto}
.toggle-sub-buttons-2 .circle{left: 16px;position:absolute;transition:all .45s cubic-bezier(0.65,0,0.076,1);display:block;margin:0;width:48px!important;height:48px;background:transparent;border-radius:2.625rem 1.625rem 1.625rem 2.625rem}
.toggle-sub-buttons-2 .circle .icon{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}
.toggle-sub-buttons-2 .circle .icon.arrows{transition:all .45s cubic-bezier(0.65,0,0.076,1);left:0;width:1.125rem;height:.125rem;background:none}
.toggle-sub-buttons-2 .circle .icon.arrows::before{position:absolute;content:"";top:5px;right:4px;width:40px;height:40px;background-image: url(../img/sun-lounger.png);}
.toggle-sub-buttons-2 .button-text{display:none;transition:1s;transition:all .45s cubic-bezier(0.65,0,0.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;color:#282936;font-weight:700;line-height:1.6;text-align:left;text-transform:uppercase}
.toggle-sub-buttons-2:hover .button-text{display:block;transition:1s;}
.toggle-sub-buttons-2:hover .circle{width:100%!important;background: rgb(187,173,131)!important;background: linear-gradient(4deg, rgba(187,173,131,1) 0%, rgba(177,124,34,1) 100%)!important;}
.toggle-sub-buttons-2:hover .circle .icon.arrow{background:#fff;transform:translate(1rem,0)}
.toggle-sub-buttons-2:hover .button-text{font-size:16px;font-weight:700;font-family:"Mukta",sans-serif;color:#fff}


.checkbox-checked:hover .button-text,
.checkbox-checked:hover .circle {
    display: none!important;pointer-events: none!important;
}.container{position:relative}
.container-2{position:relative}

.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:20px;background-color:rgba(187,173,131,0);pointer-events: none;padding:20px;max-width:400px;}
.pnlm-author-box {font-size:13px;}
.pnlm-title-box {margin-left:50px;font-size:30px;font-weight:700;font-family:"Mukta",sans-serif;}
.pnlm-title-box:before {content:"";position:absolute;z-index:99;top:0px;left:-40px;width:40px;height:40px;background-image: url(../img/location-pin.gif);background-size: cover;background-position: center center;}
#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;}
.ct-container {width: 45%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}
}

@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: 70px !important;}
.pnlm-panorama-info {bottom: 155px !important;}
.info-container-1 p {font-size: 16px;line-height: 28px;}
.ct-container {width: 55%!important;height:auto;    max-height: auto;min-height: 420px;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;}
.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:30px;top:-40px;width: 250px;height: 250px;margin-top:-20px;margin-bottom:-30px}
.faq-page .press h1 span {font-size:45px!important;}
.ct-container {width: 70%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}
}

@media (min-width:768px) and (max-width:991px){
.pnlm-panorama-info {bottom: 155px;}	
.scroll-down {bottom: 70px;}	
.exitblock p span {font-size: 35px;line-height: 45px;}
.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 .press h1 span {font-size:45px!important;}
.ct-container {width: 70%!important;height:auto;    max-height: auto;min-height: 420px;padding: 80px 50px 50px 50px;}	
}

@media (min-width:451px) and (max-width:767px){
	.map-items span {display: inline-block!important;width: auto!important;position: absolute!important;right: 42%!important;margin: 0 auto!important;}
	.map-link-2 .rights {right: 47%!important;}
	.map-link-8 .rights {right: 47%!important;}
}	
@media (min-width:300px) and (max-width:450px){
	.map-items span {display: inline-block!important;width: auto!important;position: absolute!important;right: 38%!important;margin: 0 auto!important;}
	.map-link-2 .rights {right: 45%!important;}
	.map-link-8 .rights {right: 45%!important;}
}

@media (max-width:767px){
.faq-questions {padding: 0px 0px 0px 0px!important;}
.faq-page .card-header a {    padding: 20px 30px 20px 0px!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; max-height: auto;min-height: auto!important;padding: 70px 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;}

.exitblock p span {font-size: 30px;line-height: 40px;padding-right: 50px;margin-bottom: 30px;}
#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}
.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;}
.video-block {padding: 0 30px 0 30px;line-height: 30px;}
.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;}
.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: 0px;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: 3%;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(-60px,-4px); -ms-transform: translate(-60px,-4px); transform: translate(-60px,-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 {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: 25px 0px 0 0px;}
.info-block img {width: 50px;left:-5px;    top: -5px;}
.info-svg {width: 50px;    margin: 30px auto 0px auto;}
#closeBtn {right: 5px;top: 30px;}
#closeBtn img {width: 25px;}
.map-item img {width: 60px;}
.map-item::before {font-size:19px;}

.pano-helper {top: 50%;}

.toggle-sub-buttons:hover .button-text{display:none;}
.toggle-sub-buttons:hover .circle{display:none;width: 48px!important;}
.toggle-sub-buttons:hover .circle .icon.arrow{display:none;}
.toggle-sub-buttons:hover .button-text{display:none;}

.toggle-sub-buttons-2:hover .button-text{display:none;}
.toggle-sub-buttons-2:hover .circle{display:none;width: 48px!important;}
.toggle-sub-buttons-2:hover .circle .icon.arrow{display:none;}
.toggle-sub-buttons-2:hover .button-text{display:none;}
}





#myDIV {border-radius: 20px;z-index: 1;background-size: cover!important;position: relative;background: url(../img/faq/come-arrivare.jpg);background-repeat: no-repeat;min-height: 525px;width:100%;transition: 2s;}
.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: 20px;}

.cookie-page h3 {font-weight:700;font-size:32px;margin-bottom:30px}
.heading-primary {
  font-size:2em;
  padding:2em;
  text-align:center;
}
.accordion dl,
.accordion-list {
   border:1px solid #ddd;
   &:after {
       content: "";
       display:block;
       height:1em;
       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;
}
#accordion p {font-weight: 500;font-size: 17px;line-height: 32px;}

.accordionTitle:hover, .accordion__Heading:hover {color:#fff}
.accordionTitle,
.accordion__Heading {
 background-color:#345587; 
   text-align:left;
     font-weight:700; 
          padding:2em;
          display:block;
          text-decoration:none;
          color:#fff;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:left; 
   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; 
    //SHAME: magic number to allow the accordion to animate
    
     max-height:50em;
    transition:max-height 1s;   
 
    
    @media screen and (min-width:48em) {
         max-height:15em;
        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 {background: url(../img/404.jpg) no-repeat scroll center center;    background-size: cover;  min-height: 100vh;}
.torna {border-radius: 4px;transition: 1s;    font-size: 14px;text-transform: uppercase;margin-top:30px;display:inline-block;background-color:#112542;color:#fff;font-weight:700;padding:15px 30px 15px 30px}
.torna:hover {background-color:#eaab3f;color:#fff}
.img-hover {transition:1s;padding:30px 100px 70px 100px;display: block;}
.img-hover:hover img {transition:1s;}
.footer-bottom a {color:#fff}
.footer-bottom a:hover {color:#eaab3f}
.color-blue {color:#06a6e3!important}
.color-blue:hover {color:#112542!important}
.color-orange {    color: #e96b27;}
.color-orange:hover{text-decoration:underline;color: #e96b27!important;}
.color-orange a{    color: #e96b27!important;}
.color-orange a:hover{text-decoration:underline;color: #e96b27!important;}
.booking p {font-size:17px!important;line-height:29px!important;}

#pjWrapperMenuBuilder_theme1 .pjMbContentHead {z-index:1}
.food-drink-page .pjMbProductPrice {display:none}
.food-drink-page .pjMbProductContent {min-height:360px;} 
.faq-page .press h2{    margin-bottom: 15px;}
.faq-page  .press p {font-size:25px;margin-bottom:50px;}
.faq-page  .press h1 {font-size:25px;margin-bottom:20px;font-family: 'Roboto', sans-serif!important;}
.faq-page  .press h1 span {display:block;     font-family: 'Raleway', sans-serif!important;   margin-bottom: 15px;font-size: 65px;line-height: 65px;font-weight: 900;color: #273049;margin-top: 20px;text-transform: uppercase;}
.pl-faq {padding-left:100px;}
.project-block__title {font-size: 42px;line-height: 50px;font-weight: 900;color: #17354c!important;margin-bottom: 5px;margin-top: 40px;text-transform: uppercase;}
.article{  flex-grow:999;  flex-basis:0}
.relax-img {width:100%}
.mr-30 {margin-right:30px;}
.faq-page .logo {width:130px;    margin-left: 170px;}
  .camper {float: right;width:100px;margin-top:-5px}
  .travelling{float: right;width:100px;margin-top:-35px}
  .services {float: right;width:80px;margin-top:-17px}
  .sardinian-food {float: right;width:100px;margin-top:-40px}
  .review-2 {float: right;width:80px;margin-top:30px}
  .location {float: right;width:60px;margin-top:-23px}

.sticky{ color:#fff; flex-grow:1;position:sticky;  top:30px;  margin-top:40px; display:block;  align-items:center;  justify-content:center}
.faq-question {position:relative;margin-bottom: 20px;}
.faq-question:first-child:before   { content: "";position: absolute;background-color: rgb(0, 0, 0);top: 0;width: 100%;height: 1px;left: 0;opacity: 0.2;} 
.faq-question:not(:last-child):after {opacity: 0.2;content: ""; position: absolute;background-color: rgb(0, 0, 0);bottom: 0;width: 100%; height: 1px; left: 0;}
.faq-questions {padding:0px 40px 0px 40px;}
.faq-page .card-header {position: relative;background-color:transparent;border-bottom:none;font-size: 24px;color:#444;font-weight: 400;    line-height: 35px;}
.faq-page .card-header a {padding: 20px 0 20px 0;color:#423a3a;font-weight:600}
.faq-page .card-header a:hover {color:#b17c22}
.checkbox-img {display:inline-block;width:40px;margin-right:10px;margin-top: -5px;}
.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:hover {background-color:#eaab3f!important;color:#fff}
.call-to:active {color: #fff!important;}
.call-to:focus {color: #fff!important;}

.call-to-1 {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: #eaab3f;
    color: #fff;
    font-size: 14px;
    transition: 1s;
}

.call-to-1:hover {background-color:#112542!important;color:#fff}

.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}
.card-header [aria-expanded="true"] {color:#b17c22!important}
.faq-page  .card-body {padding:10px 0 40px 0;font-weight:500;font-size:17px;line-height:32px;}
.mt-faq {margin-top:70px;}
.mt-40 {margin-top:40px;}
#faq-menu li { font-family: 'Roboto', sans-serif;padding: 2px 1rem!important;text-align:right;font-size: 32px;line-height: 33px;font-weight: 700;color: #fff;margin-bottom: 20px;padding-top: 40px;}
#faq-menu li a {position:relative;z-index:11!important;padding: 3px 1rem!important;text-align:right;font-size: 28px;line-height: 30px;font-weight: 700;color: #fff;margin-bottom: 20px;padding-top: 40px;}
#faq-menu li a:hover {color: #eaab3f;padding-left:30px!important;transition: 1000ms;}
.disp-block {display:block}
.faq-menu {border-radius:0px;padding: 70px 20px;max-width:500px;max-height:744px;}
.faq-menu:before {border-radius: 20px;content: "";position: absolute;left:0px;background-color: rgba(0, 0, 0, 0.2);top: 0;width: 100%;height:100%;max-width:500px;max-height:625px;}
.nav-link {color:#fff;font-size:29px;}
#faq-menu {list-style: none;}
.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;}


#service-9 {width: 100%;margin-bottom:50px!important;}
#service-9 .pjErProductInner .line-through {display:inline-block!important;color:#343131!important;font-weight:700!important;letter-spacing:1px;font-size: 23px!important;margin-right:0px;}
#service-9 .pjErProductInner dd strong {color:#229e5e!important;}
#service-9 .pjErProductInner dt {letter-spacing: -0.5px;}
#pjWrapperEquipment_theme1 #service-9 .pjErProduct:hover {border-color: #1f3c68;-webkit-box-shadow: none;box-shadow:none;}
#service-9 .pjErProductInner dt, #pjWrapperEquipment_theme1 .pjErProductInner dd {display:inline-block!important;width: 50%!important;}
#service-9 .right-price {text-align:right!important}
#service-9 .pjErProductCategory {display:none}
#service-9 .prima-fila {display:block;padding-bottom:15px;text-align: left;font-size:16px!important;line-height:28px!important;letter-spacing:0.5px;color: #4c4c4c!important;font-family: 'Roboto', sans-serif;}
#service-9 .pjErProductOverlay {display:none}
#service-9 .pjErProductInner {text-align: left;}
#pjWrapperEquipment_theme1 #service-9 .pjErProduct {border:none!important}
#service-9 a{min-height:400px;}
#service-9 .pjErProductTitle {margin-top:5px!important;font-size:27px!important;text-align: left;font-weight: 900!important;color: #06a6e3!important;}
#service-9 .pjErProductImage{display:inline-block;height:auto!important;width: 65%;border-bottom:none!important;vertical-align: text-bottom;}
#service-9 .pjErProductImage img{height:auto!important;width: 750px;}
#service-9 .pjErProductContent{margin-top: 5px;width: 35%;display:inline-block;min-height:500px;vertical-align: top;padding: 15px 25px 10px 25px!important;-webkit-box-shadow: 0 0 18px rgb(59 91 138 / 20%);box-shadow: 0 0 18px rgb(59 91 138 / 20%);}
#service-9 .pjErProductContent:hover{-webkit-box-shadow: 0 0 18px rgb(37 185 210 / 50%);box-shadow: 0 0 18px rgb(37 185 210 / 50%);}

#service-4 .prima-fila {display:none!important}
#service-4 {width: 100%;margin-bottom:50px!important;}
.disp-none {display:none}
#service-Underwater .day-period {display:none}
#service-Underwater .person {display:inline-block}
.person {display:none}

#pjCF_captcha_img {top:0px;right:-70px;}
#pjCF_container_1 .pjCF-button {margin: 20px auto 0 auto;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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_7 .pjCF-button {margin: 20px auto 0 auto;font-family: 'Roboto Condensed', sans-serif!important;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_8 .pjCF-button {margin: 20px auto 0 auto;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;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;font-family: 'Roboto Condensed', sans-serif!important;color:#fff!important;font-weight:700;letter-spacing:1px;text-transform:uppercase;font-size: 14px!important;padding:18px 55px 18px 55px;background:#06a6e3}

.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}
#pjCF_container_1 .pjCF-form-field {height: 40px!important;}
#pjWrapperContactForm_1 .pjCF-form label.pjCfLeftAlign {font-family: 'Roboto Condensed', sans-serif!important;}
[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}

#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;font-size:25px}
#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_8 .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;}

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

.color-darks {color:#fff}
.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}
.top-line .inline .dropdown-menu {margin-top:15px;}
.food .f-img img {position:absolute;left:-240px;top:10px;min-width:630px}
.footer {background: #06a6e3;}
.socials-1 img { height: 45px;width: 45px;margin-bottom:10px;}
.socials a{margin-right:6px;margin-left:6px;}
.footer-default__group-title {color:#fff;font-size: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 22px;}
.tel {margin-top:30px;}
.tel a {color: #fff!important;font-weight: 700;font-size: 30px;letter-spacing: -1.5px;}
.footer-default__bottom {margin-top: 70px;    margin-bottom: 40px;    display: -ms-flexbox;    display: flex;    color: #fff;    -ms-flex-pack: justify;    justify-content: space-between;    -ms-flex-align: start; align-items: flex-start;}
.footer-default p {color: #fff;line-height: 1.571428571428571;margin-bottom: 10px;}
.footer-default__list-item {margin-bottom:15px;}
.footer-default__column a {color:#fff}
.footer-default__column a:hover {color:#fff;font-weight:700}
.footer-default__head {    position: relative;    border-bottom: 1px solid #ebebeb;    padding-bottom: 37px;    margin-bottom: 73px;}
.footer-default__head:after {    content: '';    width: 35px;    height: 2px;    background: #e96b27;    position: absolute;bottom: -1px;left: 0;}
.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;}
.footer-default__copyright {text-align:right;padding-right:70px;}
.mt-footer {padding-top:30px;display:block}
.foot-inf p {padding-right:30px;}


.absolute {position:absolute;top:-110px;margin-bottom:1500px;}
.food-slider {position:absolute;top:-110px;}
.relative {position:relative;min-height:200px;}

.over-hidden {overflow: hidden;}

body{overflow:hidden;overflow-y: scroll}

.head-pdd {padding-right:0px!important}
.close:focus, .close:hover {color: #e96b27;opacity: 1;}
video {width: 100%    !important;height: auto   !important;}
#videos {margin-bottom:120px;}
#video-controls i {font-size:35px;color:#f7af32;padding:0 15px 0 15px;}
#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;}
.bg-revievs:before {background-color: #e96b27;display: inline;content: "";height: 100%;pointer-events: none;position: absolute;left: 0;top: 0;width: 100%;opacity: .9;z-index: 11;}
.bg-revievs h3 {padding:115px 40px 0 0;color:#fff;z-index:99;position:absolute;text-align:center;text-transform: uppercase;font-size: 35px;font-weight: 600;line-height:41px;}
.bg-revievs p {padding:250px 80px 0 40px;color:#fff;z-index:99;position:absolute;text-align:center;font-size: 16px;    font-weight: 400;line-height: 30px;}
.bg-revievs img {padding:0 0px 0 0;z-index:99;top:130px;left:250px;position:absolute;text-align:center;display:block;margin:0 auto}
.fly-jet .btn-info {margin-left:50px;margin-top:50px;}
::-webkit-scrollbar{ width:8px;  height:8px}
::-webkit-scrollbar-thumb{ cursor:pointer;  background:#112542}
::-moz-selection{ background-color:#112542;  color:#fff}
::selection{ background-color:#112542;  color:#fff}
.fonts {font-size:16px;line-height:27px;}
.pl-50 {padding-left:50px;padding-top:35px;}
.pl-55 {padding-left:55px}
.pdd-stampa {padding-top:100px;padding-bottom:70px;}
.vacation-m {padding-right:30px!important}
.mb-40 {margin-bottom:40px;}
.mb-60 {margin-bottom:60px;}
.mt-btn {margin-top:50px;display:inline-block}
.pl-btn {padding-left:80px;}
.strong {font-weight:700!important;}
.strongs {font-weight:700;}
.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;}
.mtm-30 {margin-top: -30px!important;}
.arrivare-video h2 {text-transform: uppercase;    text-align: center;    font-size: 55px;    line-height: 65px;    font-weight: 900;    color: #06a6e3;    margin-top: 0px;    margin-bottom: 40px;}
.arrivare-video {margin-bottom: 100px;}
blockquote { margin-left: 70px;margin-top:50px;padding-left: 40px;margin-right:50px;border-left: 3px solid #06a6e3;}
.mr-20 {margin-right:20px;}
.btn-marg {margin-top:50px;}
.piva {margin-right:20px;}
.mb-130 {margin-bottom:130px;}
.mw {text-align:right}
.WhatsApp {float:right!important;width:100%}
.mt-40 {margin-top:40px;}
.lg-backdrop {z-index:1040!important}
.lg-actions .lg-next, .lg-actions .lg-prev {line-height: 55px!important;}
.lg-actions .lg-prev:after {margin-left:-5px!important;font-family:FontAwesome;}
.lg-actions .lg-next:before {margin-right:-3px!important;font-family:FontAwesome}
.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{background: rgba(247, 175, 50, 1);}

.foot-info {bottom:10px;position:absolute;display:block;margin:0 auto;width:100%}
.xs-show-inline {display:none}
.text-left {text-align:left!important}
.text-left h2 {text-align:left!important}
#footer-menu img {margin-right:5px;width:30px!important;}
.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}
strong {font-weight: 700;}
.mb-30 {margin-bottom:30px;}
.container-2 {    width: 1700px;    margin: auto;    max-width: 100%;}
.container-3 {    width: 1550px;    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;}

.slider {position: absolute;left: 20%;top: 0;color: #fff;width: 100%;height: 100%;z-index: 8;}
.slider h1, .slider h3{font-weight: 900;z-index: 9999;font-family: 'Raleway', sans-serif;text-transform:uppercase;font-size:115px;line-height:105px;font-style:italic; padding-bottom:50px; margin-bottom:20px;color:#fff;  text-shadow:none}
.slider h1 span, .slider h3 span{font-size:61px;line-height:61px;margin-left:30px;display:block}
.slider h2 span{color:#06a6e3}
.slider .text-content{ left:15px;  margin-top:13%;  max-width:100%;z-index:9999;position:absolute;  right:auto}

.home-sl .slider {position: absolute;left: 20%;top: 40%;color: #fff;width: 100%;height: 35%;z-index: 8;}
.slider-1 .text-content-1{ left:15px;  margin-top:20%;  max-width:100%;z-index:9999;position:absolute;  right:auto}
.mare p {padding-top:20px;padding-right:35px;}
.mb-insta {margin-bottom:70px;}
.mare h2 strong {display:block}
.mare-1 {padding-top:40px!important;}
.mare-2 {padding-left:50px;}
.mare-3 {padding-top:90px!important;}
.mb-img-navigatino {margin-bottom:150px;}
.mb-img-navigatino p {font-size:18px;font-weight:700;margin-top:20px;}
.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);
 }

.link-3{color: #000000;font-size: 16px;font-weight: 900!important;text-decoration: none;text-transform: uppercase;}
.link-3{position: relative;z-index: 1;display: inline-flex;padding-left: 10px;padding-bottom: 5px;padding-right: 10px;}
.link-3::before{content: "";width: 100%;height: 100%;background-image: linear-gradient(to top, #e96b27 25%, rgba(0, 0, 0, 0) 40%);position: absolute;left: 0;bottom: 2px;z-index: -1;will-change: width;transform: rotate(-2deg);transform-origin: left bottom}
.link-3:hover::before{width: 0;}
.link-3:hover {color: #b54b12;}
.link-3::before{transition: width .1s ease-out;}
.link-3:hover::before{transition-duration: .15s;}

.yellow {color:#b17c22;font-weight: 600;}
.esperienza p {padding-left:50px;}
.esperienza h2 strong {color:#e96b27}
.esperienza h2 {padding-left:50px;font-size: 45px;line-height: 55px;text-transform:uppercase;font-weight: 300;color: #06a6e3;margin-top: 30px;margin-bottom: 20px;}
.visitare h2 {font-size: 35px;line-height: 45px;font-weight: 300;text-transform:uppercase;color: #06a6e3;margin-top: 0px;margin-bottom: 20px;}
.visitare h2 strong {display:block;color:#e96b27}
.visitare p {padding-right:50px;}
.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%}
.spiaggia {padding-top:30px;padding-right:40px;}
.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%; }
.embed-container h2 {padding-top:20%}

@media (max-width:767px){
.embed-container h2 {padding-top:0%!important}
}
.press .embed-container h2 {font-size: 30px;line-height: 40px;    color: #333;    font-weight: 500;    text-transform: none;}

.bg-red {background-color:#06a6e3;min-height:427px;padding-left:0px!important;text-align:center;padding:130px 0 0 0;}
.bg-red p {color:#fff;font-size:30px;margin-top:30px;font-weight:700}
.bg-red span {color:#fff!important;opacity:0.7;font-size:17px!important;margin-top:10px;font-weight:500}
.mt-30 {margin-top:30px;}
.mt-20 {margin-top:20px;}
.overview {color:#2c2c2c;font-size:17px;}
.bubble {width:100px;}
.tripadvisor .title {color:#2c2c2c;font-size:30px;line-height:40px;font-weight:700}
.tripadvisor .under-title{color:#aeaeae;font-size:16px;margin-bottom:30px;line-height:26px;font-weight:500;margin-top:20px;}
.tripadvisor {margin-top:150px;}
.owl-item {padding:0 15px 0 15px;}
.tripadvisor .col-3 {padding:30px 40px 20px 40px;min-height:430px;}
.tripadvisor .face {border-radius: 5px;width:72px;}
.tripadvisor span {padding-top:7px;display:block;font-size:25px;font-weight:500;color:#2c2c2c;}
.tripadvisor .from {font-size:17px;font-weight:500;display:block;padding-top:20px;color:#aeaeae}
.link-1{font-size: 15px;font-weight: 500;text-decoration: none;}
.link-1{position: relative;z-index: 1;display: inline-flex;padding-left: 10px;padding-bottom: 5px;padding-right: 10px;}
.link-1::before{content: "";width: 100%;height: 100%;background-image: linear-gradient(to top, #e7a025 25%, rgba(0, 0, 0, 0) 40%);position: absolute;left: 0;bottom: 2px;z-index: -1;will-change: width;transform: rotate(-2deg);transform-origin: left bottom}
.link-1:hover::before{width: 0;}
.link-1::before{transition: width .1s ease-out;}
.link-1:hover::before{transition-duration: .15s;}

.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:700;color:#345587;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;}

.link-3{font-size: 17px;font-weight: 500;text-decoration: none;}

.tripadvisor-1 h2 {text-transform: uppercase;font-size: 55px; line-height: 65px; font-weight: 300; color: #06a6e3; margin-top: 10px; margin-bottom: 70px;}
.tripadvisor-1  strong {font-weight: 900;color: #e96b27!important;}
.tripadvisor-1 h4{font-size: 25px;line-height: 35px;margin-bottom: 10px;}

.video-inf h2 {color:#fff;text-transform:uppercase;}
.video-inf h4{color: #e96b27;padding-top:70px;}
.video-inf p {color:rgba(255, 255, 255, 0.9);font-size:17px;line-height:28px;margin-top:40px;margin-bottom:70px;padding-right:30px;}

.container-1 {width: 1362px;margin: auto;max-width: 100%;}
.about-inf h3 {font-size:30px;line-height:40px;padding-top:30px;}
.about-inf p {padding:0 50px 0 50px;font-size:15px;line-height:26px;padding-top:10px;}
.about-inf h2 {font-size:48px;line-height:45px;color:#06a6e3;margin-bottom:60px;}
.big-p{color:#e96b27;font-size:100px;line-height:110px;font-weight:700;font-style:italic}

.z-99 {z-index:99}
.z-999 {z-index:99;position:relative}
.vacation h2 {font-size:65px;line-height: 65px;font-weight: 900;color: #06a6e3;margin-top: 20px;margin-bottom: 50px;}
.vacation h4 {font-size:25px;line-height: 35px;margin-bottom: 10px;}
.vacation p {font-size:18px;line-height:33px;padding-right:50px;}
.mb-btn {margin-bottom:70px;}
.vacation:after {background-color: #f7f7f3;z-index: -1;bottom: -110px;width: 156%;right: 0;content: '';position: absolute;height: 37.5em;display: block !important;}
.camp:after {background-color: #f7f7f3;z-index: -1;bottom: -30px;width: 156%;right: 0;content: '';position: absolute;height: 28.5em !important;display: block !important;}
.vacation-1:after {height: 48.5em;}

.white-bg {background:#fff}
.cols{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.col{cursor: pointer;}
.container-effect{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;}
.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;}
.container-effect:hover .front,.container-effect:hover .back{-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);}
.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;}
.container-effect .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.container-effect .front{ -webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.container-effect:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.container-effect:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}

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-1 {width:100%;position:relative;margin-top:140px;}
.more-details-1 p {font-size: 18px;line-height:30px;}

.more-details {width:100%;position:relative;display:none;margin-top:40px;}
.more-details p {font-size: 18px;line-height:30px;}

a.meanmenu-reveal{display:none}
.mean-container .mean-bar{ background:transparent none repeat scroll 0 0;  float:left;  min-height:42px;  padding:4px 0 0;  position:relative;  width:100%;  z-index:9}
.mean-container a.meanmenu-reveal{ color:#fff;  cursor:pointer;  display:block;  float:right;  font-family:Arial,Helvetica,sans-serif;  font-size:1px;  font-weight:700;  height:22px;  line-height:22px;  padding:9px 0;  right:0;  text-decoration:none;  text-indent:-9999em;  top:0;  width:28px}
.mean-container a.meanmenu-reveal span{display:block; background:#fff; height:1px; margin-top:6px}
.mean-container .mean-nav{float:left; width:100%; background:#0c1923}
.mean-container .mean-nav ul{    margin-top: 50px;padding:0; margin:0; width:100%; list-style-type:none}
.mean-container .mean-nav ul li{ background:#f8f8f8 none repeat scroll 0 0;  float:left;  position:relative;  width:100%;  border-top:1px solid#ddd}
.mean-container .mean-nav ul li a{ background:#f8f8f8 none repeat scroll 0 0;  color:#666;  display:block;  float:left;  font-size:12px;  margin:0;  padding:1em 5%;  text-align:left;  text-decoration:none;  text-transform:uppercase;  width:92.5%;  font-weight:bold}
.mobile-menu-area{ background:transparent}
.mean-container .mean-nav ul li li a{ border-top:1px solid rgba(255,255,255,0.25);  opacity:0.75;  padding:0.8em 10%;  text-shadow:none !important;  visibility:visible;  width:80%;  font-weight:normal;  text-transform:capitalize;  color:#444}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0; margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%; padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%; padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%; padding:1em 25%}
.mean-container .mean-nav ul li a:hover{ background:#f8f8f8 none repeat scroll 0 0;  color:#F47E1E}
.mean-container .mean-nav ul li a.mean-expand{width:100%; height:15px;  margin-top:1px;  padding:12px !important; text-align:right; position:absolute; right:0; top:0; z-index:2; font-weight:700; background:rgba(255,255,255,.1); border:0!important; background:#F8F8F8}
.mean-container .mean-nav ul li a.mean-expand:hover{ background:#f8f8f8}
.mean-container .mean-push{float:left; width:100%; padding:0; margin:0; clear:both}
.mean-nav .wrapper{width:100%; padding:0; margin:0}
.mean-container .mean-bar, .mean-container .mean-bar *{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after{ color:#fff;  content:"MENU";  font-size:21px;  left:5%;  position:absolute;  top:12px}


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{    margin:0 0 10px;font-family: 'Raleway', sans-serif;}
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:#313131;     font-family: 'Roboto', sans-serif;     font-size:14px;     line-height:25px;     text-align:left}
.container{width:1200px}
.section-padding{    padding-top:100px;     padding-bottom:100px}
.section-bottom-padding{padding-bottom:100px}
.section-margin{    margin-top:100px;     margin-bottom:100px}
.section-title{margin-bottom:80px}
.section-title h1{    display:inline-block;     font-size:35px;     font-weight:300;     line-height:26px;     margin-bottom:18px;     padding-bottom:38px;     position:relative;     text-transform:uppercase}
.section-title h1 span{font-weight:700}
.section-title h1::before{    background:#bcbcbc none repeat scroll 0 0;     bottom:0;     content:"";     height:1px;     left:50%;     margin-left:-193.5px;     position:absolute;     text-align:center;     width:160px}
.section-title h1::after{    background:#bcbcbc none repeat scroll 0 0;     bottom:0px;     content:"";     height:1px;     right:50%;     margin-right:-193.5px;     position:absolute;     text-align:center;     width:160px}
.title-border{position:relative}
.text-white{color:#fff !important}
.section-grey{background:#EDECEC}

.food-slider .owl-controls .owl-buttons div::after{border: none!important;}
.food-slider .owl-controls .owl-buttons div i {color:#292d35!important;font-size: 23px!important;}
.food-slider .owl-controls .owl-buttons div i:hover {color:#f7af32!important;}
.food-slider .owl-controls .owl-buttons {top: 150px!important;}
.food-slider .owl-controls .owl-buttons .owl-next i {right:-50px!important;position:absolute}
.food-slider .owl-controls .owl-buttons .owl-prev i {right:1555px!important;position:absolute}

.food-slider-1 .owl-controls .owl-buttons div::after{border: none!important;}
.food-slider-1 .owl-controls .owl-buttons div i {color:#292d35!important;font-size: 23px!important;}
.food-slider-1 .owl-controls .owl-buttons div i:hover {color:#f7af32!important;}
.food-slider-1 .owl-controls .owl-buttons {top: 50%!important;}
.food-slider-1 .owl-controls .owl-buttons .owl-next i {right:-50px!important;position:absolute}
.food-slider-1 .owl-controls .owl-buttons .owl-prev i {right:1555px!important;position:absolute}

.owl-theme .owl-controls{    display: none!important;margin-top:0}
.carousel-style-one .owl-controls .owl-buttons{ position:absolute;  right:12px;  top:-79px}
.carousel-style-one .owl-controls .owl-buttons div{ background:rgba(0,0,0,0) none repeat scroll 0 0;  border:0 none;  border-radius:0;  color:#fff;  margin-left:0;  opacity:1;  position:relative;  height:25px;  transition:all 0.3s ease-in 0s}
.carousel-style-one .owl-controls .owl-buttons div::after{ background:rgba(0,0,0,0) none repeat scroll 0 0;  border:1px solid #979797;  content:"";  height:25px;  left:0;  position:absolute;  top:0;  transform:skewX(-10deg);  width:100%;  transition:all 0.3s ease-in 0s}
.carousel-style-one .owl-controls .owl-buttons div i{ color:#979797;  font-size:15px}
.carousel-style-one .owl-controls .owl-buttons div:hover:after{border-color:#000}
.carousel-style-one .owl-controls .owl-buttons div:hover i{ color:#000;  transition:all 0.3s ease-in 0s}
.carousel-style-two .owl-buttons div i{ color:#fff;text-align:center;font-size:35px;line-height:55px;    cursor: pointer;min-width: 60px;min-height: 60px;border-radius: 50%;background: rgba(233, 107, 39, 0.6);}
.carousel-style-two.owl-theme .owl-controls .owl-buttons div{ background:rgba(255,255,255,0) none repeat scroll 0 0;  left:35px;  opacity:1;  position:absolute;  top:50%;  transition:all 0.3s ease-in 0s}
.carousel-style-two .owl-buttons div i:hover{color:#fff;background: rgba(247, 175, 50, 0.9);}
.carousel-style-two.owl-theme .owl-controls .owl-buttons .owl-next{ left:auto;  right:35px}
.carousel-style-two.owl-theme:hover .owl-controls .owl-buttons div{opacity:1}

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

.header-top{    padding:10px 0;     background:rgba(255,255,255,0.7) none repeat scroll 0 0}
.currency-menu{float:left; padding-right:12px}
.currency-language, .header-top-right{    opacity:1;     position:relative;     z-index:99}
.currency-menu >ul, .language-menu >ul{display:inline-block}
.currency-menu >ul >li, .language-menu >ul >li{position:relative}
.currency-menu >ul >li a, .language-menu >ul >li a{display:block; padding:6px 0}
.currency-menu >ul >li:hover a, .language-menu >ul >li:hover a{color:#4e4f54}
.currency-menu >ul >li:last-child a{padding-left:0}
.currency-menu >ul >li >a i, .language-menu >ul >li >a i{margin-left:2px}
.currency-dropdown, .language-dropdown{    background-color:#f5f5f5;     box-shadow:1px 1px 5px rgba(0,0,0,0.3);     display:none;     left:0;     min-width:120px;     padding:5px 20px;     position:absolute;     top:32px;     z-index:200}
.currency-dropdown li a, .language-dropdown li a{    color:#4e4f54;     display:block;     font-size:12px;     line-height:1.5em;     padding:10px 0;     text-transform:capitalize}
.currency-menu >ul >li:hover .currency-dropdown, .language-menu >ul >li:hover .language-dropdown{display:block}
.language-dropdown li a:hover, .currency-dropdown >li a:hover{color:#000 !important}
.header-r-cart, .login, .account{    float:right;     margin-left:27px;     position:relative}
.header-r-cart li{display:block; overflow:hidden}
.login a::after, .account a::after{    content:"/";  left:-17px;  position:absolute;  top:0;  color:#000}
.header-r-cart li a, .login a, .account a{ display:block;  font-size:14px;  line-height:32px;  position:relative}
.header-r-cart >li:hover >a{color:#4c4c4c}
ul.header-r-cart .mini-cart-content{ background:#fff none repeat scroll 0 0;  box-shadow:1px 1px 5px rgba(0,0,0,0.3);  display:inherit;  font-size:12px;  opacity:0;  padding:10px;  position:absolute;  left:0;  text-align:left;  top:120%;  visibility:hidden;  width:241px;  z-index:99999}
ul.header-r-cart li:hover .mini-cart-content{ opacity:1;  top:100%;  transition:all 0.4s ease-out 0s;  visibility:visible}
.mini-cart-content .cart-products{ display:inline-block;  margin-bottom:10px;  width:100%}
.mini-cart-content .cart-image{float:left; width:60px}
.mini-cart-content .cart-image img{ background-color:#fff;  border:1px solid #ddd;  display:inline-block;  height:auto;  line-height:1.42857;  max-width:100%;  padding:4px;  transition:all 0.2s ease-in-out 0s}
.mini-cart-content .cart-product-info{ font-size:14px;  line-height:23px;  margin-left:75px;  position:relative;  text-align:left}
.cart-product-info .product-name{ color:#000;  display:block;  font-size:13px;  line-height:1.42857;  text-transform:uppercase;  font-weight:500}
.cart-product-info .product-name:hover{color:#4E4F54}
.cart-product-info .quantity{ color:#777;  font-weight:700;  text-align:left}
.cart-product-info .p-price{color:#777; font-weight:300}
.mini-cart-content a.remove-product{ float:right;  margin-right:8px;  position:absolute;  right:0;  top:-5px}
.mini-cart-content .remove-product i{color:#333; cursor:pointer}
.cart-price-list{ color:#777;  font-size:14px;  font-weight:700;  line-height:1.42857;  text-align:right}
.cart-price-list .price-amount >span{color:#4e4e4e}
.header-r-cart .cart-buttons{margin-top:14px; overflow:hidden}
.header-r-cart .cart-buttons a{ background:#000 none repeat scroll 0 0;  border:0 none;  border-radius:0;  color:#fff;  display:inline-block;  float:left;  font-size:12px;  font-weight:300;  line-height:22px;  margin-right:12px;  padding:6px 12.5px;  text-transform:uppercase}
.header-r-cart .cart-buttons a:hover, header.fixed .header-r-cart .cart-buttons a:hover{ background:#4e4f54 none repeat scroll 0 0 !important;  color:#fff !important}
.header-r-cart .cart-buttons a:last-child{margin-right:0}
.header-r-cart .cart-buttons a i{margin-right:5px}
.header-top-right i{margin-right:7px}

.logo-menu-bg{background:rgba(0,0,0,0.6) none repeat scroll 0 0}
.logo, .mainmenu{ margin-left:20px;  position:relative;  z-index:9}

.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}
.top-line p {margin: 0 0 0px;}

.portfolio-text h4{margin-bottom:8px}
.portfolio-text h4 a{ font-family:"Open Sans",sans-serif;  font-size:20px;  text-transform:uppercase}
.single-portfolio:hover .portfolio-text a:hover, .single-adventure:hover .adventure-text a:hover, .single-portfolio:hover .portfolio-text .portfolio-link a:hover, .single-adventure:hover .adventure-text .adventure-link a:hover, .single-member:hover .member-text a:hover, .single-member:hover .member-text .member-link a:hover, .best-sell-link >a:hover{ color:#000}
.single-portfolio, .single-adventure, .single-member{overflow:hidden; position:relative}
.portfolio-text, .adventure-text, .member-text{ background:transparent;  height:auto;  left:0;  padding:5px 12px;  position:absolute;  top:0;  width:100%;  transition:all 0.3s ease-in-out 0s}
.portfolio-text::after, .adventure-text::after, .member-text::after{ background:rgba(255,255,255,0.9) none repeat scroll 0 0;  content:"";  height:135px;  left:-7px;  opacity:1;  position:absolute;  top:-76px;  transform:rotate(4deg) scale(1.1);  transform-origin:0 bottom 0;  width:100%}
.portfolio-text >p, .member-text >p{display:none; font-size:13px; margin-bottom:8px}
.portfolio-text p, .adventure-text p, .portfolio-text h4 a, .adventure-text h4 a, .portfolio-text .portfolio-link a, .adventure-text .adventure-price-link, .member-text p, .member-text h4 a, .member-text .member-link a, .single-adventure:hover .adventure-price-link span, .single-adventure:hover .transparent-overlay span{ z-index:9;  position:relative}
.portfolio-link >a, .adventure-link a, .member-link >a{ color:#4e4f54;  display:inline-block;  margin-right:9px}
.single-portfolio:hover .portfolio-text p, .single-adventure:hover .adventure-text p, .single-member:hover .member-text p{ display:block;  margin-bottom:5px}
.single-portfolio:hover .portfolio-text::after, .single-member:hover .member-text::after{ background:rgba(33,34,39,0.9) none repeat scroll 0 0;  left:-8px;  top:-23px}
.single-portfolio:hover .portfolio-text h4{margin-bottom:13px}
.single-portfolio:hover .portfolio-text p, .single-adventure:hover .adventure-text p, .single-portfolio:hover .portfolio-text h4 a, .single-adventure:hover .adventure-text h4 a, .single-portfolio:hover .portfolio-text .portfolio-link a, .single-adventure:hover .adventure-text .adventure-link a, .single-member:hover .member-text p, .single-member:hover .member-text h4 a, .single-member:hover .member-text .member-link a, .single-adventure:hover .adventure-price-link span, .single-adventure:hover .adventure-price-link span, .trip-time, .trip-level{ color:#fff}
.portfolio-area .col-md-3 .single-portfolio:first-child{margin-bottom:30px}
.portfolio-text.effect-bottom, .adventure-text.effect-bottom, .member-text.effect-bottom{ bottom:0;  top:auto}
.portfolio-text.effect-bottom::after, .member-text.effect-bottom::after{ bottom:-70px;  left:-11px;  opacity:1;  top:auto}
.single-portfolio:hover .portfolio-text.effect-bottom::after, .single-member:hover .member-text.effect-bottom::after{ background:rgba(33,34,39,0.9) none repeat scroll 0 0;  left:-11px;  top:-5px}
.single-portfolio:hover .portfolio-text, .single-adventure:hover .adventure-text, .single-member:hover .member-text{ animation:1500ms ease-in-out 0s normal none 1 running flipInX}

.single-member{border:3px solid hsl(0,0%,88%)}
.member-text.effect-bottom::after{ bottom:-40px;  top:auto}
.member-text h4 a{font-size:20px}
.member-text h4 a span{font-weight:300}
.member-text h4 a{font-weight:600}
.single-member:hover .member-text p{ font-size:14px;  line-height:26px;  margin-bottom:20px}
.member-link >a{font-size:20px}
.member-link{margin-bottom:13px}
.member-text.effect-bottom::after{ transform:rotate(5.5deg) scale(1.1);  transform-origin:0 bottom 0;  bottom:-30px;  top:auto;  left:-17px}
.single-member:hover .member-text.effect-bottom::after{ background:rgba(33,34,39,0.9) none repeat scroll 0 0;  left:-31px;  top:38px;  transform:rotate(7.5deg) scale(1.75)}

.partner-area .section-title h1{margin-bottom:0}
.partner-area .col-md-3{width:100%}
.partner-area a{ display:block;  margin-bottom:1px}

.footer-area{margin-top:100px;display:block;background:#15161a none repeat scroll 0 0;     color:#fff;     padding:24px 0}
#footer-menu li{display:inline-block;min-height:60px;width:49%}
#footer-menu a{    color:#fff;     margin-left:0px;     padding-left:0px;     position:relative;     text-transform:uppercase}
#footer-menu >li:first-child a{margin-left:0; padding-left:0}
#footer-menu{text-align:left;    margin-top: -20px;}
#footer-menu li:first-child a::after{display:none}
#footer-menu a:hover{color:#fff;opacity:0.7}
.footer-area span a{color:#fff}
.footer-area span a:hover{color:#666; border-bottom:1px solid #444}

.button-yellow{background:#ffae00 none repeat scroll 0 0 !important}
.button-yellow:hover{background:rgba(255,174,0,0.8) none repeat scroll 0 0 !important}
.service-item{margin-top:84px}
.item-image{height:50px; margin-bottom:10px}
.service-item >h4{font-size:13px; text-transform:uppercase}
.single-service-two{padding-top:60px}

@media (min-width:1920px){ 
.case {padding-left:30px;}
.container{width:1230px}
 .mainmenu ul#nav li .megamenu{left:-137px; width:1350px}
 .slider-area .text-content{margin-top:31.5%}
 .about-area .section-padding{ padding-bottom:100px;  padding-top:100px}
 .adventure-price-link-two .adventure-link >a{margin-right:20px}
 .single-adventure-two:hover .adventure-price-link-two span.trip-price, .single-adventure-two:hover .adventure-price-link-two span.trip-person{ font-size:30px}
 .single-adventure-two:hover .adventure-price-link-two span.trip-person{font-size:20px}
 .footer-widget-area::after{height:90px}
 .footer-widget-area{padding-top:207px}
 .contact-form{background-size:40% 100%}
 .fun-factor-area{padding-bottom:200px}
 .fun-factor-area::after{bottom:0}
 .newsletter-area{padding-bottom:211px}
 .newsletter-area::after{height:111px}
 .slider-area.home-two-slider .text-content{margin-top:38.5%}
 .fun-factor-area::after{height:108px}
 .footer-widget-area.footer-widget-two{padding-top:210px}
 .footer-widget-two.footer-widget-area::after{height:110px}
 .slider-area.slider-three .text-content{margin-top:36.2%}
 .slider-three .slider-icon-container{margin-top:60.5%}
 .preview-2 .nivo-directionNav a{top:57%}
 .slider-three .preview-2 .nivo-directionNav a.nivo-prevNav{top:55%}
 .about-area.about-area-three::after{height:63px}
 .about-area.about-area-three{ padding-bottom:0;  padding-top:60px}
 .fun-factor-area.fun-factor-three{padding-bottom:197px}
 .fun-factor-area.fun-factor-three::after{height:63px}
 .banner-area{padding-top:311px}
 .banner-area::after{height:112px}
 .breadcrumb{margin:72px auto 14px}
 .banner-area.grid-two::after{height:109px}
 .banner-area.list{padding-bottom:164px}
 .banner-area.list::after{height:61px}
 .trip-information{background-size:49.8% 100%}
 .trip-booking-info{ position:relative;  right:-127px}
 .trip-information.details-two{background-size:49.5% 100%}
 .error-area{ background-size:48.5% 100%;  padding-bottom:127px;  padding-top:206px}
 .contact-banner .breadcrumb, .about-banner .breadcrumb, .banner-area.blog-one .breadcrumb, .banner-area.blog-two .breadcrumb, .banner-area.signin-banner .breadcrumb{ margin:58px auto 14px}
 .about-adventures{background-size:49.3% 100%}
  .banner-area.blog-one, .banner-area.blog-two{padding-top:296px}
 .blog-two-text-container{padding-bottom:41px}
 .contact-container{padding-left:18.76%}
 .contact-us-form::after{;  left:87%;  transform:skewX(-12deg);  width:185px}
}
 
@media (min-width:992px) and (max-width:1199px){
.faq-page .logo {margin-left:0px;width: 140px;}
.faq-page .card-header {    font-size: 22px;line-height: 24px;}
.pl-faq {padding-left: 30px;}
#faq-menu li a {font-size: 22px;line-height: 27px;    padding: 10px 0.5rem!important;}
#faq-menu li {padding: 3px 0rem!important;margin-bottom: 10px;}
#service-9 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-9 a{min-height:400px;}
#service-9 .pjErProductTitle {margin-top:0px!important;padding-bottom: 20px;font-size:27px!important;}
#service-9 .pjErProductImage{width: 65%;}
#service-9 .pjErProductImage img{width: 750px;}
#service-9 .pjErProductContent{width: 35%;min-height:400px;padding: 15px 15px 0 25px!important;}

#service-4 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-4 a{min-height:400px;}
#service-4 .pjErProductTitle {margin-top:0px!important;padding-bottom: 20px;font-size:27px!important;}
#service-4 .pjErProductImage{width: 65%;}
#service-4 .pjErProductImage img{width: 750px;}
#service-4 .pjErProductContent{width: 35%;min-height:400px;padding: 15px 15px 0 25px!important;}

.mb-img-navigatino p {font-size: 16px;}
.pdd-vacation {padding-top: 110px;}
.vacation-m { padding-right: 0px!important;}
.spiaggia h2 {font-size: 35px;line-height: 45px;}
.mare {margin-bottom:50px;}
.mare-2 { padding-left: 15px;}
.mare-1 { padding-top: 0px!important;}
.mare h2 {margin-top:0px;}
.md-mb-30 {margin-bottom:30px;}
.mare-3 {padding-top: 0px!important;}
.mare h2 strong {display: inline-block!important;}
.slider {    width: 70%!important;}
.booking {margin-top: 70px;padding-top: 30px;}
.spiaggia h2 strong {display:block}
#pjWrapperMenuBuilder_theme1 .pjMbProductCategory {    height: 228px!important;}
#pjWrapperMenuBuilder_theme1 .pjMbProductCategory:hover .pjMbCategoryContentInner {top: 120px!important;}
#pjWrapperMenuBuilder_theme1 .pjMbCategoryContentInner {top: 170px!important;}
.video-home {position: relative;right: 0px;width: 100%;margin-top:40px;}
.spiaggia {padding-top: 0px;padding-right: 0px;}
.press h2 {font-size: 35px;line-height: 35px;margin-bottom: 20px;}
.mob-mt {margin-top:15px!important;}
.wave {    overflow-x: hidden!important;    position: relative;    z-index: 1;    margin-top: 60px;    padding-bottom: 30px;    padding-top: 30px;    color: #fff;}
.vacation:after {bottom: -65px;height: 40.5em;}
.mb-70 {margin-bottom: 50px;}
.visitare p { padding-right: 10px;}
.esperienza h2 {padding-left: 25px;margin-top: 0px;}
.esperienza p {padding-left: 25px;}
.servizi h2 {padding-left: 25px;margin-top: 0px;}
.servizi p { padding-left: 25px;}
.top-line i {margin-right: 0px;}
.menu-btn img {display:none}
.menu-btn {width: 160px;}
.fixed .menu-btn {width: 160px;}
.prev, .next {top: 30%;}
.project-item {max-height: 345px!important;}
.content .scrollbar {margin-bottom:100px;}
.food-slider {top: -50px;padding:0 80px 0 50px;}
.food-title {font-size: 28px;line-height: 33px;}
.food-slider .item {padding: 45px 10px 45px 170px;}
.food-slider .owl-controls .owl-buttons .owl-prev i {right: 925px!important;}
.food-slider .owl-controls .owl-buttons .owl-next i {right: 30px!important;}
.food-slider .owl-controls .owl-buttons {top: 120px!important;}
.food {padding: 280px 0 90px 0;}
.food p {padding-right: 0px;margin-bottom: 55px;}
.food a {padding: 15px 45px;font-size: 15px;}
.food-2 {padding: 85px 0 0px 0;}
.food-2 i {font-size: 30px;line-height: 80px;width: 80px;height: 80px;}
.food-2 .col-md-3 p {padding: 0 0px 0 0px;}
.tab-menu li {width: 20%;}
.food-slider-1 {padding:0 40px 0 40px}
.food-slider-1 .owl-controls .owl-buttons .owl-prev i {right: 895px!important;}
.food-slider-1 .owl-controls .owl-buttons .owl-next i {right: -10px!important;}
.food .check {padding-left: 45px;margin-left: 0px;margin-top: 20px;}
.food .check li {margin-bottom: 25px;}
.food-4 h2  {font-size: 35px;}
.food-3 h2 {font-size: 35px;}
.food-2 h2 {font-size: 35px;}
.food-4 {padding: 90px 0 90px 0;}
.food-4 .col-md-4 .bg-food {display:none}
.video-food {bottom: -40px;}
.fixed .logo {margin-left: 30px;}
.food-4 p {padding-right: 0px;}
.food-4 h2 span{display: inline-block;}
.food-4 .col-md-7 a {padding: 15px 45px;font-size: 15px;}
.tab-menu .name {font-size: 15px;}
.food-3 {margin-top: -830px;}
.content-menu a {padding: 12px 40px;font-size: 14px;float: right;margin-top: 20px;}
.food-3 .container {padding: 20px 40px 30px 40px;}
.price {display: inline-block;}
.menu-items .name {margin-top: 10px;}
.food h2 {font-size: 35px;}
.food h2 span {display: inline-block;}
.get-more {margin-right:15px}
.container-3 {width: 970px;}
.container-2 {width: 970px;}
.container-1 {width: 970px;}
.top-line span {display:none}
.margins {margin-top:100px!important;}
.elements {margin-top: 20px;margin-bottom: 10px;}
.elements h2 {padding-left: 50px;padding-top: 20px;}
.servizi-info h3 {top: 50px;font-size: 90px;}
.servizi-info h4 {top: 180px;font-size: 23px;}
.logo{margin-left:15px;width: 90px;}
.head-pdd {padding-left:0px!important}
.mainmenu ul#nav li {padding-left: 5px;padding-right: 5px;}
.menu-btn {padding-left:15px!important;padding-right:15px!important;}
.mainmenu ul#nav li a {font-size: 14px;}
.top-line {margin-left: 17px;font-size:10px;}

.certificato img { margin-top: 0px;margin-bottom:30px;margin-left:60%;max-height: 120px;padding: 0px 15px 0px 5px;}
.wave .xs-none {display:none}
.wave .container {padding-bottom:40px;padding-top:40px;}
.spiaggia {padding-top: 10px;padding-right: 10px;}
.md-none {display:none}
.wave:before {height: 100px;}
.slider h1, .slider h3 {font-size: 75px;line-height: 65px;}
.slider h1 span, .slider h3 span {font-size: 41px;line-height: 41px;}
.bg-img h2 {font-size: 45px;line-height: 45px;}
.bg-img {padding-left: 48%;}
.bg-red p {font-size: 19px;}
.bg-red span {font-size: 15px!important;}

.partner-carousel {min-height:500px;}
.partner-carousel img {min-height:500px;}
.container{width:970px}
 .mainmenu{margin-left:10px}
 .mainmenu ul#nav li{margin:0 10px}
 .slider-area .text-content{margin-top:23.2%}
 .banner-content h1{ font-size:80px;  line-height:70px}
 .banner-content h2{font-size:30px}
 form#banner-searchbox{margin:25px auto 0}
 button#btn-search-category{margin-top:24px}
 .single-service{ height:134px;  width:131px}
 .single-icon{margin-top:13px}
 .about-text h1{ font-size:25px;  line-height:24px;  margin-bottom:18px}
 .about-area .section-padding{ padding-bottom:30px;  padding-top:30px}
 .about-area .section-title, .service-about-area .section-title{margin-bottom:20px}
 .mainmenu ul#nav li .megamenu{ left:-182px;  width:970px}
 .mega-title {font-size: 13px !important;}
 .content h2 {font-size: 45px;line-height: 55px;}
 .mainmenu ul#nav li .megamenu span >a, .mainmenu ul#nav li ul.sub-menu li a{margin:0 6px}
 .mainmenu ul.sub-menu{ left:-100px;padding:25px 0 25px 14px;  width:200px}
 #footer-menu img { margin-right: 7px; width: 20px!important;}
 .multiweb {    letter-spacing: 0px;}
 .single-portfolio:hover .portfolio-text::after, .single-member:hover .member-text::after{top:-3px}
 .single-service::before{ bottom:3px;  left:-1px;  width:51%}
 .single-service::after{ bottom:3px;  right:-1px;  width:51%}
 .single-fun-factor{ height:132px;  width:132px}
 .fun-border-left, .fun-border-right{height:141px}
 .single-fun-factor >h5, .fun-factor-three .single-icon-three h5{display:none}
 .fun-border-left::after{ bottom:-29px;  height:49.5%;  left:34px;  transform:rotate(82deg)}
 .fun-border-right::after{ bottom:-29px;  height:49.5%;  right:34px;  transform:rotate(-82deg)}
 .single-fun-factor::before, .single-fun-factor::after{border-width:5px 36px}
 .best-sell-slider a{margin-bottom:25px}
 .sell-text-container >p{ font-size:14px;  line-height:23px}
 .sell-text-container >.button-one{ line-height:35px;  margin-bottom:26px;  margin-top:6px;  padding:0 33px}
 .carousel-style-one .owl-controls .owl-buttons{top:-61px}
 .newsletter-area{padding-bottom:166px}
 .newsletter-area::after{height:67px}
 .blog-text >h4{margin-bottom:7px}
 .blog-text{ margin:0px -22px 0 0;  padding:10px 0 8px 12px}
 .blog-area .button-one{ line-height:35px;  margin-bottom:4px;  margin-top:6px;  padding:0 21px}
 .member-text h4 a{font-size:18px}
 #footer-menu li a{ margin-left:9px; font-size:13px; padding-left:9px}
 .service-about-area{ margin-bottom:80px;  margin-top:50px}
 .about-text p{font-size:15px}
 .fun-factor-two.fun-factor-area{padding-bottom:223px}
 .fun-factor-two .single-fun-factor{height:150px}
 .fun-factor-two .fun-border-left, .fun-factor-two .fun-border-right{height:148px}
 .fun-factor-two .single-fun-factor::after{border-width:5px 32px}
 .fun-factor-two .single-fun-factor::before, .fun-factor-two .single-fun-factor::after{border-width:5px 33px}
 .fun-factor-two .fun-border-left::after{ bottom:-39px;  height:45.5%;  left:33px;  transform:rotate(98deg)}
 .fun-factor-two .fun-border-right::after{ bottom:-39px;  height:45.5%;  right:33px;  transform:rotate(-98deg)}
 .blog-two-area .blog-text, .blog-three-area .blog-text{padding:20px 8px 4px 10px}
 .blog-two-area .blog-link, .blog-three-area .blog-link{margin-top:12px}
 .single-member:hover .member-text.effect-bottom::after{top:62px}
 .slider-three .slider-icon-container{margin-top:64%}
 .fun-factor-three .single-icon-three{ height:133px;  width:132px}
 .fun-factor-three .icon-border-left{height:134px}
 .fun-factor-three .icon-border-right{height:142px}
 .single-icon-three::after{border-width:5px 69.5px}
 .fun-factor-three .icon-border-left::after{ bottom:-69px;  height:132px;  left:65px;  transform:rotate(93deg)}
 .fun-factor-three .single-icon-three:hover::after{border-width:5px 66.5px}
 .footer-widget-area.footer-widget-two{padding-top:164px}
 
 .adventure-price-link .trip-price{ font-size:22px;  width:auto}
 .adventure-price-link .trip-person{ font-size:16px;  padding-left:5px;  top:-2px}
 .adventure-price-link{padding:0 6px 11px}
 .transparent-overlay{padding:0 7px}
 .adventure-link >a{font-size:17px}
 .single-adventure:hover .trip-time, .single-adventure:hover .trip-level{margin-bottom:15px}
 .single-adventure:hover .adventure-text.effect-bottom::after{bottom:54px}
 .single-adventure-two:hover .adventure-text-container{top:1.75%}
 .single-adventure-two:hover .adventure-price-link-two{top:29.5%}
 .adventure-text-two{padding:16px 8px 17px 7px}
 .adventure-text-container h4 a{font-size:16px}
 .adventure-list-text >h2{ font-size:26px;  margin-bottom:5px}
 .adventure-list-text >p{line-height:24px}
 .adventure-list-image{padding-top:5px}
 .image-bottom >li{height:49px}
 .adventure-list-image >h2{ font-size:16px;  margin:7px 9px 0;  padding-bottom:12px}
 .adventure-list-image{width:22%}
 .adventure-list-text{width:76%}
 .adventure-list-image::after{ height:100%;  top:0}
 .adventure-list-container::after{bottom:-7px}

 .details-button button#btn-search-category{padding:0 30px}
 .details-info{margin-bottom:35px}
 .details-info li span{ width:auto;  margin-right:10px}
 .trip-info-left-text .section-title{margin-bottom:30px}
 .trip-info-left-text p, .about-adventures p{line-height:26px}
 .trip-booking-info{padding-top:100px}
 .trip-status, .trip-price{width:23%}
 .trip-action{width:18%}
 .error-area{ background-size:51% 100%;  padding-bottom:85px;  padding-top:140px}
 .error-text-container >p{ font-size:19px;  line-height:25px}
 .include-text >h4, .contact-text >h4, .about-text-container >h4{font-size:20px}
 .about-adventures p{ font-size:15px;  line-height:25px}
 .about-adventures{ padding-bottom:80px;  padding-top:80px}
 .single-skill-text >h4{font-size:17px}
 .advertise-area{font-size:29px}
 .advertise-area a{font-size:32px}
 .blog-archive{width:99%}
 .post-img{ margin-right:5px;  width:59px}
 .blog-post-two .single-blog-post-text{ margin-top:-17px;  padding-top:23px}
 .single-blog-post-text >p{font-size:14px}
 .blog-two-text-container{padding-bottom:31px}
 .blog-post-two .single-blog-post:hover .blog-post-margin{margin-left:-33px}
 .contact-us-form::after{ left:80%;  transform:skewX(-9deg)}
 .contact-us-form.section-padding{ padding-bottom:70px;  padding-top:70px}
 .contact-form{height:auto}
 #googleMap{height:676px !important}
 .contact-container{padding-left:9%}
 .contact-us-form.section-padding.thank-u{padding:50px 0}
.modal-dialog {width: 100%;margin: 80px auto;}
}
 
@media (min-width:768px) and (max-width:991px){
.faq-page .logo {margin-left:10px;}
.sticky {position: relative;top: 0;}
.faq-page .card-header {    font-size: 22px;line-height: 24px;}
#faq-menu li {text-align:left}
.pl-faq {padding-left: 15px;}
#service-4 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-4 a{min-height:400px;}
#service-4 .pjErProductTitle {margin-top:20px!important;padding-bottom: 20px;font-size:27px!important;}
#service-4 .pjErProductImage{width: 100%;}
#service-4 .pjErProductImage img{width: 750px;}
#service-4 .pjErProductContent{width: 100%;min-height:350px;padding: 15px 15px 0 25px!important;}
#service-4 .pjErProductInner {padding-bottom:30px;}

#service-9 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-9 a{min-height:400px;}
#service-9 .pjErProductTitle {margin-top:20px!important;padding-bottom: 20px;font-size:27px!important;}
#service-9 .pjErProductImage{width: 100%;}
#service-9 .pjErProductImage img{width: 750px;}
#service-9 .pjErProductContent{width: 100%;min-height:350px;padding: 15px 15px 0 25px!important;}
#service-9 .pjErProductInner {padding-bottom:30px;}

.mare-3 {padding-top: 0px!important;}
#vacanza-ideale {margin-top: 0px;}
#acqua-di-mare .mare {padding-left: 0px;}
.mb-img-navigatino p {font-size: 16px;}
.pdd-vacation {    padding-top: 70px;padding-bottom: 100px;}
.mb-btn { margin-bottom: 40px;}
.img-links {font-size: 15px;}
.mb-img-navigatino {margin-bottom: 70px;} 
.spiaggia h2 strong {display:block}
.slider {    width: 70%!important;}

#pjWrapperMenuBuilder_theme1 .pjMbProductTitle {font-size: 18px!important;}
.video-home {position: relative;right: 0px;width: 100%;margin-top:40px;}
.servizi p {padding-left: 0px;}
.visitare p {padding-right: 0px;}

.booking { margin-top: 60px;padding-top: 60px;}
.press h2 {font-size: 35px;line-height: 35px; margin-bottom: 20px;}
.tripadvisor-1 h2 {font-size: 45px;line-height: 55px;}
.wave {    overflow-x: hidden!important;    position: relative;    z-index: 1;    margin-top: 60px;    padding-bottom: 30px;    padding-top: 30px;    color: #fff;}
.vacation:after {bottom: -70px;height: 40.5em;}
.pdd-top { padding-top: 60px!Important;}
.z-99 iframe {display:none!important}
.pb-sm-70 {padding-bottom: 70px;}
.socials {padding-right:120px;padding-left:30px;}
.xs-footer {display:block; padding-top:100px;margin-top:50px;width:100%;height:1px;}
.prev, .next {top: 30%;}
.project-item {max-height: 345px!important;}
.content .scrollbar {margin-bottom:-70px;}
.big .descr {margin-top:20%!important}
.food-slider {position: relative;margin-top:40px;top: 0px;}
.food-slider .owl-controls .owl-buttons .owl-prev i {right: 85px!important;}
.food-slider .owl-controls .owl-buttons .owl-next i {right: 0px!important;}
.food-slider .owl-controls .owl-buttons {top: 220px!important;}
.food {padding: 150px 0 30px 0;}
.food-3 h2{font-size: 35px;}
.food-4 h2{font-size: 35px;}
.food-4 .col-md-7 {margin-top:70px;}
.tab-menu li{width: 23%;}
.tab-menu .name {font-size: 15px;}
.food-3 .container {padding: 10px 15px 10px 15px;}
.food-slider-1 {margin-top: 280px;padding: 0 25px 0 25px;}
.food-slider-1 .owl-controls .owl-buttons .owl-prev i {right: 665px!important;}
.food-slider-1 .owl-controls .owl-buttons .owl-next i {right: 10px!important;}
.food-4 img {display:block;margin:0 auto}
.video-food {right: 34px;}
.food-4 .col-md-4 .bg-food {left: -83px;}
.fixed .logo img {display:none}
.food-4 {padding: 80px 0 0px 0;}
.right-info {min-height: 355px;}
.right-info p {    font-size: 18px;}
 
.food-2 .col-md-3 p {padding: 0 20px 0 20px;margin-bottom: 30px;}
.tab-menu li.active .name {padding: 10px 20px 10px 20px;}
.tab-menu {margin: 30px 0 20px 0;}
.menu-items {padding-left: 0px;}
.menu-items .name {margin-top: 0px;font-size: 25px;}
.kkal {font-size: 15px;}
.tab-pane {font-size: 14px;}
.content-menu a {padding: 12px 35px;font-size: 15px;float:right;margin-top:20px;}
.food-3 {margin-top: -520px;padding: 90px 0 90px 0;}
.price {display:inline-block}
.food-2 h2 {font-size: 35px;}
.food-2 {padding: 85px 0 0px 0;}
.food-2 .col1:after {display:none}
.food h2 {font-size: 35px;}
.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;}
.food p {padding-right: 0px;margin-bottom: 55px;}
.food .col-md-6 {min-height:330px;}
.food .check {padding-left: 25px;margin-left: 20px;}
.food a {padding: 15px 45px;font-size: 15px;}
.food-title {font-size: 25px;line-height: 25px;}
.food-slider .item {background-position: -180px 50%;}
.food-slider .item:hover {background-position: -155px 50%;}
.food-slider .item {margin: 0 10px 0 10px;padding: 35px 10px 35px 120px;}
.get-more {margin-right: 5px;}
.sm-show {display:block}
.margins .sm-show img {margin-top:70px;margin-bottom:70px;}
.elements .qodef-pattern-overlay {display:none}
.sm-mt-70 {margin-top:70px;}
.margins {margin-top:70px!important}
.elements {margin-top: 20px;margin-bottom: 10px;}
.elements h2 {padding-left: 50px;padding-top: 0px;}
.servizi-info h3 {top: 40px;font-size: 60px;}
.servizi-info h4 {top: 130px;font-size: 17px;}
.modal-dialog {width: 100%;margin: 80px auto;}
.certificato img { margin-top: 0px;margin-bottom:30px;margin-left:0%;max-height: 120px;padding: 0px 15px 0px 5px;}
.wave .col-lg-5 {text-align:center}
.wave .col-lg-7 {text-align:center}
.more-details {    margin-top: 10px;}
.slider {    left: 10%;}
.content h2 {    font-size: 45px;    line-height: 55px;}
.content h4{    font-size: 20px;    line-height: 30px;}
.content h3{    font-size: 20px;    line-height: 30px;}
.wave:before {height: 128px;top: -120px;height: 128px;}
.bg-red {padding: 70px 0 70px 0;}
.esperienza h2 {    padding-left: 15px;}
.esperienza p {padding-left: 15px;}
.sm-none {display:none}
.sm-mt-30 {margin-top:30px;}
.z-99 {margin-bottom:30px;}
.vacation h2 {    font-size: 45px;line-height: 55px;}
.faq h2 {    font-size: 45px;line-height: 55px;}
.faq h4 {    font-size: 20px;line-height: 30px;}
.bg-img h2 {font-size: 45px;line-height: 55px;}
.bg-img {    padding-left: 38%;}
.slider h1 span, .slider h3 span {font-size: 41px;line-height: 41px;}
.slider h1, .slider h3 {font-size:55px;line-height: 65px;}
 .logo-menu-bg, .header-three .header-logo-menu, .about-adventures, .trip-information{ background:rgba(0,0,0,0) none repeat scroll 0 0}
 .logo{width: 55px;z-index:999;margin-left:20px;margin-top:10px; position:absolute; text-align:center }
.gallery-item {width:50% !important;}
.container{width:750px}
 .logo{ margin-left:0;  text-align:center}
 header{position:inherit}
 .header-logo-menu{background:rgba(0,0,0,0.8) none repeat scroll 0 0}
 .logo-menu-bg, .header-three .header-logo-menu, .trip-information{background:rgba(0,0,0,0) none repeat scroll 0 0}
.mean-container a.meanmenu-reveal:hover span {background: #fff!important;}
.mean-container a.meanmenu-reveal span {background: #fff;}
 .mobile-menu-area {display: block;right: 5px;top: 0px; position: absolute;}
 .slider-area .text-content{ left:0;  margin-top:6%;  max-width:100%;  position:absolute;  right:0}
 .banner-content h1{font-size:80px}
 form#banner-searchbox{ margin:30px auto 0;  width:673px}
 .single-service{ height:152px;  width:158px}
 .single-icon{margin-top:22px}
 .about-area{background-size:100% 100%}
 .about-area .section-padding{ padding-bottom:110px;  padding-top:110px}
 .single-portfolio:hover .portfolio-text::after, .single-member:hover .member-text::after{top:-3px}
 .single-fun-factor{width:157px}
 .sell-text-container >p{font-size:14px}
 .single-blog .blog-image a{margin-right:76px}
 .single-blog .date-time{right:96px}
 .single-blog .blog-text{ margin:34px -70px 24px 0;  padding:15px 0 13px 21px}
 .blog-area .single-blog{margin-bottom:30px}
 .single-blog .margin-left{margin-left:-126px}
 .blog-area .single-blog .blog-link{margin-right:76px}
 .fun-factor-area::after{height:72px}
 .newsletter-area::after{height:56px}
 .newsletter-content button{padding:0 28px}
 .footer-widget-area::after{height:46px}
 .footer-link >a{margin-right:15px}
 .payment-image >img, .single-adventure-two img, .adventure-list-text, .contact-form::before{width:100%}
 .footer-area span{ display:block;  margin-bottom:15px}
 #footer-menu{text-align:center;margin-bottom:30px;}

 .service-about-area.text-center{ background:#fff none repeat scroll 0 0;  margin-top:0;  margin-bottom:0}
 .single-service-two{padding-top:60px}
 .slider-area.home-two-slider .text-content{margin-top:8%}
 .fun-factor-two .single-fun-factor::after, .fun-factor-two .single-fun-factor::before{border-width:5px 39px}
 .fun-factor-two .single-fun-factor{width:156px}
 .fun-factor-two .fun-border-left::after, .fun-factor-two .fun-border-right::after{ bottom:-44px;  height:46%;  left:38px}
 .fun-factor-two .fun-border-right::after{ right:38px !important;  left:auto }
 .blog-two-area .single-blog .blog-text{ margin:20px -125px 24px 0;  padding:15px 10px 13px 21px}
 .single-member:hover .member-text.effect-bottom::after{top:65px}
 .footer-widget-area.footer-widget-two{padding-top:155px}
 
 header.header-three{background:#001128 none repeat scroll 0 0}
 .slider-area.slider-three .text-content{ left:0;  margin-top:9.5%;  right:0}
 .preview-2 .nivo-directionNav a{top:49%}
 .slider-icon-container, .adventure-list-image, .google-map-area, .contact-us-form::after{display:none}
 .blog-three-area .single-blog .blog-text{ margin:-16px -123px 24px 0;  padding:37px 29px 19px 25px}
 .about-area.text-center.about-area-three{ background:rgba(0,192,255,0.4) none repeat scroll 0 0 !important;  padding-top:0}
 .about-area.about-area-three .section-padding{padding-bottom:50px}
 .about-area .section-title.title-three{margin-bottom:45px}
 .adventure-link >a{ font-size:17px;  margin-right:4px}
 .grid-two{padding-top:110px}
 .widget-icon span{width:20%}
 .widget-icon .slider-values >input{width:24%}
 .adventure-grid-two-area .row .col-md-4:nth-child(odd) .single-adventure-two:hover .adventure-text-container{ left:calc(100% - 19px);  right:auto;  text-align:left }
 .adventure-grid-two-area .row .col-md-4:nth-child(odd) .single-adventure-two:hover .adventure-text-container::after{ border-color:rgba(255,174,0,0) rgba(0,0,0,0) rgba(255,174,0,0.9) rgba(255,174,0,0.9);  right:-143px;  transform:rotate(90deg);  left:auto}
 
 .adventure-grid-two-area .row .col-md-4:nth-child(even) .single-adventure-two:hover .adventure-text-container{ right:calc(100% - 19px);  left:auto;  text-align:right }
 .adventure-grid-two-area .row .col-md-4:nth-child(even) .single-adventure-two:hover .adventure-text-container::after{ border-color:rgba(0,0,0,0) rgba(255,174,0,0.9) rgba(255,174,0,0.9) rgba(0,0,0,0);  left:-143px;  transform:rotate(-90deg);  right:auto}
 .single-adventure-two:hover .adventure-text-container{ top:20.25%;  padding:21px 8px 20px 9px}
 .single-adventure-two:hover .adventure-price-link-two{top:37.5%}
 .banner-area.list{padding-top:100px}
 .adventure-list-text >h1{ margin-bottom:7px;  padding-top:14px;  position:relative;  z-index:999}
 .adventure-list-text >h2{ font-size:28px;  margin-bottom:3px}
 .adventure-list-text >p{line-height:26px}
 .list-buttons{margin-top:10px}
 .list-buttons .button-one{ line-height:35px;  margin-bottom:10px;  padding:0 20px;  position:relative;  z-index:9}
 .adventure-list-container::before{top:-5px}
 .single-list-item{margin-bottom:50px}
 .adventure-list-container{padding-left:20px}
 .banner-area, .banner-area.contact-banner, .banner-area.about-banner, .banner-area.contact-banner, .banner-area.blog-one, .banner-area.blog-two, .banner-area.signin-banner{ padding-top:110px}
 
 .trip-information{padding:0}
 .trip-action{width:20%}

 header.fixed .header-logo-menu{ background:#212227 none repeat scroll 0 0;  position:inherit}
 .trip-information.details-two, .error-area, .about-adventures{background:rgba(33,34,39,0.15) none repeat scroll 0 0}
 .details-two .trip-info-left-text{ padding-top:100px;  padding-bottom:100px }
 .error-area{ padding-bottom:80px;  padding-top:65px}
 .blog-post-area .tooltip-icons .widget-icon >span{ margin-bottom:0;  width:12%}
 .single-blog-post:first-child{margin-top:40px}
 
 .blog-post-two .single-blog-post-text{ margin-top:-17px;  padding-top:23px}
 .single-blog-post-text >p{font-size:14px}
 .blog-two-text-container{padding-bottom:36px}
 .blog-post-two .single-blog-post:hover .blog-post-margin{margin-left:-33px}
 .comment-btn{margin-top:25px}
 .sign-in-area .section-title.title-right{ margin-top:80px;  overflow:hidden}
 .contact-form{height:auto}
 .contact-container{ padding-left:13%;  padding-right:13%;  width:100%}
 .error-area .col-md-6{padding-right:15px}
 .error-text-container{padding-left:0px}
 .trip-action >div{width:162px}
}
 
 .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;}
	.img-hover {display: none;}
	.new-xs img{padding:20px 10px 10px 10px;    }
	.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;}
.press .embed-container h2 {font-size: 20px!important;line-height: 30px!important;}
.faq-page a[aria-expanded="true"] .icon-faq {top:25px!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;}
.xs-faq-nav a {color:#fff}
.faq-page .press h2{font-size:40px;font-weight:600;text-transform:capitalize}
.faq-page .press h1 span{font-size:35px;font-weight:800;line-height:1.2;margin-bottom:0px;padding-bottom:10px;}
#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;}
.faq-page  .press h1 {font-size:20px;line-height:30px;margin-bottom:15px;}
.embed-container div {margin-top: -30px;}
.embed-container div h2{line-height: 1.4;}
.video-block {margin-top: 15px!important;}
.faq-page .logo {margin-left:10px;width: 100px;}
.r-10 .bg-overlay {right:10px;}
.l-10 .bg-overlay {left:10px;}
.r-10 {padding-right:10px!important}
.l-10 {padding-left:10px!important}
.faq-gif {z-index:1;position:absolute;bottom:55px;right:0;left:0;text-align:center;width:100px;margin:0 auto;}
.xs-faq-nav .xs-show {position:relative}
.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);}
.xs-faq-nav p {z-index:1;position:absolute;bottom:20px;right:0;left:0;text-align:center;text-transform:uppercase;font-size:17px;font-weight:700;    font-family: 'Raleway', sans-serif;}
.faq-img {border-radius:15px;}
#myDIV {display:none}
.project-block__title {font-size: 25px;line-height: 33px;}
.faq-page .card-header {    font-size: 20px;line-height: 27px;}
.pl-faq {padding-left: 15px;}
#faq-menu li {text-align:left}
.sticky {position: relative;top: 0;}
.on-board {display:none}
.ajo {display:none}
.col-md-8 #pjCF_container_1 .pjCF-button {margin-left: 0px!important;}
.pdd-review { padding-top: 70px;}
.subscribe .col-sm-4 {width:60%;display:inline-block}
.subscribe .col-sm-6 {width:40%;display:inline-block}
.subscribe .close {display: block;}
.subscribe .modal-dialog {width: 100%;    margin: 40px auto;}
.subscribe .btn-info {margin-left:0px!important;font-size: 15px;padding: 15px 40px 15px 40px;}
.subscribe .form-horizontal .form-group {padding-right: 0px;}
#service-4 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-4 a{min-height:400px;}
#service-4 .pjErProductTitle {margin-top:20px!important;padding-bottom: 20px;font-size:27px!important;}
#service-4 .pjErProductImage{width: 100%;}
#service-4 .pjErProductImage img{width: 750px;}
#service-4 .pjErProductContent{width: 100%;min-height:350px;padding: 15px 15px 0 25px!important;}
#service-4 .pjErProductInner {padding-bottom:30px;}

#service-9 .disp-none {padding-bottom:20px;font-size:15px!important;line-height:26px!important;letter-spacing:0.5px;}
#service-9 a{min-height:400px;}
#service-9 .pjErProductTitle {margin-top:20px!important;padding-bottom: 20px;font-size:27px!important;}
#service-9 .pjErProductImage{width: 100%;}
#service-9 .pjErProductImage img{width: 750px;}
#service-9 .pjErProductContent{width: 100%;min-height:350px;padding: 15px 15px 0 25px!important;}
#service-9 .pjErProductInner {padding-bottom:30px;}

.xs-block {display:block}
.tariffa .mb-30 {margin-bottom:-10px;}
.mt-50 {margin-top: 30px;}
.tariffe-title {font-size: 20px;padding-bottom: 15px;padding-top:30px;}
.scale img {display:none}
.size-text { font-size: 16px;line-height: 28px;}
.text-size {font-size: 16px;}
#acqua-di-mare .mare {padding-left: 15px;}
.mare p {padding-top: 0px;    padding-right: 0px;}
.mb-img-navigatino .row {padding-left:30px;}
.mb-img-navigatino p {margin-top: 0px;    font-size: 16px;}
.mb-img-navigatino {margin-top: 50px;margin-bottom: 50px;}
.adventures-grid blockquote {margin-bottom: 15px;}
.mare-2 {padding-left: 15px;}
.mare-3 {padding-top: 30px!important;}
.mb-img-navigatino .mb-30 {margin-bottom:0px;}
.pjErProductOverlay {opacity: 0!important;display:none!important}
.icon-tab .nav-tabs p {display:none}
.wave {background-image: none;background: #06a6e3;min-height: 900px;}
.icon-tab .tab-content {padding: 0 15px 0 15px;}
.icon-tab .tab-content>.active p {width: 100%;}
.icon-tab .btn-info {right: 0px;position: relative;top: 8px!important;}
.icon-tab .tab-pane {padding: 25px 40px 40px 40px;}
.icon-tab .nav-tabs .active:before {left:45px;}
.icon-tab .nav-tabs li {width: 25%;}
.icon-tab .nav-tabs {padding: 0 0% 0 0%;}
.icon-tab { background: none;    padding: 60px 0 10px 0;}
.restaurant-content .btn-info {top: 300px!important;}
.spiaggia h2 {font-size: 30px;line-height: 40px;}
.video-home {position: relative;right: 0px;width: 100%;margin-top:20px;margin-bottom:20px;}
.spiaggia {padding-top: 0px;padding-right: 0px;}
.booking { margin-top: 80px;padding-top: 30px;}
.bubble-container {display:none}
#scrollUp{bottom:90px!important;right:15px!important;}
#scrollUp:hover{ bottom:110px!important;}
.footer-default__list-item {margin-bottom: 0px;}
.footer-default__list-item p {margin: 0 0 0px;}

.footer-default__group-title {margin-top:50px;}
.socials {margin-top:50px;padding-right:70px;}
.footer-default__copyright {padding-right:0px;text-align:center}
.footer-default__author {text-align:center}
.socials-1 img {height: 55px;    width: 55px;}
.scrollbar {margin: 3.8rem 0 0;}
.project-item {max-height: 250px!important;}
.ms-skin-light-2 .ms-nav-next, .ms-skin-light-2 .ms-nav-prev {top: 80%;}
 #new-video .video-info{opacity: 0.8; bottom:0;  left:0;  top:0;  padding:40px 0;  right:0}
 #new-video .video-inner h4{ font-size:13px}
.food-slider .item {padding: 25px 10px 25px 140px;}
.food-title {font-size: 22px;line-height: 20px;}
.get-more {margin-bottom:20px;background-color:transparent;padding: 0px 0px;color:#c54122;font-size:15px;margin-right:10px;}
.get-more:hover {background-color:transparent;color:#e96b27;}
.food {padding: 110px 0 20px 0;}
.food-2 {padding: 70px 0 20px 0;}
.food-4 .col-md-7 a {font-size: 14px;padding: 15px 45px;}
.video-food {right:10px;bottom: -80px;}
.food-2 h2 {font-size: 30px;}
.food-4 h2{font-size: 30px;margin-top:160px;}
.food-4 {padding: 10px 0 90px 0;}
.food-2 .col1:after {display:none}
.food-2 .col-md-3 p {padding: 0 15px 0 15px;}
.food-4 p {padding-right: 0px;margin-bottom: 40px;}
.food-4 .col-md-4 .bg-food {display:none}
.food-4 h2 span {display:inline-block}
.food-slider-1 .get-more {padding: 7px 30px;font-size: 14px;background-color: #c54122;color: #fff;}
.food-slider-1 .get-more:hover {background-color: #e96b27;color: #fff;}
.food-3 .container {padding: 20px 10px 20px 10px;}
.menu-items {padding-left: 10px;}
.content-menu a {font-size: 14px;padding: 15px 45px;}
.food-3 {padding: 90px 0 0px 0;background-color: transparent;background-image: none !important;position:relative;margin-top: -300px;}
.food-3 h2 {font-size: 30px;margin-bottom: 15px;}
.tab-menu li {width: 100%;line-height:50px;}
.tab-menu li.active .name {line-height:70px;}
.tab-menu {margin: 30px 0 30px 0;}
.food h2 {font-size: 30px;}
.food h2 span {display: inline-block;}
.food p {padding-right: 0px;margin-bottom: 50px;}  
.food .col-md-6 {padding-bottom:50px;}  
.food a {font-size: 14px;padding: 15px 45px;}
.food .check li {margin-bottom: 25px;}
.food .check {margin-top: 30px;}
.food-slider .owl-controls .owl-buttons .owl-prev i {right: 35px!important;}
.food-slider .owl-controls .owl-buttons .owl-next i {right: 0px!important;}
.food-slider .owl-controls .owl-buttons {top: 170px!important;}
.food-under-title {font-size: 15px;margin-bottom: 25px;}
.food-slider {display:none!important;margin-top:50px;top:0;position:relative}
.food-slider .item {background-position: -170px 50%;}
.food-slider .item:hover {background-position: -150px 50%;}
.pdd-top {padding-top: 70px!Important;}
.under-slide {POSITION: relative;margin-top: 50px;}
.adventures-grid blockquote:before {display:none}
.pdd-vacation .img-sea-1 {width:250px;top: -50px;left: -30px;}
.pdd-vacation .img-sea-3 {display:none}

.pdd-vacation-2 .img-sea-1 {display:none;width:150px;top: -5px;left: -30px;}
.pdd-vacation-2 .img-sea-2 {display:none;}
.pdd-vacation-2 .img-sea-3 {display:none;width:150px;right: 30px;bottom: 20px;}
.pdd-vacation-2 {z-index: 1;padding-top: 50px;padding-bottom: 70px;}
.bubbles {height: auto;}
.margins {margin-top:70px!important}
.elements {margin-top: 20px;margin-bottom: 10px;}
.elements h2 {padding-left: 0px;padding-top: 0px;    font-size: 30px;}
.elements .line {margin-left: 0px!important;}
.elements p {padding-left: 0px;margin-bottom: 45px;}
.elements a {margin-left: 0px;margin-bottom:35px!important;display:block;text-align:center}
.elements .qodef-pattern-overlay {display:none}
.pdr p {padding-right: 0px}
.pdr {margin-top:70px;}
.servizi-info h3 {top: 65px;font-size: 70px;}
.servizi-info h4 {top: 165px;font-size: 19px;}
.pl-55 {padding-left: 15px;}
.mt-100 {margin-top: 50px;}
.icon-camp img {height: 50px;margin: 0 5px 0 5px;}
.icon-camp { margin-bottom: 50px;}
.adventures-grid blockquote {margin-top: 0px;margin-left: 0px;padding-left: 0px;padding-top:30px;}
#vrview .webvr-button {display:none!important}
#vrview #watermark {display:none!important}
#tubular-container {display:none}
#tubular-player {display:none}
#tubular-shield{display:none}
#video-controls {display:none}
#main {width: 100%;display:none}
#wrapper {width: 100%;margin: 0 auto;padding: 300px 0 100px;display:none}
.slider-1 h1 span, .slider-1 h3  span { font-size: 25px;    line-height: 25px;    margin-left: 10px;}
.slider-1 h1{font-weight: 900;    position: absolute;    top: 130px; left: 40px; font-size: 37px;    line-height: 47px;    font-style: italic;    margin-bottom: 20px;    color: #e96b27;    text-shadow: none;}
.xs-row {padding-left:30px!important;padding-right:30px!important}
.certificato img {padding: 0px 75px 10px 75px;margin-top: 0px;margin-top:70px;margin-bottom:30px;}
#videos {margin-bottom: 0px;}
.img-links {display:none}
.press h2 {font-size: 28px;line-height: 38px;    margin-bottom: 20px;}
.pdd-stampa {padding-top: 50px;    padding-bottom: 10px;}
.pl-50 {padding-left: 30px;padding-right: 30px;padding-top: 35px;}
.pl-btn {padding-left: 30px;}
.xs-mb-35 {margin-bottom:35px;}
.text-left {text-align:center!important}
.text-left h2 {text-align:center!important}
.h-70 {height:60px;}
.ml-20 {margin-left:15px;}
.strong {font-weight: 900!important;}
.xs-mb-50 {margin-bottom:-10px!important;}
.xs-show-inline {display:inline-block!important}
.content {margin-top: 50px;}
.mtm-30 {margin-top:-30px!important}
.mtm-60 {margin-top:-60px!important}
.mt-mb {margin-top: 60px;margin-bottom: 20px;}
.more-details {margin-top:10px;}
.footer-social {text-align:center;margin-top:30px;}
.footer-social img {height:70px;margin:0 10px 0 10px;}
.piva {text-align:center;margin-top:15px;color:#fff;display:block;text-align:center}
.piva a {color:#fff}
.mw {margin-top:25px;text-align:center}
.multiweb {border-bottom: none}
.error_inner_content {top: 50%;}
.error_area {    min-height: 100%;}
.error_inner_content p {font-size: 18px;line-height: 28px;padding:0 15px 60px 15px;}
.error_inner_content h5 {font-size: 21px;}
.error_inner_content img { height: 50px;}
.error_inner_content a {margin-right: 20px;}
.error_inner_content h2 {    font-size: 140px;}
.tab-pane {padding: 30px 5px 20px 5px;}
.nav-item img {margin-right: 10px;}
.carousel-style-one .owl-controls .owl-buttons div {width:50px;}
.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;}
.pdd-vacation-1 {padding-top: 70px;padding-bottom: 120px;}
.mb-btn {margin-bottom: 40px;}
.gallery-item {width:100%!important;left:0 !important}
.wave {overflow-x:hidden!important;position: relative;z-index: 1;margin-top: 60px;padding-bottom:30px;padding-top:30px;color:#fff}
.wave:before {top: 0px;height: 58px;}
.wave .col-lg-5 {margin-bottom:10px;text-align:center}
#footer-menu img {width: 20px!important;margin-left:10px;}
.title-xss span {    display: block;font-size: 28px;    line-height: 28px;    margin-left: 10px;}
.title-xss {font-weight: 900;position:absolute;top:80px;left:7%;font-family: 'Raleway', sans-serif;    text-transform: uppercase;    font-size: 40px;    line-height:57px;    font-style: italic;    margin-bottom: 20px;    color: #e96b27;    text-shadow: none;}
.fixed .logo {display:none}
.title-xs span {    display: block;font-size: 28px;    line-height: 28px;    margin-left: 10px;}
.title-xs {font-weight: 900;position:absolute;top:180px;left:7%;font-family: 'Raleway', sans-serif;    text-transform: uppercase;    font-size: 40px;    line-height:57px;    font-style: italic;    margin-bottom: 20px;    color: #e96b27;    text-shadow: none;}
.mob-mt-30 {margin-top:30px;}
.vacation:after {background-color:transparent;}
.xs-mb-30 {margin-bottom:30px;margin-top:-40px;}
.xs-mtm-20 {margin-top:-20px;}
.xs-mtm-35 {margin-top:-35px;}
.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}
.esperienza h2 {padding-left: 0px;font-size: 28px;line-height: 38px;}
#scrollUp {bottom: 40px;right: 10px;}
.bg-img p {padding-left: 10px;padding-right: 10px;}
#scrollUp:hover{ bottom:45px;}
.btn-info {font-size: 14px;padding: 12px 20px 12px 20px;}
.right-text, .btn-info img {    margin-right: 0px;}
.btn-info img {height:30px!important;min-height: 30px!important;}
.esperienza p{padding-left: 0px;}
.visitare h2 {font-size: 28px;line-height: 38px;}
.visitare p {padding-right: 0px;}
.visitare {margin-bottom:50px;}
.servizi p {padding-left: 0px;}
.servizi h2 {padding-left: 0px;font-size: 28px;line-height: 38px;}
.modal-dialog {width: 100%;margin: 80px auto;}
.right-info {min-height: 177px;padding: 40px 40px 10px 40px;    width: 100%;    display: block;}
.fly-jet h3 {margin-left: 23px;font-size: 33px;margin-bottom:130px; margin-top: 50px;line-height:40px;}
.fly-jet h3 span {display:block;}
.modal-body .btn-info {margin-left:25px;}
.fly-jet p span {font-size: 35px;}
.fly-jet {background-position-x: 70% !important;min-height: 400px;}
.fly-jet p {margin-left: 17px;font-size: 25px;}
.right-info img {height: 60px;}
.right-info p {font-size: 17px;line-height: 30px;    margin-top: 15px;}
.bubble {margin-top:5px;}
.tripadvisor .col-3 {padding: 30px 20px 20px 20px;}
.tripadvisor span {padding-top: 0px;}
.tripadvisor .from {padding-top: 10px;font-size: 15px;}
.mt-30 {margin-top: 20px;}
.tripadvisor .title {font-size: 20px;line-height: 30px;}
.carousel-style-one .owl-controls .owl-buttons {right: 30%;top: 101%;}
.xs-pdd-0 {padding-left:0px!important;padding-right:0px!important;margin-top:30px;}
.tripadvisor {margin-top: 0px;}
.bg-red {padding: 70px 0 70px 0;}
.tripadvisor-1 h4 {font-size: 18px;}
.tripadvisor-1 h2 {font-size: 28px;line-height: 38px;margin-bottom: 40px;}
.bg-img h3 {padding-top: 10px;font-size: 18px;}
.bg-img h2 {font-size: 28px;line-height: 38px;margin-top: 10px;margin-bottom: 30px;}
.bg-img {padding-left: 0px;padding-right: 0px;min-height: 280px;background:none!important;text-align:center!important}
.video i {font-size: 20px;top: 55%;left: 42%;padding: 15px 20px 15px 20px;}
.faq {padding: 20px 0 70px 0;background-image:none!important;background-position:30% 80% !important;}
.pdd-vacation {padding-top: 0px;padding-bottom: 30px;}
.vacation:after {bottom: -55px;height: 38.5em;}
.vacation h2 {font-size: 28px;line-height: 38px;margin-top: 10px;    margin-bottom: 30px;}
.vacation h4 {font-size: 18px;line-height: 30px;margin-top:40px;margin-bottom: 0px;}
.faq h2 {font-size: 28px;line-height: 38px;margin-top: 10px;    margin-bottom: 30px;}
.faq h4 {font-size: 18px;line-height: 30px;margin-top:40px;margin-bottom: 0px;}
.vacation p {font-size: 16px;line-height: 30px;padding-right: 0px;}
.vacation {text-align:center;padding-right: 15px;}
.xs-none {display:none!important;}
.xs-show {display:block!important;}
.mtb-btn.xs-show {margin-top:35px!important;text-align:center}
.slider-three .banner-content h1{font-family: 'Raleway', sans-serif;text-transform:uppercase;font-size:45px;line-height:45px;font-style:italic;  margin-bottom:20px;color:#e96b27;  text-shadow:none}
.slider-three .banner-content h1 span{font-size:25px;line-height:25px;margin-left:10px;}
.container{width:100%}
 .mobile-menu-area{display:block;right:5px;top:0px;position:relative}
 .mean-container a.meanmenu-reveal span {background: #5f5f5f!important;}
 header{position:inherit} 
 .header-r-cart{margin-left:0}
 .header-top-right{ margin:auto;  width:225px;    position: absolute;}
 header.fixed .header-top{padding:10px 0}
 .mean-container .mean-nav {z-index: 9999;top: 80px;}
 .logo-menu-bg, .header-three .header-logo-menu, .about-adventures, .trip-information{ background:rgba(0,0,0,0) none repeat scroll 0 0}
 .logo{width: 95px;margin-left:20px;margin-top:-10px; position:absolute;}
 .mean-container .mean-bar {min-height: 72px;}
 .mean-container a.meanmenu-reveal {padding: 27px 20px;}
 .spiaggia {padding-top: 20px;padding-right: 15px;padding-bottom:30px;}
 .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;}
 .food-slider .item {margin: 0 0 0 0;}
 .wow { visibility: visible !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important;}
 .banner-content h1{ font-size:28px;  margin-bottom:6px}
 .slider-area .text-content, .slider-area.slider-three .text-content{ left:0;  margin-top:11%;  max-width:100%;  right:0}
 .nivo-directionNav, .blog-text::after, .carousel-style-two.owl-theme .owl-buttons div, .single-adventure-two:hover .adventure-text-container, .blog-three-area .blog-text::before, .adventure-list-image, .adventure-list-container::before, .adventure-list-container::after, .adventure-list-link::after, .adventure-img::after, .adventures-grid.list .list-rating, .blog-post-two .single-blog-post:hover .blog-two-text-container::after, .google-map-area, .contact-us-form::after{ display:none}
 .banner-content h2{font-size:17px}
 .single-service{margin:0 auto 25px}
 .section-padding{ padding-bottom:50px;  padding-top:50px}
 .section-title h1{ font-size:29px;  line-height:42px}
 .section-title{margin-bottom:40px}
 .portfolio-area .col-md-3 .single-portfolio{margin-bottom:30px}
 .best-sell-area .col-md-6 >img{margin-top:40px}
 .newsletter-area{ padding-bottom:62px;  padding-top:30px}
 .newsletter-area .section-title{margin-bottom:20px}
 .newsletter-content .row .col-md-3{ margin:20px auto 0;  text-align:center}
 .newsletter-area::after{height:19px}
 .newsletter-content button{ display:block;  margin:20px auto 0}
 .date-time{right:0}
 .blog-carousel .blog-text{margin:10px 0}
 
 .blog-carousel .single-blog, .single-member{margin-bottom:20px}
 .single-blog .margin-left{margin-left:0}
 .single-member:hover .member-text.effect-bottom::after{top:66px}
 .member-text h4 a{font-size:17px}

 .footer-widget-area, .footer-widget-area.footer-widget-two, .footer-widget-area.footer-widget-three{ padding-bottom:60px;  padding-top:80px}
 .single-footer-widget.contact-text-info li:last-child{margin-bottom:0}
 .single-footer-widget{ margin-bottom:32px;  overflow:hidden}
 .footer-link, .payment-image{ padding-bottom:0;  padding-top:0}
 .footer-link >a{ font-size:21px;  height:40px;  margin-right:11px;  width:40px}
 .payment-image{margin-top:40px}
 .payment-image >img, .adventure-list-text, .details-info >li{width:100%}
 .footer-widget-area::after{height:16px}
 .footer-area span{ display:block;  margin-bottom:20px;  text-align:center}
 #footer-menu a{ margin-left:6px;  padding-left:6px}
 #footer-menu{text-align:center}
 .section-title h1::before{ margin-left:-135px;  width:100px}
 .section-title h1::after{ margin-right:-135px;  width:100px}
 .payment-image{float:left}
 .home-two-slider .banner-content h1{ font-size:25px;  line-height:62px}
 .portfolio-area.portfolio-two{padding-top:50px}
 .blog-area.blog-three-area{padding-top:0}
 header.header-three{background:#001128 none repeat scroll 0 0}
 .slider-area.home-two-slider .text-content{margin-top:9%}
 .newsletter-area.newsletter-two{padding-bottom:65px}
 .portfolio-area.portfolio-three{padding-top:40px}
 .shop-item-filter .adventure-cat{margin-bottom:20px}
 .shop-item-filter .adventure-tab{float:left}
 .shop-item-filter .adventure-tab ul.nav li:first-child a{margin-left:0}
 .adventure-price-link .trip-price{ font-size:21px;  width:auto}
 .adventure-price-link .trip-person{ font-size:15px;  padding-left:2px;  top:-1px}
 .adventure-link >a{ font-size:17px;  margin-right:3px}
 .adventure-price-link{padding:0 5px 11px}
 .transparent-overlay{padding:0 7px}
 .single-adventure:hover .adventure-price-link{ padding-bottom:7px;  padding-top:9px}
 .single-adventure:hover .trip-time, .single-adventure:hover .trip-level{margin-bottom:10px}
 .single-adventure:hover .transparent-overlay{margin-bottom:7px}
 .single-adventure:hover .adventure-text.effect-bottom::after{bottom:33px}
 .adventure-text h4 a{font-size:18px}
 .banner-area, .banner-area.contact-banner, .banner-area.about-banner, .banner-area.contact-banner, .banner-area.blog-one, .banner-area.blog-two, .banner-area.signin-banner{ padding-top:55px}
 .pagination li{ height:30px;  line-height:25px;  margin:0 2px;  width:30px}
 .adventure-tab{margin-top:15px}
 .adventures-grid.grid-two-tab .adventure-cat.box-small{ float:left;  margin-top:20px}
 .banner-area.list{ padding-bottom:130px;  padding-top:100px}
 .col-md-8.margin-left-list{ margin-left:0;  margin-top:30px;  padding-left:15px}
 .adventure-list-container{ margin-right:0;  padding-left:15px}
 .single-list-item .col-md-4{padding-right:15px}
 .single-list-item{margin-bottom:30px}
 .adventure-list-link{ margin:15px 0;  position:inherit}
 .list .adventure-img{border:3px solid #f0f0f0}
 .trip-information{padding:0}
 .details-social-link a{ height:45px;  line-height:45px;  margin-right:5px;  width:45px}
 .include-item{margin-bottom:25px}
 header.fixed .header-logo-menu{ background:#212227 none repeat scroll 0 0;  position:inherit}
 .trip-information.details-two, .error-area{background:rgba(33,34,39,0.15) none repeat scroll 0 0}
 .details-two .trip-info-left-text{ padding-bottom:60px;  padding-top:60px}
 .similar-area .single-adventure, .single-gallery-item{margin-bottom:40px !important}
 .error-area{ padding-bottom:80px;  padding-top:65px}
 .author-comments span{margin-right:8px}
 .single-blog-post-img .date-time .date{ line-height:44px;  padding-left:13px;  width:71px}
 .single-blog-post-img .date-time .month{ line-height:42px;  padding-left:0px;  width:49px}
 .blog-links{ float:left;  margin-top:20px}
 .single-blog-post{overflow:hidden}
 .blog-button-links{margin-top:15px}
 .blog-post-margin{margin-left:0}
 .blog-two-text-container{padding:0 10px}
 .blog-post-two .single-blog-post-text h4 a{font-size:23px}
 .blog-post-two .blog-links{ float:none;  height:38px;  margin-bottom:23px;  overflow:hidden}
 .blog-post-details .blog-links{float:left}
 .blog-post-details .blog-links a:first-child{margin-left:0}
 .author-image{width:55px}
 .author-image img{width:45px}
 span.comment-time{ border:0 none;  line-height:20px;  margin-right:5px;  padding-right:0}
 .single-comment.comment-reply{padding-left:23px}
 .comment-time, span.reply{line-height:21px}
 .comment-btn{margin-top:25px}
 .sign-in-area .section-title.title-right{margin-top:50px}
 .contact-form::before{width:100%}
 .contact-form{height:auto}
 .contact-information-area .contact-info{margin-bottom:25px}
 .contact-container{ padding-left:6%;  padding-right:6%;  width:100%}
}
 
@media only screen and (min-width:480px) and (max-width:767px){

 .mobile-menu-area{ display:block }
 .banner-content h1{ font-size:54px;  margin-bottom:13px}
 .banner-content h2{font-size:35px} 
 .slider-area .text-content, .slider-area.slider-three .text-content{margin-top:21%}
.single-portfolio img, .blog-carousel .blog-image img, .team-image img, .single-gallery-item .gallery-image a img, .single-adventure img, .grid-two-tab .single-adventure-two a img, .list .adventure-img img, .blog-post-two .blog-image a img, .blog-post-two .blog-image a{ width:100%}
 .header-top-right{ float:none;  margin:0 auto;  text-align:center;  width:59%}
 .home-two-slider .banner-content h1{font-size:46px}
 .slider-area.home-two-slider .text-content{margin-top:28%}
 .slider-three .banner-content h1{font-size:43px}
 .slider-three .banner-content h2{font-size:35px}
 .newsletter-area{padding-bottom:82px}
 .newsletter-area::after{height:43px}
 .footer-widget-area::after{height:35px}
 .footer-widget-area, .footer-widget-area.footer-widget-two, .footer-widget-area.footer-widget-three{ padding-bottom:60px;  padding-top:115px}
 .single-adventure:hover .transparent-overlay{margin-bottom:15px}
 .single-adventure:hover .adventure-text.effect-bottom::after{bottom:11px}
 .single-sidebar-widget .hover-effect a img{display:none}
 .adventures-grid.grid-two-tab .adventure-cat.box-small{ margin-left:10px;  margin-top:16px}
 .single-adventure-two:hover .adventure-price-link-two{top:39%}
 .list-buttons .button-one{margin-right:15px}
 .blog-links, .blog-post-two .blog-links{ float:right;  margin-top:0}
 .blog-two-text-container{padding:0 10px 30px}
 .blog-post-details .blog-links{margin-top:25px}
 .contact-container{ padding-left:22%;  padding-right:22%}
}

@media (max-width:380px){
.project-item {max-height: 250px!important;}
.food-slider-1 .owl-controls .owl-buttons .owl-prev i {right: 35px!important;}
.food-slider-1 .owl-controls .owl-buttons .owl-next i {right: 0px!important;}
.food-slider-1 .owl-controls .owl-buttons {top: 620px!important;}
.food-4 {padding: 70px 15px 90px 15px;}
.video-food {padding: 30px 30px 30px 30px;}
.food-slider .item {background-position: -190px 50%;padding: 25px 10px 25px 110px;}
.food-slider .item:hover {background-position: -170px 50%;}
.food .check {padding-left: 55px;}
}

@media (max-width: 1800px) and (min-width: 1651px){
.logo{margin-left:75px;}
.mainmenu ul#nav li {padding-left: 30px;padding-right: 33px;}
}
@media (max-width: 1700px) and (min-width: 1400px){
.servizi {padding-top: 0px;}
.on-board {right:100px;bottom:-50px;width:200px;}
.food-slider .owl-controls .owl-buttons .owl-prev i {right:1290px!important;}
.food-slider .item{background-position: -150px 50%;background-size: auto 280px;}
.food-slider .item:hover{background-position: -120px 50%;}
.get-more {margin-right: 15px;padding: 7px 20px;font-size: 13px;}
.food {padding: 150px 0 90px 0;}
.food p { margin-bottom: 60px;}
.tab-menu li {width: 20%;}
.food-slider-1 .owl-controls .owl-buttons .owl-prev i {right: 1290px!important;}
.food-slider .owl-controls .owl-buttons .owl-next i {right: -20px!important;}
.food-slider a {font-size: 13px;}
.food-slider .owl-controls .owl-buttons {top: 110px!important;}
.food-under-title {margin-bottom:25px}
.food-slider {top: -70px;}
.food-slider .item {padding: 45px 10px 45px 160px;}
.food-title {font-size: 25px;line-height: 27px;}
.food-slider {padding: 0 30px 0 30px;}
.container-1 {width: 1320px;}
.container-3 {width: 1320px;}

.logo{margin-left:75px;}
.mainmenu ul#nav li {padding-left:18px!important;padding-right: 18px!important;}
}
@media (max-width: 1399px) and (min-width: 1201px){
.fixed .logo {margin-left: 70px;}
.mainmenu {margin-left: 0px;}
.tab-menu li {width: 20%;}
.food-2 h2 {font-size: 40px;}
.food-3 h2 {font-size: 40px;}
.menu-items .name {margin-top: 15px;}
.food p {padding-right: 70px;margin-bottom: 60px;}
.food a {padding: 15px 45px;line-height: 1.3em;font-size: 15px;}
.food-slider .owl-controls .owl-buttons .owl-prev i {right:1140px!important;position:absolute}
.food-slider .item{background-position: -180px 50%;background-size: auto 280px;}
.food-slider .item:hover{background-position: -150px 50%;}
.get-more {margin-right: 10px;padding: 7px 20px;font-size: 13px;}
.food-slider .owl-controls .owl-buttons .owl-next i {right: 0px!important;}
.food-slider a {font-size: 13px;}
.food-slider .owl-controls .owl-buttons {top: 110px!important;}
.food-under-title {margin-bottom:25px}
.food-slider {top: -70px;}
.food-slider .item {padding: 45px 10px 45px 130px;}
.food-title {font-size: 25px;line-height: 27px;}
.food-slider {padding: 0 50px 0 30px;}
.container-1 {width: 1170px;}
.container-3 {width: 1170px;}
.mega-title {font-size: 15px !important;}
.mainmenu ul#nav li .megamenu {left: -200px;}
.mainmenu ul#nav li {padding-left:14px!important;padding-right: 14px!important;}
.logo{margin-left:35px;}
.menu-btn a {padding-left:9px!important;padding-right:9px!important}
}

@media (max-width: 1650px) and (min-width: 1200px){
#acqua-di-mare {margin-top:70px;}
.faq-page .press h1 span {font-size:55px;}
.spiaggia h2 {font-size: 35px;line-height: 45px;}
.video-home {position: relative;right: 0px;width: 100%;}
.spiaggia {padding-top: 0px;padding-right: 0px;}
.servizi-info h3 {top: 70px;font-size: 105px;}
.servizi-info h4 {top: 220px;font-size: 27px;}
.mainmenu ul#nav li a {font-weight: 600;font-size: 15px;}
.back img {max-height:270px;width:98%}
.slider h1, .slider h3 {font-size: 115px;line-height: 95px;}
.slider h1 span, .slider h3 span {font-size: 56px;line-height: 56px;}
.wave:before {top: -190px;height: 280px;}
.bg-red p {font-size: 28px;}
.bg-img {padding-left: 23%;min-height: 545px;}
.bg-img h3 {padding-top: 40px;}
.bg-img h2 {font-size: 50px;line-height: 55px;}
.right-info {padding: 80px 20px 10px 20px;min-height: 275px;}
.right-info p {font-size: 19px;}
}

.prev img {width:60px;height:auto}
.next img {width:60px;height:auto}
.project-item{max-height:600px;position:relative;  overflow:hidden;  -webkit-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s}
.project-item img{ width:100%}
.item-shadow{ position:relative}
.item-shadow:before{ content:'';  position:absolute;  z-index:1;  left:0;  top:0;  width:100%;  height:100%;  background:-webkit-linear-gradient(top, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%);  background:linear-gradient(to bottom, rgba(0,0,0,0) 46%,rgba(0,0,0,0.6) 100%)}
.project-item .link-arrow{ position:absolute;  z-index:2;  color:#fff;  left:3rem;  bottom:2.3rem;  -webkit-transition:none;  -o-transition:none;  transition:none}
.project-hover{ position:absolute;  z-index:2;  left:0;  top:0;  width:100.1%;  height:100%;  padding:4.85rem 3rem;  -webkit-transition:0.5s ease;  -o-transition:0.5s ease;  transition:0.5s ease}
.project-hover {cursor:pointer}
.project-title{ color:#fff;  margin:0}
.project-hover .project-title{ position:absolute;  bottom:5.5rem}
.big .descr{font-size:40px;text-align:center;width: 100%; opacity:0;  margin-top:25%;  line-height:1.71;  color:#fff;  -webkit-transform:translateX(-1rem);  -ms-transform:translateX(-1rem);  -o-transform:translateX(-1rem);  transform:translateY(-1rem)}
.descr{font-size:40px;text-align:center;width: 100%; opacity:0;  margin-top:50%;  line-height:1.71;  color:#fff;  -webkit-transform:translateX(-1rem);  -ms-transform:translateX(-1rem);  -o-transform:translateX(-1rem);  transform:translateY(-1rem)}
.project-item:hover .project-hover{ background-color:rgba(224, 118, 2, 0.25);}
.project-item:hover .project-hover .project-title{ position:relative;  color:#000;  bottom:2rem;  -webkit-transform:translateY(2rem);  -ms-transform:translateY(2rem);  -o-transform:translateY(2rem);  transform:translateY(2rem);  -webkit-transition:transform 0.5s ease;  -o-transition:transform 0.5s ease;  transition:transform 0.5s ease}
.project-item:hover .project-hover .descr{ opacity:1;  -webkit-transform:translateX(0);  -ms-transform:translateX(0);  -o-transform:translateX(0);  transform:translateY(0);  -webkit-transition:all 0.4s 0.2s ease;  -o-transition:all 0.4s 0.2s ease;  transition:all 0.4s 0.2s ease}
.project-item:hover .link-arrow{ color:#000}
.scrollbar{ margin:6.8rem 0 0;  height:1px;  background:#dae5e6;  line-height:0}
.scrollbar .handle{ position:relative;  top:-2px;  width:100px;  height:3px;  background:#06a6e3;  cursor:pointer}
.scrollbar .handle .mousearea{ position:absolute;  top:-9px;  left:0;  width:100%;  height:20px}