/*
Theme Name: VOTANIKON
Author: APPGENE
Author URI: https://www.appgene.net
Version: 1.0
*/

.animatedParent {
  z-index: 1;
}

@charset "utf-8";
@font-face {
  font-family: Baskervville;
  src: url('fonts/Baskervville-Regular.eot');
  src: local('☺'), url('fonts/Baskervville-Regular.woff') format('woff'), url('fonts/Baskervville-Regular.ttf') format('truetype'), url('fonts/Baskervville-Regular.svg') format('svg');
}

@font-face {
  font-family: Blackriver;
  src: url('fonts/Blackriver-Bold.eot');
  src: local('☺'), url('fonts/Blackriver-Bold.woff') format('woff'), url('fonts/Blackriver-Bold.ttf') format('truetype'), url('fonts/Blackriver-Bold.svg') format('svg');
}

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,500;1,400;1,500&display=swap');

/*@font-face{
  font-family: GeorgiaCSI;
  src: url('fonts/GeorgiaItalic.eot');
  src: local('☺'), url('fonts/GeorgiaItalic.woff') format('woff'), url('fonts/GeorgiaItalic.ttf') format('truetype'), url('fonts/GeorgiaItalic.svg') format('svg');
}*/


/*reset*/

a {
  text-decoration: none !important;
}

* {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
}

html {
  -webkit-font-smoothing: antialiased;
}

body {
  font-family: Baskervville;
}

a {
  outline: 0;
}

a:hover {
  opacity: 0.4 !important;
}

.ageSplash:hover {
  opacity: 1 !important;
}

p {
  font-family: Baskervville;
  font-size: 14px;
}

ul {
  list-style-type: none;
  padding: 0;
}

h4 {
  margin-bottom: 20px;
}

h3 {
  font-size: 42px;
  font-family: GeorgiaCSBI;
  color: #339d9a;
  margin-bottom: 0 !important;
}

label {
  font-size: 16px;
  padding-right: 20px;
  color: #fff;
}

input[type="checkbox"],
input[type="radio"] {
  width: 20px;
  height: 20px;
}

.white {
  color: #fff;
}


/*NAV MOBILE*/

.menu-bar {
  position: absolute;
  right: 0;
  height: 14px;
  margin-top: 30px;
  margin-left: -10px;
  /*background-color: #fff;*/
  padding: 10px 10px 20px 10px;
}

.bars {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #fff;
  box-shadow: 0 5px 0 #fff, 0 10px 0 #fff;
}

.container {
  max-width: 1170px;
}

.spacer {
  margin-top: 35px;
}


/*SECTION SPACERS*/

.spacerS {
  margin-top: 30px;
}

.spacerM {
  margin-top: 60px;
}

.spacerL {
  margin-top: 90px;
}

.spacerXL {
  margin-top: 120px;
}

.spacerBig {
  margin-top: 300px;
}

.spacerBig2 {
  margin-top: 450px;
}

.active {
  color: #000;
  height: 25px;
  /*background-color: #fff;*/
}

.h-scroll {
  height: 90vh;
  /* %-height of the viewport */
  position: fixed;
  overflow: auto;
}

input[type="email"] {
  width: 300px;
  color: #000;
  height: 32px;
  border: 0;
  padding: 10px;
}

textarea:focus,
input:focus,
.uneditable-input:focus,
select:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.4) !important;
  outline: 0 none !important;
}

.logoFooter {
  transform: scale(0.8);
}


/*intro*/

.intro {
  /*  /*background: url("images/intro_bg.jpg") no-repeat top center;*/
  height: 700px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
  */
}

.intro-subtitle {
  font-family: Blackriver;
  font-size: 50px;
  color: #fff;
}


/*bottle*/

.bottle {
  background: url("images/bottle_bg.jpg") no-repeat top center;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
}

.bottle-subtitle {
  font-family: Baskervville;
  font-size: 18px;
  color: #54c8e7;
  font-weight: bold;
}

.bottle p {
  font-family: Baskervville;
  font-size: 16px;
  color: #54c8e7;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: bold;
}


/*sea*/

.sea {
  background: url("images/sea_bg.jpg") no-repeat top center;
  height: 800px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
}

.sea-title {
  font-family: Blackriver;
  font-size: 30px;
  color: #fff;
  text-align: right;
}

.sea-subtitle {
  font-family: Baskervville;
  font-size: 18px;
  color: #fff;
  font-weight: bold;
  padding-top: 100px;
}


/*tradition*/

.tradition {
  background: url("images/tradition_bg.jpg") no-repeat top center;
  height: 800px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
}

.tradition-title {
  font-family: Blackriver;
  font-size: 40px;
  color: #54c8e7;
}

