:root {
    --fontComfortaa: 'Comfortaa', sans-serif;
    --fontOswald: 'Oswald', sans-serif;
    
    --white: #fff;
    --black: #000;
     --grey33:#333333;
     --grey: #7B7B7B;
    --green-light:#d0debc;
    --green:#a5c1a3;
    --green2:#f9f7f4;
    --green3: #f4f0ea;
    --footer-bg:#ede7e0;
    --brown:#977e6c;
  
    --aquamarine: #95F1CC;
    --aquamarineDark: #6ECEA7;
    --grey65: #656565;   /*yes */
    --grey1D:#1D1D1D;
    --greyF5:#f5f5f5;
}

.bg-green2 {
    background-color: var(--green2);
}
.brown-color{
    color: var(--brown)!important;
}



html,
body,
ul,
ol {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: auto;
}
body {
    font-family: var(--fontComfortaa);
    font-size: 16px;
    line-height: 1.4;
    color: var(--black);
    text-align: left;
    transition: background-color .5s;
    cursor: auto;
    background-color: #ffffff;    
}


button, .btn {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
button:focus,
.btn.focus,
.btn:focus,
input:focus,
select:focus,
textarea:focus{
  outline: 0;
  box-shadow: none !important;
}

a{
    text-decoration: underline;
    color: var(--black);
    transition: transform 0.25s ease-out;
}
a:hover{
     color: var(--brown);
    text-decoration: none;
}
/*a:link,*/
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
   /* display: none;
    -webkit-appearance: none;*/
    opacity:0;
}
.fit-img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

/*fslightbox
============================*/
.fslightbox-toolbar-button {
    width:35px!important;
}



/*BookButton
============================== */
.button,
.MoreLink {
    color: var(--black);
    border-radius: 0px;
    text-decoration: none;
}
.button {
    display: inline-block;
    padding: 16px 30px;
    font-size: 16px;
    transition: all 0.3s;
    z-index: 1;
    position:relative;
    -webkit-transition: border-color 0.4s, color 0.4s;
	transition: border-color 0.4s, color 0.4s;
	text-align:center;
	background-color: var(--green3);
}
.button:hover{
    background-color: var(--green2);
    color: var(--black);
}

.button.colored {
	background-color: var(--green-light);
}
.button.colored:hover{
    background-color: var(--green);
    color: var(--white);
} 

.button.bordered {
    background-color: transparent;
    padding: 12px 20px;
    line-height: 1.2;
    color: var(--grey33);
    border:solid 2px var(--grey);
}
.button.bordered:hover {
    border:solid 2px var(--grey33);
    color: var(--black);
}
.button.bordered.filled {
    background-color: var(--grey33);
    color: var(--white);
}
.button.bordered.filled:hover {
    background-color: transparent;
    color: var(--black);
}
.button.white.bordered {
    background-color: transparent;
    padding: 16px 30px;
    color: var(--white);
    border:solid 2px var(--white);
}
.button.white.bordered:hover {
   background-color: var(--white);
    color: var(--black);
}
.MoreLink {
    position: relative;
    padding-right: 15px;
    font-weight:500;
}
.MoreLink:after {
    content: ">";
    position: absolute;
    display: inline-block;
    right: 0px;
    top: 0px;
    line-height: 1;
}
.MoreLink:before {
    content: '';
    position: absolute;
    width: calc(100% - 15px);
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--brown);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    text-decoration: none;
  }
.MoreLink:hover:before {
    transform: scaleX(1);
    transform-origin: bottom left;
    text-decoration: none;
}

/*HEADERS
===================== */
h1, .h1,
h2, .h2,
h3, .h3 {
    font-family: var(--fontComfortaa);
    color: var(--grey33);
    font-weight: 400;
    word-wrap: break-word;
    margin: 0px 0 30px;
}
h1, .h1 {
    font-size: 44px;
}
h1 span,
.h1 span,
h2 span,
.h2 span {
    color: var(--black);
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    display:block;
    position:relative;
    text-transform:uppercase;
    margin-bottom:10px;
}
.line {
    padding-left:70px; 
}
.line:before,
.line:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0.75em;
    width: 50px;
    height: 1px;
    background-color: var(--black);
}


