/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  font-family: 'Lato', sans-serif;
  font-variant-ligatures: none;
  color: #131313; }

input {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  font-family: 'Lato', sans-serif; }

#questions_page_contents.absolute {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10; }

.set_full_size.fixed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.btn {
  display: inline-block;
  color: #fff !important;
  text-align: center;
  background: #660f28;
  background-image: linear-gradient(270deg, #660f28 0%, #521426 100%);
  padding: 30px;
  font-size: 26px;
  font-weight: 800;
  border-radius: 4px;
  text-decoration: none; }
  .btn.disabled {
    background: #b8b8b8 !important; }
  @media all and (max-width: 767px) {
    .btn {
      font-size: 18px;
      padding: 20px; } }
  .btn:hover {
    background: #360D18; }
  .btn .arrow_next {
    margin-left: 60px; }

.touchevents .btn {
  background: #660f28;
  background-image: linear-gradient(270deg, #660f28 0%, #521426 100%); }
  .touchevents .btn.disabled {
    background: #b8b8b8 !important; }
  .touchevents .btn.hover {
    background: #8C1622; }

.container {
  max-width: 960px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box; }

.container_wide {
  max-width: 1430px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box; }

.wrapper {
  position: relative;
  margin-left: -15px;
  margin-right: -15px; }

.gr-3rd {
  box-sizing: border-box;
  width: 33.3333333333%;
  padding: 0 15px;
  float: left; }
  @media all and (max-width: 767px) {
    .gr-3rd {
      width: 50%; } }
  @media all and (max-width: 639px) {
    .gr-3rd {
      width: 100%; } }

.target_slick .one_slide {
  width: 450px;
  padding: 20px 21px;
  box-sizing: border-box; }
  @media all and (max-width: 559px) {
    .target_slick .one_slide {
      width: 280px;
      padding: 15px 7px; } }
  .target_slick .one_slide .hola {
    background: #ccc;
    height: 400px;
    width: 400px; }
  .target_slick .one_slide:focus {
    outline: none !important; }
  .target_slick .one_slide.slick-slide {
    opacity: 0.4; }
    .target_slick .one_slide.slick-slide.slick-current {
      opacity: 1; }

.target_slick button {
  display: none; }

.target_slick.fluid {
  float: left;
  width: 100%; }
  .target_slick.fluid .one_slide {
    width: 33.3333333333%;
    float: left; }

.container_med {
  max-width: 1350px;
  padding: 0 0;
  margin: 0 auto;
  box-sizing: border-box; }
  .container_med .wrapper {
    position: relative;
    margin-left: -25px;
    margin-right: -25px; }
  .container_med .gr-3rd {
    box-sizing: border-box;
    width: 450px;
    padding: 0 25px;
    float: left; }
  .container_med .location_wrap {
    box-sizing: border-box;
    width: 450px;
    height: 400px;
    padding: 0 25px; }

.clearfix {
  clear: both; }

#landscape_notif {
  display: none;
  opacity: 0;
  transition: all 500ms;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center; }
  #landscape_notif .content {
    color: #fff;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.3em;
    font-size: 24px;
    font-weight: 500; }
    @media all and (max-width: 639px) {
      #landscape_notif .content {
        font-size: 18px; } }
    #landscape_notif .content .texts {
      position: absolute;
      width: 100%; }
      #landscape_notif .content .texts p {
        max-width: 480px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 15px;
        padding-right: 15px; }
    #landscape_notif .content .to_portrait {
      width: 90px;
      margin-bottom: 30px; }

@media screen and (orientation: landscape) and (max-width: 1020px) {
  .touchevents #landscape_notif {
    display: block;
    opacity: 1; }
  .touchevents #global_content_container {
    display: none; } }

/* SMALLER ============================================================= */
body.smaller .btn {
  font-size: 18px;
  padding: 30px 15px; }

.gov_logo {
  display: block;
  margin: 0 auto;
  padding: 20px 0 0 0;
  height: 58px; }
  @media all and (max-width: 639px) {
    .gov_logo {
      height: 48px; } }

#landing_container {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center; }

a.btn:focus, input:focus, a:focus, div:focus {
  outline: 3px solid #F7AF43 !important;
  outline-offset: 0 !important; }
  a.btn:focus.from-mouse, input:focus.from-mouse, a:focus.from-mouse, div:focus.from-mouse {
    outline: 0px !important; }

.welcome_que {
  width: 652px;
  margin: 0 auto;
  text-align: center;
  padding-top: 20px; }
  @media all and (max-width: 767px) {
    .welcome_que {
      width: 500px; } }
  @media all and (max-width: 540px) {
    .welcome_que {
      width: 330px; } }
  @media all and (max-width: 339px) {
    .welcome_que {
      width: 320px; } }
  .welcome_que .wrap {
    width: 652px;
    height: 437px;
    background-image: url(/img/paper.png);
    position: relative;
    transform: rotate(-5deg); }
    @media all and (max-width: 767px) {
      .welcome_que .wrap {
        width: 500px;
        height: 335px;
        background-size: 500px 335px; } }
    @media all and (max-width: 540px) {
      .welcome_que .wrap {
        width: 330px;
        height: 221px;
        background-size: 330px 221px; } }
    @media all and (max-width: 339px) {
      .welcome_que .wrap {
        width: 320px;
        height: 214px;
        background-size: 320px 214px;
        overflow: hidden; } }
  .welcome_que h1 {
    color: #650f28;
    font-size: 92px;
    font-weight: bold;
    font-weight: 700;
    line-height: 92px;
    letter-spacing: -1px;
    padding-top: 65px; }
    @media all and (max-width: 767px) {
      .welcome_que h1 {
        font-size: 73px;
        padding-top: 44px;
        line-height: 76px; } }
    @media all and (max-width: 540px) {
      .welcome_que h1 {
        font-size: 46px;
        padding-top: 30px;
        line-height: 50px; } }
    @media all and (max-width: 339px) {
      .welcome_que h1 {
        padding-top: 25px; } }
  .welcome_que .btn {
    margin-top: 30px; }
    @media all and (max-width: 767px) and (min-width: 541px) {
      .welcome_que .btn {
        font-size: 22px;
        padding: 30px 45px; } }

