@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 {background: #fff; overflow-x: hidden; font-family: 'montserrat', Arial, Sans-serif; font-size: 18px; line-height: 33px; font-weight: 300; color: #4d5053; letter-spacing: .3px;} 

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

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

h1 {font-family: 'big-caslon-fb', Georgia, Serif; margin: 0; padding: 0; color: #4d5053; font-weight: 400; font-size: 65px; line-height: 75px;}
h2 {font-family: 'big-caslon-fb', Georgia, Serif; margin: 0; padding: 0; color: #4d5053; font-weight: 400; font-size: 55px; line-height: 65px;}
h3 {font-family: 'big-caslon-fb', Georgia, Serif; margin: 0; padding: 0; color: #4d5053; font-weight: 400; font-size: 45px; line-height: 55px;}
h4 {font-family: 'big-caslon-fb', Georgia, Serif; margin: 0; padding: 0; color: #4d5053; font-weight: 400; font-size: 35px; line-height: 45px;}
h5 {font-family: 'big-caslon-fb', Georgia, Serif; margin: 0; padding: 0; color: #4d5053; font-weight: 400; font-size: 25px; line-height: 35px; letter-spacing: .5px;}
h6 {font-family: 'montserrat', Arial, Sans-serif; margin: 0; padding: 0; color: #4d5053; font-weight: 700; text-transform: uppercase; font-size: 14px; line-height: 30px; letter-spacing: 4px;}

h5 a {font-family: 'montserrat', Arial, Sans-serif; font-size: 12px; line-height: 30px; padding: 0; border-radius: 0; border-bottom: none; font-weight: 700; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 4px; color: #4d5053; margin: 0; text-decoration: none;}
h5 a:before {content: "\f178"; font-family: FontAwesome; padding: 0 10px 0 0; color: #bfa97d; font-weight: 400; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
h5 a:hover {border: none;}
h5 a:hover:before {padding: 0 20px 0 0;}

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

h6 strong {color: #bfa97d;}
h6 em {font-family: 'matrix-ii', Georgia, Serif; font-size: 16px; letter-spacing: .7px; text-transform: none; font-weight: normal;}

p {padding: 15px 0 0 0;}

a {text-decoration: none; border-bottom: 1px solid #e6e8ea; color: #4d5053; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
a:hover {color: #4d5053; border-bottom: 1px solid #bfa97d; text-decoration: none;}

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

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

::-moz-selection {color: #fff; background: #bfa97d;}
::selection {color: #fff; background: #bfa97d;}

/***************** line *******************/
hr {width: 100%; margin: 50px 0 30px 0; height: 1px; background-color: #bfa97d; color: #bfa97d; border: 0;}


/* 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%; position: relative; padding: 180px 0 210px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

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

.btn-primary {font-size: 13px; padding: 15px 50px; border-radius: 0; border: none; font-style: normal; line-height: 25px; border: 1px solid #4d5053; background: transparent; letter-spacing: 2px; text-transform: uppercase; font-weight: 400; display: inline-block; color: #4d5053; margin: 20px 0 0 0; text-decoration: none;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {border: 1px solid #bfa97d; background: #bfa97d; color: #fff;}

.site-header {width: 100%; padding: 20px; background: transparent; z-index: 700; position: fixed; left: 0; top: 0; moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#site-logo {width: 100%; max-width: 200px; margin: 0; padding: 0;}
#site-logo a {border: none;}

#video-wrapper {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: #232629; overflow: hidden; z-index: 0;}
#bgvid {min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#Banner {padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; background: rgba(35,38,41,.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Banner .block-section-container {margin-top: -75px;}
#Banner h1 {font-family: 'montserrat', Arial, Sans-serif; text-transform: uppercase; letter-spacing: 10px; font-size: 150px; line-height: 150px; font-weight: 700; padding: 30px 0 0 0;}
#Banner .btn-primary {border: 1px solid #bfa97d; background: #bfa97d; color: #fff;}
#Banner .btn-primary:hover, #Banner .btn-primary:active, #Banner .btn-primary:focus {border: 1px solid #fff; background: #fff; color: #bfa97d;}

.banner_2 {padding: 51px; width: 100%; background: transparent url('../../files/bg_2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.content h1, .content h2, .content h3, .content h4, .content h6, .content img {padding: 20px 0 0 0;}
.content h5 {margin: 20px 0 0 0;}
.content .symbol {width: 90px; max-width: 100%; margin: 0 auto;}
.content .citat h4 {padding: 45px 0 25px 0; font-style: italic; color: #bfa97d;}
.content ul {list-style-position: inside;}

.shop_1 {padding: 180px 0 0 0;}
.shop_2 {padding: 30px 0 210px 0;}

.bg-image {background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.bg-l_gray {background: #f0f1f2;}

.bg-gray {background: #4d5053;}
.bg-gray h4, .bg-gray h5, .bg-gray h5 a, .bg-gray h5 a:hover, .bg-gray h6, .bg-gray a, .bg-gray a:hover, .bg-gray p {color: #fff;}
.bg-gray h1, .bg-gray h2, .bg-gray h3 {color: #bfa97d;}

.light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h5 a, .light-text h5 a:hover, .light-text h6, .light-text a, .light-text a:hover, .light-text p {color: #fff;}
.light-text h1 {color: #bfa97d;}

.block-gallery ul.gallery {padding: 20px 0 0 0;}
.block-gallery ul.gallery img {width: 100%; height: 200px !important; object-fit: cover; padding: 10px 0 0 0; overflow: hidden;}

.__base div:is(.hidden, .d-md-none) {display: block !important; opacity:0.5 !important; visibility:visible !important; position:relative;}
.__base div:is(.hidden, .d-md-none):before {content: ""; position: absolute; background-image: url('../../assets/images/hidden.png') !important;  left: 0; top: 0; width: 100% !important; height: 100%; background-size: 6.25rem; z-index: 0;}
.__base .bg-dark .hidden:before {filter:invert(1);}

#Section_1, .bg-light {background: #f0f1f2;}

#Section_2 {padding: 0; background: #fff;}
#Section_2 .block-section-container {width: 100%; padding: 0; margin: 0;}
#Section_2 .__columns {display: flex; margin: 0; padding: 0;}
#Section_2 .__columns .block-section {height: 100%; min-height: 1000px;}
#Section_2 .__columns .block-section-container {width: 100%; margin: 0; padding: 100px; position: absolute; bottom: 0; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .5s; -ms-transition: all .5s; transition: all .5s;}
#Section_2 .row, #Section_2 .__content, #Section_2 .__col {margin: 0; padding: 0;}

#Section_3 {position: relative; float: left; margin: 0 -3px; width: auto; padding: 0; display: flex;}
#Section_3 .block-section {background: #fff; width: 25%; padding: 0; border-left: 3px solid #f0f1f2; border-right: 3px solid #f0f1f2; border-top: 6px solid #f0f1f2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#Section_3 .block-section-container {width: 100%; margin: 0;}
#Section_3 .row {margin: 0;}
#Section_3 .__col, #Section_3 .__content {padding: 0;}
#Section_3 h1, #Section_3 h2, #Section_3 h3, #Section_3 h4, #Section_3 h6 {padding: 20px 30px 0 30px;}
#Section_3 p {padding: 15px 30px 0 30px;}
#Section_3 h5 {padding: 0 30px;}
#Section_3 h5 a {margin: 0 0 30px 0;}

#Section_4 {background: #f0f1f2;}
#Section_4 .__col {border-right: 1px solid #bfa97d; padding: 0 30px 30px 30px;}
#Section_4 .__col:last-child {border: none;}

#Karta {padding: 0; line-height: 0;}
#Karta .block-section-container {width: 100%; padding: 0; margin: 0;}
#Karta iframe {line-height: 0; -webkit-filter: grayscale(1); filter: grayscale(1); width: 100%;}

.social {width: 100%; padding: 0; margin: 0; background: #bfa97d; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.social h3 {padding: 38px 0 0 0; color: #fff;} 
.social h2 {padding: 0; margin: 0; font-size: 30px; line-height: 30px; text-align: right;}
.social h2 a {border: none; padding: 50px 60px; color: #fff; margin: 0; border-right: 1px solid #fff; display: inline-block;}
.social h2 a:first-child {border-left: 1px solid #fff;}
.social h2 a:hover {background: #fff; color: #bfa97d;}

.footer {width: 100%; padding: 60px 0; text-align: center; margin: 0; background: #323538; position: relative; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer p, .footer a {color: #9ea1a4; border: none; padding: 0;}
.footer a:hover {color: #bfa97d;}
.footer strong {text-transform: uppercase; display: block; font-size: 12px; color: #fff; letter-spacing: 2px; padding: 0 10px 0 0;}
.footer h6 {color: #4d5053;}
.footer hr {margin: 60px 0; background-color: #4d5053; color: #4d5257;}
.footer img {width: 200px; float: right;}
.footer .border {border-left: 1px solid #4d5053; border-right: 1px solid #4d5053;}
#foot-menu {list-style: none; width: 100%; float: left; margin: 10px 0 0 0;}
#foot-menu li {float: left; margin: 0; width: calc(100% / 3); padding: 2px;}
#foot-menu li a {text-transform: uppercase; color: #fff; background: #4d5053; font-weight: 700; letter-spacing: 3px; font-size: 12px; border: none; font-style: normal; display: block; padding: 15px 0; text-decoration: none;}
#foot-menu li a:hover {color: #fff; background: #bfa97d;}
#foot-menu ul.children {display: none;}

#video-popup .modal-dialog {margin: 0 auto; width: 1280px; margin-top: calc(50vh - 315px);}
#video-popup .modal-content {background-color: transparent; -webkit-box-shadow: none; box-shadow: none; border: none;}
#video-popup .modal-content iframe {line-height: 0;}
#video-popup .modal-body {padding: 0;}
.video {cursor: pointer;}
.video {width: 200px; margin: 30px auto 0 auto; opacity: .5; cursor: pointer; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s;}
.video:hover {opacity: 1;}


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

button.navbar-toggle {width: 100%; text-align: right; font-size: 30px; color: #bfa97d; margin: 3px 15px 0 0; padding: 0; border: none;}
.navbar, .navbar-nav {margin: 0; border: none; min-height: 0;}
.navbar-nav li a {color: #9ea1a4; font-weight: 700; text-transform: uppercase; padding: 0; font-size: 14px; line-height: 30px; letter-spacing: 3px; border-bottom: 2px solid transparent; margin: 15px 80px 0 0; -webkit-transition: none; -o-transition: none; transition: none; text-decoration: none; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.navbar-nav li a:hover, .nav .open>a, .nav .open>a:hover, .navbar-nav li.current_page_item a {-webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; background: transparent; color: #fff; border-bottom: 2px solid #bfa97d;}
.navbar-nav li:last-child a {border: none; margin: 0; border-radius: 0; padding: 15px 60px; background: transparent; border: 1px solid #bfa97d; color: #fff;}
.navbar-nav li:last-child a:hover {background: #bfa97d; color: #fff;}
.navbar-nav .dropdown-menu {border-radius: 0; border: 0; right: 50px; padding: 0; background: transparent;}
.navbar-nav .dropdown-menu li a, .navbar-nav li.active.current.current_page_item .dropdown-menu li a {border: none; border-radius: 0; background: #fff; font-weight: 400; font-size: 16px; line-height: 30px; border-left: 7px solid #c7c9cb; color: #9ea1a4; letter-spacing: normal; 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: #fff; color: #4d5053; border: none; border-left: 7px solid #c7c9cb;}
.navbar-nav .dropdown-menu li.active.current.current_page_item a {background: #fff; color: #4d5053; border-left: 7px solid #bfa97d;}
.navbar-collapse {padding: 0; border-top: none; -webkit-box-shadow: none; box-shadow: none;}

.menu_temp {display: none;}

.navbar-mobile-buttons {display: none; margin: 10px 0 0 0; list-style: none;}
.navbar-mobile-buttons li {width: 50%; float: left;}
.navbar-mobile-buttons li a {border: none; padding: 10px 20px; display: block; background: #323538; text-decoration: none; color: #9ea1a4; border-top: 1px solid #bfa97d;}
.navbar-mobile-buttons li a i {color: #bfa97d; padding: 0 5px 0 0;}
.navbar-mobile-buttons li:nth-child(odd) a {border-right: 1px solid #bfa97d;}


/* Form
----------------------------------------------------------------------------- */
.block-form {padding: 15px 0 0 0;}
.block-form .form-control {border: none; background: #fff; border: 1px solid #e6e8ea; color: #4d5053; 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: #fff; border: 1px solid #bfa97d; color: #4d5053;}
.block-form .form-control::-webkit-input-placeholder {color: #c7c9cb;}
.block-form .form-control:-moz-placeholder {color: #c7c9cb;}
.block-form .form-control::-moz-placeholder {color: #c7c9cb;}
.block-form .form-control:-ms-input-placeholder {color: #c7c9cb;}
.block-form .btn-default {font-size: 12px; line-height: 22px; padding: 0; border: none; border-bottom: none; font-weight: 700; font-style: normal; display: inline-block; text-transform: uppercase; letter-spacing: 2px; color: #4d5053; margin: 0; text-decoration: none; display: inline-block; margin: 10px 0 0 0; height: auto; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s; -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 .btn-default:before {content: "\f124"; font-family: FontAwesome; color: #bfa97d; padding: 0 10px 0 0; moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; -ms-transition: all .4s; transition: all .4s;}
.block-form .btn-default:hover {color: #4d5053; background: transparent;}
.block-form .btn-default:hover:before {padding: 0 20px 0 0;}

/* Custom */

.format-img img {width: 100%; height: 65vh !important; object-fit: cover;}

@media (max-width: 1920px) {
    #Banner h1 {letter-spacing: 10px; font-size: 120px; line-height: 120px;}
    #Section_2 .__columns .block-section {min-height: 800px;}
    #Section_2 .__columns .block-section-container {padding: 75px;}
    .navbar-nav li a {margin: 15px 40px 0 0;}
    .navbar-nav li:last-child a {padding: 15px 40px;}
}

@media (max-width: 1680px) {
    #Banner h1 {letter-spacing: 7px; font-size: 100px; line-height: 100px;}
}

@media (max-width: 1440px) {
    .block-section > .block-section-container {width: 1170px;}
    .block-section {padding: 130px 0 160px 0;}
    .container {width: 1170px;}
    .navbar-nav li a {margin: 15px 30px 0 0; font-size: 12px; line-height: 27px;}
    .navbar-nav li:last-child a {margin: 0;}
    html, body, .block-gallery .carousel .carousel-caption > p {font-size: 16px; line-height: 30px;}
    h1 {font-size: 60px; line-height: 70px;}
    h2 {font-size: 50px; line-height: 60px;}
    h3, .block-gallery .carousel .carousel-caption > h3 {font-size: 40px; line-height: 50px;}
    h4 {font-size: 30px; line-height: 40px;}
    h5 {font-size: 22px; line-height: 32px;}
    h6 {font-size: 12px; line-height: 25px; letter-spacing: 4px;}
    h6 em {font-size: 16px;}
    #site-logo {max-width: 170px;}
    .site-header {padding: 20px;}
    .box .block-section-container {width: 100%; padding: 30px;}
    #Banner .block-section-container {margin-top: -50px;}
    #Banner h1 {letter-spacing: 7px; font-size: 100px; line-height: 100px;}
    #Section_2 .__columns .block-section {min-height: 700px;}
    #Section_2 .__columns .block-section-container {padding: 50px;}
    #Section_3 h1, #Section_3 h2, #Section_3 h3, #Section_3 h4, #Section_3 h6 {padding: 20px 20px 0 20px;}
    #Section_3 p {padding: 15px 20px 0 20px;}
    #Section_3 h5 {padding: 0 20px;}
    #Section_4 .__col {padding: 0 25px 30px 25px;}
    .block-gallery .carousel .carousel-caption {right: 100px; width: 550px;}
    .shop_1 {padding: 130px 0 0 0;}
    .shop_2 {padding: 30px 0 160px 0;}
    .modal-dialog {width: 1170px; margin-top: calc(50vh - 330px);}
    .block-gallery ul.gallery img {height: 170px !important;}
}

@media (max-width: 1280px) {
    .block-section {padding: 100px 0 130px 0;}
    h1 {font-size: 50px; line-height: 60px;}
    h2 {font-size: 40px; line-height: 50px;}
    h3, .block-gallery .carousel .carousel-caption > h3 {font-size: 30px; line-height: 40px;}
    h4 {font-size: 25px; line-height: 35px;}
    h5 {font-size: 20px; line-height: 30px;}
    h6 {font-size: 12px; line-height: 25px;}
    h6 em {font-size: 14px;}
    .site-header {padding: 20px 30px;}
    .navbar-nav li a {margin: 15px 30px 0 0; font-size: 12px; line-height: 27px; letter-spacing: 2px;}
    #Banner h1 {letter-spacing: 5px; font-size: 100px; line-height: 100px;}
    #Section_2 .__columns .block-section {min-height: 600px;}
    #Section_2 .__columns .block-section-container {padding: 30px;}
    .content .symbol {width: 80px;}
    #site-logo {max-width: 170px;}
    .social h3 {padding: 50px 0 0 0;}
    .shop_1 {padding: 100px 0 0 0;}
    .shop_2 {padding: 30px 0 130px 0;}
    .modal-dialog {width: 900px; margin-top: calc(50vh - 253px);}
    .video {width: 150px;}
}

@media (max-width: 1170px) {
    html, body, .block-gallery .carousel .carousel-caption > p {font-size: 14px; line-height: 27px;}
    h1 {font-size: 45px; line-height: 55px;}
    h2 {font-size: 35px; line-height: 40px;}
    h3, .block-gallery .carousel .carousel-caption > h3 {font-size: 25px; line-height: 34px;}
    h4 {font-size: 25px; line-height: 34px;}
    h5 {font-size: 18px; line-height: 30px;}
    h5 a, .block-gallery .carousel .carousel-caption > a.btn-primary {font-size: 11px; line-height: 24px; letter-spacing: 2px;}
    h6 {font-size: 11px; line-height: 24px; letter-spacing: 2px;}
    h6 em {font-size: 14px;}
    .block-section > .block-section-container {width: 970px;}
    .block-section {padding: 80px 0 100px 0;}
    hr {width: 100%; margin: 30px 0 10px 0;}
    .container {width: 970px;}
    .footer {padding: 70px 0 90px 0;}
    .footer strong {display: block; padding: 0;}
    .social h3 {padding: 45px 0 0 0;}
    .site-header {padding: 15px 20px;}
    .navbar-nav li a {margin: 10px 15px 0 0; letter-spacing: 1px; font-size: 12px; line-height: 25px;}
    .navbar-nav li:last-child a {padding: 10px 30px;}
    #foot-menu li a {letter-spacing: 2px; font-size: 12px;}
    .block-gallery .carousel .carousel-caption {right: 0; width: 450px; padding: 20px;}
    #Banner h1 {letter-spacing: 5px; font-size: 80px; line-height: 80px;}
    #Section_2 .__columns .block-section {min-height: 500px;}
    #Section_2 .__columns .block-section-container {padding: 20px;}
    #site-logo {max-width: 150px;}
    .shop_1 {padding: 80px 0 0 0;}
    .shop_2 {padding: 30px 0 100px 0;}
    .modal-dialog {width: 720px; margin-top: calc(50vh - 203px);}
    .block-gallery ul.gallery img {height: 140px !important;}
}

@media (max-width: 992px) {
    h1 {font-size: 40px; line-height: 50px;}
    h2 {font-size: 30px; line-height: 40px;}
    h3, .block-gallery .carousel .carousel-caption > h3 {font-size: 23px; line-height: 30px;}
    html, body, .block-gallery .carousel .carousel-caption > p {font-size: 13px; line-height: 25px;}
    .btn-primary {font-size: 12px; padding: 10px 30px;}
    .block-section > .block-section-container {width: 750px;}
    .block-section {padding: 50px 0 70px 0;}
    .container {width: 750px;}
    .navbar-nav li a {margin: 7px 10px 0 0; font-size: 9px;}
    .navbar-nav li:last-child a {padding: 7px 15px;}
    #Banner h1 {letter-spacing: 3px; font-size: 70px; line-height: 70px;}
    #Section_2 .__columns {display: block;}
    #Section_2 .__columns .block-section {min-height: 200px;}
    #Section_2 .__columns .block-section-container {padding: 20px 20px 40px 20px; position: relative;}
    #Section_4 .__col {border-right: none;}
    #site-logo {max-width: 120px;}
    #foot-menu li {width: calc(100% / 2);}
    .block-gallery .carousel .carousel-caption {right: 0; width: 300px; padding: 15px;}
    #bgvid {margin-left: -50%;}
    .shop_1 {padding: 50px 0 0 0;}
    .shop_2 {padding: 30px 0 70px 0;}
    .block-gallery ul.gallery img {height: 110px !important;}
}

@media (max-width: 767px) {
    h1 {font-size: 30px; line-height: 40px;}
    h2 {font-size: 25px; line-height: 35px;}
    h3, .block-gallery .carousel .carousel-caption > h3 {font-size: 20px; line-height: 30px;}
    h4 {font-size: 20px; line-height: 30px;}
    h5 {font-size: 16px; line-height: 25px;}
    h6 {font-size: 11px; line-height: 25px; letter-spacing: 3px;}
    .block-section > .block-section-container {width: auto;}
    .block-section {padding: 30px 15px 50px 15px;}
    .container {width: auto;}
    
    .site-header {padding: 15px 0;}
    
    .block-gallery .carousel .carousel-caption {display: none;}
    
    #Banner {padding: 0 20px;}
    
    #Section_2 .__columns .block-section-container {padding: 5px 15px 25px 15px;}
    #Section_3 {display: block;}
    #Section_3 .block-section {width: 100%; border-left: none; border-right: none; border-top: 6px solid #f0f0f2;}
    #Section_3 .block-section-container {padding: 0;}
    #Section_3 h1, #Section_3 h2, #Section_3 h3, #Section_3 h4, #Section_3 h6 {padding: 15px 20px 0 20px;}
    #Puffar p {padding: 5px 20px 0 20px;}
    #Section_3 h5 {padding: 0 20px;}
    #Section_3 h5 a {margin: 0 0 20px 0;}

    .content {margin: 0;}
    
    .footer, .social {text-align: center; padding: 20px 0 50px 0;}
    .footer hr {margin: 15px auto 0 auto;}
    .social h2 a {margin: 0; display: block; padding: 0;}
    .social h2, .social h3 {padding: 20px 0 0 0; text-align: center;}
    .footer strong, .footer h6 {margin: 15px 0 0 0;}
    #foot-menu {width: 100%;}
    #foot-menu li {width: 100%;}
    
    .navbar-nav {margin: 15px 0 0 0; height: 100vh; background: #323538;}
    .navbar-nav li {float: left; width: 100%;}
    .navbar-nav li a {border: none; margin: 0; font-size: 12px; letter-spacing: 3px; border-radius: 0; background: #323538; color: #9ea1a4; padding: 10px 20px; border-top: 1px solid #bfa97d;}
    .navbar-nav li a:hover, .navbar-nav li.active.current.current_page_item a {border: none; background: #bfa97d; color: #fff; border-top: 1px solid #bfa97d;}
    .navbar-nav li:last-child a {border-radius: 0; padding: 10px 20px; background: #232629; color: #fff; border-top: 1px solid #bfa97d;}
    .navbar-mobile-buttons, .menu_temp {display: block;}
	
	#site-logo {float: none; max-width: 120px; margin: 0 0 0 15px;}
	
	.shop_1 {padding: 30px 15px 0 15px;}
    .shop_2 {padding: 20px 15px 50px 15px;}
    
    .block-gallery ul.gallery {margin: 0 -5px;}
    .block-gallery ul.gallery img {height: 70px !important;}
    .block-gallery ul.gallery li {margin-bottom: 0; padding: 0 5px;}
    
    .modal-dialog {width: 100%; margin-top: calc(50vh - 180px);}
    .video {width: 100px; margin: 20px auto 0 auto;}
}

@media (max-width: 375px) {
    #Banner h1 {letter-spacing: 3px; font-size: 50px; line-height: 50px;}
    .block-gallery ul.gallery img {height: 60px !important;}
}
@media (max-width: 320px) {
    #Banner h1 {letter-spacing: 3px; font-size: 40px; line-height: 40px; padding: 20px 0 0 0;}
    .block-gallery ul.gallery img {height: 50px !important;}
}


/*rx*/

.block-form form.mail-subs {gap:1rem; display:flex; flex-direction: row;}
.block-form form.mail-subs .form-footer button {padding-inline:1rem; margin:0;}
.block-form form.mail-subs :is(input, button) {font-size:1rem; padding:1rem; line-height:normal;}
.block-form form.mail-subs :is(input) {border:1px solid #d9d9d9;}
.block-form form.mail-subs > div {margin:0; display: flex; align-items: flex-end;}
.block-form form.mail-subs :is(.form-fields > div) {padding:0; height:100%;}
.block-form form.mail-subs .form-group {height: 100%; margin: 0; padding: 0; display: flex; flex-direction: column; justify-content: flex-end;}
.block-form form.mail-subs .form-group.form-captcha {width:12rem;}
.block-form form.mail-subs .form-group > label {margin-bottom:5px; line-height:normal;}

.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;}
}

@media (max-width:558px) {
    .block-form form.mail-subs {flex-direction: row; flex-wrap: wrap;}
    .block-form form.mail-subs :is(.form-footer, .form-footer button) {width:100%;}
    .block-form form.mail-subs > div:not(.form-footer) {width:calc(50% - .5rem) !important;}
}


/* Cookie styling */
/* ----- COOKIE BANNER STYLING ----- */
#modal-cc {background-color: rgba(26,26,26,.9); overflow: scroll;}
#modal-cc ::-webkit-scrollbar-thumb {background: #333; border-radius:0;}
#modal-cc ::-webkit-scrollbar-track {background:#333;}
#modal-cc .modal-dialog {background: #fff; overflow: scroll; position: fixed; margin: 0; bottom:0; max-width: 650px;}
#modal-cc .modal-content {box-shadow: none!important; border-bottom: none!important; height:100vh; border-radius: 0; background: #fff; color: #333;}
#modal-cc .modal-header {border-bottom:none; padding:3rem 3rem .5rem 3rem;}
#modal-cc .modal-header h4 {font-weight: 700; text-transform: uppercase;}
#modal-cc .modal-header .close {position: absolute; top: 1em; right: 1em;}
#modal-cc .modal-title {line-height:initial;}
#modal-cc .modal-body {font-size: 0.8em; padding: 1.5rem 3rem 3rem 3rem; overflow-y: auto;}
#modal-cc hr {margin: 30px auto 20px auto;}
#modal-cc #cc-buttons {margin-top: 1rem; display: flex; justify-content: space-between;}
#modal-cc #cc-buttons button {height: fit-content; font-size: 0.8rem!important; margin-top: 0!important; border-radius: 0.5rem; line-height:1!important; text-transform: none; letter-spacing:0; padding: 10px; margin-right: 10px;}
#modal-cc #cc-buttons button:after {float: none; margin-left: 15px;}
#modal-cc #cc-buttons button:hover {background-color: #1a1a1a !important; color: #fff !important;}
#modal-cc .tab-pane {overflow: auto;}
#cc-settings-button {font-size: 1.5em; border-bottom: none; }

#cookietabs .nav-link.active {background: transparent; color: #333!important; border-color: transparent; border-radius: 0; text-decoration: underline;}

@media (max-width: 1920px) {
    #modal-cc .modal-dialog {max-width:570px;}
} @media (max-width: 1440px) {
    #modal-cc .modal-dialog {max-width:500px;}
} @media (max-width:767px) {
    #modal-cc .modal-content {height:80vh;}
}
/* ----- END: COOKIE BANNER STYLING ----- */