h2, .h2{
    font-size: 36px;
}
h3, .h3{
    font-size: 28px;
}
h4, .h4,
.h3.smaller {
    font-size: 24px;
}


h1.whiteHeader, .h1.whiteHeader, h2.whiteHeader, .h2.whiteHeader, h3.whiteHeader, .h3.whiteHeader {
    color: var(--white);
}

h2.BigHeader{
    color: var(--white);
    font-size: 90px;
    line-height: 100px;
    font-weight: 300;
}
@media (max-width: 1199px) {
    h2, .h2 {
        font-size: 36px;
    }
    h3, .h3{
        font-size: 32px;
    }
    .h3.smaller {
        font-size: 28px;
    }
}
@media (max-width: 991px) {
    h2, .h2 {
        font-size: 34px;
    }
    h3, .h3{
        font-size: 28px;
    }
    .h3.smaller {
        font-size: 24px;
    }
}


@media (max-width: 767px) {
    h1, .h1 {
        font-size: 36px;
    }
    h2, .h2 {
        font-size: 30px;
    }
    h3, .h3{
        font-size: 26px;
    }
    h2.BigHeader{
        font-size: 50px;
        line-height: 40px;
        margin: 0px 0 10px;
    }
}
@media (max-width: 575px) {
    h1, .h1 {
        font-size: 32px;
    }
    h2, .h2 {
        font-size: 28px;
    }
    h3, .h3{
        font-size: 24px;
    }
}

.mt-offset{
    margin-top:120px;
}
.mb-offset{
    margin-bottom:120px;
}
.margin-neg-right {
    margin-right: -60px!important;
        z-index:1;
}
@media (min-width: 1200px) {
    .mt-offset.smaller{
        margin-top:80px;
    }
    .mb-offset.smaller{
        margin-bottom:80px;
    }
}
@media (max-width: 1199px) {
    .mt-offset{
        margin-top:80px;
    }   
    .mb-offset{
        margin-bottom:80px;
    }
}

    
@media (max-width: 767px) {
    .mt-offset{
        margin-top:60px;
    }   
    .mb-offset{
        margin-bottom:60px;
    }
    .margin-neg-right {
        margin-right: 0px!important;
    }
}

.paddingY-bg{
    padding-top:80px;
    padding-bottom:80px;
}
.paddingX-bg{
    padding-left:80px;
    padding-right:80px;
}
@media (max-width: 767px){
    .paddingY-bg{
        padding-top:60px;
        padding-bottom:60px;
    }
    .paddingX-bg{
        padding-top:60px;
        padding-bottom:60px;
    }  
}


@media (max-width: 1199px){
    .container-xl {
        padding-left:30px;
        padding-right:30px;
    }
}
@media (max-width: 575px){
    .container-xl {
        padding-left:15px;
        padding-right:15px;
    }
}

/*HEADER
=================================*/
header{
    z-index: 1020 !important;
    -webkit-transition: all ease-out .5s;
    -moz-transition: all ease-out .5s;
    -o-transition: all ease-out .5s;
    transition: all ease-out .5s;
   /* padding-bottom:15px;*/
    font-family: var(--fontComfortaa);
   /* letter-spacing: 2px;*/
}

header.headerBg {
    position:fixed;
    top: 0;
    right: 0;
    left: 0;
   /*  padding-top:10px;
   padding-bottom:10px; */
    background-color: var(--white);
}
header .container-xl{
    margin-top:15px;
}
header.headerBg .container-xl{
    margin-top:10px;
}
.logo {
    padding-bottom:5px;
}
/*
header.headerBg .logo {
    padding-bottom:10px;
}*/
.logo img{
   /* filter: brightness(0) invert(1); */
    height: 130px;
}
header.headerBg .logo img{
    height:85px;
    filter: none;
}