.tradition-subtitle {
  font-family: Baskervville;
  font-size: 28px;
  color: #54c8e7;
  font-weight: bold;
}

.tradition p {
  font-family: Baskervville;
  font-size: 16px;
  color: #54c8e7;
  font-weight: bold;
}

/*tradition mobile tree background*/
.traditionTreeMob {
    position: absolute;
    top: 300px;
    transform: scale(2.2);
    text-align: center !important;
    z-index: -1;
    opacity: 0.2;
}

/*savouring joy*/

.savouring-joy {
  background: url("images/savouring_bg.jpg") no-repeat top center;
  height: 100% -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
}

.savouring-joy-inner {
  background: url("images/savouring_joy_inner_bg.jpg") no-repeat top center;
  height: 100% !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
}

.savouring-drink-button a {
  display: inline;
  padding-right: 20px;
}

.savouring-joy p {
  font-family: Baskervville;
  font-size: 16px;
  color: #54c8e7;
  padding-left: 80px;
  padding-right: 20px;
  font-weight: bold;
}

.savouring-joy-subtitle {
  font-family: Baskervville;
  font-size: 20px;
  color: #54c8e7;
  font-weight: bold;
}


/*signature*/

.signatureCocktails {
  font-family: Blackriver;
  font-size: 50px;
  color: #54c8e7;
}

.signature {
  background: url("images/signature_bg.jpg") no-repeat top center;
  height: 800px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
}

.contact {
  background: url("images/contact_bg.jpg") no-repeat top center;
  height: 800px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
  font-family:
}

.footerBG {
  background-color: #000;
  height: 225px;
  color: #fff;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
}


/*VARIOUS*/

.msgBigger {
  font-size: 26px;
  /*font-family: Blackriver-bold;*/
  /*text-transform: lowercase !important;*/
}

a {
  cursor: pointer !important;
}

.btn1,
.btn2,
.btn3,
.btn4,
.btn05,
.btn06,
.btn7,
.btn8,
.btn9 {
  cursor: pointer;
}

.background-vid {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: auto !important;
}

.background-vidMobile {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: auto !important;
}

.btn-primary {
  color: #000;
  background-color: #fff !important;
  border-color: #fff !important;
  border-radius: 0;
  margin-left: 10px;
}

.btn-primary:hover {
  color: #fff;
  background-color: #00b9e5 !important;
  border-color: #00b9e5 !important;
}

.btn-contact {
  color: #fff;
  background-color: #000 !important;
  border-color: #000 !important;
  border-radius: 0;
  /*margin-left: 10px;*/
  width: 100%;
}

.btn-contact:hover {
  color: #000;
  background-color: #fff !important;
  border-color: #fff !important;
}

.footerBG a {
  color: #fff;
}

.theTastier {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 140px;
}

.modal-header {
    padding: 0;
    border-bottom: 0;
}
.modal-content {
    position: relative;
    background-color: transparent;
    -webkit-background-clip: 0;
    background-clip: padding-box;
    border: 0;
    border: 0;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: 0 !important;
    box-shadow: 0 !important;
}

/*remove shadow*/
.modal-content{
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
    -o-box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0) !important;
}


/* The side navigation menu */


/* This changes all the animations globally */


/*:root {
  --animate-duration: 1500ms !important;
  --animate-delay: 1.5s !important;
}
*/

.navMenu {
  position: fixed;
  z-index: 1;
  left: 40px;
  top: 30px;
}

.sidebarTitle {
  font-family: Blackriver;
  font-size: 48px;
  margin-left: 130px;
  margin-top: 80px;
  color: #fff;
}

.sidenavItems {
  font-size: 20px;
}

.sidebarTitle a {
  font-family: Blackriver;
  font-size: 48px;
  color: #fff;
}

.sidenav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 2;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  left: 0;
  background-color: #111;
  /* Black*/
  background: url("images/menu_overlay.jpg") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  padding-top: 60px;
  /* Place content 60px from the top */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}


/* The navigation menu links */

.sidenav a {
  font-family: Blackriver;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
  margin-left: 100px;
}


/* When you mouse over the navigation links, change their color */

.sidenav a:hover {
  color: #000;
}


/* Position and style the close button (top right corner) */

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 50px;
  margin-left: 50px;
}


/*botanical*/

.fp-controlArrow.fp-next {
  display: none;
}

.botanicalTitle {
  font-family: Blackriver;
  font-size: 48px;
  margin-left: 50px;
  margin-top: 70px;
  color: #fff;
}

.botanicalNav {
  height: 100%;
  /* 100% Full-height */
  width: 0;
  /* 0 width - change this with JavaScript */
  position: fixed;
  /* Stay in place */
  z-index: 2;
  /* Stay on top */
  top: 0;
  /* Stay at the top */
  right: 0;
  background-color: #111;
  /* Black*/
  background: url("images/menu_overlay.jpg") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
  overflow-x: hidden;
  /* Disable horizontal scroll */
  transition: 0.5s;
  /* 0.5 second transition effect to slide in the sidenav */
}

