/* Development and testing */
div.css320 {
	display: block;
}
	
div.css700 {
	display: none;
}

div.css1200 {
	display: none;
}

/* End Development and testing */

/* Cookies popup */
#popup_cookies {
}

#cookiebutton {
    padding: 0.2em 0.2em;
    bottom: 0.1em;
    right: 5.5em;
    width: 11.5em;
}

#cookiebox {
    width: 25em;
    font-size: 0.9em;
    bottom: 2em;
    left: 14em;
}

#managecookies {
    top: 6px; 
    left: 10px;
}

#cookiesetting {
    top: 20%;
    right: 25%;
    bottom: 30%;
    left: 25%;
    width: 25%;
    overflow: auto;
    height: 35%;
    margin: 0em auto;
    height: 460px;
    width: 25%;
    padding-left: 1em;
    padding-right: 1em;
    overflow-x: hidden;
}

.cookietext div.innerCookiebox{
    width: 90%; 
    margin: 0em auto 0em auto; 
}

.cookietext .textPosition{
    width: 100%;
}

.cookietext .buttonPosition {
    margin-top: 2.5%;
    float: right; 
}

.cookietext div p{
    max-width: 100%;
    padding: 0.5em;
    font-size: 0.8vw;
}

.cookietext .button03 {
    padding: 0.5em 2em;
    margin-right: 0.5em;
    margin-bottom: 1.5em;
    border-radius: 15px;
}

.cookietext .button03:hover {
}

#cookiebutton:hover {
}

/* End Cookies popup */

/* Responsive design adjustments */
div.small_screen_clear_float {
    display: block;
    clear: both;
    height: 2em;
    width: 1em;
}

.responsive_float_right {
    float: none !important;
}

div.small_screen_menu_gap {
    display: block;    
    height: 200px;
}

div.slideshow_desktop {
    display: none;
}

div.slideshow_mobile{
    display: block;
}

/* End Responsive design adjustments */

/* Html/ body */
html,body {
}

/* End Html/ body */

/* Containers */
div.content {
    width: 100%;
    bottom: 0px;
}

div.content2 {
    width: 100%;
    position: absolute;
    bottom: 0;
}

div.displayrecord01 {
    width: 100%;
}

div.giftwrap_container {
    margin-top: 2em;
    margin-bottom: 2em;
}

.backgroundmobile {
    height: 705px;
}

div.content01 {
    width: 100%;
}

div.innercontent {
    width: 85%;
    margin-top: 1em;
}

div.innercontent div.line {
    display: none;
}

div.innercontent_firstpart {
    width: 100%;
}

div.innercontent_winemasterunits {
    width: 100%;
    height: 100%;
    margin-top: -56%;
    margin-bottom: 4em;
}

div.scategory_filter {
    width: 100%; 
}

div.scategory_filter2 {
    width: 100%;
}

div.innercontent01 {
    font-size: 19px;
}

div.innercontent03 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5em;
    grid-template-columns: 98%;
    grid-row-gap: 1.5em;
    text-align: left;
}

div.innercontent03cell {
    display: flex;
    width: 100%;
    height: 5em;
    border-radius: 20px;
    border-width: 1px;
    padding-top: 2em;
    text-align: left;
}

div.innercontent03cell_a {
    flex: 0 0 20%;
    text-align: center;
}

div.innercontent03cell_a img {
    width: 70%;
}

div.innercontent03cell_b {
    font-family: GreycliffCF-Medium;
    flex: 0 0 60%;
    font-size: 1.5em;
    margin: 0em;
    padding-left: 5%;
}

div.innercontent03cell_c {
    display: block;
    padding-top: 4%;
}

div.innercontent04 {
    width: 100%;
}

div.innercontent05 {
	margin: 0px auto 0px auto;
        grid-template-columns: 100%;
        margin-top: 8em;
        margin-bottom: 6em;
}

div.innercontent06 {
    display: grid;
    align-items: center;
    grid-template-columns: 100%;
}

div.innnercontent06 div.generic_content{
    top: 1em;
}

div.innercontent07 {
    flex-direction: column;
}

div.innercontent08 {
    display: flex;
    flex-direction: column;
    margin: 0px auto 0px auto;
    width: 100%;
    margin-top: 5%;
    background-image: linear-gradient(to top, #BAA07A 85%, rgba(255, 255, 255, 0) 10%);
}

div.innercontent10 {
    width: 100%;
    margin: 0px auto 0px auto;
}

div.innercontent11 {
    width: 100%;
    margin-top: 1em;
}

div.innercontent12 {
    overflow: visible !important;
}

div.labels01_container {
    width: 100%;
}

div.signin_desktop {
    display: none;
}

div.signup_container_desktop {
    display: none;
}

div.delivery_details_desktop {
    display: none !important; 
}

div.billing_details_desktop {
    display: none !important;
}

div.shipdetails_container1 {
    width: 100%;
}

div.pagetitle_wrap {
    margin-top: 0em;
    margin-bottom: 1em;
}

div.innerparagraph {
    width:100%;
    margin: 0px auto 0px auto;
}

div.innerparagraph_winemaster {
    width: 100%;
}

div.innerparagraph_fondis {
    width: 100%;
    position: relative;
    margin-top: 12vw;
}

div.myaccountmenu_mobile {
    background: #46545F 0% 0% no-repeat padding-box;
    color: #FFF;
    padding: 1em;
    font-size: 18px;
    font-family: GreycliffCF-DemiBold;
    margin-top: -12vw;
    position: relative;
}

div.myaccountmenu_mobile2 {
    
}

#thumblist06 {
    width: 100%;
    margin-top: 0px;
}

div.purchase_record {
    width: 100%;
    margin: 0vw auto 0vw auto;
    font-size: 1vw;
    padding: 1vw 3vw;
}

div.promostrip {
    display: block;
    margin-top: 3em;
    margin-bottom: 10vw;    
}

.containerforimage {
    float: none;
    width: 60%;
} 

.containerforimageleft {
    float: none;
    width: 60%;
}

.finalphoto {
    max-width: 50% !important;
    margin-bottom: 0 !important;
}

.containerforallcontent {
    width: 100%;
}

div.slidecontent {
    width: 100%;
    height: 50em; /*90vh*/
    border-radius: 0vw 0vw 0vw 30vw;
}

.cycle-slide-active {
    right: 0;
}

div.swiper div.swiper-slide {
    width: 369px;
    height: auto;
    border-radius: 20px; 
}

div.homebox09 {
    width: 100%;
    max-height: 30em;
}

div.homebox09 img {
    width: 100%;
}

div.homebox09 div.homebox_wraplabel01 {
    width: 80%;
    height: auto;
    margin: 5% auto auto auto;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 5em;
}

div.label01 {
    display: none;
}

div.label01_edited {
    width: 100%; 
}

#productlist {
    padding-bottom: 600px;
    margin-top: 40px;
    width: 95%;
    display: static;
    margin-left: auto;
    margin-right: auto;
}

div.innercontent12 #productlist {
    overflow: visible !important;
}

ul.list2 {
    display: none;
}

ul.list3 {
    display: none;
}

#grape_list_text {
    margin-bottom: 5vw;
}

#smallcart {
    top: 0px; 
    right: 0px; 
    height: 100%; 
    padding-left: 5px;
    padding-right: 5px;
}

div.container_item {
    width: 100%;
}

div.container_price {
    position: relative;
    overflow: hidden;
    margin: 3% 2vw auto auto;
    top: 5vw;
    width: 60%;
    float: right;
}

div.summary_container {
    width: 100%;
}

div.pickupdetails_container1 {
    width: 100%;
    margin-top: 7em;
}

div.link05_container {
    float: right;
    margin: 11em 0em 1em 0em; 
    font-family: GreycliffCF-Bold; 
}

div.myaccountmenu {
    display: none;
    width: 100%;
    margin-bottom: 6vw;
    z-index: 30;
}

#AccountMenu {
    display: none;
}

div.thumbnail08_container {
    
}

div.thumbnailtitles_container {
    float: right;
    overflow: hidden;
    position: absolute;
    bottom: 3vw;
    width: 50%;
    right: 8vw
}

div.fields_container { 
    width: 100%; 
}

div.fields_innercontainer {
    overflow: hidden;
    width: 100%;
}

div.innercontent_winemaster {
    width: 100%;
}

div.arrows_container {
    width: 8em;
    margin: auto;
}

div.orderscompleted_container {
    width: 100%;
}

div.arrow_completedorder {
    display: none;
}

div.completedorder_bottleimgcontainer {
    margin-top: 3vw;
}

div.completedorder_bottleimgcontainer img {
    width: 8vw;
}

div.completedorder_thumbnailcontainer {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0vw;
}

div.completedorder_thumbnailcontainer a.link01 {
    float: right;
}

div.completedorder_thumbnailcontainer a.link01 div {
    margin-top: 0 !important;
}

div.completedorder_textcontainer {
    float: left; 
    width: 50%;  
    margin-top: 6vw; 
    margin-left: 7vw; 
}

div.completedorder_textcontainer2 {
    margin-top: 5vw;
    margin-bottom: 5vw;
    box-sizing: border-box;
    width: 100%;
}

div.deliveredtoaddress_container{
    display: none;
}

div.notes_container {
    top: 0;
}

div.buttonSaveCancel_container {
    margin-left: 5em;
}

div.review_container {
    display: none;
}

.hamburgerIcon_container {
    position: absolute;
    right: 1em;
    top: 13px;
    width: 8%;
}

div.category_tags {
    width: 20%;
    font-size: 12px;
}

/* End Containers */

/* Container contents */
div.promostrip div.promoimage {
    width: 100%;
    text-align: center;
}

div.promostrip div.promoimage img {
    height: 20vh;
    border-radius: 126px 10px 10px 10px; 
}

div.promostrip div.promotext {
    width: 100%;
    text-align: center;
    margin-top: 1em;
}

div.promostrip div.promotext2 {
    width: 100%;
    text-align: center;
    margin-top: 1em;
    font-size: 4vw; 
    letter-spacing: 4px;    
}

div.promostrip div.promotext3 {
    display: none;
}

div.promostrip div.promobutton {
    width: 100%;
    text-align: center;
    margin-top: 2em;
}

div.promostrip div.promobutton div.button04 {
    width: 14em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1em;
    padding-bottom: 1em;
    font-size: 1em;
    border-width: 2px !important;
}

div.slidecontent img {
    width: 100%;
}

div.slidecontent video {
    width: 100%;
}

div.homebox09 h1 {
    font-size: 3vw;
}

div.homebox09 h3 {
    margin-top: 8vw;
    margin-bottom: 8vw;
    font-size: 5vw;
}

div.innercontent08 div.left {
    width: 90%; 
    float: none;
    margin: auto auto auto auto;
}

div.innercontent08 div.right {
    width: 90%; 
    float: none;
    margin: auto auto auto auto;
}

div.innercontent08 div.right div.generic_content {
    font-size: 7vw;
    line-height: 10vw;
}

div.bottleimg {
    width: 20%;
}

img.bottleimg2 {
    width: 50%;
}

div.bottleinfo {
    width: 65%;
    margin-top: 3%;
    margin-left: 0;
}