.find_out_more_wrap {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0; }
  .find_out_more_wrap .find_out_more {
    display: block;
    width: 220px;
    height: 62px;
    margin: 0 auto;
    line-height: 62px;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 800;
    color: #650f28;
    text-decoration: none;
    text-align: center;
    background-color: #f7f3ea;
    background-image: url(/img/findout-btn-bg.png);
    border-radius: 4px 4px 0 0; }
    .find_out_more_wrap .find_out_more img {
      margin: 0 10px 3px 0;
      padding: 0;
      vertical-align: middle; }

#welcome_menu_card {
  background-image: url(../img/paper-bg.jpg);
  background-size: cover;
  background-position: center center;
  position: relative; }

#page_menu_card {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  display: none; }
  #page_menu_card .container_wide {
    position: relative; }

.the_menu_card .close_this_button {
  width: 100%;
  text-align: center; }
  .the_menu_card .close_this_button a.close_link {
    text-decoration: none;
    display: inline-block;
    color: #650f28;
    font-size: 18px;
    font-weight: 800;
    padding: 35px 30px;
    vertical-align: middle; }
    .the_menu_card .close_this_button a.close_link img {
      margin: 0 15px 0 0;
      padding: 0; }
  .the_menu_card .close_this_button .text {
    display: none;
    color: #650f28;
    font-size: 18px;
    font-weight: 800;
    padding: 30px 30px;
    vertical-align: middle;
    line-height: 30px;
    height: 30px; }
  .the_menu_card .close_this_button a.close_icon {
    display: none;
    position: absolute;
    right: 15px;
    top: 40px;
    padding: 0; }
    .the_menu_card .close_this_button a.close_icon img {
      width: 42px; }

.the_menu_card .container_wide {
  padding: 0px; }

.the_menu_card .nav_cont {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -183px; }
  @media all and (min-width: 768px) and (max-width: 991px) {
    .the_menu_card .nav_cont {
      top: 0;
      margin-top: 215px; } }
  @media all and (max-width: 767px) {
    .the_menu_card .nav_cont {
      position: relative;
      top: 0;
      margin-top: 40px; } }
  .the_menu_card .nav_cont ul {
    display: block;
    margin: 0 auto;
    max-width: 600px; }
    .the_menu_card .nav_cont ul li a {
      font-size: 72px;
      color: #650f28;
      font-weight: 800;
      display: block;
      text-align: center;
      text-decoration: none;
      padding: 25px 0;
      transition: all 200ms; }
      .the_menu_card .nav_cont ul li a:hover {
        color: #131313; }
      @media all and (max-width: 767px) {
        .the_menu_card .nav_cont ul li a {
          font-size: 35px;
          padding: 15px 0; } }

.the_menu_card.content_white .close_this_button a.close_link {
  display: none; }

.the_menu_card.content_white .text {
  display: inline-block;
  color: #fff; }

.the_menu_card.content_white a.close_icon {
  display: block; }

.the_menu_card.content_white .nav_cont ul li a {
  color: #fff; }
  .the_menu_card.content_white .nav_cont ul li a:hover {
    color: #650F28; }

.the_menu_card.content_white .more_link {
  color: #fff; }
  .the_menu_card.content_white .more_link a {
    color: #fff; }
    .the_menu_card.content_white .more_link a:hover {
      color: #650F28; }

.the_menu_card.content_white .foo_text {
  color: #fff;
  font-weight: 500; }

.the_menu_card.content_white .foo_menu .social_links a.tw {
  background-image: url(../img/icon-tw-wr.png); }

.the_menu_card.content_white .foo_menu .social_links a.fb {
  background-image: url(../img/icon-fb-wr.png); }

.the_menu_card.content_white .foo_menu .social_links a.insta {
  background-image: url(../img/icon-insta-wr.png); }

.the_menu_card.content_white .foo_menu .social_links a.yout {
  background-image: url(../img/youtube-wr.png); }

.foo_menu {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  padding-bottom: 50px;
  left: 0; }
  .foo_menu .social_links a {
    display: inline-block;
    margin: 0 10px;
    width: 50px;
    height: 50px;
    background-position: top left; }
    .foo_menu .social_links a.tw {
      background-image: url(../img/icon-tw.png); }
    .foo_menu .social_links a.fb {
      background-image: url(../img/icon-fb.png); }
    .foo_menu .social_links a.insta {
      background-image: url(../img/icon-insta.png); }
    .foo_menu .social_links a.yout {
      background-image: url(../img/youtube.png); }
    .foo_menu .social_links a:hover {
      background-position: bottom left; }

.more_link {
  color: #650f28;
  padding: 35px 0 20px; }
  .more_link a {
    color: #650f28;
    font-size: 18px;
    text-decoration: none;
    font-weight: 500; }
    @media all and (max-width: 374px) {
      .more_link a {
        font-size: 16px; } }
    .more_link a:hover {
      color: #131313; }

.foo_text {
  color: #650f28;
  font-weight: 500;
  font-size: 16px; }
  @media (max-width: 639px) {
    .foo_text {
      font-size: 14px; } }

#page_container {
  background-image: url(../img/paper-bg.jpg);
  background-size: cover;
  background-position: center center;
  position: relative; }
  #page_container h1 {
    padding-bottom: 24px; }
  #page_container .padded {
    padding-bottom: 50px; }
  #page_container .smallpadd {
    padding-bottom: 0px; }

#page_header {
  padding-top: 30px;
  padding-bottom: 50px; }
  @media all and (max-width: 767px) {
    #page_header {
      padding-top: 20px;
      padding-bottom: 30px; } }
  #page_header img.logo {
    display: block;
    float: left;
    width: 290px; }
    @media all and (max-width: 767px) {
      #page_header img.logo {
        width: 160px; } }
  #page_header .icon_menu {
    float: right;
    padding-top: 10px; }
    @media all and (max-width: 767px) {
      #page_header .icon_menu {
        padding-top: 0; } }
    #page_header .icon_menu .info {
      margin-right: 20px; }
      @media all and (max-width: 767px) {
        #page_header .icon_menu .info {
          margin-right: 10px; } }
    #page_header .icon_menu a {
      display: inline-block; }
    #page_header .icon_menu img {
      margin-left: 0px; }
      @media all and (max-width: 767px) {
        #page_header .icon_menu img {
          width: 30px;
          height: 30px; } }