@media (max-width: 767px){
    header .container-xl{
        margin-top:10px;
        /*padding-bottom:10px;*/
    }
    .logo img{
        height: 110px;
    }
 /*   .logo {
        padding-bottom:10px;
    }
    header.headerBg .logo {
        padding-bottom:10px;
    }
    .logo img{
        height: 60px;
    }
    header.headerBg .logo img{
        height:45px;
    }*/
}

/* LANGUAGES
=============================== */ 
.languagesDrop .dropdown-toggle {
    color: var(--black);
    letter-spacing: 2px;
    font-size: 14px;
}
.languagesDrop .dropdown-toggle::after {
    border: none !important;
    background: url(../images/arrow-down.svg) no-repeat center 0px;
    /*transform: rotate(90deg);*/
    width: 11px;
    height: 7px;
    vertical-align: middle;
    margin-right: 4px;
    transition: height 350ms ease-in-out, opacity 750ms ease-in-out;
}
.languagesDrop a {
    color: var(--black)!important;
    text-decoration: none;
    font-size: 11px;
    letter-spacing: 1.8px; 
}
 .languagesDrop .dropdown-menu{
    min-width: 40px;
    border-radius: 0;
    background-color: var(--white);
 }
 .languagesDrop .dropdown-item {
    display: block;
    padding: 0px;
    text-align: center;
 }
 .languagesDrop .dropdown-item:hover {
    background:none;
    color: var(--black)!important;
 }

 @media (max-width: 767px){
     .languagesDrop .dropdown-toggle,
    .languagesDrop a {
        font-size: 12px;
    }
 }



/* NAVIGATION DESKTOP
=============================== */ 
#header_nav .nav{
    padding:15px 0;
    /*text-transform:uppercase;*/
    font-size:18px;
}
#header_nav .nav li:not(:last-child){
    padding: 0px 20px 0px 0px;
}
#header_nav .nav a{
    color:var(--black);
    text-decoration: none;
    display: inline-block;
    position:relative;
}
#header_nav .nav a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--black);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
    text-decoration: none;
  }
#header_nav .nav a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
    text-decoration: none;
}
#header_nav .nav > li {
    position:relative;
}
#header_nav .nav .submenu-drop {
    list-style: none;
    display: none; 
    position: absolute;
    left: -10px;
    top: 20px;
    background: #fff;
    z-index: 15;
    border-radius: 0;
    padding: 10px;
    min-width: 100%;
    width: max-content;
    font-size:16px;
}
#header_nav .nav .submenu-drop li{
    padding:12px 0 0 0;
}
#header_nav .nav > li:hover > .submenu-drop{
    display:block;
}

@media (max-width: 1199px){
    .main-header-row {
        padding-right:50px;
    }

}

header .button{
    padding: 20px 30px;
}
@media (max-width: 575px){
     header .button{
        padding: 15px 30px;
    }   
}
header .extra-button {
    font-size: 14px;
    text-transform: uppercase;
}
@media (max-width: 480px){
    header .extra-button {
        font-size: 11px;
    }   
}

/*SLIDER
=============================== 
.noSlider-holder{
    height: 200px;
}
@media (max-width: 767px){
    .noSlider-holder{
        height: 100px;
    }
}*/

/*=== Carousel Slider
=====================================*/
#bigCarousel .carousel-item,
#bigCarousel {
  position: relative;
 /* height: 100vh;*/
}
/*
.topMediaInner #bigCarousel .carousel-item,
.topMediaInner #bigCarousel {
    height: -moz-calc(100vh - 140px);
    height: -webkit-calc(100vh - 140px);
    height: calc(100vh - 140px);
    position: relative;
}*/

#bigCarousel .carousel-control-prev,
#bigCarousel .carousel-control-next {
    visibility: hidden; }
#bigCarousel:hover .carousel-control-prev,
#bigCarousel:hover .carousel-control-next {
    visibility: visible; }

#bigCarousel img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
}