div p {
    top: 0%;
}

div.shipdetails_innercontent1 {
    width: 100%;
    margin-bottom: 9px;
}

div.shipdetails_innercontent2 {
    width: 100%;
}

div.keepmeinformed_chkcontainer {
    margin-top: 1em;
}

/* End Container contents */

/* Headings */
h1 {
    font-size: 3vw;
    letter-spacing: 2px;
    margin-top: 1.5em;
    margin-bottom: 0em;
    color: #BAA07A;
}

h2 {
    text-align: center;
    font: normal normal 300 35px/38px LenoraGradePremium-Light;
    letter-spacing: 0px;
    color: #46545F;
    opacity: 1;
}

h2.labeltitle {
    font-size: 3vw;
    letter-spacing: 3px;
    font-family: GreycliffCF-DemiBold;
    font-weight: normal;
    color: #46545F;
    position: relative;
    margin-bottom: -1vw;
    text-align: left;
}

h3 {
    font-size: 7vw;
    margin: 0px auto;
}

/* End Headings */

/* Lines */
div.line {
    width: 50%; 
    border-width: 1px 0px 0px 0px; 
    margin-top: 1vw;
    margin-bottom: 3.3vw;
}

div.line_winemaster {
    width: 100%;
    margin-top: 4vw;
    border: 1px solid #D8D8D8;
    opacity: 0.7;
    margin-bottom: 3.3vw;
}

div.line_winemaster2 {
    width: 100%;
    margin-top: 13vw;
    border: 1px solid #D8D8D8;
    opacity: 0.7;
    margin-bottom: 3.3vw;
}

div.line_for_name {
    position: absolute;
    top: 150%;
    right: 0;
    width: 33%;
}

div.line_for_billingdetails {
    position: relative;
    left: 28vw;
    width: 65%;
    bottom: 3vw;
}

div.line_desktop {
    display: none;
}

div.line2 {
    clear: both; 
    height: 1em; 
}

/* End Lines */

/* Buttons and Links. */
div.receipt_button_group {
    width: 100%; 
    margin: auto;
    flex-direction: column;
}

div.receipt_button_group div {
    flex: 0 0 100%; 
    padding: 1em;
}

div.account a.button01 div {
    width: 100%;
    box-sizing: border-box;
}

div.buttonSaveCancel_container a.button01 div {
    width: 10em;
}

a.button01 {
}	

a.button01:hover {
}

a.button01 div{
    padding: 1em !important;
    font-size: 1.1em;
    width: 50%;
    letter-spacing: 3.6px;
    margin: auto;
    box-sizing: border-box;
}

a.button01 span {
}

a.button01 div:hover {
}

div.button01_download {
    margin: auto;
    width: 73%;
}

div.button01_download2 {
    width: 14em !important;
}

div.button08 {
    transition: 0.3s ease;
    opacity: 0.3;
}

div.button08_left {
}

div.button08_right {
    margin-right: 0.6em;
}

div.button08:hover {
    opacity: 1;
}

a.button13 {
  display: block;
  position: relative;
  width: 50%;
  margin: 0 auto 3em;
}

a.button13 div {
    padding: 1em;
}

a.button14 {
}	

div.innercontent05 a.button14 div {
    margin-top: 10vw;
    border-width: 2px !important;
    font-size: 1.1em !important;
}

a.button14:hover {
}

a.button14 div {
    line-height: 3.5em;
    padding-left: 2em;
    padding-right: 2em;
    font-size: 0.9em;
    background-position: 10% 50% !important;
    width: 38%;
    margin: auto;
}

a.button14 span {
}

a.button14 div:hover {
    padding-left: 3em;
    padding-right: 1em;
    background-position: 10% 50% !important;
}

a.button15 {
    margin: 0 auto 0 auto;
}

a.button16 {
}	

a.button16:hover {
}

a.button16 div{
    padding: 1em !important;
    font-size: 1.1em;
    width: 50%;
    letter-spacing: 3.6px;
    margin: auto;
    box-sizing: border-box;
}

a.button16 span {
}

a.button16 div:hover {
}


a.edit_button { 
    font-size: 18px;
    float: right;
}

div.button_save { 
    overflow: hidden;
    margin: 1em auto 1em 0em; 
}

div.button_cancel { 
    margin: 1em auto 0em 0em;
}

div.button_cancel2 {
    float: right; 
    margin: 1em auto 0em 6em;
}

/* End Buttons and Links. */

/* Thumbnails */
div.thumbnail01 {
    width: 97%;
    font-size: 0.6rem;
    display: flex;
    margin-bottom: 8vw;
    margin-top: 14vw;
    position: static;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 7em;
    position: relative;
    height: 40em;
    overflow: visible !important;
}

div.thumbnail01img {
    overflow: hidden;
    width: 260px;
    padding-top: 1em;
    text-align: center;
    position: absolute;
    left: -2em;
    top: 3em;
}

div.thumbnail01title{
/*    margin-top: 10px;
    display: block;*/
    
}

div.thumbnail01favourite {
    margin-left: -5.2vw;
    margin-top: 30%;
    opacity: 0.5;
    width: 10vw;
}

div.thumbnail01favourite:hover {
}

div.thumbnail01favourite img.addwishimg {
    padding: 3vw;
    border-radius: 50%;
    width: 4vw; 
}

div.thumbnail01cart {
    display: none;
    margin-top: 6vw;
    right: 77px;
}

div.thumbnail01cart:hover {
}

div.thumbnail01cart img.addcartimg {
    width: 50px;
    margin: 46vw 14vw 0vw 0vw;
}

div.thumbnail01cart_mobile {
    
}

div.thumbnail01cart_mobile:hover {
}

div.thumbnail01cart_mobile img.addcartimg {
    width: 50px;
    margin: 0 auto 2em auto;
}

div.thumbnail01 div.thumbnailtitle {

}

div.thumbnail01 div.thumbnailtitle2 {
    height: 2em;
}

div.thumbnailtitle{
    float: none;
    font-family: GreycliffCF-Bold;
    margin-bottom: 6vw;
    font-size: 1.9em;
}

div.thumbnail01img img {
	width: 100%;
}

div.thumbnail05 {
    width: 20vw;
    font-size: 0.5rem;
    margin: 0px 15px 0px 0px;
}

div.thumbnail05 img {
    width: 75%;
    padding: 0px;
    margin-top: 2em;
}

div.thumbnail05 div.thumbnailtitle {
    margin-top: 0.5em;
    height: 4em;
    font-size: 2em;
}

div.thumbnail05 div.thumbnailtitle2 {
    width: 100%;
    height: 4em;
}

div.thumbnail05 div.thumbnailtitle3 {
    margin-top: 0;
    font-size: 2.2em;
    top: 19em !important;
}

div.thumbnail05 div.title {
    width: 100%;
	height: 6em;
    margin: 0px 0px 5px 0px;
}
    
 div.thumbnail05 div.price {
	width: 100%;
    margin: 1px 0px 1em 0px;
    height: auto;
}
    
div.thumbnail06 {
    transition: 0.5s ease;
    width: 25vw;
    margin: 0px 20px 40px 0px;
    padding-top: 30px;
}

div.thumbnail06 div {
    transition: 0.5s ease;
    margin-top: 30px;
}

#thumblist06 .swiper-slide-active {
    transform: scale(1.2);
    margin-left: 15vw;
}

#thumblist06 .swiper-slide-active img {
    border-radius: 65% 15px 15px 15px;
}

div.thumbnail06curr {
    width: 70vw;
    padding-top: 0px;
}

div.thumbnail06curr div {
    transition: 0.5s ease;
    margin-top: 0px;
}

div.thumbnail06 img {
    transition: 0.5s ease;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border-radius: 15px;
}

div.thumbnail06curr img {
    border-radius: 160px 15px 15px 15px;
}

div.thumbnail06 div.title {
    width: 100%;
    height: 6em;
    margin: 0px 0px 5px 0px;
}

div.thumbnail07 {
    width: 354px;
}

div.thumbnail07_title {
    margin-top: 5vw;
    margin-bottom: 5vw;
 }

 div.thumbnail07 div.price {
    left: 142px;
    margin-bottom: 2vw;
    font-size: 24px; 
 }
 
.thumbnailbottle {
    display: inline-block;
    margin-top: 0vw;
    margin-bottom: 5em;
}

div.thumbnailtext01 {
    width: 60%;
    font-size: 1rem;
    position: relative;
    top: 30px;
    left: 14em;
}

div.thumbnailtitle3 {
    font-size: 2.1em;
    position: absolute;
    top: 7em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.thumbnail08 {
    margin-bottom: 5vw;
    height: 500px;
    width: 99%;
}

div.thumbnail08 div.thumbnailtitles_container {
    overflow: visible;
    top: 18vw;
    position: relative !important;
}

div.thumbnail08 div.thumbnailtitle {
    
}

@media screen and (min-width: 1024px) {
    div.thumbnail08 div.thumbnailtitles_container {
        top: 10.5em; 
        position: absolute !important;
    }    
}

div.thumbnail08 div.thumbnailtitle2 {
   top: 9em; 
   position: absolute;
}

div.thumbnail08 div.thumbnailtitle3 {
    top: 7em;
}

div.thumbnail08img {
    top: 9.5vw;
    position: absolute;
    left: 0;
}

div.thumbnail08cart {
    top: 3vw;
    left: 67vw;
}

div.thumbnail08cart img.addcartimg {
    width: 80%;
}

div.thumbnail08cart2 {
    top: 3vw;
    left: 75vw;
}

div.thumbnail08cart2 img.addcartimg {
    width: 78%;
}

div.thumbnail08favourite {
    top: 3.15vw;
    left: 59vw;
}

div.thumbnail08favourite img.addwishimg {
   padding: 12.5px;
   border-radius: 50%;
}

/* End Thumbnails */

/* Text */

.giftwrappingtext {
    font-size: 16px;
}

.pagetitle {
    text-align: left;
    font-size: 5vw;
    padding: 0.5em 0em 0.4em 0rem;
}

div.myaccount_name {
   bottom: 13vw;
}

#thumblist06text {
    display: none;
    width: 30%;
    margin-top: 80px;
    font-size: 20px;
}

#thumblist06text_mobile {
	display: block;
	width: 80%;
	margin: 3em auto 1em auto;
}

#thumblist06text2_mobile {
	display: block;
	width: 80%;
	margin: 2em auto 1em auto;
        min-height: 31em;
}

div.generic_content {
    margin: 5px 0px 0px 0px;
    font-size: 19px;
    position: relative;
    width: 100%;
}

div.generic_content h1 {
    margin-top: 5.5em;
}

div.generic_contentPDF {
    margin: 5px 0px 0px 0px;
    font-size: 15px;
    line-height: 7vw;
    width: 100%;
}


div p {
    font-size: 16px;
}

div.summary_text {
    font-size: 20px;
}

div.delivery_text {
    font-size: 20px; 
    margin-bottom: 1em;
    margin-top: 1em;
}

div.label01_text {
    width: 100%;
}

div.shipping_after_payment_text {
    font-size: 18px;
}

div.shipdetails_titletext {
    font-size: 18px;
}

div.shipdetails_text {
    font-size: 18px;
}

