/*
Theme Name: Theme Name
Author: florian
Version: 1
*/

/* common css start here */
.content_980{
max-width: 1020px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
.col_1_1_1 .col{ width: 33.33%;}

a, .pageNotFound a:hover, .closeGallery, .closeMap{  background: linear-gradient(
      to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)),linear-gradient(
      to right, rgba(255, 204, 167, 1), rgba(255, 204, 167, 1), rgba(255, 204, 167, 1));
  background-size: 100% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 400ms;
padding-bottom: 2px;}
a:hover, .pageNotFound a, .closeGallery:hover, .closeMap:hover{background-size: 0 1px, 100% 1px;}
.closeContact:hover{color:#F28A45;}

.logoBox a{ background: none!important;}
body.device a{ background: none;}
.TBspace{ padding-top: 80px; padding-bottom: 80px;}

body.page-template-default,
body.page-template-default h1,
body.page-template-default h2,
body.page-template-default h3,
body.page-template-default h4,
body.page-template-default h5,
body.page-template-default h6{ color:#FFCCA7;}
body.page-template-default a{ color:#FFCCA7; text-decoration:none;}
/* common css end here */

/* bird loader start here */
.loader{width:100%; height:100%; padding: 20px; text-align: center;}
.container{max-width:800px; width:100%; height:100%; margin:0 auto; position:relative;
  display: flex;
align-items: center;
justify-content: center;
}
.loaderBird{
  max-width:260px;
  transform: translate(0, -8%);
  -webkit-transform: translate(0, -8%); /* WebKit */
  -moz-transform: translate(0, -8%); /* Mozilla */
  -o-transform: translate(0, -8%); /* Opera */
  -ms-transform: translate(0, -8%); /* Internet Explorer */
  transform: translate(0, -8%); /* CSS3 */
}
 .bird{ margin: 0 auto; max-width: 900px; width: 100%; height: auto;
  transform: translate(-200px); visibility: hidden; position: absolute; left: 50%; top: 50%; z-index: 10;}
 .flowers {position: absolute;top: 200px; left: 100px; z-index: 0; opacity: .8;}
 body.hideloader .loader{ opacity: 0; visibility: hidden;}
 .loader .loaderBird{}
/* bird loader end here */

/* stage one start */
.stageOne{ position: fixed; left: 0; top:0; right: 0; bottom: 0; z-index: 2}
.stageTwo{position: fixed;left: 0; top:0; right: 0; bottom: 0; z-index: 1;}
.stageOne, .stageTwo{
width:100vw;
height:100vh;
overflow:hidden;
text-align:center;
}
.sevenL .centerimage{width:100%}
.oneL, .twoL, .threeL, .fourL, .fiveL, .sixL, .sevenL, .enterLink, .logo, .centerText, .sliderHolder h2{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  transform:translate(0, -50%);
  margin:0 auto;
}
.enterLink{ z-index: 9;}
.oneL{width:7.813vw; z-index:8;}
.twoL{width:0; z-index:7;}
.threeL{width:0; z-index:6;}
.fourL{width:0; z-index:5;}
.fiveL{width:0; z-index:4;}
.sixL{width:0; z-index:3;}
.sevenL{width:0; z-index:2;}
.sevenL .centerimage{width:100%;}
.eightL{ z-index:1; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.eightL .box{ height: 100%;}
.eightL .box::before{ padding-top:0%;}


@media all and (orientation: landscape) {
.eightL{width:116vw;padding-top: 116vw;}
}

@media all and (orientation: portrait) {
.eightL{width:116vh;padding-top: 116vh;}
}

.oneL img, .twoL img, .threeL img, .fourL img, .fiveL img, .sixL img, .sevenL img{ width: 100%;}

.oneL, .eightL{opacity:0;}
.eightL .imageHolder{transform:scale(2.8); }
.eightL img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;object-fit: cover;}
body.showFLone .oneL, body.showFLeight .eightL{opacity:1;}

body.showFLtwo .twoL{width:22.708vw;}
body.showFLthree .threeL{width:26.198vw;}
body.showFLfour .fourL{width:49.479vw;}
body.showFLfive .fiveL{width:49.479vw;}
body.showFLsix .sixL{width:78.646vw;}
body.showFLseven .sevenL{width:93.802vw;}

.enterLink{opacity:0; visibility:hidden; width: 100%; height: 100%;}
body.startRotate .enterLink{opacity:1; visibility:visible;}
.enterLink a{
  color:#fff;
  text-decoration: none;
  text-transform:uppercase;
  width:100%;
  height:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  margin:0 auto;

  cursor: none;

}

body.no-device .enterLink a span{ display: none;}
.enterLink a span{width:100px;
height:100px; font-size:24px;
  line-height:32px; border:#fff solid 2px; border-radius: 100%; position: absolute; transform:translate(0, -50%); top:50%; display: flex; align-items: center; justify-content: center;}
/* .enterLink a:hover{background-color:rgba(195,35,11,0.6);} */
/* .enterLink a span{position:relative; width:100%; padding:4px 8px;} */
body.device .enterLink a span::before{display:none;}

body.device div.followCursor{ display:none;}
body.startRotate{ overflow: hidden!important;}
body.startRotate div.followCursor{
  width:100px;
  height:100px;
  border-radius:50%;
  pointer-events:none;
  position:absolute;
  top:0;
  left:0;
  transform:translate(-50%, -50%);
  z-index:9999;
  border: #fff solid 2px;
}
body.startRotate div.followCursor::before{ content:"enter"; position:absolute; left: 0; top:50%; right: 0; transform: translate(0, -50%); text-align: center; color:#fff; text-transform:uppercase; font-size:24px; line-height: 32px;}
/* stage one end */

/* stage two start */
.logo{ max-width: 560px; padding: 0 20px; margin: 0 auto; opacity: 0; visibility:hidden; z-index: 4;}
body.startRotate .logo, body.stopRotate .logo{ opacity:1; visibility:visible;}
body.logoAnimate .logo{ max-width: 220px; top:20px; transform: translate(0);}

/* slider start here */
.sliderHolder{ opacity: 0; visibility: hidden; z-index: 1;}
body.logoAnimate .sliderHolder{ opacity: 1; visibility:visible;}
.sliderHolder, .pageSlide, .pageSlide .slick-list, .slick-track{ height: 100%;}
.sliderHolder ul li .imageHolder::before{
  position: absolute;
  background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.529832001159839) 100%);
  content:'';
  width:100%; height:20%;
  position:absolute;
  left: 0; top:0;
}
.sliderHolder ul{ margin: 0px; padding: 0px; list-style-type:none;}
.sliderHolder ul li{ margin: 0px; padding:0px;}
.centerText{ margin-top:2%;}
.sliderHolder h1{ font-size: 14.8vw; line-height:17vw; color:#01182E; font-family: 'Sauvage', sans-serif;font-weight: normal;
font-style: normal; text-transform: uppercase; padding: 0px;}
.sliderHolder h2{ max-width:54vw; width: 100%; padding:0 20px; font-size: 2.969vw; line-height: 3.5vw; color:#FFCCA7; text-transform: uppercase;}

.sliderHolder .box{ height: 100%;}
.sliderHolder .box::before{ padding-top: 0}
.sliderHolder .box img.OF-cover{ object-fit:contain;}

.butterflyYellow, .butterflyBlue, .bottomFlowers{ position: absolute; z-index: 4}
.butterflyYellow{width:4vw; left:-12%; top:68%;}
.butterflyBlue{width:10.938vw; top:56%; right:-14%; transform: rotate(-30deg);}
.bottomFlowers{width:8vw; left: 0; right: 0; bottom:-100%; margin: 0 auto;}
/* slider end here */

/* contact start here */
.contactBlock{ background-color:#2B3F1E; color:#FFCCA7; position: absolute; left:0; top:0;
width:100%; height:100vh; padding: 20vh 0; z-index:2; opacity:0; visibility:hidden;}
.galleryBlock, .mapBlock{
  background-color:#2B3F1E; color:#FFCCA7;
  position:absolute;
  left:0; top:0;
  width:100%; height:100vh;
  z-index:2;
  opacity:0; visibility:hidden;
}
body.open-contact .contactBlock,
body.open-gallery .galleryBlock,
body.open-map .mapBlock{ opacity: 1; visibility: visible;}
.closeContact, .closeGallery, .closeMap{
cursor: pointer;
position: absolute;
right:40px;
top:40px;
font-size:20px;
line-height:26px;
text-transform:uppercase;
display:flex;
align-items:center;
justify-content:center;
background-color:#2B3F1E;
}

.contactBlock h2{ font-size: 57px; line-height: 65px; color: #FFCCA7; text-transform: uppercase; padding-bottom:6%;}
.contactBlock a{color:#FFCCA7; text-decoration:none;}

.contactInfo{ text-align: left; overflow:visible;}
.contactInfo .col{ padding:0 40px; border-right:#FFCCA7 solid 1px; font-size: 20px; line-height: 26px;}
.contactInfo .col p{ padding-bottom: 18px;}
.contactInfo .col:last-child{border-right: 0px;}
.logoBox{ min-height: 96px; margin-bottom: 30px;}
.logoBox a{ line-height: 0; padding: 0;}
.contactInfo .col p:last-of-type{ padding-bottom: 0px;}
.contactBird{ position:absolute; left: 0; right: 0;bottom:-100%; height: 24vh; margin: 0 auto;}

.logoBox a:hover{ opacity: 0.6;}

/* body.open-contact .contactBird{ bottom: 0;} */
/* contact end here */

/* footer start here */
.footerLinks, .shortLinks{
  position:absolute;
  bottom:40px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
.footerLinks{left:40px; bottom:42px;}
.shortLinks{right:40px;}
body.logoAnimate .footerLinks, body.logoAnimate .shortLinks{ opacity: 1; visibility: visible;}

.footerLinks ul{ list-style-type: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap;}
.footerLinks ul li{ margin: 0px; padding:0 24px 0 0; position:relative; font-size: 16px; line-height: 20px;}
.footerLinks ul li::before{ content:"/"; position: absolute; right:9px; top:0; color:#FFCCA7;}
.footerLinks ul li:last-child{ padding-right: 0px;}
.footerLinks ul li:last-child::before{ display: none;}
.footerLinks ul li a, .shortLinks a{ text-decoration:none; color:#FFCCA7; cursor: pointer;}
.shortLinks{ font-size:22px; line-height:22px; text-transform:uppercase;}
.cli-bar-message a{ cursor: pointer;}

.shortLinks ul{list-style-type:none; margin:0px; padding:0px;}
.shortLinks ul li{ margin: 0; padding:0 0 14px 0; text-align: left;}
.shortLinks ul li:last-child{ padding-bottom: 0px;}
.shortLinks a{ position: relative; padding: 0 0 0 32px; background: none!important;}
.shortLinks a svg{ position: absolute; left: 0; top:-1px;}
.shortLinks a:hover{ color:#F28A45;}
.shortLinks a:hover .hoverColor{fill:#F28A45;}
/* footer end here */

/* stage two end */

/* popup code start here */
.pageinfoOpen .infoPopup.active{opacity:1; left:0%;}
.infoPopup{
  width:100%;
  height: 100%;
  background-color: #ffffff;
  color:#000000;
  padding: 0px;
  overflow: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0px;
  left: -100%;
  transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
opacity: 0;
z-index: 99;
}
.innerContent{
max-width:800px;
position: relative;
margin: 0 auto;
z-index: 2;
padding:40px 20px 40px 20px;
word-wrap: break-word;
font-size: 18px; line-height: 26px;
}
.innerContent a{ text-decoration: none; color:#2B3F1E;}
.popupHeader{ background-color:#2B3F1E; padding:12px 0; height:130px;}
.popHeadContain{ max-width: 1580px; padding: 0 20px; margin: 0 auto; text-align: center;}
.popLogo{ max-width:120px; width: 100%; display: inline-block;}
.closebtnpop {
  position: absolute;
  right: 28px;
  top: 28px;
  width: 34px;
  height: 34px;
  cursor: pointer;
  z-index: 999;
  background-image: url('./images/close-icon.svg');
  background-size: 34px;
  background-repeat: no-repeat;
  background-position: center center;
}
/* popup code end here */

/* 404 page start here */
.errorblock.TBspace{ padding: 20vh 0}
.errorlogo{max-width: 220px;
top: 20px; position: absolute; left: 0; right: 0; margin: 0 auto; padding: 0 20px;}
.errorblock{height: 100%;}
.pageNotFound{
    width:100%;
    max-width:700px;
    text-align:center;
    margin:0 auto;
    padding: 0 20px;
    font-size: 22px;
    line-height: 28px;
    color:#FFCCA7;
}
.pageNotFound > div {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color:#FFCCA7;
    margin: 0px auto;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -webkit-animation: balance 3s ease infinite 1.3s;
    -moz-animation: balance 3s ease infinite 1.3s;
    -o-animation: balance 3s ease infinite 1.3s;
    -ms-animation: balance 3s ease infinite 1.3s;
    animation: balance 3s ease infinite 1.3s;
}
.pageNotFound > div span {
    color:#01182E;
    font-family: 'Sauvage', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 5rem;
    line-height: 0;
    position: absolute;
    right: 24px;
    top: 46%;
    font-weight: 500;
    left: 0px;
    width: 100%;
}
.pageNotFound h3{
  color:#FFCCA7;
  font-family:'Sauvage', sans-serif;
  font-weight:normal;
  font-style:normal;
  padding-bottom:20px;
  }
.resultError{max-width:500px; margin:0 auto; padding:40px 20px; text-align:center;}
.resultError img{margin:0 auto;}
.resultError h4{padding:8px 0 0 0; text-transform:uppercase;}
.pageNotFound a{ color:#FFCCA7; text-decoration: none;}
/* 404 page end here */

/* cookies start here */
.cky-preference-content-wrapper p {
  padding-bottom: 10px !important;
}
.cky-accordion-header-des p {
  padding-bottom: 0px !important;
}
.cky-preference-header .cky-btn-close {
  min-width: auto !important;
}
.cky-footer-wrapper > div:last-child {
  display: none !important;
}
.cli-bar-message a{ font-size: 18px!important; line-height: 24px!important; text-decoration:none!important;}
.cky-btn{
  font-size:18px!important;
  line-height:22px!important;
  letter-spacing:0.6px!important;
  font-weight:700!important;
}
.cky-audit-table .cky-cookie-des-table, .cky-audit-table .cky-empty-cookies-text{ font-size:16px!important; line-height: 24px!important;}
.cky-audit-table .cky-cookie-des-table p{ padding-bottom: 0px!important;}
.cky-accordion-header .cky-accordion-btn{ text-align: left!important; font-size:18px!important; line-height: 26px!important;}
.cky-always-active{font-size:18px!important; line-height: 26px!important;}
/* cookies end here */

.cli_pg_page_contaner table {margin-bottom:30px;}
.cky-notice-des *{font-size:16px!important; line-height:22px!important;}
.cky-notice-des a{color:#000!important; background:none!important;}
.cky-notice-des a:hover{text-decoration:none!important;}

.cky-cookie-audit-table th{background: #333!important; color:#fff!important;}
.cky-cookie-audit-table tr:nth-child(2n + 1) td {background:#eee!important;}

body.page-template-default { overflow: auto!important;}
body.page-template-default tr:nth-of-type(odd){background:#546B45;}
body.page-template-default td, body.page-template-default th{ border:#FFCCA7 solid 1px;}


body.page-template-default .cky-cookie-audit-table tr:nth-child(2n+1) td,
body.page-template-default .cky-cookie-audit-table tr:nth-child(2n) td{
 background-color:transparent!important;
}
body.page-template-default .cky-cookie-audit-table th {
  background:#333;
}

body.page-template-default .cky-cookie-audit-table th{
color:#fff!important;
}
body.page-template-default .cky-cookie-audit-table td{
  color:#FFCCA7!important;
}

body.page-template-default a.cky-banner-element{
  background-color: transparent!important;
  text-decoration: none!important;
}

.cky-cookie-audit-table th, .cky-cookie-audit-table td, .cky-cookie-audit-table td p{
  font-size:18px!important;
  line-height:22px!important;
}
.cky-cookie-audit-table td p{ padding-bottom: 0px!important;}

a.cky-banner-element{
	padding: 8px 30px;
	background: #F8F9FA;
	color: #858A8F;
	border: 1px solid #DEE2E6;
	box-sizing: border-box;
	border-radius: 2px;
	cursor: pointer;
}

.noTopSpace{ padding-top:20px;}
.hiddenImage{ display:none;}

body.open-contact .logo{ opacity: 0; visibility: hidden;}
.cky-preference-content-wrapper p { font-size: 18px!important; line-height: 26px!important;}
.cky-accordion-header-des p{ font-size: 18px!important; line-height: 26px!important; }

/* cookies bar start here */
.cky-notice .cky-title{margin:0px!important; padding:0px!important;}
.cky-notice-des div{font-size:16px; line-height:22px;}

.cky-prefrence-btn-wrapper .cky-btn{flex:initial!important;}

.cky-notice-btn-wrapper .cky-btn, .cky-prefrence-btn-wrapper .cky-btn{
  border:#2B3F1E solid 2px!important;
}
.cky-switch input[type="checkbox"]:checked{
  background-color:#2B3F1E!important;
}

.cky-audit-table-element h3{margin: 4px 0 4px 0!important;}
/* cookies bar end here */