/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html, button, input, select, textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
  display: none !important;
  visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/**
*****************************
-----------------------------
created by eDesign.bg
-----------------------------

project name : Black Ram
author : mitkosi@edesign.bg
*******************************  */

a {
  color: #fff;
  text-decoration: none;
}

a:hover {
  text-decoration: underline
}

a, a:visited, a:active, a:focus, a:hover {
  outline: 0 none
}

body {
  font: 14px "Open Sans", Arial, sans-serif;
}

.blockable {
  display: block;
}

.evo-heading, .fancy-heading, .infoblock-style strong, .bottle-number, .stage-15 {
  font-family: "PFDinTextCompPro-Medium", Arial, sans-serif;
}

.fancy-heading span {
  font-weight: 400;
  font-size: 41px;
}

.fancy-heading strong {
  font-weight: 700;
  font-size: 60px;
  line-height: normal;
}

.more-button a {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 24px;
  line-height: 52px;
}

#video-info {
  z-index: 10
}

.pattern-overlay {
  background: url(/assets/img/dots.gif) repeat 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 100%;
  height: 100%;
}

.loader .deny-message, .check-box .label, .toolbar a, .toolbar strong {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 24px;
}

.toolbar strong big {
  font-size: 43px;
}

.check-box .label {
  line-height: 24px;
  text-transform: uppercase;
}

.answer-yes, .answer-no {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 41px;
}

.top-title strong {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 73px;
}

.state-2 {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 24px;
}

.age-check-message {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 18px;
}

.tooltip-screen .lcol {
  font-family: "PFDinTextCompPro-Medium";
}

.arrow-pointer, .bottle-wrapper, .block, .close-button, .total-time, .slideshow-control a, .slideshow-control span, .top-title, .video-thumbs, .video-img-box, .video-frame, .video-imgs-3d, .tooltips a, .video-canvas a.play, .video-canvas a.tumb-link, .video-canvas img, .whiskey-label, .whiskey-detail, .tooltips a, .tooltips .inner, .tooltips, .tooltips li, .br-label, .canvas-screen, .bottle-tooltips, .scroll-bar, .scroll, .scroll-bar ul, .menu, .wrapper, .content, .abs-zero, .page, .half-screen, img.bg-image, img.whiskey, .half-screen a.side-link, .toolbar {
  position: absolute;
  z-index: 1
}

.abs-zero {
  z-index: 0;
  height: 0;
  right: -10px;
  width: 0;
}

.page, .wrapper {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden
}

.panSliderScreen {
  background: #1d1d1b;
}

.page {
  z-index: 10
}

.hidden-page {
  top: 100%;
}

.old-page {
  z-index: 5;
}

.content {
  left: 150px;
  right: 0;
  height: 100%;
  overflow: hidden
}

.menu {
  width: 150px;
  z-index: 2;
  height: 100%;
  background: url(/assets/img/side-menu-pattern.jpg) repeat-y 0 0;
}

.br-label {
  top: 32px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 20
}

.br-label img {
  max-width: 290px;
  width: 17%;
}

.canvas-screen {
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1
}

/*.content{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);}*/

/* Logo */

.logo {
  float: left;
  margin: 0;
  width: 100%;
  padding: 0;
  margin: 0 0 65px;
}

.logo a {
  text-indent: -9999px;
  float: left;
  width: 100%;
  height: 192px;
  background: url(/assets/img/logo2.png) no-repeat 50% 0;
}

.lang-en .logo a {
  background-image: url(/assets/img/logo2.png);
}

.height-lte-776 .logo {
  margin: 0;
}

.height-lte-728 .logo a {
  background: url(/assets/img/logo2-small.jpg) no-repeat 50% 0;
  height: 140px;
}

.height-lte-728 .lang-en .logo a {
  background-image: url(/assets/img/logo2en-small.jpg);
}

.height-lte-728 .footie div {
  display: none
}

.langbox {
  height: 60px;
  text-align: center;
  clear: left;
}

.langbox, .langbox a {
  color: #fff;
}

.langbox a, .langbox span {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}

.langbox .highlight {
  border-radius: 20px;
  background: #766054;
}

/* scroll */

.scroll-bar {
  width: 20px;
  right: 0px;
  top: 0;
  height: 100%;
  background: url(/assets/img/scroll-side-background.png) repeat-y 0 0;
  -webki-transition: width .3s;
  -moz-transition: width .3s;
  -o-transition: width .3s;
  transition: width .3s;
  z-index: 12
}

.scroll-bar.hover, .scroll-bar:hover {
  width: 20px;
}

.scroll {
  left: 0;
  top: 0;
  width: 100%;
  background: #766054;
  -webkit-border-radius: 1px;
  -mozborder-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}

.scroll-bar {
  display: none;
  right: -20px;
}

/* navigation */

.navigation {
  clear: left;
  width: 149px
}

.navigation a {
  display: block;
  text-indent: -9999px;
  border-bottom: 1px solid #000;
  position: relative;
  overflow: hidden;
}

.navigation a.active {
  color: #000;
  background-color: #151212;
}

.navigation a span, .scroll-tooltips span {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background-repeat: no-repeat;
  z-index: 3
}

.lang-bg .navigation a span, .lang-bg .scroll-tooltips span {
  background-image: url(/assets/img/menu-sprite.png);
}

.lang-en .navigation a span, .lang-en .scroll-tooltips span {
  background-image: url(/assets/img/menu-sprite-en.png);
}

.lang-pl .navigation a span, .lang-pl .scroll-tooltips span {
  background-image: url(/assets/img/menu-sprite-pl.png);
}

.lang-ro .navigation a span, .lang-ro .scroll-tooltips span {
  background-image: url(/assets/img/menu-sprite-ro.png);
}

.lang-tr .navigation a span, .lang-tr .scroll-tooltips span {
  background-image: url(/assets/img/menu-sprite-tr.png);
}

.navigation a em {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 100%;
  background: #000;
  -webkit-transition: left .3s;
  -moz-transition: left .3s;
  transition: left .3s;
  z-index: 1
}

.navigation a.active em {
  display: none
}

.navigation a:hover em {
  left: 0;
}

a.two-legends {
  border-top: 1px solid #000;
}

a.two-legends, a.two-legends span {
  height: 75px;
  background-position: 25px 0;
}

a.how-its-made, a.how-its-made span {
  height: 83px;
  background-position: 25px -75px;
}

a.legend, a.legend span {
  height: 57px;
  background-position: 25px -158px;
}

a.multimedia, a.multimedia span {
  height: 70px;
  background-position: 25px -215px;
}

a.evolution, a.evolution span {
  height: 47px;
  background-position: 25px -291px;
}

a.secret, a.secret span {
  height: 77px;
  background-position: 25px -339px;
}

.scroll-tooltips li {
  width: 113px
}

.scroll-tooltips span {
  background-image: url(/assets/img/side-tooltips.png);
  margin-top: -31px;
  width: 113px
}

.scroll-tooltips .two-legends span {
  background-position: 0 -100px
}

.scroll-tooltips .how-its-made span {
  background-position: 0 -200px;
}

.scroll-tooltips .legend span {
  background-position: 0 -300px;
}

.scroll-tooltips .multimedia span {
  background-position: 0 -400px;
}

.scroll-tooltips .evolution span {
  background-position: 0 -500px;
}

.scroll-tooltips .secret span {
  background-position: 0 -600px;
}

.scroll-tooltips .home span {
  background-position: 0 0;
}

/* Loader */

.loader {
  z-index: 100;
  color: #fff;
}

.loader .line {
  height: 10px;
  bottom: 0;
  width: 0%;
  left: 0;
  background: #E3C280;
  position: absolute;
}

/*.loader p{position: absolute;top:50%;text-align: center;height: 20px;margin-top:-10px;width: 100%;display: none}*/

.hallow .line {
  background: #53463f;
}

.lang-en .message-18-plus, .hallow .message-18-plus {
  display: block;
}

/* Theme */

.theme.black {
  background: #212121;
}

.loader.hallow {
  background: transparent;
}

.loader.hallow .loading-msg {
  display: none
}

.loader.pitch-black {
  background: transparent url(/assets/img/black.png) repeat 0 0;
}

.loader.pitch-black .loading-msg {
  display: block
}

/* Two Legends */

/*.half-screen{width:50%;top:0;left:0;overflow: hidden;height:100%;z-index: 5;background:url(/assets/img/blackramwall.png) center center, url(/assets/img/blended-legend.jpg) no-repeat center center;}*/

.half-screen {
  width: 50%;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  z-index: 5;
  /* background: #1d1d1b url(/assets/img/blended-legend.jpg) no-repeat center center; */
  background: #0e131f url(/assets/img/legend-background.jpg) no-repeat 50% 50%;
}

/*.half-screen.legend-2{background:url(/assets/img/blackramwall.png) center center, url(/assets/img/finest-legend.jpg) no-repeat center center}*/

.half-screen.legend-2 {
  /* background: #1d1d1b url(/assets/img/finest-legend.jpg) no-repeat center center */
  background: #0e131f url(/assets/img/legend-background-new.jpg) no-repeat 50% 50%;
}