.carousel-control-next, 
.carousel-control-prev {
    max-width: 76px;
  /*  top: unset;*/
    bottom: 40px;
    z-index: 12;
}
/*
#bigCarousel .carousel-control-prev {
  left: 100px;
}
#bigCarousel .carousel-control-next {
  left: calc(120px + 76px);
}
@media (max-width: 991px) {
    #bigCarousel .carousel-control-prev {
      left: 10px;
    }
    #bigCarousel .carousel-control-next {
      left: calc(20px + 56px);
    }
}
@media (max-width: 767px) {
  #bigCarousel .carousel-control-prev {
    left: 5px;
  }
  #bigCarousel .carousel-control-next {
    left: calc(10px + 46px);
  }
}*/
#bigCarousel .carousel-control-next-icon {
  background-image: url(../images/right-arrow.svg)!important;
  filter: brightness(0) invert(1);
    /*filter: brightness(0) saturate(100%) invert(100%) sepia(95%) saturate(22%) hue-rotate(291deg) brightness(104%) contrast(100%);*/
}
#bigCarousel .carousel-control-prev-icon {
  background-image: url(../images/right-arrow.svg)!important;
  filter: brightness(0) invert(1);
  transform:          rotate(-180deg);
  -ms-transform:      rotate(-180deg);
  -moz-transform:     rotate(-180deg);
  -webkit-transform:  rotate(-180deg);
  -o-transform:       rotate(-180deg);
}
#bigCarousel .carousel-control-next-icon, 
#bigCarousel .carousel-control-prev-icon {
    display: inline-block;
    width: 40px!important;
    height: 80px!important;
    /*background: no-repeat 50%/100% 100%;*/
    background: no-repeat 100%;
}
@media (max-width: 991px) {
    #bigCarousel .carousel-control-next-icon, 
    #bigCarousel .carousel-control-prev-icon {
        width: 30px!important;
        height: 60px!important;
    }    
}
@media (max-width: 767px) {
    #bigCarousel .carousel-control-next-icon, 
    #bigCarousel .carousel-control-prev-icon {
        width: 20px!important;
        height: 40px!important;
    }    
}
#bigCarousel .carousel-control-next:hover, 
#bigCarousel .carousel-control-prev:hover {
    opacity:1;   
}
    /*
@media screen and (max-width: 991px) {
      #bigCarousel .carousel-item,
      #bigCarousel {
        height: 500px !important;
      }
}
@media screen and (max-width: 575px) {
  #bigCarousel .carousel-item,
  #bigCarousel {
    height: 350px;
  }
}
*/

#bigCarousel:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
}
.no-gradient #bigCarousel:after {
    display:none;   
}


.contentOverSlider {
    position: absolute;
    z-index: 9;
    top: 15%;
    bottom: 0;
    height: 75%;
    width: 100%;
    font-family: var(--fontComfortaa);
    font-weight: 600;
    color: var(--white);
    font-size: 34px;
    line-height:1.05;
    text-align: center;
    /*text-transform:uppercase;*/
}

.contentOverSlider strong{
    display:block;
    font-weight: 700;
    font-size: 62px;
} 
@media (max-width: 1199px) {
    .contentOverSlider {
        font-size: 28px;
    }
    .contentOverSlider strong{
        font-size: 56px;
    } 
}
@media (max-width: 991px){
    .contentOverSlider {
        font-size: 20px;
    }
    .contentOverSlider strong{
        font-size: 36px;
    }     
}
@media (max-width:575px) {
    .contentOverSlider  {
        font-size: 18px;
    }
    .contentOverSlider strong{
        font-size: 28px;
    } 
}
.contentOverSlider.place-top {
    top: 15%;
    bottom: 0;
    height: 75%;
}
.contentOverSlider.place-top.image {
    top: 12%;
}
.mainVideoSlider .contentOverSlider {
    top: 15%;
    bottom: 0;
    height: 75%;

}
.mainVideoSlider .contentOverSlider .button {
    font-family: var(--fontComfortaa);
    font-weight: 300;
    font-size:20px;
}
@media (max-width: 991px) {
     .mainVideoSlider .contentOverSlider .button {
        font-weight: 700;
        font-size:14px;
        padding:10px 14px;
        line-height:1;
    }   
}
/* Video
=================================== */
.mainVideoSlider {
    position: relative;
    /*height: 100vh;*/
}
.mainVideoSlider video {
   /* height: 100vh;*/
    width: 100%;
    object-fit: cover;
}