div.first_name_text {
    margin-right: 5px;
}

div.last_name_text {
    margin-right: 5px;
}

div.email_text {
    margin-right: 5px;
}

div.phone_text {
    margin-right: 5px;
}

div.deliverynote_text {
    margin-right: 5px;
}

div.itemname_text {
    font-size: 18px;
}

div.labelpackaging_text {
    font-size: 16px;
}

div.itemtotal_text {
    font-size: 18px;
}

div.total_text {
    font-size: 18px;
}

div.billingdetails_text {
    margin-top: 5em
}

div.similarproduct_titletext {
    width: 80%;
    margin: auto;
    margin-bottom: 2em;
}

div.ordernumber_text {
    display: none;
}

div.total_completedorder {
    float: right;
    font-size: 16px;
    margin-right: 10px
}

div.orderplaced_text {
    font-size: 16px;
    margin-left: 10px;
}

div.buyagain_text {
    float: left;
}

div.completeallfields_text {
    position: relative; 
    width: 100% 
}

#menu_small .mobile_menu_item_top {
    animation: fadeInMobileMenu 5s forwards;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
}

#menu_small.fadeout .mobile_menu_item_top {
    animation: fadeOutMobileMenu 2s forwards;
    opacity: 1;
    max-width: 2000px;
    max-height: 500px;
}

#menu_small .mobile_menu_item_footer1 {
    animation: fadeInMobileMenu 5s forwards;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
}

#menu_small.fadeout .mobile_menu_item_footer1 {
    animation: fadeOutMobileMenu 2s forwards;
    opacity: 1;
    max-width: 2000px;
    max-height: 500px;
}

#menu_small .mobile_menu_item_footer2 {
    animation: fadeInMobileMenu 5s forwards;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
}

#menu_small.fadeout .mobile_menu_item_footer2 {
    animation: fadeOutMobileMenu 2s forwards;
    opacity: 1;
    max-width: 2000px;
    max-height: 500px;
}

#menu_small .mobile_menu_item {
    animation: fadeInMobileMenu 5s forwards;
    opacity: 0;
    max-width: 0px;
    max-height: 0px;
}

#menu_small.fadeout .mobile_menu_item {
    animation: fadeOutMobileMenu 2s forwards;
    opacity: 1;
    max-width: 2000px;
    max-height: 500px;
}

/* Delay each item's animation */

#menu_small .mobile_menu_item_top { animation-delay: 0s; }

#menu_small .mobile_menu_item_footer1 {animation-delay: 3.4s}

#menu_small .mobile_menu_item_footer2 {animation-delay: 3.8s}

#menu_small a.link01:nth-child(1) .mobile_menu_item { animation-delay: 0s; }
#menu_small a.link01:nth-child(2) .mobile_menu_item { animation-delay: 0.2s; }
#menu_small a.link01:nth-child(3) .mobile_menu_item { animation-delay: 0.4s; }
#menu_small a.link01:nth-child(4) .mobile_menu_item { animation-delay: 0.8s; }
#menu_small a.link01:nth-child(5) .mobile_menu_item { animation-delay: 1s; }
#menu_small a.link01:nth-child(6) .mobile_menu_item { animation-delay: 1.2s; }
#menu_small a.link01:nth-child(7) .mobile_menu_item { animation-delay: 1.4s; }
#menu_small a.link01:nth-child(8) .mobile_menu_item { animation-delay: 1.6s; }
#menu_small a.link01:nth-child(9) .mobile_menu_item { animation-delay: 1.8s; }
#menu_small a.link01:nth-child(10) .mobile_menu_item { animation-delay: 2s; }
#menu_small a.link01:nth-child(11) .mobile_menu_item { animation-delay: 2.2s; }
#menu_small a.link01:nth-child(12) .mobile_menu_item { animation-delay: 2.4s; }
#menu_small a.link01:nth-child(13) .mobile_menu_item { animation-delay: 2.6s; }
#menu_small a.link01:nth-child(14) .mobile_menu_item { animation-delay: 2.8s; }
#menu_small a.link01:nth-child(15) .mobile_menu_item { animation-delay: 3s; }
#menu_small a.link01:nth-child(16) .mobile_menu_item { animation-delay: 3.2s; }
#menu_small a.link01:nth-child(17) .mobile_menu_item { animation-delay: 3.4s; }
#menu_small a.link01:nth-child(18) .mobile_menu_item{ animation-delay: 3.6s; }

#menu_small.fadeout .mobile_menu_item_top { animation-delay: 3.6s; }

#menu_small.fadeout .mobile_menu_item_footer1 {animation-delay: 0.2s}

#menu_small.fadeout .mobile_menu_item_footer2 {animation-delay: 0s}


#menu_small.fadeout a.link01:nth-child(1) .mobile_menu_item { animation-delay: 3.6s; }
#menu_small.fadeout a.link01:nth-child(2) .mobile_menu_item { animation-delay: 3.4s; }
#menu_small.fadeout a.link01:nth-child(3) .mobile_menu_item { animation-delay: 3.2s; }
#menu_small.fadeout a.link01:nth-child(4) .mobile_menu_item { animation-delay: 3s; }
#menu_small.fadeout a.link01:nth-child(5) .mobile_menu_item { animation-delay: 2.8s; }
#menu_small.fadeout a.link01:nth-child(6) .mobile_menu_item { animation-delay: 2.6s; }
#menu_small.fadeout a.link01:nth-child(7) .mobile_menu_item { animation-delay: 2.4s; }
#menu_small.fadeout a.link01:nth-child(8) .mobile_menu_item { animation-delay: 2.2s; }
#menu_small.fadeout a.link01:nth-child(9) .mobile_menu_item { animation-delay: 2s; }
#menu_small.fadeout a.link01:nth-child(10) .mobile_menu_item { animation-delay: 1.8s; }
#menu_small.fadeout a.link01:nth-child(11) .mobile_menu_item { animation-delay: 1.6s; }
#menu_small.fadeout a.link01:nth-child(12) .mobile_menu_item { animation-delay: 1.4s; }
#menu_small.fadeout a.link01:nth-child(13) .mobile_menu_item { animation-delay: 1.2s; }
#menu_small.fadeout a.link01:nth-child(14) .mobile_menu_item { animation-delay: 1s; }
#menu_small.fadeout a.link01:nth-child(15) .mobile_menu_item { animation-delay: 0.8s; }
#menu_small.fadeout a.link01:nth-child(16) .mobile_menu_item { animation-delay: 0.4s; }
#menu_small.fadeout a.link01:nth-child(17) .mobile_menu_item { animation-delay: 0.2s; }
#menu_small.fadeout a.link01:nth-child(18) .mobile_menu_item{ animation-delay: 0s; }

div.ourSelection_text {
    font-size: 1.5vw;
}

div.ourFineWines_text {
    font-size: 3.5vw;    
}

div.newIn_text {
    font-size: 1.2vw;
}

div.regionname_text {
    font-size: 1.2vw;
    line-height: 2.5vw;
}

div.Regiontext {
    
}

div.thumblist02text_1 {
    font-size: 11vw;
    margin-top: 1em;
}

div.OurPopularRegions_text {
    font-size: 6vw !important;
}

.ItemName_text {
    font-size: 4.5vw;
}

div.regionmain_text {
    line-height: 5vw;
}

div.newestproducer_text {
    line-height: 5vw;
}

div.deliveredtoaddress_text {
    margin-top: 13vw;
    line-height: 35px;
}

.notes_textTitle {
    margin-left: 0.8em;
}


/* End Text */

/* Backgrounds and styles */
div.rightsemicirle {
    width: 30%;
    height: 40vh;
    right: 0px;
    border-radius: 40% 0px 0px 40%;
    display: none;
}

div.checkbox_container input[type='checkbox'] {
    width:30px;
    height:30px;
    background:white;
    border:1px solid #555;
    float: left;
    margin-right: 3vw;
}

div.checkbox_container input[type='checkbox']:checked:after {
    color: #a89577;
}

#deliveryoption_ctit_id_no {
    margin: 0 3vw 0 0;
}

.distancebetweenarrow1 {
    position: absolute;
    left: 61vw;
}

.distancebetweenarrow2 {
    position: absolute;
    left: 61vw;
}

/* End Backgrounds and styles */

#wrap_hourglass {
    width: 116px;
    height: 204px;
    top: 37%;    
}

div.backtotop {
    width: 93%;
    height: 1.5em;
    bottom: 1em;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


#popup_newsletter2 {
    width: 100%;
    height: 100%; 
    left: 0%;
    top: 0%;
    overflow-x: hidden;
    overflow-y: auto;
}

img.popup_image{
    margin-top: 10vh;
    height: 15vh;
}

#popup_newsletter2 div {
    font-size: 0.9em;
}

#popup_newsletter2 p {
    width: 70%;
    margin: 0px auto;
    font-size: 0.8em;
    padding-top: 14px;
    margin-bottom: 4vh;
}

#popup_newsletter2 input {
    /*width: 4rem;*/
    margin: 0px;
    font-size: 0.4rem;
    padding: 0.3em 0.3em 0.4em .3em;
    margin-left: 5%;
    margin-bottom: 10px;
}

div.popup_newsletter_inner2{
    width: 90%;
    margin:0px auto;
    padding-top:.5%; 
}

button.btn_alert1 {
    float: none;
    width: 45%;
    margin: 0px auto; 
    border-width: 1px;
    font-size: 18px;
    padding: 4vh 7vw;
}

div.popup_newsletter_inner_info{
    width: 100%; 
    margin: 0px auto; 
    padding-bottom: 2%;
}


p.popup_newsletter_terms{
    font-size: 9px; 
    line-height: .5em; 
    
}

p.popup_newsletter_cookies{
    font-size: 0.5em; 
    margin-top: 0.3em; 
    margin-bottom: 0.5em; 
}

div.popup_newsletter_inner_photo{
/*    width: 38%; 
    float: right;*/
}

p.popup_newsletter_inner_title{
    font-size: 0.6em;
}

p.popup_newsletter_inner_text{
    width: 60%;
    font-size: 0.8em;
    line-height: 1.5em; 
    margin-top: 1em; 
    margin-bottom: 0.5em;
}

/*Pop up message*/

    /* Outer */
    .modal {
        padding-top: 100px; /* Location of the box */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
    }

    /* Modal Content */
    .modal-content {
        margin: auto;
        width: 55%;
        border-radius: 5px;
        border: 2px solid #888;
        font-size:14px;

    }
    
        /*Modal Iamge*/
        .modal-image{
            overflow: hidden; 
            width: 50%; 
            margin: 0px auto;
            font-size:20px;
        }
        
        .modal-image img{
            margin:0px auto 0px 0px;
            width:25%;
        }
        .modal-image p{
            font-size: 25px;
        }
        
        /*Modal Heater*/
        .modal-header{
        border-radius: 3px;
        padding: 5px 16px;
        font-size:2px;
        }
        .modal-header >span{
            margin-left:-6px;
        }

        /*Modal Footer*/
        .modal-footer{
        border-radius: 1px;
        padding: 5px 16px;
        }

    /* The Close Button */
    .close {
        font-size: 25px;
    }

    /* Add Animation */
    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }

    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:1}
    }

    .modal-body {padding: 25px 0px;}