.half-screen img.bg-image {
  top: 0;
  left: 0;
}

.half-screen img.whiskey {
  top: 10%;
  height: 80%;
  right: 5%;
  z-index: 5;
  cursor: pointer;
}

.half-screen {
  cursor: e-resize;
}

/*.cursorDrag .half-screen,  .cursorDrag .half-screen {cursor: url(/assets/img/grap.png), pointer;}*/

.half-screen.legend-2 img.whiskey {
  left: 5%;
  right: auto
}

.half-screen.legend-2 img.bg-image, .half-screen.legend-2 {
  left: auto;
  right: 0;
}

.half-screen a.side-link {
  width: 133px;
  height: 100%;
  left: 100%;
  margin: 0;
  z-index: 5;
  text-indent: -9999px;
}

.half-screen.legend-2 a.side-link {
  left: auto;
  right: 100%;
  background: #1d1d1b url(/assets/img/side-link-blended.jpg) no-repeat center center;
}

.half-screen.legend-1 a.side-link {
  background: #1d1d1b url(/assets/img/side-link-finest.jpg) no-repeat center center;
}

.full-screen {
  width: 100%;
}

.whiskey-label {
  background: #1d1d1b;
  color: #e1c07c;
  width: 356px;
  height: 366px;
  left: 35%;
  top: 50%;
  margin: -183px 0 0 -160px;
  z-index: 10
}

.legend-2 .whiskey-label {
  left: auto;
  right: 35%;
  margin: -183px -160px 0 0;
}

.top-label {
  text-align: center;
  padding: 30px 0;
}

.top-label img {
  width: 80%;
}

.short-desc {
  padding: 0 30px;
  text-align: center;
}

.more-button {
  text-align: center;
  margin: 30px 0 0;
  position: relative;
}

.rcol .more-button {
  margin-top: 20px;
}

.more-button a {
  display: inline-block;
  width: 69px;
  height: 69px;
  line-height: 66px;
  border-radius: 100px;
  border: 3px solid #fff;
}

.more-button .close-button {
  width: 75px;
  height: 75px;
  margin: -37px 0 0 -37px;
  border: 0 none;
}

.whiskey-detail {
  height: 680px;
  background: #1d1d1b;
  padding: 35px;
  text-align: center;
  color: #e0be7a;
  width: 300px;
  margin-top: -375px;
  left: 10%;
  top: 50%;
}

.fancy-heading span {
  color: #fff;
}

.legend-1 .fancy-heading span {
  margin: 0;
}

.half-screen.legend-2 .whiskey-detail {
  right: 10%;
  left: auto;
}

.fancy-heading {
  margin: 1em 0;
}

.fancy-heading, .fancy-heading span, .fancy-heading strong {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  display: block
}

.fancy-heading span {
  /*font-size:24px;*/
  margin: 0 20px;
}

.fancy-heading span::before, .fancy-heading span::after {
  content: '.';
  line-height: 3px;
  font-size: 3px;
  position: relative;
  padding: 0 0 0 50px;
  margin: 0 20px;
  top: -13px;
  background: #fff;
}

.whiskey-detail .fancy-heading span, .whiskey-detail .fancy-heading strong {
  font-weight: 300;
}

.whiskey-detail .fancy-heading span {
  margin: 0;
}

.whiskey-detail .fancy-heading strong {
  color: #ffe686;
  font-size: 55px;
  line-height: 50px
}

.lcol .fancy-heading span, .rcol .fancy-heading span {
  font-size: 41px;
}

.whiskey-detail .descrp-text, .short-desc {
  font-size: 14px;
  line-height: 18px;
  font-style: italic
}

.lcol .video-canvas {
  margin-bottom: 50px;
}

.lcol .video-canvas a.play {
  background: url(/assets/img/home-video-play-arrow.png) no-repeat 0 0;
  height: 214px
}

.video-canvas a.play:hover, .low-res .video-canvas a.play:hover {
  background-position: 100% 0;
}

.low-res .top-title .video-canvas a.play {
  background-position: 50% 50%
}

.lcol .video-canvas a.tumb-link {
  background: url(/assets/img/home-video-play-arrow.png) no-repeat 0 0;
  height: 214px
}

.video-canvas a.tumb-link:hover, .low-res .video-canvas a.tumb-link:hover {
  background-position: 100% 0;
}

.low-res .top-title .video-canvas a.tumb-link {
  background-position: 50% 50%
}

/* The Legend */

.toolbar {
  z-index: 15;
  height: 136px;
  bottom: 15%;
  width: 667px;
  left: 50%;
  margin-left: -333px;
  border-radius: 5px
}

.lang-bg .toolbar {
  background: url(/assets/img/legendary-timeline.png) no-repeat 0 0;
}

.lang-en .toolbar {
  background: url(/assets/img/legendary-timeline-en.png) no-repeat 0 0;
}

.lang-ro .toolbar {
  background: url(/assets/img/legendary-timeline-ro.png) no-repeat 0 0;
}

.lang-pl .toolbar {
  background: url(/assets/img/legendary-timeline-pl.png) no-repeat 0 0;
}

.lang-tr .toolbar {
  background: url(/assets/img/legendary-timeline-tr.png) no-repeat 0 0;
}

.toolbar strong {
  width: 100%;
  text-align: center;
  height: 60px;
  color: #eeecdd;
  float: left;
  position: relative;
  margin-top: -94px;
  text-transform: uppercase;
  line-height: 30px
}

.toolbar big {
  font-size: 2em;
  display: block
}

.toolbar a {
  display: block;
  float: left;
  width: 25%;
  height: 23px;
  color: #8b755d;
  text-align: center;
  z-index: 4;
  padding-top: 82px;
  text-indent: -99999px;
}

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

.video-frame {
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
}

/*
a.crystal-clean-water{background-position: 0 0;}
a.smooth-taste{background-position: 0 -100px;}
a.saturated-colour{background-position: 0 -200px}
a.wild-tamper{background-position: 0 -300px;}
*/

/*.draggable-handle-wrapper{position: absolute;width: 0;height: 150px;left:0;top:0;z-index: 10}*/

.draggable-handle {
  position: absolute;
  left: 0;
  top: -5px;
  width: 135px;
  height: 150px;
  background: url(/assets/img/dragger.png) no-repeat 0 0;
  cursor: pointer;
}

/* Home */

.tooltips, .tooltips li {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.lcol, .rcol {
  float: left;
  width: 40%;
  margin-top: 175px;
  position: relative;
  z-index: 6
}

.rcol {
  margin-left: 20%;
  z-index: 3
}

.bottle-tooltips {
  height: 200%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 6
}

.bottle-tooltips ul {
  width: 28%;
  left: 36%;
  z-index: 7;
  height: 100%;
}

.tooltips li, .tooltips a {
  width: 68px;
  height: 79px;
  text-indent: -9999px;
  background: url(/assets/img/hot-shadow.png) no-repeat center center;
}

.tooltips a {
  background: url(/assets/img/hot-bg.png) repeat 0 0;
  width: 50px;
  height: 50px;
  border-radius: 100px;
  left: 5px;
  top: 5px;
}

.tooltips .inner {
  width: 30px;
  height: 30px;
  background: url(/assets/img/hot.png) repeat 0 0;
  margin: -15px 0 0 -15px;
  top: 50%;
  left: 50%;
}

.tooltip-1 {
  top: 12%;
  left: 28%;
}

.tooltip-3 {
  top: 37%;
  left: 60%;
}

.tooltip-4 {
  top: 68%;
  left: 28%;
}

.tooltip-2 {
  top: 85%;
  left: 28%;
}

.tooltips .puzzle {
  display: block
}

.tooltip-label {
  width: 264px;
  height: 74px;
  background: url(/assets/img/tooltip-label.png);
  top: -12px;
  right: -11px;
  position: absolute;
  display: none;
  font-size: 20px;
  color: #766054;
  text-indent: 7px;
  line-height: 74px;
  font-style: italic;
}

.inner-cont {
  width: 300px;
  margin: 0 auto;
  position: relative;
}

.video-canvas {
  position: relative;
  width: 300px;
  height: 164px;
  margin: 0 auto;
}

.video-img-box {
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  /*-webkit-transform:rotateY(45deg);*/
}

.video-imgs-3d {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*-webkit-perspective:1000;-webkit-transform:translate3d(0,0,-248px);*/
}

/*.video-imgs-3d .front-side{-webkit-transform:translate3d(0, 0, 248px); }
.video-imgs-3d .left-side{-webkit-transform:translate3d(0, 0, 248px) rotateY(90deg);}*/

.tooltip-screen {
  z-index: 10;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #151212;
  color: #fff;
  color: #766054;
}

.tooltip-screen .wrapper {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center
}

.tooltip-screen .wrapper img {
  height: 65%;
}

.tooltip-screen .rcol, .tooltip-screen .lcol {
  width: 25%;
  margin-top: 0;
  height: 100%
}

.tooltip-screen .rcol {
  float: right;
  margin-right: 0
}

.tooltip-screen table {
  height: 100%
}

.tooltip-screen td {
  height: 100%;
  vertical-align: middle
}

.tooltip-screen .close-button {
  top: 0;
  right: 0;
  margin: 0 auto 10px;
  left: auto;
  position: static;
  display: block
}

.tooltip-bg-img {
  width: 50%;
  left: 25%;
  top: 50%;
  height: 100%
}

.tooltip-screen .lcol strong, .tooltip-screen .lcol span {
  display: block;
  text-align: center;
  text-transform: uppercase;
}

.tooltip-screen .lcol strong {
  font-size: 50px;
}

.tooltip-screen .lcol span {
  font-size: 80px;
}

.tooltip-screen .rcol {
  color: #bfb187;
  font-size: 14px;
  font-style: italic;
  margin-right: 1%
}

.tooltip-details {
  padding: 0 10px;
}

.video-canvas a.play {
  z-index: 4;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: url(/assets/img/video-play-arrow.png) no-repeat 0 0;
  text-indent: -9999px;
}
.video-canvas a.tumb-link {
  z-index: 4;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: url(/assets/img/video-play-arrow.png) no-repeat 0 0;
  text-indent: -9999px;
}

.video-canvas img {
  width: 100%
}

.video-title {
  color: #ffe686;
  text-align: center;
  font-size: 18px;
  font-style: italic;
  padding: 12px 0 0;
}

.rcol .fancy-heading strong, .lcol .fancy-heading strong {
  color: #fff;
  line-height: 50px
}

.thumb-canvas {
  text-align: center;
  cursor: pointer;
}

/*.small-home-descr{text-align: center;color:#fff;margin:12px 0 0;}*/

.small-home-descr {
  background: #fff;
  height: 5px;
  width: 100%;
  margin-top: 13px;
}

.home-bg-img, .bottle-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5
}