.botanicalNav a {
  font-family: Blackriver;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #fff;
  display: block;
  transition: 0.3s;
  margin-left: 100px;
}

.botanDesc {
  font-family: Baskervville;
  font-size: 16px;
  color: #fff;
  padding-left: 50px;
  padding-right: 50px;
}

.botanImg {
  padding-left: 50px;
  padding-right: 50px;
}

.botanSuggestion {
  font-family: Baskervville;
  font-size: 24px;
  padding-left: 50px;
  padding-right: 50px;
  color: #fff;
}

.botanicalNav a:hover {
  color: #000;
}

.botanicalNav .closebtn {
  position: absolute;
  top: -10px;
  left: 0px;
  font-size: 50px;
  margin-left: 20px;
}


/*cocktails*/

.cocktailDragger {
  margin-top: -20px;
}

.cocktailDrink {
  transform: scale(0.5, 0.5);
}

.cocktailBG {
  background: url("images/cocktail_bg.svg") no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100%;
  background-size: cover;
}

.cocktailTitle {
  font-family: Baskervville;
  font-size: 32px;
  color: #d8ba82;
  font-weight: bold;
}

.cocktailDesc {
  font-family: Baskervville;
  font-size: 16px;
  color: #54c8e7;
  font-weight: bold;
}


/*.botanDesc {
font-family: Baskervville;
font-size: 18px;
color: #fff;
padding-left: 50px;
padding-right: 50px;

}*/

.signaturelRecipeNav a:hover {
  color: #000;
}

.signaturelRecipeNav .closebtn2 {
  position: absolute;
  top: 0;
  left: 0px;
  font-size: 50px;
  margin-left: 20px;
}

.signatureRecipeBtn {
  font-size: 20px;
  font-family: Blackriver;
  color: #000;
  display: block;
  margin-bottom: 20px;
}
/*
.signatureRecipeBtn:hover {
  color: #54c8e9;
}*/

.closebtn2 {
  color: #54c8e7 !important;
}

.closebtn2:hover {
  color: #000000 !important;
}


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {
  transition: margin-left .5s;
  padding: 20px;
}

.form-control {
      font-family: 'Arial', sans-serif !important;
}


/*fullpage*/

div.fp-controlArrow.fp-prev {
  display: none;
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 19.5px 16px 19.5px 0 !important;
  border-color: transparent #1eb8e3 transparent transparent !important;
}

@media (min-width: 320px) and (max-width: 480px) {


  a:hover {
    opacity: 1 !important;
  }

  .age {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 100px !important;
}

  .ageSM {
    display: block;
  }

  .ageMD {
    display: none;
  }

  .ageHD {
    display: none;
  }

  .onDesktop {
    display: none !important;
  }

  .navMenu {
    left: 20px;
    top: 20px;
  }
/*  .spacerBig {
    margin-top: -80px;
  }*/
  .logoTop {
  transform: scale(0.80,0.80);
  }
  .spacerXLMob {
    margin-top: 220px;
  }
  .intro {
    background: url("images/intro_bg.jpg") no-repeat top center;
    height: 800px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    background-size: cover;
  }

.bottle {
  background: url("images/bottle_bg.jpg") no-repeat top center;
   /*height: 600px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    background-size: cover;
}

  .bottleScale {
    transform: scale(0.60) !important;
    position: absolute;
    top: 120px;
     position: absolute;
      margin: auto;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 1;
  }

    .bottleScaleIntro {
    transform: scale(0.6) !important;
    /*position: absolute;*/
    /*top: -130px !important;*/
    height: auto;
     /*position: absolute;*/
      margin: auto;
      left: 0;
      right: 0;
      text-align: center;
  }


  .tradition {
     background: none;
     height: auto;
  }

  .tradition-border {
    border: 1px solid #54c8e7;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
  }


  .sea-title{
    text-align: center;
  }

  .savouring-joy {
  background: none;
  }
  .savouring-joy p {
  padding-left:0;
  }
  .footerBG {
    height: auto;
  }
  .contact {
  height: 600px;
  }
  .spacerXL {
    margin-top: 280px;
  }

  input[type="email"] {
    width:150px;

  }
  label {
    padding-right: 10px;
  }
  .showHerbs {
    display: none;  
  }

  .showDrinks {
    display: none;
  }
}

