/* General styles */

* {
    box-sizing: border-box;
}

html {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 1.7;
    background: #fff;
}

body.darkBody {
    background: #000;
}

/*body > form {
    display: flex;
    height: 100%;
    height: 100vh;
    flex-direction: column;
}*/

a:link,
a:visited {
    color: #c8a870;
    text-decoration: none;
    font-weight: 400;
}

.contentSection a:not([name]):hover,
.contentSection a:not([name]):active {
    text-decoration: underline;

}

/* Clearfix */

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

.cf:after {
    clear: both;
}

/* General elements */

.btn {
    background: #c8a870;
    border-radius: 2px;
    color: #fff;
    padding: 13px 27px;
    display: inline-block; 
    font-size: 90%;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    transition: background .2s ease-in-out;
}

.btn a,
.btn a:link,
.btn a:visited,
.btn a:hover,
.btn a:active,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
}

.btn:hover,
.btn:active {
    text-decoration: none;
    background: #d1b17a;
}

/* Temporary fix to colorize Edit mode links in admin. Otherwise it inherit the white color of the .btn class*/
.btn a.reMode_design:link,
.btn a.reMode_html:link {
    color: #000;
}

input, select, textarea, button {
    font-weight: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

/* Text */

h1, h2, h3, h4, h5, h6 {
    font-family: 'Signika Negative', sans-serif;
    font-weight: 300;
    line-height: 1.4;
}

h1 {
    font-size: 260%;
}

h2 {
    font-size: 180%;
}

h3 {
    font-size: 140%;
}

b, strong {
    font-weight: 600;
}

/* Body */

.container { 
    width: 1188px;
    margin: 0 auto;
    position: relative;
}

.centerContainer.col-8:only-child,
.mb_wysiwyg_modules_IconGroupContainer + .centerContainer.col-8:last-child {
    max-width: 780px;
    margin: 0 auto;

}

.contentSection {
    /*flex: 1;*/
    flex: 1 0 auto;
}

@media screen and (min-device-width: 800px) and (min-height: 700px) {
    /* Dark body color scheme - centering content */
    .darkBody .contentSection {
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

.contentSection.contentSectionTopMargin {
    margin-top: 133px;
}

#fullStretchBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

#fullStretchBg body {
    background: none;
    margin-bottom: 90px;
}

/* Header */

.topHeader {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    background: rgba(255,255,255,.8);
    flex: none;
}

.darkBody .topHeader {
    background: none;
}

.mb_wysiwygView .topHeader {
    position: static;
}

.topHeader > .container {
    width: 1208px;
}

.topHeader .siteLogo {
    display: inline-block;
    vertical-align: middle;
    padding: 35px 10px 25px;
    line-height: 0;
}

.topHeader .siteLogo img {
    width: 200px;
}

.topHeader .siteLogo:hover {
    text-decoration: none;
}

.contentSection,
.topHeader .siteLogo,
.topHeader .siteLogo img,
.topHeader .siteLogo .logo {
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* Navigation */

.mainMenu {
    display: inline-block;
    float: right;
    padding: 20px 10px;
}

.mainSubMenu {
    margin-top: 93px;
}

.toggleMenu {
    display: none;
    width: 30px;
    height: 22px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    top: 29px;
    z-index: 100;
}

.toggleMenu span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #000;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.darkBody .toggleMenu span {
    background: #fff;
}

.toggleMenu span:nth-child(1) {
    top: 0px;
}

.toggleMenu span:nth-child(2),.toggleMenu span:nth-child(3) {
    top: 9px;
}

.toggleMenu span:nth-child(4) {
    top: 18px;
}

.toggleMenu.toggleMenuActive span:nth-child(1),
.toggleMenu.toggleMenuActive span:nth-child(4) {
    top: 9px;
    width: 0%;
    left: 50%;
}

.toggleMenu.toggleMenuActive span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.toggleMenu.toggleMenuActive span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mainmenu-dropdown {
    list-style: none;
    *zoom: 1;
}

.mainmenu-dropdown:before,
.mainmenu-dropdown:after {
    content: " "; 
    display: table; 
}

.mainmenu-dropdown:after {
    clear: both;
}

.mainmenu-dropdown ul,
.page-menu {
    list-style: none;
}

.mainmenu-dropdown li {
    position: relative;
}

.mainmenu-dropdown > li,
.page-menu > li {
    display: inline-block;
}

.mainmenu-dropdown li ul {
    position: absolute;
    left: -9999px;
    z-index: 9999;
}

.mainmenu-dropdown > li.hover > ul {
    left: 0;
}

.mainmenu-dropdown li li.hover ul {
    left: 100%;
    top: 0;
}

.mainmenu-dropdown a {
    display: block;
    font-family: 'Varela Round', sans-serif;
    font-family: 'Signika Negative', sans-serif;
    font-size: 110%;
    font-weight: 300;
    color: #000;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    padding: 10px 15px;
}

.darkBody .mainmenu-dropdown a:not(.menu_ActiveLink) {
    color: #fff;
}

.mainmenu-dropdown a:hover,
.mainmenu-dropdown .hover > a,
.mainmenu-dropdown .menu_ActiveLink,
.mainmenu-dropdown .menu_ActiveParent > a {
    text-decoration: none;
    color: #c8a870;
}

.mainmenu-dropdown > li > .parent:after {
    font-family: 'fontello';
    content: "\e88b";
    font-size: 80%;
    display: inline-block;
    margin-left: 7px;
    position: relative;
    top: -1px;
}

/* Second level links */

.mainmenu-submenu {
    background: #fff;
    text-align: left;
    padding-bottom: 10px;
}

.mainmenu-submenu > li > .parent:after {
    font-family: 'fontello';
    content: "\e88d";
    font-size: 80%;
    margin-left: 7px;
    position: absolute;
    right: 10px;
    top: 12px;
}

.mainmenu-dropdown li li a {
    position: relative;
    z-index: 100;
    padding: 10px 30px 10px 10px;
    border-bottom: 1px solid #efefef;
    margin: 0 10px;
}

.mainmenu-dropdown li li:last-child > a {
    border-bottom: none;
}

/* Third level links */

.mainmenu-dropdown li li li a {
    z-index: 200;
}

.page-menu > li {
    padding: 0 15px;
}

.mainmenu-dropdown > li:first-child a[href="/"],
.mainmenu-dropdown > li:first-child a[href="/mb/admin/Sections/Content/Properties.aspx?pt=nonwysiwyg&webpageId=1356"] {
    /* Hide first menu item - this is the home link that only should be visible in the minimized menu (tablet/mobile view) */
    display: none;
}

/* Search */

.searchbox-icon {
    font-size: 120%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 10px;
    cursor: pointer;
    line-height: 0;
}

#MBSearchResults .searchbox-icon {
    position: static;
    font-size: inherit;
    font-weight: 400;
}

.searchbox-outerContainer {
    position: absolute;
    left: 290px;
    width: calc(100% - 290px);
    height: 100%;
    text-align: center;
    background: rgba(255,255,255,.9);
    font-size: 120%;
}

.minifiedHeader .searchbox-outerContainer {
    left: 230px;
    width: calc(100% - 230px);
    font-size: 100%;
}

.searchbox > .searchbox-outerContainer {
    top: -100%;
}

.mainMenu,
.searchbox > .searchbox-outerContainer {
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.searchbox-open > .searchbox-outerContainer {
    top: 0;
}

.searchbox-container {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    width: 50%;
}

.searchbox-container:after {
    font-family: 'fontello';
    content: "\e813";
    color: #ccc;
    display: inline-block;
    position: absolute;
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.searchbox-container:hover:after {
    color: #000;
}

.searchbox-input {
    font-family: 'Varela Round', sans-serif;
    font-family: 'Signika Negative', sans-serif;
    font-weight: 300;
    width: 100%;
    background: none;
    padding: 10px;
    border-bottom: 1px solid #efefef;
}

.searchbox-submit {
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    cursor: pointer;
}

/* Hide nav when searchbox is visible */
.searchbox ~ .mainMenu {
    position: relative;
    top: 0;
}

.searchbox-open ~ .mainMenu {
    top: -100px;
}

/* Newsletter registration */

.newsletterRegFormIframe {
    /*height: 294px;*/
    border-top: 5px solid #c8a870;
    height: 196px;
    margin-top: 60px;
}

.darkBody .newsletterRegFormIframe,
.topContentSection + .contentSection + .newsletterRegFormIframe {
    margin-top: 0;
}

.newsletterRegContainer {
    /*background: url(/images/layout/street-newsletter.jpg) no-repeat center bottom;
    background-size: cover;*/
    background: #191a1e;
    font-size: 90%;
    text-align: center;
    padding: 45px 0;
}

.newsletterRegContainer h2 {
    color: #fff;
    font-size: 160%;
    text-align:center;
    margin-bottom: 30px;
    text-shadow: 1px 1px 10px rgba(0,0,0,.9);
}

.confirmationPage .newsletterRegContainer h2 {
    margin: 0;
}

.confirmationPage .newsletterRegContainer p {
    color: #fff;
    font-weight: 400;
    text-shadow: 0px 0px 10px rgba(0,0,0,.9);
}

.newsletterRegContainer > .container {
    width: 90%;
}

.form-group {
    color: #fff;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-right: 30px;
    max-width: 240px;
    width: 25%;
}

.form-control {
    background: #292929;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50em;
    width: 100%;
}

.form-group label {
    color: #fff;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px;
    transition: all .2s ease-in-out;
}

.form-group.withValue label {
    color: #fff;
    font-size: 80%;
    top: -25px;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

.form-group .requiredText {
    font-size: 80%;
    font-weight: 600;
    position: absolute;
    right: 20px;
    top: -25px;
}


/* Footer */

.mainFooter {
    background: #191a1e;
    border-top: 5px solid #c8a870;
    color: #fff;
    padding: 75px 0 45px 0;
    font-size: 80%;
    flex: none;
}

.mainFooter .footerLogo {
    width: 200px;
}

.mainFooter .contactAddress {
    list-style: none;
    text-align: right;
    float: right;
}

.mainFooter .contactAddress li:first-child {
    text-transform: uppercase;
}

/* Article templates */

.mb_contentitem_container {
    width: 1188px;
    margin: 90px auto 0;
    position: relative;
}

.mb_contentitem_container.htmlarticle_headline + .htmlarticle_text {
    margin-top: 30px;
}

.mb_contentitem_container.fullWidth {
    width: 100%;
}

.topContentSection + .contentSection .mb_contentitem_container {
    margin-top: 60px;
}

.topContentSection {
    flex: none;
}

section:not(.topContentSection) + .contentSection > .mb_contentitem_container:not(.fullWidth):not(.mb_contentitem_container_imagesliderpro):first-child {
    margin-top: 150px;
}

*:not(.topContentSection) + .contentSection > .mb_contentitem_container.fullWidth:first-child,
*:not(.topContentSection) + .contentSection > .mb_contentitem_container_imagesliderpro:first-child,
.topContentSection > .mb_contentitem_container.fullWidth:first-child,
.topContentSection > .mb_contentitem_container_imagesliderpro:first-child {
    margin-top: 0;
}

.mb_wysiwyg_modules_ShowNHide_area .mb_contentitem_container { /* Fix to remove margin between article icons and content in admin */
    margin-top: 0;
}

.articleTemplate_Block,
.articleTemplate_Column,
.articleTemplate_Image {
    display: inline-block;
    vertical-align: top;
}

.articleTemplate_Container > .col-8:only-child {
    margin-left: 17.1779141%;
}

.articleTemplate_Container ul,
.articleTemplate_Container ol {
    padding: 0 0 0 20px;
    margin: 15px 0;
}

.articleTemplate_Container ul {
    list-style-type: none;
}

.articleTemplate_Container img {
    max-width: 100%;
    height: auto;
}

.articleTemplate_Image {
    position: relative;
    width: 100%;
}

.articleTemplate_Image img {
    vertical-align: top;
    width: 100%;
}

.articleTemplate_Image .articleTemplate_imageStamp {
    display: inline-block;
    max-width: 140px;
    width: 35%;
}

body:not(.mb_wysiwygView) .articleTemplate_Image .articleTemplate_imageStamp {
    /* Dont position the image over the main image */
    position: absolute;
    top: 6%;
    left: 15%;
    transform: translateX(-50%);
}

.mb_wysiwygView .articleTemplate_Image .articleTemplate_imageStamp {
    margin-top: 10px;
}

.articleTemplate_Image .articleTemplate_imageStamp img {
    width: auto;
    max-width: 100%;

}

.articleTemplate_Image + .articleTemplate_BlockContent {
    padding-top: 30px;
}

.articleTemplate_BlockContent {
    text-align: center;
}

.articleTemplate_BlockContent.cf {
    position: relative;
    padding: 30px 0 82px 0;
}

.articleTemplate_BlockContent.noReadMoreBtn {
    padding-bottom: 0;
}

.articleTemplate_Header + .articleTemplate_BodyText {
    margin-top: 20px;
}

@media (min-width : 640px) {
    .articleTemplate_BlockContent.noReadMoreBtn .articleTemplate_Header + .articleTemplate_BodyText {
        position: absolute;
        top: 100%;
        margin-top: 10px;
        width: 100%;
    }
}

.articleTemplate_BlockContent .readMoreBtn,
.articleTemplate_BodyText + .readMoreBtn {
    margin-top: 30px;
}

.articleTemplate_BlockContent.cf .readMoreBtn {
    position: absolute;
    bottom: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.articleTemplate_ImageCaption {
    margin: 5px 0 0 0;
    font-size: 12px;
    color: #666;
}

.topContentSection > .fullWidth:first-child {
    z-index: 1;
}

.awardsContainer {
    overflow: scroll;
    white-space: nowrap;
    width: 100%;
}

.awardsContainer:after {
    /* Solution to detect screen size and enable/disable custom scrollbar - http://manos.malihu.gr/jquery-custom-content-scroller/4/#faq-14 */
    display: none;
    content: "custom-scrollbar";
}

.awardsInnerContainer {
    text-align: center;
    padding-top: 45px;
}

.awardsInnerContainer:after {
    /* Solution to detect screen size and enable/disable custom scrollbar - http://manos.malihu.gr/jquery-custom-content-scroller/4/#faq-14 */
    display: none;
    content: "custom-scrollbar";
}

.awardItem {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 15px;
    text-align: center;
    line-height: 0;
}

.awardItem a:focus {
    outline: none;
}

.awardItem img {
    opacity: .8;
    transition: all .3s ease-in-out;
    max-width: 100%;
}

.awardItem:hover img {
    opacity: 1;
}

.awardItem .awardItem_IconImage {
    display: block;
    margin: 5px auto 0;
}

.awardsInnerContainer .slick-dots {
    position: static;
    margin-top: 20px;
}

.awardsInnerContainer .slick-dots li button:before {
    background: #adadad;
    width: 8px;
    height: 8px;
}

.articleTemplate_imageRow .articleTemplate_Image {
    background: #000;
    overflow: hidden;
}

.articleTemplate_imageRow img {
    filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    transform: scale(1.026);
    opacity: .9;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.articleTemplate_imageRow .articleTemplate_Image:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    transform: scale(1);
    opacity: 1;
}

.articleTemplate_imageRow .articleTemplate_Image {
    float: left;
    width: 12.5%;
}

.articleTemplate_imageRowDouble .articleTemplate_Image {
    width: 25%;
}

.articleTemplate_imageRow .mb_modules_HtmlArticle_TextSpan {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: 'Open Sans', sans-serif !important;
    font-size: 110% !important;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.articleTemplate_imageRow .articleTemplate_Image:hover .mb_modules_HtmlArticle_TextSpan {
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.mb_contentitem_container_imagesliderpro {
    width: 100%;
}

/* Dark color scheme - used on pages with a video background that has a darker tone */

.darkBody .articleTemplate_Header,
.darkBody .articleTemplate_Content {
    color: #fff;
}

/* Image Slideshow - Temporary fix to hide navigation icons if slideshow only contains one image */
.hideNavigations .navigation {
    display: none;
}

/* Article template - Product view */

.articleTemplate_ProductContainer > .articleTemplate_Column:nth-child(-n+2) {
    float: left;
}

.articleTemplate_ProductContainer > .articleTemplate_Column:nth-child(2) {
    clear: both;
}

.articleTemplate_ProductContainer h2 {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-size: 120%;
    font-weight: 300;
    margin-top: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

.articleTemplate_ProductContainer .articleTemplate_Image {
    text-align: center;
}

.articleTemplate_ProductLink {
    text-align: center;
    margin-top: 10px;
}

.articleTemplate_ProductText,
.articleTemplate_ProductIcons,
.articleTemplate_ProductInfo {
    margin-top: 30px;
}

.articleTemplate_ProductText {
    font-size: 120%;
}

.articleTemplate_ProductIcons img {
    display: inline-block;
    margin-right: 20px;
}

.organicTextColor {
    color: #6aba54;
    font-weight: 400;
}

/* Background Video */

video.videoBg { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover; 
}

.darkBody video.videoBg {
    background-image: url(/video/terra-winebarrels-poster.jpg);
    background-repeat: no-repeat;
}

@media screen and (max-device-width: 800px) {
    body.darkBody {
         background: url(/video/terra-winebarrels-poster.jpg) #000 no-repeat top left fixed;
    }

    video.videoBg {
        display: none;
    }
}

.darkBody .videoBg {
    opacity: .5;
}

/* Hero Video and Image */

.videoFullwidthContainer,
.videoFullwidthContainer video,
.videoFullwidthContainer img {
    width: 100%;
    position: relative;
}

.videoFullwidthContainer {
    max-height: 80vh;
    overflow: hidden;
    line-height: 0;
}

video::-webkit-media-controls {
    display:none !important;
}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.videoOverlayText {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-weight: 400;
    font-size: 200%;
    text-shadow: 1px 1px 10px rgba(0,0,0,.6);
    line-height: 1.4;
    width: 70%;
    opacity:0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.7s;
    -moz-animation-delay: 0.7s;
    animation-delay: 0.7s;
    z-index: 3;
}

video::-webkit-media-controls {
    z-index: 9999;
}

/* Instagram feed */

.socialContainer {
    border-top: 5px solid #c8a870;
    /*position: relative;
    width: 100%;
    text-align: left;*/
    margin: -8px auto 0;
}

#instaContainer {
    /*display: inline-block;
    vertical-align: top;
    line-height: 0;*/
    /*position: relative;
    z-index: 4;*/
}

/*.socialContainer:not(.open) #instaContainer {
    max-height: 100px;
    overflow: hidden;
}*/

/*.socialContainer:not(.open):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    background: rgba(0,0,0,.5);
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
    z-index: 5;
}*/

.instaCol {
    float: left;
    /*overflow: hidden;*/
    line-height: 0;
}

.instaCol img {
    /*filter: grayscale(1);
    -webkit-filter: grayscale(100%);*/
    /*transform: scale(1.02);
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;*/
    max-width: 100%;
}

.instaCol:hover img {
    /*filter: grayscale(0);
    -webkit-filter: grayscale(0);
    transform: scale(1);*/
}

/*.toggleMore {
    border-radius: 50em;
    position: absolute;
    bottom: -20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 35px;
    height: 35px;
    background: #c8a870;
    z-index: 6;
    line-height: 0;
}

.toggleMore > i {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 120%;
}*/

/* Search results and Sitemap */

#MBSearchResults > span:first-child,
.sitemapIntro {
    display: block;
    margin: 20px 0;
}

#MBSearchResults > a:before {
    font-family: 'fontello';
    content: "\e88d";
    color: #000;
    display: inline-block;
    margin-right: 10px;
    font-size: 60%;
    position: relative;
    top: -2px;
}

/* Sitemap */

.sitemapHeader {
    margin: 30px 0 10px 0;
}

#sidetree {
    line-height: 1;
}

/* Module - Image slideshow */

#container2,
#img_1,
#slide_1,
.holder,
.pauses1 {
    width: 100% !important;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out;
}

.holder {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -ms-behavior: url(/css/htc/backgroundsize/backgroundsize.min.htc); /* Fix to make background-size:cover; work in IE<9*/
}

.nexts1 {
    position: absolute !important;
}

#nexts_sub,
#backs_sub {
    z-index: 850;
}

/* Age control popup */

.CoverPop-open,
.CoverPop-open body {
    overflow: hidden;
}

#CoverPop-cover {
    display: none;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    -webkit-animation: fade-in .25s ease-in;
    -moz-animation-name: fade-in .25s ease-in;
    -ms-animation-name: fade-in .25s ease-in;
    -o-animation-name: fade-in .25s ease-in;
    animation-name: fade-in .25s ease-in;
}

.CoverPop-open #CoverPop-cover {
    display: block;
}

@-webkit-keyframes fade-in {
    0% { opacity: 0; }
    25% { opacity: 0; }
    100% { opacity: 1; }
}

.ageControlCover {
    background-color: rgb(255,255,255);
    background-color: rgba(255,255,255,0.65);
}

.ageControlContent {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50%;
    padding: 50px;
    background: #fff;
    box-shadow: 3px 3px 0px rgba(0,0,0,.05);
    border-radius: 4px;
}

.ageControlTitle {
    display: block;
    font-family: 'Varela Round', sans-serif;
    font-family: 'Signika Negative', sans-serif;
    font-weight: 300;
    line-height: 1.4;
    font-size: 220%;
}

.ageControlText {
    display: block;
    margin: 20px 0 30px;
}

.ageControlConfirm {
    cursor: pointer;
    float: right;
}

/* Page template - Food and Wine */

.articleTemplate_campaignLayout h1 {
    font-size: 300%;
}

.articleTemplate_campaignLayout .articleTemplate_Column {
    background: #fff;
    background: rgba(255,255,255,.85);
    padding: 15px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader {
    background: #CF2659;
    background: rgba(208,38,89,.90);
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader {
    background: #00bfb2;
    background: rgba(0,191,178,.90);
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader,
.templateWine .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    vertical-align: middle;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent {
    background: url(/images/layout/bg-blackboard.jpg?v=2) repeat;
    color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_BodyText {
    max-height: 250px;
    overflow-y: scroll;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content {
    position: relative;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content:after {
    content: "";
    position: absolute; 
    bottom: 0;
    left: 0;
    height: 30px;
    width: 100%;
    background: -webkit-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    ); 
    background-image: -moz-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: -o-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
    background-image: -ms-linear-gradient(
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, .5) 100%
    );
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content {
    border: 1px solid #000;
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
    border-bottom: 1px solid #000;
    padding: 25px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Content .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Content .articleTemplate_Header {
    padding: 35px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_Content .articleTemplate_Header {
    border-color: #fff;
}

.articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_BodyText {
    padding: 5px 20px 25px;
}

.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter {
    border-top: 1px solid #fff;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter > div,
.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter > div {
    display: inline-block;
    font-weight: 600;
    width: 50%;
    vertical-align: top;
    padding: 15px 20px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime {
    position: relative;
    padding-left: 45px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipeTime:before {
    content: '\e872';
    font-family: 'fontello';
    position: absolute;
    left: 20px;
}

.articleTemplate_campaignLayout .articleTemplate_recipeHeader .articleTemplate_ContentFooter .articleTemplate_recipePrice,
.articleTemplate_campaignLayout .articleTemplate_wineHeader .articleTemplate_ContentFooter .articleTemplate_wineExtras:last-child {
    text-align: right;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    background: #fff;
    text-align: center;
    float: right;
}

.templateWine .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips {
    float: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content {
    padding: 25px 0;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips .articleTemplate_Content .articleTemplate_Header,
.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header {
    border: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header:first-child {
    padding-bottom: 10px;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header + .articleTemplate_Header {
    padding-top: 0;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader .articleTemplate_Header + .articleTemplate_Header h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 140%;
    text-transform: uppercase;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
    float: right;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText {
    display: inline-block;
    vertical-align: top;
    padding-top: 25px;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer {
    position: relative;
}

.articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer:after {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips {
    text-align: center;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips h3 {
    font-size: 120%;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips .articleTemplate_Content .articleTemplate_Header {
    border: none;
}

.articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeTips .readMoreBtn {
    margin-bottom: 25px;
}

.articleTemplate_activityItem {
    border-bottom: 1px solid #000;
    padding-bottom: 90px;
}

.activityItem_date {
    background: #222;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    line-height: 1;
    position: relative;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    padding-top: 82.8220859%;
    height: auto;
    margin: 0 auto;
}

.activityItem_dateInner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.activityItem_day,
.activityItem_month {
    display: block;
}

.activityItem_day {
    font-size: 170%;
    margin-bottom: 5px;
    white-space: nowrap;
}

.activityItem_month {
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1.4;
}

.activityItem_book {
    text-align: center;
    margin-top: 10px;
}

.activityItem_location {
    margin-top: 5px;
}

.activityItem_location:before {
    content: "\e852";
    font-family: 'fontello';
    margin-right: 10px;
}

.articleTemplate_activityItem .articleTemplate_Content {
    margin-top: 10px;
    font-size: 90%;
}

/* Tag tray - Instagram feed */

.tagtray-gallery {
    margin-top: 50px;
}

.TagTrayPaginationSection {
    text-align: center;
}

/* 404 page */

.pageNotFound {
    max-width: 900px;
    margin: 150px auto 0;
    text-align: center;
}

.pageNotFound h1 {
    margin-bottom: 20px;
}

.imageBlockRow {
    margin-top: 50px;
}

.imageBlockRow .imageBlock {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    position: relative;
    overflow: hidden;
    width: 33.33%
}

.imageBlockRow .imageBlock a:after {
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.7));
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.imageBlockRow .imageBlock a,
.imageBlockRow .imageBlock a:link,
.imageBlockRow .imageBlock a:visited {
    display: inline-block;
    color: #fff;
    position: relative;
    line-height: 0;
}

.imageBlockRow .imageBlock img {
    max-width: 100%;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.imageBlockRow .imageBlockText {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 3;
    font-size: 110%;
    font-weight: 400;
    border-bottom: 2px solid transparent;
    letter-spacing: .05em;
    padding: 20px;
    line-height: 1.7;
}

.imageBlockRow .imageBlock:hover .imageBlockText {
    border-bottom-color: #fff;
}

/* Flexible container */
.flexibleContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.flexibleContainer iframe,
.flexibleContainer object,
.flexibleContainer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Grid system */

.col-1 {
    width: 5.5214724%;
}
.col-2 {
    width: 14.1104294%;
}
.col-3 {
    width: 22.6993865%;
}
.col-4 {
    width: 31.2883436%;
}
.col-5 {
    width: 39.8773006%;
}
.col-6 {
    width: 48.4662577%;
}
.col-7 {
    width: 57.0552147%;
}
.col-8 {
    width: 65.6441718%;
}
.col-9 {
    width: 74.2331288%;
}
.col-10 {
    width: 82.8220859%;
}
.col-11 {
    width: 91.4110429%;
}
.col-12 {
    width: 100%;    
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 { 
    margin-left: 3.0674847%;
}

.col-1:first-child,
.col-2:first-child,
.col-3:first-child,
.col-4:first-child,
.col-5:first-child,
.col-6:first-child,
.col-7:first-child,
.col-8:first-child,
.col-9:first-child,
.col-10:first-child,
.col-11:first-child,
.col-12:first-child,
.noLeftMargin {
    margin-left: 0;
}

@media (min-width: 950px) {
    .topHeader + .contentSection > .mb_contentitem_container:first-child:not(.mb_contentitem_container_imagesliderpro):not(.fullWidth) {
        margin-top: 150px;
    }
}

@media (max-width: 1325px) {
    .newsletterRegContainer > .container {
        width: 95%;
    }
}

@media (max-width: 1260px) {
    .newsletterRegContainer .sendBtn {
        margin-top: 20px;
    }

    .newsletterRegFormIframe {
        height: 260px;
    }
}

@media (max-width: 1250px) {
    .container,
    .topHeader > .container,
    .mb_contentitem_container:not(.mb_contentitem_container_imagesliderpro):not(.fullWidth) {
        width: 90%;
    }
}

@media (max-width: 1050px) {

    /* Navigation */

    .mainMenu {
        display: block;
        margin: 0 auto;
        width: 100%;
        padding: 0;
        float: none;
    }

    .toggleMenuActive + .mainMenu {
        padding-bottom: 20px;
    }

    .mainmenu-dropdown {
        display: none;
        float: none;
        margin: 0;
    }

    .mainmenu-dropdown li {
        text-align: left;
    }

    .mainmenu-dropdown > li {
        display: block;
        padding: 0;
    }

    .mainmenu-dropdown > li a {
        display: block;
        margin: 0;
        font-size: 110%;
        border-top: none;
    }

    .mainmenu-dropdown a.parent:after {
        display: none;
    }

    .mainmenu-dropdown .more {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        padding: 0 30px;
        font-size: 140%;
        border-left: 1px solid #efefef;
        z-index: 999;
        background: #fff;
    }

    .mainmenu-dropdown .more:after {
        font-family: 'fontello';
        content: "\e88d";
        position: absolute;
        top: 5px;
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .mainmenu-dropdown .hover > .more:after {
        content: "\e88b";
        color: #920f36;
    }

    .mainmenu-dropdown li ul {
        display: none;
        position: static;
        padding: 0;
    }

    .mainmenu-dropdown li.hover > ul {
        display: block;
    }

    .mainmenu-dropdown li li a {
        padding: 8px 15px;
    }

    .mainmenu-dropdown li li li a {
        padding: 8px 30px;
    }

    .mainmenu-submenu {
        margin: 10px 0;
    }

    .mainmenu-submenu .mainmenu-submenu {
        padding: 0;
    }

    .mainmenu-dropdown > li:first-child a[href="/"],
    .mainmenu-dropdown > li:first-child a[href="#"] {
        /* Display first menu item - this is the home link that only should be visible in the minimized menu (tablet/mobile view) */
        display: block;
    }

    .searchbox-icon {
        font-size: 160%;
        top: 26px;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        margin-right: 60px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    .searchbox-open ~ .mainMenu {
        top: 0;
    }

    .minifiedHeader .searchbox-icon {
        top: 21px;
    }

    .minifiedHeader .toggleMenu {
        top: 23px;
    }

    .ageControlContent {
        width: 80%;
    }

    .pageNotFound {
        width: 80%;
    }
}

@media screen and (max-width: 1024px){
    .awardsContainer:after {
        content: "";
    }

    .awardsContainer.mCS_destroyed {
        overflow: scroll !important;
    }
}

@media (max-width: 950px) {

    .topHeader {
        position: static;
    }

    .topHeader .siteLogo {
        padding-top: 25px;
    }

    .topHeader .siteLogo img {
        width: 180px;
    }

    .toggleMenu {
        top: 23px;
    }

    .videoOverlayText {
        font-size: 230%;
    }

    .contentSection > .mb_contentitem_container:first-child:not(.fullWidth):not(.mb_contentitem_container_imagesliderpro),
    .pageNotFound {
        margin-top: 50px;
    }

    .articleTemplate_ImageBlock > .col-3 {
        width: 50%;
        margin: 0;
    }

    .articleTemplate_campaignLayout h1 {
        font-size: 260%;
    }

    .articleTemplate_campaignLayout h2 {
        font-size: 150%;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
        padding: 20px;
    }

    html:not(.templateWine) .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTaste,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
        width: 48.4662577%;
    }

    /*.awardsContainer:after,
    .awardsContainer:before {
        content: "";
        position: absolute;
        bottom: 0;
        height: 100%;
        width: 20px;
        z-index: 5;
    }

    .awardsContainer:before {
        left: 0;
        background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1));
    }

    .awardsContainer:after {
        right: 0;
        background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
    }*/

    .awardItem img {
        width: 100px;
    }

    .awardItem .awardItem_IconImage {
        width: 50px;
    }
}

@media (max-width : 860px) {
    .newsletterRegFormIframe {
        height: 477px;
    }

    html.confirmationPage,
    .confirmationPage body,
    .confirmationPage .newsletterRegContainer {
        height: 100%;
    }

    .confirmationPage .newsletterRegContainer {
        padding: 0;
    }

    .confirmationPage .newsletterRegContainer .container {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .newsletterRegContainer .form-group {
        display: block;
        margin: 0 auto 30px auto;
        max-width: 300px;
        width: 90%;
    }

    .newsletterRegContainer .sendBtn {
        margin: 0;
    }
}

@media (max-width : 800px) {
    .searchbox-outerContainer {
        left: 0;
        width: 100%;
    }
}

@media (max-width : 768px) {

    .videoOverlayText {
        font-size: 200%;
    }

    /* Image slideshow */

    #container2,
    #img_1,
    #slide_1,
    .holder,
    .pauses1,
    #backs,
    #nexts {
        height: 274px !important;
    }

}

@media (max-width : 640px) {

    html {
        -webkit-text-size-adjust: none;
    }

    /* Header */

    .sectionContainer,
    .topHeader .siteLogo,
    .topHeader .siteLogo img,
    .mainMenu {
        transition: none;
        -webkit-transition: none; /* Safari */
    }

    .topHeader .siteLogo {
        padding-left: 0;
    }

    /* Body */

    .videoOverlayText {
        font-size: 160%;
    }

    /* Article templates */

    .articleTemplate_BodyBlockImage > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage > .articleTemplate_Image {
        display: block;
        width: 100%;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_BodyBlock,
    .articleTemplate_BodyBlockImage.colorBox-2 > .articleTemplate_BodyBlock {
        padding: 40px;
        margin-bottom: 0;
    }

    .articleTemplate_BodyBlockImage.colorBox-1 > .articleTemplate_Image {
        margin-bottom: 0;
    }

    .articleTemplate_BodyBlockImage:before {
        display: none;
    }

    .articleTemplate_BodyBlockImage > .articleTemplate_BodyBlock:before {
        content: "";
        position: absolute;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        border: 1px solid #fff;
        top: 10px;
        left: 10px;
    }

    .articleTemplate_activityItem > .articleTemplate_Column:first-child {
        margin-bottom: 15px;
    }

    .activityItem_date.col-10 {
        width: 40%;
        padding-top: 40%;
        left: 0;
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
    }

    .activityItem_book {
        margin-top: 0;
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }

    .activityItem_date {
        font-size: 70%;
    }

    .articleTemplate_activityItem {
        padding-bottom: 50px;
    }

    /* Footer */

    .instaCol {
        width: 25%;
    }

    .instaCol:not(:nth-child(-n+5)) { /* Hide all columns except the first five */
        /*display: none;*/
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+5)) { /* Display all columns*/
        /*display: inline;*/
    }

    .instaCol:nth-child(5n+1) { /* Break every 6th column so it starts on a new row*/
        /*clear: left;*/
    }

    .mainFooter .contactAddress {
        display: block;
        margin: 50px 0 0 0;
        text-align: center;
    }

    .ageControlContent {
        width: 90%;
        font-size: 90%;
        text-align: center;
    }

    .ageControlText {
        text-align: left;
    }

    .ageControlConfirm {
        float: none;
    }

    /* Article templates */

    .contentSection > .mb_contentitem_container:not(.fullWidth):not(.mb_contentitem_container_imagesliderpro):first-child,
    .pageNotFound {
        margin-top: 20px;
    }

    .mb_contentitem_container {
        margin-top: 50px;
    }

    .articleTemplate_BlockContent.cf {
        position: relative;
        padding-bottom: 0;
    }

    .articleTemplate_BlockContent.cf .readMoreBtn {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .articleTemplate_ProductContainer {
        display: table;
    }

    .articleTemplate_ProductContainer > .articleTemplate_Column:nth-child(2) {
        display: table-footer-group;
    }

    .articleTemplate_ProductContainer > .articleTemplate_Column:nth-child(-n+2) {
        float: none;
        clear: none;
    }

    .articleTemplate_ProductLink {
        text-align: left;
        margin-top: 30px;
    }

    .articleTemplate_ProductContainer .articleTemplate_Image img {
        width: 50%;
    }

    body:not(.mb_wysiwygView) .articleTemplate_Image .articleTemplate_imageStamp {
        left: 33%;
        width: 17%;
    }

    .articleTemplate_Image .articleTemplate_imageStamp img {
        width: auto;
    }

    .articleTemplate_ProductContainer h1 {
        font-size: 160%;
    }

    .articleTemplate_ProductContainer h2,
    .articleTemplate_ProductText {
        font-size: 110%;
    }

    .templateFood .mb_contentitem_container,
    .templateWine .mb_contentitem_container {
        margin-top: 20px;
    }

    .articleTemplate_campaignLayout h1 {
        font-size: 180%;
    }

    .articleTemplate_campaignLayout h2 {
        font-size: 140%;
    }

    .articleTemplate_campaignLayout h3 {
        font-size: 120%;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column .articleTemplate_Content .articleTemplate_Header {
        padding: 15px;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeContent .articleTemplate_BodyText {
        max-height: none;
        overflow-y: visible;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_recipeHeader,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineHeader {
        margin-bottom: 20px;
    }

    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips,
    html:not(.templateWine) .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTips,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineTaste,
    .articleTemplate_campaignLayout .articleTemplate_Column.articleTemplate_wineAroma {
        width: 100%;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText {
        margin: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_Content .articleTemplate_BodyText:first-child {
        padding-bottom: 0;
    }

    .articleTemplate_campaignLayout .articleTemplate_instructionsContent .articleTemplate_BodyTextContainer:after {
        display: none;
    }

    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
    .articleTemplate_Container > .col-8:only-child { 
        margin-left: 0;
    }

    .col-1 {
        width: 5.5214724%;
    }
    
    .col-2 {
        width: 14.1104294%;
    }
    
    .col-3 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-3:last-child {
        margin-bottom: 0;
    }
    
    .col-4 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-4:last-child {
        margin-bottom: 0;
    }
    
    .col-5 {
        width: 100%;
    }
    
    .col-6 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-6:last-child {
        margin-bottom: 0;
    }
    
    .col-7 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-7:last-child {
        margin-bottom: 0;
    }
    
    .col-8 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-8:last-child {
        margin-bottom: 0;
    }
    
    .col-9 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .col-9:last-child {
        margin-bottom: 0;
    }
    
    .col-10 {
        width: 82.8220859%;
    }
    
    .col-11 {
        width: 91.4110429%;
    }
    
    .col-12 {
        width: 100%;    
    }

    .centerContainer.col-8:only-child {
        width: 90%;
    }

}

@media (max-width: 640px) {
    
    .articleTemplate_imageRow .articleTemplate_Image {
        width: 50%;
    }

    .mainFooter {
        text-align: center;
    }

    .mainFooter .contactAddress {
        float: none;
        margin: 10px 0 0 0;
    }
}

@media (max-width : 400px) {
    .videoOverlayText {
        font-size: 130%;
    }

    .searchbox-icon {
        margin-right: 35px;
        color: #aaa;
    }

    .articleTemplate_ImageBlock > .col-3 {
        width: 100%;
    }

    .awardsInnerContainer {
        text-align: left;
    }

    .awardItem {
        padding: 0;
    }

    .imageBlockRow .imageBlock {
        width: 100%
    }
}

@media (max-width : 320px) {

    /* Header */

    .topHeader .siteLogo img {
        max-width: 100%;
    }

}

@media (max-height: 600px) {
    .pageNotFound {
        position: static;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        font-size: 90%;
        margin: 50px auto;
    }
}

@media (max-width: 1250px) and (min-width: 640px) {
    .articleTemplate_imageRow .articleTemplate_Image {
        width: 25%;
    }
}

@media (min-width: 951px) {

    .instaCol {
        width: 16.666666667%;
    }

    .instaCol:not(:nth-child(-n+10)) { /* Hide all columns except the first 15 */
        /*display: none;*/
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+10)) { /* Display all columns*/
        /*display: inline;*/
    }

    .instaCol:nth-child(10n+1) { /* Break every 15th column so it starts on a new row*/
        /*clear: left;*/
    }
}

@media (min-width: 1250px) {
    .instaCol {
        width: 8.333333333%;
    }
}

@media (max-width: 950px) and (min-width: 641px) {

    .instaCol {
        width: 25%;
    }

    .instaCol:not(:nth-child(-n+8)) { /* Hide all columns except the first 8 */
        /*display: none;*/
    }

    .socialContainer.open .instaCol:not(:nth-child(-n+8)) { /* Display all columns*/
        /*display: inline;*/
    }

    .instaCol:nth-child(8n+1) { /* Break every 8th column so it starts on a new row*/
        /*clear: left;*/
    }

}