.wysiwyg h1 {
  font-size: 52px;
  font-weight: 900;
  letter-spacing: -0.5px;
  color: #650f28;
  text-align: center;
  margin-bottom: 30px; }
  @media all and (max-width: 767px) {
    .wysiwyg h1 {
      font-size: 32px;
      margin-bottom: 25px; } }

.wysiwyg.hedings h2 {
  margin-bottom: 50px; }
  @media all and (max-width: 767px) {
    .wysiwyg.hedings h2 {
      margin-bottom: 30px; } }

.wysiwyg p {
  font-size: 18px;
  line-height: 1.3em;
  margin: 20px 0;
  font-weight: 500; }

.wysiwyg i {
  font-style: italic;
  margin: 0 5px 0 0; }

.wysiwyg b {
  font-weight: 800; }

.wysiwyg ul {
  margin-left: 45px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .wysiwyg ul li {
    list-style-type: disc;
    font-size: 18px;
    line-height: 1.3em;
    padding: 5px 0;
    font-weight: 500; }

.wysiwyg ol {
  margin-left: 45px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .wysiwyg ol.left {
    margin-left: 20px; }
  .wysiwyg ol li {
    list-style-type: lower-alpha;
    font-size: 18px;
    line-height: 1.3em;
    padding: 5px 0;
    font-weight: 500; }

.wysiwyg li ul li {
  list-style-type: square; }

.wysiwyg li ol li {
  list-style-type: decimal; }

.wysiwyg ol.roman > li {
  list-style: lower-roman !important; }

.wysiwyg ol.alpha > li {
  list-style: lower-alpha !important; }

.wysiwyg ol.bigalpha > li {
  list-style: upper-alpha !important; }

.wysiwyg a {
  color: #650f28; }
  .wysiwyg a:hover {
    color: #131313; }

.wysiwyg strong {
  font-weight: 500; }

.page-video .wysiwyg p {
  font-size: 24px; }

#page_footer {
  text-align: center;
  padding-bottom: 30px;
  background-color: #660f28;
  background-image: linear-gradient(270deg, #660f28 0%, #521426 100%); }
  #page_footer .more_link {
    color: #fff; }
    #page_footer .more_link a {
      color: #fff;
      font-size: 16px;
      font-weight: 400; }
      @media all and (max-width: 639px) {
        #page_footer .more_link a {
          font-size: 14px; } }
      #page_footer .more_link a:hover {
        color: #131313; }
  #page_footer .foo_text {
    color: #fff;
    font-weight: 500;
    font-size: 16px; }
    @media (max-width: 639px) {
      #page_footer .foo_text {
        font-size: 14px; } }

.one_video {
  margin-bottom: 25px;
  margin-top: 25px; }
  .one_video .yt_video {
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
    position: relative;
    transition: all 300ms;
    z-index: 3; }
  .one_video h3 {
    color: #131313;
    font-size: 28px;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.3px;
    margin-bottom: 15px; }
  .one_video p {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5em;
    color: #131313; }

/* Video */
.overlapVideo {
  cursor: pointer;
  position: absolute;
  background-color: transparent;
  top: 0px;
  left: 0px;
  margin: 10px 10px 10px 10px;
  padding: 0px 0px 0px 0px;
  width: 100%;
  height: 250px;
  z-index: 5; }

#question_container {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center;
  color: #fff; }
  #question_container.fixedBG {
    background-attachment: fixed; }
  #question_container h2 {
    font-size: 42px;
    font-weight: 900;
    text-align: center; }
    @media all and (min-width: 640px) and (max-width: 991px) {
      #question_container h2 {
        font-size: 32px; } }
    @media all and (max-width: 639px) {
      #question_container h2 {
        font-size: 23px;
        letter-spacing: -0.3px; } }
    @media all and (max-width: 374px) {
      #question_container h2 {
        font-size: 17px;
        font-weight: 700; } }
  #question_container .wrapper {
    padding-top: 20px;
    padding-bottom: 20px; }
    @media all and (max-width: 374px) {
      #question_container .wrapper {
        padding-top: 10px;
        padding-bottom: 10px; } }
  #question_container .one_drink {
    text-align: center;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 160px;
    cursor: pointer;
    width: 33.3333333333%; }
    @media all and (max-width: 639px) {
      #question_container .one_drink {
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: 140px; } }
    @media all and (max-width: 374px) {
      #question_container .one_drink {
        padding-top: 5px;
        padding-bottom: 5px;
        min-height: 100px; } }
    #question_container .one_drink .content {
      position: absolute;
      z-index: 0;
      width: 100%; }
      #question_container .one_drink .content h4 {
        margin-top: 15px;
        font-size: 18px;
        font-weight: 700; }
        @media all and (max-width: 639px) {
          #question_container .one_drink .content h4 {
            font-size: 14px;
            font-weight: 500;
            margin-top: 10px; } }
        @media all and (max-width: 374px) {
          #question_container .one_drink .content h4 {
            font-size: 12px; } }
      #question_container .one_drink .content img {
        width: 120px;
        height: 120px; }
        @media all and (max-width: 639px) {
          #question_container .one_drink .content img {
            width: 80px;
            height: 80px; } }
        @media all and (max-width: 374px) {
          #question_container .one_drink .content img {
            width: 60px;
            height: 60px; } }
    #question_container .one_drink .tick {
      position: absolute;
      z-index: 1;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      opacity: 0; }
      #question_container .one_drink .tick img {
        position: absolute; }
        @media all and (max-width: 639px) {
          #question_container .one_drink .tick img {
            width: 40px;
            height: 40px; } }
    #question_container .one_drink.selected .tick {
      opacity: 1; }
  #question_container .continue_button {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 35px; }
    #question_container .continue_button .btn {
      min-width: 215px;
      transition: all 300ms;
      font-size: 22px; }
      @media all and (max-width: 639px) {
        #question_container .continue_button .btn {
          font-size: 18px; } }
      #question_container .continue_button .btn.back {
        min-width: 26px;
        background: #fff;
        margin-right: 20px; }
        @media all and (max-width: 639px) {
          #question_container .continue_button .btn.back {
            margin-right: 10px; } }
      @media all and (max-width: 639px) {
        #question_container .continue_button .btn {
          padding-top: 18px;
          padding-bottom: 18px;
          min-width: 160px; } }
    @media all and (max-width: 639px) {
      #question_container .continue_button {
        padding-bottom: 5px; } }