/*FOOTER
===================================*/
footer{
    background-color: var(--green3);
    padding-top: 50px;
    padding-bottom: 10px;
}
.footer-logo img{
    width:110px;
    margin-left:auto;
}
.footer-awards{
    width: 33.33333333%;
}
    
@media (max-width: 991px) {
    .footer-logo{
        width:100%;
        text-align:center;
        padding-bottom:40px;
    }
    .footer-awards{
        width:100%;
        text-align:center;
        padding-top:40px;
    }
}
.social{
    padding-top:30px;
}
.social a{
    margin:4px;
}
.social img {
    height:22px;
}

.directions {
    display:flex;
    padding-top:20px;
    padding-bottom:5px;
}
.directions a{
    padding:2px;
}
.directions:before {
    content:"";
    background:url(/images/point.svg) no-repeat left top;
    padding-left:30px;
        background-size: contain;
}
@media (max-width: 575px) {
    .contact-address,
    .contact-details{
        width:100%;
        text-align:center;
    }
    .contact-details{
        padding-top:40px;
    }
    .directions {
        justify-content: center;
    }
}
.section-awards img{
    height:90px;
}
.copyright {
    font-size:14px;
}

/* CONTENT -BOXES
=================================== */
.box-content .title-overImg {
    position:absolute;
    bottom:1.5rem!important;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    background-color: var(--green3);
    padding: 10px 18px;
    width: max-content;
   /* font-weight: 700;
    font-size: 22px;*/
    margin:0;
}
@media (max-width:767px) {
    .box-content:not(:last-child){
        margin-bottom:20px;
    }
}
/* CONTENT -ACCOMMODATION PAGE
=================================== */

.room-text-overImg {
    background-color: var(--green3);
    color: var(--grey);
    padding: 15px;
    margin:0;
}

@media (min-width: 768px) {
    .room-row {
        padding-bottom:80px;
    }
    .room-text-overImg {
        position:absolute;
        bottom:0!important;
        left: 50%;
        transform: translateX(-50%);
        display: inline-block;
        width: max-content;
        z-index:2;
    }
}


.room-details > div{
    margin:0 30px;
}
.room-details.left > div:first-child{
    margin-left:0px;
}
.room-details.left > div:last-child{
    margin-right:0px;
}
@media (max-width: 767px) {
    .room-details > div{
        margin:0 14px;
    }
}
@media (max-width: 991px) {
    .room-details.left > div{
        margin:0 20px 20px;
    }

}
 .room-details img {
     height:32px;
     margin-top:5px;
    filter: brightness(0) saturate(100%) invert(69%) sepia(2%) saturate(1235%) hue-rotate(345deg) brightness(111%) contrast(92%);
 }
 @media (max-width: 767px) {
    .room-details img {
        height:24px;
    }
 }
 
.room-text-overImg .h3{
    margin-bottom:20px;
}

.room-row picture{
    position:relative;
    display:block;
}
.room-row picture:after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.5) 100%);
}


.ListText ul,
.blog-post ul{
    margin-bottom:20px;
}
.facilities ul li ul,
.main-text-section ul li ul,
.blog-post ul li ul,
.ListText ul li ul{
    margin-top:18px;
}

.facilities li,
.main-text-section li,
.blog-post li,
.ListText li{
    position: relative;
    display: block;
    list-style-type: none;
    padding-left: 28px;
    padding-bottom: 15px;
}
.facilities li::before,
.main-text-section li::before,
.blog-post li::before,
.ListText li::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 0.25em;
    width: 18px;
    height: 15px;
    background: url(/images/arrow-right-black.svg) no-repeat;
    background-size: contain;    
}
.main-text-section li,
.blog-post li{
    padding-left: 20px;
    padding-bottom: 10px;
}
.main-text-section li::before,
.blog-post li::before{
    width: 10px;
    height: 10px;
    background: url(/images/circle.svg) no-repeat;
    background-size: contain;   
}