/*End pop up message*/

div.header {
    transition: 0.5s ease;
    position: fixed;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0em;
    z-index: 1800;
    /*background: none;*/
    background: #fff;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: rgba(14,12,13, 0.18);
}

div.header_mobilescroll {
    background: #fff;
}

div.quantityheader {
    display: none;
}

div.totalheader {
    display: none;
}

div.selectionheader {
    font-size: 20px;
}

div.header img.logo {
	width: 100%;
}

div.homelogo{
    display: none;
}

div.mobile_homelogo {
    display: block;
    width: 53%;
}

div.footer_round_logo {
    height: 86px;
    width: 86px;
    border-radius: 50%;
    margin-top: -66px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    padding: 1em;
}

div.headerbox01 {
    width: 25%;
    /*display: none;*/
    overflow: hidden; 
    float: left; 
    margin-top: 2rem; 
    font-size: 0.5rem; 
}

div.headerbox02 {
    display: none;
    overflow: hidden; 
    float: left; 
    margin-top: 0.1rem; 
    margin-right: 0.2rem; 
    font-size: 0.7rem;
}

div.footer {
    overflow: hidden;
    width: 100%; 
    margin:0 auto;
    margin-top: 0%;
}

div.footercontent {
    width: 100%;
    padding-top: 1em;
}

div.footerseparator {
	display: none;
}

div.footer2 {
	width: 95%; /*298px*/
        padding-bottom: 1.5em;
}

div.footer2 .title {
	width: 180px;
	margin-bottom: 5px;
}

div.footerbox {
    margin-top: 1em;
    width: 100%;
    line-height: 1.2rem;
}

div.footerbox01 {
	width: 95%;
}

div.footer3 {
	font-size: 0.6rem; 
}

div.footer3 img {
	height: 15px;
}



/*Social Icon*/
	div.social-icon {
            width: 8%;
            margin-top:.9%;
            float: right;
	}
        div.social{
            width: auto;
            margin-top: 25px;

        }
        div.socialbox{
            width: auto;
        }
        div.mini{
            width: auto;
        }
        .socialbox >ul{
           width: 20%;
            list-style-type: none;
            margin: 1% 0% 0% 0%;
            overflow: hidden;
            width: 100%;
            padding: 0px 0px 0px 0px;
        }
        .socialbox >ul li{
            display: inline;
            overflow: hidden;
            float: left;
           
           padding: 0px 13px 0px 0px;
        }
        .socialbox >ul >li >a >img {
            width: 100%;
        }
         .mini >ul{
           width: 20%;
            list-style-type: none;
            float: left;
            overflow: hidden;
            width: 100%;
            padding: 0px 0px 0px 0px;
        }
        .mini >ul li{
            display: inline;
            overflow: hidden;
            float: left;
           
           padding: 0px 13px 0px 0px;
        }
           

            /*Li Skype*/
            li.skype{
                width: 28%; 
            }
        /*End Social Icon*/
        
        /*Up Footer */
        .footer-up{
            width: 100%;
            margin: 15% 0 0 0;
        }
    
        .inline-div{
            width:100%;
            font-size:2.7vw;
            text-align: left;
            padding-left: 5vw;
        }
         
        .inline-div h4 {
            letter-spacing: 3px; 
        }
        
        .inline-div2 {
            display: none;
        }
        
        .inline-div_mobile {
            width: 100%;
            font-size: 2.7vw;
            text-align: left;
            padding-left: 5vw;            
        }
        
        .inline-div_mobile h4 {
            letter-spacing: 3px;            
        }        
        
        .newsletter{
            display: none;
            width:100%;
            font-size:12px;
            text-align: center;
            margin-bottom: 5%;
         }
        
         .newsletter_mobile {
            width:100%;
            font-size:20px;
            text-align: center;
            margin-bottom: 5%;
            background: #231F20;
         }
         
         .list{
            text-align: left;
            padding-left: 0%;
         }
         
         .list li {
            padding: 2vw 0 2vw 0;
         }
         
         .list >li >a{

         }
         
         .list2 >li {
            padding: 2vw 0 2vw 0;
         }
         
         .list3 >li {
            padding: 2vw 0 2vw 0; 
         }
         
         .list3 {
             line-height: 4.3vw;
         }
         
         div.newsletter_submit {
             border: 0px;
             padding: 2%;
             width: 96%;
         }

         /*newsletter_input*/
         div.newsletter_input{
             width: 96%; 
         }
         /*End newsletter_input*/

         input.newsletter_textInput {
             width: 100%;
            height: 2em;
            border-radius: 0px;
            font-size: 14px;
            margin-bottom: 3%;
         }
         
    /*End Up Footer */
    
    
    /*Footer Down*/
    
        div.footer_down{
            height: 85px; 
            width: 100%;
            margin: 0;
        }

	/*Footer Details*/
	div.footer_details{
		width: 100%;

	}
	/*Footer Details*/

	/*Stay Info Image*/
	div.stayinfo{
		width: 30%;
		margin-top: 1%;
	}
	/*End Stay Info Image*/

	/*Footer Box*/
	div.footerbox{
		width: 99%;
		margin-left:1%;
                margin-top: 0%;
	}
	/*End Footer Box*/
        
        /*Footer Copyright*/
        div.protuction{
            margin-left: 2%; 
            font-size: .7vw;
        }
        /*End Footer Copyright*/
        
        /*NewsLetterBox*/
        div.newsletterbox{
          margin-left: 1%; 
          margin-top: 1%; 
          width: 39%; 
        }
        /*End News Letyterbox*/
        
        /*Footerimagebox*/
        div.footerimagebox{
           width: 60%; 
           margin-top: 1%;
          
        }
        /*End footerimagebox*/
        
        
        
        a.footermenuText02 {
            color: #848483; 
            font-size: 1vw;
        }
        
        div.followus {
	font-family: helvetica; 
	color: white; 
	font-size: 14px;
        }

        div.bottom_leftImage {
                width: 28%;
                left: 0%;
                top:4%;
        }
        img.jcc{
            width: 28%;
        }
        img.visa{
            width:  28%;
        }
        img.paypal{
            width: 10%;
        }
        

        div.bottom_rightImage {
                width: 8%;
                left: 0%;
                top:0%;
        }

        div.bottom_leftText {
                /*margin: 0px auto;*/
                font-size: 12px;
                margin-right: 6%;
        }
    /* End Footer Down*/
    
    
    /* popup_subscribe*/
    .ropot_box{
        width: 100%; 
        overflow: hidden; 
        /*height: 3em;*/
    }
    
    .popup_subscribe{
        width: 90%;
        height: 15%; 
        display: none; 
        position: absolute;  
        z-index: 1000; 
        background: #ececec;
        border-style: solid; 
        border-width: 1px; 
        border-color: #cccccc; 
        border-radius: 5px; 
        margin-top: 100%;
        padding: 2%;
    }
    .button_subscribe{
        padding: 0px 0px 0px 0px; 
        cursor: pointer; 
        font-size: 12px; 
        color: white; 
        font-weight: normal; 
        font-family: Arial;
        width: 17%; 
        height: 3em; 
        border-style: none; 
        margin: 0px auto; 
        background-color: #0459b2; 
        margin-top: 2%; 
        border-radius: 20% 15%; 
        text-align: center;
        -webkit-appearance: none;
    }
    
    .g-recaptcha{
        width: 320px; 
        overflow: hidden;
    }
    /* End Popup_subscribe*/


div.header_content {
    width: 60%;
    display: none;
}

div.header_content h1 {
    font-size: 3vw;
    letter-spacing: 2px;
}

div.header_content h2 {
    margin: 0px;
    font-size: 50px;
    color: #46545F;
}

div.item_characteristic_row {
    padding: 3.9vw 0px 3.9vw 0px;   
    font-size: 2.9vw; 
}

div.item_characteristic_row div{
    display: flex;
    line-height: 4.5vw;
}

/* Begin News */

div.imagenews{
        width: 33%; 
        margin: 1% 1% 0% 1.5%;
    }
    
div.textnewstitle{
    width: 60%; 
    margin-top: 2%;
    z-index: 1000;
    font-size: 15px;
}
div.textsubtitle{
    font-size: 12px;
    margin-top: .5%;
    margin-bottom:  .5%;
}

div.textcontetnews{
        width: 60%; 
        height: 101px;
        margin-top: 2%;
        z-index: 1000;
        font-size: 10px;
    }
    
    
div.category_sortingPaginationRight{
    overflow: hidden; 
    height: auto; 
    width: 30%;
    float: right;
    margin-top:10%;
}
div.category_dropdownHeaders {
	font-size: 0.7rem;
	line-height: 20px;
	margin-right: 8%;
}
  
form.category_pagination {
	font-size: 0.7rem; 
	line-height: 20px; 
}

a.arrowpageprev>img {
            height: 15px;
    }
    
    
    a.arrowpagenext>img {
            height: 15px;
    }
    div.newstitle {
        margin: 0px auto;
        margin-top: 2%;
        margin-bottom: 2%;
        width: 90%;
        font-size: 1.5em;
    }
    
    
    div.newstext {
        margin: 0px auto;
        margin-top: 2%;
        width: 90%;
        font-size: .7em;
        min-height: 240px;
    }
    
    
/* End News*/

div.content ul {
	margin: 1rem 0rem 0rem 0rem;
        padding-left: 15px;
}

div.footer-up ul {
    padding-left: 0 !important;
}

div.category_filter {
    width: 100%;
    
}

img.categoryimage{
  

}

.topnav {
    float: left;
    width: auto;
    height: auto;
    margin: 0 auto;
}
.topnav a {
  font-size: 17px;
}
.topnav a:hover {
}

.topnav a.active {

}

.tablinks{
    transition: 0.3s;
    font-size: 17px;
    width: 100%;
    height: 100%;
    margin-right: .5%;
    margin-bottom: 15%;

}

.tablinks:hover{
    opacity: 1;
}


.tablinkslast{
    transition: 0.3s;
    font-size: 17px;
    width: 100%;
    height: 170px;
    margin-bottom: 15%;

}

.tablinkslast:hover{
    opacity: 1;
}



div.account div.leftpane {
    float: right;
    width: 98%;
    padding: 2em 0em 2em 2em;
}

div.account div.rightpane {
    float: none;
    width: 100%;
    padding: 2em 2em 2em 2em;
}

div.account div.label01 {
    padding-top: 0.5em;
    font-size: 1.1em;
}

div.accountbutton{
    padding-right: 1rem; 
    padding-left: 2vw;
    width: 100%; 
    height: 64px;
    margin-bottom: 1%; 
}

div.leftpane01 {
	width: 170px;
	min-height: 10em;
	margin: 15px 0px 15px 10px;
}

div.leftpane02 {
	width: 100%; 
        display: none;
	/*height: 602px;*/ 
}

div.leftpane02_mobile {
    width: 100%
}

div.leftpane04 {
    display: none;
}

div.leftpane04_mobile {
    
}

div.g-recaptcha >div {
    float: right;

}
div.recaptchabox{

}

.g-recaptcha {
    
}