.bottle-wrapper {
  z-index: 10;
  left: 50%;
  width: 509px;
  margin-left: -255px;
}

.rcol .more-button a {
  width: 75px;
  height: 75px;
  line-height: 73px;
  color: #e1c07c;
  border-color: #e1c07c;
  -webkit-transition: color .4s, border-color .4s;
  -moz-transition: color .4s, border-color .4s;
  -o-transition: color .4s, border-color .4s;
  transition: color .4s, border-color .4s
}

.rcol .more-button a:hover {
  color: #fff;
  border-color: #fff;
  text-decoration: none
}

/* Multimedia */

.video-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000 url(/assets/img/multimedia-video-background.jpg) no-repeat 50% 50%;
}

.top-title {
  width: 350px;
  left: 50%;
  top: 140px;
  margin-left: -175px;
  text-align: center;
  z-index: 10;
  color: #fff;
  bottom: 50%;
}

.top-title strong {
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  margin-top: 20px;
  color: #ffe686;
}

.media-descr {
  font-style: italic;
  font-size: 16px
}

.video-canvas .media-descr {
  font-size: 19px;
  position: relative;
  top: -20px;
}

.video-thumbs {
  bottom: 90px;
  width: 960px;
  left: 50%;
  margin-left: -495px;
  z-index: 10;
  height: 163px
}

.video-thumbs-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.single-yt-video {
  width: 300px;
  height: 164px;
  float: left;
  position: relative;
}

.single-yt-video .lost-puzzle-piece {
  top: -70px;
  left: 0;
}

.top-title .video-canvas {
  width: 300px;
  height: 120px;
  position: absolute;
  left: 50%;
  bottom: -30px;
  margin-left: -150px;
}

.top-title .video-canvas a.play {
  background: url(/assets/img/big-play-arrow.png) no-repeat 50% 0;
  margin: 15px 0 0;
}

.top-title .video-canvas a.play:hover {
  background-position: 50% 100%;
}

.video-thumbs .video-title {
  color: #fff;
  font-size: 14px;
  text-align: left;
  margin-right: 50px;
  position: relative;
  margin-top: 5px;
}

.video-sub-title {
  color: #fff;
  display: block;
  text-align: center;
  font-size: 15px;
  padding-top: 5px;
}

.video-thumbs .total-time {
  padding: 3px 10px;
  top: 10px;
  right: -50px;
  z-index: 5;
  background: #fff;
  color: #000;
  border-radius: 20px
}

.active-video .total-time {
  background: #bb4c11;
  color: #fff;
}

.top-title .lost-puzzle-piece {
  top: 50%;
  left: 100%;
  margin-top: -35px;
}

/* How it's made */

.slides-background .wrapper, .slides-info .wrapper {
  left: 100%;
  top: 0;
}

.slides-info .wrapper {
  z-index: 5;
  height: 300px;
  top: 50%;
  margin-top: -100px;
  color: #fff;
  text-align: center;
  overflow: visible
}

.legendary-wrapper .wrapper {
  margin-top: -200px;
}

.wrapper .slide-1 {
  left: 0;
}

.production-info {
  width: 850px;
  margin: 10px auto 0;
  font-size: 15px;
}

@media (max-width: 1450px) {
  .production-info{
    width: 950px;
  }
}

.production-info span {
  background: #000;
  color: #fff;
  padding: 1px 5px;
  font-style: italic;
  font-size: 14px;
  line-height: 22px
}

.slides-info .fancy-heading strong {
  font-size: 65px;
  color: #ffe597;
}

.slides-info .fancy-heading {
  margin: 0
}

.slide-1 .lost-puzzle-piece {
  top: 80px;
  bottom: auto;
  margin-right: -300px;
  right: 50%;
  left: auto;
}

.slide-2 .lost-puzzle-piece {
  top: 108px;
  bottom: auto;
  margin-left: -395px;
  left: 50%;
}

.slide-3 .lost-puzzle-piece {
  top: 57px;
  bottom: auto;
  margin-right: -200px;
  right: 50%;
  left: auto;
}

.slide-1 .lost-puzzle-piece.p-p-7 {
  top: 57px;
  bottom: auto;
  margin-right: -200px;
  right: 50%;
  left: auto;
}

.slide-1 .lost-puzzle-piece.p-p-7:hover {
  margin-right: -190px;
}

.low-res .slide-1 .lost-puzzle-piece.p-p-7 {
  top: -18px;
}

.slides-info .fancy-heading span {
  color: #ffe597;
  font-size: 50px;
}

.slides-info .fancy-heading span::after, .slides-info .fancy-heading span::before {
  padding: 0 0 0 300px;
  top: -15px;
}

.slideshow-control {
  width: 376px;
  z-index: 15;
  left: 50%;
  margin-left: -188px;
  height: 376px;
  bottom: -108px;
  top: auto;
  overflow: visible;
}

.slideshow-control .top-layer a {
  text-indent: -99999px;
  z-index: 15
}

/*
a.left-control, a.right-control{width:50px;height:50px;background:#fff;border-radius: 50px;position: absolute;text-indent: -99999px; }
a.left-control span, a.right-control span{width: 100%;height: 100%;position: absolute;background:yellow;opacity: 0;-webkit-transition: all .4s;top:0;left:0;}
a.left-control span:hover, a.right-control:hover span{opacity:1;}
.left-control{left:-150px;}
.right-control{right:-150px;}
*/

.arrow-pointer {
  top: 50%;
  left: 50%;
  margin: 5px 0 0 1px;
  width: 1px;
  height: 1px;
}

.arrow-pointer img {
  position: absolute;
  top: -17px;
  right: 100%;
  margin-right: -14px
}

.ie-fixing img {
  top: -99px;
  margin-right: -99px
}

.top-layer {
  z-index: 10;
}

.mid-layer {
  z-index: 5;
}

.down-layer {
  z-index: 1;
}

.slide-1-control {
  width: 110px;
  height: 53px;
  top: 180px;
  left: 5px;
  background-position: 0 0
}

.slide-2-control {
  width: 100px;
  height: 100px;
  top: 54px;
  left: 24px;
  background-position: 0 -50px
}

.slide-3-control {
  width: 100px;
  height: 100px;
  top: 11px;
  left: 138px;
  background-position: 0 -100px
}

.slide-4-control {
  width: 100px;
  height: 100px;
  top: 53px;
  left: 249px;
  background-position: 0 -150px
}

.slide-5-control {
  width: 100px;
  height: 100px;
  top: 161px;
  left: 268px;
  background-position: 0 -200px
}

/*
.slide-1-control:hover{background-position: -50px 0}
.slide-2-control:hover{background-position: -50px -50px}
.slide-3-control:hover{background-position: -50px -100px}
.slide-4-control:hover{background-position: -50px -150px}
.slide-5-control:hover{background-position: -50px -200px}
*/

.single-yt-video {
  position: absolute;
  top: 0;
}

.yt-1 {
  left: 0;
}

.yt-2 {
  left: 330px;
}

.yt-3 {
  left: 660px;
}

.yt-4 {
  left: 990px;
}
.yt-5 {
  left:1320px;
}

.low-res .yt-2 {
  left: 230px;
}