/* SWIPER - GENERAL 
=============================== */
.swiper {
    padding-bottom:50px;    
}
.swiper.bullets {
    padding-bottom:0px!important;    
}
.swiper-slide {
    text-align: center;
}
.swiper-button-next,
.swiper-button-prev {
    background: url(../images/right-arrow.svg) no-repeat center center !important;
    width:40px;
    height:40px;
    top:40%;
   /* top:unset;
    bottom: 0;*/
}
.swiper-button-prev {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
/*
.swiper-button-prev {
    left: calc(100% - 100px);
}*/
.swiper-button-next:after,
.swiper-button-prev:after {
    display:none;  
}       
@media (min-width: 768px){
    .swiper {
        padding-bottom:60px;    
    }
    .swiper-button-next,
    .swiper-button-prev {
        width:50px;
        height:50px;
    }
    /*.swiper-button-prev {
        left: calc(100% - 130px);
    }*/
}
/*
.swiper.centered .swiper-button-next {
     right: calc(50% - 60px);
}
.swiper.centered .swiper-button-prev {
     left: calc(50% - 60px);
}*/

.swiper-pagination {
    bottom: 20px !important;
    line-height: 0;
    color: white;
    font-size: 14px;    
}
.swiper-pagination-bullet {
    background-color: var(--footer-bg);
    height: 16px;
    width: 16px;
    opacity: .9;
    opacity:.9;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--grey);
    opacity:1;
}

.fade-centered .swiper-slide {
    opacity: 0.6;
  }
.fade-centered .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.other-rooms-swiper.fade-centered .swiper-slide .room-text-overImg{
    opacity: 0;
  }
.other-rooms-swiper.fade-centered  .swiper-slide.swiper-slide-active .room-text-overImg{
    opacity: 1;
}


.gallerySectionSwiper .swiper-slide img{ 
    height: 580px;
    object-fit: cover;
}   
@media (max-width: 1199px) {
 .gallerySectionSwiper .swiper-slide img{ 
    height: 510px;
 }       
}
@media (max-width: 991px) {
 .gallerySectionSwiper .swiper-slide img{ 
    height: 410px;
 }       
}
@media (max-width: 767px) {
 .gallerySectionSwiper .swiper-slide img{ 
    height: 320px;
 }       
}
@media (max-width: 575px) {
 .gallerySectionSwiper .swiper-slide img{ 
    height: 250px;
 }       
}

/*SECTION - Dining
========================*/    
.three-imgs > div:not(:last-child) {
    padding-right: 1.5rem!important;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .three-imgs > div:last-child {
        display:none;
    }
}


/*REVIEWS
=======================*/
.reviewsSwiper{
    text-align:left;
}
.reviewsSwiper .swiper-slide{
    height: auto !important;
}
.reviewsSwiper .bg-green2 {
    padding:2.5rem;
    padding-bottom:1.5rem;
}
.Reviews .quotesText  
{
    padding-left: 80px;
    background: url(/images/quote2.svg) no-repeat left 5px top;
    background-size: 80px;
    text-align: left;
}
@media (max-width: 767px){
    .Reviews .quotesText  {
        padding-left: 50px;
        background: url(/images/quote2.svg) no-repeat left 5px top;
        background-size: 50px;
    }    
}

.swiper-container-outside-arrows .swiper-button-next {
     right: calc(0% - 10px);
}
.swiper-container-outside-arrows .swiper-button-prev {
     left: calc(0% - 10px);
}

/*BADGES
=======================*/
.badge {
    padding:20px;
}
.badge:not(:last-child) {
    margin-right: 1.5rem!important;
}
@media (max-width: 767px){
    .badge {
        padding:10px;
    }
    .badge:not(:last-child) {
        margin-right: 15px!important;
    }
}