/* Portrait tablets and small desktops IPAD */
@media (min-width: 768px) and (max-width: 991px) {

  a:hover {
    opacity: 1 !important;
  }

    .ageSM {
    display: block;
  }

  .ageMD {
    display: none;
  }

  .ageHD {
    display: none;
  }

  .onDesktop {
    display: none;
  }

  .navMenu {
    left: 20px;
    top: 20px;
  }

  .logoTop {
  transform: scale(0.80,0.80);
  }

    .spacerXLMob {
    margin-top: 180px;
  }

  .intro {
    background: url("images/intro_bg.jpg") no-repeat top center;
    height: 800px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    background-size: cover;
  }

.bottle {
  background: url("images/bottle_bg.jpg") no-repeat top center;
   /*height: 600px;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 100%;
    background-size: cover;
}

  .bottleScale {
    transform: scale(0.80) !important;
    position: absolute;
    top: 300px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1;
  }


  .sea-title {
    text-align: text-center !important;
  }

  .tradition {
     background: none;
       height: auto;
  }

  .tradition-border {
    border: 1px solid #54c8e7;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
  }

  .savouring-joy {
  background: none;
  }
  .savouring-joy p {
  padding-left:0;
  }
  .footerBG {
    height: auto;
  }
  .contact {
  height: 550px;
  }

  .showHerbs {
    display: none;  
  }
  .showDrinks {
    display: none;
  }
}



@media only screen and (min-width: 1200px) {

  .ageSM {
    display: none;
  }

  .ageMD {
    display: block;
  }

  .ageHD {
    display: none;
  }

  .age {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
  }

  .logoTop {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 350px;
  }
  .animated-bottle01 {
    transform: scale(0.85);
  }

  .bottleScaleIntro {
    transform: scale(0.6) !important;
    position: absolute;
    top: 30px;
    height: auto;
     /*position: absolute;*/
      margin: auto;
      left: 0;
      right: 0;
      text-align: center;
      z-index: 1;
  }

  .bottleScale {
    transform: scale(0.80) !important;
    position: absolute;
    top: 150px;
  }
    .showHerbs {
    display: none !important;
  }
    .showDrinks {
    display: none !important;
  }

  .modal-dialog {
    width: 800px;
  }
}

@media only screen and (min-width: 1336px) {

  .ageSM {
    display: none;
  }


  .age {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
  }

  .ageMD {
    display: block;
  }

  .ageHD {
    display: none;
  }

/*  .logoTop {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 450px;
  }*/

  .logoTop {
    position: absolute;
    top: -60px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 350px;
  }

  .animated-bottle01 {
    transform: scale(0.85);
  }
  
  .showHerbs {
    display: none !important;
  }
    .showDrinks {
    display: none !important;
  }

  .modal-dialog {
    width: 800px;
  }
}

@media only screen and (min-width: 1600px) {

  .ageSM {
    display: none;
  }

  .ageMD {
    display: none;
  }

  .ageHD {
    display: block;
  }

  .age {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}

  .logoTop {
    position: absolute;
    top: -200px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 500px;
  }

  .bottleScale {
    transform: scale(1);
    position: absolute;
    top: 310px;
    padding-right: 20px;
  }

  .spacerXL2 {
    margin-top: 200px !important;
  }
    .showHerbs {
    display: none !important;
  }
    .showDrinks {
    display: none !important;
  }

  .modal-dialog {
    width: 800px;
  }
}

@media only screen and (min-width: 1920px) {

  .ageSM {
    display: none;
  }

  .ageMD {
    display: none;
  }

  .ageHD {
    display: block;
  }

.age {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}

  .logoTop {
    position: absolute;
    top: -120px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 500px;
  }
  .bottleScale {
    transform: scale(1) !important;
    position: absolute;
    top: 310px;
    padding-right: 20px;
  }

  .spacerXL2 {
    margin-top: 200px !important;
  }
  .pusherHD {
    margin-top: 200px !important;
  }
  .pusherHDBTN {
    margin-top: 80px !important;
  }
    .showHerbs {
    display: none !important;
  }
    .showDrinks {
    display: none !important;
  }

  .modal-dialog {
    width: 800px;
  }
}

@media (min-width: 1930px) and (max-width: 2560px) {

  .ageSM {
    display: none;
  }

  .ageMD {
    display: none;
  }

  .ageHD {
    display: block;
  }

.age {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}

  .logoTop {
    position: absolute;
    top: -200px;
    left: 0;
    right: 0
  }
  .spacerBig {
    margin-top: 500px;
  }
  .bottleScale {
    transform: scale(1) !important;
    position: absolute;
    top: 310px;
    padding-right: 20px;
  }

  .spacerXL2 {
    margin-top: 200px !important;
  }
  .pusherHD {
    margin-top: 200px !important;
  }
  .pusherHDBTN {
    margin-top: 80px !important;
  }
    .showHerbs {
    display: none !important;
  }
    .showDrinks {
    display: none !important;
  }

  .modal-dialog {
    width: 800px;
  }

}