div.midpane02 {
	width: 98%; 
	margin: 0px 1% 0px 1%;
}

div.rightpane02 {
	width: 98%;
	margin: 0px 1% 0px 1%;
        display: none;
}

div.rightpane02_mobile{
    width: 98%;
    margin: 0px 1% 100px 1%;
}


div.rightpane03 {
    width: 100%; 
}

div.details_wishlistContainer { 
    width: 100%;
    height: 53px;
    font-size: 0.7em;
    border-width: 1px;
    margin-top: 70px;
    margin-bottom: 6px;
    top: 8vw;
    left: 77vw;
    position: absolute;
}

div.details_wishlistContainerinner{
    width:100%; 
    overflow: hidden; 
    display: table-cell;
    padding: 4px 10px 4px 10px;
    text-align: center;
    vertical-align: middle; 
}


div.details_wishlistText {
    font-size: 1.2em;
    margin-top: 3%;
    margin-left: 3%;
    display: none;
}

div.details_orderContainer { 
    display: none;
}

div.details_orderContainer_mobile {
    width: 50% !important;
    height: 100px;
    font-size: 0.7em;
    border-width: 1px;
    top: 38vw;
    position: relative;
}

div.summary_container div.details_orderContainer_mobile {
    top: -10vh;
}

div.details_orderContainerinner{
    width:100%; 
    overflow: hidden; 
    padding: 63px 15px 24px 28px;
    text-align: left;
    
}

div.details_orderContainerinner_mobile{
    width: 100%;
    overflow: hidden;
    padding: 125px 15px 24px 28px;
    text-align: left;
    position: relative;
    bottom: 10vw;
}

#current_image {
	width: 100%;
}

#current_image_wrap {
	width: 100%; 
}


/* Main menu. */
div.wrap_mobilemenu {
    cursor: pointer;
    display: block !important;
}


div.buttonMenu {
    width: 95%;
    display: block;
}


div.buttonMenu >img {
    width:100%;
}

#menu_small {
    right: .1em;
    width: 160px;
}

div.small a.link01 {
    font-size: 1.6em !important; 
} 

/* End Main menu. */



/* Box Producer and Grape */

div.details_alsoboughtContainer {
	margin: 0px auto 18px auto;
}

div.details_alsoboughtTitle {
        width: 20%;
	font-size: 1.5em;
        
}

div.details_ProducerTitle{
    font-size: 1.5em;
    margin:15px auto;
}

div.details_GrapeTitle{
    font-size: 1.5em;
    margin:15px auto;
}


div.details_alsoboughtItemContainer {
	width: 100%;
	margin: 0em 1em 0em 0em;
}

div.details_alsoboughtImg {
	display: none;
}

div.details_alsoboughtImg_mobile {
        width: 100%;
        float: none;
        margin:0px auto 1em auto;
}

div.category_breadcrumbTitle {
	font-size: 2em;
}

div.category_breadcrumbText {
	font-size: 2em;
}

div.category_breadcrumbBkg1 {
	margin-top: 0px; 
/*	border-bottom: 35px solid #292a2b;  */
	border-right: 25px solid transparent;
	height: 0; 
	width: 497px;
}

div.category_container2{
    width: 49%;
    text-align: center; 
    float: right; 
    position: absolute;
    margin-left: 46.7%;
}

div.details_alsoboughtText {
	font-size: 0.9rem; 
	padding: 0em;
}

div.producer_list{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    margin-top:1%;
    margin-bottom:4%;
}

div.grape_list{
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    margin-top:1%;
    margin-bottom:4%;
}

a.viewproduser div {
    
    text-align: center;
    text-decoration: none;
    /*border-style: solid;*/
    /*border-width: 1px;*/
    cursor: pointer;
}

div.viewproduser{
    width: 20%;
    position: relative;
    padding: 15px 0px 15px 0px;
    vertical-align: middle;
    line-height:1.2em;
    margin:0px auto;
    font-size: 20px;
}

div.details_orderText {
	font-size: 1.2em;
        margin-top: 3%;
}

img.orderimg{
    position: absolute;
    background: #BAA07A;
    border-radius: 50%;
    padding: 7px;
    bottom: 26em;
    left: 0;
    width: 20%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
}

img.orderimg2{
    position: absolute;
    background: #BAA07A;
    border-radius: 50%;
    padding: 7px;
    bottom: 30em;
    left: 0;
    width: 20%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
}

img.orderimg3{
    position: absolute;
    background: #BAA07A;
    border-radius: 50%;
    padding: 7px;
    bottom: 30em;
    left: 0;
    width: 20%;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;    
}

/* END Box Producer and Grape*/


#current_image {
	width: 100%;
}

#current_image_wrap {
	width: 100%; 
}

div.toppagination {
    display: none;
}

div.bottompagination {
}

div.pagenumber{
}

div.category_sortingPagination{
    width: 50%;
    margin-right: 0.5%;
    overflow: hidden;
    position: relative;
    float: left;
}


div.category_dropdownHeaders {
	font-size: 10px;
	margin-right: 5px;
        overflow: hidden;
        position: relative;
        float: left;
}

div.category_sortingContainer {
	width: 120px;
	
}

select.category_dropdown01 {
	font-size: 12px;
        width: 99%;;
        padding: 1px 0px 0px 0px;
        background: white url(../image/arrowDown.png) no-repeat 95% center;
        margin-left: .5%;
}

.categories {
    line-height: 7vw;
}

/*Left Menu */
div.searchbox{
    width: 100%;
    
}


div.category_dropdownContainer {
	width: 32%; 
	/*margin-top: 30px;*/
        /*height: 45px;*/
}

div.innermenu{
    width: 100%;
    float:left;
    margin: 0px auto 0px auto;
}

div.parentcategory{
    font-size: 0.9em;
    margin-bottom: 6%;
    width: 90%;
    border: 2px solid #C9C9C9;
    padding: 13px;
    position: static;
}

div.parentcategory>img{
    width: 14px;
}


div.guide{
    width: auto;
    margin-top: 1%;
    font-size: 0.7em;
}

div.guide h1 {
    margin: 0px;
    padding: 0px;
    font-size: inherit;
    font-weight: inherit;
}


div.containercheckbox > input{

position: relative;
display: inline-block;
margin-right: 10px;
width: 20px;
height: 20px;
background: #5ac5c9;
position: absolute;
top: 3px;
left: 27px;
border-left: 2px solid
black;
border-bottom: 2px solid
black;
height: 6px;
width: 13px;
transform: rotate(-45deg);
  
}
.main { 
        display: block; 
        position: relative; 
        cursor: pointer; 
        /*font-size: 20px;*/ 
    } 

    /* Hide the default checkbox */ 
    .main input[type=checkbox] { 
        /*visibility: hidden;*/ 
        margin: 0px;
    } 

    
    /* Creating a custom checkbox 
    based on demand */ 
    .geekmark { 
        position: absolute; 
        top: 0; 
        left: 0; 
        height: 20px; 
        width: 20px; 
        background-color: white; 
        border: solid 1px #c1c1c3;
    } 

    /* Specify the background color to be 
    shown when hovering over checkbox */ 
    .main:hover input ~ .geekmark { 
        background-color: #c1c1c3; 
    } 

    /* Specify the background color to be 
    shown when checkbox is active */ 
    .main input:active ~ .geekmark { 
        background-color: #c1c1c3; 
    } 

    /* Specify the background color to be 
    shown when checkbox is checked */ 
    .main input:checked ~ .geekmark { 
        background-color: #c1c1c3; 
    } 

    /* Checkmark to be shown in checkbox */ 
    /* It is not be shown when not checked */ 
    .geekmark:after { 
        content: ""; 
        position: absolute; 
        display: none; 
    } 

    /* Display checkmark when checked */ 
    .main input:checked ~ .geekmark:after { 
        display: block; 
    } 

/* Thumb lists/ scroll lists. */

	/* Single item thumb images. */
	#thumblist01 {
		width: 160px; 
                text-align: center;
		/*height: 490px;*/
	}

	#thumblist01 img {
		width: 70%;
                margin: auto;
		/*height: 160px;*/
	}

	/* Home page new in thumb images. */
	#thumblist02_wrap {
        width: 100%; 
        height: 524px;
        margin-top: 3em;
    }
        
    #thumblist02banner {
		width: 219px;
		height: 210px;
	}

	#thumblist02banner img {
		width: 100%;
		height: 100%;
	}
	
	#thumblist02left {
	    display: none;
	}

	#thumblist02left img {
		width: 50px;
		height: 50px;
	}
	
	#thumblist02right {
	    display: none;
	}
	
	#thumblist02right img {
		width: 50px;
		height: 50px;
	}

	#thumblist02left_mobile {
            
	}

	#thumblist02left_mobile img {
		height: 60px;
	}
	
	#thumblist02right_mobile {
            
	}
	
	#thumblist02right_mobile img {
		height: 60px;
	}
        
    #thumblist02text {
            display: none;
	}
	
    #thumblist02text_mobile {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
	}
        
	#thumblist02 {
        width: 100%;
        /*height: 500px;*/
        margin: 0em 0em 0px 0px;
        white-space: nowrap;
	}
        
    div.thumblistinner02 {
            width: 210px;
            margin: 0px;
	}

    .thumblist02item {
        width: 290px;
        height: 23vw;
        margin: 0px 15px 0px 0px;
	}
    
    #thumblist02 .swiper-slide-active {
        transition: 0.5s ease;
        transform: scale(1.2);
        margin-top: 0;
        /*margin-left: 2vw;*/
    }
    
    #thumblist02 .swiper-slide-active img {
        /*border-radius: 45% 15px 15px 15px;*/
    }
    
    #thumblist02 .swiper-slide-active div.thumbnail02 {
        margin-top: 60px;
    }
    
    #thumblist02 .swiper-slide-active div.title {
        height: 5em;
    }
    
    div.thumbnail02 {
    width: 27vw;
    height: 380px;
    margin: 70px 2vw 0px 0vw;
    }

    div.thumbnail02bck {
        width: 100%; 
        height: 303px;
        bottom: 0px;
    }

    div.thumbnail02bck_round {
        border-radius: 0px 0px 0px 0px;
    }
    
	div.thumbnail02img {
	    /*height: 213px;*/
	}
    
	#thumblist02 img {
            max-width: 100%;
            width: 130px;
            padding: 0px;
            margin-bottom: 5vw;
	}
         
    #thumblist02 div.title {
        width: 90%;
        height: 7em;
        margin: -3vw auto 0 auto;
        font-size: 0.8em;
        letter-spacing: -0.36px;
	}
         
    div.thumbnail02 div.thumbnailtitle2 {
        height: 2em;
    }
    
    div.thumbnailtitle2 {
        width: 100%;
        font-size: 22px;
        position: relative;
	}
         
     #thumblist02 div.price {
        width: 100%;
        margin: -3px 0px 1px 0px;
        height: auto;
        font-size: 0.9em;
	}
        
    #thumblist02 div.button05 {
        width: 65%;
        padding-top: 13px;
        padding-bottom: 13px;
        margin: 0px;
        font-size:12px;
	}
    /* End Home page new in thumb images. */
        
	/* Single product producer thumb images */
	#thumblist03 {
        position: relative;
        overflow-x: scroll; 
        overflow-y: hidden;
        float: left;
        width: 100%;
        white-space: nowrap;
        -ms-overflow-style: none;
        scrollbar-width: none;
	}
	
	div.thumbnail03 {
        height: 547px;
        margin-bottom: -17vw;
	}
	
	div.thumbnail03 img {
		width: auto;
		height: 75%;
	}

	#thumblist03left {
		top: 35%; 
		left: 2%;
	}

	#thumblist03left img {
		width: 50px;
		height: 50px;
	}
	
	#thumblist03right {
		top: 35%; 
		right: 2%;
	}
	
	#thumblist03right img {
		width: 50px;
		height: 50px;
	}
	
	/* End Single product producer thumb images */
        
        /* Home page producer section */    
        div.producer_image {
        }

        div.producer_image_visible {
        }

        #producer_image1.producer_image {
            display: none;
        }

        #producer_image2.producer_image {
            width: 85%;
            left: 50%;
            top: 0;
        }

        #producer_image3.producer_image {
            width: 60%;
            top: 50vh;
        }

        #producer_image1.producer_image.producer_image_visible {
            top: 10vh;
            left: 0;
        }

        #producer_image2.producer_image.producer_image_visible {
            top: 10%;
            left: 0;
            height: 55vw;
        }

        #producer_image3.producer_image.producer_image_visible {
            top: 29%;
            right: 0;
        }

        span.producer_label {
            display: none;
        }

        div.producer_image_visible span.producer_label {
            opacity: 1;
        }

        #producer_shape1.producer_image {
            width: 20vh; 
            height: 17vh; 
            top: -10vh;
            border-radius: 0px 196px 0px 0px; 
        }

        #producer_shape1.producer_image.producer_image_visible {
            top: 5%;
            right: 1%;
        }

        #producer_shape2.producer_image {
            display: none;
        }

        #producer_shape2.producer_image.producer_image_visible {
        }

        div.producer_text_container {
            width: 80%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 40vh;
        }
        
        @media screen and (min-width: 1000px) {
            div.producer_text_container {
                margin-top: 75vh;
            }
            
            div.producer_text_container h2 {
                margin-top: 0vw !important;
            }
        }
        
        @media screen and (min-width: 800px) {
            div.producer_text_container {
                margin-top: 70vh;
            }
            
        }
        
        div.producer_text_container div.button01 {
            float: none;
            width: 15em;
            margin-left: auto;
            margin-right: auto;
        }
        
        div.producer_text_container h2 {
            font-size: 8vw;
            line-height: 11vw;
            text-align: left;
            margin-top: 0vw;
            margin-bottom: 2vw;
        }
        
        /* End Home page producer section */
     
        