#question_container #que_results_container h2 {
  font-size: 42px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0; }
  @media all and (max-width: 639px) {
    #question_container #que_results_container h2 {
      font-size: 32px;
      text-align: left;
      line-height: 1.2em; } }

.question_menu_head .tooltip_container {
  height: 0px;
  position: relative; }

.question_menu_head .progress_container {
  text-align: center;
  width: 230px;
  font-size: 14px;
  position: absolute;
  top: 47px;
  right: 160px; }
  @media all and (max-width: 767px) {
    .question_menu_head .progress_container {
      top: 22px;
      right: 120px;
      width: 150px; } }
  @media all and (max-width: 639px) {
    .question_menu_head .progress_container {
      width: 80px;
      font-size: 14px;
      right: 110px; } }
  @media all and (max-width: 320px) {
    .question_menu_head .progress_container {
      display: none; } }
  .question_menu_head .progress_container .progres_bar {
    height: 6px;
    position: relative;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 6px;
    margin-top: 8px; }
    .question_menu_head .progress_container .progres_bar .bar {
      height: 6px;
      position: absolute;
      left: 0;
      top: 0;
      background: rgba(255, 255, 255, 0.8);
      width: 0%;
      border-radius: 6px;
      transition: all 300ms; }

.question_menu_head .tooltip {
  position: absolute;
  z-index: 100;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  width: 250px;
  right: 0;
  top: 110px;
  background-image: url(/img/paper-bg.jpg);
  background-size: cover;
  background-position: top center;
  border-radius: 2px;
  display: none; }
  @media all and (max-width: 1459px) {
    .question_menu_head .tooltip {
      right: 10px; } }
  @media all and (max-width: 767px) {
    .question_menu_head .tooltip {
      top: 75px;
      right: 10px; } }
  .question_menu_head .tooltip p {
    color: #131313;
    font-weight: 500;
    line-height: 1.4em; }
  .question_menu_head .tooltip .arrow {
    background: url(/img/tooltip-arrow.png);
    width: 31px;
    height: 15px;
    position: absolute;
    top: -15px;
    right: 85px; }
    @media all and (max-width: 1459px) {
      .question_menu_head .tooltip .arrow {
        right: 75px; } }
    @media all and (max-width: 767px) {
      .question_menu_head .tooltip .arrow {
        right: 52px; } }

#the_info_overlay,
#the_disclaimer_overlay {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center;
  position: fixed;
  max-width: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  display: none; }
  #the_info_overlay .content,
  #the_disclaimer_overlay .content {
    color: #fff;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 1.3em;
    font-size: 24px;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
    #the_info_overlay .content .texts,
    #the_disclaimer_overlay .content .texts {
      position: absolute;
      top: 50%;
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
      box-sizing: border-box; }
      #the_info_overlay .content .texts p,
      #the_disclaimer_overlay .content .texts p {
        font-size: 24px;
        font-weight: 500;
        text-align: center;
        line-height: 26px;
        color: #FFFFFF;
        margin-bottom: 46px; }
      #the_info_overlay .content .texts .btn,
      #the_disclaimer_overlay .content .texts .btn {
        font-size: 21px;
        font-weight: 900;
        text-align: center;
        line-height: 26px;
        color: #FFFFFF;
        padding: 19px 30px; }
    @media all and (max-width: 639px) {
      #the_info_overlay .content,
      #the_disclaimer_overlay .content {
        font-size: 18px; }
        #the_info_overlay .content .texts p,
        #the_disclaimer_overlay .content .texts p {
          font-size: 18px; } }
  #the_info_overlay .container_wide,
  #the_disclaimer_overlay .container_wide {
    position: relative; }
  #the_info_overlay .close_this_button,
  #the_disclaimer_overlay .close_this_button {
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1; }
    #the_info_overlay .close_this_button .text,
    #the_disclaimer_overlay .close_this_button .text {
      font-size: 18px;
      font-weight: 800;
      padding: 30px 30px;
      vertical-align: middle;
      line-height: 30px;
      height: 30px;
      display: inline-block;
      color: #fff; }
    #the_info_overlay .close_this_button a.close_icon,
    #the_disclaimer_overlay .close_this_button a.close_icon {
      position: absolute;
      right: 15px;
      top: 30px;
      padding: 0;
      color: #fff;
      text-decoration: none; }

a.close_icon span {
  font-size: 18px;
  font-weight: 800;
  vertical-align: middle;
  line-height: 30px;
  display: inline-block;
  float: left;
  margin-right: 5px; }

#the_disclaimer_overlay .texts {
  margin-top: -144px; }