/** TABS CONTENT 
=======================*/   

.tabs label {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    display: block;
    padding: 1rem 1rem;
    margin-right: 0.2rem;
    cursor: pointer;
    background: var(--green2);
    font-weight: bold;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
    /*color: var(--brown);*/
    color:#b4b3b3;
    margin-bottom: 0;
    border: var(--green3) solid 1px;
    font-weight:600;
}
.tabs > .tab {
    -webkit-box-ordinal-group: 100;
    -webkit-order: 99;
    -ms-flex-order: 99;
    order: 99;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    display: none;
    padding: 1rem;
    /*background: #f4f4f4;*/
    border: var(--green3) solid 1px;
    margin-top: -1px;
}
.tabs > input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.tabs > input[type="radio"]:checked + label { 
  /*background:#ebf0ed;*/
  background:transparent;
  border: var(green2) solid 1px;
    position: relative;
    z-index: 0;
    color: var(--black);
    border-bottom: 1px solid #fff;
}
.tabs > input[type="radio"]:checked + label + .tab { display: block; }

@media (max-width: 767px) {
    .tabs .tab,  .tabs label {
        -webkit-box-ordinal-group: NaN;
        -webkit-order: initial;
        -ms-flex-order: initial;
        order: initial;
    }
    .tabs label {
        width: 100%;
        margin-right: 0;
        margin-top: 0.2rem;
    }
}
.tabs .tab .text h3{
    font-size: 1.5rem;
    margin-bottom:6px;
} 
.tabs .tab .text .price{
        padding-top: 4px;
    padding-bottom: 22px;
    display: block;
    font-size:18px;
}
.tabs .tab ul{
    margin: 10px 0 20px 20px;
    padding: 0;
}  
.tabs .tab .text img{
    max-width: 100%;
    height: auto;
}  
@media (min-width: 1480px) {
   .tabs .tab .text img{
    max-width: 1300px;
   }
}
@media (min-width: 1680px) {
   .tabs .tab .text img{
    max-width: 1580px;
   }
}

.tabs-container-imgs .img-holder:first-child{
    margin-right:30%;
}
.tabs-container-imgs .img-holder:last-child{
    margin-left:30%;
    padding-left:20px;
    padding-top:20px;
    background-color:#fff;
    margin-top:-45%;
    position:relative;
    z-index:2;
}

/*SECTION GALLERY
============================ */
.gallery-section .horizontal{
    width:20%;
    padding:5px;
}
.gallery-section .vertical{
    width:10%;
        padding:5px;
}


/*FORMS
================================*/
/* FORMS
====================================== */
.form-placement {
    font-size: 14px;
    padding: 60px 70px;
    font-weight: 400;  
}
@media (max-width: 767px){
    .form-placement {
        padding: 20px;
    }    
}
.contactform {
    font-size:16px;
}
.contactform.form-floating>.form-select~label,
.contactform .form-floating>label {
    left:10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color:var(--blue1F);;
}
.contactform .form-control {
    border-radius: 0px;
    border:0;
    border-bottom: 1px solid rgba(193, 192, 192, 1);
    outline: none;
    color: var(--black1C);
    padding: 20px;
    font-size: 16px;
}
::-webkit-input-placeholder {
 	color: var(--black1C);
}
:-moz-placeholder { 
    color: var(--black1C);
}
::-moz-placeholder {  
    color: var(--black1C);
}
:-ms-input-placeholder { 
    color: var(--black1C);
}
.contactform select.form-control {
    color: var(--black1C);
}
.contactform textarea.form-control {
  height: auto;
}
.field-validation-valid {
  display: none;
  color: red; }
.field-validation-error {
  display: block;
  color: red;
  text-align: left; 
font-size:12px;    
}
.field-validation-error:empty {
	display: none;
}  

.asterisk span {
  display: inline;
  font-size: 14px;
}
.form-agree label {
	display:inline;
	  font-size: 14px;
}
.form-agree .field-validation-error {
	display: inline-block;
}