div.details_wishlistContainerinner img {
    width: 15px;
}
        
/* End Thumb lists/ scroll lists. */

div.containerup{
    width: 100%; 
    height:101px;
    margin-top: .5em;
    
}

p.itemname{
    font-size: 20px; 
    margin-bottom: -13px;
}

p.labelpackaging {
    font-size: 16px;
    margin-bottom: -1vw;
}

div.itemprice {
    font-size: 2vw; 
}

div.itemtotal {
    font-size: 24px;
}

div.totalprice{
    width: 14%; 
    height: 20px; 
    margin-top: 2.5em;
}
div.price{
    width: 20%; 
    height: 35px; 
    margin-top: 1.8em;
}

div.price >img{
    padding-top: 9px;
    padding-left: 3px;
}

div.containerinner{
    width: 50%;
    padding: 0.3em 0em 0.3em 0em;
}

div.containertitle{
    line-height: 35px;
    font-size: 12px;
    margin-left: 2%;
}

div.thumbnail01right {
	width: 65%;
        float: right;
	font-size: 0.8rem;
        margin-bottom: 2%;
}

div.thumbnail01rightimg {
	overflow: hidden;
	width: 100%;
        height: 25em;
	text-align: center;
}

div.thumbnail01rightimg img {
	width: 100%;
}	

div.quantity{
     left:17%;
}

div.containeright01{
    top: 0%; 
    background: #e6abd7;
    width: 100%; 
    height: 35px; 
    padding-left: 4px;
}

div.containeright02{
    top: 0%; 
    width: 98%; 
    height: 64px; 
    padding-left: 4px;
    float: none !important;
    right: 0 !important;
}

div.containeright02_mobile {
    width: 100%;
    height: 42px;
    top: 345px;
    right: 0;
}

div.containeright >button{
    border-radius: 2px;
}

div.bottleprice{
    overflow: hidden;
    position: relative;
    left: 15%;
    line-height: 35px;
    font-size: 11px;
}

div.bottleprice02{
    overflow: hidden;
    position: relative;
    right: 5%;
    line-height: 35px;
    font-size: 1.5em;
}


div.caseprice{
    overflow: hidden;
    position: relative;
    left: 7%;
    line-height: 35px;
    font-size: 11px;
}

div.caseprice02{
    overflow: hidden;
    position: relative;
    right: 5%;
    line-height: 35px;
    font-size: 1.5em;
}

/* End Product category thumbnails. */

/*Qyantity cart */

div.quantity_container {
    margin-top: 3vw; 
}

div.title_quantity{
    font-size: 0.8em;
}

input.cart_quantity {
    float: left;
    width: 3em;
    border-width: 1px;
    /*margin-left: 2.5em;*/
    font-size: 3vw;
    height: 40px;
    position: relative;
    bottom: 7px;
}

input.cart_quantity2 {
    width: 2.2em; 
    margin-top: 8px;
    font-size: 0.8em;
    height: 18px;
    text-align: center;
}

div.quantity_container{
    float: left; 
    overflow: hidden; 
    width: 21vw; 
    padding: 0.4em 0em 0.3em 0em; 
    margin-left: 2%;
    text-align: left; 
    color: #333332; 
    font-weight: bold; 
    margin-top: 2%;
    display: flex;
    justify-content: center;
}

div.thumbnail01 div.quantity_container {
    margin-top: 0.5vw !important;
    display: flex;
    justify-content: center;
    margin-left: 6%;
}

div.quantity_mobile {
    float: none !important;
    margin-top: 0 !important;
    left: 0 !important;
}

div.quantity_container_inner{
    overflow: hidden; 
    float: left; 
    /*width: 95%;*/
}

div.quantity_container_inner2{
    overflow: hidden; 
    float: right; 
    width: 35%;
    height: 35px;
    background: #e6abd7;   
}


div.imagecase{
width: 39px;
    /*margin-left: 3%;*/
}

input.cart_increment {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    opacity: .3;
    padding: 2px;
    font-size: 28px;
}

input.cart_decrement {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    opacity: .3;
    padding: 2px;
    font-size: 28px;
}
input.cart_increment2 {
    width: 20%;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 10px; 
    height: 12px;
    padding-bottom: 2px;
}

input.cart_decrement2 {
    width: 20%;
    margin-right: 5px;
    margin-top: 10px;  
    height: 12px;
    padding-bottom: 2px;
}

div.bottlecart{
     width: 62%;
}
div.casecart{
     width: 62%;
}

div.addbottle{
    border-radius: 2px;
    font-size: 8px;

}

div.button01.wishlist{
    font-size: 14px;
}
div.button01.instant{
    font-size: 14px;
}
    
div.quantity_desktop {
    display: none;
}

/*End Qyantity cart */


/* Interiors look thumbnails. */
div.lookthumbnail02 {
	width: 19%; 
	margin: 0px 1% 0px 0px;
	font-size: 0.6rem;
}

div.lookthumbnail02img {
	width: 100%; 
}

div.lookthumbnail02img img{
	width: 100%; 
}

/* End Interiors look thumbnails. */

/* Product similar thumbnails. */
/*div.thumbnail03 {
	width: 19%; 
	margin: 0px 1% 0px 0px;
	font-size: 0.6rem;
}

div.thumbnail03 img {
	width: 100%;
}
*/
/* End Product similar thumbnails. */

/* Collections thumbnails. */
div.thumbnail04 {
    float: none;
    width: 95%;
    margin: 1em auto 1em auto;
}

div.thumbnail04 img {
    width: 100%;
}

div.thumbnail04right {
    float: none;
    width: 95%;
    margin: 1em auto 1em auto;
}

div.thumbnail04right img {
    width: 100%;
}

div.collection_wraplabel01 {
    width: 100%; 
    height: 100%;
}

div.collection_wraplabel01 div.collection_label {
    width: 9em;
    top: 50%; 
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    font-size: 1em;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

div.collection_wraplabel01 div.collection_label span.bkg01 {
    padding: 0.6em 1em 0.6em 1em;
    font-size: 1.1em;
}

div.collection_wraplabel01 div.collection_label div.bkg01 {
    padding: 0.6em 1em 0.6em 1em;
    font-size: 1.1em;
}

div.collection_wraplabel01:hover div.collection_label {
}

/* End Collections thumbnails. */

/* Interiors templates. */

	/* Template 01. */
	div.t01seq10 {
		
	}
	
	div.t01seq10 img {
		width: 75%;
	}	

	div.t01seq11 {
		width: 21%;
	}	
	
	div.t01seq11 div.text02 {
		font-size: 0.5rem;
	}	
	
	div.t01seq11 div.text02 div.text02 {
		font-size: 0.9rem; 
	}	
		
	div.t01seq11 img {
		width: 100%;
	}	

	/* End Template 01. */
	
	/* Template 02. */
	div.t02seq10 {
		width: 23%;
	}	
	
	div.t02seq10 div.text02 {
		width: 21%;
		font-size: 0.5rem;
	}	
	
	div.t02seq10 div.text02 div.text02 {
		width: 80%;
		font-size: 0.9rem; 
	}	

	div.t02seq10 img {
		width: 23%;
	}	

	div.t02seq11 {
		width: 75%;
	}
	
	div.t02seq11 img {
		width: 100%;
	}	

	div.t02other {
		width: 30%;
		margin-right: 1%;
		margin-bottom: 5px;
	}
	
	div.t02other div.text02 {
		float: left; 
		width: 35%; 
		padding: 0rem; 
		margin: 0rem; 
		font-family: Arial; 
		font-size: 0.6rem;
	}
	
	div.t02other img {
		width: 100%;
	}	

	div.t02othertext {
		width: 67%;
		margin-right: 1%;
		margin-bottom: 5px;
	}
	
	div.t02othertext div.text02 {
		float: left; 
		width: 40%; 
		padding: 0rem; 
		margin: 0% 0% 0% 2%; 
		font-family: Arial; 
		font-size: 0.6rem;
	}
	
	div.t02othertext img {
		width: 45%;
	}	
	/* End Template 02. */
	
	/* Template 03. */
	div.t03seq10 {
		width: 49%;
	}
	
	div.t03seq10 img {
		width: 100%;
	}	

	div.t03seq11 {
		width: 49%;
	}	
	
	div.t03seq11 div.text02 {
		font-size: 0.6rem;
	}	
	
	div.t03seq11 div.text02 div.text02 {
		font-size: 0.9rem; 
	}	
	
	div.t03seq11 img {
		width: 100%;
	}	

	div.t03other {
		width: 32.5%;
		margin: 0px 1% 0px 0px;
	}
	
	div.t03other div.text02 {
		font-size: 0.6rem;
	}
	
	div.t03other img {
		width: 100%;
	}	

	/* End Template 03. */
	
/* End Interiors templates. */

#prevslide {
    width: 1.5em;
    top: 40%; 
    left: 0.5em;
}