#all_questions_container {
  position: relative;
  overflow: hidden;
  z-index: 0; }
  #all_questions_container .question_part {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    #all_questions_container .question_part .drink_item {
      text-align: center; }
    #all_questions_container .question_part .alc_level {
      display: inline-block;
      padding: 8px;
      border: solid 3px #fff;
      background-color: rgba(255, 255, 255, 0.2);
      border-radius: 5px;
      margin-top: 30px;
      margin-bottom: 30px; }
      @media all and (max-width: 639px) {
        #all_questions_container .question_part .alc_level {
          padding: 8px 0;
          margin-top: 25px;
          margin-bottom: 25px; } }
      #all_questions_container .question_part .alc_level .one_level {
        display: inline-block;
        box-sizing: border-box;
        width: 155px;
        padding: 25px 10px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.3em;
        cursor: pointer;
        border-right: solid 2px #fff;
        transition: all 300ms;
        opacity: 0.75; }
        @media all and (max-width: 639px) {
          #all_questions_container .question_part .alc_level .one_level {
            border-right: solid 1px #fff;
            font-size: 12px;
            width: 112px;
            padding: 15px 5px; } }
        @media all and (max-width: 374px) {
          #all_questions_container .question_part .alc_level .one_level {
            font-size: 10px;
            width: 90px;
            font-weight: 600;
            padding: 13px 5px; } }
        #all_questions_container .question_part .alc_level .one_level:last-child {
          border: none;
          width: 154px; }
          @media all and (max-width: 639px) {
            #all_questions_container .question_part .alc_level .one_level:last-child {
              width: 111px; } }
          @media all and (max-width: 374px) {
            #all_questions_container .question_part .alc_level .one_level:last-child {
              width: 89px; } }
        #all_questions_container .question_part .alc_level .one_level.selected {
          transition: all 300ms;
          font-weight: 900;
          color: #660F28;
          opacity: 1; }
    #all_questions_container .question_part img.drink {
      width: 240px;
      height: 240px; }
      @media all and (min-width: 980px) {
        #all_questions_container .question_part img.drink {
          width: 290px;
          height: 290px; } }
      @media all and (max-width: 639px) {
        #all_questions_container .question_part img.drink {
          width: 135px;
          height: 135px; } }
    #all_questions_container .question_part h4.value_text {
      font-size: 29px;
      font-weight: 900;
      text-align: center;
      padding-top: 20px;
      padding-bottom: 20px; }
      @media all and (max-width: 639px) {
        #all_questions_container .question_part h4.value_text {
          font-size: 18px;
          padding-top: 15px;
          padding-bottom: 15px; } }