.form-agree a {
    text-decoration:underline;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--blue1F);
}
.form-agree a:hover {
    text-decoration:none;
}
.grecaptcha-badge {
	display: none !important;
}

input[type="file"] {
/*    padding:6px;*/

}
.attachment-field{
    min-width: 140px;
    background: url(/images/upload-icon.svg) no-repeat top left;
    background-size: 20px;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 8px;
    padding-left: 30px;
}

@media (min-width: 768px){
	.newsletter {
		max-width:640px;
		margin:auto;
	}
}
.newsletterform .button{
	border:1px solid var(--green3);
}

/*GALLERY
======================*/

/* NAV
====================*/
.prevNextWrap {
    margin:30px 0px 50px 0px;
	font-size:18px;
	 vertical-align: middle;
	text-align:center;
}
.prevNextWrap a {
    padding: 25px 0;
    vertical-align: middle;
    display: inline-block;
    color: var(--black1C);
	text-decoration:none;
}
.prevNextWrap a:hover {
    color: var(--black1C);
}
.prevNextWrap a:first-of-types {
	margin-right:25px;
}
.prevNextWrap a:last-of-type {
	margin-left:25px;
}
.prevNextWrap a.disabled{
	opacity:0.4;
	color:#00000;
	 cursor: default;
}
.prevNextWrap a.next,
.pagination a.next {
	background:url(/images/right-arrow.svg)	no-repeat center center;
	padding-right: 110px;
    background-size: 20px;
}
.prevNextWrap a.prev,
.pagination a.prev{
	background:url(/images/left-arrow.svg)	no-repeat center center;
	padding-left: 110px;
    background-size: 20px;
}

@media (max-width:767px){
	.prevNextWrap a.next,
	.pagination a.next {
	    background-size: 20px;
		padding-right: 100px;
	}
	.prevNextWrap a.prev,
	.pagination a.prev{
	    background-size: 20px;   
		padding-left: 100px;
	}
}


/*fslightbox
============================*/
.fslightbox-toolbar-button {
    width:35px!important;
}

/*Blog
============================*/
.blog-post img{
    max-width: 100%;
    height: auto;
}
.posts-list .date {
    font-style:italic;
    font-size:14px;
}

/*Press List
============================*/

.press-list .h3{
    font-size:22px;
}

.press-list .h3 a,
.posts-list  a{
    text-decoration:none;
}
.press-list .publisher {
    /*font-style:italic;*/
    font-size:16px;
}
.press-list .date {
    font-style:italic;
    font-size:14px;
    display:none;
}
.pagination span {
    display:none;  
}
.pagination a {
    text-decoration:none;
      color: var(--grey)!important;
      /*text-transform:lowercase;*/
          font-size: 18px;
}
.pagination li {
    padding:5px;
}
.pagination li.active a{
    color: var(--black)!important;
      text-decoration:underline;
}
.pagination .prev {
    padding-left: 20px!important;
}
.pagination .next {
    padding-right: 20px!important;
}

.banner-absolute {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 2;
}

/** MODAL 
=======================*/
.modal {
    z-index: 20000;
}
.modal .modal-dialog {
    max-width: 640px;
}
.modal .modal-content {
    border-radius: 0px;
    font-size:16px;
    text-align:center;
}
@media screen and (min-width: 768px) {
    .modal .modal-body .col-md-6.text{
        text-align:left;
    }
}
/*.modal .modal-body{
    padding:0;
}
.modal  .h3{
    font-size: 2.2rem;
}
*/
.modal .btn-close {
    position: absolute;
    width: 2em;
    height: 2em;
    right: 0px;
    top: 0px;
    opacity: .8;
    border-radius: 0px;
}

@media screen and (max-width: 767px) {
    .modal .modal-body .imgCol {
        height: 300px !important;
    }

    .modal .modal-dialog {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (max-width: 575px) {
     .modal .modal-dialog {
        max-width: 90%;
    }   
}