#nextslide {
    width: 1.5em;
    top: 40%; 
    right: 0.5em;
}

#slidenav{
    width: 100%;
    z-index: 100; 
    bottom: 0.5em;
    text-align: center;
    margin-top: 1em; 
}

#slidenav a {
    border-radius: 50%;
    margin-right: 1em;
    font-size: 0.5em;
    padding: 0 0.5em 0em 0.5em;
}

#slidenav a.activeSlide {
}

.homeslidetitle01 {
    width: 80vw; 
    top: 35%;
    left: 20%; 
    font-size: 3vw; 
    text-align: left; 
    letter-spacing: 3px; 
    margin-bottom: 1em;
}

.homeslidetitle02 {
    width: 100%; 
    bottom: 40%; 
    left: 20%; 
    font-size: 7vw; 
    text-align: left; 
    letter-spacing: 0px; 
    margin-top: 25px;
}

div.homeslidebtn{
    width: 80vw;
    left: 25vw;
    top: 0px;
    opacity: 1;
    font-size: 2.5vw;
}

button.homethumbhoverbtn{
    padding: 3% 6%;
    font-size: 2vw;
    margin-top: 2em;
    cursor: pointer;
    
}

#submenu_area {
	width: 95%; /*298px*/
	min-height: 10em;
}

#submenu_area a.sub {
	font-size: 1.2em;
}

#submenu_area div.sub {
	width: 12em;
}

#slideshowcontainer {
	/*width: 100%;*/
	/*display: none;*/
}

#slideshow {
	width:  69%;
	/* height:   586px;  */
	overflow: hidden;
	margin: 0px auto 0px auto;
}

.pics {  
	width:  100%;
	/* height:   586px;  */
	padding: 0;  
	margin:  0;  
	background: transparent; 
	border: 0px none #535255;
} 
 
.pics img {  
	padding: 0px;  
	margin:  0px; 
	width: 100%;
	/* max-height: 586px; */
} 

.slidecontainer {
	overflow: hidden;
	width: 100%;
}

.slidecontainer div {
	overflow: hidden;
}

.slidecontainer div img {
	width: 100%;
	/*max-height: 586px;*/
}

div.displaygroup01 {
	width: 100%;
        font-size: 1em; 
        color: #e5506a;  
        padding-bottom: 1.5em;
        padding-top: .5em;
}

div.displaygroup02 {
	width: 100%;
         font-size: 1em; 
        color: #e5506a;  
        padding-bottom: 1.5em;
        padding-top: .5em;
}

div.displaygroup03 {
    width: 100%;
    display: none;
}

div.displaygroup03_mobile {
    width: 100%;
}

div.ourServices {
    width: 100%;
    text-align: left;
    padding-top: 1.3vw;
    float: none
}

span.ourservices_text01 {
    font-size: 20px;
    letter-spacing: 3px;
}

span.ourservices_text02 {
    font-size: 5vw;
    letter-spacing: 0px;
}

div.homebox01 {
    display: flex;
    align-items: center;
    float: none;
    width: 100%;
    margin-top: 1em;
    padding: 1.5em 0 1em 0;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    border-color: #98012E;
}

div.homebox01 img {
    width: 15%;
}

div.homebox02 {
    display: flex;
    align-items: center;
    float: none;
    width: 100%;
    padding: 1.5em 0 1em 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #98012E;
}

div.homebox02 img {
    width: 15%;
}

div.homebox03 {
    display: flex;
    align-items: center;
    float: none;
    width: 100%;
    padding: 1.5em 0 1em 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #98012E;
}

div.homebox03 img {
    width: 15%;
}

div.homebox04 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox04 img {
	width: 100%;
}

div.homebox05 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox05 img {
	width: 100%;
}

div.homebox06 {
    float: none;
    width: 100%;
    margin-top: 1em;
    text-align: center;
}

div.homebox06 img {
	width: 70%;
}

div.homebox07 {
    float: none;
    width: 100%;
    margin-top: 1em;
    text-align: center;
}

div.homebox07 img {
	width: 70%;
}

div.homebox08 {
    float: none;
    width: 100%;
    margin-top: 1em;
    text-align: center;
}

div.homebox08 img {
	width: 70%;
}

div.homebox10 {
	float: none;
	width: 100%;
    margin-top: 1em;
}

div.homebox10 img {
	width: 100%;
}

div.homebox11 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox11 img {
    width: 100%;
}

div.homebox12 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox12 img {
    width: 100%;
}

div.homebox13 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox13 img {
	width: 100%;
}

div.homebox14 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox14 img {
	width: 100%;
}

div.homebox15 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox15 img {
	width: 100%;
}

div.homebox16 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox16 img {
    width: 100%;
}

div.homebox17 {
    float: none;
    width: 100%;
    margin-top: 1em;
}

div.homebox17 img {
    width: 100%;
}

div.homebox18 {
    width: 48%;
    margin-top: 1em;
}

div.homebox18 img {
	width: 100%;
}

div.homebox19 {
    float: right;
    width: 48%;
    margin-top: 1em;
}

div.homebox19 img {
	width: 100%;
}

div.homebox20 {
    width: 48%;
    margin-top: 1em;
}

div.homebox20 img {
	width: 100%;
}

div.homebox21 {
    float: right;
    width: 48%;
    margin-top: 1em;
}

div.homebox21 img {
	width: 100%;
}

#newline_home01 {
	display: none;
}

div.homebox_wraplabel01 {
    width: 100%; 
    height: 100%;
}

div.homebox_wraplabel02 {
    width: 100%; 
    height: 100%;
}

div.homebox_wraplabel03 {
    width: 100%; 
    height: 100%;
}

div.homebox_label {
    flex: 0 0 70%;
    margin-left: 10%;
    letter-spacing: 2px;
    text-align: left;
}

div.homebox_wraplabel01 div.homebox_title {
    width: 50%;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: 20px; 
    line-height: 24px; 
    letter-spacing: 3px;
}

div.homebox_wraplabel01 div.homebox_btn {
    width: 15%;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%, 0%);
    font-size: 18px; 
    line-height: 21px; 
    letter-spacing: 1px;
    border: 2px solid #FFFFFF;
    padding: 1vw;
}

div.homebox_wraplabel01 div.homebox_label {
    width: 50%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-size: 60px; 
    line-height: 70px;
    letter-spacing: 0px;
}

div.homebox_wraplabel01 div.homebox_label span.bkg01 {
    padding: 0.6em 1em 0.6em 1em;
    font-size: 1em;
}

div.homebox_wraplabel01:hover div.homebox_label {
    bottom: 1rem; 
    width: 100%;
}

div.homebox_roundimage {
    border-width: 2px; 
    border-radius: 50%;
    margin-bottom: 1em;
}


div.homebox_roundimage:hover {
    border-color: #ffffff; 
}

div.homebox_wraplabel02 div.homebox_label {
    top: 40%; 
    width: 100%;
}

div.homebox_wraplabel02:hover div.homebox_label {
    bottom: 1rem; 
    width: 100%;
}

div.homebox_wraplabel02 div.homebox_labelbutton {
    width: 10em; 
    margin: 1em auto 0em auto; 
}

div.homebox_wraplabel02 div.homebox_labelbutton div {
    padding: 0.5em; 
}

div.homebox_wraplabel02 div.homebox_labelbutton:hover div {
    padding: 0.5em; 
}

div.homebox_wraplabel02 img {
    width: 133px;
    height: 123px;
    margin-top: 6em;
}

div.homebox_wraplabel03 div.homebox_label {
    top: 30%; 
    width: 100%;
}

div.homebox_wraplabel03 div.marker { 
    display: none;
}

div.homebox_wraplabel03:hover div.homebox_label {
    bottom: 1rem; 
    width: 100%;
}

@keyframes bounces {
  0% {
    transform: translateY(0px);
  }
  
  30% {
    transform: translateY(-25px);
  }
  
  50% {
    transform: translateY(0px);
  }
  
  80% {
    transform: translateY(-10px);
  }
  
  100% {
    transform: translateY(0px);
  }
  
}
@-webkit-keyframes bounces {
  0% {
    transform: translateY(0px);
  }
  
  30% {
    transform: translateY(-25px);
  }
  
  50% {
    transform: translateY(0px);
  }
  
  80% {
    transform: translateY(-10px);
  }
  
  100% {
    transform: translateY(0px);
  }
  
}

div.social_wrap {
    float: none;
    font-size: 0.8em; 
}

div.social_wrap img {
    height: 1.4em; 
}

div.newsletter_wrap {
    float: none;
    margin-top: 1.5em;
}

div.newsletter_wrap input.field1 {
    width: 12em; 
    padding: 0.5em 1em 0.5em 1em; 
    font-size: 0.9em;
    border-width: 1px; 
    margin: 0em;
}

#popup_newsletter input.field1 {
    width: 14em; 
    padding: 0.5em 1em 0.5em 1em; 
    font-size: 0.9em;
    border-width: 1px; 
    margin: 0em;
}

div.stripe01 {
	width: 630px;
	height: 37px;
	margin-top: 155px;
}

div.stripe02 {
	width: 309px;
	height: 37px;
	margin-top: 155px;
}

div.social02 {
	margin: 3em 0em 0em 0em; 
	padding-bottom: 0.5em;
}

div.social02 img {
	width: 22x;
}

.pagetitle {
}

.pagetitle02 {
    font-size: 1.5em;
}

div.pagesubtitle {
    font-size: 1.3em;
    padding: 0em 0em 0.4em 0rem;
    margin-bottom: 1em;
}

div.pagesubtitle div {
    width: 6em; 
    height: 2px; 
    margin-top: 1.2em;
    margin-left: auto; 
    margin-right: auto;
}

/* Shop page. */
div.shopaddress {
    width: 100%; 
    float: none;
    margin-bottom: 0.5em;
}

div.shopimage {
    float: none;
    width: 100%;
}

div.shopimage img{
    width: 100%;
}

div.shopmap {
    float: none;
    width: 100%; 
    height: 280px; 
    margin-top: 1em;
}

/* End Shop page. */

/* No account popup */
#popup_noaccount {
    z-index: 500; 
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    width: 100%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0.2rem 1rem 1.5rem 1rem;
}

.noacc_label01 {
    width: 30%; 
    margin: 0.5em 0em;
    float: left;
}

.noacc_field01 {
    width: 50%; 
    margin: 0.5em 0em;
    float: left;
}

/* End no account popup */

/* Link styles. */
a {
}

a:hover {
}

/* Page numbers. */
	a.page {
	}
	
	a.page:hover {
	}
	
	a.pagecurrent {
	}
	
	a.pagecurrent:hover {
	}

/* End Page numbers. */

a.link01 {
    font-size: 1em; 
}

a.link01 >img{
    width: 87px;
    padding: 0px;
}
a.link01:hover {
}

a.link01_current {
}