.low-res .yt-3 {
  left: 460px;
}

.low-res .yt-4 {
  left: 690px;
}
.low-res .yt-5 {
  left: 920px;
}

.state-icon {
  width: 163px;
  height: 142px;
  position: absolute;
  top: -150px;
  left: 50%;
  margin-left: -82px;
}

.slide-1 .state-icon {
  background: url(/assets/img/how-icons/icon-1.png) no-repeat 50% 50%;
}

.slide-2 .state-icon {
  background: url(/assets/img/how-icons/icon-2.png) no-repeat 50% 50%;
}

.slide-3 .state-icon {
  background: url(/assets/img/how-icons/icon-3.png) no-repeat 50% 50%;
}

.slide-4 .state-icon {
  background: url(/assets/img/how-icons/icon-4.png) no-repeat 50% 50%;
}

.slide-5 .state-icon {
  background: url(/assets/img/how-icons/icon-5.png) no-repeat 50% 50%;
}

.radial-widget, .marker {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0
}

.radial-widget {
  z-index: 1;
}

/* Dark overlay */

.dark-overlay {
  z-index: 100;
  left: 0;
  top: 0;
  background: url(/assets/img/black.png) repeat 0 0;
  display: none;
}

.player {
  width: 853px;
  height: 480px;
  left: 50%;
  top: 50%;
  margin: -240px 0 0 -427px;
}

.close-button {
  width: 75px;
  height: 75px;
  top: 50%;
  margin-top: -300px;
  left: 50%;
  margin-left: 480px;
  background: url(/assets/img/close-button.png) no-repeat 0 0;
  text-indent: -9999px;
}

/* Footie */

.footie {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding-bottom: 30px;
}

.footie a {
  color: #fff;
  text-align: center;
  width: 100%;
  height: 26px;
  border-radius: 5px;
  font-size: 12px;
  bottom: 10px;
  position: absolute;
  line-height: 40px;
  font-style: italic;
  display: inline-flex;  
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-decoration: none;
}

.footie a span {
  display: inline-flex;  
  align-items: center;
  gap: 4px;
}

.footie a span::before {  
  content: '';
  width: 14px;
  height: 14px;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none" ><path d="M19.6994 3.18471C19.3502 2.96646 18.7958 3.00793 18.3157 3.32221C17.8137 3.65177 17.0521 4.67099 16.8993 5.93029C16.6112 8.29829 16.0787 8.70205 15.2755 8.38777C14.4397 8.0604 13.8548 7.5868 13.3353 6.62432C12.3467 4.79103 9.84341 0.849449 9.72774 0.646477C9.47676 0.207797 8.99443 -0.00826964 8.6758 0.000460324C8.34843 -0.00826964 8.08217 0.107402 7.86174 0.327834C7.64131 0.548265 7.53437 0.814529 7.56056 1.10698C7.57802 1.39944 7.65004 1.66134 7.80718 1.88613C8.42045 2.75258 10.5505 6.80983 10.664 7.2616C10.7731 7.70028 10.5745 7.82032 10.1402 7.60426C9.56842 7.31835 4.51604 2.41648 4.30434 2.23097C4.08391 2.02799 3.86567 1.88831 3.64088 1.86867C2.50818 1.76391 1.85345 3.00138 2.73952 3.88529C3.06689 4.21267 7.46017 9.0316 7.9665 9.67762C8.27641 10.0727 8.3899 10.3149 8.25895 10.4568C8.12582 10.5899 7.80281 10.5899 7.45144 10.3389C7.17427 10.1381 3.3266 7.48422 2.25502 6.58721C0.637822 5.35847 -0.503601 7.43402 0.829877 8.43142C2.15463 9.55104 6.18562 12.4821 6.83381 13.0736C7.2201 13.4271 6.67449 13.8702 5.70984 13.473C4.02062 12.7397 2.9163 12.2617 2.3947 12.0303C1.98003 11.8448 1.45624 11.6179 0.991379 11.5393C0.622544 11.5044 0.000545298 11.5808 0.000545298 12.5061C-0.00818451 12.7811 0.0878434 13.019 0.292994 13.222C0.408664 13.3377 0.559253 13.4424 0.753492 13.5494C0.788411 13.5755 0.869162 13.6214 1.00229 13.6825C1.19653 13.7807 1.63957 14.0273 2.32922 14.4245C3.01015 14.8217 4.01844 15.5398 5.36283 16.5917C5.99138 17.0784 6.51299 17.4931 6.92765 17.8467L7.98832 18.7131C8.19129 18.8724 8.38553 19.0143 8.57104 19.1453C9.3589 19.7018 10.3476 20.0641 11.5326 20.2431C12.877 20.3762 13.9813 19.9419 14.8565 18.9248C15.7317 17.9078 16.5894 17.0413 17.4383 16.3342C18.2873 15.6184 18.7653 14.2303 18.8613 12.1504C18.9595 10.0727 19.2323 8.06476 19.6841 6.12889C20.1184 4.36981 20.0835 3.42479 19.6972 3.18253L19.6994 3.18471Z" fill="%23ffffff" /></svg>') no-repeat center center;
  background-size: cover;
}

.footie a:focus-visible span::before,
.footie a:hover span::before {
  animation-name: waving-hand;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

@keyframes waving-hand {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(14deg);
    }
    20% {
        transform: rotate(-8deg);
    }
    30% {
        transform: rotate(14deg);
    }
    40% {
        transform: rotate(-4deg);
    }
    50% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.blackram-overlay {
  background: #000 url(/assets/img/blackram-over.jpg) no-repeat 50% 50%;
  z-index: 11;
}

.game-popup {
  width: 689px;
  height: 689px;
  position: absolute;
  top: 50%;
  margin: -330px 0 0 -345px;
  left: 50%;
}

.game-popup img {
  display: block;
  margin: 0 auto;
}

.blackram-overlay .close-button {
  top: -95px;
  margin: 0 0 0 -38px;
}

.game-popup a.continue {
  width: 387px;
  height: 87px;
  display: inline-block;
  text-indent: -99999px;
  margin: 15px 0 0;
}

.lang-bg .game-popup a.continue {
  background: url(/assets/img/continue.png) no-repeat 50% 50%;
}

.lang-en .game-popup a.continue {
  background: url(/assets/img/continue-en.png) no-repeat 50% 50%;
}

.how-to-play-the-game {
  text-align: center;
  margin: 30px auto 0;
}

.how-to-play-the-game .age-check-message {
  color: #fff;
  text-transform: uppercase;
}

.how-to-play-the-game .age-check-message a {
  color: #d9b363;
}

.how-to-play-the-game .age-check-message a:hover {
  text-decoration: underline;
}

.puzzle-game-wrapper, .list-of-all-pieces {
  position: absolute;
  overflow: hidden;
  width: 300px;
  height: 200px;
  right: 3%;
  bottom: 0;
  left: auto;
  top: auto;
  z-index: 12;
  display: none
}

.list-of-all-pieces {
  overflow: visible;
  z-index: 11
}

.puzzle-game {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 200px;
  background: #1d1d1b;
  border-radius: 15px 15px 0 0;
  overflow: hidden;
}

.puzzle-pieces {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 139px;
  overflow: hidden
}

.piece-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 10px;
  left: 10px;
  background: url(/assets/img/puzzle-background.jpg) no-repeat 0 0;
}

.puzzle-piece {
  position: absolute;
  width: 43px;
  height: 43px;
  display: none
}

.puzzle, .tooltips .puzzle {
  width: 69px;
  height: 60px;
  position: absolute;
  text-indent: -99999px;
  border-radius: 0
}

/*.height-lte-750 .tooltip-1 .lost-puzzle-piece,.width-lt-1280 .tooltip-1 .lost-puzzle-piece{top:0;}*/

.pp-1 {
  top: 2px;
  left: 3px;
  background: url(/assets/img/puzzle/p-1.png) no-repeat 0 0;
  width: 53px;
  height: 58px;
}

.pp-2 {
  top: 2px;
  left: 40px;
  background: url(/assets/img/puzzle/p-2.png) no-repeat 0 0;
  width: 44px;
  height: 53px;
}

.pp-3 {
  top: 2px;
  left: 68px;
  background: url(/assets/img/puzzle/p-3.png) no-repeat 0 0;
  width: 58px;
}

.pp-4 {
  top: 42px;
  left: 6px;
  background: url(/assets/img/puzzle/p-4.png) no-repeat 0 0;
  width: 51px;
  height: 58px;
}

.pp-5 {
  top: 42px;
  left: 40px;
  background: url(/assets/img/puzzle/p-5.png) no-repeat 0 0;
  width: 56px;
  height: 58px;
}

.pp-6 {
  top: 30px;
  left: 81px;
  background: url(/assets/img/puzzle/p-6.png) no-repeat 0 0;
  width: 41px;
  height: 56px;
}

.pp-7 {
  top: 84px;
  left: 3px;
  background: url(/assets/img/puzzle/p-7.png) no-repeat 0 0;
  width: 41px;
  height: 42px;
}

