#headline h1 { text-align:right; }

#contact-form input[type="text"] {width: 100%; border-radius: 2px; padding: 0px; border: 1px solid #B7B7B7; padding: 6px 5px 1px 0px;}

#contact-form-title { width:100%; color:#F68B1F; font-size:35px; padding:10px; }

#contact-form textarea { width: 100%; margin-top: 10px; height: 245px; }


.table-responsive td { word-wrap:break-word; padding:10px; }

#SiteGridContainer  { overflow:hidden; }
#GridPage   { margin-bottom:-15vh; }
#SiteFooterContainer    { margin-top:-10vh; }

.questionsWrapper.active { display: block; opacity: 1; animation: fadeInBox 1s; animation-timing-function: ease-in-out; }
.questionsWrapper { display: none;max-width: 760px;margin: auto;padding-bottom:100px;opacity:0; animation-timing-function: ease-in-out; }
#lobby            { text-align: center;margin-top:100px; }

.questionsBox     { background: #000000;color: #ffffff;padding: 13px;font-size:155%; min-height:60px;  }
#GridContent #subheadline h2, #GridContent .subheadline h2  { font-size:335%; }
#lobby #body    { font-size: 145%;margin-top: 25px;margin-bottom: 35px;max-width:800px; margin-right: auto; margin-left: auto; }
#GridContent #body p    { font-size:100%; }
.selectWrapper,.selectWrapper select  { height:60px; }
.selectWrapper  { margin-top:30px; }
.selectWrapper select   { font-size:135%;border: 2px solid #91A289; }
button.submitQuest      { font-size: 135%;background: #B6864C;color: #ffffff;border: 0;float: left;margin-top: 30px;height: 60px;/* padding: 0px 35px; */width: 50%; }
button.submitQuest:hover,button.submitQuest:focus { background: #9c7443; }



.ui-button .ui-icon             { display: none; padding: 0; }
.ui-selectmenu-text             { margin: 0;text-align: right;padding-right: 20px;display: inline-block;vertical-align: middle;}
.ui-selectmenu-button.ui-button { background: transparent;font-family: inherit;border: 2px solid #91a289;border-radius: 0;/* height: 45px; */padding: 10px 0px;text-align: right;width: 100%;height: 60px;font-size: 135%;}
ul#drinkOrBuy-menu .ui-menu-item:first-child { display: none; }
.ui-widget { font-family: inherit; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: #92A288;
    color: #231f20;
}

/*div#ui-id-3:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/store_icon.png');display: block;position: absolute;right: 8px;width: 6px;
                    height: 24px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }


div#ui-id-4:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/restaurant_icon.png');position: absolute;right: 8px;width:9.2px;
                    height: 22px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }*/

.ui-menu .ui-menu-item-wrapper      { padding:10px 25px 4px .4em; }

/*.ui-selectmenu-text[data-index='3']:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/store_icon.png');display: block;position: absolute;right: 10px;width: 6px;
                    height: 24px;background-size: cover;top: 48%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }

.ui-selectmenu-text[data-index='4']:after { content: "";background-image: url('../../../000Frames/site/images/pointsofsale/restaurant_icon.png');position: absolute;right: 8px;width:9.2px;
                    height: 22px;background-size: cover;top: 50%;transform: translateY(-50%);-webkit-transform:translateY(-50%); }*/

.ui-selectmenu-menu { display: block;max-height: 0px;overflow: hidden;transition: max-height 550ms ease-in-out;-webkit-transition:max-height 550ms ease-in-out; }
.ui-selectmenu-open { max-height:500px; }





.startAgain { font-size: 135%;background: #B6864C;color: #ffffff;border: 0;float: left;margin-top: 30px;height: 60px;padding: 15px 0px;width: 50%;text-align: center; }
.startAgain:hover,.startAgain:focus { background: #9c7443; }

.submit-button { display: inline-block;width: 100%; }
.bottlesIcons { float: left; }
.bottlesIcons svg { height: 42px;    fill: #563F2C; }
.questionsWrapper[data-stage="1"] svg:first-child { fill:#B6864C; }
.questionsWrapper[data-stage="2"] svg:first-child,.questionsWrapper[data-stage="2"] svg:nth-child(2) { fill:#B6864C; }
.questionsWrapper[data-stage="3"] svg:first-child,.questionsWrapper[data-stage="3"] svg:nth-child(2),.questionsWrapper[data-stage="3"] svg:nth-child(3) { fill:#B6864C; }

.big-bottle-img { opacity:0;transition: all 1000ms ease-in-out;-webkit-transition: all 1000ms ease-in-out; }
.big-bottle-img { opacity:1; }

.questionsBox span,.questionsBox div { display: inline-block;vertical-align: middle;line-height:1.5; }


/****RESULTS***/

.firstSelectedWine h2 { font-size: 335%;text-align: center; margin-bottom: 250px; }
.item-box.active      { text-align: center;margin-right:10%;  }
.bottle-content       { max-width:35%;text-align:right; }
.bottle-content .wineSubHeadline    { font-size: 120%;     margin-bottom: 30px;}
.bottle-content h3    { margin-top:0; }
.bottle-link          { width:200px;margin-left:15px; }
.bottle-link a:focus  { background: #B6864C;}

.realted-items      { margin-top:100px;padding: 30px 30px 15px;margin-bottom: 10vh; }


@media(max-width:991px)  and (min-width:768px){    
  .realted-items .owl-item.active span { opacity: 1; }
}


@media (max-width: 1440px) { 
    .bottle-content  { max-width: 45%; }
    .realted-items  { margin-top:10px; }
    .realted-items  { margin-bottom:20vh; }
    #GridPage       { overflow: visible; }
}
@media (max-width: 1280px) { 
   .firstSelectedWine h2    { margin-bottom:180px; }
      .bottle-content .wineSubHeadline   { max-width:100%; }
      #SiteFooterContainer  { margin-top:-13.5vh; }
      .bottlesIcons svg { height:38px; }
}
@media (max-width: 1170px) { 
   .firstSelectedWine h2    { margin-bottom:90px; }
   .questionsWrapper    { padding-bottom:60px; }
   .bottle-content  { margin-right:90px; }
   .bottle-link { width:150px; }
   .bottle-content  { max-width:55%; }
}
@media(max-width:1024px) and (orientation:landscape) {
    .realtedItemsContainer  { max-width:75%; }
    #GridPage   { margin-top:0; }
    .questionsWrapper   { padding-bottom:100px; }
}
@media (max-width: 991px) { 
    .submit-button  { text-align:center; }
    button.submitQuest  { width:70%; float:none; }
    #GridContent #subheadline h2, #GridContent .subheadline h2  { font-size:285%; }
    .bottlesIcons svg   { height:36px; }
    .big-bottle-img { display:table-caption; }
    .bottle-content { max-width:65%; margin-right:40px; }
    .firstSelectedWine h2   {  margin-bottom: 10px; padding-top: 80px;}

   .realted-items    { margin-top:60px;padding-right:15px;padding-left:15px;width:110%; margin-right:-5%;margin-bottom:0vh; }
  .realtedItemsContainer    { margin-top:25px;max-width:none; width:108%; margin-right:-4%; }
  .realted-items img    { max-height:450px; }
  .realted-items span { opacity: 0;transition: all 450ms ease-in-out;-webkit-transition: all 450ms ease-in-out; }
  .realted-items .owl-item.active.center span { opacity: 1; }
  #SiteFooterContainer  { margin-top:-12%; }

  .questionsWrapper { padding-bottom:0; max-width: 90%;}
  #GridPage { margin-bottom:0; }
}
@media (max-width: 767px) { 
    #GridContent #subheadline h2, #GridContent .subheadline h2  { font-size:200%; }
    #lobby #body    { font-size: 115%; margin-top: 15px;max-width:95%; }
    .questionsBox   { max-width:95%; margin:auto;font-size:125%;min-height: 45px;padding: 8px 13px;  }
    .selectWrapper, .selectWrapper select,.ui-selectmenu-button.ui-button   { height:45px;padding: 5px 0px; }
    .bottlesIcons svg   { height:30px; }
    .selectWrapper select,.ui-selectmenu-button.ui-button   { font-size:125%; }
    button.submitQuest  { font-size: 125%;    width: 75%; }

  .realted-items h2 { font-size:255%; }
  .realted-items img    { max-height:300px; }
  .realted-items    { margin-bottom:3vh;padding:30px 0px 15px; }
  .realtedItemsContainer    { width: 100%;margin-right: 0%;}

  #lobby    { margin-top:30px; }
  .firstSelectedWine h2 { font-size:285%;padding-top: 20px; }
  .big-bottle-img   { display:inline-block; }
  .item-box.active  { margin-right:0;height:auto;  }
  .bottle-content   { margin-top:30px;margin-right: 0;text-align: center;max-width: 90%;}
  .bottle-link  { width:200px; }
  .questionsWrapper { padding-bottom:40px;     }
  .bottle-text  { margin-top:20px; display:inline-block; }
  #SiteFooterContainer  { margin-top:-17.5vh; }
  button.submitQuest    { height:45px;margin-top: 20px; }
  .selectWrapper    { margin-top:20px; }
  .selectWrapper:after  { transform:translateY(0); -webkit-transform:translateY(0); }
  .startAgain   { padding:12px 0px;width: 75%;height: 45px;margin-top: 20px;font-size: 125%;float: none; }
}


@keyframes fadeInBox {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}