@charset "UTF-8";
/**
 * TABLE OF CONTENTS
 *
 * 1) Typography
 * 2) Layout
 * 3) Menu

 */
/* 1 Typography
----------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;}

html, body {overflow-x: hidden; font-family: 'futura-pt', Arial, Sans-serif; font-size: 20px; line-height: 33px; font-weight: 400; color: #fff; letter-spacing: .5px;} 
body {background: #1a1a1a url('../../files/banner.png') center top no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

img {border: 0; max-width: 100%; vertical-align: middle !important;}

.modal-content {background-color: #1a1a1a ;}

/***************** paragraphs *******************/

h1 {margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 75px; line-height: 85px; letter-spacing: 4px; text-transform: uppercase;}
h2 {margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 45px; line-height: 55px; letter-spacing: 2px; text-transform: uppercase;}
h3 {margin: 0; padding: 0; color: #fff; font-weight: 700; font-size: 35px; line-height: 45px; letter-spacing: 1px; text-transform: uppercase;}
h4 {margin: 0; padding: 0; color: #c7c7cc; font-weight: 400; font-size: 30px; line-height: 45px; letter-spacing: .5px;}
h5 {margin: 0; padding: 0; color: #c7c7cc; font-weight: 400; font-size: 20px; line-height: 35px; letter-spacing: .5px; font-style: italic;}
h6 {margin: 0; padding: 0; color: #fff; font-weight: 700; text-transform: uppercase; font-size: 18px; line-height: 30px; letter-spacing: 1px;}

h1 a, h2 a, h3 a {border: none; color: #fff;}
h1 a:hover, h2 a:hover, h3 a:hover {border: none; color: #c7c7cc;}

em {font-style: italic;}
strong {font-weight: 700;}

h1 em, h2 em, h3 em {color: #c7c7cc; font-style: normal;}

h6 strong {color: #c7c7cc;}
h6 em {text-transform: none; font-weight: 400; font-style: normal;}

p {padding: 25px 0 0 0;}

a {text-decoration: none; border-bottom: 1px solid #333; color: #fff; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a:hover {color: #fff; border-bottom: 1px solid #c7c7cc; text-decoration: none;}

a img {opacity: 1; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
a img:hover {opacity: .5;}

blockquote {font-style: normal; padding: 0;}

::-moz-selection {color: #1a1a1a; background: #c7c7cc;}
::selection {color: #1a1a1a; background: #c7c7cc;}

/***************** line *******************/
hr {width: 100%; margin: 60px auto 40px auto; height: 2px; background-color: #333; color: #333; border: 0;}

#cc-settings-button {font-size: 1.5rem; border-bottom: none;}
#modal-cc #cc-buttons {display: flex; flex-direction: row-reverse; justify-content: flex-end;}
#modal-cc #cc-buttons button {margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}

/* 2 Layout
----------------------------------------------------------------------------- */

.container {width: 1400px; padding: 0;}

.block-section > .block-section-container {padding: 0; margin: 0 auto; width: 1400px; position: relative;}
.block-section .block-section-container .block-columns .block-section-container {width:auto;}
.block-section {float: left; width: 100%; max-width: 100%; position: relative; padding: 150px 0 180px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-section.top-section {padding: 450px 0 180px 0;}

.block-columns .block-section {padding: 0 !important;}

.btn-primary {white-space: normal; font-size: 16px; padding: 15px 50px; letter-spacing: 1px; border-radius: 0; border: none; border: 1px solid #c7c7cc; font-style: normal; line-height: 25px; background: transparent; font-weight: 700; display: inline-block; color: #c7c7cc; margin: 30px 0 0 0; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {border: none; border: 1px solid #c7c7cc; background: #c7c7cc; color: #1a1a1a;}

.btn-info {font-size: 14px; line-height: 22px; padding: 0; background: transparent; border-radius: 0; border: none; border-bottom: 1px solid #333; font-weight: 500; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 2px; color: #fff; margin: 30px 0 0 0; text-decoration: none;}
.btn-info:before {content: "\f00e"; font-family: FontAwesome; padding: 0 15px 0 0; font-size: 20px; color: #c7c7cc; font-weight: 400; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.btn-info:hover, .btn-info:active, .btn-info:focus {border-bottom: 1px solid #c7c7cc; color: #fff; background: transparent;}
.btn-info:hover:before {padding: 0 20px 0 0;}

.header {width: 100%; padding: 0; z-index: 700; position: fixed; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header-inner {height: auto; background: transparent; padding: 0 50px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
#site-logo {width: 100%; max-width: 250px; margin: 0; padding: 15px 0;}
#site-logo a {border: none;}

#contact-buttons {display: none; list-style: none; width: auto; float: right; margin: 40px 0 0 0;}
#contact-buttons li {float: left; margin: 0 0 0 50px; vertical-align: middle;} 
#contact-buttons li a {border: none; font-size: 25px; line-height: 30px; font-weight: 700; font-style: italic;}
#contact-buttons li a i {font-size: 30px; margin: 0 10px 0 0; font-style: normal; font-weight: 400;}
#contact-buttons li a:hover {color: #c7c7cc;}

#bottom-banner {position: absolute; bottom: 0; padding: 50px 0;}

.content h1 {padding: 10px 0 0 0;}
.content h2, .content h3, .content h4, .content h6, .content img {padding: 30px 0 0 0;}
.content h5 {margin: 0;}

.content ul {margin: 25px 0 0 0; list-style: none;}
.content ul li {padding: 5px 15px;}
.content ul li:nth-child(odd) {background: #2a2a2a;}
/*.content ul li:before {content: "\f0da"; font-family: FontAwesome; padding: 0 10px 0 0; color: #4d4d4d;}*/

.content .logo {width: 1000px; margin: -50px auto 0 auto;}

.block-list-group {margin: 25px 0 0 0;}
.block-list-group .list-group-item {background-color: transparent; padding: 25px 0; border: none; border-bottom: 2px solid #333; border-radius: 0;}
.block-list-group .list-group-item p {padding: 0;}
.block-list-group .list-group-item p strong {display: block; padding: 0 0 15px 0; color: #c7c7cc; font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 20px; letter-spacing: 2px;}

.block-list-group.accordion {padding: 5px 0 0 0; margin: 0;}
.block-list-group.accordion .panel {padding: 0; border: none; border-radius: 0; margin: 15px 0 0 0; background: transparent; border: 1px solid #333; -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
.block-list-group.accordion .panel:hover {background: transparent; border: 1px solid #c7c7cc;}
.block-list-group.accordion .panel-heading {padding: 0;}
.block-list-group.accordion .panel-body {padding: 0 20px 20px 20px;}
.block-list-group.accordion .panel-body p {padding: 0;}
.block-list-group.accordion .panel h4 {padding: 0; font-style: normal; text-transform: none; font-weight: 700; font-size: 20px; line-height: 30px;}
.block-list-group.accordion .panel h4 a {border: none; padding: 20px; display: block;}
.block-list-group.accordion .panel h4 a:after {content: "\f0d7"; font-family: FontAwesome; float: right; color: #c7c7cc; font-weight: 400;}

.bg-image {background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.bg-image.top {background-position: center top; background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;}

.bg-grey {background: #333;}

.block-gallery ul.gallery {padding: 30px 0 0 0;}

.news {border: none; margin: none;}
.news .list-group-item {padding: 20px 20px 35px 20px; margin: 20px 0 0 0; border: 1px solid #333; border-radius: 0; background: transparent; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.news .list-group-item:hover {border: 1px solid #c7c7cc;}
.news .list-group-item .list-date {margin: 0; padding: 0; color: #c7c7cc; font-weight: 700; text-transform: uppercase; font-size: 16px; line-height: 30px; letter-spacing: 1px; display: block;}
.news .list-group-item h3.list-header {padding: 10px 0 20px 0; color: #4d4d4d;}
.pager {margin: 30px 0 0 0; width: 100%; position: relative; float: left;}
.pager li {display: inline-block;}
.pager li a {display: inline-block; padding: 0; font-size: 1px; margin: 0 10px; color: #333; background: #333; border: none; width: 16px; height: 16px; border-radius: 8px; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.pager li a:hover, .pager li a.active {background: #c7c7cc; color: #c7c7cc;}

.banner {height: 100vh; padding: 0;}
.banner .block-section-container {width: 100%; padding: 50px; margin: 0; position: absolute; bottom: 0;}
.banner .block-columns .block-section-container {position: relative; padding: 0;}

.banner-big {padding: 0; min-height: 100vh; display: flex; justify-content: center; align-items: center;}

.banner-small {padding: 40px 0 60px 0;}

.big-box {padding: 0;}
.big-box .block-section-container {width: 100%; padding: 0; margin: 0;}
.big-box .__columns {display: flex; margin: 0; padding: 0;}
.big-box .__columns .block-section {height: 100%;}
.big-box .__columns .block-section-container {width: 100%; margin: 0; padding: 300px 150px 330px 150px;}
.big-box .row, .big-box .__content, .big-box .__col {margin: 0; padding: 0;}

.small-box {padding: 0;}
.small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
.small-box .__columns {display: flex; margin: 0; padding: 0;}
.small-box .__columns .block-section {height: 100%;}
.small-box .__columns .block-section-container {width: 100%; height: 100%; margin: 0; padding: 200px 100px 230px 100px;}
.small-box .row, .small-box .__content, .small-box .__col {margin: 0; padding: 0;}

.beer-box .__columns {display: flex; margin: 0; padding: 0;}
.beer-box .__columns .block-section {height: 100%; height: 630px}
.beer-box .__columns .block-section-container {width: 100%; height: 100%; margin: 0; background: rgba(26,26,26,.1); moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.beer-box .__columns .block-section-container:hover {background: rgba(26,26,26,.9);}
.beer-box .__columns .block-section-container h2 {position: absolute; bottom: 0; padding: 30px 130px 30px 30px;}
.beer-box .row {margin: 0 -5px; height: 100%;}
.beer-box .__content, .beer-box .__col {margin: 0; padding: 5px; height: 100%;}

.block-gallery ul.gallery {padding: 30px 0 0 0; margin: 0 -5px;}
.block-gallery ul.gallery .gallery-item {padding: 0 5px;}
.block-gallery ul.gallery li {margin-bottom: 0; background: transparent !important;}
.block-gallery ul.gallery img {width: 100%; padding: 10px 0 0 0; height: 200px !important; object-fit: cover; overflow: hidden;}

#footer {width: 100%; position: relative; padding: 150px 150px 180px 150px; background: transparent url('../../files/footer.svg') center top no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; margin: 0; overflow: hidden;}
#footer .__col, #footer .row {margin: 0; padding: 0;}
#footer #foot-logo {width: 200px; max-width: 100%; padding: 0;}
#footer a {border: none;}
#footer h3 {margin: 0 0 50px 0; padding: 0;}
#footer h3 a {border-bottom: 3px solid #333; color: #fff;}
#footer h3 a:hover {border-bottom: 3px solid #c7c7cc; color: #fff;}
#footer h6 {color: #c7c7cc;}
#footer ul.footer-menu {list-style: none; width: 100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
#footer ul.footer-menu li {letter-spacing: .7px; padding: 0 0 55px 0; font-weight: 400; font-size: 28px; display: block; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
#footer ul.footer-menu li a:hover {border: none; color: #c7c7cc;}

/* 3 Menu
----------------------------------------------------------------------------- */

button.navbar-toggle {width: 100%; text-align: right; font-size: 25px; color: #fff; margin: 27px 15px 0 0; padding: 0; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0;}
.navbar-nav li {float: left; margin: 40px 0 0 50px; vertical-align: middle;} 
.navbar-nav li a {border: none; font-size: 25px; line-height: 30px; font-weight: 700; font-style: italic; padding: 0; margin: 0; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.navbar-nav li a i {font-size: 30px; margin: 0 10px 0 0; font-style: normal; font-weight: 400;}
.navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-nav li.current_page_item a {moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; background: transparent; border: none; color: #c7c7cc;}
.navbar-nav .has_childs a:after {content: "\f107"; font-family: FontAwesome; line-height: 0; padding: 0 0 0 10px; font-style: normal; font-weight: 400;}
.navbar-nav .has_childs a:after, .navbar-nav .dropdown-menu {display: none;}
.navbar-nav .dropdown-menu li a:after, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:after {display: none;}
.navbar-nav .dropdown-menu {border-radius: 0; border: 0; right: 0; padding: 0; background: transparent;}
.navbar-nav .dropdown-menu li {margin: 0; float: none;}
.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {border: none; border-radius: 0; font-style: normal; background: #1a1a1a; font-weight: 400; font-size: 16px; line-height: 30px; border-left: 6px solid #333; color: #999 !important; padding: 10px 60px 10px 30px; margin: 0;}
.navbar-nav .dropdown-menu li a:before {display: none;}
.navbar-nav .dropdown-menu li a:hover, .navbar-nav li.active.current.current_page_item .dropdown-menu li a:hover {background: #1a1a1a; color: #fff !important; border: none; border-left: 6px solid #333;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #1a1a1a; color: #fff !important; border-left: 6px solid #fff;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.menu_temp {display: none;}

.navbar-mobile-buttons {display: none; margin: 0; float: left; padding: 10px 0; border-bottom: 2px solid #333; list-style: none;}
.navbar-mobile-buttons li {width: 100%; float: left;}
.navbar-mobile-buttons li a {border: none; padding: 10px 30px; display: block; font-size: 20px; line-height: 25px; font-weight: 700; font-style: italic; background: #1a1a1a; text-decoration: none; color: #fff;}

/* Form
----------------------------------------------------------------------------- */
.block-form {margin-top: 25px !important;}
.block-form .form-control {border: none; background: transparent; border: 1px solid #333; border-left: 6px solid #333; color: #c7c7cc; padding: 15px; font-size: 16px; border-radius: 0; height: auto; -webkit-appearance: none; -moz-appearance: none; appearance: none; moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.block-form .form-control:focus {background: transparent; border: 1px solid #c7c7cc; border-left: 6px solid #c7c7cc; color: #fff;}
.block-form .form-control::-webkit-input-placeholder {color: #999;}
.block-form .form-control:-moz-placeholder {color: #999;}
.block-form .form-control::-moz-placeholder {color: #999;}
.block-form .form-control:-ms-input-placeholder {color: #999;}
.block-form .btn-primary {margin: 10px 0 0 0; moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 11px;}


@media (max-width: 1920px) {
    h1 {font-size: 70px; line-height: 80px;}
    
    .content .logo {width: 800px;}
    
    .block-section {padding: 120px 0 150px 0;}
    .block-section.top-section {padding: 360px 0 150px 0;}
    .banner-small {padding: 30px 0 50px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .__columns .block-section-container {padding: 250px 100px 280px 100px;}
    .small-box .__columns .block-section-container {padding: 150px 75px 180px 75px;}
    
    #footer {padding: 120px 100px 150px 100px;}
    #footer ul.footer-menu li {padding: 0 0 50px 0; font-size: 25px; letter-spacing: .5px;}
}

@media (max-width: 1680px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 100px 0 130px 0;}
    .block-section.top-section {padding: 300px 0 130px 0;}
    .container {width: 1170px;}
    html, body {font-size: 14px; line-height: 27px; letter-spacing: .7px;}
    h1 {font-size: 65px; line-height: 75px;}
    h2 {font-size: 40px; line-height: 50px;}
    h3 {font-size: 30px; line-height: 40px;}
    h4 {font-size: 25px; line-height: 35px;}
    h5 {font-size: 17px; line-height: 27px;}
    h6, .menu .dropdown-menu li a {font-size: 14px; line-height: 27px; letter-spacing: .7px;}
    
    hr {margin: 40px auto 20px auto;}
    
    p {padding: 15px 0 0 0;}
    .content h1 {padding: 5px 0;}
    .content h2, .content h3, .content h4, .content h6, .content img {padding: 20px 0 0 0;}
    .block-gallery ul.gallery {padding: 20px 0 0 0;}
    .block-form {margin-top: 15px !important;}
    .content .logo {width: 700px;}
    .content ul {margin: 10px 0 0 0;}
    
    .block-gallery ul.gallery img {padding: 10px 0 0 0; height: 170px !important;}
    
    #contact-buttons {margin: 35px 0 0 0;}
    #contact-buttons li {margin: 0 0 0 30px;} 
    #contact-buttons li a {font-size: 18px; line-height: 23px;}
    #contact-buttons li a i {font-size: 25px;}
    
    .navbar-nav li {margin: 35px 0 0 30px;}
    .navbar-nav li a {font-size: 18px; line-height: 23px;}
    .navbar-nav li a i {font-size: 25px;}
    
    #site-logo {max-width: 200px;}
    
    .block-list-group {margin: 15px 0 0 0;}
    
    .block-list-group.accordion .panel {margin: 10px 0 0 0;} 
    .block-list-group.accordion .panel-body {padding: 0 15px 15px 15px;}
    .block-list-group.accordion .panel h4 {font-size: 16px; line-height: 25px;}
    .block-list-group.accordion .panel h4 a {padding: 15px;}

    .btn-primary {font-size: 12px; margin: 20px 0 0 0;}
    .btn-info, .btn-success  {font-size: 10px; line-height: 20px; letter-spacing: 1px; margin: 20px 0 0 0;}
    .btn-info:before, .btn-success:before {padding: 0 10px 0 0; font-size: 16px;}
    
    .banner {padding: 0; margin: 0;}
    .banner .block-section-container {width: 100%; margin: 0;}
    .banner .block-columns .block-section-container {position: relative; padding: 0;}
    
    .banner-small {padding: 30px 0 45px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 200px 75px 220px 75px;}
    .small-box .__columns .block-section-container {padding: 100px 50px 130px 50px;}
    
    .beer-box .__columns .block-section {height: 515px;}
    .beer-box .__columns .block-section-container h2 {padding: 20px 100px 20px 20px;}
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 7px;}
    
    #footer {padding: 100px 75px 130px 75px;}
    #footer #foot-logo {width: 170px;}
    #footer h3 {margin: 0 0 40px 0;}
    #footer ul.footer-menu li {padding: 0 0 45px 0; font-size: 22px;}
}

@media (max-width: 1440px) {
    h1 {font-size: 60px; line-height: 70px;}
    #footer ul.footer-menu li {padding: 0 0 45px 0; font-size: 18px;}
}

@media (max-width: 1280px) {
    .block-section > .block-section-container {width: 1050px;}
    .container {width: 1050px;}

    h1 {font-size: 50px; line-height: 60px; letter-spacing: 3px;}
    h2 {font-size: 35px; line-height: 45px; letter-spacing: 1px;}
    h3 {font-size: 25px; line-height: 35px; letter-spacing: 1px;}
    h4 {font-size: 22px; line-height: 30px;}
    
    #bottom-banner {padding: 30px 0;}
    
    .header-inner {padding: 0 30px;}
    
    #contact-buttons {margin: 30px 0 0 0;}
    #contact-buttons li {margin: 0 0 0 20px;} 
    #contact-buttons li a {font-size: 15px; line-height: 20px;}
    #contact-buttons li a i {font-size: 20px;}
    
    .navbar-nav li {margin: 30px 0 0 20px;}
    .navbar-nav li a {font-size: 15px; line-height: 20px;}
    .navbar-nav li a i {font-size: 20px;}
    
    #site-logo {max-width: 180px;}
    
    .btn-primary {padding: 10px 30px;}
    
    .block-section {padding: 80px 0 110px 0;}
    .block-section.top-section {padding: 240px 0 110px 0;}
    
    .content .logo {width: 600px; margin: 0 auto;}
    
    .banner {padding: 0; margin: 0;}
    .banner .block-section-container {width: 100%; padding: 30px; margin: 0;}
    .banner .block-columns .block-section-container {position: relative; padding: 0;}
    
    .banner-small {padding: 20px 0 35px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 100px 50px 120px 50px;}
    .small-box .__columns .block-section-container {padding: 50px 50px 70px 50px;}
    
    .beer-box .__columns .block-section {height: 460px;}

    .block-gallery ul.gallery img {height: 150px !important;}
    
    #footer {padding: 80px 50px 110px 50px;}
    #footer #foot-logo {width: 150px;}
    #footer h3 {margin: 0 0 30px 0;}
    #footer ul.footer-menu li {padding: 0 0 35px 0; font-size: 16px; letter-spacing: normal;}
}

@media (max-width: 1170px) {
    html, body {font-size: 13px; line-height: 25px; letter-spacing: .5px;}
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 30px; line-height: 40px;}
    h3 {font-size: 22px; line-height: 30px;}
    h4 {font-size: 18px; line-height: 25px;}
    h5 {font-size: 13px; line-height: 20px;}
    h6, .menu .dropdown-menu li a {font-size: 13px; line-height: 25px; letter-spacing: .5px;}

    .header-inner {padding: 0 20px;}
    
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 70px 0 100px 0;}
    .block-section.top-section {padding: 210px 0 100px 0;}
    .container {width: 970px;}
    .content .logo {width: 500px;}

    hr {width: 100%; margin: 30px 0 10px 0;}
    
    .banner-small {padding: 15px 0 30px 0;}
    
    .banner {padding: 0; margin: 0;}
    .banner .block-section-container {width: 100%; margin: 0;}
    .banner .block-columns .block-section-container {position: relative; padding: 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns .block-section-container {padding: 50px 30px 70px 30px;}
    .small-box .__columns .block-section-container {padding: 20px 30px 40px 30px;}
    
    .beer-box .__columns .block-section {height: 425px;}
    .beer-box .__columns .block-section-container h2 {padding: 20px 100px 20px 20px;}
    
    .block-gallery ul.gallery img {height: 130px !important;}
    
    #footer {padding: 70px 30px 100px 30px;}
    #footer #foot-logo {width: 130px;}
    #footer h3 {margin: 0 0 20px 0;}
    #footer ul.footer-menu li {padding: 0 0 28px 0; font-size: 14px;}
}

@media (max-width: 1024px) {
    .beer-box .__columns .block-section-container {background: rgba(26,26,26,.3);}
}

@media (max-width: 992px) {
    html, body {font-size: 12px; line-height: 22px;}
    h1 {font-size: 30px; line-height: 40px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3 {font-size: 20px; line-height: 30px;}
    h4 {font-size: 16px; line-height: 22px;}
    h5 {font-size: 12px; line-height: 22px;}
    h6, .menu .dropdown-menu li a {font-size: 12px; line-height: 22px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 50px 0 80px 0;}
    .block-section.top-section {padding: 150px 0 80px 0;}
    .container {width: 750px;}
    
    .navbar-nav li {margin: 30px 0 0 15px;}
    .navbar-nav li a {font-size: 13px; line-height: 20px;}
    .navbar-nav li a i {font-size: 18px;}
    
    .banner {height: 80vh; padding: 0; margin: 0;}
    .banner .block-section-container {width: 100%; padding: 20px; margin: 0;}
    .banner .block-columns .block-section-container {position: relative; padding: 0;}
    
    .banner-small {padding: 10px 0 25px 0;}
    
    .big-box, .small-box {padding: 0;}
    .big-box .block-section-container, .small-box .block-section-container {width: 100%; padding: 0; margin: 0;}
    
    .big-box .__columns, .small-box .__columns  {display: block;}
    
    .big-box .__columns .block-section-container {padding: 5px 20px 30px 20px; border: none;}
    .small-box .__columns .block-section-container {padding: 5px 20px 30px 20px; border: none;}
    
    .beer-box .__columns .__col {width: 100%; float: left; position: relative;}
    .beer-box .__columns .block-section {height: 350px;}
    .beer-box .__columns .block-section-container h2 {padding: 15px 60px 15px 15px;}

    .block-list-group.accordion .panel {margin: 5px 0 0 0;} 
    .block-list-group.accordion .panel-body {padding: 0 10px 10px 10px;}
    .block-list-group.accordion .panel h4 {font-size: 14px; line-height: 22px;}
    .block-list-group.accordion .panel h4 a {padding: 10px;}
    
    .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {margin-top: 5px;}
    
    .block-gallery ul.gallery img {height: 110px !important;}
    
    #footer {padding: 50px 20px 80px 20px; text-align: center;}
    #footer #foot-logo {width: 120px; margin: 0 auto 30px auto;}
    #footer h3 {margin: 0 0 15px 0;}
    #footer ul.footer-menu {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding: 15px 0 0 0;}
    #footer ul.footer-menu li {padding: 0 0 15px 0; font-size: 16px;}
}

@media (max-width: 767px) {
    html, body {font-size: 13px; line-height: 23px;}
    .block-section > .block-section-container {width: auto;}
    .block-section {padding: 30px 15px 50px 15px; min-height: 50px;}
    .block-section.top-section {padding: 120px 15px 50px 15px;}
    .container {width: auto;}
    
    .header {padding: 0; top: 0 !important;}
    .header-inner {padding: 0;}
    
    #contact-buttons {margin: 0; padding: 5px 0 10px 0; float: none; width: 100%; text-align: center;} 
    #contact-buttons li {margin: 5px 0 0 0; display: block; float: none} 
    #contact-buttons li a {font-size: 15px; line-height: 20px;}
    #contact-buttons li a i {font-size: 20px; margin: 0 5px;}
    
    .navbar-nav {height: 100vh; padding: 0; background: #1a1a1a;}
    .navbar-nav li {margin: 0; float: left; width: 100%; display: block;}
    .navbar-nav li a {font-size: 20px; line-height: 25px; margin: 20px 0 0 0; padding: 0 30px;}
    .navbar-nav li a i {font-size: 25px;}
    .menu_temp, .navbar-mobile-buttons {display: block;}
    
    #bottom-banner {padding: 20px 50px; min-height: 0;}
    
    .content .logo {width: 350px;}
    
    .spacing {display: none !important;}
    
    .block-gallery ul.gallery img {height: 150px !important;}
    
    .banner {height: 100vh; padding: 0; margin: 0; text-align: center;}
    .banner .block-section {min-height: 0;}
    .banner .block-section-container {width: 100%; position: absolute; background: rgba(0,0,0,.5); bottom: 0; padding: 0 20px 20px 20px; margin: 0;}
    .banner .block-section-container h6 {padding: 10px 0 0 0;}
    .banner .block-columns .block-section-container {position: relative; background: transparent; padding: 0;}
    
    .banner .text-right, .banner .text-left {text-align: center !important;}

    .banner-big {padding: 0 15px; height: 100vh;}
    .banner-small {padding: 10px 15px 25px 15px; text-align: center;}
    
    .big-box, .small-box {padding: 0;}
    
    .big-box .__columns .block-section-container {padding: 10px 20px 20px 20px;}
    .small-box .__columns .block-section-container {padding: 10px 20px 20px 20px;}
    
    .beer-box .__columns {display: block;}
    .beer-box .__columns .block-section {height: 500px;}
    .beer-box .__columns .block-section-container h2 {padding: 15px 115px 15px 15px;}
    
    #site-logo {padding: 15px 0; max-width: 150px; margin: 0 0 0 15px;}
}

@media (max-width: 375px) {
    h1 {font-size: 27px; line-height: 37px;}
    h2 {font-size: 22px; line-height: 32px;}
    h3 {font-size: 17px; line-height: 27px;}
    
    .content .logo {width: 300px;}
    
    #bottom-banner {padding: 20px 35px;}
    .beer-box .__columns .block-section {height: 450px;}
}

@media (max-width: 320px) {
    h4 {font-size: 14px; line-height: 20px;}
    .content .logo {width: 250px;}
    .content ul li {padding: 5px 10px;}
    .block-gallery ul.gallery img {height: 130px !important;}
    
    .navbar-nav li a {font-size: 18px; line-height: 23px; margin: 15px 0 0 0;}
    .navbar-nav li a i {font-size: 23px;}
    
    .navbar-mobile-buttons {padding: 5px 0;}
    .navbar-mobile-buttons li a {font-size: 18px; line-height: 23px;}
    
    #bottom-banner {padding: 20px;}
    .beer-box .__columns .block-section {height: 350px;}
}



/*----------------NEWS PLUGIN-------------------*/

.newsfeed.news-list .list-group-item:nth-child(n+3), .newsfeed .news-block .list-group-item:nth-child(n+4) { display:none;}
.__col .newsfeed.news-block .block-list-group {flex-direction: column;}
.__col .newsfeed.news-block .list-group-item {flex:1 !important;}
.__col .newsfeed.news-block .list-group-item:nth-child(n+2) { display:none;}
.__col .newsfeed.news-block:has(.nonews) {height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.__col .newsfeed.news-block .news.block-list-group .list-group-item {flex:1 0 100%; max-width: 100%;}

.__base .block-divider.news-plugin .spacer:before {content:"NEWS PLUGIN - DO NOT EDIT"; font-family:monospace !important;}
.__base .block-divider.news-plugin.news-share .spacer:before {content:"NEWS PLUGIN | NEWS SHARE - DO NOT EDIT";}
.__base .block-divider.news-plugin.news-controls:not(.news-share) .spacer:before {content:"NEWS PLUGIN | NEWS CONTROLS - DO NOT EDIT";}
.__base .block-divider.news-plugin.news-share.news-controls .spacer:before {content:"NEWS PLUGIN | NEWS SHARE | NEWS CONTROLS - DO NOT EDIT";}

html:not(.cms) .news-plugin:has(.spacer) {background:url("../../assets/images/loader.gif") 50% 5% / 5rem no-repeat scroll transparent;}
.news-plugin .block-list {width:100%; margin-inline:auto;}
.news-plugin .spacer {padding-block:3rem; height:auto; padding-block:3rem;}
.news-card.news-block .news .list-group-item[onclick*="window.location"] {cursor:pointer;}
.news.block-list-group .list-group-item:hover {transform:translateY(-6px);}

.news-share {margin-inline:0;}
.news-share .share-inner.row {width:100%; border-top:2px solid $primary; }
.news-share .share-inner.row:not(:first-child) {border-bottom:2px solid $primary;}
.news-share .share-inner.row > div:first-child {border-right:2px solid $primary; }
.news-share .share-inner a {background:transparent; border:2px solid $primary; height:60px; width:60px; border-radius:50%; display: inline-flex; justify-content: center; align-items: center; text-align:center; font-size:30px; margin:0 5px; text-decoration:none !important; transition: $trans;}
.news-share .share-inner a:after {display:none;}
.news-share .share-inner a i {color:$primary;}
.news-share .share-inner a:hover {background:$dark;} .news-share .share-inner a:hover i {color:$light;}
body.dark .news-share .share-inner :is(a, a i) {border-color:$light !important; color:$light !important;}

.news-controls .show-inner a.back {text-transform:uppercase; color:$custom3 !important; text-decoration:none; border-bottom:1px dotted;}
.news-controls .show-list ul {padding:0; list-style:none; display:flex; margin-top:30px !important;}
.news-controls .show-list ul li:before {display:none;}
.news-controls .show-list ul li a:before {content:""; background-color:$offwhite; background-image:url($logosrc); background-size:20%; background-position:center; background-repeat:no-repeat; height:100px; width:100%; border-radius: 20px 20px 0 0; display: block; margin-bottom:5px;}
.news-controls .show-list ul li {display:none; width: -webkit-fill-available; text-align:center; padding:0 10px; line-height:normal; font-style:italic;}
.news-controls .show-list ul li:hover a {border-bottom:0; color:$primary;}
.news-controls .show-list ul li:nth-child(-n+4) {display:list-item;}
.news-controls a.btn {width:auto !important; height:auto !important;}

.news-head {margin-bottom:2rem;}
.news-head :is(h1,h2,h3,h4) {font-weight:700;}
.news-head h6 {background: transparent; color: $custom3; padding: 0; margin: 5px 2px 0 2px; letter-spacing: 2px;}
.news-head h6:before {content:"\f017"; font-family: "Font Awesome 5 Free"; font-weight:700; margin-right:5px;}
.news-head strong {border-radius:0 calc($boradius / 2) calc($boradius / 2) 0; font-size:.9rem; overflow:hidden; background:$custom6; color:$dark; display: inline-flex; padding-right: 1rem; line-height: normal; height: 2rem; flex-direction: row; align-items: center;}
.news-head strong:before {background:$primary; color:$light; content:"\f007"; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-right: 0.5rem; height: 100%; display: flex; justify-content: center; align-items: center; width: 2rem;}

.news-plugin.news-latest {--newsbh:10rem;}
.news-plugin.news-latest .news {gap:1rem; justify-content: flex-start; background-color:$secondary; padding:2rem; flex-direction:column !important;}
.news-plugin.news-latest .news > h5 {color:$light; margin-top:0 !important; font-weight:700; text-transform:uppercase;}
.news-plugin.news-latest .news .list-group-item {max-width:100%; flex:1 !important; padding: calc(var(--newsbh) + 0px) 0 0 0 !important; }
.news-plugin.news-latest .news .list-group-item:nth-child(n+6) { display:none;}
.news-plugin.news-latest .news .list-group-item .list-header {background-color:$opac3dark; position: absolute; inset: 0; padding: 0.3rem; z-index:2; color:$light; font-size:1rem; display: flex; align-items: flex-end; justify-content: flex-start; margin:0;}
.news-plugin.news-latest .news .list-group-item .list-content {margin:0;}
.news-plugin.news-latest .news .list-group-item .list-content > *:not(p:has(img)) {display:none;}


} @media (max-width:1440px) {
    .newsfeed .news-block .list-group-item:nth-child(n+3) { display:none;}
    
} @media (max-width:992px) {
    .news-share .share-inner a {height:45px; width:45px; font-size:20px; margin:0 2px;}
} @media (max-width:767px) {
    .news-share .share-inner.row > div:first-child {border:none;}
    .news-controls.share-inner {padding-block:1rem;}
    .news-controls .show-list ul li a:before {background-size:50%; height:60px;}
    .news-controls .show-list ul li {font-size:10px; line-height:15px;}
    .news-controls .show-list ul li:nth-child(3), .news-controls .show-list ul li:nth-child(4) {display:none;}
    
    .__col .newsfeed.news-block .list-group-item:nth-child(2) { display:block;}
    .__col .newsfeed.news-block:has(.nonews) {justify-content: flex-start;}
    .newsfeed .news-block .list-group-item:nth-child(n+3) { display:none;}
    
    
} @media (max-width:558px) {
    .news-controls .show-list ul {flex-direction: column;}
    .news-controls .show-list ul li {margin-bottom:20px !important;}
    .news-controls .show-list ul li:nth-child(-n+4) {display:list-item !important;}
    
    .news-card.news-block .news .list-group-item {max-width:calc(50% - 1rem); flex: calc(50% - 1rem);}
    .news-plugin.news-latest {margin-top:1rem !important;}
    .news-plugin.news-latest .news {flex-direction:row !important; padding-inline:1rem !important;}
    .news-plugin.news-latest .news > h5 {width:100%;}
    .news-plugin.news-latest .news .list-group-item {max-width: 100% !important; flex: 1 calc(50% - 0.5rem) !important;}
} @media (max-width:380px) {   
    .news-card.news-block .news .list-group-item {max-width:100%; flex: 100%;}
}






/*************************rx*********************/

body .content > .block-section.bg-image:not(.hero) {background-image:none !important;}


.news-card .block-list-group {display: flex; flex-wrap: wrap; gap:2rem;}
.news-card .block-list-group .list-group-item {display: flex; flex-direction: column; flex:1 calc(calc(100% / 3) - 1.5rem); margin:0; max-width:calc(calc(100% / 3) - 1.5rem);}
.news-card .block-list-group .list-group-item .list-content {margin-top:auto;}
.news-card .block-list-group .list-group-item .list-content img {padding-block:0 1rem; height: 40vh; width: 100%; object-fit: cover; object-position: top; transition: 1s;}
.news-card .block-list-group .list-group-item .list-content img:hover {object-position: bottom;}
.news-card .block-list-group .list-group-item h3.list-header {color:white;}



/*************************rx*********************/



.d-block {display:block;}
.mx-auto {margin-left:auto !important; margin-right:auto !important;}
.my-auto {margin-top:auto !important; margin-bottom:auto !important;}
.mt-0, .m-0, .my-0 {margin-top:0 !important;} .mt-1, .m-1, .my-1 {margin-top:.25rem !important;} .mt-2, .m-2, .my-2 {margin-top:.5rem !important;} .mt-3, .m-3, .my-3 {margin-top:1rem !important;} .mt-4, .m-4, .my-4 {margin-top:1.5rem !important;} .mt-5, .m-5, .my-5 {margin-top:3rem !important;}
.mb-0, .m-0, .my-0 {margin-bottom:0 !important;} .mb-1, .m-1, .my-1 {margin-bottom:.25rem !important;} .mb-2, .m-2, .my-2 {margin-bottom:.5rem !important;} .mb-3, .m-3, .my-3 {margin-bottom:1rem !important;} .mb-4, .m-4, .my-4 {margin-bottom:1.5rem !important;} .mb-5, .m-5, .my-5 {margin-bottom:3rem !important;}
.ml-0, .m-0, .mx-0 {margin-left:0 !important;} .ml-1, .m-1, .mx-1 {margin-left:.25rem !important;} .ml-2, .m-2, .mx-2 {margin-left:.5rem !important;} .ml-3, .m-3, .mx-3 {margin-left:1rem !important;} .ml-4, .m-4, .mx-4 {margin-left:1.5rem !important;} .ml-5, .m-5, .mx-5 {margin-left:3rem !important;}
.mr-0, .m-0, .mx-0 {margin-right:0 !important;} .mr-1, .m-1, .mx-1 {margin-right:.25rem !important;} .mr-2, .m-2, .mx-2 {margin-right:.5rem !important;} .mr-3, .m-3, .mx-3 {margin-right:1rem !important;} .mr-4, .m-4, .mx-4 {margin-right:1.5rem !important;} .mr-5, .m-5, .mx-5 {margin-right:3rem !important;}
.pt-0, .p-0, .py-0 {padding-top:0 !important;} .pt-1, .p-1, .py-1 {padding-top:.25rem !important;} .pt-2, .p-2, .py-2 {padding-top:.5rem !important;} .pt-3, .p-3, .py-3 {padding-top:1rem !important;} .pt-4, .p-4, .py-4 {padding-top:1.5rem !important;} .pt-5, .p-5, .py-5 {padding-top:3rem !important;}
.pb-0, .p-0, .py-0 {padding-bottom:0 !important;} .pb-1, .p-1, .py-1 {padding-bottom:.25rem !important;} .pb-2, .p-2, .py-2 {padding-bottom:.5rem !important;} .pb-3, .p-3, .py-3 {padding-bottom:1rem !important;} .pb-4, .p-4, .py-4 {padding-bottom:1.5rem !important;} .pb-5, .p-5, .py-5 {padding-bottom:3rem !important;}
.pl-0, .p-0, .px-0 {padding-left:0 !important;} .pl-1, .p-1, .px-1 {padding-left:.25rem !important;} .pl-2, .p-2, .px-2 {padding-left:.5rem !important;} .pl-3, .p-3, .px-3 {padding-left:1rem !important;} .pl-4, .p-4, .px-4 {padding-left:1.5rem !important;} .pl-5, .p-5, .px-5 {padding-left:3rem !important;}
.pr-0, .p-0, .px-0 {padding-right:0 !important;} .pr-1, .p-1, .px-1 {padding-right:.25rem !important;} .pr-2, .p-2, .px-2 {padding-right:.5rem !important;} .pr-3, .p-3, .px-3 {padding-right:1rem !important;} .pr-4, .p-4, .px-4 {padding-right:1.5rem !important;} .pr-5, .p-5, .px-5 {padding-right:3rem !important;}

@media (min-width:768px) {   
    .p-md-0 {padding:0 !important;}
    .py-md-0 {padding-top:0 !important; padding-bottom:0 !important;}
    .px-md-0 {padding-left:0 !important; padding-right:0 !important;}
    .pl-md-5 {padding-left:3rem !important;}
    .pr-md-5 {padding-right:3rem !important;}
}

@media (max-width:767px) {   
    .p-0-md {padding:0 !important;}
    .py-0-md {padding-top:0 !important; padding-bottom:0 !important;}
    .px-0-md {padding-left:0 !important; padding-right:0 !important;}
    
    .news-card .block-list-group .list-group-item {flex:1 calc(50% - 1rem);  max-width:calc(50% - 1rem);}
}

@media (max-width:558px) {   
    .news-card .block-list-group .list-group-item {flex:1 100%;  max-width:100%;}
}

/* Temporary css for Dryckesmassa page*/


/* Styles for buttons within div#block-129911 */
/*
#block-129911 button.btn.btn-link {
  color: white;
  font-size: 18px;
  background-color: #222;
  margin-top: 10px;
}


#block-533775 button.btn.btn-link {
  color: white;
  font-size: 18px;
  background-color: #222;
  margin-top: 10px;
}

#block-203101 button.btn.btn-link {
  color: white;
  font-size: 18px;
  background-color: #222;
  margin-top: 10px;
}
*/
.custom-acc button.btn.btn-link {
  color: white;
  font-size: 26px;
  background-color: #222;
  margin-top: 10px;
  font-style: normal;
}