.pp-8 {
  top: 71px;
  left: 28px;
  background: url(/assets/img/puzzle/p-8.png) no-repeat 0 0;
  width: 57px;
  height: 57px;
}

.pp-9 {
  top: 71px;
  left: 68px;
  background: url(/assets/img/puzzle/p-9.png) no-repeat 0 0;
  width: 57px;
  height: 54px;
}

.bot-toolbar {
  position: absolute;
  height: 47px;
  bottom: 0;
  left: 0;
  width: 100%
}

.bot-toolbar .links {
  left: 80px;
  top: 18px;
  position: absolute;
  right: 0;
}

.bot-toolbar .links a {
  color: #fff;
  font-size: 13px;
  padding: 5px 2px;
  border-radius: 10px;
  border: 2px solid transparent;
  margin: 0 0 5px;
}

.bot-toolbar .links a:hover {
  border-color: #e3c280;
  text-decoration: none
}

.bot-toolbar .pieces-counter {
  position: absolute;
  left: 0;
  width: 75px;
  height: 47px;
  top: 0;
  background: #766054;
  line-height: 55px;
  font-size: 14px;
  color: #e0c17f;
  text-align: center;
  font-weight: 700
}

.bot-toolbar .pieces-found {
  display: inline-block;
  width: 37px;
  height: 37px;
  text-align: center;
  line-height: 37px;
  border-radius: 30px;
  background: #1d1d1b;
  font-size: 19px;
  position: relative;
  top: -1px;
}

.side-block {
  position: relative;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 153px;
  top: 0;
  border-radius: 15px 15px 0 0;
}

.state {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 153px;
  color: #fff;
  border-radius: 15px 15px 0 0;
}

.state-1 {
  width: 100%;
  height: 100%;
}

.state-1 img {
  margin: 10px 0 0 10px;
}

.state-2 {
  background: #766054;
  line-height: 210px;
  font-size: 19px;
  text-align: center;
  height: 167px;
  color: #debc73;
}

.state-2, .state-3 {
  left: -100%;
}

.state-3 {
  background: url(/assets/img/puzzle-collected.png) no-repeat 0 0;
}

.lang-en .state-3 {
  background-position: 100% 0
}

.state-1-info {
  width: 50%;
  left: 50%;
  top: 0;
  background: #766054;
  position: absolute;
  height: 153px;
  border-radius: 0 15px 0 0
}

.state-3, .state-1 {
  cursor: pointer;
}

.scroll-down, .scroll-up {
  width: 82px;
  height: 82px;
  background: url('/assets/img/scroll-down.png') no-repeat 0 0;
  bottom: 30px;
  left: 50%;
  margin: 0 0 0 -41px;
  z-index: 9;
  position: absolute;
  text-indent: -9999px;
}

.scroll-up {
  background: url('/assets/img/scroll-up.png') no-repeat 0 0;
  cursor: pointer;
}

.state-3 a {
  width: 115px;
  left: 166px;
  position: absolute;
  top: 96px;
  height: 44px;
  text-indent: -9999px;
}

.state-3 input {
  width: 100px;
  left: 169px;
  position: absolute;
  top: 44px;
  height: 36px;
  border-color: transparent;
  outline: 0 none;
}

.state-2 .greeting {
  position: absolute;
  top: 50%;
  margin-top: -57px;
  text-align: center;
  width: 100%;
  height: 20px;
  line-height: normal;
  color: #fff;
  left: 0;
  font-size: 25px
}

.bottom-badges {
  left: 33px;
  bottom: 30px;
  height: 77px;
  width: 246px;
  position: absolute;
  z-index: 3
}

.top-misc {
  position: absolute;
  top: 25px;
  right: 45px;
  width: 415px;
  height: 47px;
  z-index: 4
}

.top-misc .terms, .top-misc a, .top-misc span {
  margin: 0 10px 0 0;
  width: 50px;
  height: 50px;
  float: left;
  background-image: url('/assets/img/top-misc.png');
  background-repeat: no-repeat;
  text-indent: -99999px;
}

.top-misc .terms {
  background: 0 none;
  width: 100px;
  color: #fff;
  font-style: italic;
  text-indent: 0;
  line-height: 50px;
}

a.facebook {
  background-position: 0 0;
}

a.youtube {
  background-position: -50px 0;
  margin: 0;
}

a.facebook:hover {
  background-position: 0 -50px;
}

a.youtube:hover {
  background-position: -50px -50px
}

.lang-holder .bg, .lang-holder .en {
  float: left;
  width: 50px;
  height: 50px;
}

.lang-holder .bg {
  background-position: 0 -100px
}

.lang-holder .en {
  background-position: -50px -100px
}

.lang-holder .ro {
  background-position: 0 -200px
}

.lang-holder .pl {
  background-position: 0 -300px
}

.lang-holder .tr {
  background-position: -50px -200px
}

.lang-holder a.bg:hover, .lang-holder span.bg {
  background-position: 0 -150px
}

.lang-holder a.en:hover, .lang-holder span.en {
  background-position: -50px -150px
}

.lang-holder a.ro:hover, .lang-holder span.ro {
  background-position: 0px -250px
}

.lang-holder a.pl:hover, .lang-holder span.pl {
  background-position: 0px -350px
}

.lang-holder a.tr:hover, .lang-holder span.tr {
  background-position: -50px -250px
}
/* Age check */

.age-confirmation {
  width: 838px;
  position: absolute;
  left: 50%;
  bottom: 10px;
  margin-left: -419px;
  height: 646px;
}

.loading-msg, .age-confirmation.clocked {
  display: none
}

.cloked .loading-msg {
  display: block
}

.loader .message {
  margin: 0 0 20px;
}

.loader .message, .ram-brand-logo {
  text-align: center;
  position: relative;
  z-index: 5
}

.loader .deny-message, .loader .message {
  height: 216px;
}

@media only screen and (max-height: 900px){
  .loader .deny-message, .loader .message {
    height: 216px;
    margin-top: 60px;
  }
  #ram{
    width: 50%;
  }
}

.loader .deny-message {
  position: absolute;
  left: 100%;
  top: 0;
  height: 216px;
  line-height: 216px;
  display: none;
  text-align: center;
  width: 100%
}