.slider_bar {
  position: relative;
  height: 42px;
  max-width: 480px;
  margin-left: auto;
  margin-right: auto; }
  @media all and (max-width: 639px) {
    .slider_bar {
      height: 30px;
      max-width: 310px; } }
  .slider_bar .text {
    font-size: 22px;
    font-weight: 500;
    height: 42px;
    width: 50px;
    line-height: 42px; }
    @media all and (max-width: 639px) {
      .slider_bar .text {
        font-size: 16px;
        height: 30px;
        width: 30px;
        line-height: 30px; } }
    .slider_bar .text.left {
      float: left;
      text-align: right; }
    .slider_bar .text.right {
      float: right;
      text-align: left; }
  .slider_bar .bar {
    position: absolute;
    z-index: 0;
    left: 60px;
    right: 60px;
    top: 18px;
    height: 6px;
    border-radius: 6px;
    background: #fff; }
    @media all and (max-width: 639px) {
      .slider_bar .bar {
        height: 2px;
        border-radius: 2px;
        top: 14px;
        left: 40px;
        right: 40px; } }
  .slider_bar .slide_contaiment {
    position: absolute;
    z-index: 1;
    height: 42px;
    left: 60px;
    right: 60px;
    top: 0; }
    @media all and (max-width: 639px) {
      .slider_bar .slide_contaiment {
        height: 30px;
        left: 40px;
        right: 40px; } }
  .slider_bar .slider_button {
    width: 42px;
    height: 42px;
    background: #fff;
    border: 5px solid #650f28;
    box-sizing: border-box;
    border-radius: 100%;
    left: 0;
    cursor: pointer; }
    @media all and (max-width: 639px) {
      .slider_bar .slider_button {
        width: 30px;
        height: 30px;
        border: 4px solid #650f28; } }

.gen_q_wrap {
  position: relative; }
  .gen_q_wrap .buttons_options {
    position: absolute;
    width: 500px;
    padding: 0 0;
    box-sizing: border-box; }
    @media all and (max-width: 499px) {
      .gen_q_wrap .buttons_options {
        width: 100%; } }
    .gen_q_wrap .buttons_options.wider {
      width: 600px; }
      @media all and (max-width: 599px) {
        .gen_q_wrap .buttons_options.wider {
          width: 100%; } }
    .gen_q_wrap .buttons_options .answer {
      background-image: url(../img/drinks-summary-bg.jpg);
      background-size: cover;
      background-position: bottom right;
      display: block;
      padding: 40px 0;
      color: #131313;
      font-size: 28px;
      font-weight: 900;
      margin: 40px 15px;
      text-align: center;
      text-decoration: none;
      border: 2px solid transparent;
      border-radius: 4px; }
      @media all and (max-width: 539px) {
        .gen_q_wrap .buttons_options .answer {
          padding: 30px 15px;
          font-size: 18px;
          margin: 20px 0; } }
      .gen_q_wrap .buttons_options .answer.selected {
        border: 2px solid #650f28;
        color: #650f28; }
    .gen_q_wrap .buttons_options .gender {
      max-width: 500px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px; }
      @media all and (max-width: 539px) {
        .gen_q_wrap .buttons_options .gender {
          margin-bottom: 40px; } }
      .gen_q_wrap .buttons_options .gender .answer {
        width: 50%; }
    .gen_q_wrap .buttons_options .age_group {
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .gen_q_wrap .buttons_options .age_group .answer {
        width: 25%; }
    .gen_q_wrap .buttons_options h4 {
      font-size: 24px;
      text-align: center;
      font-weight: 900;
      margin-bottom: 30px; }
    .gen_q_wrap .buttons_options .gender .answer,
    .gen_q_wrap .buttons_options .age_group .answer {
      margin-left: 15px;
      margin-right: 15px;
      float: left;
      margin: 0;
      padding: 0 15px;
      border: none;
      background: none;
      box-sizing: border-box; }
      @media all and (max-width: 539px) {
        .gen_q_wrap .buttons_options .gender .answer,
        .gen_q_wrap .buttons_options .age_group .answer {
          padding: 0 5px; } }
      .gen_q_wrap .buttons_options .gender .answer span,
      .gen_q_wrap .buttons_options .age_group .answer span {
        display: block;
        background-image: url(../img/drinks-summary-bg.jpg);
        background-size: cover;
        background-position: bottom right;
        margin: 0;
        padding: 40px 0;
        border-radius: 4px; }
        @media all and (max-width: 539px) {
          .gen_q_wrap .buttons_options .gender .answer span,
          .gen_q_wrap .buttons_options .age_group .answer span {
            padding: 28px 0; } }
      .gen_q_wrap .buttons_options .gender .answer.selected span,
      .gen_q_wrap .buttons_options .age_group .answer.selected span {
        border: 2px solid #650f28;
        padding: 38px 0; }
        @media all and (max-width: 539px) {
          .gen_q_wrap .buttons_options .gender .answer.selected span,
          .gen_q_wrap .buttons_options .age_group .answer.selected span {
            padding: 26px 0; } }
  .gen_q_wrap .swiper_wrapper {
    position: absolute;
    width: 100%; }
  .gen_q_wrap .drink_item {
    position: absolute;
    width: 100%; }
    .gen_q_wrap .drink_item .spacer {
      height: 40px; }
  .gen_q_wrap .drink_item_summary {
    position: absolute;
    width: 100%; }
    .gen_q_wrap .drink_item_summary .summary_wrap {
      max-width: 610px;
      margin-left: auto;
      margin-right: auto;
      background-image: url(../img/drinks-summary-bg.jpg);
      background-size: cover;
      background-position: bottom right;
      color: #650f28;
      padding: 25px 20px;
      box-sizing: border-box;
      border-radius: 3px; }
      @media all and (max-width: 639px) {
        .gen_q_wrap .drink_item_summary .summary_wrap {
          max-width: 500px;
          padding: 5px 10px; } }
      .gen_q_wrap .drink_item_summary .summary_wrap .summary_total,
      .gen_q_wrap .drink_item_summary .summary_wrap .summary_item {
        float: left;
        width: 100%;
        position: relative;
        margin: 10px 0; }
        @media all and (max-width: 639px) {
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item {
            margin: 5px 0; } }
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg,
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg {
          width: 100px;
          position: absolute;
          left: 0;
          top: 0;
          text-align: center; }
          @media all and (max-width: 639px) {
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg,
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg {
              width: 50px; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg img,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg img {
            width: 56px;
            height: 56px; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg img,
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg img {
                width: 40px;
                height: 40px; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg.small,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg.small {
            width: 80px; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg.small,
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg.small {
                width: 40px; } }
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text,
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text {
          min-height: 56px;
          line-height: 56px;
          padding-left: 100px;
          font-size: 24px;
          font-weight: 700; }
          @media all and (max-width: 639px) {
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text,
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text {
              font-size: 14px;
              min-height: 40px;
              height: 40px;
              padding-left: 55px; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text.small {
            padding-right: 155px;
            padding-left: 80px; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small,
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text.small {
                padding-left: 45px;
                padding-right: 115px;
                line-height: 1.5em; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text .midv_t,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text .midv_t {
            height: 40px; }
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner,
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner {
          width: 145px;
          text-align: center;
          min-height: 56px;
          line-height: 56px;
          position: absolute;
          right: 0;
          top: 0; }
          @media all and (max-width: 639px) {
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner,
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner {
              min-height: 40px;
              line-height: 40px;
              width: 115px; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner input,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner input {
            height: 42px;
            width: 55px;
            text-align: center;
            box-shadow: inset 1px 2px 6px #9b9183;
            border: 1px solid #d2c8b1;
            background-color: #f0e9df;
            border-radius: 4px;
            vertical-align: middle;
            margin-left: 5px;
            margin-right: 5px;
            font-size: 25px;
            font-weight: 900;
            color: #650f28;
            letter-spacing: -0.53px; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner input,
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner input {
                min-height: 40px;
                width: 40px; } }
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner input.nill,
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner input.nill {
              color: #999; }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner img,
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner img {
            vertical-align: middle; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner img,
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner img {
                height: 28px;
                width: 28px; } }
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .total_drinks,
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .total_drinks {
          width: 145px;
          text-align: center;
          min-height: 56px;
          line-height: 56px;
          position: absolute;
          right: 0;
          top: 15px;
          font-size: 42px;
          color: #650f28;
          letter-spacing: -1.17px;
          font-weight: 900; }
          @media all and (max-width: 639px) {
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .total_drinks,
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .total_drinks {
              min-height: 40px;
              line-height: 40px;
              width: 59px;
              top: 10px;
              margin-right: 25px; } }
      .gen_q_wrap .drink_item_summary .summary_wrap .summary_total {
        border-top: 2px solid #650f28;
        margin-bottom: 0;
        padding-top: 15px; }
        @media all and (max-width: 639px) {
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total {
            padding-top: 10px; } }
        .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text {
          line-height: 1.4em; }
          @media all and (max-width: 639px) {
            .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text {
              padding-left: 0;
              line-height: 1.4em; } }
          .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small {
            line-height: 56px; }
            @media all and (max-width: 639px) {
              .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small {
                padding-left: 0;
                line-height: 40px;
                padding-right: 80px;
                letter-spacing: -0.25px; } }

.one_location_outer {
  border: 2px solid transparent;
  border-radius: 7px;
  cursor: pointer; }
  .one_location_outer.selected {
    border: 2px solid #650f28; }
    .one_location_outer.selected .one_location .midv_t {
      color: #650f28; }

.one_location {
  border-radius: 5px;
  /*
    background-image: url(../img/drinks-summary-bg.jpg);
    background-size: cover;
    background-position: bottom right;
    */
  background: #650f28;
  width: 100%; }
  .one_location img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    display: block;
    margin: 0;
    padding: 0; }
  .one_location .midv_t {
    width: 100%;
    height: 105px;
    text-align: center;
    font-size: 32px;
    font-weight: 900;
    color: #131313;
    line-height: 1.3em;
    background-image: url(../img/drinks-summary-bg.jpg);
    background-size: cover;
    background-position: bottom right; }
    @media all and (min-width: 768px) and (max-width: 999px) {
      .one_location .midv_t {
        height: 70px;
        font-size: 24px; } }
    @media all and (max-width: 559px) {
      .one_location .midv_t {
        height: 70px;
        font-size: 24px; } }

.midv_t {
  display: table;
  overflow: hidden; }
  .midv_t .midv_c {
    display: table-cell;
    vertical-align: middle; }

#tips_and_hints {
  max-width: 1020px;
  padding: 0 15px;
  margin: 0 auto;
  padding: 30px 15px 80px;
  box-sizing: border-box; }
  @media all and (max-width: 639px) {
    #tips_and_hints {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 60px; } }
  #tips_and_hints .content {
    background-image: url(../img/paper-bg.jpg);
    background-size: cover;
    background-position: center center;
    position: relative;
    min-height: 300px;
    border-radius: 6px;
    color: #131313;
    padding: 40px 0 20px; }
    @media all and (max-width: 639px) {
      #tips_and_hints .content {
        padding: 20px 0 0; } }
    #tips_and_hints .content h3 {
      font-size: 42px;
      font-weight: 900;
      padding-left: 30px;
      padding-right: 30px;
      padding-bottom: 20px;
      color: #521426; }
      @media all and (max-width: 639px) {
        #tips_and_hints .content h3 {
          padding-left: 10px;
          padding-right: 10px;
          font-size: 32px; } }
    #tips_and_hints .content .one_tip {
      width: 50%;
      float: left;
      padding: 30px;
      box-sizing: border-box; }
      @media all and (max-width: 639px) {
        #tips_and_hints .content .one_tip {
          padding: 10px;
          width: 100%; } }
      #tips_and_hints .content .one_tip h4 {
        font-size: 28px;
        font-weight: 900;
        margin-bottom: 25px; }
        @media all and (max-width: 639px) {
          #tips_and_hints .content .one_tip h4 {
            font-size: 24px; } }
      #tips_and_hints .content .one_tip p {
        margin: 20px 0;
        font-size: 18px;
        line-height: 1.5em; }
        @media all and (max-width: 639px) {
          #tips_and_hints .content .one_tip p {
            font-size: 14px; } }
      #tips_and_hints .content .one_tip .btn {
        font-size: 18px;
        padding-top: 16px;
        padding-bottom: 16px; }
      #tips_and_hints .content .one_tip .line {
        border-bottom: 2px solid #131313;
        display: none; }
        @media all and (max-width: 639px) {
          #tips_and_hints .content .one_tip .line {
            display: block; } }
      #tips_and_hints .content .one_tip.last .line {
        display: none; }

/* MEDIUM & SMALLER ============================================================= */
body.medium #page_header {
  padding-top: 25px;
  padding-bottom: 35px; }

body.medium .welcome_que {
  width: 500px; }
  body.medium .welcome_que .wrap {
    width: 500px;
    height: 335px;
    background-size: 500px 335px; }
  body.medium .welcome_que h1 {
    font-size: 73px;
    padding-top: 44px;
    line-height: 76px; }

body.medium .the_menu_card .nav_cont ul li a {
  font-size: 46px;
  padding: 15px 0; }

body.smaller #page_header {
  padding-top: 25px;
  padding-bottom: 35px; }

body.smaller .welcome_que {
  width: 330px; }
  body.smaller .welcome_que .wrap {
    width: 330px;
    height: 221px;
    background-size: 330px 221px; }
  body.smaller .welcome_que h1 {
    font-size: 46px;
    padding-top: 30px;
    line-height: 50px; }

body.smaller .the_menu_card .nav_cont ul li a {
  font-size: 46px;
  padding: 15px 0; }

body.micro_h #question_container .one_drink {
  padding-top: 5px;
  padding-bottom: 5px;
  min-height: 100px; }
  body.micro_h #question_container .one_drink .content img {
    width: 60px;
    height: 60px; }

