/*Hermanos Beer-Tap*/
body { font-size: 20px; position: relative; }
body::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-image: url('/warehouse/temp/hermanos/bodyBG.svg'); background-position: center; z-index: -2; }
:root { --transAnim: all 0.2s ease-in-out; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border: none; }
b, strong { font-weight: 800; }
.FormResultPage .continuousFooter, .FormResultPage FooterForm { display: none; }
.FormResultPage .internalPage #GridPage { padding-bottom: 120px; }
.FormResultPage .internalPage #GridContent { float: none; }

.logo-inline { display: inline; vertical-align: baseline; line-height: normal !important; }
.logo-inline .small-ch { font-size: 80%; vertical-align: text-top; vertical-align: 16%; line-height: inherit; text-decoration: underline; }
p .logo-inline { font-size: 120%; }
p .logo-inline > span { font-family: inherit !important; }
/*header*/
#header2 { background-color: transparent; padding: 0; direction: ltr; line-height: 1; }
#header2::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 90px; width: 100%; opacity: 0.5; pointer-events: none; z-index: -1; background-image: linear-gradient(to bottom, #000, rgba(84, 84, 84, 0)); transition: 0.3s all; }
#header2 #header-container { display: flex; align-items: stretch; justify-content: space-between; flex-direction: row-reverse; border-bottom: 1px solid #fff; height: 90px; }
#header2 #header-left { display: block; width: auto; margin: 0; display: flex; align-items: center; }
#header2 #header-left .logoHeader > img { max-width: 112px; width: auto; }
#header2 .header-top-left, #header2.detailsInRow .menu-nav, #header2 ul.menu { margin: 0; }
#header2 .mobile-middle-kdm, #header2 ul.menu > li:before { display: none; }
#header2 ul.menu > li { letter-spacing: .35px; font-size: 80%; margin-left: 0; }
#header2 ul.menu li.active, #header2 ul.menu li, #header2 ul.menu li:hover { color: #fff; background: inherit; }
#header2 .header-top-left .searchBtn { order: 1; }
#header2 .header-top-right { float: none; display: flex; flex-direction: row-reverse; align-items: center; height: inherit; }
#header2 .header-top-right a.lang:focus { border-bottom: initial; }
#header2 .header-top { padding: 0; height: 100%; }
#header2 .max-width { width: 100%; }
#header2 .header-right-section { display: block; }
#header2 .logoHeader { position: relative; }
#header2:not(.bg) ul.menu img { filter: invert(1); }
#header2.bg::before { background: #fff; opacity: 1; }
#header2.bg #header-container, #header2.bg .header-right-section, #header2.bg #header-left { border-color: #000; }
#header2.bg ul.menu li.active, #header2.bg ul.menu li, #header2.bg ul.menu li:hover { color: #000; }
#header2.bg .header-top-left svg { fill: #000; }
#header2.bg #header-left .logoHeader > img { filter: invert(1); }

#header2 .header-top-left a.social_icon_instagram svg { display: none; }
#header2 .header-top-left a.social_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url('/warehouse/dynamic/325683.svg'); background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter'); -webkit-filter: invert(1); filter: invert(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#header2.bg .header-top-left a.social_icon_instagram:after { filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="0 1" /><feFuncG type="table" tableValues="0 1" /><feFuncB type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter'); -webkit-filter: invert(0); filter: invert(0); }
a.social_icon_youtube svg { display: none; }
a.social_icon_youtube:after { content: ''; position: absolute; inset: 0; background-image: url(../../../warehouse/temp/hermanos/insta-black.svg); background-size: cover; background-repeat: no-repeat; width: 30px !important; height: 30px; top: 0; bottom: auto !important; left: 20px !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter); -webkit-filter: invert(1); filter: invert(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
a.social_icon_youtube { position: relative; }
#header2.bg a.social_icon_youtube:after, #header2.bg a.facebook_icon_instagram:after { filter: invert(0); }
a.facebook_icon_instagram svg { display: none; }
a.facebook_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url(../../../warehouse/temp/hermanos/fb-black.svg); background-size: cover; background-repeat: no-repeat; width: 30px !important; height: 30px; top: 0; bottom: auto !important; left: -20px !important; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter); -webkit-filter: invert(1); filter: invert(1); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#header2 ul.menu li.social-mobile a:focus { border-bottom: none; }

@media(min-width: 1025px) {
    #header2 .header-right-section { position: static; border-left: 1px solid #fff; }
    #header2.detailsInRow .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70%; }
    #header2 ul.menu { display: flex; justify-content: center; }
    #header2 ul.menu > li > a { padding: 0px 16px; display: inline-block; }
    #header2 ul.menu > li.last-item { margin: 0; }
    #header2 #header-left { border-right: 1px solid #fff; padding: 0 40px; }
    #header2 .header-top-left { margin: 0; display: flex; align-items: center; z-index: 5; }
    #header2 .header-top-left .searchBtn > a { width: 45px; height: 45px; border-radius: 100px; background: transparent; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; margin: 0; }
    #header2 .header-top-left > a { margin-right: 20px; }
    #header2 .header-top { padding: 0 35px 0 55px; }
    #header2 .header-top-left svg { height: 17px; }
}

@media(max-width: 1024px) {
    #header2 .menu-nav { max-width: none; width: auto; float: none !important; }
    #header2 .header-right-section { width: auto; background: transparent; display: flex; align-items: center; padding: 0 10px; }
    #header2 .max-width { max-width: 100%; width: 100%; }
    #header2 .header-top { width: auto; }
    #header2 .header-top-right { float: none; }
    #header2 .nav-menu-anim { margin: 0; display: block; }
    #header2 ul.menu { background: #fff; color: #000; padding-top: 70px; }
    #header2 #header-left { position: static; padding: 0 10px; }
    #header-left a.logoHeader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    #header2 .languages { position: static; display: block; }
    #header2 ul.menu > li { float: none; }
    #header2 ul.menu { left: auto; right: 0; direction: rtl; }
    #header2 ul.menu .social-links a svg { fill: #000; }
    #header2 ul.menu li.active, #header2 ul.menu li, #header2 ul.menu li:hover { color: #000; }
    #header2 #header-left .searchMobile .searchBtn { width: 35px; height: 35px; border-radius: 100px; background: transparent; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; margin: 0; padding: 8px; }
    #header2 #nav-toggle span:before, #nav-toggle span:after, #header2 #nav-toggle span, #nav-toggle.active span::before, #nav-toggle.active span::after { background-color: #000; }
    #header2 #nav-toggle.active span { background: transparent; }
    #header2 #nav-toggle span, #nav-toggle span::before, #nav-toggle span::after { height: 4px; }
    #header2 ul.menu .social-links a { width: 40px; }
    #header2 ul.menu .social-links a.social_icon_instagram svg { display: none; }
    #header2 ul.menu .social-links a.facebook_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url(../../../warehouse/temp/hermanos/fb-black.svg); background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; top: 0; left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter); -webkit-filter: invert(0); filter: invert(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    #header2 ul.menu .social-links a.social_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url('/warehouse/dynamic/325683.svg'); background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter'); -webkit-filter: invert(0); filter: invert(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    #header2:not(.open) .header-top-left a { display: none; }
    #header2 ul.menu .social-links a.social_icon_instagram:after { top: 0; }
    #header2 ul.menu .social-links a.social_icon_youtube:after { filter: invert(0); inset: 0; }
}