#popup_newsletter_mc {
    z-index: 500; 
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    width: 100%;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0em;
}

#popup_newsletter_mc #mc_embed_signup {
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
}

/* Breadcrump link */
a.link02 {
}

a.link02:hover {
}

a.link02_current {
}

a.link03 {
}

a.link03:hover {
}

a.link03_current {
}

a.link04 {
}

a.link04:hover {
}

a.link04_current {
}

a.link05 {
    font-size: 18px;
}

a.link05:hover {
}

a.link05_current {
}

div.purchase_button {
    margin: 1em 1em 10em 1em;
}

a.button02 {
}	

a.button02:hover {
}

a.button02 div {
    font-size: 18px;
    padding: 0.8em 0.5em 0.8em 0.3em;
    border-radius: 5vw;
}

a.button02 span {
}

a.button02 div:hover {
}

a.button02disabled {
}

a.button02disabled div {
}	

a.button02disabled:hover {
}

a.button03 {
}	

a.button03:hover {
}

a.button03 div {
}

a.button03 span {
}

a.button03 div:hover {
}

a.button04 {
}	

a.button04:hover {
}

a.button04 div {
    border-width: 1px;
    font-size: 0.9em;
    margin: 1em;
    padding: 1em;
}

a.button04 span {
    margin: 0em;
    padding: 0em;
}

a.button04 div:hover {
}

a.button05 {
}	

a.button05:hover {
}

a.button05 div{
    font-size: 1em;
    padding: 0.4em 1em 0.4em 1em;
}

a.button05 span {
}

a.button05 div:hover {
}

a.button06 {
}	

a.button06:hover {
}

a.button06 div{
	font-size: 1em;
	padding: 8px;
}

a.button06 span {
}

a.button06 div:hover {
}

a.button07 {
    
}	

a.button07:hover {
}

a.button07 div {
    font-size: 14px;
    padding: 1.5em .5em .3em .3em;
}

a.button07 span {
}

a.button07 div:hover {
}

div.buttonx01 {
    display: none;
}

/* End Link styles. */

/* Check boxes. */
div.checkbox01 {
	width: 9px; 
	height: 9px; 
	margin: 0.25em 0.3em 0.3em 0em; 
}

div.checkbox01_current {
	width: 9px; 
	height: 9px; 
	margin: 0.25em 0.3em 0.3em 0em; 
}

/* End Check boxes. */

div.wrap_signin {
    display: none;
    overflow: hidden;
    float: right;
    position: relative;
    right: 5px;
}
div.register_signin{
    display: none;
}
div.bags{
    width:100%;
    margin-top:2%;
    /*margin-left: 10px;*/ 
    height: 100%;
}

div.cartcount {
    font-size: 15px;
    padding: 4px 7px 3px 7px;
}

img.lang {
    width: 13%;
}

div.topbar_euro {
    font-size: 0.8em;
    line-height: 10px;
    margin-right: 1rem; 
}

div.topbar_euro img{
    margin-top:1%;
    width:13px;
}

#topbar div.mobile_homelogo {
    width: 53%;
}

div.wrap_freetextsearch {
    float: right;
    padding: 0.4em 0.2em 0em 0em;
    width: 20em;
}

input.search {
    display:block;
    float:right;
    width: 95%;
    border: 0px solid #f3eaea;
    border-radius: 0px;
    box-shadow: 0 0px 0px 0px #f3ebeb inset;
    font-size: 0.8rem;
    margin-bottom: 3%;
    margin-top: 2vw;
    background-repeat: no-repeat;
    background-position: right;
    color: #fff;
	
}

div.wishlist-icon{
    font-size: 1.2em; 
    border: 3px solid #eda71f;
    padding-left:3px;
    padding-right:3px;
    border-radius: 17px;
    top: 20%;
    right:2%;
}

div.logout{
    margin-top:20%;
}
div.searchlabel{
    width:80%;
    float:right;
}

.field01 {
    width: 100%; 
    padding: 1.2em; 
    font-size: 1.1em; 
    border-width: 1px; 
    margin: 0em;
    letter-spacing: 3.6px;
    box-sizing: border-box;
}

.field01_country {
    width: 100%; 
    padding: 0.7em 1.2em 0.7em 1.2em; 
    font-size: 1.1em; 
    border-width: 1px; 
    margin: 0em;
}

.textarea01 {
    font-size: 1.1em;
    width: 100%;
    padding: 0.7em 1.2em 0.7em 1.2em; 
    height: 6rem;
    border-width: 1px;
}

div.wrap_dropdown02 {
    width: 100%; 
    padding: 0.7em 1.2em 0.7em 1.2em; 
    font-size: 1.1em; 
    border-width: 1px; 
    margin: 0em;
    background-position: 95% 50%;
    box-sizing: border-box;
}

div.wrap_dropdown02 select {
    width: 19em;
    font-size: 1.1em; 
}

/* Module specific items. */
#index004_itemthumbnail {
	display: block;
}

/* End Module specific items. */

table.main {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #cccccc;
	width: 1020px;
	height: 100px;
	font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif; 
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: top;
}

div.section_title {
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #a0a0a0;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
}

div.section_content {
	overflow: hidden;
	border-style: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 30px;
}

div.box_message {
	float: left;
	margin: 5px 5px 5px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #a0a0a0;
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
	width: 100px;
	height: 100px;
}

div.box_message_read {
	overflow: scroll;
	border-style: solid;
	margin: 20px 10px 10px 0px;
	padding: 5px;
	border-width: 3px;
	border-radius: 10px;
	border-color: #a0a0a0;
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	width: 500px;
	height: 250px;
}

div.popup_key {
	display: none;
	position: absolute;
	z-index: 100;
	border-style: solid;
	padding: 5px;
	border-width: 1px;
	border-radius: 10px;
	border-color: #a0a0a0;
	background: #ffffff;
	color: #000000;
	font-size: 12px;
	width: 300px;
	height: 100px;
}


td.pagelist {
	height: 137px;
	width: 504px;
	color: #6f7072;
	font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif; 
	font-size: 12.5px;
	vertical-align: top;
	background-image: url('../image/bkg_article_list.png');
	background-repeat: no-repeat;
}

.content_box {
	border-width: 1px;
	border-style: solid;
	width: 300px;
	height: 400px;
	background-image: url('../image/ContentBox.png');
	background-repeat: no-repeat;
	background-position: center;
}

td.content {
	vertical-align: top;
	background-color: #011223;
}

table.developer {
	margin-top: 10px;
	margin-left: auto;
	margin-right: 10px;
	border-style: none;
	font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif; 
	font-size: 10px;
	color: #eeeeee;
}

a {
	text-decoration: none;
	color: #b2b2b2;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

.pagecontent_std {
	vertical-align: top;
	font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif; 
	font-size: 16px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
}

li {
	padding: 0px 0px 0px 0px;
}

a.link1 {
	color: #ffffff; 
	font-family: Helvetica, Tahoma, Verdana, Arial, Times New Roman, Geneva, Sans-Serif; 
	font-size: 13px; 
	font-weight: bold;
}

a.link1:hover {
	color: #e2001a; 
	text-decoration: none;
}

#makeMeScrollable
{
	width:100%;
	height: 330px;
	position: relative;
}

#makeMeScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#prjback {
	position: absolute;
	width: 1180px;
	z-index: 50;
	margin-top: -15px;
	padding: 0em;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6;
}

#prjback p {
	width: 6em;
	font-size: 0.85em;
	font-weight: bold;
	float: right;
	padding: 0.1em 0em 0.1em 0em;
	margin: 0em 1em 0em 0em;
	text-align: center;
	background: #505050; 
}



#box_contact {
	display: none;
	position: absolute;
	z-index: 10000;
	top: 150px;
	margin-left: 100px;
	background: #dddddd;
	border: 1px solid #eeeeee;
	padding: 2em;
	overflow: auto;
}


/*Pop up windows*/

/*Modal Form*/

    /* Full-width input fields */
    .container >input[type=text], input[type=password] input[type=number] {
        width: 100%;
        padding: 4px 10px;
        margin: 8px 0;
        border: 1px solid #ccc;

    }

    .referencedetails >label{
        font-size: 18px;
    }
    .newuserdiv >label{
        font-size: 14px;
    }
    .dropdown >label{
        font-size: 20px;
    }

    .newuserdivtext >label{
        font-size: 14px;
    }

    /*Select div*/
    #select{
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #c3c4c4;
        border-radius: 3px;
        height: 27px;
        font-size: 18px;
    }

    /* Set a style for all buttons */
    button.formsubmit{
        padding: 14px 20px;
        width: 30%;
        margin-top: 15px;
    }


    /* Center the image and position the close button */
    .popup_enquiry_heater {
        /*margin:  20px auto 15px;*/
        /*border-bottom: 2px ridge #ddd;*/
        width:100%;
    }

    .popup_enquiry_heater h2{
        font-size: 24px;
        font-weight: 300;
        margin: 0px 0px 0px 0px;

    }

    span.psw {
        padding-top: 16px;
    }

    /* The Modal (background) */
    .popup_enquiry {
        z-index: 1; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        padding-top: 30px;
    }

    /* Modal Content/Box */
    .popup_enquiry_content {
        margin: 0% auto 8% auto; /* 5% from the top, 15% from the bottom and centered */
        border: 1px solid #888;
        width: 85%; /* Could be more or less, depending on screen size */
        padding: 0px 10px 10px 10px;
    }

    /*Modal main content */
    .newuserdiv{
        width: 100%;
    }

    .newuserinput{
        margin-top: 5px;
        margin-bottom: 5px;
        border: 1px solid #c3c4c4;
        border-radius: 3px;
        height: 23px;
        width: 92%;
        padding-left: 5px;
        font-size: 18px;

    }

    .newuserdivtext{
        width: 100%;
    }

    /* The Close Button (x) */
    .closed {
        top: 0;    
        font-size: 25px;
        
    }

    .closed:hover,
    .closed:focus {
        color: red;
        cursor: pointer;
    }

    /* Add Zoom Animation */
    .animate {
        -webkit-animation: animatezoom 0.6s;
        animation: animatezoom 0.6s
    }

    @-webkit-keyframes animatezoom {
        from {-webkit-transform: scale(0)} 
        to {-webkit-transform: scale(1)}
    }

    @keyframes animatezoom {
        from {transform: scale(0)} 
        to {transform: scale(1)}
    }

    /* Change styles for span and cancel button on extra small screens */
    @media screen and (max-width: 300px) {
        span.psw {
           display: block;
           float: none;
        }
        .cancelbtn {
           width: 100%;
        }
    }

    /*Label Form*/
    label.label_form {
        margin-bottom: 5px;
        font-weight: 700;
        width: 100%;
    }
        /*Input Message*/
        textarea#message {
            width: 96%;
            height: 4em;
            font-size: 15px;
            max-width: 98%;
            margin-top: 5px;
            margin-bottom: 5px;
            border: 1px solid #c3c4c4;
            border-radius: 3px;
            padding-left: 5px;
        }
        /*Input Message*/
    /*End Label form*/

   

/*End Modal Form*/

#main_menu_button {
    display: none;
}

#menu5 {
    display: none;
}