body.nano_h .welcome_que {
  width: 300px;
  padding-top: 10px; }
  body.nano_h .welcome_que h1 {
    font-size: 42px;
    padding-top: 27px;
    line-height: 46px; }
  body.nano_h .welcome_que .wrap {
    width: 300px;
    height: 200px;
    background-size: 300px 200px; }
  body.nano_h .welcome_que .btn {
    margin-top: 15px;
    font-size: 15px;
    padding: 20px 20px; }

body.nano_h .find_out_more_wrap .find_out_more {
  height: 55px;
  line-height: 56px; }

body.nano_h .foo_menu {
  padding-bottom: 20px; }
  body.nano_h .foo_menu .social_links a {
    width: 40px;
    height: 40px;
    background-size: 40px 80px;
    margin: 0 5px; }

body.nano_h .more_link {
  padding-top: 20px; }

body.nano_h .the_menu_card .nav_cont ul li a {
  font-size: 42px;
  padding: 10px 0; }

body.nano_h #page_header {
  padding-top: 15px;
  padding-bottom: 20px; }

body.nano_h .question_menu_head .progress_container {
  top: 15px; }

body.nano_h #question_container .one_drink .content img {
  width: 50px;
  height: 50px; }

body.nano_h #question_container .one_drink .tick img {
  width: 32px;
  height: 32px; }

body.nano_h #question_container .one_drink {
  min-height: 92px; }

body.nano_h #question_container .continue_button .btn {
  padding-top: 14px;
  padding-bottom: 14px;
  min-width: 140px;
  font-size: 16px; }

body.nano_h #question_container .continue_button .btn.back {
  min-width: 26px; }

body.nano_h #all_questions_container .question_part .alc_level {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 15px;
  margin-bottom: 15px; }