@media(min-width: 768px) {
    /*#header2 ul.menu > li[data-cat-mod="HomePage"] { display: none; }*/
    #header2 .header-top-right .languages { height: auto; margin-bottom: 0; display: none; }
}

@media(max-width: 767px) {
    #header2 ul.menu > li[data-cat-mod="HomePage"] { padding-top: 50px; }
    #header2 ul.menu { left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; position: fixed; }
    #header2 ul.menu > li { text-align: right; padding: 15px 35px 15px 0; border-top: 1px solid #ebebeb; font-size: 120%; }
    #header2 #header-left .logoHeader > img { max-width: 90px; }
    #header2 ul.menu > li.active > a::after { position: absolute; top: auto; bottom: -7px; display: inline-block; left: 0; right: 0; }
    #header2 ul.menu > li.active > a { position: relative; }
    #header2 ul.menu .social-links a { font-size: 100%; position: relative; }
    #header2 .social-links { width: 100%; display: flex; justify-content: flex-start; align-items: center; margin-right: 0; margin-left: auto; margin-top: 10px; }
    #header2 .header-top-right a.lang { font-size: 16px; }
    #header2 .logoHeader::before { width: 29px; height: 32px; }
    #header2 .header-top-right > .languages, #mobile-player-controls { display: none; }
    #header2 ul.menu .social-links a { width: 40px; }
    #header2 ul.menu .social-links a.social_icon_instagram svg { display: none; }
    #header2 ul.menu .social-links a.facebook_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url(../../../warehouse/temp/hermanos/fb-black.svg); background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; top: 0; left: -20px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url(data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter); -webkit-filter: invert(0); filter: invert(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    #header2 ul.menu .social-links a.social_icon_instagram:after { content: ''; position: absolute; inset: 0; background-image: url('/warehouse/dynamic/325683.svg'); background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="table" tableValues="1 0" /><feFuncG type="table" tableValues="1 0" /><feFuncB type="table" tableValues="1 0" /></feComponentTransfer></filter></svg>#filter'); -webkit-filter: invert(0); filter: invert(0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
    #header2:not(.open) .header-top-left a { display: none; }
    #header2 ul.menu .social-links a.social_icon_instagram:after { top: 0; }
    #header2 ul.menu .social-links a.social_icon_youtube:after { filter: invert(0); inset: 0; }
}


/*HomeSlider*/
#home-gallery { max-height: calc( var(--vh) * 1 ) !important; min-height: calc( var(--vh) * 1 ) !important; height: calc( var(--vh) * 1 ) !important; }
#home-gallery .scroll-down { text-align: right; bottom: 20px; font-size: 0; }
#home-gallery .scroll-down button { background: transparent; border: none; }
#home-gallery .scroll-down img { min-width: 130px; }
#home-gallery .gallery-caption { z-index: 3; font-family: barlev-regular; }
#home-gallery .gallery-caption .gallery-text { font-size: 800%; color: #fff; }
#home-gallery #player-controls { left: 30px !important; right: auto !important; }

@media(min-width: 1025px) {
    .TopVideo { height: 100% !important; position: relative; padding-top: 56.5%; }
    .TopVideo iframe { position: absolute; height: 100%; width: 100%; top: 50%; transform: translate(-50%, -50%); }
}

