@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Public+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap');

::-webkit-scrollbar{ width:8px;  height:8px}
::-webkit-scrollbar-thumb{ cursor:pointer;  background:#3fa9f5}
::-moz-selection{ background-color:#3fa9f5;  color:#fff}
::selection{ background-color:#3fa9f5;  color:#fff}
-webkit-::-moz-selection{ background-color:#3fa9f5;  color:#fff}
-webkit-::selection{ background-color:#3fa9f5;  color:#fff}
::-moz-selection{ background-color:#3fa9f5;  color:#fff}
label {width: 100%;}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#pjWrapper h3 img {
    display: inline-block;
    width: 150px!important;
}

.abs-content {position:absolute;top:200px;left:0;right:0;margin:0 auto;text-align:center;z-index:99}
.abs-content h1 {color:#fff;font-size:75px;line-height:85px}
.abs-content p {color:#fff;font-size:20px;line-height:31px;font-weight:600}
.dark-logo {display:none}
.trigger-3 img {border-radius:20px}
.new-script {margin-top:-40px}

@media (min-width: 768px) and (max-width: 991px) {
.abs-content {position:relative;top:0px;margin:70px 0 70px}
.abs-content h1 {color:var(--title-color-1);font-size:45px;line-height:55px}
.abs-content p {color:var(--title-color-1);font-size:17px;line-height:29px;}
.nav-active .abs-content {z-index:9}
.dark-logo {display:none}
.white-logo {display:inline-block}
.nav-active .dark-logo {display:none}
.nav-active .white-logo {display:inline-block}

.main-page .header-default {display: block;}
.main-page .menu-mobile-effect.navbar-toggle {display:none}
.main-page .no-sticky-logo {display:none}
.main-page .nav-but-wrap {margin-top: 15px;}
.main-page .nav.main-menu {display:none}
}

@media (max-width: 767px) {
.new-script {margin-top:0px}
.abs-content {position:relative;top:0px;margin:70px 0 70px}
.abs-content h1 {color:var(--title-color-1);font-size:38px;line-height:48px}
.abs-content p {color:var(--title-color-1);font-size:17px;line-height:29px;padding:0 15px 0 15px}
.nav-active .abs-content {z-index:9}
.dark-logo {display:none}
.white-logo {display:inline-block}
.nav-active .dark-logo {display:none}
.nav-active .white-logo {display:inline-block}

.main-page .header-default {display: block;}
.main-page .menu-mobile-effect.navbar-toggle {display:none}
.main-page .no-sticky-logo {display:none}
.main-page .nav-but-wrap {margin-top: 15px;}
}

.pjVpProductMainImage {align-items: flex-start;flex-direction: column;}
#pjWrapper .pjVpProductSectionBody .f-raleway {margin-top:-10px}
#pjWrapper .pjVpProductSectionBody .f-raleway strong{font-family: 'Raleway', sans-serif!important;font-weight:900;    font-size: 24pt; color: #000080;}
.pjVpProductSectionBody h2 {width:60%;line-height: 1.3!important;}
.pjVpProductSectionBody .short-descr {display:none}
.pl-25 {padding-left:75px;}
.blue {color:#1c7bbf;}
.xs-block {display:none;}
.durata {margin-top:-3px!important}
#modulo .sc-heading .first-title {color:#ffcc06}
#modulo .sc-heading .first-title:before {background:#ffcc06}
.yellow-link {text-decoration: none;border-bottom: 3px dotted #ffcc06;color:#000;font-weight: 700;}
.yellow-link:hover {border-bottom: 3px dotted #ffcc06;color:#1c7bbf;}
.strongs {font-weight:700;color:#000}
.accommodation-page strong {color:#000}
.accommodation-page .heading_primary {padding-top:100px;}
.abs-icon {z-index:3;position:absolute;right:-120px;top:70px;width:85px;height:85px;}
.abs-icon-1 {z-index:0;content:"";position:absolute;right:-90px;top:50px;background-color:#ffcc06;border-radius:50%;padding:15px;width:100px;height:100px;}
.pdd-0 {padding-left:0px!important;padding-right:0px!important}
#pjCF_container_4 .cf-heading-medium {margin-top: 40px;}
.accommodation-page .page-title {margin-bottom:100px;}
.pt-text {padding:30px 120px 0 70px;}
.accommodation-page .bg-1 {margin-top:100px;}
.marg-100 {margin-top:100px;}
.mt-descr {margin-top:100px;}
.mt-descr-1 {margin-top:50px;}
.mb-inf {margin-bottom:100px!important;}
.about-infos-2 {padding-right: 70px;}
#scegli-zona {margin-top:100px;padding-bottom:70px;}
#scegli-zona {}
.mt-zona {margin-top:70px;}
.zone-title a {display:block;padding:30px 0 0 0;font-family: 'Bebas Neue', cursive!important;letter-spacing:1px;font-weight:700; font-size:25px;line-height:35px;}
.zone-title a span{color:#feb201}
.accommodation-page .description  {font-size:19px;line-height:32px;font-weight:500}
.accommodation-page .page-new-title {font-size:70px;line-height:80px;padding-bottom:30px;}
.new-trigger-2 h3 span{display:block;color:#1c7bbf}
.blue-text span{display:block;padding-top:10px;color:#1c7bbf}
.accommodation-page .bg-1 {padding:100px 0 150px 0}
.accommodation-page .bg-1 h3{padding:0 0 30px 0}
.accommodation-page .bg-1 p{padding:0 0 30px 0}
.accommodation-page .h1-introduce .sc-heading.style-02 {padding: 40px 0px 0 0;}
.accommodation-page #pjCF_captcha_img {display:inline-block;float:right;position:absolute;top:0}

.img-responsive {width:100%}

.cd-header {display:none}
.nav__content {display:none}
#masthead {background: rgb(23,98,163);background: linear-gradient(45deg, rgba(23,98,163,1) 0%, rgba(23,90,155,1) 31%, rgba(22,82,151,1) 59%, rgba(22,77,146,1) 81%, rgba(22,71,141,1) 100%);}
#masthead:before {position:absolute;left:0px;top:0px;background-size: cover;background-image: url('../images/menu-bg.jpg');display: inline-block;background-repeat: no-repeat;content:'';width:100%;height:130px;opacity:0.7}
.sticky-affix #masthead:before  {height:78px;}
.width-navigation {padding-left:150px;}
.no-sticky-logo {margin-left:40px;}
.btnCallBack .xs-none {display:none!important}
.sectionCallBack {width: auto!important;}
.sectionCallBack .btnCallBack, .sectionCallBack .btnForm {background:#feb201!important}
.sectionCallBack .btnCallBack:before, .sectionCallBack .btnForm:before {background:#b57f01!important}
.thim-link-slider2 a {background:#feb201;border-radius:5px;}
.orange {color:#feb201!important}
.xs-show {display:none!important}
.center-div {margin:0 auto;display:block;    text-align: center;}
#pjWrapperContactForm_4 .pjCF-form label.cf-heading-medium {font-family: 'Bebas Neue', cursive!important;letter-spacing:1px;}
#pjWrapperContactForm_4 .pjCF-form label.cf-heading-small{    font-size: 24px!important;font-family: 'Bebas Neue', cursive!important;letter-spacing:1px;}
[id^=pjWrapper] .form-horizontal .control-label {font-size: 14px!important;}


.mb-50 {margin-bottom:50px;}
.container-2 {width: 1550px;margin: auto;max-width: 100%;}
.bg-2 .offset-sm-1 p {font-size: 19px;line-height: 32px;font-weight: 500;}
.abs-destination {color:#fff;position:absolute;left:40px;bottom:40px;}
.abs-destination  {position:absolute;left:40px;bottom:40px;}
.titles-1  {font-family: 'Anton', sans-serif!important;font-size: 35px;line-height:45px;font-weight:400;letter-spacing:0.8px;margin-bottom: 5px;}
.mt-50 {margin-top:50px;}
.mt-30 {margin-top:30px;}
.bg-2 {position:relative;background-color:#fbfbfb;    padding: 100px 0px 100px 0px}
.bg-2 .title {font-family: 'Bebas Neue', cursive!important;font-weight: 700!important;letter-spacing:1px;}
.bg-2 h3{font-size: 70px;line-height: 80px;font-weight: 400;padding-left:50px;}
.bg-2 h3:before {position:absolute;left:-100px;top:10px;background-size: cover;background-image: url('../images/home/map-icon.gif');display: inline-block;background-repeat: no-repeat;content:'';width:130px;height:130px;}
.more-info-1 {position:relative;margin-top:30px;display:block;font-family: 'Anton', sans-serif!important;letter-spacing:0.8px;font-size: 18px;line-height: 23px;font-weight: 400;text-transform: uppercase;color: #1e1e1e;}
.more-info-1:after {margin-left:10px;background-image: url('../images/home/arrow.png');display: inline-block;background-repeat: no-repeat;content:'';width:20px;height:20px;}
.more-info-1:hover:after {position:absolute;left:100px;top:-28px;background-size: cover;background-image: url('../images/home/arrow-gif.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.more-info-1:hover{color:#feb201}
.more-info-2 {position:relative;margin-top:10px;display:block;font-family: 'Anton', sans-serif!important;letter-spacing:0.8px;font-size: 18px;line-height: 23px;font-weight: 400;text-transform: uppercase;color: #fff;}
.more-info-2:after {margin-left:10px;background-image: url('../images/home/arrow-white.png');display: inline-block;background-repeat: no-repeat;content:'';width:20px;height:20px;}
.more-info-2:hover:after {position:absolute;left:100px;top:-28px;background-size: cover;background-image: url('../images/home/arrow-gif-white.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.more-info-2:hover {color:#fff}
.mr-100 {margin-right:100px;}

.more-info-3 {min-width:200px;position:relative;margin-top:30px;display:inline-block;font-family: 'Anton', sans-serif!important;letter-spacing:0.8px;font-size: 18px;line-height: 23px;font-weight: 400;text-transform: uppercase;color: #1e1e1e;}
.more-info-3:after {margin-left:10px;background-image: url('../images/home/arrow.png');display: inline-block;background-repeat: no-repeat;content:'';width:20px;height:20px;}
.more-info-3:hover:after {position:absolute;left:auto;top:-28px;background-size: cover;background-image: url('../images/home/arrow-gif.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.more-info-3:hover{color:#feb201}


.bg-abs-3 {position:absolute;left:-100px;top:90px;z-index:999;}
.bg-abs-3 img{width:300px}
.bg-abs-2 {position:absolute;right:-100px;top:120px;}
.bg-abs-2 img{width:300px}

.background-video .bg-abs .more-info-1 {font-size: 33px;line-height: 43px;color: #fff;}
.background-video .more-info-1:after {background-image: url('../images/home/arrow-white.png');width:25px;height:25px;}
.background-video .bg-abs .more-info-1:hover:after {left:auto}
.background-video .bg-abs .more-info-1:hover:after {position:absolute;left:100px;top:-18px;background-size: cover;background-image: url('../images/home/arrow-gif-white.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.background-video .bg-abs .more-info-1:hover {color:#fff}

.background-video .bg-abs-2 .more-info-1 {font-size: 29px;line-height: 43px;color: #fff;}
.background-video .bg-abs-2 .more-info-1:hover:after {left:auto}
.background-video .bg-abs-2 .more-info-1:hover:after {position:absolute;left:260px;top:-18px;background-size: cover;background-image: url('../images/home/arrow-gif-white.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.background-video .bg-abs-2 .more-info-1:hover {color:#fff}

.background-video .bg-abs-3 .more-info-1 {font-size: 29px;line-height: 43px;color: #fff;}
.background-video .bg-abs-3 .more-info-1:hover:after {left:auto}
.background-video .bg-abs-3 .more-info-1:hover:after {position:absolute;left:260px;top:-18px;background-size: cover;background-image: url('../images/home/arrow-gif-white.gif');display: inline-block;background-repeat: no-repeat;content:'';width:80px;height:80px;}
.background-video .bg-abs-3 .more-info-1:hover {color:#fff} 

.location-pin {width:100px;}
.rev_slider p {font-family: 'Public Sans', sans-serif!important;font-weight:600!important;font-size: 24px!important;line-height: 36px!important;}
.sc-heading.style-02 .title {font-weight:400;color:#2A2D1D!important;font-size: 70px!important;line-height: 80px!important;font-family: 'Anton', sans-serif;letter-spacing:0px; text-transform:uppercase; }
.rev_slider h1 {font-family: 'Anton', sans-serif!important;font-weight:400!important;font-size: 95px!important;line-height: 105px!important;text-transform:uppercase;}
.rev_slider h2 {max-width:50%;font-family: 'Anton', sans-serif!important;font-weight:400!important;font-size: 95px!important;line-height: 105px!important;text-transform:uppercase;}
.trigger-1 {opacity:0;transition:2s;}
.trigger-1.show {opacity:1;}
.trigger-2 {opacity:0;transition:2s;}
.trigger-2.show {opacity:1;}
.trigger-3 {margin-bottom:50px;opacity:0;transition:2s;}
.trigger-3.show {opacity:1;}
.trigger-4 {opacity:0;transition:2s;}
.trigger-4.show {opacity:1;}
.trigger-5 {opacity:0;transition:2s;}
.trigger-5.show {opacity:1;}
.trigger-6 {PADDING-TOP:20PX;opacity:0;transition:2s;}
.trigger-6.show {opacity:1;}
.trigger-7 {opacity:0;transition:2s;}
.trigger-7.show {opacity:1;}

.new-trigger-1 {opacity:0;transition:2s;}
.new-trigger-1.show {opacity:1;}
.new-trigger-2 {opacity:0;transition:2s;}
.new-trigger-2.show {opacity:1;}
.new-trigger-3 {opacity:0;transition:2s;}
.new-trigger-3.show {opacity:1;}
.new-trigger-4 {opacity:0;transition:2s;}
.new-trigger-4.show {opacity:1;}
.new-trigger-5 {opacity:0;transition:2s;}
.new-trigger-5.show {opacity:1;}
.new-trigger-6 {opacity:0;transition:2s;}
.new-trigger-6.show {opacity:1;}



.cloud img {max-width: 90px;opacity: .6;}
.h1-introduce {position:relative}
.cloud {position: absolute;top: -90px;right: -500px;opacity: .9;animation: cloud 20s linear 0s infinite reverse;z-index: 99;}
@-webkit-keyframes cloud{
    0%{
        right:-500px
    }
    to{
        right:102%
    }
}
@keyframes cloud{
    0%{
        right:-500px
    }
    to{
        right:102%
    }
}
.sub-titles {letter-spacing:1px;}
.value:hover {color:#feb201}
.faq--item strong {color:#1c7bbf}
.scrl {display:none}
.xs-btn  {display:none}
.multiweb {    width: 35px;    margin-top: -3px;    margin-left: 10px;    margin-right: 5px;}
.day-css img{width:275px;margin-top:50px;}
.color {color:#1c7bbf;}
.img-abs-info a {color:#fff}
.img-abs-info a:hover {color:#feb201}
.img-abs-info img{display:inline-block}
.color-round {margin-top:-35px;}
.img-abs-info p{display:inline-block;font-size:25px;margin-left:10px;font-weight:700;line-height:32px}
.family {width:45px;position:absolute;left:42px;top:40px;}
.sc-contact-form form input {width: 100%;padding: 0 20px;}
.pl-50 {padding-left:50px;}
.pl-30 {padding-left:30px;}
.xs-phone {display:none}
.about-infos {padding-left:70px}
.mb-traghetti {margin-bottom:120px;display:block}
.mini .second-title {margin-top:20px;font-size: 42px!important;line-height:58px!important;}
.email-bg .yellow-bg {background-color: #feb201;}
.traghetti-sardo .hotel-booking-search.style-01 {    margin-top: 70px;}
.pt-70 {padding-top:70px;margin-top:-90px}
.pl-info {padding-left:120px;position:relative}
.traghetti-sardo .sc-heading .second-title {font-family: var(--body-font-family-1);}
.traghetti-icon {float:left;top:15px;margin-right:15px;margin-bottom:15px;position:absolute;left:0px}
.traghetti-under-title {font-size: 17px;font-weight: 600;    text-transform: uppercase;    color: #1c7bbf;}
.round-img {width:200px;position:absolute;top:-60px;left:-60px;z-index:99;animation: scale 1s alternate infinite; -webkit-animation: scale 1s alternate infinite;animation-duration: 14s;}
.img-abs-info {padding: 28px 30px 19px 30px;background-color: #0d6a9c;min-height:90px;border-radius: 50px 0px 50px 0px;z-index:99;color:#fff;position:absolute;bottom:100px;right:-30px;}
.t-value {    color: #FFFFFF;font-size: 20px;font-weight: 700;    display: block;position: absolute;}
.square-img {position:absolute;left:-20px;bottom:-20px;}
.modaltext-abs {position:absolute;border-radius:5px;top:45%;right:7%;color:#fff;background:#feb201;padding:10px 30px 10px 30px;letter-spacing:1px;text-transform:uppercase;font-weight:500;-moz-animation: cycle 4s linear infinite; -webkit-animation: cycle 4s linear infinite;}
.modaltext-abs:hover {color:#fff;background:#1c7bbf}
 @-moz-keyframes cycle {
        35% {transform: rotate(0) translate(0, 0);}
        40% {transform: rotate(5deg) translate(0, -2px);}
        45% {transform: rotate(-3deg) translate(0, -2px);}
        50% {transform: rotate(5deg) translate(0, -2px);}
        55% {transform: rotate(-3deg) translate(0, -2px);}
        60% {transform: rotate(5deg) translate(0, -2px);}
        65% {transform: rotate(-3deg) translate(0, -2px);}
        70% {transform: rotate(0) translate(0, 0);}
    }
 
    @-webkit-keyframes cycle {
        35% {transform: rotate(0) translate(0, 0);}
        40% {transform: rotate(5deg) translate(0, -2px);}
        45% {transform: rotate(-3deg) translate(0, -2px);}
        50% {transform: rotate(5deg) translate(0, -2px);}
        55% {transform: rotate(-3deg) translate(0, -2px);}
        60% {transform: rotate(5deg) translate(0, -2px);}
        65% {transform: rotate(-3deg) translate(0, -2px);}
        70% {transform: rotate(0) translate(0, 0);}
    }

.sticky-header .header-right {padding-right: 2%;}
.sticky-header  .header-menu {min-height: 78px!important;}
.dott {width:150px;position:absolute;right:-35px;top:70px;animation-name:veritcal;animation-timing-function:linear;animation-duration:12s;animation-iteration-count:infinite}
@keyframes veritcal{0%{transform:translateY(0)}50%{transform:translateY(100px)}100%{transform:translateY(0)}}

@keyframes scale {
	from {
		transform: scale(.9);
		-webkit-transform: scale(.9)
	}
	to {
		transform: scale(1.08);
		-webkit-transform: scale(1.08)
	}
}

@-webkit-keyframes scale {
	from {
		transform: scale(.9);
		-webkit-transform: scale(.9)
	}
	to {
		transform: scale(1.08);
		-webkit-transform: scale(1.08)
	}
}

.pt-6 {padding-top:6px;padding-left:60px;}
.traghetti-sardo .header-right {padding-right: 10%;}
.sticky-affix .header-right{padding-top:15px!important;}
.top-color {background: #1c7bbf !important;min-height:50px;color:#fff;font-size: 13px;padding-top:5px;}
.top-color a {color:#fff;font-size: 15px;font-weight:500}
.traghetti-sardo .navigation .main-menu >li >a {font-weight:400!important}

.menu-item {display:inline-block}
.traghetti-sardo  ul.top-menu>li>p {padding: 9px 25px;line-height: 24px;text-transform: capitalize; display: inline-block;}

html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

  body
  {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }



.map-bg:before {background-size:cover;position:absolute;content: url('../images/map-3.jpg');opacity:0.2; background-position: 75% 0%;background-repeat: no-repeat;}
.responsive-img {width:100%}
.exitblock{ display:none; overflow:hidden;  position:fixed;  left:0;  top:0;  width:100%;  height:100%;  z-index:100000}
 .exitblock .fon{background:#0d6a9c;  opacity:1;  position:fixed;  width:100%;  height:100%}
.exitblock .fon:before{background-size:cover;position:absolute;content: url('../images/map-2.png');opacity:0.3; background-position: 75% 0%;background-repeat: no-repeat;}
.exitblock .modaltext{ box-sizing:border-box;   padding:20px 20px;   background:#fff;  position:fixed;  top:20%;  left:0;right:0;margin:0 auto;   width:1000px;  box-shadow:0 4px 10px 2px rgba(0,0,0,0.5)}
 .closeblock{ cursor:pointer;  position:fixed;  line-height:60px;  font-size:52px;  transform:rotate(45deg);  text-align:center;  top:20px;  right:30px;  color:#feb201}
.closeblock:hover{ color:#fff}

.new-blocks {margin-top:100px;background-size:cover;display:block;padding:50px 0 250px 0;background-image: url(../images/icon-section-bg.jpg); background-position: 25% 100%;background-repeat: no-repeat;}
.new-blocks h2 {font-family: var(--body-font-family-1);font-size:45px;margin-bottom:50px;}
.new-blocks h3 {margin-bottom:0px;color: var(--primary-color-1);}
.new-elements {margin-bottom:100px;margin-top:100px}
.servizi-element {margin: 0 0 20px;padding: 0 30px 40px 80px;border-bottom: 1px solid #e5e5e5;}
.absolut {position:absolute;bottom:-80px;}
.absolut img {width:30px;}
.absolut-1 a {background-color: transparent!important;color: #fff;font-size: 18px!important;line-height: 28px!important;letter-spacing: 2px!important;}
.absolut-1 a:hover {color:#fff}
.absolut a {background-color: var(--primary-color-1);  width:100%;text-align:center;  font-size: 14px;padding: 17px 30px 17px;line-height: 1;display: inline-block;font-weight: 400;color: #fff;}
.absolut a:hover {color:#fff}
.absolut p {font-size:18px;line-height:28px;letter-spacing: 2px;}
.bg-opacity {color:#153b82;font-weight:700;text-transform:none;background-color: rgba(255, 204, 5, 1);display:inline-block;text-align:center;font-size: 20px;line-height: 40px;padding: 5px 20px 5px 25px;letter-spacing: 2px;}
.bg-opacity:hover {background-color: rgba(28, 123, 191, 1);color:#fff}
.bg-opacity img {width:27px;margin-top:-2px;margin-right:10px;margin-left:10px;}
.relative-slider {display:block;position:relative;width:100%;height:100%;z-index: 99;}
.block {display:block;font-size:67px;}
.per-css {font-size:30px;font-weight:300;display:inline-block}
.p-item4{  overflow:hidden;  background:url(../images/fog_11.png) bottom/100% no-repeat;     z-index:2}
.paralax__item{   overflow:hidden;   position:absolute;     width:100%;     height:100%;     top:0;     left:0}
.p-item4::before{  display:none; overflow:hidden;   position:absolute;     top:0;     left:0;     width:10000%;     height:100%;     content:'';     background:url(../images/fog_2.png) repeat-x;  background-size:contain;  background-position:center;  -webkit-animation:marquee 20s linear infinite;  animation:marquee 20s linear infinite;  z-index:1}
.waves-slider {position:absolute;bottom:-1px;z-index:99;}
@-webkit-keyframes marquee{ 0%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
 100%{ -webkit-transform:translate3d(-200vw,0,0);  transform:translate3d(-200vw,0,0)}
}

@keyframes marquee{ 0%{ -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
 100%{ -webkit-transform:translate3d(-200vw,0,0);  transform:translate3d(-200vw,0,0)}
}

#parallax-wrap {
	height: 100%;
  width: 100%;
  
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.relat {position:relative}
.traghetti-sardo .page-title-wrapper:before {    opacity: .2}
.traghetti-sardo .page-title-wrapper .content{z-index:99;padding:80px 50px 80px 50px;border-color: rgb(255, 255, 255); border-style: solid;   border-width: 9px;position:absolute;right:10%;left:auto;width:500px;text-align:left;top:45%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);     -ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);display:inline-block}
.traghetti-sardegna h1 {font-family: var(--body-font-family-1);color:#fff;font-size:60px;line-height:70px;}
.traghetti-sardegna h1 .thin{display:inline-block;font-weight:300}
.img-info {min-width:190px;max-width:190px;position:absolute;right:15px;bottom:0;top:0;display: block;padding: 20px 12px;background-color: rgba(255, 204, 5, 0.9);color: #00206e;cursor: pointer; -webkit-transition: .5s;transition: .5s;font-size: 1em;}
.title-1 {font-family: 'Bebas Neue', cursive!important;margin-top:20px!important;color:#fff;font-size: 26px!important; letter-spacing:1px;font-weight: 700;text-transform: uppercase;}
.mt-price {margin-top:25px!important;text-align:right;padding-right:25px;}
.mt-price-1 {margin-top:10px!important;text-align:right;padding-right:25px;}
.prices {font-size: 48px!important;font-weight: 900;text-align:right;margin-top:20px!important;padding-right:20px;}
.img-info p {margin-bottom: 0px;line-height:24px;margin-top:10px;font-size: 14px;}
.sc-contact-form form input[type=checkbox] { height: 20px;}
#pjCF_container_1 .checkbox {display:inline-block;margin-right:35px;}
#pjCF_container_1 .checkbox label, [id^=pjWrapper] .radio label {padding-left: 40px!important;}
#pjCF_container_1 .checkbox input[type=checkbox] {margin-left: -35px!important;margin-top:0px!important;}
.mt-100 {margin-top:260px;}

.affix-top {
  position: relative;
}
.header-default {z-index:999;}
#fix-div .affix {
  top: 50px;
}
[id^=pjWrapper] .affix {top: 50px;}
.traghetti-p {text-transform:none}
.affix, 
.affix-bottom {
    width: 500px;
}

.affix-bottom {
  position: absolute;
}

.rents {position:relative}
.rents img{position:absolute;top:-30px;left:-20px;width:130px;}
.rents h2{padding-left:100px}
.rents .first-title {padding-left:100px}
.rents .second-title {padding-left:100px}

.faq-title {position:relative}
.faq-title img{position:absolute;top:-10px;left:-20px;width:130px;}
.faq-title h2{padding-left:100px}
.faq-title .first-title {padding-left:100px}
.form-sheet {position:relative}
.form-sheet .first-title{padding-left:100px}
.form-sheet h3{padding-left:100px}
.form-sheet img{position:absolute;top:-10px;left:-20px;width:100px;}
#pjWrapper .pjVpProductTitle {    font-family: 'Raleway', sans-serif!important;color:#333!important;text-transform: uppercase!important;font-size:25px!important;font-weight: 900!important;line-height: 1.1!important;}
.prezzi {font-weight: 900!important;}
.more {font-weight: 600!important;}

.faq-content p a {text-decoration:underline}
.faq-title h2 {font-size:60px;margin-bottom:40px;}
.faq-content p {padding-right:40px;}
.faq-section {padding-top:100px;padding-bottom:70px;}
.sticky-menu{ position:sticky;  top:70px}
.faq-menu{ background: url(../images/faq.jpg);background-repeat: no-repeat;min-height:405px;padding:60px 30px;  -webkit-border-radius:20px;  -moz-border-radius:20px;  border-radius:20px}
.faq-menu ul {list-style-type: none;}
.faq-menu ul li a{ padding:8px 0;  color:#fff;  position:relative}
.faq-menu ul li a::before{ position:absolute;  content:"\f105";  font-family:"FontAwesome";  font-weight:600;  left:12px;  top:10px;  opacity:0}
.faq-menu ul li a:hover, .faq-menu ul li a.active{ -webkit-border-radius:10px;  -moz-border-radius:10px;  border-radius:10px;  background:rgba(255,255,255,0.2);  padding-left:30px}
.faq-menu ul li a:hover::before, .faq-menu ul li a.active::before{ opacity:1}
.faq--wrapper .main-title {font-weight: 400;margin: 0; margin-bottom: 26px;}
.faq--item{ background:#fff;  padding:15px 25px;  position:relative;  border:1px solid #dee2f1;  -webkit-border-radius:10px;  -moz-border-radius:10px;  border-radius:10px;  margin-bottom:20px}
.faq--item:last-child{ margin-bottom:0}
.faq--item .faq-title{ cursor:pointer}
.faq--item .faq-title .title{ margin:0;  padding-right:45px;  font-weight:600;  font-size:18px;line-height:29px;}
.faq--item .faq-title .icon{ width:12px;  height:12px;  border-top:1px solid #3b368c;  border-left:1px solid #3b368c;  position:absolute;  right:30px;  top:43%;  -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}
.faq--item .faq-content{ padding-top:30px;  padding-bottom:10px;  display:none}
.faq--item.open .icon{ -webkit-transform:rotate(225deg);  -ms-transform:rotate(225deg);  transform:rotate(225deg)}
.faq--item.active .faq-content{ display:block}
.faq--wrapper {margin-bottom:50px;}
.faq-menu ul li a:hover, .faq-menu ul li a.active {    -webkit-border-radius: 10px;    -moz-border-radius: 10px;    border-radius: 10px;    background: rgba(255, 255, 255, 0.2);    padding-left: 30px;}

.mt-email {margin-top:100px;display:block}
.pr-select {padding-right:50px!important;}
#pjCaptchaWrapper_4 {display:inline-block}
#pjCaptchaWrapper_4  .pjCF-form-field{display:inline-block}
#pjCF_container_4 [id^=pjWrapper] .panel-body {padding: 0px!important;}
#pjCF_container_4 .form-control {height: 35px!important;}
#pjCF_container_4 .radio {display: inline-block;margin-right:0px;width:100px;}
#pjCF_container_4 .cf-heading-small {margin-top:40px;}
#pjCF_container_4 .panel-body {padding: 0px!important;}
#pjCF_container_4 .radio label {font-size:25px;}
#pjCF_container_4 .sc-contact-form form input {height: 21px!important;}
.mt-40 {margin-top:40px;}
.mti-40 {margin-top:40px!important;}
.mt-20 {margin-top:20px;}
.email-bg {position:absolute;width:800px;right:50px;top:850px}
.email-bg h3 {width:70%}
.email-bg h3 span {display:block}
.email-bg p {font-weight:700;width:60%}
.email-bg a {margin-bottom:30px;}
.svg-img-50 {width:50%!important;margin-top:35px;}
.svg-img {width:75%}
.email-bg img {display:block}
#pjCF_container_4 .pjCF-button {color:#fff!important;font-family: var(--body-font-family-1)!important;font-size: 14px!important;text-transform:uppercase;font-weight: 400;padding: 14px 50px 14px;    border-radius: 5px;margin-top:25px;}
#pjCF_container_1 .pjCF-button {color:#fff!important;text-transform:uppercase;font-weight: 400;border-radius:0px;margin-top:25px;    padding: 13px 70px 14px;}
#pjCF_container_2 .pjCF-button {color:#fff!important;text-transform:uppercase;font-weight: 400;border-radius:0px;margin-top:25px;    padding: 13px 30px 14px;}
.emails {padding: 60px 20px 60px 20px!important;}
.emails form input {margin-bottom: 0px!important;}
#pjCF_checkbox_1 {width:25px!important}
#pjCF_checkbox_2 {width:25px!important}
#pjCF_checkbox_3 {width:25px!important}
#pjCF_checkbox_4 {width:25px!important}
 [id^=pjWrapper] .form-horizontal .radio input {width:15px;height: 15px;}
 [id^=pjWrapper] .form-horizontal .radio {width:70%;}
[id^=pjWrapper] .checkbox input[type=checkbox] {margin-left: -70px!important;}
[id^=pjWrapper] .checkbox label, [id^=pjWrapper] .radio label {    padding-left: 70px!important;}
[id^=pjWrapper] .form-control {border-radius:0px!important;font-size: 16px;padding: 0 20px!important;height: 50px!important;border: 1px solid #eee!important;}
.footer-bg {background-color:rgba(0, 0, 0, .5);height:270px}
.footer-bg-1 {background-color:rgba(0, 0, 0, .5);height:270px;padding-left:50px;}
.yellow {color:#feb201}

.traghetti-sardo .sc-heading .first-title {color:#feb201!important}
.traghetti-sardo .sc-heading .first-title:before {background:#feb201!important}

.underline-text {text-decoration:underline;    color: #1c7bbf;}
.yellow-text{  text-transform:uppercase; margin-top:50px;  letter-spacing:0.5em;}
.yellow-text strong{font-family: 'Bebas Neue', cursive!important;letter-spacing:3px; font-size:40px;line-height:50px; letter-spacing:0;display:block;  margin:0 auto;color:#0d6a9c}

@-webkit-keyframes aitf{ 0%{ background-position:0% 50%}
 100%{ background-position:100% 50%}
}


.sc-hb-rooms-search {height:0px;}
.h1-introduce {margin-top:50px;}
.mini-title .yellow {font-weight:700;font-style:italic}
.mini-title p {text-align:center;font-size:20px;display:block;padding-bottom:0px;padding-right:300px;padding-left:300px;line-height:33px;}
*{ margin: 0;  padding:0;  border:none}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{ line-height:inherit}
p{ margin-bottom:20px}
p:last-child{ margin-bottom:0}
code{ white-space:normal}
.clear{ clear:both}
.alignleft{ float:left}
.alignright{ float:right}
.aligncenter{ display: block;  margin-left: auto;  margin-right:auto}
img{ max-width:100%;  height: auto}
ul, ol{ margin-bottom:10px;  margin-left:25px}
ol{ list-style: decimal;  margin-left:15px}
ul.square{ list-style:square outside}
ul.circle{ list-style:circle outside}
ul ul, ul ol, ol ol, ol ul{ margin:4px 0 5px 30px}
ul ul li, ul ol li, ol ol li, ol ul li{ margin-bottom:6px}
th, td{ padding:4px 6px}
table, td, tr{ border:1px #ccc solid}
table{ border-collapse:collapse;  border-spacing: 0;  margin-bottom: 24px;  width: 100%}
caption, th, td{ font-weight:normal;  text-align: left}
th{ border-width:0 1px 1px 0;  font-weight: bold}
td{ border-width:0 1px 1px 0}
dd{ margin-bottom:24px}
a:hover, a:focus{ text-decoration:none}
input, button{ outline:0 !important}

.tour i:hover {color:var(--secondary-color-1);}

.bg-overlay-1{    background-color: rgba(0, 0, 0, 0.25);left: 0;bottom: 0;width: 100%;    position: absolute;height: 100%;}
.video-img {position:absolute;right:-50px;z-index:-1;top:-100px;}
.video-img img {width:400px;}
.background-video .bg-abs {position:absolute;top:420px;left:0;right:0;margin:0 auto;text-align:center}
.background-video .bg-abs  .more-info-1:hover:after {left:auto}
.menu-item span {color:rgba(255, 255, 255, 0.7);padding-right:10px;padding-left:10px;font-size:16px;}
.pr-30 {padding-right:30px;}
.title-offerte {font-size: 42px;text-align:center;margin-bottom: 2.5rem;}
.mt-70 {margin-top:70px;}
.mt-60 {margin-top:60px;}
.mb-40 {margin-bottom:40px;}
.travel-post {float:left;width:100%;position:relative;margin-top:30px;}
.travel-details {float:left;width:100%;position:relative;display:none;text-align:left;margin-bottom:120px;margin-top:50px;}
.travel-details p{font-size:19px;line-height:32px;font-weight:500}

.travel-details-3 {width:100%;position:relative;display:none;text-align:left;margin-bottom:50px;margin-top:40px;}
.travel-details-3 p{font-size:19px;line-height:32px;font-weight:500}

.travel-post-2 {float:left;width:100%;position:relative;margin-top:30px;}
.travel-details-2 {float:left;width:100%;position:relative;display:none;text-align:left;margin-bottom:60px;margin-top:50px;}
.travel-details-2 ul {display:block;}
.travel-details-2 ul li {display:block;padding-bottom:7px;}
.mt-30 {margin-top:30px;}
.mb-13 {margin-bottom:13px;}

.travel-details blockquote {margin-left:70px;border-left: 0.3rem solid #5f93cc;margin-top:50px;margin-bottom:50px;width: 85%;padding-left: 70px;}
.travel-details-1 blockquote {border-left: 0.3rem solid #5f93cc;margin-top:30px;margin-bottom:0px;width: 100%;padding-left: 40px;}
.travel-details-1 blockquote span {display:inline-block;padding-left: 30px;padding-right: 10px;}
.caraibi strong {letter-spacing:0.5px;font-style:italic;color:var(--secondary-color-1);font-size:23px;padding-bottom:70px;padding-top:70px;display:block;text-align:right;padding-right:60px;}
.container-1 {    width: 1362px;margin:auto;max-width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-90 {    width: 94%;margin:auto;max-width: 100%;}
.tour {margin-top:50px;}
.tour i {color:#fff;font-size:100px;}
.tour h5 {color:#fff;margin-top:20px;}
.tour h6 {color:#fff;font-size: 1.25rem;margin-top:20px;}
.big-color {color:#5f93cc;font-size:19px;font-weight:900;}
:root{    --white:#fff;     --primary-color-1:#1c7bbf;     --secondary-color-1:#feb201;     --primary-hover-color-1:#0d6a9c;     --title-color-1:#333;     --body-font-color-1:#333;     --body-font-family-1:'Public Sans';     --body-font-size-1:16px;     --primary-color-2:#feb201;     --primary-hover-color-2:#dc981c;     --title-color-2:#4a4a4a;     --body-font-color-2:#8a8a8a;     --body-font-family-2:'Roboto';     --body-font-size-2:15px;     --primary-color-4:#ffb400;     --secondary-color-4:#005eab;     --primary-hover-color-4:#cc9000;     --title-color-4:#14141e;     --body-font-color-4:#7c7c7c;     --body-font-family-4:'Poppins';     --body-font-size-4:16px}
@font-face{    font-family:'icomoon';     src:url('../fonts/icomoon/icomoon.eot');     src:url('../fonts/icomoon/icomoon.eot') format('embedded-opentype'),    url('../fonts/icomoon/icomoon.ttf') format('truetype'),    url('../fonts/icomoon/icomoon.woff') format('woff'),    url('../fonts/icomoon/icomoon.svg') format('svg');  font-weight:normal;  font-style:normal}
.icomoon{  font-family:'icomoon' !important;  speak:none;  font-style:normal;  font-weight:normal;  font-variant:normal;  text-transform:none;  line-height:1;   -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale}
.icon-up:before{ content:"\e900"}
.site-content{position:relative; padding-top:100px;  padding-bottom:100px}
.site-content.no-padding{ padding-top:0;  padding-bottom:0}
.empty-space{ height:100px}
a, button, input[type="submit"]{ -webkit-transition:all .5s;  -khtml-transition:all .5s;  -moz-transition:all .5s;  -ms-transition:all .5s;  -o-transition:all .5s;  transition:all .5s;  outline:0}
.tm-flex{ align-items:center;  display:flex}
ul, ol{ margin:0;  list-style:none}
@media (max-width:1024px){
 body .wrapper-container{ right:0;  position:relative;  transition:all .5s;  height:100%;  left:0;  z-index:99;  overflow:hidden}
}

body input[type="text"]:focus, body input[type="tel"]:focus, body textarea:focus, body input[type="email"]:focus, body input[type="search"]:focus{ border-color:var(--primary-color-1) !important}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="search"]{ color:var(--body-font-color-1);  height:40px;  width:100%;  padding:0 20px;  font-size:16px;  border:1px solid #eee;  display:inline-block}
textarea{ color:var(--body-font-color-1);  padding:20px;  font-size:16px;  border:1px solid #eee;  display:inline-block;  outline:0;  width:100%;  height:200px}
#wrapper-container{ position:relative;  overflow:hidden}
body{ font-family:var(--body-font-family-1);  font-size:var(--body-font-size-1);  line-height:1.8em;  letter-spacing:0;  color:var(--body-font-color-1);  text-transform:none;  font-weight:400;  font-style:normal}
body a{ color:var(--title-color-1)}
body a:hover{ color:var(--primary-color-1)}
h1, h2, h3, h4, h5, h6{ font-family: 'Anton', sans-serif!important;color:var(--title-color-1);margin-bottom: 1.5rem;  font-weight:400;text-transform:uppercase;  font-style:normal;  line-height:1.6em}
body.demo-2, body.demo-3{ font-family:var(--body-font-family-2);  font-size:var(--body-font-size-2);  line-height:24px;  letter-spacing:0;  color:var(--body-font-color-2);  text-transform:none;  font-weight:400;  font-style:normal}
body.demo-2 a, body.demo-3 a{ color:var(--title-color-2)}
body.demo-2 a:hover, body.demo-3 a:hover{ color:var(--primary-color-2)}
body.demo-2 h1, body.demo-2 h2, body.demo-2 h3, body.demo-2 h4, body.demo-2 h5, body.demo-2 h6, body.demo-3 h1, body.demo-3 h2, body.demo-3 h3, body.demo-3 h4, body.demo-3 h5, body.demo-3 h6{ font-family:'Playfair Display';  color:var(--title-color-2);  font-weight:700;  font-style:normal;  line-height:1.6em}
@-webkit-keyframes toright{ from{ -webkit-transform:translateX(0px) rotate(90deg) }
 to{ -webkit-transform:translateX(7px) rotate(90deg) }
}
@-moz-keyframes toright{ from{ -moz-transform:translateX(0px) rotate(90deg) }
 to{ -moz-transform:translateX(7px) rotate(90deg) }
}
@keyframes toright{ from{ transform:translateX(0px) rotate(90deg) }
 to{ transform:translateX(7px) rotate(90deg) }
}

.demo-2 .sc-heading .first-title, .demo-3 .sc-heading .first-title, .demo-2 .room-meta .price span.unit, .demo-3 .room-meta .price span.unit, .demo-3 .room-meta .price span.price_value, .demo-2 .room-meta .price span.price_value, body.demo-2 a:hover, body.demo-3 a:hover{ color:var(--primary-color-2)}
.demo-3 .sc-heading .first-title:before, .demo-2 .sc-heading .first-title:before{ background-color:var(--primary-color-2)}
a.btn-icon:hover:before{ animation:toright .6s linear infinite;  animation-direction:alternate}
a.btn-icon:before{ font-family:'icomoon';  content:"\e900";  width:10px;  max-width:10px;  display:inline-block;  margin-right:10px;  transition:all .5s;  font-size:14px;  transform:rotate(90deg)}
a.btn-icon{ color:var(--primary-color-1);  font-size:14px;  text-transform:uppercase;  display:inline-block;  font-weight:bold;  position:relative}
.demo-2 a.btn-icon, .demo-3 a.btn-icon{ color:var(--primary-color-2)}

body.demo-2 input[type="text"]:focus, body.demo-2 input[type="tel"]:focus, body.demo-2 textarea:focus, body.demo-2 input[type="email"]:focus, body.demo-2 input[type="search"]:focus{ border-color:var(--primary-color-2) !important}
body.demo-4 a{ color:var(--title-color-4)}
body.demo-4 a:hover{ color:var(--primary-color-4)}
body.demo-4{ font-family:var(--body-font-family-4);  font-size:var(--body-font-size-4);  line-height:1.6em;  letter-spacing:0;  color:var(--body-font-color-4);  text-transform:none;  font-weight:300;  font-style:normal}
body.demo-4 input[type="text"]:focus, body.demo-4 input[type="tel"]:focus, body.demo-4 textarea:focus, body.demo-4 input[type="email"]:focus, body.demo-4 input[type="search"]:focus{ border-color:var(--primary-color-2) !important}
body.demo-4 h1, body.demo-4 h2, body.demo-4 h3, body.demo-4 h4, body.demo-4 h5, body.demo-4 h6{ font-family:'Kaushan Script',cursive;  color:var(--title-color-4);  font-weight:700;  font-style:normal;  line-height:1.6em}

.sc-heading.style-04 .description{ margin-top:0;  font-size:18px}
.sc-heading.style-04 .title{ font-size:45px}
.sc-heading.style-04{ margin-bottom:45px}
header{    overflow: hidden; background-color:#fff;     position:relative;     z-index:5;      transition:all .5s ease-in-out}
.tm-table{    width:100%;     display:table;     table-layout:fixed}
.table-cell{    display:table-cell;     vertical-align:middle}
header#masthead .width-logo{    width:200px; margin:0 20px 0 20px}
.sticky-affix .sticky-logo img{margin-left:70px;}
.sticky-affix .width-logo img {padding:0 0px 0px 0px}
.sticky-affix .main-menu {padding-top: 0px!important;}
header#masthead .mobile-logo, header#masthead .retina-logo{    display:none}
.top-toolbar{margin-left: 80px; border-bottom:1px solid rgba(255, 255, 255, 0.4);     padding-left:30px;     color:rgba(255, 255, 255, 0.7);     font-size:13px}
.top-toolbar i{    font-size:16px;     margin-right:5px}
.toolbar-info a{    color:var(--primary-color-1)}
.toolbar-info a:hover{    color:var(--primary-hover-color-1)}
.toolbar-info{    line-height:41px}
.weather img{    height:30px}
.toolbar-right >div, .toolbar-right >ul{    display:inline-block;     vertical-align:middle;}
.language .dropdown-language{    border:0;     border-radius:0;     box-shadow:none;     padding:0;     margin:0;     min-width:120px;     position:absolute;     top:auto;     left:-20px;     z-index:2;     display:none;     background:#f5f5f5}
.language .dropdown-language li{    display:block;     padding:0 20px;     line-height:40px;     border-top:1px solid #EEE}
.language a{    line-height:11px}
.toolbar-right{    text-align:right}
.language .active .fa-caret-down:before{    content:"\f0d8"}
.language .dropdown-toggle:after{    display:none}
.language .dropdown-toggle span{    margin-left:5px}
.language{    text-align:left;     color:var(--body-font-color-1);     padding:0 25px;     line-height:42px}
.top-toolbar a{padding-left:5px;color:#fff}
.top-toolbar a:hover{color:#feb201}
.language i[class^=flag]{    display:inline-block;     margin-right:5px;     width:16px;     height:11px;     line-height:11px;     background-image:url(../images/icons/language-flags.png);  background-position:0 0;  background-repeat:no-repeat}
.language i.flag-de{ background-position:-160px -166px}
.language i.flag-el{ background-position:-176px -22px}
.language i.flag-es{ background-position:-176px -143px}
.language i.flag-fr{ background-position:-176px -44px}
.language i.flag-it{ background-position:-96px -144px}
.top-toolbar ul.top-menu>li>a{ padding:9px 25px;  line-height:24px;  text-transform:capitalize;  display:inline-block}
.top-toolbar ul.top-menu>li>p{ padding:9px 25px;  line-height:24px;  text-transform:capitalize;  display:inline-block}

.top-toolbar ul.top-menu>li:first-child{ border-left:none}
.weather{ padding:0 23px;  border-left:none !important}

.header-right{ padding:18px 0;  float:right;  padding-right:30px}
.una-mail {background-color: #1c7bbf;color: #fff;display:block;margin-top: 20px;font-size: 15px;font-weight: 400;line-height: 38px;padding: 5px 30px 5px 30px;text-align: center;}
.una-mail:hover {background-color: #118acb;color: #fff!important;}
a.btn-book{ font-size:14px;  padding:17px 30px 17px;  line-height:1;border-radius:5px;  display:inline-block;  font-weight:400;  color:#fff;  background-color:var(--primary-color-1)}
a.btn-book:hover{ color:#fff;  background:#feb201}

a.btn-book-1{ font-size:14px; margin-top:40px; padding:17px 30px 17px;  line-height:1;border-radius:5px;  display:inline-block;  font-weight:400;  color:#fff;  background-color:#feb201}
a.btn-book-1:hover{ color:#fff;  background:var(--primary-color-1)}

#masthead.affix .sm-logo .no-sticky-logo, #masthead.affix-top .sm-logo .sticky-logo{ display:none}
header#masthead.affix .top-toolbar{ display:none}
.header_v2 .header-right{ padding-right:0}
.header_v2{ color:var(--title-color-2)}
header.bg_white{ background:#fff}
header.bg_white .menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar{ background:var(--primary-color-2)}
header#masthead.header_v2 .width-logo{ background:none;  width:120px}
.navigation ul.main-menu >li.menu-item{ margin-right:40px}
.navigation ul li{ list-style:none;  display:inline-block;  vertical-align:middle;  margin-bottom:0}
.navigation .main-menu >li{ display:inline-block;  position:relative}
.navigation .main-menu li a{ white-space:nowrap}
.navigation .main-menu >li >a{ display:inline-block;  line-height:42px}
header .sub-menu{ min-width:234px;  position:absolute;  top:auto;  right:0;  display:none;  z-index:999;  padding:0;  margin:0;  background-color:#fff;  box-shadow:0 2px 3px rgba(0,0,0,.09);  -moz-box-shadow:0 2px 3px rgba(0,0,0,.09);  -o-box-shadow:0 2px 3px rgba(0,0,0,.09);  -ms-box-shadow:0 2px 3px rgba(0,0,0,.09)}
header .sub-menu li{ padding:0 20px;  display:block;  margin:0}
header .sub-menu li a{ display:block;  padding:12px 0;  font-size:15px;  border-bottom:1px solid #e6e6e6 !important}
header .sub-menu li a:hover{ color:var(--primary-color-1)}
.demo-4 header .sub-menu li a:hover{ color:var(--primary-color-4)}
.demo-2 header .sub-menu li a:hover, .demo-3 header .sub-menu li a:hover{ color:var(--primary-color-2)}
header .sub-menu li:last-child a{ border-bottom:none}
header ul.main-menu li >.sub-menu{ left:0;  top:100%;  background-color:#f5f5f5}
.navigation .main-menu >li >a, .navigation .main-menu >li >span:not(.icon-toggle){font-family: 'Anton', sans-serif!important; font-size:17px;letter-spacing:1.5px!important;  color:#fff;  font-style:normal;  text-transform:uppercase;  font-weight:normal;  letter-spacing:.7px;  display:inline-block}
.navigation .main-menu >li >a:hover{ color:#feb201}
.navigation ul.main-menu{ padding-left:90px;  float:left;  padding-right:15px}
.navigation ul.main-menu >.menu-item:before{ content:"";  background:#e3e3e3;  height:15px;  width:1px;  position:absolute;  left:0;  top:50%;  -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);  -ms-transform:translate(0,-50%);  -o-transform:translate(0,-50%)}
.navigation ul.main-menu >.menu-item:first-child:before{ display:none}

@media (min-width:769px){ header#masthead.header-overlay.affix-top{ padding-top:40px}
 .navigation .main-menu >li .sub-menu li{ width:100%;  text-align:left;  position:relative}
 .navigation .main-menu >li .sub-menu .sub-menu{ top:0;  left:100%}
 .sub-menu li .icon-toggle{ position:absolute;  right:20px;  top:50%;  font-size:13px;  font-weight:700;  -webkit-transform:translate(0,-50%);  -moz-transform:translate(0,-50%);  -ms-transform:translate(0,-50%);  -o-transform:translate(0,-50%)}
 .icon-toggle i{ -webkit-transition:all .5s;  -khtml-transition:all .5s;  -moz-transition:all .5s;  -ms-transition:all .5s;  -o-transition:all .5s;  transition:all .5s}
 .sub-menu li.has-children:hover .icon-toggle i:before{ content:"\f0da"}
 .navigation >.main-menu >li >span.icon-toggle{ color:var(--body-font-color-1);  font-size:14px;  position:relative;  line-height:37px;  -webkit-transform:none;  -moz-transform:none;  -ms-transform:none;  -o-transform:none;  transform:none;  margin-left:10px}
 .icon-toggle{ opacity:.6;  color:var(--body-font-color-1)}
 .demo-2 .navigation >.main-menu >li >span.icon-toggle{ color:var(--title-color-2)}
 .navigation >ul.main-menu >.menu-item:before{ display:none}
 .navigation >.main-menu >li{ padding:18px 0}
}

.sticky-logo img {height: 40px;}
.navigation ul.main-menu >.menu-item:last-child.has-children{ margin-right:0}
header.affix{    top: 0; z-index:999;  position:fixed;  width:100%;  left:0;  right:0;  transition:all .3s;  background:#fff;  box-shadow:0 10px 25px 0 rgba(24,23,24,.2)}
header.affix.menu-hidden{ transform:translate(0,-100%)}
.affix-top.menu-show{ transition:none}
.menu-mobile-effect.navbar-toggle{ display:none;  align-items:center;  padding:0 25px 0 25px;    line-height: 70px;  font-size:20px;  cursor:pointer}
.menu-mobile-effect.navbar-toggle i{ color:#111}
.menu-mobile-effect.navbar-toggle .icon-wrap{ cursor:pointer;  display:inline-block;  width:45px;  height:15px;  padding:0;z-index:999;  position:relative;  margin-left:15px;  opacity:.8}
.menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar{ background:#000;  width:22px;  height:2px;  -webkit-border-radius:0;  -moz-border-radius:0;  border-radius:0;  position:absolute;  left:0;  margin:0 auto;  top:0;  transition:all .3s ease-in-out}
.menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar:nth-child(2){ top:6px}
.menu-mobile-effect.navbar-toggle .icon-wrap span.icon-bar:nth-child(3){ top:12px}
.mobile-menu-container{ position:fixed;  visibility:visible;  top:0;  left:0;  bottom:0;  z-index:999999;  width:300px;  overflow:auto;  background:#fff;  -webkit-transition:all .5s;  -khtml-transition:all .5s;  -moz-transition:all .5s;  -ms-transition:all .5s;  -o-transition:all .5s;  transition:all .5s}
.mobile-menu-container .inner-off-canvas .main-menu{ display:block;  margin:0;  overflow:hidden;  overflow-y:auto}
.mobile-menu-container ul{ margin:0}
.overlay-close-menu{ position:fixed;  left:0;  right:0;  top:0;  bottom:0;  background-color:#000;  z-index:99999;  opacity:0;  visibility:hidden;  transition:all .3s}
.mobile-menu-open .overlay-close-menu{ opacity:.5;  visibility:visible}
.mobile-menu-container ul li{ float:none;  position:relative;  display:block;  width:100%;  margin:0}
.mobile-menu-container .inner-off-canvas .main-menu li .sub-menu a{ padding-left:40px;  color:#8a8a8a;  font-size:16px}
.mobile-menu-container .main-menu li .sub-menu .sub-menu .icon-toggle{ font-size:15px}
.mobile-menu-container .inner-off-canvas .main-menu li.has-children li.has-children .sub-menu a{ padding-left:50px}
.mobile-menu-container .inner-off-canvas .main-menu li a, 
.mobile-menu-container .inner-off-canvas .main-menu li span:not(.icon-toggle){ display:block;  padding:20px 20px 20px 30px;  font-size:18px;  line-height:28px;  font-weight:300;  border-top:1px solid #e7e7e7}
.mobile-menu-container .inner-off-canvas ul li >a, 
.mobile-menu-container .inner-off-canvas ul li >span:not(.icon-toggle){ color:var(--title-color-1)}
.mobile-menu-container ul li a{ line-height:30px;  display:block;  outline:0;  -webkit-transition:background .3s,box-shadow .3s;  transition:background .3s,box-shadow .3s}
.mobile-menu-container ul li .icon-toggle{ position:absolute;  right:15px;  width:40px;  height:40px;  top:20px;  line-height:40px;  text-align:center;  color:#888;  cursor:pointer}
.mobile-menu-container .main-menu >li:not(:first-child) >.sub-menu, 
.mobile-menu-container .main-menu >li .sub-menu .sub-menu{ display:none}
.mobile-menu-container .inner-off-canvas .main-menu li a:hover{ color:var(--primary-color-1)}
.mobile-menu-container{ -webkit-transform:translate(-300px);  -moz-transform:translate(-300px);  -ms-transform:translate(-300px);  -o-transform:translate(-300px)}
.mobile-menu-open .mobile-effect.mobile-menu-container{ -webkit-transform:translate(0,0);  -moz-transform:translate(0,0);  -ms-transform:translate(0,0);  -o-transform:translate(0,0)}

@media (max-width:768px){ header#masthead .width-logo{ text-align:center}
 .mobile-menu-container.mobile-effect{ padding-bottom:100px}
 #thim-header-topbar, 
 .header-sidebar{ display:none !important}

 .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle .fa{ transition:all .2s ease-in-out 0s}
 header .navigation{ display:none}
 body.mobile-menu-open nav .menu-mobile-effect.navbar-toggle{ display:block}
 .menu-mobile-effect.navbar-toggle{ display:inline-block;  text-align:right;z-index: 999;}
 header .site-logo{ padding:0;  width:-webkit-calc(100% - 81px);  width:-moz-calc(100% - 81px);  width:calc(100% - 81px);  text-align:center;  max-width:calc(100% - 81px);  flex:0 0 calc(100% - 81px)}

 .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle:hover .fa{ -webkit-transform:rotate(360deg);  -moz-transform:rotate(360deg);  -ms-transform:rotate(360deg);  -o-transform:rotate(360deg);  color:var(--primary-color-1)}

 header#masthead .width-logo{ width:100%}
 header#masthead .logo{ display:none}
 header#masthead .mobile-logo{ height: 70px;display:inline-block}
}

.demo-2 header, 
.demo-3 header{ font-size:14px}
.header_v2 .navigation .main-menu >li >a, 
.header_v2 .navigation .main-menu >li >span:not(.icon-toggle){ font-size:14px;  color:var(--title-color-2);  font-weight:700}

.demo-3 .header_v2 .navigation .main-menu >li >a:hover, 
.demo-2 .header_v2 .navigation .main-menu >li >a:hover{ color:var(--primary-color-2)}

header.header_v2 ul.main-menu li >.sub-menu{ background:#fff}

.demo-3 .header_v2 a.btn-book, 
.demo-2 .header_v2 a.btn-book{ padding:13px 20px 12px;  font-weight:700;  color:#fff;  background:var(--primary-color-2)}

.demo-3 .header_v2 a.btn-book:hover, 
.demo-2 .header_v2 a.btn-book:hover{ color:#fff;  background:var(--primary-hover-color-2)}

.header-right >div{ display:inline-block;  vertical-align:middle}

header.header_v2 .header-right a{ color:#4a4a4a;  font-weight:700}

.demo-2 header .dropdown-language a{ font-weight:normal}

.demo-3 header .header-right a:hover, 
.demo-3 header .header-right a:hover, 
.demo-2 header .sub-menu li a:hover, 
.demo-2 header .sub-menu li a:hover{ color:var(--primary-color-2)}

.header_v2 .header-right .book-button{ margin-left:25px}

.header_v2 .language .dropdown-language{ background:#fff}
.language .dropdown-language li:first-child{ border-top:none}

#masthead.header-overlay{    position:absolute;     top:0;     right:0;     left:0;     z-index:999;     background:transparent}

header.header_v2.header-overlay .header-right a, 
.header_v2.header-overlay .navigation .main-menu >li >a, 
.header_v2.header-overlay .navigation .main-menu >li >span:not(.icon-toggle){    color:#fff}

.header_v2.header-overlay .language .dropdown-language a{    color:var(--body-font-color-2);     font-weight:normal}

.header_v2.header-overlay .language .dropdown-language a:hover{    color:var(--primary-color-2)}

.header-overlay .navigation >.main-menu >li >span.icon-toggle{    color:#fff}

header#masthead.affix.header-overlay{    z-index:9999;     position:fixed;     width:100%;     transition:transform .3s .1s;     background-color:rgba(0,0,0,.6)}
header.header_v2 .header-right a:hover{    color:var(--primary-color-2)}

header.header_v2 .header-right .dropdown .dropdown-toggle:hover span{    color:#4a4a4a}

header.header_v2.header-overlay .header-right .dropdown .dropdown-toggle:hover span{    color:#fff}

.dropdown .dropdown-toggle span{    opacity:.6}
.page-accommodation{    background-image:url("../images/accommodation.jpg")!important;     background-position-y: 30% !important;    background-repeat:no-repeat;     background-size:cover;     position:relative;     text-align:center;     color:#fff;     text-transform:uppercase;     height:400px}
.page-traghetti {    background-image:url("../images/ferry-slider-2.jpg")!important;     background-position-y: 30% !important;    background-repeat:no-repeat;     background-size:cover;     position:relative;     text-align:center;     color:#fff;     text-transform:uppercase;     height:400px}
.page-thank-you {background-image:url("../images/thank_you.jpg")!important; height:750px!important}
.page-email{    background-image:url("../images/ferry-slider-2.jpg")!important;     background-repeat:no-repeat;     background-size:cover;     position:relative;     text-align:center;     color:#fff;     text-transform:uppercase;     height:750px!important}
.page-title-wrapper{    background-image:url("../images/contatti-bg.jpg");     background-repeat:no-repeat;     background-size:cover;     position:relative;     text-align:center;     color:#fff;     text-transform:uppercase;     height:400px}
.page-title-wrapper .content{    position:absolute;     left:0;     right:0;     text-align:center;     top:45%;     -webkit-transform:translate(0,-50%);     -moz-transform:translate(0,-50%);     -ms-transform:translate(0,-50%);     -o-transform:translate(0,-50%);     display:inline-block}
.page-title-wrapper .heading_primary:after{    content:'';     position:relative;     width:60px;     height:2px;     display:block;     margin:0 auto;     bottom:-11px;     background:var(--primary-color-1)}
.page-title-wrapper .heading_primary{    color:#fff;     margin:0 0 40px;     line-height:120%;     text-transform:uppercase;     position:relative;     font-size:48px;     font-weight:400}
.page-title-wrapper:before{    content:'';     position:absolute;     height:100%;     left:0;     right:0;     top:0;     opacity:.3;     margin:0 auto;     background:#000}
.breadcrumbs li{    display:inline-block;     vertical-align:middle;     color:#fff}
.breadcrumbs li a{    color:#fff}
.breadcrumbs li .separator{    width:6px;     height:6px;     border-radius:50%;     background:#9a9a9a;     display:inline-block;     margin:0 10px;     vertical-align:middle}
.breadcrumbs li a:hover{    color:var(--primary-color-1)}
header.header_v2{    padding:12px 0}
header#masthead.header_v4 .width-logo{    width:110px;     background-color:var(--secondary-color-4)}

.header_v4 .top-toolbar .toolbar-info{    line-height:30px}
.header_v4 .top-toolbar{    color:#b3b3b3;     background-color:#14141e;     border-bottom:none;     padding-left:11px;     font-size:13px;     font-weight:300;     text-transform:uppercase}

.header_v4 .top-toolbar i{    margin-left:10px;     font-size:18px;     vertical-align:middle}
.header_v4 .top-toolbar a{    color:#b3b3b3;     text-transform:uppercase}
.header_v4 .top-toolbar a:hover{    color:#fff}
.header_v4 .top-toolbar .toolbar-info span.text{    margin-left:10px;     color:var(--primary-color-4)}
body.demo-4 .navigation .main-menu >li >a:hover{    color:var(--primary-color-4) !important}
.header_v4 .top-toolbar .toolbar-info li{    margin-right:10px;     line-height:1}
.header_v4 .top-toolbar ul.top-menu>li>a{    padding:4px 10px 3px;     text-transform:uppercase}
.header_v4 .top-toolbar ul.top-menu>li, 
.header_v4 .toolbar-right >div, .header_v4 .toolbar-right >ul{    border-left:none}

.header_v4 .user-info li a{    padding:0 17px}
.header_v4 .user-info li:last-child a{    padding-right:2px}
.header_v4 .user-info li{    border-left:1px solid #414150}
.header_v4 .navigation ul.main-menu{    padding-left:80px}

.search-box .search-form .search-field{    width:100%;     padding:0 20px;     height:50px;     line-height:50px;     border:none}
.search-box .search-form button:hover{    background-color:var(--primary-hover-color-4)}
.search-box .search-form button{    position:absolute;     top:0;     right:0;     width:50px;     height:100%;     border:0;     color:#fff;     outline:0;     font-size:18px;     box-shadow:none;     cursor:pointer;     background-color:var(--primary-color-4)}
.search-box .search-form{    top:50%;     max-width:500px;     margin:auto;     position:relative;     transform: translate(0,-50%)}
.search-box .form-search-wrapper{    position:fixed;     top:0;     right:0;     left:0;     bottom:0;     z-index:9999999;     opacity:0;     visibility:hidden;     overflow:hidden;     background:rgba(0,0,0,.8);     margin:0;     width:100%;     height:100vh;     -webkit-transform:scale(.2,.2);     -moz-transform:scale(.2,.2);     -ms-transform:scale(.2,.2);     -o-transform:scale(.2,.2);     -webkit-transition:all .3s cubic-bezier(.4,0,1,1);     -khtml-transition:all .3s cubic-bezier(.4,0,1,1);     -moz-transition:all .3s cubic-bezier(.4,0,1,1);     -ms-transition:all .3s cubic-bezier(.4,0,1,1);     -o-transition:all .3s cubic-bezier(.4,0,1,1);     transition:all .3s cubic-bezier(.4,0,1,1)}
.search-box .toggle-form:hover{    color:var(--primary-color-4)}
.search-box .toggle-form{    text-align:center;     cursor:pointer;     position:relative;     width:34px;     height:34px;     display:inline-block;     line-height:34px;     font-size:22px;     color:#313140}

body.active-search .background-toggle{    width:100%;     height:100%;     position:absolute;     cursor:url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),progress}
.active-search .search-box .form-search-wrapper{ opacity:1;  visibility:visible;  -webkit-transform:scale(1,1);  -moz-transform:scale(1,1);  -ms-transform:scale(1,1);  -o-transform:scale(1,1)}
@media (min-width:769px){ .header_v4 .navigation >.main-menu >li{ padding:14px 0}
}
.header_v4 .sticky-logo img{ height:60px}
.header_v4 .navigation ul.main-menu >li.menu-item{ margin:0;  text-align:center;  min-width:234px;  padding-left:70px;  padding-right:70px;  border-right:1px solid #f0f0f0}
.header_v4 .header-right{ padding-right:100px}
.header_v4 .navigation .main-menu >li >a, 
.header_v4 .navigation .main-menu >li >span:not(.icon-toggle){ color:#313140;  font-size:18px}
header.header_v4 .sub-menu li a{ font-size:16px}
.ion-ios-search-strong:before{ font-weight:600}

.page-404 h1{ font-size:64px;  line-height:85px;  margin:0 0 30px;  color:#333}
.page-404 p{ margin-bottom:50px}

.sc-heading .first-title{ color:var(--primary-color-1);  position:relative;  display:inline-block;  font-weight:700;  margin:0;  font-size:18px}
.sc-heading .first-title:before{ margin-right:10px;  width:60px;  height:2px;  background:var(--primary-color-1);  content:"";  display:inline-block;  vertical-align:middle;  position:relative;  top:50%;  left:0;  -webkit-transform:translate(0,-50%)}
.sc-heading .description{ margin-top:27px}
.sc-heading .second-title{ font-size:40px;  line-height:120%;  margin-bottom:0}

.sc-contact-form{ margin-top:60px;  padding:60px;  background:#f9f9f9}
.sc-contact-form form input{ height:50px;  margin-bottom:20px}
.sc-contact-form form input.submit{ margin-top:20px;  margin-bottom:0;  cursor:pointer;  width:100%;  color:var(--white);  background-color:var(--primary-color-1)}
.sc-contact-form form input.submit:hover{ color:var(--white);  background-color:var(--primary-hover-color-1)}

.sc-contact-info{ padding-left:70px}
.sc-contact-info p a{ color:var(--body-font-color-1)}
.sc-contact-info p a:hover{ color:var(--primary-color-1)}
.sc-contact-info p.phone{ margin-top:30px;  margin-bottom:0}
.sc-contact-info p.email{ margin-bottom:30px}

.sc-social-link.style-03 li{ margin-right:35px;  list-style:none;  display:inline-block}
.sc-social-link.style-03 li a{ color:var(--body-font-color-1);  font-size:24px}
.sc-social-link.style-03 li a.face:hover{ color:#314b7c}
.sc-social-link.style-03 li a.twitter:hover{ color:#339dc4}
.sc-social-link.style-03 li a.skype:hover{ color:#01abe9}
.sc-social-link.style-03 li a.instagram:hover{ color:#d95443}

#google-map{ width:100%;  height:500px}

.comingsoon-wrapper .background{ position:fixed;  z-index:-1;  text-align:center;  top:0;  bottom:0;  left:0;  right:0}
.comingsoon-wrapper .background .slides{ margin:0;  position:relative;  z-index:-1;  top:0;  left:0;  right:0;  bottom:0;  display:block;  overflow:hidden;  height:100%}

.comingsoon-wrapper .background:after{ content:'';  position:absolute;  left:0;  right:0;  top:0;  bottom:0;  background:#000;  display:block;  z-index:2;  opacity:.3}
.comingsoon-wrapper .background .slides li{ height:100%}
.comingsoon-wrapper .background .slides li img{ max-width:inherit;  object-fit:cover;  width:100%;  height:100%}
.comingsoon-wrapper .owl-dots{ position:fixed;  bottom:60px;  list-style:none;  margin:0 auto;  left:0;  right:0}
.comingsoon-wrapper .owl-dots .owl-dot{ margin:0 13px;  display:inline-block;  width:8px;  height:8px;  border-radius:50%;  overflow:hidden;  text-indent:-999px;  border:2px solid rgba(255,255,255,.7)}
.comingsoon-wrapper .owl-dots .owl-dot.active, 
.comingsoon-wrapper .owl-dots .owl-dot:hover{ background:#fff}
.comingsoon-wrapper .coom-inner{ padding:100px 0;  text-align:center;  color:#fff}
.coom-inner .title{ font-size:48px;  color:#fff;  margin:82px 0 49px;  line-height:64px}
.comingsoon-wrapper .thim-countdown .counter-group{ display:inline-block;  margin:0 auto}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block{ float:left;  margin:0 10px;  position:relative;  width:168px;  height:168px;  overflow:hidden;  display:block}

.comingsoon-wrapper .thim-countdown .counter-group .counter-block:before{ content:'';  border:1px solid #979797;  position:absolute;  left:0;  right:0;  top:50%;  height:120px;  width:120px;  margin:0 auto;  -webkit-transform:translateY(-50%) rotate(-315deg);  -moz-transform:translateY(-50%) rotate(-315deg);  -ms-transform:translateY(-50%) rotate(-315deg);  -o-transform:translateY(-50%) rotate(-315deg);  transform:translateY(-50%) rotate(-315deg)}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter{ height:65px;  overflow:hidden;  position:absolute;  left:0;  right:0;  top:35px}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter-caption{ font-size:18px;  font-weight:700;  line-height:21px;  text-transform:uppercase;  position:absolute;  bottom:49px;  left:0;  right:0}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter.with-hundreds .number.hundreds{ display:block;  left:33.33%;  -webkit-transform:translate(-50%,0);  -moz-transform:translate(-50%,0);  -ms-transform:translate(-50%,0);  -o-transform:translate(-50%,0)}
.comingsoon-wrapper .page-template-comingsoon .thim-countdown .counter-group .counter-block .counter.with-hundreds .number{ width:30px}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter .number{ font-family:Playfair Display}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter .number{ padding:0;  height:64px;  position:absolute;  font-size:48px;  line-height:64px}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter.with-hundreds .number.tens{ left:50%;  -webkit-transform:translate(-50%,0);  -moz-transform:translate(-50%,0);  -ms-transform:translate(-50%,0);  -o-transform:translate(-50%,0)}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter.with-hundreds .number.units{ left:66.66%;  -webkit-transform:translate(-50%,0);  -moz-transform:translate(-50%,0);  -ms-transform:translate(-50%,0);  -o-transform:translate(-50%,0)}
.thim-countdown .counter-group .counter-block .counter.with-hundreds .number.hundreds{ display:block;  left:33.33%;  -webkit-transform:translate(-50%,0);  -moz-transform:translate(-50%,0);  -ms-transform:translate(-50%,0);  -o-transform:translate(-50%,0)}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter .number.hidden-up{ z-index:100}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter .number.units{ left:50%}
.comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter .number.tens{ left:50%;  -webkit-transform:translate(-100%,0);  -moz-transform:translate(-100%,0);  -ms-transform:translate(-100%,0);  -o-transform:translate(-100%,0)}
.comingsoon-wrapper .thim-countdown{ margin-bottom:55px}
.comingsoon-wrapper .coom-inner .content-text{ font-size:18px;  color:var(--white);  letter-spacing:0;  font-weight:500}
.comingsoon-wrapper .coom-inner .content-text form input{ height:50px}
.comingsoon-wrapper .coom-inner .content-text form{ width:453px;  display:inline-block;  max-width:453px;  margin-top:30px;  position:relative}
.comingsoon-wrapper .coom-inner .content-text form button:hover{ color:var(--white);  background:var(--primary-hover-color-1)}
.comingsoon-wrapper .coom-inner .content-text form button{ width:auto;  padding:0 25px;  position:absolute;  min-width:120px;  background:var(--primary-color-1);  font-size:13px;  text-align:center;  text-transform:uppercase;  font-weight:700;  height:50px;  top:0;  right:0;  cursor:pointer;  color:var(--white)}

.sc-gallery .filter-controls{ margin:0 0 55px;  list-style:none;  text-align:center}
.sc-gallery .filter-controls li{ display:inline-block;  vertical-align:middle;  margin:0 25px}
.sc-gallery .filter-controls li a{ position:relative;  font-size:14px;  font-weight:700;  color:#999;  padding-bottom:7px;  text-transform:uppercase}
.sc-gallery .filter-controls li a:after{ position:absolute;  height:2px;  width:100%;  left:0;  bottom:0;  content:'';  background-color:transparent;  transition:all .5s}
.sc-gallery .filter-controls a.active:after{ background-color:var(--primary-color-1)}
.sc-gallery .filter-controls li a:hover, .sc-gallery .filter-controls a.active{ color:var(--primary-color-1)}
.sc-gallery .wrapper-gallery >div[class*=col-sm-]{ padding-bottom:30px}
.sc-gallery.no-gutter .wrapper-gallery >div[class*=col-sm-]{ padding:0}
.sc-gallery.no-gutter .wrapper-gallery >div[class*=col-sm-] img{ width:100%}
.sc-gallery .gallery-popup:after{ content:"\f002";  font-family:FontAwesome;  position:absolute;  width:31px;  height:30px;  line-height:30px;  margin:auto;  left:0;  right:0;  bottom:0;  top:0;  color:#fff;  font-size:30px;  z-index:10;  opacity:0;  transform:rotateY(0);  transition:all .4s ease-in-out}
.sc-gallery .gallery-popup:before{ position:absolute;  left:0;  top:0;  bottom:0;  right:0;  content:"";  background:var(--primary-color-1);  opacity:0;  transform:rotateY(0);  transition:all .4s ease-in-out;  z-index:9}
.sc-gallery .gallery-popup:hover:before{ opacity:.5}
.sc-gallery .gallery-popup:hover:after{ opacity:1;  transform:rotateY(180deg)}
.sc-gallery .gallery-popup{ display:block;  position:relative}
.sc-gallery .wrapper-gallery .content{ padding:20px;  text-align:center;  box-shadow:0 1px 1px rgba(0,0,0,.1);  transition:all .5s}
.sc-gallery .wrapper-gallery .item{ margin-bottom:10px}
.sc-gallery .wrapper-gallery .item:hover .content{ box-shadow:0 25px 40px -20px #85a2ce}
.sc-gallery .wrapper-gallery .content h3{ font-size:20px}

.loop-pagination{ margin:50px 0 0;  list-style:none;  text-align:center;  width:100%}
.loop-pagination li{ display:inline-block;  vertical-align:middle;  margin:0 3px}
.loop-pagination li a{ font-weight:700;  font-size:15px;  padding:5px 10px;  display:inline-block;  text-align:center}
.loop-pagination li a .fa{ font-weight:700}
.loop-pagination li a:after{ content:'';  position:relative;  display:block;  height:2px;  width:10px;  margin:0 auto;  bottom:0;  background:transparent}
.loop-pagination li.active a:after{ background-color:var(--primary-color-1)}
.loop-pagination li.active a{ color:var(--primary-color-1)}

.about-info{    margin-top:40px}
.sc-about-slides{    position:relative}
.sc-about-slides .owl-theme .owl-nav >div{    position:absolute;     top:50%;     height:60px;     width:60px;     display:inline-block;     line-height:60px;     background-color:var(--primary-color-1);     color:#fff !important;     font-size:0;     border:0;     border-radius:0;     padding:0;     margin:-30px 0 0;     opacity:1 !important}
.sc-about-slides .owl-theme .owl-nav >div:hover{    background:var(--primary-hover-color-1)}
.sc-about-slides .owl-nav >div:before{    font-size:15px;     font-family:'icomoon';     content:"\e900";     display:inline-block;     transform:rotate(90deg)}
.sc-about-slides .owl-nav >div.disabled{    cursor:not-allowed}
.sc-about-slides .owl-prev{    left:-15px}
.sc-about-slides .owl-prev:before{    transform:rotate(-90deg) !important}
.sc-about-slides .owl-next{    right:-15px}
.sc-about-slides ul li{    padding:0 15px}

.sc-about-slides-1{    position:relative}
.sc-about-slides-1 .owl-theme .owl-nav >div{  display:none; }
.sc-about-slides-1 .owl-theme .owl-nav >div:hover{    background:var(--primary-hover-color-1)}
.sc-about-slides-1 .owl-nav >div:before{    font-size:15px;     font-family:'icomoon';     content:"\e900";     display:inline-block;     transform:rotate(90deg)}
.sc-about-slides-1 .owl-nav >div.disabled{    cursor:not-allowed}
.sc-about-slides-1 .owl-prev{    left:-15px}
.sc-about-slides-1 .owl-prev:before{    transform:rotate(-90deg) !important}
.sc-about-slides-1 .owl-next{    right:-15px}
.sc-about-slides-1 ul li{    padding:0 15px}

.sc-quote.style-01 .title{    font-size:46px;     font-weight:400;     color:#fff;     margin:0 0 60px;     line-height:120%;     font-family:var(--body-font-family-1)}
.sc-quote.style-01 .title:before{    margin-right:30px;     width:60px;     height:2px;     background:var(--white);     content:"";     display:inline-block;     vertical-align:middle;     position:relative;     top:50%;     left:0;     -webkit-transform:translate(0,-50%)}
.sc-quote.style-01 a.btn-quote{    margin-left:90px;     padding:0 30px;     display:inline-block;     height:42px;     line-height:39px;     color:#fff !important;     font-size:14px;     font-weight:700;     border:2px solid var(--white)}
.sc-quote.style-01 a.btn-quote:hover{    border-color:var(--primary-color-1);     background:var(--primary-color-1)}
.sc-quote.style-01{    padding:250px 0;     background-attachment:fixed;     background-position:center;     background-size:cover;     background-repeat:no-repeat;     background-image:url("../images/page/bg-quote-1.jpg")}
.sc-list-info ul{    margin-top:25px;     margin-bottom:50px}
.sc-list-info ul li{    padding:15px 0;     font-size:20px;     font-weight:400;     vertical-align:middle}
.sc-list-info ul li i{    font-size:22px;     margin-right:15px;     vertical-align:middle;     color:var(--primary-color-1)}
.sc-list-info .image{    position:relative;     overflow:hidden;     cursor:-webkit-grabbing}
.sc-list-info .image:hover img{    transform:scale(1.1)}
.sc-list-info .image img{    transition:all 1s}

.sc-counter-box:before{    position:absolute;     content:'';     left:0;     right:0;     top:0;     bottom:0;     opacity:.6;     display:block;     background-color:var(--primary-color-1)}

.sc-counter-box{    position:relative;     overflow:hidden;     padding:250px 0;     background-attachment:fixed;     background-position:center;     background-size:cover;     background-repeat:no-repeat;     background-image:url("../images/page/bg-counter-box.jpg")}
.sc-counter-box .wrapper .item{ display:inline-block;  vertical-align:middle;  width:283px;  height:283px;  background:0 0;  margin:0 40px;  text-align:center;  position:relative;  border:0;  padding:80px 0}
.sc-counter-box .wrapper .item:before{ content:'';  position:absolute;  width:200px;  height:200px;  -webkit-transform:rotate(-315deg);  -ms-transform:rotate(-315deg);  -o-transform:rotate(-315deg);  transform:rotate(-315deg);  border:2px solid #fff;  left:41px;  top:41px}
.sc-counter-box .wrapper{ position:relative;  text-align:center}
.sc-counter-box .wrapper .number{ font-weight:700;  font-size:72px;  color:var(--white);  line-height:80px;  margin-bottom:4px}
.sc-counter-box .wrapper .text{ font-weight:700;  font-size:36px;  color:var(--white);  line-height:38px}
.nav-tabs .nav-link.active{ color:var(--primary-color-1)}

.sc-heading.style-01 .title{ color:var(--title-color-1);  font-size:42px;  margin-top:0;  line-height:120%}

.sc-heading.style-01 .description{ max-width:800px;  margin:15px auto 0}
.sc-heading.style-01{ margin-bottom:45px}

body.home .sc-heading.style-01{ margin-top:-10px}

.group-destination{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/map.jpg")}
.group-destination .sc-content-overlay:before{    position:absolute;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:rgba(255,255,255,0.1)}
.sc-content-overlay{    position:relative}
.sc-content-overlay >.container{    position:relative}
.sc-gallery.style-01 .hidden{    overflow:hidden;     display:none;     visibility:hidden}
.sc-gallery.style-01 .item .btn-gallery{    position:relative;     overflow:hidden;     display:block}
.sc-gallery.style-01 .item:hover .btn-gallery:after{    opacity:1;     transform:rotateY(180deg)}
.sc-gallery.style-01 .item .btn-gallery:after{    content:"\f002";     font-family:FontAwesome;     position:absolute;     width:30px;     height:30px;     line-height:30px;     margin:auto;     left:0;     right:0;     bottom:0;     top:0;     color:#fff;     font-size:20px;     z-index:10;     opacity:0;     transform:rotateY(0);     transition:all .4s ease-in-out}
.sc-gallery.style-01 .item:hover .btn-gallery:before{    position:absolute;     left:0;     right:0;     top:0;     content:'';     bottom:0;     background-color:var(--primary-color-1);     opacity:.4;     z-index:1;     transition:all .5s}
.sc-gallery.style-01 .count{    font-size:14px}
.sc-gallery.style-01 .title{    font-size:20px;     margin-top:10px;     margin-bottom:0}

.list-box-slider .owl-dots, 
.sc-gallery.style-01 .owl-dots{    margin-top:30px !important}

.list-box-slider .owl-dots .owl-dot, 
.sc-gallery.style-01 .owl-dots .owl-dot{    border:2px solid transparent;     width:14px;     height:14px;     margin:0 5px;     border-radius:50%;     cursor:pointer;     transition:all .5s;     display:inline-grid}
.list-box-slider .owl-dots .owl-dot.active, 
.sc-gallery.style-01 .owl-dots .owl-dot.active, 
.list-box-slider .owl-dots .owl-dot:hover, 
.sc-gallery.style-01 .owl-dots .owl-dot:hover{    border-color:#7c7a7e}
.list-box-slider .owl-dots .owl-dot span, 
.sc-gallery.style-01 .owl-dots .owl-dot span{    width:10px;     height:10px;     display:inline-block;     background:#7c7a7e;     margin:0}
.list-box-slider .owl-dots .owl-dot.active span, 
.sc-gallery.style-01 .owl-dots .owl-dot.active span, 
.list-box-slider .owl-dots .owl-dot:hover span, 
.sc-gallery.style-01 .owl-dots .owl-dot:hover span{    background:none !important}

.sc-posts.style-01 .item, .sc-posts.style-01 .item-first{    padding:0}
.sc-posts.style-01 .post{    float:left}
.sc-posts.style-01 .inner{    position:relative;     overflow:hidden}
.sc-posts.style-01 .inner:hover .thumbnail:before{    background:rgba(2,6,21,.65)}
.sc-posts.style-01 .thumbnail:before{    content:'';     background:rgba(2,6,21,.35);     position:absolute;     left:0;     top:0;     width:100%;     height:100%;     transition:all .5s;     z-index:1}
.sc-posts.style-01 .item .content{    transform:translateY(60px)}
.sc-posts.style-01 .content .summary{    font-size:15px;     line-height:24px;     max-height:72px;     overflow:hidden;     opacity:0;     visibility:hidden;     margin:10px 0 0;     transition:all .7s}
.sc-posts.style-01 .category a:hover{    background:var(--primary-color-1)}
.sc-posts.style-01 .category a{    color:#fff !important;     display:inline-block;     font-size:13px;     height:22px;     padding:0 8px;     border-radius:5px;     line-height:23px;     background-color:var(--secondary-color-1);     text-transform:uppercase}
.sc-posts.style-01 .date i{    margin-right:8px}
.sc-posts.style-01 .content .title a:hover{    color:var(--primary-color-1)}
.sc-posts.style-01 .content .title{    margin-bottom:0;     margin-top:6px}
.sc-posts.style-01 .item .content .title a{    font-size:20px}
.sc-posts.style-01 .item .content .title{    font-size:20px;     line-height:26px}
.sc-posts.style-01 .content .title a{    font-size:26px;     color:#fff}
.sc-posts.style-01 .date{    font-size:13px;     color:rgba(255,255,255,.7);     line-height:34px;     font-weight:400;     text-transform:capitalize}
.sc-posts.style-01 .content{    width:100%;     padding:20px 30px;     position:absolute;     bottom:0;     left:0;     color:#fff;     z-index:2;     transition:all .5s;     transform:translateY(82px)}
.sc-posts.style-01 .inner:hover .content .summary{    opacity:1;     visibility:visible}
.sc-posts.style-01 .inner:hover .content{     transform:translateY(0) !important}
.sc-posts.style-01 .item .post{    margin-bottom:30px}
.sc-posts.style-01 .item-first .inner{    height:462px}
.sc-posts.style-01 .item .inner{    height:216px}
.sc-posts.style-01 .thumbnail img{    height:100%;     width:100%;     object-fit:cover}
.sc-posts.style-01 .thumbnail{    height:inherit}

.h1-bg-testimonial{    background-attachment:fixed;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/home/h1-bg-testimonials.jpg")}
.h1-bg-testimonial .sc-content-overlay:after{    position:absolute;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:rgba(11,16,33,0.5)}

.sc-testimonials.style-01{    position:relative;     overflow:hidden;     z-index:4}
.slides-wrapper{    position:relative}
.slides-wrapper::before{    content:' ';     height:72px;     border:1px solid rgba(255,255,255,.15);     position:absolute;     bottom:110px}
.rectangle-overlay::before{    position:absolute;     content:"";     display:inline-block;     border:12px solid #fff;     opacity:.15;     width:350px;     height:480px;     margin-left:-175px;     left:50%;     pointer-events:none;     top:72px;     z-index:10}

.testimonial-slider{    display:-webkit-box;     display:-webkit-flex;     display:-moz-flex;     display:-ms-flexbox;     display:flex;     flex-direction:column;     max-width:973px;     margin:auto;     position:relative;     padding-top:13px}
.testimonial-slider{    max-width:585px;     text-align:center}
.testimonial-slider .slides-content .slide-content, 
.testimonial-slider .slides-content .slide-content .content .image{    display:none}
.testimonial-slider .slides-content .slide-content .content{    text-align:center}
.testimonial-slider .slides-content .slide-content .content .image img{    height:100%;     width:100%}
.testimonial-slider .slides-content{    margin-bottom:45px}
.testimonial-slider .slides-content .slide-content .content .user-info .regency{    font-size:14px;     opacity:.45;     color:#fff;     text-transform:uppercase}
.testimonial-slider .slides-content .slide-content .content .user-info .name{    color:var(--primary-color-1);     font-size:20px;     text-transform:capitalize;     font-weight:700;     margin-bottom:5px}
.testimonial-slider .slides-content .slide-content .content .description{    color:#fff;     opacity:.75;     margin-bottom:26px}
.testimonial-slider.control-nav{    display:none}
.testimonial-slider ul.scrollable li.mid-item img{    border-color:#fff}
.testimonial-slider .slides-content .slide-content.current{    display:block}
.testimonial-slider ul.scrollable li .slide-content{    position:relative}
.testimonial-slider ul.scrollable li img{    border-radius:50%;     border:2px solid #fff;     overflow:hidden;     width:100%;     height:100%}
.testimonial-slider ul.scrollable li img{    border:none;     border-radius:50%;     overflow:hidden;     width:100%;     height:100%}
.testimonial-slider ul.scrollable li .slide-content{    position:relative;     width:72px;     height:72px}
.testimonial-slider ul.scrollable li.mid-item .slide-content{    cursor:-webkit-grabbing}
.testimonial-slider .slides-wrapper{    margin-top:90px}
.testimonial-slider ul.scrollable{    list-style:none;     position:relative;     display:block;     margin:0 auto !important}
.testimonial-slider ul.scrollable li{    top:0 !important;     position:absolute;     overflow:visible !important}
.testimonial-slider ul.scrollable li:not(.mid-item) .slide-content{    cursor:pointer}
.testimonial-slider ul.scrollable li.mid-item{    z-index:99}
.testimonial-slider ul.scrollable li .slide-content:before{    position:absolute;     content:'';     left:0;     right:0;     bottom:0;     top:0;     background:#000;     opacity:.3;     border-radius:50%}
.testimonial-slider ul.scrollable li.mid-item .slide-content:before{    opacity:0;     display:none}
.sc-testimonials.style-01 .rating-star{    margin-bottom:25px}
.sc-testimonials.style-01{    padding-top:130px;     padding-bottom:90px}
.sc-testimonials.style-01 .heading{    text-align:center;     color:#fff;     font-size:52px;     font-weight:700;     line-height:1.4em}

.sc-rooms.style-01 .room-item:hover .room-media a:after{    opacity:1}
.sc-rooms.style-01 .room-item:hover .room-media a:before{    opacity:.6}
.sc-rooms.style-01 .room-media a:before{    content:'';     position:absolute;     left:0;     right:0;     bottom:0;     top:0;     background:var(--primary-color-1);     opacity:0;     z-index:1;     transition:all .5s ease-out}
.sc-rooms.style-01 .room-media a:after{    content:"\f0c1";     font-family:FontAwesome;     color:#fff;     text-align:center;     line-height:60px;     width:60px;     height:60px;     left:50%;     top:50%;     z-index:2;     transform:translate(-50%,-50%);     position:absolute;     transition:all .5s ease-out;     opacity:0;     font-size:20px}
.sc-rooms.style-01 .room-media a{    position:relative;     display:block}
.sc-rooms.style-01 .rooms-content .room{    padding-bottom:0}
.h1-banner{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/scegli_tour.jpg")}
.bg-1 {background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/map_1.jpg")}
.h1-banner .sc-content-overlay:before{    position:absolute;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:rgba(11,16,33,0.2)}
.h1-banner .sc-box.style-01 a.btn-box{    background:var(--primary-hover-color-1)}
.h1-banner .sc-box.style-01 .button-box{    margin-top:50px;     margin-bottom:10px}
.h1-banner .sc-box.style-01 a.btn-box{    font-size:15px;     font-weight:400;     height:48px;     line-height:48px;     padding:0 35px;     display:inline-block;     color:#fff !important;     background-color:var(--primary-color-1);     text-transform:uppercase}
.h1-banner .sc-box.style-01 .description{    margin:20px auto;     color:rgba(255,255,255,.8)}
.h1-banner .sc-box.style-01 .title{    color:#fff;     font-size:52px;     line-height:1.4em}
.h1-banner .sc-box.style-01{    padding:150px 0}
.h1-banner .sc-box.style-01:before{    width:2px;     left:50%;     top:30px;     position:absolute;     content:'';     height:110px;     background:rgba(255,255,255,.15);     margin-left:-1px;     display:inline-block;     z-index:2}

.sc-posts.style-01.auto-height .item .inner{    height:auto}
.sc-posts.style-01.auto-height .content{    padding:30px;     transform:translateY(120px)}
.sc-posts.style-01.auto-height .item .content .title{    margin:0 0 7px}
.sc-posts.style-01.auto-height .content .read-more:hover{    text-decoration:underline}
.sc-posts.style-01.auto-height  .content .read-more{    opacity:0;     margin-top:10px;     font-size:14px;     text-transform:uppercase;     display:inline-block;     color:var(--primary-color-1)}
.sc-posts.style-01.auto-height  .inner:hover .content .read-more{    opacity:1;     visibility:visible}
.sc-posts.style-01.auto-height  .content .short-text, 
.sc-posts.style-01.auto-height  .content .summary{    font-size:15px}
.sc-posts.style-01.auto-height{    padding-bottom:70px}

.sc-video .background-video:before{    content:'';     width:100%;     height:100%;     background:#0b1021;     opacity:.2;     position:absolute;     top:0;     left:0;     z-index:3}
.sc-video .background-video .cover-image{background-attachment: fixed; overflow: hidden;background-repeat: no-repeat;background-size: cover; background-position: center;   position:absolute;     width:100%;     height:100%;     top:0;     left:0;     z-index:2;     background-image:url("../images/home/mucche_di_berchida.jpg")}
.sc-video .background-video .content:after{ width:2px;  left:48.5%;  bottom:-130px;  position:absolute;  content:'';  height:110px;  background:rgba(255,255,255,.15);  margin-left:-1px;  display:inline-block;  z-index:2}
.sc-video .background-video .content{ position:relative;  text-align:center;  color:#fff;  z-index:4}
.video-play {position: relative;}
.video-play::after {    content: '';    display: block;    position: absolute;    top: 0;    right: 0;    z-index: -1;    bottom: 0;    left: 0;    border-radius: 50%;    border: 1px solid #fff;    -webkit-animation: ripple 2s linear infinite;    animation: ripple 2s linear infinite;}
.video-play::before {    content: '';    display: block;    position: absolute;    top: 0;    right: 0;    z-index: -1;    bottom: 0;    left: 0;    border-radius: 50%;    border: 1px solid #fff;    -webkit-animation:ripple 2s linear 1s infinite;  animation:ripple 2s linear 1s infinite}
.h1-video .text-icon strong {color:#feb201;letter-spacing:1px;}
@-webkit-keyframes ripple{ 0%{ -webkit-transform:scale(1);  transform:scale(1)}
 75%{ -webkit-transform:scale(1.75);  transform:scale(1.75);  opacity:1}
 100%{ -webkit-transform:scale(2);  transform:scale(2);  opacity:0}
}

@keyframes ripple{ 0%{ -webkit-transform:scale(1);  transform:scale(1)}
 75%{ -webkit-transform:scale(1.75);  transform:scale(1.75);  opacity:1}
 100%{ -webkit-transform:scale(2);  transform:scale(2);  opacity:0}
}

.h1-video{ position:relative;  transition:opacity .5s ease;  overflow:hidden}
.sc-video video{ position:absolute;  right:0;  min-width:100%;  min-height:100%;  max-height:1000%;  max-width:1000%;  width:auto;  height:auto;  top:0;  left:0;  z-index:1}
.sc-video .background-video .content .text-icon{font-style: italic; text-transform:uppercase;  font-size:17px;  color:rgba(255,255,255,.85)}
.sc-video .background-video .content .video-play.ion-ios-play{ padding-left:3px}
.sc-video .background-video .content .video-play{ background:#fff; padding-left:5px; width:90px;  height:90px;  text-align:center;  color:#1c7bbf;  font-size:45px;  line-height:90px;  border-radius:50%;  display:inline-block;  margin-right:40px;  cursor:pointer}
.sc-video .background-video .content .video-play:hover{ background:#1c7bbf;color:#feb201}
.sc-video .background-video .content .title{ color:#fff;  font-size:52px;  line-height:62px;  max-width:750px;  margin:0 auto 50px}
.h1-video.rectangle-overlay::before{ height:408px;  width:330px;  margin-left:-165px}
.sc-video .background-video{ position:relative;  padding:150px 0 525px}
.sc-list-box.style-01{ position:absolute;  bottom:0;  width:100%;  left:0;  right:0;  margin:0 auto;  z-index:11;  padding-bottom:60px}
.sc-list-box.style-01 .box-item i{ font-size:70px;  color:#feb201}
.sc-list-box.style-01 .box-item .btn-link:hover{ color:var(--primary-color-1)}
.sc-list-box.style-01 .box-item .btn-link{ color:rgba(255,255,255,.55);  font-size:15px;  display:inline-block;  text-decoration:none}
.sc-list-box.style-01 .box-item .box-title{ margin:13px 0;  font-size:18px;  font-weight:500;  text-transform:uppercase;  color:#fff;  font-family:var(--body-font-family-1)}
.sc-list-box.style-01 .box-item .description{ font-size:20px;  font-weight:700;  color:#fff;  line-height:30px;  font-family:Playfair Display}
.sc-list-box.style-01 .box-item{ padding-right:25px; text-align: center; padding-top:15px}

.sc-heading.style-02 .head-button a:after{ float:right;  content:'';  position:relative;  width:60px;  height:2px;  display:block;  margin:11px 10px 0 20px;  background:var(--primary-color-1)}
.sc-heading.style-02 .head-button a:hover{ color:var(--primary-hover-color-1)}
.sc-heading.style-02 .head-button a{ position:relative;  display:inline-block;  font-weight:400;  font-size:14px;  text-transform:uppercase;  color:var(--primary-color-1)}
.sc-heading.style-02 .head-button{ margin-top:20px;  text-align:right}
.sc-heading.style-02 .description{ font-size:19px;line-height:32px; font-weight:500; margin:20px auto 0}
.sc-heading.style-02 .title{ color:var(--title-color-1);  font-size:46px;  line-height:120%;  margin-bottom:20px}

.sc-img-box .col-sm-4 {padding-left:7px!important;padding-right:7px!important}
.h1-introduce .sc-heading.style-02{ padding:40px 100px 0 0;  position:relative;  z-index:2}
.h1-introduce .sc-img-box{ position:relative;  right:30px;  z-index:1}
.h1-introduce .sc-img-box img:hover{ transform:scale(1.1)}
.h1-introduce .sc-img-box a{ display:block;  position:relative;  overflow:hidden}
.h1-introduce .sc-img-box img{ transition:all 1s}
.contact-info a {color:rgba(255,255,255,.45)}
.contact-info a:hover {color:#feb201;}
.hb-form-table p {padding-top:15px;color: #1c7bbf;font-size: 44px;font-weight: 700;font-family: Playfair Display;}
.hb-form-table p span{padding-left:20px;font-family: Playfair Display;font-size: 15px;color: #222;font-weight: 700;cursor: pointer;text-transform: capitalize;}

.sc-categories-link .container-fluid, .sc-categories-link .container-fluid .row .col-sm-3, .sc-categories-link .container-fluid .row{    padding:0;     margin:0}
.sc-categories-link .item .content-overlay{    position:absolute;     top:50%;     left:50%;     transform:translate(-50%,-50%)}
.sc-categories-link .item .title{    margin:0}
.sc-categories-link .item .title a{    color:#fff;     font-size:30px;     padding-bottom:10px;     position:relative}
.sc-categories-link .item .title a:after{    position:absolute;     content:"";     width:30px;     height:2px;     left:0;     bottom:0;     right:0;     margin:auto;     background-color:var(--primary-color-2)}
.sc-categories-link .item img{    transition:all 1s;     width:100%}
.sc-categories-link .item:hover img{    transform:scale(1.1)}

.sc-categories-link .item{    position:relative;     overflow:hidden;     display:block}

.sc-categories-link  a.img-link{    position:absolute;     width:100%;     height:100%;     left:0;     top:0;     bottom:0;     right:0;     background-color:rgba(0,0,0,.46)}
.home .room-meta span.unit:before{    font-size:15px;     margin-top:-2px;     display:inline-block}
.sc-heading.style-03{    margin-bottom:60px;     position:relative}
.home .rooms-content .room{    padding-bottom:0}

.sc-rooms.style-02 a.view-rooms{    position:absolute;     right:0;     bottom:0;     font-size:14px;     text-transform:uppercase;     font-weight:700;     display:inline-block;     color:var(--primary-color-2)}
.sc-rooms.style-02 a.view-rooms:before{    font-family:'icomoon';     content:"\e900";     width:10px;     max-width:10px;     display:inline-block;     margin-right:10px;     transition:all .5s;     font-size:14px;     transform:rotate(90deg)}
.sc-rooms.style-02 a.view-rooms:hover:before{    animation:toright .6s linear infinite;     animation-direction:alternate}

.h2-testimonials{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/home/h2-bg-testimonials.jpg")}

.h2-testimonials .sc-content-overlay{ position:relative;  overflow:hidden}
.h2-testimonials .sc-content-overlay:before{ content:'';  width:100%;  height:100%;  position:absolute;  top:0;  left:0;  right:0;  bottom:0;  background:#1b4f8a;  opacity:.51}

.sc-testimonials.style-02 .item{ max-width:620px;  margin:0 auto;  padding-right:80px}
.sc-testimonials.style-02 .content{ color:#fff;  display:inline-block;  font-size:18px;  margin:20px 0;  font-weight:300;  font-style:italic;  line-height:28px}
.sc-testimonials.style-02{ margin:150px 0;  border:1px solid var(--primary-color-2);  position:relative;  text-align:left;  padding:60px;  max-width:661px}

.sc-testimonials.style-02 .name{ font-size:15px;  color:#fff;  text-transform:capitalize;  margin:0;  font-weight:bold}
.sc-testimonials.style-02 .review{ margin-bottom:0}
.sc-testimonials.style-02 .title{ font-family:var(--body-font-family-2);  color:#e7ad44;  position:relative;  font-size:18px;  margin:0;  text-transform:uppercase}
.sc-testimonials.style-02 .rating-star:before{ font-size:12px;  letter-spacing:4px}

.sc-testimonials.style-02 .owl-dots{    margin-top:0!important;     position:absolute;     right:0;     top:22px}
.sc-testimonials.style-02 .owl-dots .owl-dot{    display:block;     margin-bottom:25px}
.sc-testimonials.style-02 .owl-dots .owl-dot span{    width:8px;     height:8px;     border:2px solid #9b9b9b;     background:0 0;     opacity:1}
.sc-testimonials.style-02 .owl-dots .owl-dot:hover span, 
.sc-testimonials.style-02 .owl-dots .owl-dot.active span{    background:#fff;     border-color:#fff}
.sc-instagram .item{    position:relative;     float:left;     width:20%;     overflow:hidden}
.sc-instagram .item:hover:before{}
.sc-instagram .item a:hover img{    -webkit-transform:scale(1.1);     transform:scale(1.1);     opacity:.4}
.sc-instagram .item a:hover{    background:#1dc1f8}
.sc-instagram .item a:hover:before{    -webkit-transform:scale(1,1);     transform:scale(1,1);     opacity:1}
.sc-instagram .item a{    display:block;     position:relative;     background:0 0;     overflow:hidden;     -webkit-transition:all .3s ease-out;     transition:all .3s ease-out}
.sc-instagram .item img{    display:block;     position:relative;     -webkit-transition:all .3s ease-out;     transition:all .3s ease-out;     -webkit-backface-visibility:hidden;     backface-visibility:hidden}
.sc-instagram .item a:before{    font-family:FontAwesome;     color:#fff;     position:absolute;     font-size:1.6em;     text-align:center;     line-height:40px;     width:40px;     height:40px;     left:50%;     top:50%;     margin-left:-20px;     margin-top:-20px;     -webkit-transition:all .3s ease-out;     transition:all .3s ease-out;     -webkit-transform:scale(.1,.1);     transform:scale(.1,.1);     content:"\f0c1";     opacity:0;     z-index:2}

.sc-post.style-02 .post-content .post-summary .read-more:before{    font-family:"Ionicons";     content:"\f10b";     width:10px;     max-width:10px;     display:inline-block;     margin-right:8px;     transition:all .5s}
.demo-2 .sc-post.style-02 .post-content .post-summary .read-more{    color:var(--primary-color-2)}
.sc-post.style-02 .post-content .post-summary .read-more{    color:var(--primary-color-1);     font-size:14px;     text-transform:uppercase;     display:inline-block;     font-weight:bold;     position:relative}
.sc-post.style-02 .post-content .post-summary .title{    font-size:24px}
.sc-post.style-02 .post-content .post-summary{    padding:20px 0}
.sc-post.style-02 .post-content .post-summary .date{    text-transform:uppercase;     font-weight:700;     font-size:14px}
.sc-post.style-02 .post-content .post-media{    position:relative;     overflow:hidden}
.sc-post.style-02 .post-content .post-media img{    transition:all 1s}
.sc-post.style-02 .post-content:hover img{    transform:scale(1.1)}
.sc-post.style-02 .post-content .readmore{    margin-top:20px}
.sc-post.style-02 .post-content a.read-more:hover:before{    animation:toright .6s linear infinite;     animation-direction:alternate}
.sc-list-event.style-01 .event{    padding:30px 0;     border-bottom:1px solid #eee}
.sc-list-event.style-01 .event .content{    width:calc(100% - 65px);     padding:0 25px;     float:right;     border-left:1px solid #eee}
.sc-list-event.style-01 .event .time-from .date{    font-size:36px;     line-height:36px}
.sc-list-event.style-01 .event .time-from{    width:40px;     float:left;     padding-top:9px;     text-align:center;     font-weight:700;     text-transform:uppercase;     color:var(--primary-color-2)}
.sc-list-event.style-01{    border:1px solid var(--primary-color-2);     padding:0 40px 30px}
.sc-list-event.style-01 .event:last-child{    border-bottom:none}

.sc-list-event.style-01 a.view-all{    color:var(--primary-color-2);     font-size:14px;     text-transform:uppercase;     display:inline-block;     font-weight:bold;     position:relative}
.sc-list-event.style-01 a.view-all:before{    font-family:"Ionicons";     content:"\f10b";     width:10px;     max-width:10px;     display:inline-block;     margin-right:8px;     transition:all .5s}
.sc-list-event.style-01 a.view-all:hover:before{    animation:toright .6s linear infinite;     animation-direction:alternate}

.sc-info p{    margin-bottom:25px}
.sc-categories-link.style-02 .item .content-overlay{    top:auto;     left:30px;     bottom:20px;     transform:none}
.sc-categories-link.style-02 .item .title a:after{    display:none}
.sc-categories-link.style-02 .item .title a:hover{    color:var(--primary-color-2)}
.sc-categories-link.style-02 .item .title a{    padding-bottom:0;     font-size:24px}

.sc-quote.style-02{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/home/h3-bg-quote.jpg")}
.sc-quote.style-02 .sc-content-overlay{    padding:250px 0}
.sc-quote.style-02 .sc-content-overlay:before{    position:absolute;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:rgba(231,173,68,0.6)}
.sc-quote.style-02 .title b{    font-weight:400}
.sc-quote.style-02 .title{    font-size:46px;     font-weight:300;     color:#fff;     margin:0 0 60px;     line-height:120%;     font-family:var(--body-font-family-2)}
.sc-quote.style-02 a.btn-quote{    text-transform:uppercase;     margin-left:90px;     padding:0 30px;     display:inline-block;     height:42px;     line-height:39px;     color:#fff;     font-size:14px;     font-weight:700;     border:2px solid var(--white)}
.sc-quote.style-02 a.btn-quote:hover{    color:var(--primary-color-2);     border-color:#fff;     background:#fff}
.sc-quote.style-02 .title span{    display:inline-block}
.sc-quote.style-02 .title:before{    margin-right:30px;     width:60px;     height:2px;     background:var(--white);     content:"";     display:inline-block;     vertical-align:top;     position:relative;     top:30px}
.group-slides{    position:relative}
.group-slides .sc-hb-rooms-search.style-02{    position:absolute;     top:53%;     left:0;     right:0;     margin:auto}
.h1-banner .sc-box.style-01 a.btn-box:hover{    background:var(--primary-hover-color-1)}
.hb-form-field-list select, .hotel-booking-search.style-01.layout-columns select, .hotel-booking-search.style-02 form .form-table >li.select-field select{    appearance:none;     -webkit-appearance:none;     -moz-appearance:none;     text-indent:0.01px;     text-overflow:''}

.hotel-booking-search.style-02 form .form-table >li.select-field:after{    color:var(--primary-color-2);     content:"\f123";     font-family:Ionicons;     font-size:10px;     position:absolute;     bottom:18px;     right:9px;     width:10px;     z-index:0;     text-align:center}
.hotel-booking-search.style-02 form .form-table >li.select-field select{    width:59px;     padding:0 5px}
.hotel-booking-search.style-02 form .form-table >li.select-field{    position:relative;     padding:0 15px}
.sc-video .background-video .content .video-play{    padding-top:2px}

@media all and (min--moz-device-pixel-ratio:0){    .hotel-booking-search.style-01.layout-columns select{        margin-top:-20px}
    .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field .hb_input_field input.day{        padding-bottom:10px}
}
.h4-group-check-room{    padding:0 0 60px;     background-position:center;     background-image:url("../images/home/h4-bg-3.jpg")}
.sc-travel.style-01 .content:hover .inner{ opacity:1;  -webkit-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}
.h4-group-check-room .sc-travel.style-01{ margin-top:-100px;  position:relative;  z-index:1}
.sc-travel.style-01 img{ width:100%}
.sc-travel.style-01 .content{ position:relative;  overflow:hidden}
.sc-travel.style-01 .content .rating-star:before{ letter-spacing:2px}
.sc-travel.style-01 .content .info{ padding-top:30px;  font-size:16px;  font-weight:300;  color:#e2e2e2}
.sc-travel.style-01 .content .name a:hover{ color:var(--primary-color-4)}
.sc-travel.style-01 .content .name{ margin:2px 0}
.sc-travel.style-01 .content .name a{ font-size:18px;  font-weight:500;  color:#fff}
.sc-travel.style-01 .content .country{ font-size:14px;  font-weight:300;  text-transform:uppercase;  color:#e2e2e2}
.sc-travel.style-01 .content .inner{ position:absolute;  width:100%;  height:100%;  right:0;  left:0;  top:auto;  bottom:0;  padding:25px 30px;  background:var(--secondary-color-4);  color:#fff;  -webkit-backface-visibility:hidden;  -webkit-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0);  transition:all .35s}

.sc-travel-search{ margin-top:60px}
.sc-travel-search .hb-form-table li input[type=number]{ -webkit-appearance:none;  -moz-appearance:textfield;  margin:0}
.sc-travel-search .hb-form-table li input, 
.sc-travel-search .hb-form-table li select{ font-size:14px;  height:45px;  line-height:45px;  border:none;  width:100%;  background-color:rgba(65,65,80,0.5);  border-radius:3px;  color:#b3b3b3;  padding:0 20px}
.sc-travel-search .hb-form-table li{ width:33.33%;  float:left;  padding:0 7.5px}
.sc-travel-search .hb-form-table{ float:left;  width:85%;  margin:0 -7.5px}
.sc-travel-search .hb-submit button:hover{ background-color:#004b88}
.sc-travel-search .hb-submit button{ cursor:pointer;  background-color:var(--secondary-color-4);  font-size:16px;  font-weight:500;  color:#fff;  padding:0 60px;  height:45px;  line-height:45px;  border-radius:30px;  display:inline-block}
.sc-travel-search .hb-submit{ float:right;  width:15%}

.sc-travel-search input::-webkit-input-placeholder{ color:#b3b3b3 !important}
.sc-travel-search input::-moz-placeholder{ color:#b3b3b3 !important}
.sc-travel-search input:-ms-input-placeholder{ color:#b3b3b3 !important}
.sc-travel-search input:-moz-placeholder{    color:#b3b3b3 !important}

.sc-travel-search input[type=number]{    padding-right:0 !important}
.sc-travel-search input[type=number]::-webkit-inner-spin-button, 
.sc-travel-search input[type=number]::-webkit-outer-spin-button{    -webkit-appearance:none;     margin:0}
.sc-travel-search select option{    color:#000}
.sc-travel-search select option:first-child{    color:#b3b3b3}
.first-text span{    padding:0 35px;     display:inline-block;     position:relative}
.second-text span{    padding:0 50px;     display:inline-block;     position:relative}
.first-text{    font-size:22px;     font-weight:500;     text-align:center;     color:#fff;     margin-bottom:25px;     position:relative;     overflow:hidden}

.second-text span:before, 
.first-text span:before{    position:absolute;     top:50%;     content:'';     background-color:rgba(65,65,80,0.7);     right:100%;     height:1px;     display:block;     transform:translate(0,-50%);     width:500px}
.second-text span:after, 
.first-text span:after{    position:absolute;     top:50%;     content:'';     background-color:rgba(65,65,80,0.7);     left:100%;     height:1px;     display:block;     transform:translate(0,-50%);     width:500px}
.second-text{    position:relative;     overflow:hidden;     font-size:16px;     font-weight:300;     font-style:italic;     text-align:center;     color:#b3b3b3;     margin-top:25px}
li.countries{    position:relative}
li.countries:before{    position:absolute;     width:45px;     height:45px;     line-height:45px;     text-align:center;     right:7.5px;     color:#b3b3b3;     z-index:0;     top:0;     content:"";     font-family:FontAwesome}
select[name="countries"]{    -webkit-appearance:none;     -moz-appearance:none;     text-indent:1px;     text-overflow:'';     position:relative}

.sc-tourist.style-01 .content .inner .title a:hover{    color:var(--primary-color-4)}
.sc-tourist.style-01 .content .inner .title a{    color:#fff}
.sc-tourist.style-01 .content .inner .title:after, 
.sc-rooms.style-04 .content .title:after, 
.sc-count-down .title:after{    content:'';     position:absolute;     display:inline-block;     width:61px;     height:7px;     left:0;     right:0;     margin:0 auto;     bottom:0;     background-image:url('../images/icons/h4-icon.png');     background-repeat:no-repeat;     background-position:center center}
.sc-tourist.style-01 .content .inner .title{    position:relative;     font-size:33px;     font-weight:normal;     padding-bottom:25px;     margin-bottom:15px}
.sc-tourist.style-01 .content .inner{    text-align:center;     position:absolute;     z-index:2;     top:50%;     left:0;     transform:translate(0%,-50%);     width:100%;     padding:0 30px}
.sc-tourist.style-01 .content:before{    content:'';     background-color:#14141e;     opacity:.25;     position:absolute;     left:0;     top:0;     width:100%;     height:100%;     transition:all 0.5s;     z-index:1}
.sc-tourist.style-01 .content:hover:before{    opacity:.75}
.sc-tourist.style-01 .content .info{    color:#fff;     margin-bottom:10px}
.sc-tourist.style-01 .content .rating-star:before{    font-size:15px;     letter-spacing:3px}
.sc-tourist.style-01 .content{    position:relative;     overflow:hidden}

.sc-group-iconbox .top-description{    margin-bottom:45px;     font-size:18px;     font-style:italic;     line-height:1.67}
.sc-group-iconbox .content .title{    margin-top:25px;     margin-bottom:5px;     font-size:18px;     font-weight:500;     line-height:1.44;     color:var(--title-color-4)}
.sc-group-iconbox{    margin-top:50px}
.h4-bg-reason{    padding:150px 0;     background-repeat:no-repeat;     background-position:center;     background-size:cover;     background-image:url("../images/home/h4-bg-5.jpg")}
.sc-reason .list-reason li i{    display:inline-block;     vertical-align:middle;     margin-right:16px;     font-size:24px;     color:var(--body-font-color-4)}
.sc-reason .list-reason li{    padding-bottom:20px;     font-size:18px;     font-weight:normal;     color:var(--title-color-4)}
.sc-reason{    padding-left:80px}
.sc-reason .title{    font-size:45px;     margin-bottom:30px}
.btn-radius:hover{    color:#fff;     background:#004b88}
.btn-radius{    margin-top:20px;     padding:0 39px;     display:inline-block;     height:43px;     line-height:43px;     font-weight:500;     color:#fff !important;     text-transform:uppercase;     font-size:16px;     border-radius:21.5px;     background:var(--secondary-color-4)}

.sc-travel.style-02{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/home/h4-bg-4.jpg")}
.sc-travel.style-02 .sc-content-overlay:before{    position:absolute;     opacity:.7;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:var(--title-color-4)}
.sc-travel.style-02 .owl-theme .owl-nav{    margin:0}
.sc-travel.style-02 .owl-nav .owl-next, .sc-travel.style-02 .owl-nav .owl-prev{    opacity:1 !important;     position:absolute;     font-size:0;     background:0 0!important;     padding:0;     top:50%;     color:rgba(255,255,255,.5);     transform:translate(0,-50%)}
.sc-travel.style-02 .owl-nav .owl-next:before, .sc-travel.style-02 .owl-nav .owl-prev:before{    font-family:"Ionicons";     font-size:65px}
.sc-travel.style-02 .owl-nav .owl-prev:before{    content:"\f3d2"}
.sc-travel.style-02 .owl-nav .owl-next:before{    content:"\f3d3"}
.sc-travel.style-02 .owl-nav .owl-next{    right:-60px;     padding:0;     margin:0}
.sc-travel.style-02 .owl-nav .owl-prev{    left: -60px;     padding:0;     margin:0}
.sc-heading.style-04.white-color .description{    color:#c0c0c0}
.sc-heading.style-04.white-color .title{    color:#fff}
.sc-travel.style-02 .owl-nav >div:not(.disabled):hover{    color:var(--primary-color-4)}
.sc-travel.style-02  .image .meta-img, 
.travel-content-search .item .image .meta-img{    position:absolute;     left:-3px;     top:35px}

.sc-travel.style-02  .content .description, 
.travel-content-search .item .description{    margin-top:20px}
.sc-travel.style-02  .content .title, 
.travel-content-search .item .title{    font-size:18px;     font-weight:500;     color:var(--title-color-4);     margin-bottom:8px}
.sc-travel.style-02  .review .time i, 
.travel-content-search .item .time i{    color:var(--primary-color-4)}
.sc-travel.style-02  .review .time, 
.travel-content-search .item .time{    display:inline-block;     float:right}
.sc-travel.style-02  .review .rating .rating-star:before, 
.travel-content-search .item .rating .rating-star:before{    font-size:15px;     letter-spacing:3px}

.travel-content-search .item .rating, 
.sc-travel.style-02 .rating{    display:inline-block}
.sc-travel.style-02  .review, 
.travel-content-search .item .review{    padding:15px 30px}
.sc-travel.style-02  .content, 
.travel-content-search .item .content{    padding:23px 30px 23px;     border-bottom:1px solid #e1e1e1}
.sc-travel.style-02  .inner, 
.travel-content-search .item .inner{    background:#fff}
.sc-travel.style-02  .slides{    margin:0 -15px}
.sc-travel.style-02  .item{    padding:0 15px 20px}
.sc-travel.style-02  .image, 
.travel-content-search .item .image{    position:relative}
.meta-img span.price ins{    text-decoration:none;     margin-left:10px}
.meta-img span.price del{    color:#fff;     font-weight:300}
.meta-img span.price{    background:var(--primary-color-4);     color:#26262e}
.meta-img span.sale{    font-size:16px;     background:var(--secondary-color-4);     color:#fff}
.meta-img span{    padding:0 20px;     height:45px;     line-height:45px;     display:inline-block;     vertical-align:middle;     font-size:18px;     font-weight:500;     text-transform:uppercase}

.sc-rooms.style-04 .item .content{    opacity:0;     text-align:center;     position:absolute;     z-index:2;     top:50%;     left:0;     transition:all .3s;     transform:translate(0%,-50%);     width:100%;     padding:0 30px}
.sc-rooms.style-04 .content .title a:hover{    color:var(--primary-color-4)}
.sc-rooms.style-04 .item:hover .content{    opacity:1}
.sc-rooms.style-04 .item:hover:before{    opacity:.7}
.sc-rooms.style-04 .item:before{    content:'';     background-color:#14141e;     opacity:0;     position:absolute;     left:0;     top:0;     width:100%;     height:100%;     transition:all 0.3s;     z-index:1}
.sc-rooms.style-04 .content .price{    margin-bottom:6px;     color:#fff}
.sc-rooms.style-04 .content .title{    position:relative;     padding-bottom:16px;     margin-bottom:10px}

.sc-rooms.style-04 .content .title a{    display:block;     color:#fff;     font-size:28px;     position:relative;     z-index:99}
.sc-rooms.style-04 .item .rating-star:before{    font-size:15px;     letter-spacing:3px}
.sc-rooms.style-04 .item{    position:relative;     overflow:hidden;     margin-bottom:30px}
.sc-rooms.style-04 .item-large .content .title{    margin-bottom:10px}
.sc-rooms.style-04 .item-large .content .title a{    font-size:40px}
.list-logo li{    display:inline-block;     vertical-align:middle;     margin:0 6px}
.list-logo{    text-align:center}
.h4-quote{    padding-top:35px;     background-size:cover;     background-repeat:no-repeat;     background-image:url("../images/home/h4-bg-quote.jpg");     height:390px}
.sc-quote.style-04 .title a{    color:var(--primary-color-4);     display:inline-block}
.sc-quote.style-04 .btn-radius{    padding:0 50px}
.sc-quote.style-04 .title{    margin-top:20px;     margin-bottom:30px;     font-size:28px;     font-weight:500;     letter-spacing:1.4px;     color:var(--title-color-4)}
.sc-quote.style-04 .top-title{    font-size:18px;     text-transform:uppercase}
.sc-testimonial.style-04 .rating-star:before{    font-size:15px;     color:#b7b7b7;     letter-spacing:8px}
.sc-testimonial.style-04 .description{    margin-bottom:10px;     font-size:20px;     font-weight:300;     font-style:italic;     line-height:1.6}
.sc-testimonial.style-04 .author .name{    margin-bottom:4px;     text-transform:uppercase;     font-size:18px;     font-weight:500;     color:var(--primary-color-4)}
.sc-testimonial.style-04 .author{    margin-top:35px;     display:flex;     align-items:center;     justify-content:center;     text-align:left}
.sc-testimonial.style-04 .author img{    height:78px;     width:78px;     display:inline-block;     object-fit:cover;     border-radius:50%;     margin-right:20px}
.sc-testimonial.style-04{    padding-top:50px}
.sc-testimonial.style-04 .item{    text-align:center}
.h4-group-video-testimonial{    padding:120px 0 0;     background-position:center;     background-image:url("../images/home/h4-bg-3.jpg")}

.sc-video.style-02 video{    max-width:100%;     max-height:100%;     object-fit:fill}
.sc-video.style-02{    width:548px;     height:404px;     margin-bottom:-35px;     padding:36px 0 0;     background:url('../images/home/h4-frame.png') center center no-repeat}
.sc-video.style-02 .background-video{    height:335px;     width:481px;     padding:0;     margin:auto}
.sc-video.style-02 .background-video:before, 
.sc-video.style-02 .background-video .content:after{    display:none}
.sc-video.style-02 .background-video .cover-image{    background-image:url("../images/home/h4-video-1.jpg")}
.sc-video.style-02 .background-video .content .video-play:hover{    border-color:var(--primary-color-4);     color:var(--primary-color-4)}
.sc-video.style-02 .background-video .content .video-play{    transition:all .3s;     width:47px;     height:47px;     padding:0 !important;     line-height:47px;     background:none;     border:1px solid #fff}
.sc-video.style-02 .background-video .content .title-video{    font-size:24px;     color:#fff;     font-weight:normal;     margin-top:10px}
.sc-video.style-02 .background-video .content{    position:absolute;     top:50%;     left:50%;     transform:translate(-50%,-50%)}

.sc-tourist.style-02 .content{    background:#fff;     padding:23px 30px 25px;     border-bottom:1px solid #e1e1e1}
.sc-tourist.style-02 .meta-img{    position:absolute;     left:-3px;     top:35px}
.sc-tourist.style-02 .item:hover{    border-color:var(--primary-color-4)}
.sc-tourist.style-02 .sale i{    color:var(--primary-color-4)}
.sc-tourist.style-02 .sale{    float:right;     display:inline-block}
.sc-tourist.style-02 .rating-star:before{    font-size:15px;     letter-spacing:3px}
.sc-tourist.style-02 .rating{    display:inline-block}
.sc-tourist.style-02 .review{    padding:15px 30px}
.sc-tourist.style-02 .item{    border:1px solid #e1e1e1;     transition:all .3s;     margin-bottom:30px}
.sc-tourist.style-02 .title a:hover{    color:var(--primary-color-4)}
.sc-tourist.style-02 .btn-radius{    padding:0 56px}
.sc-tourist.style-02 .title a{    font-size:18px;     font-weight:500;     display:inline-block;    color:var(--title-color-4)}
.sc-tourist.style-02 .meta li.icon:after{    margin:0 5px;     content:'';     width:1px;     height:12px;     display:inline-block;     background-color:#e1e1e1}
.sc-tourist.style-02 .meta{    margin-top:5px}
.sc-tourist.style-02 .meta li{    display:inline-block;     vertical-align:middle}
.sc-tourist.style-02 .image{    position:relative}

.h4-count-down{    background-attachment:fixed;     overflow:hidden;     background-repeat:no-repeat;     background-size:cover;     background-position:center;     background-image:url("../images/home/h4-bg-1.jpg")}
.h4-count-down .sc-content-overlay:before{    position:absolute;     opacity:.7;     content:'';     left:0;     right:0;     top:0;     bottom:0;     display:block;     background-color:#14141e}
.sc-count-down .comingsoon-wrapper .thim-countdown{    margin-bottom:0}
.sc-count-down .sub-title{    margin-top:10px;     margin-bottom:45px;     font-weight:normal;     font-size:18px;     color:#c2c2c2}
.sc-count-down .title{    position:relative;     line-height:1.44;     font-weight:normal;     font-size:45px;     padding-bottom:20px;     margin-bottom:20px;     color:#fff}
.sc-count-down .is-countdown{    border:none;     background:none}
.sc-count-down .countdown-show4{    display:flex;     align-self:center;     justify-content:center}
.sc-count-down .countdown-show4:before, 
.sc-count-down .countdown-show4:after{    clear:both;     content:'';     display:block}
.sc-count-down .countdown-show4 .countdown-section{    width:92px;     margin:0 10px}
.sc-count-down .countdown{    margin-bottom:45px}
.sc-count-down .countdown-amount:before{    position:absolute;     content:'';     top:50%;     width:100%;     margin-top:-1px;     left:0;     right:0;     height:1px;     opacity:0.1;     background-color:#000}
.sc-count-down .countdown-amount{    padding-top:1px;     position:relative;     font-size:55px;     font-weight:300;     color:#000;     width:100%;     line-height:106px;     height:106px;     display:inline-block;     border-radius:5px;     background-color:var(--primary-color-4)}
.sc-count-down .countdown-period{    margin-top:15px;     font-size:16px;     font-weight:300;     line-height:1.5;     letter-spacing:normal;     color:#c2c2c2}
.sc-count-down a.btn-get-tour i{    color:var(--primary-color-4);     margin-right:10px}
.sc-count-down a.btn-get-tour{    text-transform:uppercase;     border-radius:30px;     padding:0 55px;     height:47px;     display:inline-block;     line-height:47px;     font-size:16px;     background:rgba(161,161,161,0.25);     font-weight:500;     color:#fff;     border:1px solid rgba(255,255,255,0.25)}
.sc-posts.style-02 .content .title a:hover{    color:var(--primary-color-4)}
.sc-posts.style-02 .content .description{    margin-bottom:20px}
.sc-posts.style-02 .content .title{    margin:5px 0 25px}
.sc-posts.style-02 .content .title a{    font-size:18px;     font-weight:500;     color:var(--title-color-4)}
.sc-posts.style-02 .content a.view-more:after{    content:'';     width:100%;     bottom:0;     display:block;     height:1px;     background:var(--body-font-color-4);     transition:all .5s}
.sc-posts.style-02 .content a.view-more:hover:after{    background:var(--primary-color-4)}
.sc-posts.style-02 .content a.view-more:hover{    color:var(--primary-color-4)}
.sc-posts.style-02 .content a.view-more{    text-transform:capitalize;     display:inline-block;     position:relative;     color:var(--body-font-color-4)}
.sc-posts.style-02 .content .date{    display:inline-block}
.sc-posts.style-02 .content{    padding:25px 30px 30px}
.sc-posts.style-02 .item .post{    border:solid 1px #e1e1e1}
.sc-posts.style-02 .item .post:hover{    border-color:var(--primary-color-4)}
.sc-images.style-01 .container-fluid a img{    height:100%;     transition:all 1s;     width:100%;     object-fit:cover}
.sc-images.style-01 .container-fluid a:hover img{    transform:scale(1.1)}
.sc-images.style-01 .container-fluid a{    position:relative;     overflow:hidden;     display:block}
.sc-images.style-01 .container-fluid, 
.sc-images.style-01 .container-fluid .row >div, 
.sc-images.style-01 .container-fluid .row{    margin:0;     padding:0}
.travel-content-search .item:hover{    border-color:var(--primary-color-4)}
.travel-content-search .item{    border:1px solid #e1e1e1;     margin-bottom:30px}
div.sc-rooms.style-04 .item-large .content .title{    padding-bottom:25px;     margin-bottom:13px}
div.sc-rooms.style-04 .item-large .content .title:after{    width:83px;     height:8px;     background-image:url('../images/icons/h4-icon-slider.png')}
.demo-4 .breadcrumbs li a:hover{ color:var(--primary-color-4)}

footer{ background-color:#fff;  color:#84868d}

.footer-top .newsletter{ text-align:center;  padding:70px 0;  border-bottom:1px solid #131729}
.footer-top .newsletter h3{ text-transform:capitalize;  color:var(--body-font-color-1);  line-height:40px;  display:inline-block;  margin:0 23px 0 0;  font-weight:400;  font-size:38px;  vertical-align:middle}
.footer-top .newsletter form{ display:inline-block;  max-width:none;  vertical-align:middle}
.footer-top .newsletter input{ height:48px;  color:var(--body-font-color-1);  border:2px solid #515561;  background-color:transparent;  font-style:normal;  font-size:13px;  max-width:330px;  padding:0 20px;  min-width:300px;  margin-right:7px;  width:auto;  vertical-align:middle}
.footer-top .newsletter button{ height:48px;  width:auto;  line-height:48px;  font-size:14px;  padding:0 35px;  text-transform:uppercase;  color:#fff;  vertical-align:middle;  cursor:pointer;  background-color:var(--primary-color-1)}
.footer-top .newsletter button:hover{ background:var(--primary-hover-color-1)}
footer#colophon .footer{ padding:45px 0;  font-size:14px}
.footer a{ color:#84868d}
.social-link {margin-top:40px!important;}
.site-footer {position:relative}
.sea-1 {position:absolute;left:8%;bottom:0;z-index:0;opacity:0.15;width:170px;-webkit-animation:moveLeftBounce 5s linear infinite;  animation:moveLeftBounce 5s linear infinite}
.sea-2 {position:absolute;right:9%;bottom:0;z-index:0;opacity:0.15;width:230px;-webkit-animation: footerOne 5s ease-in infinite;animation: footerOne 5s ease-in infinite;}
.sea-3 {position:absolute;left:3.5%;bottom:150px;z-index:0;opacity:0.15;width:110px;-webkit-animation: footerTree 3s ease-in infinite;animation: footerTree 3s ease-in infinite;}
.sea-4 {position:absolute;left:0;right:0;text-align:center;margin:0 auto;bottom:200px;z-index:0;opacity:0.15;width:140px;animation: moveUpDown 7s ease-in-out infinite;}

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-40px);
  }
}

@-webkit-keyframes footerOne {
	0%,100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
	25%,75% {
		-webkit-transform: rotate(2deg) translateX(5px);
		transform: rotate(2deg) translateX(5px);
	}
	50% {
		-webkit-transform: rotate(4deg) translateX(10px);
		transform: rotate(4deg) translateX(10px);
	}
}

@keyframes footerOne {
	0%,100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
	25%,75% {
		-webkit-transform: rotate(2deg) translateX(5px);
		transform: rotate(2deg) translateX(5px);
	}
	50% {
		-webkit-transform: rotate(4deg) translateX(10px);
		transform: rotate(4deg) translateX(10px);
	}
}


@-webkit-keyframes footerTree {
	0%,100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
	25%,75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}
	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}

@keyframes footerTree {
	0%,100% {
		-webkit-transform: rotate(0deg) translateX(0);
		transform: rotate(0deg) translateX(0);
	}
	25%,75% {
		-webkit-transform: rotate(5deg) translateX(15px);
		transform: rotate(5deg) translateX(15px);
	}
	50% {
		-webkit-transform: rotate(10deg) translateX(30px);
		transform: rotate(10deg) translateX(30px);
	}
}


.shape-img1{ position:absolute;  left:40%;  bottom:10%;  z-index:-1;  -webkit-animation:moveLeftBounce 5s linear infinite;  animation:moveLeftBounce 5s linear infinite}
.shape-img2{ position:absolute;  left:10px;  top:0;  z-index:-1;  -webkit-animation:moveScale 3s linear infinite;  animation:moveScale 3s linear infinite}
.shape-img3{ position:absolute;  left:0;  bottom:15%;  z-index:-1;  -webkit-animation:moveBounce 5s linear infinite;  animation:moveBounce 5s linear infinite}
.shape-img4{ position:absolute;  left:35%;  right:auto;  top:14%;  z-index:-1;  -webkit-animation:moveLeftBounce 3s linear infinite;  animation:moveLeftBounce 3s linear infinite}
.shape-img5{ position:absolute;  left:20%;  right:auto;  top:40%;  z-index:-1;  -webkit-animation:animationFramesOne 10s infinite linear;  animation:animationFramesOne 10s infinite linear}

@-webkit-keyframes rotateMe{ from{ -webkit-transform:rotate(0deg);  transform:rotate(0deg)}
 to{ -webkit-transform:rotate(360deg);  transform:rotate(360deg)}
}

@keyframes rotateMe{ from{ -webkit-transform:rotate(0deg);  transform:rotate(0deg)}
 to{ -webkit-transform:rotate(360deg);  transform:rotate(360deg)}
}

@-webkit-keyframes animationFramesOne{ 0%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
 20%{ -webkit-transform:translate(73px,-1px) rotate(36deg);  transform:translate(73px,-1px) rotate(36deg)}
 40%{ -webkit-transform:translate(141px,72px) rotate(72deg);  transform:translate(141px,72px) rotate(72deg)}
 60%{ -webkit-transform:translate(83px,122px) rotate(108deg);  transform:translate(83px,122px) rotate(108deg)}
 80%{ -webkit-transform:translate(-40px,72px) rotate(144deg);  transform:translate(-40px,72px) rotate(144deg)}
 100%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
}

@keyframes animationFramesOne{ 0%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
 20%{ -webkit-transform:translate(73px,-1px) rotate(36deg);  transform:translate(73px,-1px) rotate(36deg)}
 40%{ -webkit-transform:translate(141px,72px) rotate(72deg);  transform:translate(141px,72px) rotate(72deg)}
 60%{ -webkit-transform:translate(83px,122px) rotate(108deg);  transform:translate(83px,122px) rotate(108deg)}
 80%{ -webkit-transform:translate(-40px,72px) rotate(144deg);  transform:translate(-40px,72px) rotate(144deg)}
 100%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
}

@-webkit-keyframes animationFramesTwo{ 0%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
 20%{ -webkit-transform:translate(-73px,1px) rotate(-36deg);  transform:translate(-73px,1px) rotate(-36deg)}
 40%{ -webkit-transform:translate(-141px,-72px) rotate(-72deg);  transform:translate(-141px,-72px) rotate(-72deg)}
 60%{ -webkit-transform:translate(-83px,-122px) rotate(-108deg);  transform:translate(-83px,-122px) rotate(-108deg)}
 80%{ -webkit-transform:translate(40px,-72px) rotate(-144deg);  transform:translate(40px,-72px) rotate(-144deg)}
 100%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
}

@keyframes animationFramesTwo{ 0%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
 20%{ -webkit-transform:translate(-73px,1px) rotate(-36deg);  transform:translate(-73px,1px) rotate(-36deg)}
 40%{ -webkit-transform:translate(-141px,-72px) rotate(-72deg);  transform:translate(-141px,-72px) rotate(-72deg)}
 60%{ -webkit-transform:translate(-83px,-122px) rotate(-108deg);  transform:translate(-83px,-122px) rotate(-108deg)}
 80%{ -webkit-transform:translate(40px,-72px) rotate(-144deg);  transform:translate(40px,-72px) rotate(-144deg)}
 100%{ -webkit-transform:translate(0px,0px) rotate(0deg);  transform:translate(0px,0px) rotate(0deg)}
}

@-webkit-keyframes rotate3d{ 0%{ -webkit-transform:rotateY(0deg);  transform:rotateY(0deg)}
 100%{ -webkit-transform:rotateY(360deg);  transform:rotateY(360deg)}
}

@keyframes rotate3d{ 0%{ -webkit-transform:rotateY(0deg);  transform:rotateY(0deg)}
 100%{ -webkit-transform:rotateY(360deg);  transform:rotateY(360deg)}
}

@-webkit-keyframes moveScale{ 0%{ -webkit-transform:scale(0.6);  transform:scale(0.6)}
 50%{ -webkit-transform:scale(0.8);  transform:scale(0.8)}
 100%{ -webkit-transform:scale(0.6);  transform:scale(0.6)}
}

@keyframes moveScale{ 0%{ -webkit-transform:scale(0.6);  transform:scale(0.6)}
 50%{ -webkit-transform:scale(0.8);  transform:scale(0.8)}
 100%{ -webkit-transform:scale(0.6);  transform:scale(0.6)}
}

@-webkit-keyframes moveLeftBounce{ 0%{ -webkit-transform:translateX(0px);  transform:translateX(0px)}
 50%{ -webkit-transform:translateX(30px);  transform:translateX(30px)}
 100%{ -webkit-transform:translateX(0px);  transform:translateX(0px)}
}

@keyframes moveLeftBounce{ 0%{ -webkit-transform:translateX(0px);  transform:translateX(0px)}
 50%{ -webkit-transform:translateX(30px);  transform:translateX(30px)}
 100%{ -webkit-transform:translateX(0px);  transform:translateX(0px)}
}

@-webkit-keyframes moveBounce{ 0%{ -webkit-transform:translateY(0px);  transform:translateY(0px)}
 50%{ -webkit-transform:translateY(20px);  transform:translateY(20px)}
 100%{ -webkit-transform:translateY(0px);  transform:translateY(0px)}
}

@keyframes moveBounce{ 0%{ -webkit-transform:translateY(0px);  transform:translateY(0px)}
 50%{ -webkit-transform:translateY(20px);  transform:translateY(20px)}
 100%{ -webkit-transform:translateY(0px);  transform:translateY(0px)}
}






footer#colophon .footer ul li{ margin-bottom:4px;line-height:33px;color: #fff;}
footer#colophon .footer a:hover{ color:var(--primary-color-1)}
ul.list-social li a:hover{ text-decoration:underline}
footer#colophon .widget-title{ color:#fff;  font-size:18px;  font-weight:400;  margin-top:25px;  margin-bottom:18px;  text-transform:capitalize}
.footer-location{ line-height:26px;  padding-top:0;  padding-right:70px}
.footer-location p{ margin-bottom:17px}
.footer-location ul.info i{ width:25px;  display:inline-block;  font-size:15px}
.footer-location img{ margin-bottom:30px}
.footer ul.menu li:hover{ -webkit-transform:translate(10px,0);  -moz-transform:translate(10px,0);  -ms-transform:translate(10px,0);  -o-transform:translate(10px,0)}
footer ul.menu li{ -webkit-transition:all .5s cubic-bezier(.215,.61,.355,1);  -khtml-transition:all .5s cubic-bezier(.215,.61,.355,1);  -moz-transition:all .5s cubic-bezier(.215,.61,.355,1);  -ms-transition:all .5s cubic-bezier(.215,.61,.355,1);  -o-transition:all .5s cubic-bezier(.215,.61,.355,1);  transition:all .5s cubic-bezier(.215,.61,.355,1)}
ul.list-social li a.facebook{ color:#3b5998 !important}
ul.list-social li a.twitter{ color:#1da1f2 !important}
ul.list-social li a.instagram{ color:#c13584 !important}
ul.list-social li a.youtube{ color:#cd201f !important}
ul.list-social li a.google{ color:#dd4b39 !important}
#back-to-top{ width:45px;  height:45px;  position:fixed;  bottom:40px;  right:40px;  cursor:pointer;  font-size:26px;  transition:all .3s;  text-align:center;  line-height:45px;  -webkit-transform:translateY(100px);  -moz-transform:translateY(100px);  -ms-transform:translateY(100px);  -o-transform:translateY(100px);  z-index:999;  background-color:var(--primary-color-1);  color:#fff}
#back-to-top:hover{ background:var(--primary-hover-color-1)}
#back-to-top.scrolldown{ -webkit-transform:translateY(0);  -moz-transform:translateY(0);  -ms-transform:translateY(0);  -o-transform:translateY(0)}

.copyright{ text-align:center;  font-size:13px}
.copyright-text{ padding:25px 0;  border-top:1px solid #131729}
.copyright-text a{ color:var(--primary-color-1)}
.copyright-text a:hover{ text-decoration:underline}
.footer-logo {width:200px;}
footer.footer_v2{overflow: hidden;background: rgb(26,105,203);background: linear-gradient(180deg, rgba(26,105,203,1) 0%, rgba(6,58,122,1) 60%); background-position-y: 100% !important; color:#fff}
footer.footer_v2 i{ color:var(--secondary-color-1)}
.social-link i{ color:#fff!important}
footer.footer_v2 .footer-top{ padding:100px 0;  border-bottom:1px solid #fff}
ul.social-link.square{ list-style:none;  margin:0}
ul.social-link.square li{ display:inline-block;  vertical-align:middle}
ul.social-link.square li a{background-color: #feb201;font-size:24px;  width:50px;  height:50px;  line-height:50px;  text-align:center;  border:1px solid var(--secondary-color-1);  display:inline-block;  color:#8a8a8a}
ul.social-link.square li a.facebook:hover{ background-color: #1c7bbf;  border-color:#1c7bbf}
ul.social-link.square li a.twitter:hover{  background-color: #1c7bbf; border-color:#1c7bbf}
ul.social-link.square li a.instagram:hover{ background-color: #1c7bbf; border-color:#1c7bbf}
ul.social-link.square li a.pinterest:hover{ background-color: #1c7bbf;border-color:#1c7bbf}
ul.social-link.square li a.tripadvisor:hover{ background-color: #1c7bbf; border-color:#1c7bbf}
footer#colophon.footer_v2 .widget-title{     font-family: 'Anton', sans-serif!important;font-size:25px; letter-spacing:1px; font-weight:400;  margin-bottom:20px;  color:var(--secondary-color-1)}
footer#colophon.footer_v2 .footer{ font-size:15px;  padding:65px 0 60px 0}
.widget-newsletter{ padding-top:6px}
footer#colophon.footer_v2 .footer a{ color:#fff}
.social-link a{color:#fff!important}
.tparrows {display: none!important;}
.footer-location a{color:#fff!important}
footer#colophon.footer_v2 .footer a:hover{ color:var(--primary-color-2)}
footer#colophon.footer_v2 .footer-location .info .fa{ width:30px;  float:left;  line-height:38px}
footer#colophon.footer_v2 .footer-location .info .address a{ padding-left:30px;  display:block;  padding-top:10px;  line-height:140%}
footer#colophon.footer_v2 .footer-location{ padding-right:0}
.widget-newsletter form input{ width:300px;  font-size:14px;  font-style:italic;  height:50px;  border-color:transparent}
.widget-newsletter form{ max-width:300px;  position:relative}
.widget-newsletter form button{ background:0 0;  border:0;  position:absolute;  top:0;  right:0;  height:50px;  width:50px;  outline:0;  text-align:center;  line-height:50px;  font-size:16px;  cursor:pointer;  color:var(--body-font-color-2)}
.widget-newsletter form button:hover{ color:var(--primary-color-2)}
footer#colophon.footer_v2 .copyright-content{ z-index:9;background-color: #023069;padding: 30px 40px 0px 40px;color:#fff;  width:100%;  font-size:15px}
footer#colophon.footer_v2 .copyright-content a:hover{ color:var(--secondary-color-1);}
footer#colophon.footer_v2 .copyright-text{ float:left;  border:none;  text-align:left}
footer#colophon.footer_v2 .copyright-text a{ color:var(--secondary-color-1)}
.copyright-menu .menu li{ display:inline-block;  vertical-align:middle;  margin-left:15px}
.copyright-menu{ float:left;  padding:25px 0;  text-align:right}
.demo-2 .copyright-menu a{ color:var(--body-font-color-2)}
.demo-3 #back-to-top, .demo-2 #back-to-top{ background:var(--primary-color-2)}
.demo-3 #back-to-top:hover, .demo-2 #back-to-top:hover{ background:var(--primary-hover-color-2)}
.footer-top ul.social-link.square li{ margin-left:5px}
.footer ul.social-link.square li{ margin-right:5px}
.info-text{ margin:30px 0}
.demo-3 footer#colophon.footer_v2 .footer{ padding-top:60px}
.copyright-menu li a{ color:var(--secondary-color-1)}
.demo-3 .copyright-menu li a:hover{ color:var(--primary-color-2)}
.sk-folding-cube{ margin:40px auto;  width:40px;  height:40px;  position:relative;  transform:rotateZ(45deg)}
.sk-folding-cube .sk-cube{ float:left;  width:50%;  height:50%;  position:relative;  transform:scale(1.1)}
.sk-folding-cube .sk-cube:before{ content:"";  position:absolute;  top:0;  left:0;  width:100%;  height:100%;  background-color:var(--primary-color-1);  animation:sk-foldCubeAngle 2.4s infinite linear both;  transform-origin:100% 100%}
.sk-folding-cube .sk-cube2{ transform:scale(1.1) rotateZ(90deg)}
.sk-folding-cube .sk-cube3{ transform:scale(1.1) rotateZ(180deg)}
.sk-folding-cube .sk-cube4{ transform:scale(1.1) rotateZ(270deg)}
.sk-folding-cube .sk-cube2:before{ animation-delay:0.3s}
.sk-folding-cube .sk-cube3:before{ animation-delay:0.6s}
.sk-folding-cube .sk-cube4:before{ animation-delay:0.9s}

@keyframes sk-foldCubeAngle{ 0%,10%{ transform:perspective(140px) rotateX(-180deg);  opacity:0}
 25%, 75%{ transform:perspective(140px) rotateX(0deg);  opacity:1}
 90%, 100%{ transform:perspective(140px) rotateY(180deg);  opacity:0}
}

#preloading{ background-color:#FFF;  position:fixed;  z-index:999999999;  top:0;  bottom:0;  left:0;  right:0;  align-items:center;  justify-content:center;  display:-webkit-box;  display:-webkit-flex;  display:-moz-flex;  display:-ms-flexbox;  display:flex}

.color2 .sk-folding-cube .sk-cube:before{ background:var(--primary-color-2) !important}

body.demo-4 .sk-folding-cube .sk-cube:before{ background:var(--primary-color-4) !important}

.column-2{    column-count:2}
.footer_v4 .copyright-text{    border-top:none;     font-size:18px;     color:#78787a}
.footer_v4 .copyright{    background-color:#0d0d13}
.footer_v4 .copyright-text a{    color:var(--primary-color-4)}
footer.footer_v4{    background-color:#14141e;     color:#a1a1a1}
footer#colophon .footer{    font-size:18px;     padding:100px 0}
.footer_v4 .footer ul.social-link li{    display:inline-block;     vertical-align:middle;     margin-right:30px}
footer#colophon.footer_v4 .footer a:hover{    color:var(--primary-color-4)}
footer#colophon.footer_v4 .widget-title{    padding-bottom:17px;     margin-top:3px;     font-family:var(--body-font-family-4);     font-size:18px;     position:relative;     text-transform:uppercase}
.footer_v4 .widget-newsletter form button:hover{    background:var(--primary-hover-color-4)}
.footer_v4 .widget-newsletter form button{    width:auto;     font-size:16px;     color:#14141e;     text-transform:uppercase;     padding:0 20px;     background-color:var(--primary-color-4)}
.footer_v4 .widget-newsletter form{    max-width:100%}
.footer_v4 .widget-newsletter form input{    width:100%;     border:none;     color:#757575;     font-size:16px;     font-style:normal}
.footer_v4 .footer-location{    padding-right:0}
.footer_v4 .widget-newsletter{    margin-bottom:20px}
.footer_v4 .address i{    line-height:30px;     float:left}
footer#colophon.footer_v4 .footer ul li{    padding:8px 0;     line-height:normal}
.left30{    padding-left:30px}
footer#colophon.footer_v4 .widget-title:after{    content:'';     position:absolute;     left:0;     bottom:0;     width:40px;     height:1px;     opacity:0.5;     background-color:#a1a1a1}
.footer-map{    padding-top:20px}

footer.footer_v4 a{    color:#a1a1a1}
.demo-4 #back-to-top{    background-color:var(--primary-color-4)}
.demo-4 #back-to-top:hover{    background-color:var(--primary-hover-color-4)}

.demo-2 #back-to-top, .demo-2 #back-to-top{    background-color:var(--primary-color-2)}
.demo-2 #back-to-top:hover, .demo-2 #back-to-top:hover{    background-color:var(--primary-hover-color-2)}

.rooms-content .room-item{    transition:all .5s}

.rooms-content .room-item:hover{    box-shadow:0 25px 40px -20px #85a2ce}
.rooms-content .room-item .room-summary{    padding:35px 35px 25px;     background:#fff}
.rooms-content .room-item:hover img{    transform:scale(1.1)}
.rooms-content .room-media img{    transition:all 1s}
.rooms-content .room-media{    position:relative;     overflow:hidden}
.room-item .room-media:hover .read-more{    opacity:1}
.rooms-content .room-media .read-more{    position:absolute;     top:50%;     left:50%;     z-index:2;     opacity:0;     transition:none;     color:#fff !important;     background:var(--secondary-color-1);     transform:translate(-50%,-50%)}
.rooms-content .room-title{    font-size:20px;     line-height:26px;     margin-bottom:15px}
.rooms-content .room-price{    text-transform:uppercase;     font-size:16px}

.rooms-content .room-description{    margin-top:20px}
.rooms-content .price{    font-size:17px;     color:var(--primary-color-1)}
.room-meta{    padding-top:20px;     border-top:1px solid #eee}
.comment-count{    float:left;     font-size:13px;     color:#999}
.comment-count:before{    content:"\f11a";     font-family:Ionicons;     font-size:16px;     margin-right:8px;     float:left}
.room-meta .rating{    float:right;     font-size:13px}
.room-meta .rating .star:before{    content:"\f005\f005\f005\f005\f005";     font-family:FontAwesome;     font-size:14px;     color:#ffb606;     letter-spacing:0;     margin-right:10px}
.rooms-content .room{    padding-bottom:30px}
.rooms-content.style-02 .room-item{    border:1px solid #eee}

.room-meta .room-price{    float:left}
.rooms-content.style-02 .room-meta .rating .star:before{    margin-right:0;     font-size:15px}

.room-info li{    display:inline-block;     vertical-align:middle;     color:#8a8a8a;     font-size:15px}
.room-info li .separator{    width:6px;     height:6px;     border-radius:50%;     background:#ddd;     display:inline-block;     margin:0 5px;     vertical-align:middle}
.rooms-content.style-02 .room-meta{    border:none;     padding:0}
.rooms-content.style-02 .line{    content:'';     background:#eee;     height:2px;     width:40px;     display:block;     margin-top:23px;     margin-bottom:20px}

.room-meta span.title-price{    padding-right:5px}
.room-meta .price span{    color:#8a8a8a;     font-size:15px}
.room-meta .price span{    font-weight:700;     line-height:17px;     text-transform:uppercase;     display:initial}
.room-meta .price span.price_value{    color:var(--primary-color-1);     font-weight:700;     line-height:17px;     text-transform:uppercase;     display:initial}
.room-meta .price span.unit{    color:var(--primary-color-1)}
.room-meta span.unit:before{    content:'/';     font-size:10px;     vertical-align:middle;     padding-right:5px}
.rooms-content .room-meta .price{    float:left}

.room-single .title-share .title{    font-size:36px;     float:left;     margin-bottom:0;     line-height:120%}

.room-single .title-share .social-share{   float:right}
.room-single .title-share{    padding:30px 0 20px}
.room-single .social-share ul li a{    margin-bottom:0 !important}
.room-single .social-share ul li{    margin-right:0 !important;     margin-left:10px}
.room_price .price span{    color:#8a8a8a;     font-size:15px}
.room_price .price span{    font-weight:700;     line-height:17px;     text-transform:uppercase;     display:initial}
.room_price .price span.price_value{    color:var(--primary-color-1);     font-weight:700;     line-height:17px;     text-transform:uppercase;     display:initial}
.room_price .price span.unit{    color:var(--primary-color-1)}
.room_price span.unit:before{    content:'/';     font-size:10px;     vertical-align:middle;     padding-right:5px}
.room_price{    font-size:18px;     color:var(--primary-color-1);     font-weight:700;     text-transform:uppercase}
.room-single .description{    margin-top:30px;     margin-bottom:35px}

.title.style-01{    font-family:var(--body-font-family-1);     text-transform:uppercase;     font-weight:700;     margin:0 0 30px;     font-size:18px;     color:var(--primary-color-1)}
.title.style-01:before{    content:'';     position:relative;     float:left;     width:60px;     height:2px;     display:block;     margin:13px 10px 0 0;     background:var(--primary-color-1)}
.room_additinal li{    padding:15px 0;     color:var(--title-color-1);     border-bottom:1px solid #eee}
.room_additinal{    margin-bottom:40px}
.room_additinal li:last-child{    border-bottom:0}
.room_additinal li i{    margin-right:20px;     color:var(--primary-color-1)}

.room_pricing .title{    margin-bottom:40px}
.room_pricing{    margin-bottom:40px}
table.room-pricing{    border-collapse:collapse;     border-spacing:0;     width:100%;     text-align:center}
table.room-pricing th, table.room-pricing td{    border:1px solid var(--primary-color-1);     padding:0;     width:120px;     text-align:center}
table.room-pricing tr th{    line-height:48px;     font-size:14px;     color:#2a2a2a;     font-weight:400}
table.room-pricing tr td{    line-height:67px}
.room_additinal ul li:first-child{    padding-top:0}
.room_additinal ul li:last-child{    padding-bottom:0}
.room_review .avatar img{    height:100%;     width:100%;     object-fit:cover;     border-radius:50%}
.room_review .content h4{    font-weight:700;     font-size:14px;     color:#2a2a2a;     text-transform:uppercase;     font-family:var(--body-font-family-1)}
.room_review .content{    margin-top:-5px;     width:calc(100% - 70px);     padding-left:25px;     float:left}
.room_review .avatar{    float:left;     width:70px;     height:70px;     border-radius:50%;     display:inline-block}
.rating-star:before{    content:"\f005\f005\f005\f005\f005";     font-family:FontAwesome;     font-size:13px;     color:#ffb400;     letter-spacing:1px}
.room_review .rating-star{    padding-left:30px}

.form-review .title i{    margin-right:10px}
.form-review .title{    margin-bottom:20px;     font-family:var(--body-font-family-1);     font-weight:700;     font-size:14px;     text-transform:uppercase;     color:var(--primary-color-1)}
.form-review form p{    margin-bottom:5px}
.form-review textarea{    margin-top:10px}
.form-review button:hover{    background:var(--primary-hover-color-1)}
.form-review button{    display:inline-block;     padding:0 30px;     font-weight:700;     font-size:14px;     height:50px;     line-height:50px;     cursor:pointer;     margin-top:20px;     color:#fff !important;     text-transform:uppercase;     background:var(--primary-color-1)}
.form-review{    margin-top:40px}
.rating-star.empty:hover:before{    color:#ffb606}
.rating-star.empty:before{    color:#ccc;     letter-spacing:1px}

.wd-book-room a.book-room:hover{    background:var(--primary-hover-color-1)}
.wd-book-room a.book-room{    height:55px;     line-height:55px;     padding:0;     text-align:center;     font-weight:700;     text-transform:uppercase;     font-size:14px;     border-radius:0;     margin-bottom:20px;     display:block;     color:#fff !important;     background:var(--primary-color-1)}
.wd-check-room .title{    text-align:center;     font-weight:700;     text-transform:uppercase;     font-size:18px;     font-family:var(--body-font-family-1);     color:var(--primary-color-1)}
.wd-check-room{    padding:27px 30px 30px;     border:1px solid #eee}
form.wd-search-room .form-field{    position:relative;     overflow:hidden;     margin-bottom:20px}
form.wd-search-room .form-field:after{    position:absolute;     content:'f073';     color:#ccc;     font-family:FontAwesome;     right:10px;     font-size:12px;     min-width:15px;     line-height:40px;     top:0}
.wd-check-room select:focus{    border-color:var(--primary-color-1)}
.wd-check-room select{    background:none;     font-size:14px;     color:var(--body-font-color-1);     width:100%;     height:40px;     line-height:40px;     border:1px solid #ddd;     padding:0 10px;     outline:0}
.wd-check-room .room-submit{    text-align:center;     margin-top:20px}
.wd-check-room .room-submit button{    color:#fff !important;     height:40px;     line-height:40px;     text-align:center;     text-transform:uppercase;     font-weight:700;     padding:0 10px;     font-size:14px;     cursor:pointer;     width:100%;     background:var(--primary-color-1)}
.wd-check-room .room-submit button:hover{    background:var(--primary-hover-color-1)}
.wd-check-room input{    font-size:14px;     color:#777;     height:40px;     border:1px solid #ddd;     padding:0 10px;     width:100%;     display:block;     position:relative;     z-index:1;     background:transparent}

.hotel-booking-search.style-01:not(.layout-columns){    display:inline-block;     width:100%;     padding:0;     background:#fff;     box-shadow:0 10px 30px rgba(0,0,0,.3);     max-width:100%}
.hotel-booking-search:not(.layout-columns) .hb-form-table{    width:75%}
.hotel-booking-search .hb-form-table{    background:#fff;     float:left;     margin:0;     position:relative}
.hotel-booking-search .hb-form-table .multidate{    position:absolute;     font-size:0;     height:100%;     width:66.66%;     border:0;     z-index:2;     background:0 0;     cursor:pointer;     left:0}
.hotel-booking-search .hb-form-table .hb-form-field{    width:33.33%;     float:left;     padding:40px 40px;     position:relative;     margin:0}
.hotel-booking-search .hb-form-table .hb-form-field .label{    font-weight:400;     text-transform:uppercase;     font-size:12px;     line-height:1;     margin-bottom:-5px}
.hb_input_field#guests{    cursor:pointer}
.hb_input_field{    position:relative;     display:inline-block;     width:100%;     z-index:1}
.hotel-booking-search .hb-form-table .hb-form-field .hb_input_field input.day{    color:#1c7bbf;     width:70px}
.hotel-booking-search.style-01 .hb_input_field input{    width:75px;     height:auto;     border:0;     border-radius:0;     line-height:1;     min-width:0;     background:0 0;     padding:0 0 0 5px;     font-size:15px;     color:#222;     font-weight:700;     cursor:pointer;     text-transform:capitalize}
.hotel-booking-search.style-01 .hb-form-table .hb-form-field .hb_input_field .getWidth, 
.hotel-booking-search.style-01 .hb-form-table .hb-form-field .hb_input_field input.day{    font-size:44px;     font-weight:700;     padding:0}
.hotel-booking-search.style-01 .hb-form-table .hb-form-field .hb_input_field input{    font-family:Playfair Display}

.hotel-booking-search .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list{    opacity:0;     visibility:hidden;     position:absolute;     top:100%;     left:0;     width:100%;     padding:32px;     background:#fff;     z-index:9;     margin-top:12px;     box-shadow:0 10px 30px rgba(0,0,0,.3);     transition:all .5s}
.hotel-booking-search .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list.active{    opacity:1;     visibility:visible}

.hotel-booking-search .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list:before{    content:'';     border-color:transparent transparent #fff;     border-style:solid;     border-width:0 10px 12px;     height:0;     left:50px;     margin-left:-5px;     margin-top:-10px;     position:absolute;     top:-2px;     width:0}
.hotel-booking-search.style-01 .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list .number-icons{    width:40px;     height:40px;     background:#ebebeb;     line-height:40px;     text-align:center;     font-size:16px;     color:#aaa;     display:inline-block;     float:right;     margin-left:12px;     cursor:pointer}

.hotel-booking-search.style-01 .daterangepicker.dropdown-menu{    display:none;     border:none;     width:672px;     border-radius:0;     padding:32px 24px;     margin-top:12px;     box-shadow:0 10px 30px rgba(0,0,0,.3);     transition:all .5s}
.daterangepicker:after, .daterangepicker:before{    position:absolute;     display:inline-block;     content:''}
.daterangepicker:after{    top:-6px;     border-right:6px solid transparent;     border-bottom:6px solid #fff;     border-left:6px solid transparent}
.daterangepicker:before{    top:-7px;     border-right:7px solid transparent;     border-left:7px solid transparent;     border-bottom:7px solid #ccc}
.daterangepicker.opensright:before{    left:9px}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu:after, 
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu:before{    content:'';     border-color:transparent transparent #fff;     border-style:solid;     border-width:0 10px 12px;     height:0;     margin-left:-5px;     margin-top:-10px;     position:absolute;     top:-2px;     width:0}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu:before{    left:50px}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu:after{    left:350px}
.daterangepicker{    position:absolute;     color:inherit;     background-color:#fff;     border-radius:4px;     width:278px;     padding:4px;     margin-top:1px;     top:100px;     left:20px}
@media (min-width:564px){    .daterangepicker.ltr .calendar.left .calendar-table,.daterangepicker.rtl .calendar.right .calendar-table{        border-right:0;         border-top-right-radius:0;         border-bottom-right-radius:0}
    .daterangepicker.ltr .calendar, .daterangepicker.ltr .ranges{        float:left}
    .daterangepicker.ltr{        direction:ltr;         text-align:left}
    .daterangepicker.ltr .calendar.left .calendar-table, .daterangepicker.ltr .left .daterangepicker_input{        padding-right:12px}
}

.daterangepicker.show-calendar .calendar{    display:block}
@media (min-width:730px){    .daterangepicker .calendar.left{        clear:none!important}
}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar{    width:50%;     padding:0 16px;     margin:0;     max-width:312px}
.hotel-booking-search.style-01  .daterangepicker.dropdown-menu .daterangepicker_input{    display:none}
.daterangepicker .daterangepicker_input{    position:relative}
.daterangepicker .input-mini.active{    border:1px solid #08c;     border-radius:4px}
.daterangepicker .input-mini{    border:1px solid #ccc;     border-radius:4px;     color:#555;     height:30px;     line-height:30px;     display:block;     vertical-align:middle;     margin:0 0 5px;     padding:0 6px 0 28px;     width:100%}
.daterangepicker .calendar-table{    border:1px solid #fff;     padding:4px;     border-radius:4px;     background-color:#fff}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar .calendar-table{    padding:0}
.daterangepicker table{    width:100%;     margin:0}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar table, .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tr{    border:0}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar table, .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tr{    border:0}
.daterangepicker .calendar td, .daterangepicker .calendar th{    white-space:nowrap;     text-align:center;     min-width:32px}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar th{    border:0;     width:40px;     height:40px;     padding:0;     min-width:40px;     font-weight:400}
.hotel-booking-search.style-01 .calendar thead th{    font-size:12px}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar th.month{    color:#1c7bbf;     font-size:16px}
.hotel-booking-search.style-01s .daterangepicker.dropdown-menu .calendar th.month{    font-weight:400;     font-size:16px}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.off{    color:#999}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td{    border-radius:0;     padding:0;     font-size:14px;     border:1px solid #ebebeb;     width:40px;     height:40px;     color:#333}
.daterangepicker option.disabled, .daterangepicker td.disabled{    color:#999;     cursor:not-allowed;     text-decoration:line-through}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.active, .hotel-booking-search.layout-special .daterangepicker.dropdown-menu .calendar tbody td:hover{    color:#fff}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td:hover, .hotel-booking-search.layout-special .daterangepicker.dropdown-menu .calendar tbody td.active, .hotel-booking-search.layout-special .daterangepicker.dropdown-menu .calendar tbody td.active.in-range{    background-color:var(--primary-color-1) !important;     border-color:var(--primary-color-1) !important;     color:#fff}

.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.in-range{    background-color:#81ccf4;     border-color:#81ccf4}
.hotel-booking-search.style-01 .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list .number-icons:hover{    color:#fff;     background:var(--primary-color-1);     transition:all .5s}

.hotel-booking-search.style-01 .hb-submit{    background-color:#0d6a9c;     transition:all .5s}
.hotel-booking-search.style-01 .hb-submit button:hover{    background-color:#22a6ed}
.hotel-booking-search.style-01:not(.layout-columns) .hb-submit{    width:25%;     float:left;     padding:25px 40px}
.hotel-booking-search.style-01 .hb-submit .contact-info{    line-height:1;     font-size:13px;  line-height:25px;   text-transform:uppercase;     display:block;     text-align:center;     color:rgba(255,255,255,.45)}
.hotel-booking-search.style-01 .hb-submit button{    background-color:#1c7bbf;     color:#fff}
.hotel-booking-search.style-01 .hb-submit button{    width:100%;     margin-top:10px;     font-size:15px;     font-weight:400;     line-height:48px;     padding:0;     text-align:center;     border:0;     height:auto;     border-radius:0;     min-width:0;     cursor:pointer}
.hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-number:before{    content:'';     position:absolute;     top:20px;     bottom:20px;     left:0;     width:1px;     background:#ebebeb}
.hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-out:before{    content:'';     position:absolute;     top:20px;     bottom:20px;     left:0;     width:1px;     background:#ebebeb}
.hotel-booking-search.style-01 .hb-form-table .hb-form-field.hb-form-check-out:before{    content:"\f123";     font-family:Ionicons;     font-size:14px;     position:absolute;     bottom:28px;     right:40px;     color:#aaa}
.hotel-booking-search.style-01 .name{    color:var(--primary-color-1)}
.hotel-booking-search.style-01 select{    background:none;     pointer-events:none;     -webkit-appearance:none;     height:40px;     line-height:40px;     color:var(--primary-color-1)}
.hotel-booking-search.style-01 select::-ms-expand{    display:none}
.hotel-booking-search.style-01{    position:relative;     z-index:90;     margin-top:-70px}
.ui-datepicker .ui-datepicker-prev{    left:0 !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{    top:4px !important;     right:0 !important;     transition:none;     border:none !important}
.ui-datepicker.ui-widget .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default, 
#ui-datepicker-div .ui-state-default:hover, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{    background:var(--primary-color-1);     color:#fff;     border-color:var(--primary-color-1)}
#ui-datepicker-div .ui-state-highlight, #ui-datepicker-div .ui-widget-content .ui-state-highlight, 
#ui-datepicker-div .ui-widget-header .ui-state-highlight{    background:var(--primary-hover-color-1);     color:#fff;     border-color:var(--primary-hover-color-1)}

.demo-2 .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default, 
.demo-2 #ui-datepicker-div .ui-state-default:hover, .demo-2 .ui-state-active, .demo-2 .ui-widget-content .ui-state-active, .demo-2 .ui-widget-header .ui-state-active, .demo-2 a.ui-button:active, .demo-2 .ui-button:active, .ui-button.ui-state-active:hover{    background:var(--primary-color-2);     color:#fff;     border-color:var(--primary-color-2)}
.demo-2 #ui-datepicker-div .ui-state-highlight, .demo-2 #ui-datepicker-div .ui-widget-content .ui-state-highlight, .demo-2 #ui-datepicker-div .ui-widget-header .ui-state-highlight{    background:var(--primary-hover-color-2);     color:#fff;     border-color:var(--primary-hover-color-2)}

.demo-3 .ui-datepicker.ui-widget .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default, .demo-3 #ui-datepicker-div .ui-state-default:hover, .demo-3 .ui-state-active, .demo-3 .ui-widget-content .ui-state-active, .demo-3 .ui-widget-header .ui-state-active, .demo-3 a.ui-button:active, .demo-3 .ui-button:active, .ui-button.ui-state-active:hover{    background:var(--primary-color-2);     color:#fff;     border-color:var(--primary-color-2)}
.demo-3 #ui-datepicker-div .ui-state-highlight, .demo-3 #ui-datepicker-div .ui-widget-content .ui-state-highlight, .demo-3 #ui-datepicker-div .ui-widget-header .ui-state-highlight{    background:var(--primary-hover-color-2);     color:#fff;     border-color:var(--primary-hover-color-2)}

.hotel-booking-search.style-02 form .form-table >li.select-field{    padding:0 15px}
.hotel-booking-search.style-02 form .form-table >li{    display:inline-block;     vertical-align:middle;     padding:0;     margin-bottom:0;     float:left;     border-right:1px solid #eee}
.hotel-booking-search.style-02 .room-submit{    display:inline-block;     vertical-align:middle;     padding:0;     margin-left:-5px}
.hotel-booking-search.style-02{    font-size:14px;     text-align:center;     box-shadow:none;     width:auto}
.hotel-booking-search.style-02 .room-submit button:hover{    background:var(--primary-hover-color-2)}
.hotel-booking-search.style-02 .room-submit button{    min-width:180px;     font-size:14px;     font-weight:700;     padding-right:20px;     padding-left:20px;     color:#fff;     height:60px;     border:0;     text-transform:uppercase;     border-radius:0;     cursor:pointer;     background:var(--primary-color-2)}
.hotel-booking-search.style-02 form .form-table{    display:inline-block;     vertical-align:middle;     background:#fff}
.hotel-booking-search.style-02 select option{    line-height:20px}
.hotel-booking-search.style-02 input, .hotel-booking-search.style-02 select{    max-width:155px;     height:60px;     line-height:60px;     border:none !important;     color:var(--body-font-color-1);     position:relative;     z-index:2;     font-size:14px;     background:transparent}
body.home form.wd-search-room .form-field:after{    line-height:60px;     color:var(--primary-color-2)}
.sc-hb-rooms-search.style-02{    text-align:center;     position:relative;     z-index:999}
select{    outline:none}
#ui-datepicker-div{    z-index:9999 !important}

.hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu{   left:-94px !important}
.hotel-booking-search.layout-columns .hb-form-table .hb-form-field{    padding:0 7.5px;     text-align:center}
.hotel-booking-search.layout-columns .hb-form-table .hb-form-field .hb_input_field{    position:relative;     display:block;     padding:40px 20px 60px;     border:1px solid #ddd}
.hotel-booking-search.layout-columns .hb-form-table .hb-form-field .label{    color:#8a8a8a;     font-size:15px;     font-family:var(--body-font-family-2);     font-weight:400;     margin-top:0;     margin-bottom:15px;     text-transform:capitalize;     position:relative;     z-index:22}
.hotel-booking-search.style-01.layout-columns .hb-form-table .hb-form-field.hb-form-check-in:before, 
.hotel-booking-search.style-01.layout-columns .hb-form-table .hb-form-field.hb-form-check-out:before{    content:"";     font-family:FontAwesome;     left:0;     right:0;     margin:0 auto;     color:var(--primary-color-2);     bottom:28px;     position:absolute}
.hotel-booking-search.style-01.layout-columns  .hb_input_field input.day{    color:#4a4a4a;     font-size:72px !important;     font-weight:700;     text-transform:uppercase}
.hotel-booking-search.style-01.layout-columns  .hb_input_field input.month{    color:#4a4a4a;     font-size:18px;     font-weight:700;     text-transform:uppercase;     margin-bottom:10px}
.hotel-booking-search.style-01.layout-columns  .hb_input_field input{    padding-left:0 !important;     font-family:var(--body-font-family-2) !important;     text-align:center;     width:100% !important}
.hotel-booking-search.style-01.layout-columns .goDown i{    transform:rotate(180deg);     -webkit-transform:rotate(180deg);     -ms-transform:rotate(180deg);     -o-transform:rotate(180deg);     transform:rotate(180deg);     position:absolute;     left:0;     right:0;     margin:auto;     bottom:28px}
.hotel-booking-search.style-01.layout-columns .goDown{    width:100%;     height:6px;     display:block;     cursor:pointer;     color:var(--primary-color-2)}
.hotel-booking-search.style-01.layout-columns .goUp{    width:100%;     height:30px;     display:block;     cursor:pointer;     margin-bottom:10px;     color:var(--primary-color-2)}
.hotel-booking-search.style-01.layout-columns select{    height:72px;     color:#4a4a4a;     font-weight:700;     line-height:72px;     font-size:72px;     font-family:var(--body-font-family-2)}
.hotel-booking-search.style-01.layout-columns .hb-submit div.contact-info{    display:inline-block;     vertical-align:middle}
.hotel-booking-search.style-01.layout-columns .hb-submit button:hover{    background:var(--primary-hover-color-2)}
.hotel-booking-search.style-01.layout-columns .hb-submit button{    width:auto;     display:inline-block;     height:60px;     line-height:60px;     text-transform:uppercase;     font-size:15px;     font-weight:bold;     vertical-align:middle;     padding:0 60px;     background:var(--primary-color-2)}
.hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu:after, 
.hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu:before{    display:none}
.hotel-booking-search.style-01.layout-columns .hb-submit{    margin-top:15px;     background:none;     text-align:right}
.hotel-booking-search.layout-columns .hb-form-table{    margin:0 -7.5px;     float:none}
.hotel-booking-search.style-01.layout-columns .hb-submit div.contact-info p{    text-align:right;     text-transform:none;     margin-bottom:10px}

.hotel-booking-search.style-01 .calendar thead th.next, .hotel-booking-search.style-01 .calendar thead th.prev{    cursor:pointer}

.hotel-booking-search.style-01 .calendar thead th.next:hover, .hotel-booking-search.style-01 .calendar thead th.prev:hover{    color:#111}
.hotel-booking-search.style-01.layout-columns .hb-submit div.contact-info{    padding-top:22px;     color:#4a4a4a;     font-weight:500;     font-size:15px;     padding-right:30px}
.demo-3 .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar th.month{    color:var(--primary-color-2)}
.hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.active{    background:var(--primary-color-1);     border-color:var(--primary-color-1)}
.demo-3 .hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu .calendar tbody td:hover, 
.demo-3 .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.active{    background:var(--primary-color-2) !important;     border-color:var(--primary-color-2) !important}
.demo-3 .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar tbody td.in-range{    background-color:#e7cc65;     border-color:#e7cc65}

.rooms-content-search .room .room-summary .info li span{    color:var(--body-font-color-1);     min-width:100px;     display:inline-block}
.rooms-content-search .room .room-summary .info li{    padding:3px 0;     font-size:15px;     font-weight:bold;     color:var(--primary-color-1)}
.rooms-content-search .room .room-summary .book-room a:hover{    background:var(--primary-hover-color-1)}
.rooms-content-search .room .room-summary .book-room a{    color:#fff;     background:var(--primary-color-1);     text-transform:uppercase;     font-size:14px;     height:40px;     line-height:40px;     font-weight:700;     display:inline-block;     padding:0 30px}
.rooms-content-search .room .room-summary .room-title{    margin-bottom:10px;     font-size:20px}
.rooms-content-search .room .room-summary{    width:calc(100% - 370px);     float:left;     padding-bottom:30px;     padding-left:30px}
.rooms-content-search .room{    padding-bottom:30px}
.rooms-content-search .room .description{    margin:15px 0}
.rooms-content-search .room .room-media a{    position:relative;     overflow:hidden;     display:block}
.rooms-content-search .room .room-media a:after{    content:"\f002";     font-family:FontAwesome;     position:absolute;     width:30px;     height:30px;     line-height:30px;     margin:auto;     left:0;     right:0;     bottom:0;     top:0;     color:#fff;     font-size:20px;     z-index:10;     opacity:0;     transform:rotateY(0);     transition:all .4s ease-in-out}
.rooms-content-search .room-item:hover .room-media a:after{    opacity:1;     transform:rotateY(180deg)}
.rooms-content-search .room-item:hover .room-media a:before{    position:absolute;     left:0;     right:0;     top:0;     content:'';     bottom:0;     background-color:var(--primary-color-1);     opacity:.4;     z-index:1;     transition:all .5s}
.rooms-content-search .room-media{    width:370px;     float:left;     overflow:hidden}
.rooms-content-search .room-media .hidden{    overflow:hidden;     display:none;     visibility:hidden}

.form-popup-room.active{    -webkit-transform:scale(1,1);     -moz-transform:scale(1,1);     -ms-transform:scale(1,1);     -o-transform:scale(1,1);     filter:alpha(opacity=100);     -ms-filter:"alpha(opacity=100)";     -webkit-opacity:1;     -khtml-opacity:1;     -moz-opacity:1;     -ms-opacity:1;     -o-opacity:1;     opacity:1;     visibility:visible}
.form-popup-room{    position:fixed;     top:0;     right:0;     left:0;     bottom:0;     z-index:9999999;     filter:alpha(opacity=0);     -ms-filter:"alpha(opacity=0)";     -webkit-opacity:0;     -khtml-opacity:0;     -moz-opacity:0;     -ms-opacity:0;     -o-opacity:0;     opacity:0;     visibility:hidden;     background:rgba(0,0,0,.8);     margin:0;     width:100%;     height:100vh;     overflow:auto;     -webkit-transform:scale(.2,.2);     -moz-transform:scale(.2,.2);     -ms-transform:scale(.2,.2);     -o-transform:scale(.2,.2);     -webkit-transition:all .3s cubic-bezier(.4,0,1,1);     -khtml-transition:all .3s cubic-bezier(.4,0,1,1);     -moz-transition:all .3s cubic-bezier(.4,0,1,1);     -ms-transition:all .3s cubic-bezier(.4,0,1,1);     -o-transition:all .3s cubic-bezier(.4,0,1,1);     transition:all .3s cubic-bezier(.4,0,1,1)}

body.book-active{    cursor:url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg=='),progress !important}
.popup-container{ background:#fff;  position:relative;  padding:50px;  overflow:hidden;  max-width:900px;  margin:auto;  top:0;  cursor:default}

.form-popup-room .room-head .room-title{}
.form-popup-room .room-head .description{ margin:13px 0}
.form-popup-room .room-head{ text-align:center;  margin-bottom:50px}
.search-room-popup .form-table >li .submit:hover{ background:var(--primary-hover-color-1)}
.search-room-popup .form-table >li input{ font-size:15px}
.search-room-popup .form-table >li .submit{ display:inline-block;  height:40px;  line-height:40px;  width:auto;  padding:0 40px;  text-align:center;  background:var(--primary-color-1);  color:#fff;  text-transform:uppercase;  font-weight:700;  font-size:14px;  cursor:pointer}
.search-room-popup .form-table >li.room-submit{ margin-top:20px;  margin-bottom:0;  width:100%;  text-align:center}
.search-room-popup .form-table >li{ float:left;  padding:0 15px;  width:50%;  margin-bottom:15px}
body.book-active #ui-datepicker-div{ z-index:99999999 !important;  cursor:pointer}
.close-popup:hover{ background:var(--primary-hover-color-1)}
.close-popup{ position:absolute;  top:0;  right:0;  text-align:center;  line-height:30px;  display:inline-block;  width:30px;  font-size:15px;  height:30px;  background:var(--primary-color-1);  color:#fff !important}

.blog-content.layout-grid article .post-summary{ padding:30px 0}
.blog-content.layout-grid article{ padding-bottom:60px}
.blog-content.layout-grid .post-title{ text-transform:capitalize;  font-size:24px;  margin-bottom:10px}
.post-meta, .post-meta a{ color:var(--body-font-color-1)}
.post-meta li{ text-transform:uppercase;  display:inline-block;  vertical-align:middle;  position:relative;  font-weight:700;  font-size:13px}
.post-meta li .separator{ width:6px;  height:6px;  border-radius:50%;  background:#eee;  display:inline-block;  margin:0 5px;  vertical-align:middle}
.blog-content.layout-grid article .post-description{ margin-top:25px;  margin-bottom:25px}
.blog-content.layout-grid article a.read-more{ color:var(--primary-color-1);  font-size:14px;  text-transform:uppercase;  display:inline-block;  font-weight:bold;  position:relative}

.blog-content.layout-grid article .post-media{ position:relative;  overflow:hidden}
.blog-content.layout-grid article .post-media img{ transition:all 1s}
.blog-content.layout-grid article .post-content:hover .post-media img{ transform:scale(1.1)}
.blog-content.layout-grid article .post-content:hover:after{ width:100%}
.blog-content.layout-grid article .post-content:after{ content:'';  position:absolute;  bottom:0;  display:block;  width:200px;  height:2px;  background:var(--primary-color-1);  transition:all .4s ease-in-out 0s}
.blog-content.layout-grid article .post-content{ position:relative;  overflow:hidden}

.blog .loop-pagination{ margin-top:0}
.blog-single-content article .post-content .post-media:hover >img, 
.blog-single-content figure img:hover, 
.wd-image-box img:hover{ cursor:-webkit-grabbing;  opacity:.8;  transition:all .4s ease-in-out 0s}
.blog-single-content article .post-summary{ position:relative;  padding:30px 0}
.blog-single-content article .post-summary .post-title{ margin:0 0 15px;  font-size:36px;  text-transform:none;  word-wrap:break-word}
.blog-single-content .post-meta li .separator{ margin:0 8px}
.post-description{ margin:30px 0 0}

figure{ margin:30px 0}
.blog-single-content figcaption{ padding-top:5px;  font-style:italic;  font-size:13px}
blockquote i{ color:var(--primary-color-1);  position:absolute;  top:28px}
blockquote span{ font-size:18px;  display:block;  font-style:italic;  font-weight:300;  padding-left:30px}
blockquote{ padding:20px 0;  position:relative;  margin:25px 0;  font-size:1.2em;  line-height:1.6em;  border:0}

ul.post-tags .title{ text-transform:uppercase;  margin-right:10px}
ul.post-tags li a{ font-size:12px;  color:var(--white) !important;  display:inline-block;  margin:0 5px 5px 0;  padding:2px 12px;  text-transform:uppercase;  background:var(--primary-color-1)}
ul.post-tags li a:hover{ background:var(--primary-hover-color-1)}
ul.post-tags li{ display:inline-block;  vertical-align:middle}
ul.post-tags i{ margin-right:5px}
ul.post-tags{ display:inline-block;  padding-top:8px}
.meta_post{ margin:30px 0}
.meta_post .social-share ul li a{ margin-bottom:0 !important}
.meta_post .social-share ul li{ margin-right:0 !important;  margin-left:10px}
.meta_post .social-share{ display:inline-block;  float:right}
.comments-list ul li .comment-img{ width:80px;  height:80px;  float:left}
a.reply{ float:right;  margin-top:-20px;  color:var(--title-color-1)}
.comments-list .children{ clear:both;  float:left;  margin-left:105px;  margin-top:20px}
.comments-list >ul >li:not(:first-child){ padding-top:25px}
.comments-list >ul >li:not(:first-child){ border-top:1px solid #e7e7e7}
.comments-list >ul >li:last-child p, .comments-list .children >li:last-child p{ border-bottom:0}
.comments-list ul li{ margin-bottom:0}
.post-comment .reply-comment:before, .total-comments:before{ content:'';  position:relative;  float:left;  width:60px;  height:2px;  display:block;  margin:12px 10px 0 0;  background:var(--primary-color-1)}
.post-comment .reply-comment, .total-comments{ font-family:var(--body-font-family-1);  text-transform:uppercase;  font-weight:700;  margin:0 0 30px;  font-size:18px;  color:var(--primary-color-1)}
.blog-single-content .comments-list{ margin-bottom:30px}
.post-comment #comment-form input{ height:48px;  line-height:48px}
.post-comment #comment-form textarea{ margin-top:30px}
.post-comment #comment-form input.submit{ margin-top:20px;  height:50px;  padding:0 30px;  display:inline-block;  background:var(--primary-color-1);  color:var(--white) !important;  font-size:14px;  text-transform:uppercase;  font-weight:700;  cursor:pointer}
.post-comment #comment-form input.submit:hover{ background:var(--primary-hover-color-1)}
.blog-content a.read-more:hover:before{ animation:toright .6s linear infinite;  animation-direction:alternate}
.blog-content a.read-more:before{ font-family:"Ionicons";  content:"\f10b";  width:10px;  max-width:10px;  display:inline-block;  margin-right:8px;  transition:all .5s}

.widget-area .wd .wd-title{ color:var(--primary-color-1);  font-size:18px;  text-transform:uppercase;  font-family:var(--body-font-family-1)}
.widget-area .wd{ margin-bottom:30px}
.widget-area .wd-search button:hover{ color:var(--primary-color-1)}
.widget-area .wd-search button{ position:absolute;  top:0;  right:5px;  width:40px;  background:none;  height:48px;  font-size:18px;  color:#ccc;  cursor:pointer}
.widget-area .wd-search form{ position:relative}
.widget-area .wd-search input[type="search"]{ width:100%;  line-height:48px;  height:48px;  padding:0 20px;  border-radius:30px;  border:solid 1px #eee}
.wd-categories li a:hover, .wd-tags li a:hover, .wd-recent-post .post-title a:hover{ color:var(--primary-color-1)}
.wd-categories li, .wd-tags li{ position:relative;  margin:0;  padding:8px 0 8px 20px}
.wd-categories li:before, .wd-tags li:before{ content:'';  width:6px;  height:6px;  background:#eee;  border-radius:50%;  display:inline-block;  position:absolute;  left:0;  top:18px}
.wd-tags li a, .wd-categories li a{ color:var(--body-font-color-1);  font-size:14px;  text-transform:uppercase;  font-weight:700}
.wd-categories, .wd-tags, .wd-recent-post{ padding:30px;  border:1px solid #eee}
.wd-recent-post .post-title a{ color:var(--body-font-color-1)}
.wd-recent-post .post-title{ font-size:15px;  text-transform:uppercase;  font-family:var(--body-font-family-1)}
.wd-recent-post .post .post-meta{ padding-left:12px}
.wd-recent-post .post{ padding-top:15px}
.wd-recent-post .post-title{ margin-bottom:5px}

@media (min-width: 992px) and (max-width: 1199px) {
.trigger-1 {margin-left: 5%;flex: 0 0 44.333333%!important; max-width: 44.333333%!important;}
.top-toolbar, .header-right {display: none;}
.sc-video .background-video .cover-image{background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.svg-img-50 {width: 85%!important;}
.pr-30 {padding-right: 0px;}
.email-bg {top:1000px;}
.mini .second-title {margin-top: 0px;font-size: 27px!important;line-height: 35px!important;}
.pl-30 {padding-left: 0px;}
.email-bg p {width:100%}
.footer-bg-1 {padding-left:0px;}
.bg-1 {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.group-destination {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.h1-banner {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mini-title p {padding-right: 200px;padding-left: 200px;}
.hotel-booking-search .hb-form-table .hb-form-field {padding-left: 40px;padding-right: 40px;}
.caraibi strong {padding-top: 60px;}
.hb-submit span {display:block}
.hb-form-table p span {padding-left: 0px;}
.md-none {display:none}
.sc-heading.style-02 .title {font-size: 36px;}
.h1-introduce .sc-heading.style-02 {    padding: 0px 100px 0 0;}
.travel-details blockquote {width: 100%;}
header#masthead .width-logo {width: 180px;}
.una-mail {    padding: 5px 5px 5px 5px;}
.navigation .main-menu >li >a, .navigation .main-menu >li >span:not(.icon-toggle) {font-size: 14px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.footer .col-sm-6{-ms-flex: 0 0 40%!important;  flex: 0 0 40%!important;max-width: 40%!important;}
.sc-video .background-video .cover-image{background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.email-bg p {width:100%;text-align:center}
.email-bg {position:relative;  top:0px;  flex: 0 0 100%;max-width: 100%;width: 100%;right: 0px;}
.email-bg img {display: inline-block;}
.email-bg a {text-align:center;margin:0 auto;display:block;width:170px;position:relative;margin-top:50px;}
.svg-img {display:block!important;text-align:center;margin:0 auto;width:45%!important;margin-top:70px;}
.footer-bg {height:250px;    width: 23%;}
.footer .col-md-2 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.pr-30 {padding-right: 0px;}
.sea-4 {display:none}
footer#colophon.footer_v2 .footer-location .info .fa {display:none}
footer#colophon.footer_v2 .footer-location .info .address a {    padding-left: 0px;}
.footer-bg-1 {background-color:rgba(0, 0, 0, .5);height:250px;padding-left:0px;width:35%}
header#masthead .mobile-logo {height: 70px;}
.sc-tourist.style-01 .content {margin-bottom:30px;}
.copyright-text {padding: 25px 40px;}
.copyright-menu {padding: 25px 40px;}
.col-sm-6 {    -ms-flex: 0 0 50%!important;flex: 0 0 50%!important;max-width: 50%!important;}
.bg-1 {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.group-destination {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.h1-banner {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mini-title p {padding-right: 100px;padding-left: 100px;}
.caraibi strong {padding-top: 60px;}
.h1-banner .sc-box.style-01 {padding: 110px 0;}
.travel-details blockquote {width: 100%;}
.hotel-booking-search .hb-form-table .hb-form-field {padding: 25px 25px;}
.col-sm-12 {-ms-flex: 0 0 100%!important;flex: 0 0 100%!important;max-width: 100%!important;}
.h3, h3 {font-size: 1.40rem;line-height: 1.3em;}
.sm-none {display:none!important}
.sc-video .background-video {padding: 150px 0 425px;}
.hb-submit span {display:block}
.una-mail {    padding: 5px 5px 5px 5px;}
.navigation .main-menu >li >a, .navigation .main-menu >li >span:not(.icon-toggle) {font-size: 14px;}
.navigation ul.main-menu >li.menu-item {margin-right: 15px!important;}
.navigation ul.main-menu {padding: 0 0px!important;}
.navigation >.main-menu >li {padding: 14px 0 0 0;}
}

@media (max-width:1600px){
.navigation .main-menu >li >a, .navigation .main-menu >li >span:not(.icon-toggle) {letter-spacing:0px;}
.navigation ul.main-menu >li.menu-item {margin-right: 27px;}
 header.header_v4 .sub-menu{ min-width:200px}
.email-bg h3 {width:100%;    font-size: 1.35rem;}
.email-bg p {width:100%}
 .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:200px}
 .header_v4 .header-right{ padding-right:50px}
 .header_v4 .navigation ul.main-menu{ padding-left:0}
 .page-title-wrapper{ height:300px}
}
@media (max-width:1440px){ .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:196px;  padding-right:0;  padding-left:0}
 header.header_v4 .sub-menu{ min-width:230px}
 #back-to-top{ bottom:15px;  right:15px}
 .comingsoon-wrapper .coom-inner{ padding:40px 0}
 .coom-inner .title{ margin:20px 0 25px}
 .comingsoon-wrapper .thim-countdown{ margin-bottom:0}
 .comingsoon-wrapper .owl-carousel.owl-drag .owl-item{ height:100vh}
}

@media (min-width:1400px){ body .container{ width:1200px;  max-width:100%}
 body.demo-4 .container{ width:1362px;  max-width:100%}
}
@media (max-width:1366px){ .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:185.3px}
 .h4-bg-reason{ padding:80px 0}
}

@media (max-width:1280px){ .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:171px}
 .toolbar-info{ padding-right:0}
 .comingsoon-wrapper .coom-inner{ padding:100px 0}
 .comingsoon-wrapper .thim-countdown{ margin:50px 0}
 .top-toolbar ul.top-menu>li>a, 
 .weather{ padding-right:15px;  padding-left:15px}
 .language{ padding-left:20px}
}

@media (max-width:1200px){ .top-toolbar{ padding-left:0}
 .toolbar-info{ padding-right:0}
 .navigation ul.main-menu{ padding:0 15px}
}
@media (max-width:1650px) and (min-width:1400px){ 
.traghetti-sardo .main-menu {padding-top: 0px;}
.sea-1 {display:none;}
.sea-2 {right:1%;width:170px;}
.sea-3 {left:1.5%;bottom:150px;z-index:0;opacity:0.15;width:110px;}
.sea-4 {left:0;right:0;text-align:center;margin:0 auto;bottom:200px;}

.traghetti-sardo .page-title-wrapper .content {right: 5%;}
}
@media (max-width:1650px) and (min-width:1400px){ 
.accommodation-page .mt-40 {margin-top: 0px;}
.xs-mtm .mt-50 {margin-top: 0px;}
.accommodation-page .about-infos {padding-left: 10px;}
.accommodation-page .about-infos-2 {padding-right: 20px;}
.container-2 {width: 1350px;}
.bg-abs-3 {left:10px;}
.bg-abs-2 {right: 50px;z-index:999}
.bg-2 h3 {font-size: 60px;line-height: 70px;    padding-left: 130px;}
.bg-2 h3:before {left: -10px;}
.trigger-1 .offset-sm-2{margin-left: 5%;-ms-flex: 0 0 44%!important;flex: 0 0 44%!important;max-width: 44%!important;}
.sc-heading.style-02 .title {font-size: 50px!important;line-height: 60px!important;}
.h1-introduce .sc-heading.style-02 { padding: 0px 50px 0 0;}
.rev_slider h2 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider h1 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider p {    font-size: 20px!important;line-height: 32px!important;}
.sticky-header .header-right {display:none;padding-right: 20px;padding-top: 20px!important;}
.sticky-affix .sticky-logo img {margin-left: 20px;}
header#masthead .width-logo {    width: 200px;}
}
@media (max-width:1399px) and (min-width:1200px){
.accommodation-page .description {font-size: 17px;line-height: 30px;}
.container-1 {width: 100%;margin: auto;max-width: 100%;}
.sea-1 {display:none;}
.sea-2 {display:none;}
.sea-3 {position:absolute;left:1.5%;bottom:150px;z-index:0;opacity:0.15;width:110px;-webkit-animation: footerTree 3s ease-in infinite;animation: footerTree 3s ease-in infinite;}
.sea-4 {position:absolute;left:0;right:0;text-align:center;margin:0 auto;bottom:200px;z-index:0;opacity:0.15;width:140px;animation: moveUpDown 7s ease-in-out infinite;}

.pdd-note {padding:0 30px 0 30px;}
.accommodation-page .mini .second-title {margin-top: 0px;font-size: 33px!important;line-height: 44px!important;}
.accommodation-page .mt-50 {margin-top: 0px;}
.accommodation-page .mt-40 {margin-top: 0px;}
.accommodation-page .about-infos {padding-left: 10px;}
.accommodation-page .about-infos-2 {padding-right: 10px;}
.accommodation-page .pl-info {padding-left: 30px;}
.accommodation-page .traghetti-icon {display:none}
.accommodation-page .bg-1 {padding: 50px 0 100px 0;}
.pt-text { padding: 0px 30px 0 30px;}
a.btn-book {font-size: 12px;padding: 13px 17px 14px;}
.container-2 {width: 1170px;}
.bg-abs-3 {left:10px;}
.bg-abs-2 {right: 50px;z-index:999}
.bg-2 h3 {font-size: 50px;line-height: 60px;    padding-left: 130px;}
.bg-2 h3:before {left: 0px;}
.trigger-1 .offset-sm-2{margin-left: 5%;-ms-flex: 0 0 44%!important;flex: 0 0 44%!important;max-width: 44%!important;}
.sc-heading.style-02 .title {font-size: 50px!important;line-height: 60px!important;}
.h1-introduce .sc-heading.style-02 { padding: 0px 50px 0 0;}
.rev_slider h2 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider h1 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider p {    font-size: 20px!important;line-height: 32px!important;}
.sticky-affix .sticky-logo img {margin-left: 0px;}
.img-abs-info {    bottom: 200px;}
.about-infos {padding-left: 40px;}
.title-1 {    margin-top: 0px!important;}
.sticky-header .header-right {display:none;padding-right: 20px;padding-top: 20px!important;}
.traghetti-sardo .navigation ul.main-menu >li.menu-item {margin-right: 18px;} 
header#masthead .width-logo {    width: 170px;}
.traghetti-sardo .main-menu {padding-top: 20px;}
.traghetti-sardo .width-logo img {    padding: 0 40px 30px 0px;}
}
@media (max-width:1199px) and (min-width:992px){
.accommodation-page .sc-heading .second-title {font-size: 35px;}
.accommodation-page .mt-50 {margin-top: 0px;}
.accommodation-page .mt-40 {margin-top: 0px;}
.sea-1 {bottom:120px;left:15%}
.sea-2 {bottom:120px;right:1%;}
.sea-3 {left:6.5%;bottom:290px;width:110px;}
.sea-4 {bottom:270px;width:140px;}
.pdd-note {padding:0 30px 0 30px;}
.w-992 {-ms-flex: 0 0 50%!important;flex: 0 0 50%!important;max-width: 50%!important;    margin-left: 0!important;}
.accommodation-page .mini .second-title {padding-right:50px;    padding-left: 30px;}
.accommodation-page .bg-1 {    padding: 50px 0 100px 0;}
.accommodation-page .mb-traghetti {margin-bottom: 70px;}
.accommodation-page .about-infos {padding-left: 0px;}
.accommodation-page .about-infos-2 {padding-right: 20px;}
.pt-text { padding: 0px 30px 0 30px;}
.accommodation-page .traghetti-icon {left:auto;right:0px;top:-100px;}
.accommodation-page .pl-info {padding-left: 30px;}
.accommodation-page .page-new-title {font-size: 45px;line-height: 55px;padding-bottom:15px;}
.accommodation-page .description {font-size: 17px;line-height: 30px;}
.logo {width:130px;}
.width-navigation { padding-left: 50px;}
.background-video .bg-abs .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-2 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-3 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs {top:500px;}
.location-pin {display:none}
.container-2 {width: 970px;}
.bg-abs-3 {left:10px;}
.bg-abs-2 {right: 50px;z-index:999}
.bg-2 h3 {font-size: 40px;line-height: 50px;    padding-left: 130px;}
.bg-2 h3:before {left: 0px;}
.trigger-1 .offset-sm-2{margin-left: 5%;-ms-flex: 0 0 44%!important;flex: 0 0 44%!important;max-width: 44%!important;}
.sc-heading.style-02 .title {font-size: 40px!important;line-height: 50px!important;}
.h1-introduce .sc-heading.style-02 { padding: 0px 50px 0 0;}
.rev_slider h2 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider h1 {font-size: 65px!important;line-height: 75px!important;}
.rev_slider p {    font-size: 20px!important;line-height: 32px!important;}

.title-1 {    margin-top: 0px!important;}
.traghetti-sardo .navigation ul.main-menu >li.menu-item {margin-right: 18px;} 
header#masthead .width-logo {    width: 170px;}
.traghetti-sardo .main-menu {padding-top: 20px;}
.traghetti-sardo .width-logo img {    padding: 0 70px 30px 0px;}
.about-infos {padding-left: 40px;}
.img-abs-info {bottom:230px;}
}
@media (max-width:991px) and (min-width:768px){
.accommodation-page .emails {padding: 0px 0px 0px 0px!important;}

.mb-inf {margin-bottom: 50px!important;}
.accommodation-page .mt-50 {margin-top: 0px;}
.accommodation-page .mt-40 {margin-top: 0px;}
.accommodation-page .about-infos-2 { padding-right: 10px;}
.accommodation-page .about-infos-2 a{margin-bottom: 50px;}
.mt-descr {margin-top: 50px;}
#scegli-zona { margin-top: 0px;padding-bottom: 0px;}
.accommodation-page .offset-md-1 {margin-left:0}
.accommodation-page .bg-1 {padding: 50px 0 100px 0;}
.pt-text {padding: 0px 30px 0 30px;}
.accommodation-page .about-infos {padding-left: 20px;}
.accommodation-page .mini .second-title {margin-top: 40px;font-size: 33px!important;line-height: 44px!important;}
.mb-traghetti {margin-bottom: 70px;}
.accommodation-page .abs-icon {display:none}
.accommodation-page .abs-icon-1{display:none}
.offset-sm-0 {margin-left:0}
.accommodation-page .page-new-title {font-size: 40px;line-height: 50px;padding-bottom: 15px;}
.nav__content {display: block;}
.header-default {display: none;}
.slider-logo img{width:150px;margin-top:25px;}
body.nav-active {overflow: hidden!important; height:100vh;}
.logo-wrap{position:absolute; display:block; left:0; top:40px; cursor:pointer}
.logo-wrap a{cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:900; font-size:20px; line-height:20px; text-transform:uppercase; letter-spacing:2px; color:#fff; transition:all 0.3s ease-out}
.logo-wrap a span{color:#8167a9}
.logo-wrap a:hover{opacity:0.9}
.nav-but-wrap{position:relative; display:inline-block; float:right; padding-left:15px; padding-top:15px; margin-top:26px; transition:all 0.3s ease-out}
.menu-icon{height:30px; width:30px; position:relative; z-index:2; cursor:pointer; display:block}
.menu-icon__line{height:2px; width:30px; display:block; background-color:#fff; margin-bottom:7px; cursor:pointer; -webkit-transition:background-color .5s ease,-webkit-transform .2s ease; transition:background-color .5s ease,-webkit-transform .2s ease; transition:transform .2s ease,background-color .5s ease; transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease}
.menu-icon__line-left{width:16.5px; -webkit-transition:all 200ms linear; transition:all 200ms linear}
.menu-icon__line-right{width:16.5px; float:right; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear}
.menu-icon:hover .menu-icon__line-left, 
.menu-icon:hover .menu-icon__line-right{width:30px}
.header-wrapper {
    position: relative;
    width: 100%);
    padding: 0 30px 0 30px;
}
body.nav-active .nav {
    visibility: visible;
    display: flex;
}
.cd-header {
    display: block;
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
.trigger-7 {margin-top:50px;}
.nav:before, .nav:after{content:"";width:100vw; height:100vh;background: rgb(41,104,158);
background: linear-gradient(45deg, rgba(41,104,158,1) 0%, rgba(23,90,155,1) 31%, rgba(22,82,151,1) 60%, rgba(18,78,153,1) 81%, rgba(9,64,143,1) 100%); border-bottom-left-radius:200%; z-index:-1; -webkit-transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:transform cubic-bezier(0.77,0,0.175,1) 0.6s,-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; -webkit-transform:translateX(100%) translateY(-100%);  transform:translateX(100%) translateY(-100%)}
.nav {
    position: fixed;
    z-index: 99;
    display: none;
}
.nav:before{-webkit-transition-delay:.2s;  transition-delay:.2s}
.nav__content{position:fixed; visibility:hidden; top:40%; margin-top:20px; -webkit-transform:translate(0%,-50%);  transform:translate(0%,-50%); width:100%; text-align:center}
.nav__list{position:relative; padding:0; margin:0; z-index:2}
.nav__list-item{position:relative; display:block; -webkit-transition-delay:0.8s;  transition-delay:0.8s; opacity:0; text-align:center; color:#fff; overflow:hidden;font-size:35px; font-weight:900; line-height:1.05; letter-spacing:1.5px; -webkit-transform:translate(100px,0%);  transform:translate(100px,0%); -webkit-transition:opacity .2s ease,-webkit-transform .3s ease; transition:opacity .2s ease,-webkit-transform .3s ease; transition:opacity .2s ease,transform .3s ease; transition:opacity .2s ease,transform .3s ease,-webkit-transform .3s ease; margin-top:0; margin-bottom:0}
.nav__list-item a{position:relative; text-decoration:none; color:rgba(255,255,255,0.6); overflow:hidden; cursor:pointer; padding-left:5px; padding-right:5px; font-weight:900; z-index:2; display:inline-block; text-transform:uppercase;  -webkit-transition:all 200ms linear;  transition:all 200ms linear}
.nav__list-item a:hover:after{height:4px; opacity:1; left:0; width:100%}
.nav__list-item a:hover{color:rgba(255,255,255,1)}
.nav__list-item.active-nav a{color:rgba(255,255,255,1)}
.nav__list-item.active-nav a:after{height:4px; opacity:1; left:0; width:100%}
body.nav-active .nav__content{visibility:visible}
body.nav-active .menu-icon__line{background-color:#fff; -webkit-transform:translate(0px,0px) rotate(-45deg);  transform:translate(0px,0px) rotate(-45deg)}
body.nav-active .menu-icon__line-left{width:15px; -webkit-transform:translate(2px,4px) rotate(45deg);  transform:translate(2px,4px) rotate(45deg)}
body.nav-active .menu-icon__line-right{width:15px; float:right; -webkit-transform:translate(-3px,-3.5px) rotate(45deg);  transform:translate(-3px,-3.5px) rotate(45deg)}
body.nav-active .menu-icon:hover .menu-icon__line-left, 
body.nav-active .menu-icon:hover .menu-icon__line-right{width:15px}
body.nav-active .nav{visibility:visible;display:flex}
body.nav-active .nav:before, body.nav-active {-webkit-transform:translateX(0%) translateY(0%);  transform:translateX(0%) translateY(0%); border-radius:0}

body.nav-active .nav:before{-webkit-transition-delay:0s;  transition-delay:0s}
body.nav-active .nav__list-item{margin:12px 0 12px 0;opacity:1; -webkit-transform:translateX(0%);  transform:translateX(0%); -webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease; transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease; transition:opacity .3s ease,transform .3s ease,color .3s ease; transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}
body.nav-active .nav__list-item:nth-child(0){-webkit-transition-delay:0.7s;  transition-delay:0.7s}
body.nav-active .nav__list-item:nth-child(1){-webkit-transition-delay:0.8s;  transition-delay:0.8s}
body.nav-active .nav__list-item:nth-child(2){-webkit-transition-delay:0.9s;  transition-delay:0.9s}
body.nav-active .nav__list-item:nth-child(3){-webkit-transition-delay:1s;  transition-delay:1s}
body.nav-active .nav__list-item:nth-child(4){-webkit-transition-delay:1.1s;  transition-delay:1.1s}
body.nav-active .nav__list-item:nth-child(5){-webkit-transition-delay:1.2s;  transition-delay:1.2s}
body.nav-active .nav__list-item:nth-child(6){-webkit-transition-delay:1.3s;  transition-delay:1.3s}
body.nav-active .nav__list-item:nth-child(7){-webkit-transition-delay:1.4s;  transition-delay:1.4s}
body.nav-active .nav__list-item:nth-child(8){-webkit-transition-delay:1.5s;  transition-delay:1.5s}
body.nav-active .nav__list-item:nth-child(9){-webkit-transition-delay:1.6s;  transition-delay:1.6s}
body.nav-active .nav__list-item:nth-child(10){-webkit-transition-delay:1.7s;  transition-delay:1.7s}



.background-video .bg-abs .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-2 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-3 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs {top:500px;}
.location-pin {display:none}
.container-2 {width: 750px;}
.container-1 {width: 750px;}
.trigger-1 {padding:0 50px 0 50px}
.bg-abs-3 {left:10px;}
.bg-abs-2 {right: 50px;z-index:999}
.bg-2 h3 {font-size: 40px;line-height: 50px;    padding-left: 130px;}
.bg-2 h3:before {left: 0px;}
.sc-heading.style-02 .title {font-size: 40px!important;line-height: 50px!important;}
.h1-introduce .sc-heading.style-02 { padding: 0px 50px 0 0;}
.rev_slider h2 {font-size: 45px!important;line-height: 55px!important;}
.rev_slider h1 {font-size: 45px!important;line-height: 55px!important;}
.rev_slider p {font-size: 19px!important;line-height: 30px!important;}
.h1-introduce { margin-top: 0px;}
.col-xsm-12 {width:100%!important;    flex: 0 0 100%!important;max-width: 100%!important;}
.trigger-1 .offset-sm-2 {margin-bottom:40px;width:100%!important;    flex: 0 0 100%!important;max-width: 100%!important;margin-left:0;}
.offset-sm-2 {margin-left:0;}
.traghetti-sardo ul.top-menu>li>p {padding: 9px 15px;}
.exitblock .modaltext {    left: 0%;}
.pt-6 {padding-top: 6px;padding-left: 20px;}
.img-abs-info {bottom: 30px;right: 30px;}
.round-img {width: 300px;top: -90px;left: 0px;}
.new-elements .col-sm-4 {-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;margin-left: 20%;margin-bottom:50px;}
.traghetti-sardo .width-logo img {padding: 0 80px 0px 0px;}
}
@media (max-width:1200px) and (min-width:1025px){ .page-title-wrapper{ height:200px}
}
@media (max-width:1200px){
.sticky-affix .sticky-logo img {margin-left: 0px;}
 .comingsoon-wrapper .coom-inner{ padding:40px 0}
}
@media (min-width:1200px){ body .container{ width:1200px;  max-width:100%}
 body .container.w-1192 .row{ margin:0}
 body .container.w-1192 .col-sm-3{ padding:0}
 body .container.w-1192{ width:1192px;  max-width:100%}
}

@media (max-width:1170px){ .sc-tourist.style-02 .rating{ font-size:0}
 .sc-travel.style-01 .content .info{ padding-top:10px}
 .sc-travel.style-01 .content .inner{ padding:20px 25px}
 .h4-group-check-room .sc-travel.style-01 .row{ margin:0}
 .h4-group-check-room .sc-travel.style-01 .item{ padding:0}
 .navigation ul.main-menu >li.menu-item{ margin-right:20px}
 .language{ padding:0 15px}
 .header_v2 .phone{ display:none}
}

@media (max-width:1024px){ .sc-tourist.style-01 .content .inner .title{ font-size:30px}
 .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:138px}
 .sc-rooms.style-04 .item{ margin-bottom:28px}
 .h4-group-video-testimonial{ padding-top:80px}
 .sc-testimonial.style-04{ padding:0 50px 50px}
 .footer .col-sm-4{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%;  padding:20px 15px}
 .footer .col-sm-2{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%;  padding:20px 15px}
 .h4-group-video-testimonial .col-sm-6{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .sc-video.style-02{ margin-right:auto;  margin-left:auto}
 .sc-travel.style-02 .review .time, .travel-content-search .item .time{ float:left}
 .sc-reason .list-reason li i{ float:left;  min-height:40px}
 .header_v4 .header-right{ padding-right:30px}
 .hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu{ right:8px;  left:auto !important}
 .sc-list-event.style-01 .event .title{ font-size:20px}
 .sc-list-event.style-01{ padding-left:25px;  padding-right:25px}
 .home .rooms-content .room-item .room-summary{ padding-right:20px;  padding-left:20px}
 .home .room-meta .rating{ float:right}
 .home .rooms-content .room-meta .price{ float:left}
 .h1-introduce .sc-heading.style-02, 
 .h1-introduce .sc-img-box{ position:static}
 .h1-introduce .sc-heading.style-02{ padding:0}
 .sc-heading.style-02 .title{ font-size:40px}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-submit{ padding-left:20px;  padding-right:20px}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after{ right:-5px}
 .hotel-booking-search.style-01 .hb-form-table .hb-form-field.hb-form-check-out:before, 
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-number:after{ right:20px}
 .room-meta .rating, 
 .rooms-content .room-meta .price{ float:none}
 .navigation ul.main-menu{ padding-right:0}
 .toolbar-right{ padding-left:0}
 .sc-counter-box, 
 .sc-quote.style-01{ padding:150px 0}
 .sc-counter-box .wrapper .item{ margin:0 10px}
 .widget-newsletter form input{ width:100%}
 header#masthead .width-logo{ width:200px}

 header .sub-menu{ min-width:200px}
 .toolbar-info .label{ display:none}
 .top-toolbar ul.top-menu>li>a, .weather{ padding-right:10px;  padding-left:10px}
 a.btn-book{ padding-left:14px;  padding-right:14px}
 .sc-reason{ padding-left:0}
}

@media (max-width:1023px){ .top-toolbar, .header-right{ display:none}
}

@media (max-width:992px){ header#masthead.header_v4 .width-logo .no-sticky-logo img{ height:60px}
 .container{ width:960px;  max-width:100%}
 
.mt-100 {margin-top:60px;}
}

@media (min-width:992px){ .container{ max-width:970px}

}

@media (max-width:800px){ .sc-reason .title{ font-size:40px}
 .header_v4 .navigation ul.main-menu >li.menu-item{ min-width:115px}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-submit{ padding-left:15px;  padding-right:15px}
 .shop-content .product-meta{ float:none}
 .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ margin:0 5px}
 body.single-event aside#secondary, 
 body.single-event main.site-main.col-md-9{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 body.single-event main.site-main.col-md-9{ padding-bottom:45px;  order:-1}
 .comingsoon-wrapper .thim-countdown{ margin:15px 0}
 .comingsoon-wrapper .coom-inner{ padding:0}
 .sc-contact-form{ padding:40px 30px}
 .sc-contact-info{ padding-left:0}
 .sc-heading .description br, 
 .sc-count-down .title br{ display:none}
 .meta_post .social-share{ float:none;  margin-top:20px}
 header#masthead .width-logo{ width:150px}
 .sc-about-slides .owl-next{ right:15px}
 .sc-about-slides .owl-prev{ left:15px}
 .sc-about-slides-1 .owl-next{ right:15px}
 .sc-about-slides-1 .owl-prev{ left:15px}
}

@media (max-width:959px) and (min-width:768px){ .sc-tourist.style-01 .content .inner{ padding:0 20px}
 .sc-tourist.style-01 .content .inner .title{ font-size:26px}
 .sc-travel-search .hb-submit button{ max-width:100%;  padding:0 30px}
 .container{ width:95%;  max-width:100%}
 .navigation .main-menu >li:last-child .sub-menu .sub-menu, 
 .navigation .main-menu >li:nth-last-child(2) .sub-menu .sub-menu{ left:auto;  right:100%}
}

@media (max-width:767px){
	.sc-about-slides-1 {align-items: flex-start;flex-direction: column;}
	.relat {display:none}
.accommodation-page .page-title-wrapper {height: 500px;}
.pjVpProductSectionBody h2 {width: 100%;font-size: 25px!important;}
.sub-titles {letter-spacing: 0.5px;}
#pjWrapper .pjVpProductSectionBody .f-raleway strong {font-size: 19pt;}
.prices {margin-top: 0px!important;}
.bb-2 {padding: 5px 0 10px 0 !important;}
[id^=pjWrapper] .list-inline {margin-left: 0px!important;}

.pjVpProductTablePackages thead {width: 50%;display: inline-block;}
.pjVpProductTablePackages tbody {width: 50%;display: inline-block;}
.pjVpProductTablePackages th, .pjVpProductTablePackages td, .pjVpProductTablePackages tr {display:block}


.pjVpFormActions .pjVpBtnPrimary {text-align: center!important;margin: 40px auto;display: block!important;}
#pjVpEnquirySection .sub-titles {line-height:35px!important;margin-top: 0px!important;color:#1c7bbf!important;font-size: 30px!important;}
.pjVpListTicks {    width: 100%!important;text-align: left;}
#pjWrapper .pjVpProductMainImage img {height: auto!important;}
.pjVpProductMainImage .pdd-0 {padding-left: 0px!important;padding-right: 0px!important;}
#pjWrapper .pjVpProductThumbImage img {height: auto!important;}
.pjVpProductSection {margin-bottom: 40px!important;box-shadow:none!important}
.list-unstyled li strong {line-height:35px!important;}
.pjVpProductInner .informazione h1 {font-size: 35px!important;line-height: 47px!important;font-weight: 600!important;}
.pjVpProductRating {font-size: 20px;}
.pdd-15 {padding:0 15px 0 15px}
.sc-contact-form {margin-top: 40px;}
.mb-inf .float-right {float: left!important;}
.xs-mtm-70 {margin-top:-70px;}
.xs-mtm {margin-top:-110px;padding:0 15px 0 15px}
.xs-mtm a{margin-bottom:50px;}
.mb-inf { margin-bottom: 70px!important;}
.xs-mt-50 {margin-top:50px;}
.accommodation-page .about-infos {padding-left: 0px;}
.accommodation-page .bg-1 .more-info-3 {margin-top:0px}
.accommodation-page .bg-1 .btn-book {margin-bottom:70px;}
.accommodation-page .bg-1 h3 {padding: 0 0 0px 0;}
.bg-1 .text-right {text-align:center!important}
.accommodation-page .bg-1 { padding: 80px 15px 80px 15px;}
.about-infos-2 {padding-right: 0px;}
#scegli-zona {display: block;margin-top:0px;padding:0 15px 0 15px;}
.mt-descr { margin-top: 50px;}
.accommodation-page .mini .second-title { margin-top: 70px;}
.accommodation-page .traghetti-icon {position:relative}
.accommodation-page .pl-info { padding-left: 0px!important;}
.pt-text { padding: 30px 15px 40px 15px;}
.accommodation-page .description {font-size: 17px;line-height: 30px;}
.abs-icon {right: -30px;left:0;margin:0 auto;top: -110px;}
.abs-icon-1 {right: 0px;left:-50px;margin:0 auto;top: -140px;}
.accommodation-page .page-title {margin-bottom: 170px;}
.nav-active .cd-header {background:transparent!important}
.offerte-page .cd-header {padding-bottom: 20px;background:linear-gradient(45deg, rgba(41,104,158,1) 0%, rgba(23,90,155,1) 31%, rgba(22,82,151,1) 60%, rgba(18,78,153,1) 81%, rgba(9,64,143,1) 100%);}
#pjWrapper .pjVpProductsAlt .pjVpProduct {width: 100%;}
.informazione h3 {font-size: 30px!important;line-height: 42px;font-weight: 500;}
.informazione h1 {font-size: 30px!important;line-height: 42px;font-weight: 500;}
#pjWrapper .pjVpProductHead{border-bottom:none!important}
.offerte-page .home-main-content{padding-top:50px;}
.trigger-1 {opacity: 1;}
.sectionCallBack .sectionHead {padding-top: 0px!important;bottom:-610px!important;}
.sectionCallBack .sectionInner {height: auto!important;max-height: none!important;padding-bottom: 0!important;}
.sectionCallBack  {top:auto!important;height: auto!important;bottom:50px!important;}
.sc-img-box .col-sm-4 {padding-left: 3px!important;padding-right: 3px!important;}
.col-xs-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.travel-details p {font-size: 17px;line-height: 30px;}
.background-video .bg-abs .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-2 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs-3 .more-info-1 {    font-size: 27px;line-height: 37px;}
.background-video .bg-abs {top:500px;}
.location-pin {display:none}
.container-2 {width: 100%;padding:0 15px 0 15px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-1 {width: 100%;padding:0 15px 0 15px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.trigger-1 {padding:0 15px 0 15px}
.bg-abs-3 {left:10px;    position: relative;display:none}
.bg-abs-2 {right: 50px;z-index:999;    position: relative;display:none}
.bg-2 {padding: 100px 20px 100px 20px;}
.bg-2 h3 {font-size: 30px;line-height: 40px;    padding-left: 130px;}
.bg-2 h3:before {left: 0px;    width: 100px;height: 100px;top: -10px;}
.sc-heading.style-02 .title {font-size: 35px!important;line-height: 45px!important;}
.h1-introduce .sc-heading.style-02 { padding: 0px 0px 0 0;}
.rev_slider h2 {font-size: 33px!important;line-height: 35px!important;text-align:center!important}
.rev_slider h1 {font-size: 33px!important;line-height: 35px!important;text-align:center!important}
.rev_slider p {font-size: 19px!important;line-height: 30px!important;}
.h1-introduce { margin-top: 0px;}
.col-xsm-12 {width:100%!important;    flex: 0 0 100%!important;max-width: 100%!important;}
.trigger-1 .offset-sm-2 {margin-bottom:40px;width:100%!important;    flex: 0 0 100%!important;max-width: 100%!important;margin-left:0;}

.traghetti-sardo #back-to-top {bottom:80px;}
.fixed-btn {text-transform:uppercase;display:block;position:fixed;bottom:0;width:100%;padding:25px 30px 25px 30px;text-align:center;background:#feb201;color:#fff;font-size:22px;font-weight:700;letter-spacing:0px;z-index:999}
.day-css {margin-top:50px!important}
.traghetti-sardo .sc-heading .first-title{font-size: 15px;}
.traghetti-sardo .sc-heading .first-title:before {display:none}
.xs-btn {text-align:center;background:#1c7bbf;padding:10px 20px 10px 20px;color:#fff;font-size:20px;display:block;margin:50px 40px;}
.xs-btn:hover {background:#1c7bbf;color:#fff;}
.traghetti-sardo .page-title-wrapper:before {opacity: .3;}
.traghetti-sardo .menu-mobile-effect.navbar-toggle {margin-top:10px;}
.xs-phone {display:block;width:33px; height:auto;position:absolute;top:18px!important;right:30px;left: 88%!important;z-index:999}
.bg-opacity {font-weight:600}
.absolut-1 {padding:0 10px 0 10px; background-color: rgba(13, 106, 156, 0.7);font-weight:700;min-width: 280px;}
.absolut-1 a {letter-spacing: 0.5px!important;padding: 7px 0px 7px!important;font-size: 15px!important;line-height: 25px!important;}
.mb-traghetti {margin-bottom: 0px;}
.traghetti-sardo .site-content {margin-top:-40px;}
.sc-heading .description {padding:0 0px 0 0px}
.map-bg:before {display:none}
.traghetti-sardo .mobile-logo {}
.absolut a {    padding: 17px 0px 17px;}
.traghetti-sardo .width-logo {border-top:10px solid #007cc3}
.top-color {display:none}
.exitblock .modaltext {left: 0;width: 100%;top: 10%;}
.top-menu {text-align:center}
.top-color {text-align:center}
.title-1 {margin-top: 0px!important;}
.traghetti-sardo ul.top-menu>li>p {padding: 9px 15px;}
.menu-item span {padding-right: 3px;padding-left: 3px;}
.faq-section .row{padding:0 25px 0 25px}
.traghetti-sardo .row-none .row {margin-right: 0px;margin-left: 0px;padding:0 25px 0 25px}
.traghetti-sardo .width-logo img {padding:0px;    left: 28%;}
.img-abs-info {bottom: -110px;right: 0px;left:0px;text-align:center;margin:0 auto;width: 70%;}
.form-sheet h3 {padding-left: 80px;}
.form-sheet .first-title {padding-left: 80px;}
.form-sheet img {top: -10px;left: 0px;width: 70px;}
.traghetti-under-title {margin-top:150px;}
.family {left: 42%;top: 5px;}
.traghetti-sardo .description {padding:0 15px 0 15px}
.yellow-text strong {    font-size: 24px;line-height: 36px;}
.about-infos {padding-left: 15px;}
.pl-info {padding-left: 100px!important;}
.pt-6 {padding-left: 15px;}
.waves-slider {display:none}
.new-elements .col-sm-4{margin-bottom:30px}
.new-elements {margin-top:50px}
.row-none .col-sm-6 a  img{margin:15px 0 15px 0}
.row-none .row {margin-right: 0px;margin-left: 0px;}
.faq--item .faq-title .title {    font-size: 16px;line-height: 27px;}
.tm-flex {display: block;}
.sc-heading .second-title {font-size: 25px;}
.mini .second-title {font-size: 25px!important;line-height: 35px!important;}
.pl-30 {padding-left: 0px;}
.block {font-size: 45px;}
.traghetti-sardegna h1 {font-size: 40px;line-height: 50px;}
.absolut {bottom:-70px}
.paralax__item {display:none}
.traghetti-sardo a.btn-book-1 {margin-top:-20px;}
.bg-opacity {border-radius: 5px;background-color: #feb201;}
.traghetti-sardo .page-title-wrapper .content {text-align:center;border-style:none; position: relative;left:0;right: 0;width: 100%;padding: 30px 20px 30px 20px;}
.traghetti-sardo .page-email {height: 720px!important;background-position-x:40%}
.page-email {height: 450px!important;background-position-x:40%}
.sc-video .background-video .cover-image{background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.svg-img-50 {margin-top: 35px!important;}
.email-bg h3 {text-align:center}
.emails { padding: 30px 0px 30px 0px!important;}
.email-bg p {width:100%;text-align:center}
.email-bg {position:relative;  top:0px;  flex: 0 0 100%;max-width: 100%;width: 100%;right: 0px;}
.email-bg img {display: block;margin:0 auto}
.email-bg a {text-align:center;margin:0 auto;display:block;width:280px;position:relative;margin-top:20px;}
.svg-img {display:block!important;text-align:center;margin:0 auto;width:85%;margin-top:70px!important;}
.sc-video.style-02{ max-width:100%}
 .sc-group-iconbox .top-description br{ display:none}
 .sc-images.style-01 .container-fluid .row >div{ -ms-flex:0 0 33.33%;  flex:0 0 33.33%;  max-width:33.33%}
 .sc-posts.style-02 .content{ padding-right:20px;  padding-left:20px}
 .sc-tourist.style-02 .col-sm-4{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%}
 .sc-rooms.style-04 .item{ margin-bottom:27px}
 .sc-rooms.style-04 .item .content{ padding:0 10px}
 .sc-rooms.style-04 .items-small .content .rating{ display:none}
 .sc-rooms.style-04 .content .title a{ font-size:20px}
 .sc-tourist.style-01 .content .inner .title{ font-size:26px}
 .sc-tourist.style-01 .content .inner{ padding:0 15px}
 .sc-travel-search .hb-submit button{ max-width:100%;  padding:0 30px}
 .sc-travel.style-01 .content .inner{ padding:15px}
 .sc-travel.style-01 .content .info{ display:none}
 header#masthead.header_v4 img.mobile-logo{ height:60px}
 .sc-categories-link.style-02 .item .content-overlay{ left:20px}
 .blog-event .item-first{ padding-bottom:30px}
 .blog-event >.row >div{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .hotel-booking-search.layout-columns .hb-form-table .hb-form-field .hb_input_field{ padding-right:10px;  padding-left:10px}
 .home .room-meta .rating, .home .rooms-content .room-meta .price{ float:none}
 .sc-list-box.style-01 .box-item{ text-align:center}
 .sc-gallery.style-01{ text-align:center}
 .sc-posts.style-01 .content{ padding:20px}
 .sc-heading.style-02 .title{ font-size:30px}
 .hotel-booking-search.style-01 .hb-submit .contact-info span{ display:inline-block}
 .hotel-booking-search.style-01 .hb-submit .contact-info{ line-height:normal}
 .rooms-content.layout-grid.style-02 .room-item .room-summary{ padding-left:20px;  padding-right:20px}
 .rooms-content.layout-grid.style-01 .room-item .room-summary{ padding-right:10px;  padding-left:10px}
 .event-single-content .thumbnail img{ width:100%;  height:500px;  object-fit:cover}
 .comingsoon-wrapper .thim-countdown{ margin:50px 0}
 .comingsoon-wrapper .coom-inner{ padding:90px 0}
 .meta_post .social-share{ float:right}
 .page-title-wrapper {background-position-x: 40%;height: 500px;}
 .gallery-slider .owl-item img {padding:40px;}
 .page-title-wrapper .heading_primary{    margin-top: 60px;font-size:36px}
 .image-box img{ width:100%}
 aside#secondary, 
 main.site-main.col-md-9{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 main.site-main.col-md-9{ padding-bottom:45px;  order:-1}
 .sc-quote.style-01 .title{ padding-left:90px}
 header#masthead .width-logo{ width:100% !important}
 body:not(.demo-1) .mobile-menu-container .inner-off-canvas .menu-mobile-effect.navbar-toggle:hover .fa{ color:var(--primary-color-2)}
 .h4-group-check-room .sc-travel.style-01{ margin-top:0;  padding-top:30px}
}

@media (max-width:767px){  
.nav__content {display: block;}
#pjCF_container_1 .pjCF-button {margin: 30px auto;text-align: center;display: block;}  
.sc-video .background-video .content .title {text-transform:uppercase;margin-top:50px;font-weight:400;}
.sc-video .background-video .content .video-play {display:block;margin:0 auto;margin-bottom:50px!important;}
#pjCF_container_4 .col-sm-6 {padding-left:0px!important;padding-right:0px!important}
#pjCF_container_4 .col-sm-4 {padding-left:0px!important;padding-right:0px!important}
#pjCF_container_1 .checkbox label, [id^=pjWrapper] .radio label {font-weight:700!important}
[id^=pjWrapper] .radio label {padding-left: 15px!important;font-weight:700!important}
[id^=pjWrapper] .container, [id^=pjWrapper] .container-fluid {    padding-right: 0px!important;}
#pjCF_container_4 [id^=pjWrapper] .panel-body {padding: 0px!important;}
#pjCF_container_4 .panel-body {padding: 0px!important;}
.footer-bg {height:210px;padding-top:30px;width:100%;margin-top:40px;}
.footer-bg-1 {background-color:rgba(0, 0, 0, .5);height:250px;padding-left:0px;width:100%} 
footer#colophon.footer_v2 .footer-location .info .fa {color:#fff;}
.pr-30 {padding-right: 0px;}
.footer .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.sc-travel-search .hb-submit button{ padding:0 20px}
 .sc-travel-search .hb-form-table li select{ padding:0 15px}
 .sc-reason .title{ font-size:40px}
.thim-link-slider2 {margin-left:0px!important;}
}

@media (max-width:667px) and (min-width:601px){ .sc-events.list-style .event-content{ padding-bottom:30px}
 .sc-testimonials.style-02 .item{ max-width:460px}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after{ right:15px}
 .hotel-booking-search.style-01 .hb-form-table .hb-form-field .hb_input_field input.day{ width:auto !important}
 .hotel-booking-search .hb-form-table .hb-form-field.hb-form-number .hb-form-field-list{ padding:15px}
}
@media (max-width:767px) and (min-width:568px){ .sc-categories-link.style-02 .item .title a{ font-size:18px}
 .sc-posts.style-01 .item-first{ padding-bottom:30px}
}

@media (max-width:767px){
.page-title-wrapper .heading_primary {font-family: 'Anton', sans-serif!important;}
.pdd-note-1 {padding:0 15px 0 15px}
.pl-25 {padding-left: 0px;}
.accommodation-page .page-new-title {font-size: 40px;line-height: 50px;padding-bottom: 30px;}
#le-nostre-offerte {padding-top:50px;}
[id^=pjWrapper] .col-xs-7 {width: 100%!important;}
.dropdown {position: relative;display: inline-block;}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

.section{ position:relative; width:100%; display:block}
.over-hide{overflow:hidden}
.full-height{height:100vh}
 
.cd-header{background-color:transparent;position: absolute;width:100%; top:0; left:0; z-index:9999}

.active-menu a{    color: rgba(255,255,255,1)!important;}
.header-wrapper{ position:relative; width:100%); padding:0 30px 0 30px}
.slider-logo img{width:150px;margin-top:25px;}
body.nav-active {overflow: hidden!important; height:100vh;}
.logo-wrap{position:absolute; display:block; left:0; top:40px; cursor:pointer}
.logo-wrap a{cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:900; font-size:20px; line-height:20px; text-transform:uppercase; letter-spacing:2px; color:#fff; transition:all 0.3s ease-out}
.logo-wrap a span{color:#8167a9}
.logo-wrap a:hover{opacity:0.9}
.nav-but-wrap{position:relative; display:inline-block; float:right; padding-left:15px; padding-top:15px; margin-top:26px; transition:all 0.3s ease-out}
.menu-icon{height:30px; width:30px; position:relative; z-index:2; cursor:pointer; display:block}
.menu-icon__line{height:2px; width:30px; display:block; background-color:#fff; margin-bottom:7px; cursor:pointer; -webkit-transition:background-color .5s ease,-webkit-transform .2s ease; transition:background-color .5s ease,-webkit-transform .2s ease; transition:transform .2s ease,background-color .5s ease; transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease}
.menu-icon__line-left{width:16.5px; -webkit-transition:all 200ms linear; transition:all 200ms linear}
.menu-icon__line-right{width:16.5px; float:right; -webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear}
.menu-icon:hover .menu-icon__line-left, 
.menu-icon:hover .menu-icon__line-right{width:30px}
.relative-slider {    z-index: 9;}
.bg-opacity img {margin-right: 0px; margin-left: 0px;}
.traghetti-sardegna p {line-height: 1.6em;}
.breadcrumbs {display:none}
.nav{position:fixed; z-index:9998;display: none;}
.xs-block {display:block;}
.xs-show {display:block!important;text-align:center;margin-bottom:40px;}
.xs-show .more-info-1 {font-size: 27px;line-height: 37px;}
.xs-show img {padding:30px 50px 0 50px}
.xs-show .more-info-1:hover:after {
    position: absolute;
    left: 300px;
    top: -18px;
    background-size: cover;
    background-image: url(../images/home/arrow-gif.gif);
    display: inline-block;
    background-repeat: no-repeat;
    content: '';
    width: 80px;
    height: 80px;
}
.trigger-4 {display:none}
.nav:before, .nav:after{content:"";width:100vw; height:100vh;background: rgb(41,104,158);
background: linear-gradient(45deg, rgba(41,104,158,1) 0%, rgba(23,90,155,1) 31%, rgba(22,82,151,1) 60%, rgba(18,78,153,1) 81%, rgba(9,64,143,1) 100%); border-bottom-left-radius:200%; z-index:-1; -webkit-transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; transition:transform cubic-bezier(0.77,0,0.175,1) 0.6s,-webkit-transform cubic-bezier(0.77,0,0.175,1) 0.6s,border-radius linear 0.8s; -webkit-transform:translateX(100%) translateY(-100%);  transform:translateX(100%) translateY(-100%)}

.nav:before{-webkit-transition-delay:.2s;  transition-delay:.2s}
.nav__content{position:fixed; visibility:hidden; top:40%; margin-top:20px; -webkit-transform:translate(0%,-50%);  transform:translate(0%,-50%); width:100%; text-align:center}
.nav__list{position:relative; padding:0; margin:0; z-index:2}
.nav__list-item{position:relative; display:block; -webkit-transition-delay:0.8s;  transition-delay:0.8s; opacity:0; text-align:center; color:#fff; overflow:hidden;font-size:35px; font-weight:900; line-height:1.05; letter-spacing:1.5px; -webkit-transform:translate(100px,0%);  transform:translate(100px,0%); -webkit-transition:opacity .2s ease,-webkit-transform .3s ease; transition:opacity .2s ease,-webkit-transform .3s ease; transition:opacity .2s ease,transform .3s ease; transition:opacity .2s ease,transform .3s ease,-webkit-transform .3s ease; margin-top:0; margin-bottom:0}
.nav__list-item a{position:relative; text-decoration:none; color:rgba(255,255,255,0.6); overflow:hidden; cursor:pointer; padding-left:5px; padding-right:5px; font-weight:900; z-index:2; display:inline-block; text-transform:uppercase;  -webkit-transition:all 200ms linear;  transition:all 200ms linear}
.nav__list-item a:hover:after{height:4px; opacity:1; left:0; width:100%}
.nav__list-item a:hover{color:rgba(255,255,255,1)}
.nav__list-item.active-nav a{color:rgba(255,255,255,1)}
.nav__list-item.active-nav a:after{height:4px; opacity:1; left:0; width:100%}
body.nav-active .nav__content{visibility:visible}
body.nav-active .menu-icon__line{background-color:#fff; -webkit-transform:translate(0px,0px) rotate(-45deg);  transform:translate(0px,0px) rotate(-45deg)}
body.nav-active .menu-icon__line-left{width:15px; -webkit-transform:translate(2px,4px) rotate(45deg);  transform:translate(2px,4px) rotate(45deg)}
body.nav-active .menu-icon__line-right{width:15px; float:right; -webkit-transform:translate(-3px,-3.5px) rotate(45deg);  transform:translate(-3px,-3.5px) rotate(45deg)}
body.nav-active .menu-icon:hover .menu-icon__line-left, 
body.nav-active .menu-icon:hover .menu-icon__line-right{width:15px}
body.nav-active .nav{visibility:visible;display:flex}
body.nav-active .nav:before, body.nav-active {-webkit-transform:translateX(0%) translateY(0%);  transform:translateX(0%) translateY(0%); border-radius:0}

body.nav-active .nav:before{-webkit-transition-delay:0s;  transition-delay:0s}
body.nav-active .nav__list-item{margin:12px 0 12px 0;opacity:1; -webkit-transform:translateX(0%);  transform:translateX(0%); -webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease; transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease; transition:opacity .3s ease,transform .3s ease,color .3s ease; transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease}
body.nav-active .nav__list-item:nth-child(0){-webkit-transition-delay:0.7s;  transition-delay:0.7s}
body.nav-active .nav__list-item:nth-child(1){-webkit-transition-delay:0.8s;  transition-delay:0.8s}
body.nav-active .nav__list-item:nth-child(2){-webkit-transition-delay:0.9s;  transition-delay:0.9s}
body.nav-active .nav__list-item:nth-child(3){-webkit-transition-delay:1s;  transition-delay:1s}
body.nav-active .nav__list-item:nth-child(4){-webkit-transition-delay:1.1s;  transition-delay:1.1s}
body.nav-active .nav__list-item:nth-child(5){-webkit-transition-delay:1.2s;  transition-delay:1.2s}
body.nav-active .nav__list-item:nth-child(6){-webkit-transition-delay:1.3s;  transition-delay:1.3s}
body.nav-active .nav__list-item:nth-child(7){-webkit-transition-delay:1.4s;  transition-delay:1.4s}
body.nav-active .nav__list-item:nth-child(8){-webkit-transition-delay:1.5s;  transition-delay:1.5s}
body.nav-active .nav__list-item:nth-child(9){-webkit-transition-delay:1.6s;  transition-delay:1.6s}
body.nav-active .nav__list-item:nth-child(10){-webkit-transition-delay:1.7s;  transition-delay:1.7s}

.switch-wrap{position:absolute; top:50%; left:0; z-index:10;  transform:translateY(-50%); width:100%; -webkit-transition:all 500ms linear; transition:all 500ms linear; margin:0 auto; text-align:center}
.switch-wrap h1{font-weight:900; font-size:46px; line-height:1; color:#fff; text-align:center; text-transform:uppercase; margin-bottom:40px; -webkit-transition:all 300ms linear; transition:all 300ms linear}
@media screen and (max-width:580px){ .switch-wrap h1{ font-size:32px}
}
.switch-wrap p{font-weight:600; font-size:14px; letter-spacing:1px; line-height:1; color:#8167a9; text-align:center; margin-top:15px}
.switch-wrap p span{position:relative}
.switch-wrap p span:before{position:absolute; content:''; width:100%; height:2px; background-color:#fff; left:0; bottom:-4px; -webkit-transition:all 300ms linear; transition:all 300ms linear}
.switch-wrap p span:nth-child(2):before{opacity:0}
#switch, 
#circle{cursor:pointer; -webkit-transition:all 300ms linear; transition:all 300ms linear}

#switch{width:60px; height:8px; margin:0 auto; text-align:center; border:2px solid #000; border-radius:27px; background:#8167a9; position:relative; display:inline-block}
#circle{position:absolute; top:-11px; left:-13px; width:26px; height:26px; border-radius:50%; box-shadow:0 4px 4px rgba(26,53,71,0.25),0 0 0 1px rgba(26,53,71,0.07); background:#fff}
.switched{border-color:#8167a9 !important; background:#000 !important}
.switched #circle{left:43px; background:#000}
.nav-active header{background-color:transparent}
.sectionCallBack {z-index:9!important}
.cd-header {display: block;}
.header-default {display:none}

.trigger-1 {transition:1s;}
.trigger-2 {transition:1s;}
.trigger-3 {transition:1s;}
.trigger-4 {transition:1s;}
.trigger-5 {transition:1s;}
.trigger-6 {transition:1s;}
.trigger-7 {transition:1s;}

.sticky-affix .sticky-logo img {margin-left: 0px;}
.copyright {background-color: rgba(0, 0, 0, .7);}
br {display:none}
.xs-none {display:none!important}
.sectionCallBack {width:auto!important}
.hotel-booking-search .hb-form-table .hb-form-field {padding: 25px 40px;}
.h1-introduce {margin-top: 0px;}
#travel-1 .col-sm-9{padding-left: 0px!important;padding-right: 0px!important;}
.sc-heading.style-02 .description {line-height: 29px;}
.bg-1 {padding:0 25px 0 25px;background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.group-destination {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.h1-banner {background-repeat: repeat;background-attachment: inherit;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.mini-title p {padding-right: 0px;padding-left: 0px;}
.hotel-booking-search .hb-form-table .hb-form-field {padding-left: 40px;padding-right: 40px;}
.caraibi strong {padding-top: 60px;padding-bottom: 0px; padding-right: 0px;text-align:center}
.sc-hb-rooms-search {height: auto;}
.center-div {margin:0 auto;display:block;    text-align: center;margin-bottom:50px;}
.mt-60 {margin-top: 40px;}
#rev_slider_4_1 .zeus.tparrows {display:none!important}
.copyright-text {padding: 25px 15px 15px 15px;}
.copyright-menu {text-align: left;padding: 0px 0 25px 0;}
.sc-video .background-video {padding: 70px 0 400px;}
.col-xs-6 {-ms-flex: 0 0 50%!important;flex: 0 0 50%!important;max-width: 50%!important;}
.menu-mobile-effect.navbar-toggle {z-index:999!impoetant;}
.h1-banner .sc-box.style-01 {padding: 70px 0;}
.empty-space {height: 70px;}
.h1-banner .sc-box.style-01 .title {font-size: 30px;text-transform: uppercase;margin-top: 50px;font-weight: 600;}
.travel-details blockquote {    margin-left: 0px;width: 100%;padding-left: 30px;}
blockquote {font-size: 1em;line-height: 1.6em;}
.shop-content .product-meta{ float:left}
.sc-tourist {padding-left:15px;padding-right:15px;}
footer#colophon.footer_v2 .footer {font-size: 15px;padding: 55px 0 0px 0;}
.sea-4 {right:5%;bottom:500px;left:auto;}
.sea-3 {display:none}
.sea-1{display:none}
.sea-2 {bottom:150px;    width: 170px;}
.footer .col-sm-2 {padding: 0px 15px 50px 15px;-ms-flex: 0 0 100%; flex: 0 0 100%;max-width: 100%;}
.sc-heading.style-01 .title {font-size: 30px;line-height: 120%;}
.title-offerte {font-size: 30px;}
}
@media (max-width:667px){ .sc-tourist.style-01 .content .inner .title{ font-size:34px}
 .sc-travel.style-01 .content .info{ padding-top:30px;  display:inline-block}
 .sc-travel.style-01 .content .inner{ padding:20px 25px}
 .h4-group-check-room .sc-travel.style-01 .item, 
 .sc-tourist.style-01 .item, 
 .sc-group-iconbox .box-item{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%;  padding-bottom:15px}
 .tp-bullets{ display:none !important}
 .hotel-booking-search.style-01{ margin-top:30px}

 .hotel-booking-search .hb-form-table, 
 .hotel-booking-search .hb-submit, 
 .hotel-booking-search .daterangepicker.dropdown-menu{ width:100% !important}
 .comingsoon-wrapper .coom-inner{ padding:0}
 .comingsoon-wrapper .thim-countdown{ max-width:377px;  margin:0 auto}
 .footer-top .newsletter h3{ margin:0 0 20px}
 .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ margin-bottom:20px}
 .sc-categories-link .item .title a{ font-size:20px}
}

@media (max-width:600px){ .sc-travel.style-02 .owl-dots{ margin-top:15px}
 .sc-rooms.style-04 .item:before{ left:10px;  right:10px;  width:auto}
 .sc-rooms.style-04 .item-large .item{ padding:0 10px}
 .sc-rooms.style-04 .items-small .item{ width:50%;  float:left;  padding:0 10px}
 .sc-rooms.style-04 .items-small, 
 .sc-rooms.style-04 .item-large{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .sc-posts.style-02 .item{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%;  padding-top:30px}
 .sc-travel-search .hb-submit button{ margin-top:20px;  padding:0 55px}
 .sc-travel-search .hb-submit{ float:none;  width:100%;  text-align:center}
 .sc-travel-search .hb-form-table{ float:none;  width:100%;  margin:0}
 .h4-group-check-room .sc-travel.style-01 .item{ padding:15px}
 .sc-travel.style-01 .content .info{ padding-top:15px}
 .sc-instagram .item{ width:50%}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after{ right:10px}
 .sc-testimonials.style-02{ max-width:100%}
 .sc-testimonials.style-01 .heading br{ display:none}
 .popup-container{ padding:50px 30px}
 .rooms-content-search .room .room-summary{ padding-top:30px}
 .rooms-content-search .room-media, 
 .rooms-content-search .room .room-summary{ width:100%}
 .product-related .shop-content .product{ padding:30px}
 .sc-events.list-style .event{ text-align:center}
 .sc-events.list-style .event .event-content{ padding-top:20px;  padding-bottom:20px}
 .comingsoon-wrapper .coom-inner .content-text br{ display:none}
 .comingsoon-wrapper .coom-inner .content-text{ padding:0 30px}
 .coom-inner .title{ font-size:30px}
 .meta_post .social-share{ float:none;  margin-top:20px}
 .blog-single-content article .post-summary .post-title{ font-size:30px}
 .sc-list-info ul{ margin-bottom:25px}
 .sc-quote.style-01 .title{ padding-left:30px}
 .sc-counter-box .wrapper .item{ margin:0 10px 30px}
 .sc-list-info .col-sm-4{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
}

@media (max-width:568px){ .sc-reason .list-reason li i{ color:#000}
 .h4-bg-reason{ position:relative;  overflow:hidden}
 .h4-bg-reason:before{ position:absolute;  opacity:.6;  content:'';  left:0;  right:0;  top:0;  bottom:0;  display:block;  background-color:#fff}
 .sc-quote.style-04 .title a{ margin-top:10px}
 .sc-posts.style-02 .item .post img{ width:100%}
 .footer .col-sm-3{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .sc-categories-link.style-02 .item{ margin-bottom:30px}
 .sc-categories-link.style-02 .item .title a{ font-size:24px}
 .sc-instagram .item{ width:100%;  padding-bottom:15px}
 .sc-rooms.style-01 .rooms-content .room{ padding-bottom:30px}
 .menu-mobile-effect.navbar-toggle .icon-wrap{ margin-left:0}
 .hotel-booking-search.style-02 .room-submit{ margin-top:30px}
 .hotel-booking-search.style-02 form .form-table{ display:flex;  align-items:center;  justify-content:space-between}
 .hotel-booking-search.style-02 input, .hotel-booking-search.style-02 select{ max-width:100%}
 .group-slides{ background:#ddd}
 .sc-categories-link .item .title a{ font-size:30px}
 .sc-categories-link .container-fluid .row .col-sm-3{ padding-bottom:30px}
 .group-slides .sc-hb-rooms-search.style-02{ position:static;  padding:30px 0}
 .sc-posts.style-01 .item .content{ transform:translateY(30px)}
 .sc-posts.style-01 .item-first{ padding-bottom:30px}
 .sc-list-box.style-01 .box-item{ text-align:center}
 .sc-video .background-video .content .title br, 
 .h1-banner .sc-box.style-01 .title br{ display:none}
 .h1-introduce .sc-heading.style-02{ padding-bottom:30px}
 .h1-introduce .sc-img-box .col-sm-6{ width:50%;  float:left}
 .camera_wrap{ height:340px !important}
 .search-room-popup .form-table >li{ width:100%;  margin-bottom:20px}
 .sc-gallery .filter-controls li{ margin:0 15px}
 .event-single-content .content .description, 
 .event-single-content .content .info{ padding-left:0;  width:100%;  float:none}
}

@media (max-width:480px){ .sc-video.style-02, .sc-video.style-02 .background-video{ width:400px;  height:320px;  max-width:100%}
 .sc-testimonial.style-04{ padding:0 0 50px}
 .sc-count-down .countdown-show4 .countdown-section{ margin:0 5px}
 .sc-posts.style-02 .item{ }
 .sc-tourist.style-02 .image img{ width:100%}
 .sc-tourist.style-01 .item, .sc-group-iconbox .box-item, 
 .sc-tourist.style-02 .col-sm-4, 
 .sc-posts.style-02 .item{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .sc-tourist.style-01 .item, .sc-group-iconbox .box-item{ padding-top:20px}
 .sc-travel-search .hb-form-table li{ width:100%;  margin-bottom:15px}
 .sc-images.style-01 .container-fluid .row >div{ -ms-flex:0 0 50%;  flex:0 0 50%;  max-width:50%}
 .sc-quote.style-02 a.btn-quote{ margin-left:0}
 .sc-testimonials.style-01 .heading{ font-size:40px}
 .hotel-booking-search.style-01:not(.layout-columns) .daterangepicker.dropdown-menu:before{ border-color:transparent transparent #ddd}
 .hotel-booking-search.style-01:not(.layout-columns) .daterangepicker.dropdown-menu{ margin-top:-100px;  background:#ddd}
 footer.footer_v2 .footer-top{ padding:50px 0}
 .sc-video .background-video .content .title{ font-size:30px;  line-height:normal}
 .hotel-booking-search.style-01 .daterangepicker.dropdown-menu .calendar{ width:100%;  max-width:100%;  padding:0}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-check-in:after{ right:20px}
 .hotel-booking-search:not(.layout-columns) .hb-form-table .hb-form-field{ width:100%}
 .sc-post.style-02{ padding-bottom:30px}
 .room_additinal .col-sm-4{ padding-bottom:30px}
 .footer-top .newsletter input{ margin:0 0 20px;  min-width:100%}
 .sc-gallery .filter-controls li{ margin:0 15px 20px}
 .thim-countdown.notice span{ padding:10px}
 .sc-contact-info{ padding-top:40px}
 .sc-quote.style-01{ text-align:center}
 .sc-quote.style-01 .title{ text-align:center;  padding-left:0}
 .sc-quote.style-01 a.btn-quote{ margin-left:0}
}

@media (max-width:414px){ .list-logo li{ margin-bottom:15px}
 .sc-rooms.style-04 .items-small .content .rating{ display:block}
 .sc-rooms.style-04 .items-small .item img{ width:100%}
 .sc-rooms.style-04 .items-small .item{ width:100%}
 .sc-travel.style-01 .content .info{ padding-top:30px}
 .sc-tourist.style-01 .content img{ width:100%}
 .h4-group-check-room .sc-travel.style-01 .item, .sc-tourist.style-01 .item, .sc-group-iconbox .box-item{ -ms-flex:0 0 100%;  flex:0 0 100%;  max-width:100%}
 .hotel-booking-search.style-01:not(.layout-columns) .hb-form-table .hb-form-field.hb-form-number:after{ width:auto}
 div.sc-posts.style-01.auto-height .content{ transform:translateY(120px)}
 footer.footer_v2 .footer-top .pull-right{ padding-top:30px}
 footer.footer_v2 .footer-top .pull-right, 
 footer.footer_v2 .footer-top .pull-left{ float:none}
 footer.footer_v2 .footer-top{ text-align:center}
 .sc-testimonials.style-02{ padding:60px 40px}
 .sc-posts.style-01.auto-height .item .content{ transform:translateY(100px)}
 .hotel-booking-search.style-01.layout-columns .daterangepicker.dropdown-menu{ padding:0;  margin-top:20px}
 .hotel-booking-search.style-01.layout-columns .goUp{ margin-bottom:4px}
 .hotel-booking-search.style-01.layout-columns .hb_input_field input.day{ font-size:40px !important}
 .hotel-booking-search.style-01.layout-columns select{ height:40px;  font-size:40px;  line-height:40px}
 .sc-testimonials.style-02 .item{ padding-right:50px}
 .room-single .title-share .title{ float:none;  margin-bottom:20px}
 .room-single .title-share .social-share{ float:none}
 .room-single .social-share ul li{ margin-left:0 !important;  margin-right:10px !important}
 .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ margin:0 2px 15px}
 .comments-list .children{ margin-left:0}
 .comingsoon-wrapper .coom-inner .content-text form{ width:100%}
 .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ margin:0 9px 15px}
 .coom-inner .title{ font-size:20px}
 .comingsoon-wrapper .coom-inner .content-text form button{ position:static;  margin-top:10px}
}

@media (max-width:385px){ 
.sc-heading .second-title {font-size: 23px;}
.mini .second-title {font-size: 25px!important;line-height: 35px!important;}
.sc-count-down .title{ font-size:36px}
 .sc-quote.style-04 .btn-radius{ padding:0 30px}
 .comingsoon-wrapper .thim-countdown .counter-group .counter-block .counter-caption{ font-size:16px}
 .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ width:140px}
 .event-single-content .comingsoon-wrapper .thim-countdown .counter-group .counter-block:before{ width:100px;  height:100px}
}

@media (max-width:320px){ .sc-heading .second-title{ font-size:28px}
 .comingsoon-wrapper .thim-countdown .counter-group .counter-block{ margin:0 -5px 15px}
 .filter-events .nav-tabs a{ margin:0 15px 20px}
}


@media only screen and (min-width:1921px) and (max-width:3000px){
footer.footer_v2 {background-size: cover;}
}