body.nano_h #all_questions_container .question_part .alc_level .one_level {
  padding-top: 10px;
  padding-bottom: 10px; }

body.nano_h #all_questions_container .question_part img.drink {
  width: 110px;
  height: 110px; }

body.nano_h #question_container h2 {
  letter-spacing: -0.5px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg img,
body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg img {
  width: 32px;
  height: 32px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text,
body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text {
  height: 32px;
  min-height: 32px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text {
  line-height: 32px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text {
  height: auto; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text .midv_c {
  line-height: 1.1em; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner {
  min-height: 32px;
  line-height: 32px;
  width: 102px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner input {
  height: 32px;
  min-height: 32px; }

body.nano_h .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner img {
  width: 24px;
  height: 24px; }

body.nano_h .drink_item_summary .summary_wrap .summary_item .text.small {
  padding-right: 98px; }

body.nano_h .gen_q_wrap .buttons_options .answer {
  padding: 20px 15px;
  font-size: 16px; }

body.nano_h .gen_q_wrap .buttons_options .gender .answer,
body.nano_h .gen_q_wrap .buttons_options .age_group .answer {
  padding: 0 5px; }

body.nano_h .gen_q_wrap .buttons_options .gender .answer span,
body.nano_h .gen_q_wrap .buttons_options .age_group .answer span {
  padding: 20px 0px; }

body.nano_h .gen_q_wrap .buttons_options .gender .answer.selected span,
body.nano_h .gen_q_wrap .buttons_options .age_group .answer.selected span {
  padding: 18px 0; }

body.nano_h .gen_q_wrap .buttons_options h4 {
  margin-bottom: 20px;
  font-size: 18px; }

body.nano_h .the_menu_card .close_this_button .text {
  padding: 20px; }

body.nano_h .the_menu_card .close_this_button a.close_icon {
  padding: 20px 15px 0 0; }

body.pico_h #landscape_notif .content .texts {
  top: 30px !important; }

body.small_que #question_container .one_drink {
  padding-top: 10px;
  padding-bottom: 10px;
  min-height: 125px; }
  body.small_que #question_container .one_drink .content h4 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px; }
  body.small_que #question_container .one_drink .content img {
    width: 120px;
    height: 120px; }
  body.small_que #question_container .one_drink .tick img {
    width: 40px;
    height: 40px; }

body.small_que #question_container .continue_button {
  padding-bottom: 15px; }
  body.small_que #question_container .continue_button .btn {
    padding-top: 18px;
    padding-bottom: 18px;
    min-width: 160px; }
    body.small_que #question_container .continue_button .btn.back {
      margin-right: 10px;
      min-width: 26px; }

body.small_que #all_questions_container .question_part .alc_level {
  padding: 8px 0;
  margin-top: 25px;
  margin-bottom: 25px; }
  body.small_que #all_questions_container .question_part .alc_level .one_level {
    border-right: solid 1px #fff;
    font-size: 12px;
    width: 115px;
    padding: 15px 5px; }
    body.small_que #all_questions_container .question_part .alc_level .one_level:last-child {
      border-right: none;
      width: 114px; }

body.small_que #all_questions_container .question_part img.drink {
  width: 135px;
  height: 135px;
  width: 200px;
  height: 200px; }

body.small_que #all_questions_container .question_part h4.value_text {
  font-size: 18px;
  padding-top: 15px;
  padding-bottom: 15px; }

body.small_que .gen_q_wrap .buttons_options .answer {
  padding: 30px 15px;
  font-size: 18px;
  margin: 20px 0; }

body.small_que .gen_q_wrap .buttons_options .gender {
  margin-bottom: 40px; }

body.small_que .gen_q_wrap .buttons_options .gender .answer,
body.small_que .gen_q_wrap .buttons_options .age_group .answer {
  padding: 0 5px; }
  body.small_que .gen_q_wrap .buttons_options .gender .answer span,
  body.small_que .gen_q_wrap .buttons_options .age_group .answer span {
    padding: 28px 0; }
  body.small_que .gen_q_wrap .buttons_options .gender .answer.selected span,
  body.small_que .gen_q_wrap .buttons_options .age_group .answer.selected span {
    padding: 26px 0; }

body.small_que .gen_q_wrap .drink_item_summary .summary_wrap {
  padding: 5px 10px; }
  body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total,
  body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item {
    margin: 5px 0; }
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg,
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg {
      width: 50px; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg img,
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg img {
        width: 40px;
        height: 40px; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .drinkimg.small,
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .drinkimg.small {
        width: 40px; }
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text,
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text {
      font-size: 14px;
      min-height: 40px;
      height: 40px;
      padding-left: 55px; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small,
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .text.small {
        padding-left: 45px;
        padding-right: 115px;
        line-height: 1.5em; }
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner,
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner {
      min-height: 40px;
      line-height: 40px;
      width: 115px; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner input,
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner input {
        min-height: 40px;
        width: 40px; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .spinner img,
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .spinner img {
        height: 28px;
        width: 28px; }
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .total_drinks,
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_item .total_drinks {
      min-height: 40px;
      line-height: 40px;
      width: 115px;
      top: 10px; }
  body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total {
    padding-top: 10px; }
    body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text {
      padding-left: 0;
      line-height: 1.4em; }
      body.small_que .gen_q_wrap .drink_item_summary .summary_wrap .summary_total .text.small {
        padding-left: 0;
        line-height: 40px; }

#page_menu_card,
#question_container,
#landing_container {
  background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center; }

@media only screen and (min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
  #page_menu_card,
  #question_container,
  #landing_container {
    background-image: url(../img/bg@2x.jpg); } }

/*
.touchevents {
    #page_menu_card,
    #question_container,
    #landing_container {
        background-image: url(../img/bg-sq.jpg);
        background-size: cover;
        background-position: center center;
        // transition: all 1000ms;
    }    
}
*/
.no-touchevents #page_menu_card,
.no-touchevents #question_container,
.no-touchevents #landing_container {
  transition: background 1000ms linear; }

/*# sourceMappingURL=app.css.map */