.loader .message img {
  top: 0;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.ram-brand-logo {
  margin: 0 0 40px;
}

.ram-brand-logo .legend {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -102px;
}

.lang-en .ram-brand-logo .legend {
  margin-left: -91px;
}

.age-check {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.answer-line {
  width: 170px;
  height: 6px;
  position: absolute;
  background: #ffe693;
  top: 50%;
  margin-top: -3px;
}

.yes-line {
  right: 560px;
}

.no-line {
  left: 560px;
}

.answer-yes, .answer-no {
  width: 73px;
  height: 73px;
  border: 6px solid #fff;
  position: absolute;
  top: 50%;
  margin-top: -43px;
  left: 0;
  border-radius: 50px;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  line-height: 73px;
}

.answer-no {
  left: auto;
  right: 0
}

.check-box {
  width: 100%;
  margin: 0 auto;
  clear: both;
}

.checkbox-state {
  display: block;
  width: 37px;
  height: 37px;
  margin: 0 auto 10px;
  background: url(/assets/img/18plus/checkbox.png) no-repeat 100% 0;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  cursor: pointer;
}

.checkbox-state.active {
  background-position: 0 0;
}

.check-box .label {
  color: #ffe693;
}

.check-box .label strong {
  display: block;
  text-align: center
}

.check-box .label a {
  color: #8b898a;
  display: block;
  text-align: center;
}

.secret-room, .evo-background {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.secret-room {
  background: url(/assets/img/secret-room.jpg?v=1) no-repeat 50% 50%;
}

.secret-room .inner-cont {
  color: #fff;
  text-align: center;
  width: 400px
}

.secret-room .rcol span::after, .secret-room .rcol span::before {
  display: none;
}

.secret-room .rcol strong {
  color: #fff;
}

.secret-room .rcol span, .secret-room .lcol strong, .secret-room .lcol span {
  color: #ffe597;
}

.secret-room .rcol strong::after, .secret-room .rcol strong::before {
  content: '.';
  line-height: 3px;
  font-size: 3px;
  position: relative;
  padding: 0 0 0 50px;
  margin: 0 20px;
  top: -18px;
  background: #fff;
}

.lcol .locked {
  border-top: 1px solid #fff;
  font: 24px "PFDinTextCompPro-Medium";
  padding-top: 20px;
  width: 223px;
  margin: 0 auto;
}

.lcol .locked big {
  font-size: 30px;
  text-transform: uppercase;
}

.room-secret {
  font-style: italic;
  font-size: 14px;
}

.secret-room .lcol strong {
  font-size: 60px;
}

/* Evolution Comming soon*/

.evo-background {
  background: url(/assets/img/evolution-background.jpg) no-repeat 50% 50%;
}

.comming-soon {
  height: 50%;
  top: 25%;
  text-align: center;
  position: absolute;
  z-index: 1;
  width: 100%;
}

.comming-soon img {
  height: 100%
}

.puzzle {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}

.puzzle.p-p-1 {
  width: 99px;
  height: 98px;
  background: transparent url(/assets/img/puzzle-piece/pp-1.png) no-repeat 0 0;
}

.puzzle.p-p-2 {
  width: 82px;
  height: 98px;
  background: transparent url(/assets/img/puzzle-piece/pp-2.png) no-repeat 0 0;
}

.puzzle.p-p-3 {
  width: 99px;
  height: 76px;
  background: transparent url(/assets/img/puzzle-piece/pp-3.png) no-repeat 0 0;
}

.puzzle.p-p-4 {
  width: 94px;
  height: 103px;
  background: transparent url(/assets/img/puzzle-piece/pp-4.png) no-repeat 0 0;
}

.puzzle.p-p-5 {
  width: 96px;
  height: 81px;
  background: transparent url(/assets/img/puzzle-piece/pp-5.png) no-repeat 0 0;
}

.puzzle.p-p-6 {
  width: 71px;
  height: 103px;
  background: transparent url(/assets/img/puzzle-piece/pp-6.png) no-repeat 0 0;
}

.puzzle.p-p-7 {
  width: 77px;
  height: 77px;
  background: transparent url(/assets/img/puzzle-piece/pp-7.png) no-repeat 0 0;
}

.puzzle.p-p-8 {
  width: 103px;
  height: 95px;
  background: transparent url(/assets/img/puzzle-piece/pp-8.png) no-repeat 0 0;
}

.puzzle.p-p-9 {
  width: 99px;
  height: 95px;
  background: transparent url(/assets/img/puzzle-piece/pp-9.png) no-repeat 0 0;
}

.loading-msg {
  width: 200px;
  text-align: center;
  height: 30px;
  line-height: 30px;
  color: #E3C280;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px 0 0 -100px;
}

.loading-msg span {
  display: block;
  background: url(/assets/img/preloader.png) no-repeat 0 0;
  width: 100%;
  height: 61px;
  padding-bottom: 10px
}

/*.hallow .loading-msg{display: none}*/

.puzzle.p-p-2 {
  right: -31px;
  top: -32px;
  left: auto;
}

.puzzle.p-p-2:hover {
  right: -40px;
  top: -40px;
}

.inner-visible, .inner-hide-background {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #1d1d1b
}

.inner-visible {
  z-index: 3;
  background: transparent;
}

.puzzle.p-p-1 {
  z-index: 1;
  left: -31px;
  top: -32px;
}

.puzzle.p-p-1:hover {
  left: -40px;
  top: -40px;
}

.low-res .slide-1 .lost-puzzle-piece {
  top: -18px;
}

.tooltip-4 .lost-puzzle-piece {
  top: 160px;
  left: 350px;
}

.tooltip-4 .lost-puzzle-piece:hover {
  top: 160px;
  left: 340px;
}

.legend-2 .whiskey-detail .lost-puzzle-piece {
  top: 100px;
  left: -50px
}

.legend-1 .whiskey-detail .lost-puzzle-piece {
  top: 62px;
  right: -50px
}

.legend-1 .whiskey-detail .lost-puzzle-piece:hover {
  top: 62px;
  right: -65px
}

.slide-1 .lost-puzzle-piece:hover {
  margin-right: -290px
}

.slide-2 .lost-puzzle-piece {
  margin-left: -422px;
}

.slide-2 .lost-puzzle-piece:hover {
  margin-left: -412px;
}

.puzzle.p-p-4 {
  margin-left: 0;
}

.puzzle.p-p-4:hover {
  margin-left: 10px;
}

.slideshow-control .top-layer a {
  background: url(/assets/img/shame-on-you-ie9.png) no-repeat 0 0;
}

.list-of-all-pieces .puzzle {
  top: 10px;
  left: 10px;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.marginless {
  margin: 0;
}

.low-res .media-control, .low-res .media-control span {
  background-image: url(/assets/img/media-arrows-small.png);
  height: 109px;
}

.media-control, .media-control span {
  width: 29px;
  height: 163px;
  background: url(/assets/img/media-arrows.png) no-repeat;
  left: -29px;
  top: 0;
  position: absolute;
  ;
  text-indent: -99999px;
}

.slideshow-control .media-control, .slideshow-control .media-control span {
  background-image: url(/assets/img/media-arrows-horizontal.png);
  top: 50%;
  width: 73px;
  height: 73px;
  margin-top: -37px;
  left: -100px;
}

.slideshow-control .media-control.left {
  left: -100px;
}

.slideshow-control .media-control span {
  left: 0;
}

.media-control.left span {
  background-position: 0 100%;
  left: 0;
}

.media-control.right {
  background-position: 100% 0;
  left: auto;
  right: -29px;
}

.media-control.right span {
  background-position: 100% 100%;
  right: 0;
  left: auto;
}

.slideshow-control .media-control.right {
  left: auto;
  right: -100px
}

.media-control span {
  opacity: 0;
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}

.media-control:hover span {
  opacity: 1;
}

.media-control, .media-control.left {
  left: -29px;
}

/*.media-control.right{right:-100px;left:auto;}*/

/*.slideshow{position: relative;}*/

.fullscreen-video {
  width: 350px;
  height: 350px;
  top: 0;
  left: 0;
  z-index: 200;
  position: absolute;
  border: 1px solid #fff;
}

.side-user-guide {
  width: 100%;
  height: 87px;
  background: #1f1f1f;
  left: 0;
  top: auto;
  bottom: 0;
  overflow: hidden;
  z-index: 2;
  text-align: center
}

.inner-guide-wrapper {
  width: 100%;
  height: 143px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(/assets/img/evo-pattern.gif) repeat-x 0 50%;
}

.nav-left, .nav-middle, .nav-right {
  position: absolute;
  height: 100%;
  left: 0;
  width: 16%;
  top: 0;
  background: #1f1f1f;
}

.nav-middle {
  left: 42%;
}

.nav-right {
  right: 0;
  left: auto;
}

/* Evolution */

a.facebook-share-button {
  position: absolute;
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -26px;
  width: 52px;
  top: 50%;
  background: url(/assets/img/fb-buttton.jpg) no-repeat 0 0;
  text-indent: -9999px
}

a.facebook-share-button:hover {
  background-position: 0 100%
}

.scroll-tooltips, .scroll-tooltips li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.scroll-tooltips li {
  height: 63px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
  right: 100%;
  width: 113px;
  visibility: hidden;
  color: #fff;
  text-indent: -99999px
}

.scroll-tooltips {
  height: 100%;
  left: -25px;
}

.stage-wrapper {
  margin: 0;
  height: auto;
  top: 0;
  bottom: 87px;
  cursor: e-resize;
}

.layout-helper {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
}

.color-1 {
  background: #766054;
  color: #ecdbb1;
}

.color-2a {
  background: #1d1d1b;
}

.color-2b {
  background: #151212;
}

.color-2 {
  background: #151212;
  color: #766054;
}

.color-3 {
  background: #ffe597;
  color: #766054;
}

.color-4 {
  background: #fff;
  color: #6e6e6e;
}

.color-5 {
  background: #4e4e4e;
}

.color-6 {
  background: #814330;
  color: #ecdbb1;
}

.color-7 {
  background: #ecdbb1;
}

.color-7a {
  background: #f3e8ce;
}

.color-8 {
  background: #766054;
}

.color-9 {
  background: #9f5437;
}

.block {
  width: 100%;
  left: 0;
  position: relative;
}

.rel-img {
  position: relative;
  height: 80%;
  top: 10%;
}

/* Stage-1 */

.stage-wrapper .block {
  position: absolute;
}

.stage-11 .infoblock, .stage-5 .infoblock, .stage-1 .infoblock, .side-user-guide .img-block {
  height: 36%;
  top: 0;
}

.stage-11 .imgblock, .stage-5 .imgblock, .stage-1 .imgblock {
  height: 64%;
  top: 36%;
  text-align: center
}

.stage-wrapper .info-quote {
  z-index: 11;
  font-size: 14px;
  left: 0;
  top: 0;
  height: auto;
  padding: 54px 0 0 64px;
  width: 200px;
  font-style: italic;
  text-align: left
}

.evo-heading {
  height: 100px;
  width: 100%;
  text-align: center;
  font-size: 50px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  line-height: 65px;
  text-transform: uppercase;
}

.evo-heading big {
  font-size: 76px;
  display: block
}

.evo-heading .icon {
  position: relative;
  top: -240px;
  display: block
}

.stage-2 .infoblock {
  height: 77%;
  top: 0;
  text-align: center
}

.stage-2 .imgblock {
  height: 23%;
  top: 77%;
  text-align: center
}

.stage-2 .info-quote {
  padding: 41px 0 0 41px;
  width: 195px
}

.stage-3 .infoblock {
  height: 20%;
  top: 0;
}

.stage-3 .imgblock {
  position: absolute;
  bottom: 0;
  height: 80%;
  text-align: center
}

.stage-3 .rel-img {
  top: auto;
  bottom: -25%;
  height: 100%;
  position: absolute;
  left: 0;
}

.stage-3 .bground {
  left: auto;
  right: 0;
  top: 35%;
  bottom: auto;
}

.stage-4 .imgblock {
  height: 100%;
  background: #151212 url(/assets/img/stages/stage-4-background.jpg) no-repeat 50% 0;
  text-align: center
}

.stage-4 .imgblock .rel-img {
  height: 70%
}

.stage-5 .info-quote, .stage-4 .info-quote {
  bottom: 10%;
  top: auto;
  text-align: center;
  padding: 10px 0 0;
  width: 300px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
}

.stage-4 .info-quote {
  color: #6e6e6e;
}

.stage-5 .info-quote {
  border: 0 none;
}

.stage-5 .rel-img {
  height: 70%
}

.stage-6 .infoblock {
  height: 80%;
  top: 0;
  text-align: center
}

.stage-6 .info-quote {
  width: 300px;
  top: auto;
  bottom: 7%;
  margin-left: -150px;
  left: 50%;
  padding: 0;
  text-align: center
}

.stage-6 .imgblock {
  height: 20%;
  top: 80%;
  text-align: center
}

.stage-6 .imgblock .info-quote {
  width: 400px;
  margin-left: -200px;
  top: 50%;
  margin-top: -38px;
  color: #1d1d1b;
}

.stage-6 .rel-img-holder {
  height: 70%;
  top: 10%;
  position: relative;
}

.stage-6 .rel-img {
  height: 100%;
}

.borderradius .stage-6 .rel-img {
  border-radius: 500px;
  border: 1px solid #766054;
}

.stage-7 .imgblock {
  height: 50%;
  text-align: center
}

.stage-7 .rel-img {
  height: 70%;
  top: 15%;
}

.stage-7 .imgblock-2 {
  top: 50%;
}

.stage-7 .imgblock-2 .rel-img {
  top: 20%;
}

.stage-7 .info-quote {
  color: #fff;
  width: 300px;
  text-align: center;
  left: 50%;
  margin-left: -150px;
  padding: 15px 0 0;
}

.stage-8 .imgblock {
  height: 100%;
}

.stage-8 .info-quote, .stage-8 .rel-img {
  height: auto;
  top: 50%;
  margin-top: -206px;
  position: absolute;
}

.stage-8 .info-quote {
  margin-top: 186px;
  width: 300px;
  margin-left: -150px;
  padding: 0;
  left: 50%;
  text-align: center
}

.bottle-number {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 80px;
  color: #766054;
  text-decoration: none;
  -webkit-transition: color .3s;
  -moz-transition: color .3s;
  -o-transition: color .3s;
  transition: color .3s;
}

.stage-9 .infoblock img {
  top: 0;
}

.stage-9 .infoblock, .stage-10 .infoblock {
  height: 10%;
  top: 0;
  width: 100%;
  left: 0;
  text-align: center;
  font-size: 76px;
  line-height: 50px;
  color: #fff;
}

.stage-9 .imgblock {
  height: 65%;
  top: 10%;
}

.stage-9 .infoblock-2 {
  height: 25%;
  bottom: 0;
  top: auto;
}

.stage-9 .wrapper img {
  cursor: pointer;
  z-index: 10
}

.stage-9 .wrapper img.real {
  display: none;
  z-index: 15
}

.stage-9 .wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.stage-9 .lside {
  width: 47%;
  text-align: right;
}

.stage-9 .rside {
  width: 47%;
  left: auto;
  right: 0;
  text-align: left
}

.stage-9 .lside img {
  position: absolute;
  right: 0;
}

.stage-9 .rside img {
  position: absolute;
  left: 0;
}

.stage-9 .evo-heading, .stage-10 .evo-heading {
  height: 5px;
  width: 950px;
  margin: 20px 0 0 121px;
  left: 0;
}

.stage-9 .evo-heading-2, .stage-10 .evo-heading-2 {
  top: 0;
  margin-top: 30px;
}

.stage-9 .icon {
  margin-top: -27px;
  top: 0;
}

.stage-9 .lside, .stage-9 .rside {
  height: 100%
}

.stage-9 .rel-img {
  height: 78%;
  top: 13%;
}

.infoblock-style span.info-quote {
  font-size: 14px;
  border-top: 1px solid #fff;
  top: 0;
  width: 300px;
  margin: 25px auto 0;
  font-style: italic;
  line-height: 30px;
  padding: 0;
  text-align: center
}

.stage-9 .infoblock-style, .stage-10 .infoblock-style {
  top: 77px;
}

.stage-10 .infoblock {
  height: 25%;
  bottom: 0;
  top: auto;
}

.stage-10 .imgblock {
  height: 75%;
  top: 0%;
}

.stage-10 .imgblock .block {
  height: 100%;
}

.stage-10 .stripes, .stage-10 .imgblock a {
  position: relative;
  float: left;
  width: 25%;
  top: 0;
  height: 100%;
  z-index: 10
}

.stage-10 .stripes {
  background: #151212 url(/assets/img/linepattern.png) repeat-y 100% 0;
  z-index: 1;
  height: 98%
}

.stage-10 .stripes.bg-less {
  background-image: none;
}

.stage-10 .active .bottle-number {
  color: #ecdbb1
}

.stage-10 .rel-img {
  height: 70%;
  top: 11%;
}

.stage-10 .imgblock .img-holder {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  height: 100%
}

.stage-10 .evo-heading-2 {
  width: 284px;
  margin-left: 209px;
  background: #fff;
}

.stage-10 .evo-heading .icon {
  top: -28px;
}

.stage-10 .infoblock-style {
  top: 77px;
}

.bottle-number {
  text-align: center
}

.stage-12 {
  background: #000 url(/assets/img/stages/stage-12-background.jpg) no-repeat 100% 100%;
}

.stage-12 .imgblock {
  top: auto;
  height: 88%;
  bottom: 0;
}

.stage-12 .rel-img {
  height: 100%;
  position: absolute;
  bottom: 0;
  right: -150px;
  left: auto;
  top: auto;
}

.stage-12 .info-quote {
  top: auto;
  bottom: 82px;
  color: #fff;
}

.stage-13 .imgblock {
  height: 100%;
  top: 0;
  text-align: center
}

.stage-13 .info-quote {
  top: 43%;
  padding: 0;
  color: #fff;
  width: 200px;
  margin-left: -100px;
  text-align: center;
  left: 50%;
  ;
}

.stage-14 .imgblock {
  height: 100%;
  top: 0;
  text-align: center
}

.stage-14 .info-quote {
  left: 50%;
  margin: 0 0 0 -100px;
  width: 200px;
  height: 100px;
  padding: 0;
  top: 43%;
  text-align: center
}

.stage-14 .text-2 {
  top: 93%;
}

.stage-15 .imgblock {
  height: 100%;
  cursor: pointer;
}

.stage-15 .info-quote {
  left: 50%;
  margin: -100px 0 0 -150px;
  width: 300px;
  height: 200px;
  padding: 0;
  top: 50%;
  font-style: normal;
  text-align: center
}

.stage-15 .info-quote strong {
  display: block;
  color: #ecdbb1;
  font-size: 76px;
  text-transform: uppercase
}

.inner-guide-wrapper .evo-heading {
  line-height: 25px;
  font-size: 23px;
  margin-top: 15px;
  color: #766054;
  left: 0;
  text-transform: uppercase
}

.inner-guide-wrapper .evo-heading big {
  font-size: 30px
}

.inner-guide-wrapper .evo-heading .icon, .low-res .inner-guide-wrapper .evo-heading .icon {
  top: -120px;
  height: 63px;
  background-repeat: no-repeat;
  background-position: 50% 50%
}

.icon-1 {
  background-image: url(/assets/img/evo-icons/bottle-icon-super-small-2.gif)
}

.icon-2 {
  background-image: url(/assets/img/evo-icons/br-super-small-2.gif)
}

.icon-3 {
  background-image: url(/assets/img/evo-icons/ram-super-small-2.gif)
}

.active .evo-heading {
  color: #ffe597;
}

.active .icon-1 {
  background-image: url(/assets/img/evo-icons/bottle-icon-super-small.gif)
}

.active .icon-2 {
  background-image: url(/assets/img/evo-icons/br-super-small.gif)
}

.active .icon-3 {
  background-image: url(/assets/img/evo-icons/ram-super-small.gif)
}

.infoblock-style strong {
  text-transform: uppercase;
}

.tooltips .puzzle, .puzzle {
  display: none
}

.loader .top-misc {
  left: 50%;
  width: 300px;
  transform: translate(-50%, 0);
}

.hallow .top-misc, .age-checked .top-misc {
  display: none
}

.age-checked .loading-msg {
  display: block
}

.height-lte-807 .loader .top-misc {
  left: auto;
  margin: 0;
  right: 40px
}

.terms-link {
  position: absolute;
  right: 15px;
  bottom: 30px;
  background: url(/assets/img/terms.png) no-repeat 0 0;
  width: 15px;
  height: 99px;
  text-indent: -99999px;
  z-index: 1
}

body.lang-en .terms-link{
  background: url(/assets/img/terms-en.png) no-repeat 0 0;
}

body.lang-tr .terms-link{
  background: url(/assets/img/terms-tr.png) no-repeat 0 0;
}
body.lang-pl .terms-link{
  background: url(/assets/img/terms-pl.png) no-repeat 0 0;
}
body.lang-ro .terms-link{
  background: url(/assets/img/terms-ro.png) no-repeat 0 0;
}

.height-lte-675 .age-confirmation {
  height: 550px;
}

.height-lte-675 .loader .message img {
  width: 160px;
  margin-left: -80px;
}

.height-lte-675 .ram-brand-logo img {
  width: 50%
}

.height-lte-675 .ram-brand-logo .legend {
  width: 120px;
  margin-left: -60px;
}

.height-lte-675 .loader .deny-message, .height-lte-675 .loader .message {
  height: 150px
}

.open-submit {
  background: url(/assets/img/form.png) no-repeat 0 0;
  width: 180px;
  height: 58px;
  display: block;
  position: absolute;
  right: 100px;
  bottom: 32px;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 9
}
.open-submit:hover {
  background: url(/assets/img/form.png) no-repeat 0 -58px;
}

.lang-en .open-submit {
  background: url(/assets/img/form.png) no-repeat 0 -311px;
}
.lang-en .open-submit:hover {
  background: url(/assets/img/form.png) no-repeat 0 -370px;
}

.lang-ro .open-submit {
  background: url(/assets/img/form.png) no-repeat 0 -1202px;
}
.lang-ro .open-submit:hover {
  background: url(/assets/img/form.png) no-repeat 0 -1259px;
}

.lang-pl .open-submit {
  background: url(/assets/img/form.png) no-repeat 0 -906px;
}
.lang-pl .open-submit:hover {
  background: url(/assets/img/form.png) no-repeat 0 -964px;
}

.lang-tr .open-submit {
  background: url(/assets/img/form.png) no-repeat 0 -611px;
}
.lang-tr .open-submit:hover {
  background: url(/assets/img/form.png) no-repeat 0 -670px;
}

.form_close_button {
  width: 75px;
  height: 75px;
  margin: 0 auto 30px;
  display: block;
  background: url(/assets/img/close-button.png) no-repeat;
  cursor: pointer;
}

.form_label {
  width: 302px;
  height: 95px;
  display: block;
  background: url(/assets/img/form.png) no-repeat 0 -130px;
  margin: 0 auto 20px;
}

.lang-en .form_label {
  background: url(/assets/img/form.png) no-repeat 0 -450px;
}

.lang-tr .form_label {
  background: url(/assets/img/form.png) no-repeat 0 -754px;
}

.lang-pl .form_label {
  background: url(/assets/img/form.png) no-repeat 0 -1043px;
}

.lang-ro .form_label {
  background: url(/assets/img/form.png) no-repeat 0 -1344px;
}

.form_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: url(/assets/img/form_ovrl.png);
  display: none;
  overflow: hidden;
}

.form_wrap {
  width: 900px;
  height: 800px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -423px 0 0 -450px;
}

.contact_form .row {
  float: left;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.contact_form .row_group {
  float: left;
  width: 100%;
}

.contact_form .row_group .row {
  width: auto;
}

.contact_form .row_group .row .text {
  width: 250px;
}

.contact_form .rows_wrap {
  float: left;
  padding: 35px 0 10px 25px;
  background: #53453e;
}

.contact_form .row label {
  float: left;
  height: 60px;
  line-height: 60px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-style: italic;
  font-size: 14px;
  width: 100px;
  padding-right: 15px;
  color: #fff;
  text-align: right;
  font-weight: 400;
}

.contact_form .row label .rq {
  color: #ffe597;
}

.contact_form .text, .contact_form .select {
  float: left;
  height: 60px;
  margin: 0;
  background: #53453e;
  border: 3px solid #968361;
  width: 616px;
  padding: 0 15px;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-style: italic;
  color: #fff;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.contact_form .text:focus, .contact_form .select:hover, .contact_form .file:hover, .contact_form .select:focus {
  border: 3px solid #ffe597;
  outline: 0;
}

.contact_form .file:hover .choose {
  border: 3px solid #ffe597;
}

.contact_form .text.area {
  height: 135px;
  padding: 15px;
  resize: none;
}

.contact_form .select {
  overflow: hidden;
}

.contact_form .text.error, .contact_form .select.error, .contact_form textarea.error, .captcha_field.error {
  border: 3px solid #f26c4f;
}

.contact_form .select {
  background: url(/assets/img/form_select.gif) no-repeat center right;
}

.contact_form select {
  width: 110%;
  height: 100%;
  background: transparent;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, sans-serif;
  border: 0;
  color: #fff;
  font-style: italic;
}

.contact_form select:focus {
  outline: none;
  ;
}

.contact_form option {
  color: #000;
  border: 3px solid #968361;
}

.from_errors {
  float: left;
  background: #f26c4f;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-style: italic;
  display: none;
  width: 100%;
}

.submit_container {
  float: left;
  width: 100%;
  background: #ffe597;
  padding: 20px 0;
}

.submit_wrap {
  width: 625px;
  margin: 0 auto;
}

.contact_form .captcha {
  width: 253px;
  height: 60px;
  float: left;
}

.contact_form .captcha_field {
  border: 3px solid #53453e;
  width: 102px;
  height: 54px;
  padding: 0 15px;
  background: transparent;
  color: #000;
  font-family: "Trebuchet MS", Arial, sans-serif;
  font-size: 30px;
}

.contact_form .captcha_field.error {
  border: 3px solid #f26c4f;
}

.form_submit {
  width: 138px;
  height: 60px;
  background: #53453e;
  float: right;
  color: #fff;
  border: 0px;
  text-transform: uppercase;
  font-family: "PFDinTextCompPro-Medium";
  font-size: 24px;
  color: #ffe597;
}

.form_submit:hover {
  background: #000;
}

.contact_form .file {
  position: relative;
}

.contact_form .file input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
}

.contact_form .file .choose {
  position: absolute;
  top: 6px;
  right: 5px;
  display: block;
  border: 3px solid #968361;
  width: 118px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.form_wrap .success {
  width: 100%;
  height: 540px;
  color: #53453e;
  background: #ffe597;
  text-align: center;
  display: none;
}

.form_img {
  float: left;
}

.form_wrap .msg {
  font-family: "PFDinTextCompPro-Medium";
  font-size: 48px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.form_ok {
  width: 132px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-family: "PFDinTextCompPro-Medium";
  font-size: 24px;
  display: inline-block;
  background: #53453e;
  color: #ffe597;
  cursor: pointer;
}

.form_ok:hover {
  background: #000;
}

.form_info {
  font-style: italic;
  width: 100%;
  font-size: 14px;
  color: #ffe597;
  display: block;
  padding-top: 5px;
  float: left;
}

.vertical-align-wrap {
  width: 100%;
  height: 100%;
  display: table;
}

.vertical-align {
  display: table-cell;
  vertical-align: middle;
}

.form_wrap .file_name {
  width: 100px;
  overflow: hidden;
  float: left;
  margin-top: 18px;
  text-overflow: ellipsis;
  height: 20px;
}

@media only screen and (max-height:900px) {
  .form_wrap {
    height: 640px;
    margin: -320px 0 0 -450px;
  }
  .contact_form .row {
    margin-bottom: 12px;
  }
  .contact_form .text.area {
    height: auto;
  }
  .form_label {
    /* width: 200px;
    height: 68px; */
    /* background: url(/assets/img/submit_label.png) no-repeat 0 0; */
  }
  .form_close_button {
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    margin-bottom: 20px;
  }
}


.open-submit {
  bottom: 66px;
  right: 50px;
}

.terms-wrapper {
  position: absolute;
  bottom: 27px;
  right: 50px;
  z-index: 1;
  max-width: 555px;
  margin: 0 -10px;
}

.terms-wrapper a{
  margin: 0 10px;
}

/* Remove honey bottle on BG version */

.show-honey .legend-1{
  width: 100%!important;
}

.show-honey .legend-2{
  display:none;
}

.show-honey .legend-1 .whiskey-detail{
  visibility: visible!important;
  opacity: 1!important;
  left:10%!important;
}

.show-honey .legend-1 .whiskey-label{
  left:50%!important;
  opacity: 1!important;
  visibility: visible!important;
}

.show-honey .legend-1 .more-button{
  display:none;
}

.show-honey .legend-1 img.whiskey{
  right: 16%!important;
}

.show-honey #goto-two-legends{
  display: none;
}

@media (max-width: 1500px){
  .show-honey .legend-1 img.whiskey{
    right:9%!important;
  }

.show-honey .legend-1 .whiskey-label{
    left: 55%!important;
  }
}

@media (max-width:1338px) {
  .show-honey .legend-1 img.whiskey{
    right:5%!important;
  }

.show-honey .legend-1 .whiskey-label{
    /* left: 58%!important;
    width: 300px; */
    display: none;
  }
}