/*Sections*/
.grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #pageview #text1 h2, #pageview #text2 h2,
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 400%; font-family: 'barlev-regular'; line-height: 0.75; margin: 0; max-width: 100%; }
.grid-rows .grid-row-text h3, .section-title h3, #pageview #text1 h3, #pageview #text2 h3,
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 200%; font-family: 'barlev-regular'; line-height: normal; letter-spacing: 0.8px; margin-top: 15px; margin-bottom: 50px; position: relative; }
.section-title { margin-bottom: 0; }
.grid-rows .grid-row-text h3::before, #pageview #text1 h3::before, #pageview #text2 h3::before
/*,.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form::before*/ { content: ""; display: inline-block; width: 1px; height: 25px; margin-left: 20px; background: #000; }
.row { margin: 0; }
.row:after, .row:before { content: none; }

/*buttons*/
.grid-rows .grid-row-text a.grid-row-button, .sec-button { min-width: 160px; border: none; border-radius: 0; padding: 0; margin-top: 65px; font-size: 70%; font-weight: 600; font-family: 'IBM Plex Sans Hebrew'; display: inline-flex; align-items: center; justify-content: flex-start; height: 40px; }
.grid-rows .grid-row-text a.grid-row-button::after, .sec-button::after, #CatalogModule .backBtn::after { content: ""; display: inline-block; background-image: url(/warehouse/temp/hermanos/Arrow_BTN.svg); background-size: 100% 100%; background-repeat: no-repeat; width: 42px; height: 26px; padding-right: 20px; transition: var(--transAnim); }
/*Btn's hovers*/
.grid-rows .grid-row-text a.grid-row-button:hover:after, .sec-button:hover:after, .catalogItemBox:hover a.item-text::after, #CatalogModule .backBtn:hover:after { background-image: url(/warehouse/temp/hermanos/hover_BTN.svg); }
.grid-rows .grid-row-text a.grid-row-button:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .sec-button:hover { background: transparent; color: #000; }

/*grid-row sections (single + double)*/
.singleRow { padding: 80px 0 0 0; margin-bottom: 140px; }
.grid-row-section.doubleRow { padding: 0; padding-bottom: 140px; margin-bottom: 0; }
.singleRow .grid-rows .grid-row { direction: ltr !important; }
.singleRow .grid-row-cell-text h3 { display: flex; }
.singleRow .grid-row-cell-text h3::before { margin-top: 4px; }
.grid-rows .grid-row { display: flex !important; align-items: center; background: transparent; }
.grid-rows { max-width: 1170px; margin: auto; }
.grid-row li.slider-item { padding-bottom: 137%; }
.grid-rows .box-image-animation img { width: auto; }
.grid-row-cell.flexslider-box { width: 37%; }
.grid-row .grid-row-cell.grid-row-cell-text { width: 63%; background: unset; display: inline-flex !important; justify-content: flex-end; }
.grid-rows .grid-row-text { width: 100%; max-width: 65%; }
.grid-rows .grid-row-text p { font-size: 75%; }
.grid-rows .grid-row-text h3 { margin-bottom: 30px; }

.doubleRow .grid-row:first-child { direction: ltr !important; margin-bottom: 60px; }
.doubleRow .grid-row:first-child .flexslider-box { width: 50%; }
.doubleRow .grid-row:first-child .grid-row-cell.grid-row-cell-text { width: 50%; }
.doubleRow .grid-row:first-child .grid-row-text { max-width: 80%; }
.doubleRow .grid-row:first-child .box-image-animation img { width: 100%; }
.doubleRow .grid-row:first-child li.slider-item { padding-bottom: 69%; }

.doubleRow .grid-row:last-child { direction: rtl !important; }
.doubleRow .grid-row:last-child .box-image-animation img { width: 100%; }
.doubleRow .grid-row:last-child li.slider-item { padding-bottom: 127%; }

/*grid-content-section Benefits*/
.sections .grid-content-section { padding: 0; max-width: 1164px; margin-bottom: 140px; }
.grid-content-section .grid-boxes { display: flex; flex-wrap: wrap; justify-content: space-around; }
.grid-content-section .grid-boxes .grid-box-image { padding-bottom: 65px; margin-bottom: 15px; }
.grid-content-section .grid-boxes .box-image-animation img { width: auto; margin: 0 0 auto; }
.grid-content-section .grid-boxes .box-image-animation:hover img { transform: none; }
.grid-content-section .grid-box { padding: 0; text-align: right; transition: var(--transAnim); margin-bottom: 0; }

.grid-content-section .grid-box:nth-child(odd) { background: #fafafa; }
.grid-content-section .grid-box:nth-child(even) { background: #fff; box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0 13px 39px 0 rgba(0, 0, 0, 0.05); }
.grid-content-section .grid-boxes .grid-box-image, .grid-content-section .grid-boxes .grid-box-title { pointer-events: none; }

.grid-box-innerWrapper { padding: 40px 30px; min-height: 390px; }
.grid-boxes .grid-box-title h3 { margin-bottom: 40px; font-family: 'barlev-regular'; font-size: 250%; line-height: normal; }
.grid-boxes .grid-box-title h3 a { color: #000; }
.grid-boxes .grid-box-subtitle { font-size: 75%; font-family: 'IBM Plex Sans Hebrew'; margin-bottom: 10px; }
.grid-boxes .grid-box-fulltext { font-size: 75%; }

/*grid-Catalog-items*/
.grid-Catalog-Items { max-width: 1170px; margin: 0 auto 80px; padding: 0; }

@media(min-width: 1025px) {
    .grid-Catalog-Items { padding: 0 96.5px; }
}

.catalogItemBox { padding: 0; }
.catalogItemBox .catalogItemBoxInner { background: #f7f7f7; padding: 0; }
.catalogItemBox a.item-image img { width: 100%; max-height: unset; }
.catalogItemBox a.item-image { padding-bottom: 150%; }
.catalogItemBox a.item-text { text-align: center; font-family: 'IBM Plex Sans Hebrew'; padding: 0; min-height: 130px; position: relative; border-bottom: 3px solid #ffc52e; }
.catalogItemBox .item-text-top { min-height: unset; }
.catalogItemBox h3.itemTitle { max-width: 100%; font-size: 115%; margin-top: 0; padding: 20px 0; min-height: unset; direction: ltr; }
.catalogItemBox a.item-text::after { content: ""; position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background-size: 100% 100%; background-repeat: no-repeat; background-image: url(/warehouse/temp/hermanos/Arrow_BTN.svg); width: 42px; height: 26px; transition: var(--transAnim); }
.catalogItemBox h3.itemTitle > span { font-family: 'IBM-Regular', sans-serif; }

.owl-carousel .owl-item .item { padding: 0 25px; }
.owl-carousel .owl-nav div { font-size: 0; }
.owl-nav { display: flex; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); top: 50%; left: 50%; width: 100%; z-index: 2; }
.owl-carousel .owl-prev { right: -50px; }
.owl-carousel .owl-next { left: -50px; }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/hermanos/arrowL.svg'); width: 50px; height: 12px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/hermanos/arrowR.svg'); width: 50px; height: 12px; }

/*grid-gallery-section Brands*/
.topGallery, .bottomGallery { margin-bottom: 0; }
.topGallery .gallery-cubes, .bottomGallery .gallery-cubes { overflow-x: hidden; max-width: none; direction: ltr; }
.gallery-cubes .boxes-images-outer-image { background-size: contain !important; background-repeat: no-repeat; cursor: default; pointer-events: none; padding-bottom: 0; width: 160px; height: 125px; }
.GalleryWrapper { background: #f7f7f7; padding: 80px 0; position: relative; }
.GalleryWrapper::before { content: ""; position: absolute; background-image: url('/warehouse/temp/hermanos/stampa.svg'); width: 144px; height: 144px; top: -40px; left: 50px; }
.gallery-container { clear: unset; margin-bottom: 30px; }
.bottomGallery .content-section-Btn { width: 100%; margin: auto; display: flex; justify-content: center; }
.topGallery .gallery-cubes .no-pad, .bottomGallery .gallery-cubes .no-pad { width: auto; padding: 0 15px; }

@media(min-width: 1025px) {
    .bottomGallery .content-section-Btn > a { padding: 0 40px; }
}

/*Footer*/
footer { padding-top: 0; }
#SiteFooter .continuousFooter .gallery-cubes, .form-container-wide #DynamicFormObject .dynamicFormObjectFields:after,
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { display: none !important; }
.continuousFooter { display: flex; width: 100%; max-width: 100%; direction: ltr; }
.continuousFooter .GridFooterGallery { min-width: 429px; max-width: 429px; }
.continuousFooter .FooterForm.form-container-wide { float: none; width: 100%; }
.continuousFooter .slidesForModal { display: block !important; }
.continuousFooter .slidesForModal .img-background-flex > div { padding: 0; height: 600px; }
.continuousFooter .img-responsive.center-block { width: 100%; height: 100% !important; max-height: 100%; max-width: 100% !important; object-fit: cover; }

.footerFormContainer { background: #fff; height: 600px; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 80%; padding: 0; display: flex; flex-direction: column; height: 100%; justify-content: center; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0 30px 0 0; text-align: right; font-size: 400%; z-index: auto; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3 { line-height: inherit; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { padding: 0; text-align: right; margin: 0; width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; padding: 0 30px 0 0; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 30px 0 0; }
.FooterForm.form-container-wide .normal-form input, .FooterForm.form-container-wide .normal-form textarea { padding: 7px 18px; max-width: 100%; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 0; box-shadow: none; margin-bottom: 30px; font-size: 65%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 30px 0 0; }
.FooterForm #DynamicFormObject input[type=submit] { border-radius: 0; background: #000; margin-bottom: 30px; font-size: 80%; max-width: 160px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { padding-right: 30px; margin: 15px 0 45px; display: block; }
.FooterForm #DynamicFormObject .dynamicFormObjectField .must:before { top: 5px; line-height: normal; font-size: 80%; right: 30px; }

.normal-form input:focus { border: none !important; border-bottom: 1px solid #000 !important; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { color: #000; background: transparent; }

.footer-text-divided { display: flex; flex-direction: column; background: #141414; padding-top: 0; }
.footer-text-divided > div { display: inline-flex; padding: 0; width: 100%; justify-content: center; flex-direction: column; align-items: center; }
.footer-text-divided > div.footer-text-right { background: #000; color: #fff; padding: 10px 0; font-family: 'barlev-regular'; font-size: 150%; letter-spacing: 1.5px; }
#SiteFooter .footer-text-middle { padding: 30px 0; }
#SiteFooter .footer-text-middle img { width: 150px; }
#SiteFooter .footer-text-middle p:last-child img { width: auto; }
#SiteFooter .footer-text-middle p { padding-bottom: 20px; }
#SiteFooter .footer-text-middle p:last-child { padding-bottom: 0; }
#SiteFooter .footer-text-divided > div.footer-text-left { text-align: right; color: #fff; font-size: 65%; }

#SiteFooter .footer-text-divided > div.footer-text-left ul { list-style-type: none; padding: 0; margin: 0; display: flex; align-items: center; }
#SiteFooter .footer-text-divided > div.footer-text-left ul > li { margin-left: 30px; position: relative; }
#SiteFooter .footer-text-divided > div.footer-text-left ul > li:not(:last-child)::after { content: ""; position: absolute; left: -15px; width: 1px; height: 100%; background: #fff; }
#SiteFooter .footer-text-divided > div.footer-text-left ul > li:last-child > a { padding: 0 5px; }
#SiteFooter .site-credit.alternative { padding: 10px 0; display: flex; }
#SiteFooter a:hover, #SiteFooter a:focus { color: #ffc52e; }
a.AccessabilityLink:hover { color: #fff; }


@media(max-width: 767px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; }
}

/*Inners*/
body:not(.home-page) #header2::before { background: #fff; opacity: 1; }
body:not(.home-page) #header2 #header-container, body:not(.home-page) #header2 .header-right-section, body:not(.home-page) #header2 #header-left { border-color: #000; }
body:not(.home-page) #header2 ul.menu li.active, body:not(.home-page) #header2 ul.menu li, body:not(.home-page) #header2 ul.menu li:hover { color: #000; }
body:not(.home-page) #header2 .header-top-left svg { fill: #000; }
body:not(.home-page) #header2 #header-left .logoHeader > img { filter: invert(1); }
#GridTop::after { content: ""; position: absolute; background: #000; top: 0; right: 0; left: 0; bottom: 0; opacity: 0.4; }

@media(min-width: 1025px) {
    .internalPage #GridPage { padding-top: 120px; }
}

#GridTop .top-caption { font-family: barlev-regular; font-size: 400%; color: #ffc52e; }
#GridTop .top-caption h1 { font-size: inherit; }
/*How It Works*/
.howItWorks .grid-content-section { max-width: 1170px; margin-bottom: 0; }
.howItWorks .grid-content-section .section-title { padding-bottom: 60px; }
.howItWorks #LobbyModule .grid-boxes { max-width: 900px; }
.howItWorks #LobbyModule .grid-box { margin-right: 0; width: 50%; margin-bottom: 80px; }
.howItWorks .grid-boxes .grid-box-image { padding-bottom: 80px; }
.howItWorks .grid-boxes .box-image-animation img { margin: auto; }
.howItWorks #LobbyModule .grid-boxes .grid-box-title h3 { position: absolute; top: -100px; margin: 0; font-size: 1000%; }
.howItWorks .grid-boxes .grid-box-title h3 a { color: #888; }
.howItWorks .grid-box-innerWrapper { min-height: 322px; }
.howItWorks .grid-boxes .grid-box-fulltext { font-size: 70%; text-align: center; }

.howItWorks .grid-text-section { padding: 0; margin: 0; }
.howItWorks .grid-text p { margin: 0; }
.howItWorks .grid-text-section .section-animation-item { font-size: 225%; font-family: 'barlev-regular'; width: 100%; }

.howItWorks .grid-row-cell.flexslider-box, .howItWorks .grid-row .grid-row-cell.grid-row-cell-text { width: 50%; }
.howItWorks .grid-row:first-child { direction: ltr !important; margin-bottom: 115px; }
.howItWorks .grid-rows .box-image-animation img { width: 100%; }
.howItWorks .grid-row li.slider-item { padding-bottom: 112%; }
.howItWorks .grid-row:last-child { direction: rtl !important; }
.howItWorks .grid-rows .grid-row-text h2 { padding-bottom: 20px; display: inline-flex; }
.howItWorks .grid-rows .grid-row-text h2 div { font-family: IBM-regular; text-transform: capitalize; font-size: 75%; direction: ltr; padding: 0 7px; }
.howItWorks .grid-rows .grid-row-text h2 span { font-weight: 800; }
.howItWorks .grid-rows .grid-row-text h3 { margin-top: 30px; margin-bottom: 10px; }
.howItWorks .grid-rows .grid-row-text { max-width: 90%; }

.howItWorks .videoGrid.grid-content-section { padding-bottom: 140px; }
.howItWorks .videoGrid .grid-box-innerWrapper { padding: 15px 35px 25px; min-height: unset; }
.howItWorks #LobbyModule .videoGrid .grid-boxes .grid-box-title { width: 100%; text-align: center; }
.howItWorks #LobbyModule .videoGrid .grid-boxes .grid-box-title h3 { font-size: 100%; position: relative; top: unset; font-family: 'IBM-Regular'; }
.howItWorks .videoGrid .grid-boxes .grid-box-title h3 a { color: #000 }
.howItWorks .videoGrid .grid-boxes .grid-box-image { padding-bottom: 0; margin: 0 !important; position: static; pointer-events: auto; }
.howItWorks #LobbyModule .videoGrid .grid-box { width: 33%; margin: 0 20px; border-bottom: 1px solid #404040; }
.howItWorks #LobbyModule .videoGrid .grid-boxes { max-width: unset; justify-content: center; flex-wrap: nowrap; padding-top: 0; }

.howItWorks .continuousFooter { display: none; }
#DynamicFormObject:after { content: none; }
.grid-form-section { max-width: 978px; }
.grid-form-section #DynamicFormObject { border: none; align-items: center; max-width: 100%; display: flex; justify-content: center; flex-direction: column; }
.grid-form-section #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: unset; margin: unset; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; padding: 0; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; margin: 0; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 33.3%; padding: 0 10px; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; padding: 0 10px; }
.grid-form-section #DynamicFormObject .dynamicFormObjectField .input-wrapper,
.grid-form-section #DynamicFormObject .dynamicFormObjectField .textarea-wrapper { position: relative; }
.grid-form-section #DynamicFormObject.normal-form input, #DynamicFormObject.normal-form textarea { width: 100%; border: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #000; padding: 5px 15px; margin-bottom: 40px; }
.grid-form-section #DynamicFormObject .dynamicFormObjectField .must:before { right: 5px; top: 0; }
.grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 100%; padding: 0px 10px; }
.grid-form-section #DynamicFormObject input[type=submit] { max-width: 160px; height: 45px; background: #000; border-bottom: none; font-size: 80%; padding: 0; border: 1px solid transparent; margin-bottom: 0; margin-top: 20px; }
.grid-form-section #DynamicFormObject input[type=submit]:hover { border: 1px solid #000; background: #fff; }

/*about*/
.aboutPage #GridPage .max-width { max-width: 100%; width: 100%; }
.aboutPage #pageview { overflow: visible; }
.aboutPage .MainContent { max-width: 1170px; margin: auto; }
.aboutPage .MainContent #text1 { max-width: 800px; margin-right: 0; margin-bottom: 30px; text-align: right; }
.aboutPage .subContentWrap { background: #f7f7f7; padding: 80px 0; }
.aboutPage .subContent { max-width: 1170px; margin: auto; }
.aboutPage #text2 { max-width: 800px; margin-right: 0; text-align: right; }
.aboutPage #pageview #text1 h2, .aboutPage #pageview #text2 h2 { padding-bottom: 15px; }
.aboutPage #pageview #text1 h3, .aboutPage #pageview #text2 h3 { margin-top: 0; margin-bottom: 30px; }
.aboutPage #text1 p, .aboutPage #text2 p { overflow: visible; font-size: 75%; }
.aboutPage #pageview #text1 p:last-child, .aboutPage #pageview #text2 p:last-child { margin-bottom: 30px; }
.aboutPage #pageview #text1 p img, .aboutPage #pageview #text2 p img { margin: 30px 0; }

@media(min-width: 1025px) {
    .aboutPage #pageview #text1 p img { transform: translateX(-25%); left: 100%; }
    .aboutPage #pageview #text1 p:last-child { text-align: center; }
    .aboutPage #pageview #text1 p:last-child::before { content: ""; background-image: url('/warehouse/temp/hermanos/SVGabout.svg'); background-size: 100% 100%; background-repeat: no-repeat; width: 231px; height: 220px; position: absolute; top: 50%; left: auto; right: 20px; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); z-index: 1; }
}

/*CatalogItemPage*/
.CatalogItemPage #GridTop.noTopImage.longer { opacity: 0; height: 90px; }
.CatalogItemPage #GridPage .max-width,
.CatalogItemPage .container { max-width: 100%; width: 100%; padding: 0; }
.CatalogItemPage #subheadline h2 { font-size: 100%; }
.CatalogItemPage #CatalogModule .itemContent #subheadline, .CatalogItemPage #CatalogModule .relatedItems h2 { font-family: 'barlev-regular'; font-size: 300%; order: 2; }
.CatalogItemPage #headline, .CatalogItemPage #CatalogModule .item-actions, #CatalogModule .relatedItems .relatedItemsTitle:after { display: none; }
.CatalogItemPage #subheadline div { font-family: 'IBM-regular'; font-size: 50%; direction: ltr; }
.CatalogItemPage #subheadline div > span { font-weight: 800; }
.CatalogItemPage .internalPage #GridPage { padding-top: 0px; }

.CatalogItemPage #CatalogModule { padding: 0; }
.CatalogItemPage #CatalogModule .ItemInnerWrapper { display: flex; flex-direction: row-reverse; align-items: center; background: #f5f5f5; }
.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages, .CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: 0 50px; }
.CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { padding-bottom: 50vw; border: none; }
.CatalogItemPage #CatalogModule .itemImagesSlick.itemImagesVertical { background: #fff; }
.CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider img { width: 100%; }

.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { max-width: 650px; margin: auto; display: flex; flex-direction: column; }
.CatalogItemPage #CatalogModule .catalogTextContainer { font-size: 80%; line-height: 1.75; order: 2; }
.CatalogItemPage #CatalogModule #CatalogItemView .custom-field { display: inline-flex; flex-direction: column; align-items: center; }
.CatalogItemPage #CatalogModule #CatalogItemView .custom-field span { font-size: 80%; font-weight: 800; padding-top: 5px; }
.CatalogItemPage #CatalogModule .catalogTextContainer.comments { padding-top: 20px; }
.CatalogItemPage #catalogText { padding-bottom: 20px; }
.CatalogItemPage #CatalogModule .backBtnWrapper { float: right; width: 100%; order: 1; padding-bottom: 30px; }
.CatalogItemPage #CatalogModule .backBtn { border: none; font-family: 'barlev-regular'; font-size: 150%; margin: 0; }
.CatalogItemPage #CatalogModule .item-custom-details { order: 2; }

.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields { max-width: 1170px; margin: 60px auto; float: none; border: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { width: 25%; border: 1px solid #000; font-family: 'barlev-regular'; font-size: 130%; transition: var(--transAnim); }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active:after { display: none; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields ul.catalog-fields-tabs { border: 1px solid #000; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title button { width: 100%; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title.active { background: #ffc52e; }
.CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text { font-size: 100%; }
.CatalogItemPage #CatalogModule .catalog-fields-tab-text h3 { font-family: 'barlev-regular'; font-size: 130%; }
.CatalogItemPage #CatalogModule .relatedItems { max-width: 1170px; margin: 60px auto; float: none; }

/*BeerItemPage*/
.beer-menu-page.CatalogItemPage #CatalogModule .ItemInnerWrapper { background: transparent; max-width: 1170px; margin: 80px auto; flex-direction: row; }
.beer-menu-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages,
.beer-menu-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: 0 20px; }
.beer-menu-page.CatalogItemPage #CatalogModule .itemContentWrapper .itemImages {opacity:0;  animation: fadeGallery 1s normal forwards ease-in-out; animation-delay: 0.5s; }

@keyframes fadeGallery {
    from { opacity: 0; }
    
    to { opacity: 1; }
}

.beer-menu-page #CatalogModule .flexslider .slides img { width: 100%; height: auto; max-width: unset; max-height: unset; background-position: center; border: 2px solid #000; }
.beer-menu-page .customDetailsWrapper { order: 2; display: flex; align-items: flex-end; justify-content: flex-start; }
.beer-menu-page.CatalogItemPage #CatalogModule .item-custom-details { display: inline-flex; padding-left: 15px; }
.beer-menu-page .customDetailsWrapper .collection-field:not(:last-child) { padding-left: 15px; }
.beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .collection-field-img,
.beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .custom-field { display: inline-flex; flex-direction: column; align-items: center; }
.beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .collection-field-img img { max-width: 60px; }
.beer-menu-page span.collection-field-title { font-size: 80%; font-weight: 800; }
.beer-menu-page #CatalogItemView .item-collections { order: 2; margin-top: 0; margin-bottom: 20px; font-size: 90%; }
.beer-menu-page .spanWrapper { line-height: normal; }
.beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .custom-field span { padding: 0; }

/*accessabilitypage*/
.accessabilityMainPage #accessability #text1 { padding-bottom: 40px; }
.accessabilityMainPage #accessability #text1 h2 { font-size: 180%; margin-bottom: 10px; }
.accessabilityMainPage #accessability #text1 p { line-height: 1.6; }
.accessabilityMainPage #accessability #text1 h2 ~ h2 { margin-top: 30px; }

@media(max-width: 767px) {
    .accessabilityMainPage #accessability #text1 h2 { font-size: 160%; }
    .accessabilityMainPage #accessability #text1 p, .accessabilityMainPage #accessability #text1 ul { font-size: 80%; line-height: 1.5; }
}

/*Media*/
@media(max-width: 767px) {
    /*Generals*/
    .grid-rows .grid-row-text h2, .section-title h1, .section-title h2, #DynamicFormObject .dynamicFormObjectTitleAndText, .aboutPage #pageview #text1 h2, .aboutPage #pageview #text2 h2 { font-size: 250%; }
    .grid-rows .grid-row-text h3, .section-title h3, .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .aboutPage #pageview #text1 h3, .aboutPage #pageview #text2 h3, .CatalogItemPage #CatalogModule .itemContent #subheadline, .CatalogItemPage #CatalogModule .relatedItems h2 { font-size: 150%; }
    .section { margin: 0; }
    .singleRow, .grid-row-section.doubleRow, .sections .grid-content-section { padding-bottom: 80px; margin-bottom: 0; }
    .grid-rows .grid-row-text a.grid-row-button, .sec-button { margin-top: 20px; }

    /*Header*/
    #header2::before { background: rgba(255, 255, 255, 1); opacity: 1; }
    #header2 #header-container { border: none; }
    #header2 #header-left .logoHeader > img { filter: invert(1); }
    #header-left a.logoHeader { position: relative; left: unset; top: unset; transform: none; }
    #header2 .header-top-left { display: flex; margin-right: 15px; transition: var(--transAnim); opacity: 1; }
    #header2.open .header-top-left { opacity: 0; }
    #header2 .header-top-left svg { fill: #000; }

    /*Slider*/
    #home-gallery .gallery-caption { width: 100%; text-align: center; }
    #home-gallery .gallery-caption .gallery-text { font-size: 500%; }
    #home-gallery .scroll-down { right: 0; display: none; }

    /*grid-row sections (single + double)*/
    .home-page .grid-rows .grid-row { flex-direction: column-reverse; }
    .grid-rows .grid-row { flex-direction: column; }
    .grid-row-cell.flexslider-box, .grid-row .grid-row-cell.grid-row-cell-text,
    .doubleRow .grid-row:first-child .grid-row-cell.grid-row-cell-text, .doubleRow .grid-row:first-child .flexslider-box { width: 100%; }
    .grid-rows .grid-row-text, .doubleRow .grid-row:first-child .grid-row-text { max-width: 90%; }
    .grid-box-innerWrapper { padding: 10px 20px 10px 10px; }
    .singleRow { padding-top: 50px; }

    /*grid-catalog-section*/
    .grid-Catalog-Items { margin-bottom: 80px; }
    .catalogItemBox h3.itemTitle { font-size: 85%; }
    .catalogItemBox .item-text-top { width: 90%; margin: auto; }
    .catalogItemBox a.item-text { min-height: 120px; }
    .owl-carousel .owl-item .item { padding: 0 15px; }

    /*grid-gallery-section*/
    .GalleryWrapper::before { width: 100px; height: 100px; background-size: cover; left: 25px; }
    .bottomGallery .content-section-Btn { justify-content: space-evenly; }

    /*Footer*/
    #SiteFooter { padding-bottom: 0px; }
    .continuousFooter { flex-direction: column; }
    .FooterForm.form-container-wide #DynamicFormObject { padding: 0 15px; }
    .continuousFooter .FooterForm.form-container-wide { padding: 35px 0; }
    .continuousFooter .GridFooterGallery { min-width: unset; max-width: 100%; width: 100%; }

    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField,
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit,
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField),
    .grid-form-section .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { padding: 0; width: 100%; }
    .FooterForm #DynamicFormObject .dynamicFormObjectField .must:before { right: 5px; }
    .grid-form-section #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; }
    .footer-text-divided > div.footer-text-left, .footer-text-divided > div.footer-text-right { display: inline-flex; }
    .footer-text-divided > div.footer-text-right { font-size: 100%; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul { flex-wrap: wrap; width: 90%; justify-content: center; line-height: 1.8; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li:not(:last-child)::after { height: 70%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

    a.AccessabilityLink { margin: 0; }
    .text-center { display: inline-flex; justify-content: space-between; }

    /*Inners*/
    .internalPage #GridPage { padding-top: 80px; }
    #GridTop .top-caption { font-size: 200%; font-family: barlev-regular; }
    #GridTop .top-caption h1 { font-size: inherit; }


    /*HowItWorks*/
    .howItWorks #GridPage .max-width, .howItWorks #LobbyModule .grid-box { width: 100%; }
    .howItWorks .sections .grid-content-section:not(.videoGrid) { padding-bottom: 0; }
    .howItWorks .grid-box-innerWrapper { min-height: 270px; padding: 50px 20px; }
    .howItWorks #LobbyModule .grid-content-section:not(.videoGrid) .grid-box:last-child { margin-bottom: 50px; }
    .howItWorks #LobbyModule .grid-boxes .grid-box-title h3 { font-size: 600%; top: -50px; }
    .howItWorks .grid-row-cell.flexslider-box, .howItWorks .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
    .howItWorks .grid-row:first-child { margin-bottom: 40px; }
    .howItWorks .videoGrid.grid-content-section { margin-top: 50px; padding-bottom: 100px; }
    .howItWorks #LobbyModule .videoGrid .grid-boxes { flex-wrap: wrap; }
    .howItWorks #LobbyModule .videoGrid .grid-box { width: 100%; margin-bottom: 20px; }
    .howItWorks .grid-rows .grid-row-text h2 div { padding: 0 5px; }
    .howItWorks .grid-rows .grid-row-text { max-width: 100%; }
    /*about*/
    .aboutPage #pageview { overflow: hidden; }
    .aboutPage #pageview #text1 p img, .aboutPage #pageview #text2 p img { width: 100%; }
    .aboutPage .MainContent #text1, .aboutPage #text2 { padding: 0 15px; }

    /*CatalogItemPage*/
    .CatalogItemPage #CatalogModule .ItemInnerWrapper { flex-direction: column; }
    .CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { padding-bottom: 500px; }
    .CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { padding: 40px 20px; }
    .CatalogItemPage #CatalogModule .itemContentWrapper .itemImages { padding: 0; }
    .CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider img { max-height: unset; max-width: unset; width: 100%; height: auto; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields li.catalog-fields-tab-title { width: 50%; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text iframe { width: 100%; border: 1px solid #000; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields .catalog-fields-tab-text p { font-size: 90%; }
    .CatalogItemPage #CatalogModule .relatedItems .catalogItemBox { padding: 0 10px; margin-bottom: 0; }
    .CatalogItemPage #CatalogModule .owl-item.cloned.active, #CatalogModule .owl-item, #CatalogModule .owl-item.cloned { transform: scale(0.7); }
    .CatalogItemPage #CatalogModule .owl-item.active.center { transform: scale(1); }
    .CatalogItemPage #CatalogModule .catalogItemBox a.item-text { min-height: 130px; }
    .CatalogItemPage #CatalogModule .relatedItems { margin: 60px auto 120px; padding: 0; }
    .CatalogItemPage .RelatedItemsWrapper .owl-nav, .CatalogItemPage #CatalogModule .relatedItems .relatedItemsTitle:after { display: none; }

    /*BeerItemPage*/
    .beer-menu-page.CatalogItemPage #CatalogModule .ItemInnerWrapper { flex-direction: column; }
    .beer-menu-page #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 300px; margin-bottom: 35px; }
    .beer-menu-page.CatalogItemPage #CatalogModule .item-custom-details.item-collections-details { order: 1; }
    .beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .collection-field-img,
    .beer-menu-page.CatalogItemPage #CatalogModule #CatalogItemView .custom-field { flex-direction: row; }
    .beer-menu-page.CatalogItemPage #CatalogModule .item-custom-details { flex-direction: column; width: 100%; }
    .beer-menu-page .customDetailsWrapper { flex-direction: column; }
    .beer-menu-page .customDetailsWrapper .collection-field { width: 100%; }
    .beer-menu-page span.collection-field-title, .beer-menu-page .spanWrapper { padding-right: 10px; }
}

@media(max-width: 450px) {
    #home-gallery video { min-height: unset !important; min-width: unset !important; height: auto !important; top: 90px; width: 100vw !important; }
    .TopVideo { height: 75vh !important; }
    #home-gallery .scroll-down img { filter: invert(1); min-width: 100px; }
    #home-gallery { height: 100% !important; }
    /*#home-gallery video { display: block; position: absolute; top: 50%; height: 100%; width: 100%; left: 50%; transform: translate(-50%, -50%);  }*/
}

@media(max-width: 375px) {
    .TopVideo { height: 90vh !important; }
}

/* Systems Page */
.systems.catalog-page .categoryContainerText { position: static; transform: none; text-align: center; margin-bottom: 30px; }
.systems.catalog-page .itemsList::after { content: ''; display: table; clear: both; }
.systems.catalog-page .categoryContainerBanner::after { content: none; }
.systems.catalog-page #CatalogModule { padding-bottom: 100px; }
.systems.catalog-page .categoryContainer + .categoryContainer { margin-top: 40px; }

@media(max-width: 767px) {
    .systems.catalog-page #CatalogModule { padding-bottom: 80px; }
}



/* General Fixes For Tablet */

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 ul.menu > li { font-size: 100%; padding: 15px; }

    #header2 .menu-nav .closed { display: none !important; }
    #home-gallery video { width: 120% !important; top: 50%; transform: translate(-50%, -50%); }
    .continuousFooter { flex-direction: column; margin-top: 30px; }
    .continuousFooter .GridFooterGallery { max-width: 100%; }
    .continuousFooter .slidesForModal .img-background-flex > div { height: 300px; }
    #mobile-player-controls { left: 15px; bottom: 15px; line-height: 1; }
    .page-17922 #SiteGridContainer { min-height: 0; }
    .aboutPage #pageview #text1 p img, .aboutPage #pageview #text2 p img { width: 100%; }
    .aboutPage #text1, .aboutPage #text2 { padding: 0 15px; }
    .CatalogItemPage #CatalogModule #CatalogItemView .catalog-fields { padding: 0 15px; }
    .beer-menu-page.CatalogItemPage #CatalogModule .ItemInnerWrapper { flex-direction: column; }
    .beer-menu-page #CatalogModule .flexslider .slides img { border: none; }
    .RelatedItemsWrapper.row { max-width: 80%; margin: 0 auto; }
    .beer-menu-page .container { width: 100%; }
    .CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide { padding-bottom: 0; }
    .CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider.large .slick-slide::before { content: ''; display: block; padding-top: 100%; }
    .CatalogItemPage #CatalogModule .ItemInnerWrapper { display: block; }
    .CatalogItemPage #CatalogModule .itemContentWrapper .itemContent { max-width: 100%; padding-bottom: 30px; }
    .howItWorks .grid-rows .grid-row { flex-wrap: wrap; flex-direction: column; }
    .howItWorks .grid-row-cell.flexslider-box, .howItWorks .grid-row .grid-row-cell.grid-row-cell-text { width: 100%; }
    .howItWorks .grid-rows .box-image-animation img { width: 100%; height: 100% !important; object-fit: contain; }
    .CatalogItemPage #CatalogModule .itemImagesSlick .gallery-slider img { object-fit: contain; }
    .TopVideo iframe { display: none; height: 100%; width: 100%; transform: translate(-50%, -50%); top: 50%; }
}



#SiteFooter .footer-text-divided > div.footer-text-left ul > li:last-child { color: #ffc52f; }

@media(max-width: 767px) {

    #SiteFooter .footer-text-divided > div.footer-text-left ul > li:not(:last-child)::after { content: none; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li:nth-child(1)::after,
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li:nth-child(3)::after { content: ''; position: static; display: inline-block; vertical-align: middle; transform: none; height: 15px; margin-right: 20px; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li { margin-left: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul { gap: 0px 20px; max-width: 320px; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li { flex: 0 0 auto; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li:last-child > a { padding: 0; }
    #SiteFooter .footer-text-divided > div.footer-text-left ul > li a { display: inline-block; }
    #SiteFooter .footer-text-divided > div.footer-text-left { font-size: 80%; }
}


/*blog*/
.blogPage #GridTop.blog { height: 500px; }
.blogPage #GridHeader { display: none; }
.blog-posts { column-count: 3; column-gap: 30px; }
.blogPage #GridContent { width: 1100px; margin: auto; }
.blog-grid #GridPage .max-width { max-width: 100%; }
.blog-post-title { font-family: 'barlev-regular'; font-size: 150%; }
.blog-post { min-height: 550px; }
.blog-post-content { background: #fff; box-shadow: 3px 3px 15px 0px #cccccc4a; min-height: 250px; padding: 15px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; }
.blog-post-text { font-size: 80%; border: none; line-height: 1.5; min-height: 135px; }
.blog-post-icons { margin-top: 0; margin-bottom: 20px; }
.blogPage .pagination > .active > a, .blogPage .pagination > .active > span, .blogPage .pagination > .active > a:hover, .blogPage .pagination > .active > span:hover, .blogPage .pagination > .active > a:focus, .blogPage .pagination > .active > span:focus { background: #000; border-color: #000; color: #fff; }
.blogPage .pagination > li > a, .blogPage .pagination > li > span { color: #000; border-color: #fff; transition: .2s all; }
.blogPage .pagination > li > a:hover, .blogPage .pagination > li > span:hover, .blogPage .pagination > li > a:focus, .blogPage .pagination > li > span:focus { background-color: #000; color: #fff; border-color: #000; }

.blogPage.contentInnerPage #headline { font-family: 'barlev-regular'; font-size: 400%; text-align: right; width: 100%; margin-bottom: 0; }
.blogPage.contentInnerPage .internalPage #GridPage { padding-top: 59px; }
.blogPage.contentInnerPage #BlogView h2 { font-family: 'barlev-regular'; font-size: 200%; }
.blogPage.contentInnerPage #BlogView #text1 h2 { font-size: 180%; }
.blog-post-date { font-size: 80%; }
.blogPage.contentInnerPage #BlogView .share-strip:after, #BlogView .share-strip:before { content: none; }
.blogPage.contentInnerPage .blog-post-icons { width: 50%; float: right; margin: 0; margin-top: 19px; font-size: 90%; }
.blogPage.contentInnerPage #BlogView .blog-related-posts .share-strip { text-align: left; margin-bottom: 80px; margin-top: 45px; width: 50%; float: left; }
.blogPage.contentInnerPage #BlogView .blog-post-icons + .share-strip { text-align: left; width: 50%; float: left; margin: 0; display: block; margin-top: 19px; margin-bottom: 30px; font-size: 80%; }
.blogPage.contentInnerPage #BlogView { position: relative; }
.blogPage.contentInnerPage #BlogView .share-strip { font-size: 80%; }
.blogPage.contentInnerPage #BlogView #text1 { max-width: 100%; }
.blogPage.contentInnerPage #text1 p { font-size: 75%; }
.blogPage.contentInnerPage #text1 h3 { font-family: 'barlev-regular'; font-size: 150%; }
.blogPage.contentInnerPage #BlogView .blog-related-posts h2 { text-align: center; font-size: 300%; margin-bottom: 50px; line-height: 0.7; }
.blog-related-post { background-color: #fff; min-height: 259px; box-shadow: 3px 3px 15px 0px #cccccc4a; }
.blog-related-post-title { font-family: 'barlev-regular'; font-size: 150%; line-height: 1; text-align: right; padding-top: 15px; }
.blogPage.contentInnerPage #BlogView #text1 { clear: both; }
#BlogModule { overflow: visible; }
.blogPage .col-sm-4 { padding-bottom: 100px; padding-left: 0; padding-right: 55px; }
.blogPage .blog-related-posts { margin-top: 0; }
.blog-post-icons span i { opacity: 0; margin-left: 25px; }
.blog-post-icons span:before { content: ''; position: absolute; height: 20px; width: 25px; top: -2px; right: -2px; background-image: url(/warehouse/temp/hermanos/calendar-icon.svg); background-size: contain; background-repeat: no-repeat; }
.blog-post-date { position: relative; }
.blog-related-post-title a:hover { color: #000; text-decoration: underline; }
.home-page .grid-boxes.grid-boxes-blog { max-width: 1100px; margin: auto; margin-top: 50px; }
.home-page .blog-post-text { text-align: right; }
.home-page .blog-post-content { min-height: 0; max-height: 180px; }
.home-page .blog-post { min-height: 350px; }
.home-page .blog-post-icons { display: none; }
.home-page .grid-blog { padding-top: 0; margin-top: 90px; }

.blogPage #NextLink span { opacity: 0; }
.blogPage #NextLink { background-image: url(/warehouse/temp/hermanos/arrow-r.svg); background-repeat: no-repeat; background-size: cover; padding: 0; height: 14px; width: 52px; border-radius: 0; }
.blogPage .pagination { display: flex; justify-content: center; align-items: center; }
.blogPage #NextLink:hover, .blogPage #NextLink:focus { background-color: transparent; border-color: transparent; width: 62px; height: 16px; }
.blogPage .pagination li { width: 50px; }

.blogPage #PrevLink span { opacity: 0; }
.blogPage #PrevLink { background-image: url(/warehouse/temp/hermanos/arrow-r.svg); transform: rotate(180deg); background-repeat: no-repeat; background-size: cover; padding: 0; height: 14px; width: 52px; border-radius: 0; }
.blogPage #PrevLink:hover, .blogPage #PrevLink:focus { background-color: transparent; border-color: transparent; width: 62px; height: 16px; }

@media(min-width:1200px) {
    .blogPage #GridContent { float: none; }
    .blogPage.contentInnerPage #GridContent { width: 1100px; }
    .blog-view { width: 890px; margin: auto; }
    .blogPage.contentInnerPage #BlogView .blog-related-posts .share-strip { left: 100px; }
}

@media(max-width:1440px) {
    .blogPage #GridTop.blog { height: 420px; }
}

@media(max-width:1200px) {
    .blog-post-content { min-height: 330px; }
    .blog-post-text { min-height: 140px; }
    .blog-post-title { min-height: 60px; }
    .home-page .grid-boxes.grid-boxes-blog { width: 90%; }
    .blog-view { width: 100%; }
}

@media(max-width:991px) {
    .blog-posts { column-count: 2; }
    .blogPage #GridContent { width: 85%; }
    .blog-post-content { min-height: 200px; }
    .blog-post-icons { margin: 15px 0; }

    .blogPage.contentInnerPage #headline, .blogPage.contentInnerPage #BlogView .blog-related-posts h2 { font-size: 300%; }
    .blogPage.contentInnerPage #BlogView h2 { font-size: 190%; }
    .blogPage.contentInnerPage #BlogView #text1 h2 { font-size: 160%; }
    .blogPage.contentInnerPage #text1 p { font-size: 85%; }

    .blog-related-post { min-height: 300px; }
    .blogPage .blog-related-posts { margin-top: 70px; }

    .home-page .grid-blog { margin-top: 50px; }
}

@media(max-width:767px) {
    .blogPage #GridContent { width: 90%; }
    .blog-posts { column-count: 1; }
    .blogPage #GridTop.blog { height: 300px; }
    .blog-post-text { min-height: 100px; }
    .blogPage .blog-related-posts { margin: 0 !important; }
    .blogPage.contentInnerPage #BlogView .blog-related-posts .share-strip { margin-top: 0; }
    .blogPage.contentInnerPage .gallery-container { margin: 0; }
    .blogPage.contentInnerPage #BlogView #text1 { margin-bottom: 0; }
    .blogPage.contentInnerPage #headline, .blogPage.contentInnerPage #BlogView .blog-related-posts h2 { font-size: 230%; }
    .blogPage.contentInnerPage #BlogView h2 { font-size: 170%; }
    .blogPage.contentInnerPage #BlogView #text1 h2 { font-size: 140%; }
    .blogPage.contentInnerPage #BlogView .blog-related-posts h2, .blogPage .col-sm-4 { padding: 0; }

    .blogPage .col-sm-4 { width: 100%; padding-bottom: 50px; }
    .blog-related-post { min-height: 330px; }

    .home-page .blog-post { padding-bottom: 50px; }
    .home-page .blog-post-content { min-height: 200px; }

    .home-page .grid-boxes.grid-boxes-blog { margin-top: 30px; }
}