html{color:#61656b; font-size:17px; font-size:1.1vw;  line-height: 2em; height:100%; position:relative}
body{ color:#2b2657; font-family: 'Rubik', sans-serif;font-weight: normal; color:#311d0e; position:relative; }

h1{ font-family: 'Rubik', sans-serif; font-family: 'Fondamento', cursive;font-weight:600; font-size: 2.4em; text-transform: none; letter-spacing: 0.03em;  margin-bottom: 1.8em; text-align:center}
h2{ font-family: 'Rubik', sans-serif; font-family: 'Fondamento', cursive;font-weight: normal; font-size: 3em; text-align: center; line-height: 1.3em; margin-bottom: 1em; letter-spacing: 0;}
h3{font-weight: 700; font-family: 'Fondamento', cursive; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.07em; margin-bottom: 1em; line-height: 1.3em;     margin-top: 1em;}
h4{color: #61656b;  font-weight: 700; font-size: 1.2em; text-transform: uppercase; letter-spacing: 0.01em; margin-bottom: 1.6em; line-height: 1.3em;     margin-top: 2.5em;}
a {color:#bf2b37; text-decoration: none;} a:hover{color:black}
.date {color: #a0a2a5;   font-weight: 700; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 1.6em; line-height: 1.3em;     margin-top: 2.5em;}






ul {margin: 0; padding: 0;}

main { }
.main-width{width:90%; margin:0 auto; }
.subpage-width {width:70%; margin:0 auto;}
.clear {clear:both}

 header{width:100%; height:5em;  background-color: rgba(0, 0, 0, 0.5); position:fixed; z-index:11; left: 0; right: 0; margin: auto; -webkit-transform:translateX(0); transform:translateX(0);color:#ecd8d2;    }
 .header-down {background-color: rgba(0, 0, 0, 0.5); -webkit-transition:background-color 0.6s; transition:background-color 0.6s}
 .header-up {background-color: rgba(0, 0, 0, 0.9); -webkit-transition:background-color 0.6s; transition:background-color 0.6s}
 
 .logomain{  margin-top: 0.5em; width: auto; height: 3.9em; position: absolute; left: 1.5em; z-index: 1;}

 
 .controls{float:right; height:2.2em; width: auto; margin-top: 1.5em; position:absolute; right: 2%; z-index:1}
 #topnav {float: left;     margin-top: 0.2em; margin-right: 0.7em;}
#topnav li {font-weight: 500; text-transform: uppercase; float: left; display: block; margin: 0 1.4em; font-size: 0.9em; letter-spacing: 0.05em;}
#topnav a {color:inherit; }  #topnav a:hover { }
#topnav li {border-bottom: 3px solid rgba(43, 38, 87, 0); -webkit-transition: all 0.6s ease; transition: all 0.6s ease}  
#topnav li:hover{border-bottom: 3px solid #ecd8d2;}
#ham-cont { height:100%;  display: -ms-flexbox;  display: -webkit-box;  display: flex; display:none; width: 5em; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; float:left}
.language-chooser {float:right}
#topnav .language-chooser li {margin: 0 0.4em; float: left;} 
#mainmenu .language-chooser {float:left;  margin-top: 0;} 
 
 



 #mainmenu { background-color:#2c3329; height: 100%; width: 19%; position: fixed; right: -19%; top:0; z-index:12; padding: 2.3em; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform:translateX(0); transform:translateX(0)}
 #mainmenu ul {margin-top:2em;}
 #mainmenu li { font-weight: normal; font-size: 1.6em;   list-style-type: none; list-style-type: none; margin: 0 0 0.9em; line-height: 1.1em; letter-spacing: 0.02em; text-align: left;  cursor: pointer;}
 #mainmenu a{color: #f7f7f7;} #mainmenu a:hover{color:#fffcd9;}
 .logo-nav {width:6em}
 .close-nav {display:block; width:2em; position:absolute; top:2em; right:2em; cursor:pointer}
   
/*menu-anim*/
 #mainmenu, main, header  {-webkit-transition: -webkit-transform 0.4s ease;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
 #mainmenu.open-menu {-webkit-transform:translateX(-100%);transform:translateX(-100%);}
 main.open-menu {-webkit-transform:translateX(-12%);transform:translateX(-12%);}   
 header.open-menu {-webkit-transform:translateX(-17%);transform:translateX(-17%);}
 .logo-nav {width:6em}


      



 .blackout, .blackout-menu {  -webkit-overflow-scrolling: touch; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 12; background-color: rgba(0,0,0,0.3); overflow: auto;}        
 .popup1 {     padding: 2em 5% 5em; top: 13%; left: 0; right: 0; margin: 0 auto; width: 31em; height: auto; background-color: #ffefdd; position: absolute; z-index: 11; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:visible; margin-bottom: 5em;

 
}

.close-but {cursor: pointer; position: absolute; right: -47px; top: 0; width: 37px; height: 38px; cursor: pointer; z-index: 11; background-image: url(/wp-content/themes/elix/img/close.png);} 
 .intro-cont{position:relative; background:black}
 .intro {width:100%; height:500px; height:100vh; /*background-image:url('/wp-content/themes/elix/img/intro.jpg');*/  background-size:cover; background-repeat:no-repeat; position: relative;     overflow: hidden;}

/* HTML video intro */
 #bgvid {width:100%; position:relative; top:0; margin:0; padding:0}
 .vid-overlay {position:absolute; top:0; width:100%; height:100%; z-index:9; background-image:url(/wp-content/themes/elix/img/vid-overlay.png); background-repeat:repeat}
  .intro .btn {margin:1em .5em}
  .intro .btn.booknow-intro {position:absolute; right:0; left:0; margin:auto; bottom:14%; z-index:10;     width: 11em;}

/* video popup */
.video-popup-cont{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background-color: rgba(0,0,0,1); overflow: auto; z-index: 2000;}
.video-popup-cont iframe {width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto ;}
.video-close-but {cursor: pointer; position: absolute; right: 1.4%; top: 3.5em; width: 3%; height: 100px; cursor: pointer; z-index: 11; 
background-image: url("/wp-content/themes/elix/img/x-white.png"); background-size: 100%; background-repeat: no-repeat;}





 
 .intro-block{ z-index:10; margin:-1% auto 0; position:absolute; left:0; right:0; margin:auto; top: 52%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center;}
  .intro-block img {    display: block; margin: 0 auto 3em; width: 18em;

}
 .intro h1{ color:white; font-weight:500; font-size: 2em; line-height: 1.3em; margin:0 auto 1.5em; text-transform: none; letter-spacing: 0.01em; font-size: 3em; line-height: 1.3em;
     position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    display:none
 }
  .intro h1:first-child{display:block}


 .intro .perex p{width:50%; text-align:center; margin:2em auto; color:#656565; line-height:1.6em; }
 
 .arrow-scrolldown{margin:2em auto; width:3%; bottom:2em; left:0; right:0; position:absolute; -webkit-animation:pulse 1s infinite alternate; animation:pulse 1s infinite alternate; -webkit-animation-name:pohyb; animation-name:pohyb; }
 .arrow-scrolldown img{width:100%}
 @-webkit-keyframes pohyb{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%); }
 100%{-webkit-transform:translateY(20%);transform:translateY(20%); }}
 @keyframes pohyb{0%{-webkit-transform:translateY(-20%);transform:translateY(-20%); }
 100%{-webkit-transform:translateY(20%);transform:translateY(20%); }}

.poly1 {position:absolute; bottom:0; width: 100%; overflow: hidden;     z-index: 10;}
.poly2 {position:absolute; bottom:0; width: 100%; overflow: hidden;} 
.poly2 svg, .poly1 svg {position: relative; bottom: -2px;}

.greenpoly1 {bottom: -1px;}
 section {position:relative; overflow:auto }
 .text-section { text-align:center; padding-top:4em; padding-bottom:5em} 

.about {background:#e7d1b9; padding-bottom: 11em; }
.about p{width:50%; margin:auto}
.features {margin:4em auto 2em auto; width:60%;}
.feature {float:left; width:25%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom:2em}
.feature img {width:30%; margin-right:10%; display:block}
.feature p{ width: 60%; margin: 0; text-align: left;}
.feature:nth-child(n+4) {position: relative;left: 10%;}
.about button {margin-top:3em}

.gallery {height:auto; background-color:#301a01; padding:6em 0 12em}
.gallery {color:#e7d1b9}
.swiper-container {
    width: 100%;
    height: auto;
} 
.gallery .swiper-slide {width:50%;}    
.gallery .swiper-slide img{width:100%} 


.why-to-play {background:#c1d0bb; padding:3em 0 13em}
.whys {text-align: center; width:80%; margin:2em auto 0}
.why {display:inline-block;    width: 25%; vertical-align: top; margin: 0 4%; line-height:1.8em}
.why img{display:block; width:35%; margin:auto}
.why h2 {font-size:1.5em}

.what {background:#eee; padding-bottom: 11em;    overflow: visible;}
.what p{width:50%; margin:auto} 

.legends-section {background:#2c3329; padding:3em 0 13em}
.legends-section h1 {color:#eee}
.legends {text-align: center; width:70%; margin:2em auto 0}
.legend {display:inline-block; background:#d0c7a8; width: 30%;  vertical-align: top; margin: 0 1%; line-height:1.8em; padding:1.5%; -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell;
    vertical-align: top; border: 0.7em solid #2c3329;
    -webkit-box-shadow: 2px 2px 22px 1px rgba(0,0,0,0.42);
box-shadow: 2px 2px 22px 1px rgba(0,0,0,0.42);
}
.legend img{display:block; width:100%; margin:auto}
.legend h2 {font-size:1.5em; text-align: left; width:90%; margin-left:2%}
.legend p{text-align: left; width:90%; margin-left:2%}
 .legends-section button {margin-top:5em}


.testimonials-section{background:#eee; padding:0em 0 3em}
.testimonials-section h1 {color:#311d0e}
.testimonials {text-align: center; width:80%; margin:2em auto 0; position: relative;}
.testimonial {display:inline-block;  width: 100%;  vertical-align: top; margin: 0 1%; line-height:1.8em; padding:1.5%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;
  }
.testimonial a{    color: #030303;}
.testimonial img{display:block; width:100%; margin:0 auto 2em}
.testimonial h2 {font-size:1.5em;  width:90%; margin-left:2%}
.testimonial p{ width:90%; margin-left:2%}
.testimonial-name {font-weight:300; font-style: italic;}

#category-menu {margin-bottom:2em}
.testimonial-country {cursor:pointer; display:inline; list-style-type: none; margin:0 2em; font-weight:600; color:#708866}
.testimonial-country:hover {color:black}
#loading-animation {position: absolute; top: 2.4em; left: 0; right: 0; margin: auto;}

.swiper-container-testimonials {width:70%; height:auto; background:none;  margin: auto;     overflow: hidden;}
.swiper-container-testimonials .swiper-slide {width:100%}

.tripimg {width:7em; margin:2em;  display:inline; text-align:center}


.pricing {background:#e7d1b9; padding:3em 0 0 ;     overflow: visible;}

.prices {text-align: center; width:80%; margin:2em auto 0}
.price {display:inline-block;    width: 25%; vertical-align: top; margin: 0 4%; line-height:1.8em}
.price img{display:block; width:40%; margin:auto}
.price p {font-size:1.4em}

.poly3 { position: relative; width: 100%; z-index: 5; top: 65px;}
.map-section {width:100%; height:200px; height:70vh; z-index:4; margin-top:-2em; position:relative}
.dont-zoom-map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}
#map {width:100%; height:100%}

.contacts-section {background:#ffffff; padding:3em 0 13em}
.contacts {text-align: center; width:80%; margin:2em auto 0}
.contact{display:inline-block; width: 27%; vertical-align: top; margin: 0 1%; line-height:1.8em; text-align: left; }
.contact img { height: 1.3em; float: left; margin-right: 0.6em; margin-top: 0.2em;}
.contact h2, .contact-map h2 {font-size:1.5em; text-align: left; color:#ef4136}

.contact-maps {text-align: center; width:80%; margin:2em auto 0}
.contact-map {display:inline-block; width: 27%; vertical-align: top; margin: 0 1%; text-align: left;}
.contact-map img {width:100%}
.contact-map img:hover {  -webkit-filter: brightness(0.7);
  filter: brightness(0.7);}

footer {color:white; background-color: #2c3329; text-align: left;  padding: 2em 16% 5em 16%; position:relative}
footer .col {width:25%; float:left; text-align: left;}
footer a {color:white}
footer a:hover {color:#fff7b4}

.socs {position:absolute; right:25%; top:3%}
.socs img{width:2em; display:block; float:left; margin:0 0.2em}
.socs .instaimg {    width: 10em; float: none; margin-top: 1em;}

.other-services {margin-top:2em}
.fb-box {    float: left;
    margin-right: 2em;   }
#TA_cdsratingsonlynarrow894 {position:static; float:left; margin-right: 2em; } 
#TA_cdsratingsonlynarrow894 img {display:block}
#inspirock-attraction-widget-419369 {margin:0; margin-top:1.6em; margin-bottom:2em!important}



.booking h2{font-size: 2.6em; letter-spacing: 0; font-weight: 500; text-transform: uppercase; margin-top:0 !important}
.book-warning{line-height:1em;     margin-top: 0;}



/*birchpress plugin*/

.birs_form_field.birs_appointment_location { display: none; }
.birs_form_field.birs_appointment_service { display: none; }
.birs_form_field.birs_appointment_staff { display: none; }
#birs_appointment_form .birs_form_field textarea{    height: 3em; border: 1px dashed #311d0e; } 

div#birs_appointment_timeoptions span a {color: #00a009;}
div#birs_appointment_timeoptions a.selected {background-color: #00a009 !important;}
#birs_appointment_datepicker .ui-state-active { background-color: #00a009 !important;}
#birs_appointment_form .birs_field_content, #birs_appointment_form .birs_form_field select {max-width: 100% !important; }



#birs_appointment_form .ui-datepicker td a {color:#00b000}
#birs_appointment_datepicker .ui-state-disabled {color: #ff0404 !important;}
#birs_appointment_datepicker .ui-state-active td a {color:#fff !important}

  #birs_appointment_datepicker .ui-datepicker-current-day a {color:#006116 !important;     font-weight: bold;}





  .page-sub {margin-top: 0; padding: 11em 20%; box-sizing: border-box; background: #e7d1b9;}
  .page-sub h2 {font-size:1.5em; font-weight:bold; text-align: left; margin-top:2em}
  .page-sub h1 {font-size:2em;text-align: left; letter-spacing:0; text-transform: none;}
   .page-sub p img {width: 100%; height: auto;}
   
   .thanku-page {background-image: url(/wp-content/themes/elix/img/thanku.jpg); background-size: cover;}
   .thx-text {width:60%; padding:10%; box-sizing: border-box; margin-left:50%; color:white}