/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.6
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:inherit;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	box-sizing: border-box;
	overflow-x: hidden;
}
body {
	font:300 11px/1.4 'Crimson Text', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#444;
    background-repeat: repeat;
    background-size: contain;
    overflow: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h1, h2, h3, h4, h5, h6, p, a  {
	font-family: 'Crimson Text', serif;
}

body {
    font-family: 'Crimson Text', serif;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.drink-tilt {
    transform: rotate(45deg) !important;
}

/* wrapper */
.row-full{
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	height: 100px;
	margin-top: 100px;
	left: 50%;
   }

.wrapper {
	width:90%;
	margin:0 auto;
	position:relative;
}
.content-wrapper {
	max-width:90%;
	margin-left:auto;
	margin-right:auto;
}
/* header */
.header {
	position: relative;
	z-index: 5;
}

.header:before {
	background-image: url(/wp-content/themes/html5blank-stable/img/nav-paper.svg);
    background-position: 50% 0%;
    background-repeat: no-repeat;
    width: 100vw;
    height: 150px;
    position: absolute;
    left: 0;
    margin-bottom: -100px;
    box-sizing: border-box;
    z-index: -1;
    overflow: hidden;
}
/* logo */
.logo {

	float:left;
}
.logo-img {
	width:150px;
	margin:auto;
}
/* nav */
.nav, .footer-navigation {
	width:80%;
	float: left;
}

.footer-navigation {
	margin-top: 10px;
}

.social-links {
	width:20%;
	margin-top:25px;
	float:left;
}

.social-links ul li {
	margin:auto;
}

.social-links ul li a {
    background-color: white;
    padding: 10px;
    border-radius: 39px;
    font-size: 25px;
}


.social-links ul li a i {
	height:30px;
	width:30px;
    text-align:center;
    color: #000b6c;
}


.nav ul, .footer-navigation ul, .social-links ul {
	display: flex;
    flex-direction: inherit;
    list-style-type: none;
}

.nav ul li, .footer-navigation ul li {
    margin: 15px auto;
    font-size: 20px;
    letter-spacing: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer {
    z-index: 99999999999;
    position: relative;
}




.body-bg {
    background-image: url(/wp-content/uploads/2020/02/hp-bg-big.jpg);
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    width: 100%;
    padding-top: 130px;
    margin-top: -131px;
    z-index: 999999;
    position: relative;
    padding-bottom: 120px;
    margin-bottom: -60px;
}

/*------------------------------------*\
    HEADER BAR
\*------------------------------------*/
.header-bar {
	padding: 25px 5% 21px;
	font-size: 16px;
	line-height: 1.3;
	text-align: center;	
	letter-spacing: 0.2px;
	color: #fff;
}
.header-bar .header-bar-link {
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 4px 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.header-bar .header-bar-link:hover,
.header-bar .header-bar-link:focus,
.header-bar .header-bar-link:active {
	opacity: 0.8;
}
@media only screen and (max-width: 767px) {
	.header-bar {
		padding: 15px 5% 11px;
		font-size: 14px;
	}
}

/*------------------------------------*\
    HEADER BAR 2
\*------------------------------------*/
.header-bar-2 {
	padding: 25px 5% 21px;
	font-size: 16px;
	line-height: 1.3;
	text-align: center;	
	letter-spacing: 0.2px;
	color: #fff;
}
.header-bar-2 .header-bar-link {
	display: inline-block;
	background-color: #fff;
	color: #000;
	padding: 8px 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 4px 4px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.header-bar-2 .header-bar-link:hover,
.header-bar-2 .header-bar-link:focus,
.header-bar-2 .header-bar-link:active {
	opacity: 0.8;
}
@media only screen and (max-width: 767px) {
	.header-bar-2 {
		padding: 15px 5% 11px;
		font-size: 14px;
	}
}

/*------------------------------------*\
    SUPERFLY MENU CUSTOM BUTTON
\*------------------------------------*/

/* Superfly Menu Trigger */
#mobile-menu-button {
	display: none;
	width: 53px;
	height: 53px;
	position: absolute;
	top: 15px;
	right: 60px;
	bottom: auto;
	left: auto;
	background: #fff url(img/jm-menu-button_2x.png) no-repeat center center;
	background-size: 100% auto;
	cursor: pointer;
}
@media only screen and (max-width: 760px) {
	#mobile-menu-button {
		display: block;
	}
}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

.nav-content-wrapper {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.nav ul, .footer-navigation ul, .social-links ul {
    padding-left: 0;
}

.menu-item a {
    color: #000 !important;
    transition: all .2s ease-in-out;
}
.menu-item a:hover {
    color: #cb2627 !important;
}

.footer-navigation a {
    color: #000 !important;
    transition: all .2s ease-in-out;
}
.footer-navigation a:hover {
    color: #cb2627 !important;
}


.sfm-body-pushed {
    height: 100vh !important;
    overflow: hidden;
}

/*------------------------------------*\
   HOME PAGES
\*------------------------------------*/
.red-coaster {
    background: url(/wp-content/uploads/2020/02/Red-Ring-Coaster.png);
}
.blue-coaster {
    background: url(/wp-content/uploads/2020/02/Blue-Ring-Coaster.png);
}
.coaster {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 8%;
}




@media screen and (max-width: 1080px) {
    .friend-crest {
        max-width: 110px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1080px) {
    .friend-crest {
        max-width: 110px !important;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1030px) {
.crest2 {
    display: none !important;
}
    .header-logos {
    display: block !important;
    padding-top: 0px !important;
}
.malort-friends-background {
    background-size: cover !important;
    background-position: 5% 0% !important;
}
}
@media screen and (max-width: 992px) {
    #jeppson-head {
        margin-bottom: 25px;
    }
    .newspaper-first-story, .red-sep, .first-story-sub {
        margin-left: 0px !important;
    }
    .desk-btn-row {
        display: none;
    }
}

@media screen and (min-width: 992px) {
.mobile-merch-btn, .mobile-buy-btn {
    display: none !important;
}
}

@media screen and (max-width: 992px) {
.mobile-merch-btn {
    display: block !important;
}
.mobile-buy-btn {
    display: inline-block !important;
}
}


.slick-dots {
    display: none !important;
}

.mobile-btn-wrap {
    margin-bottom: 20px;
    text-align: center;
}




@media screen and (max-width: 875px) {
    .logo-img {
        max-width: 120px;
    }
    .nav ul li {
        font-size: 20px;
    }
    .footer-navigation ul li {
        font-size: 20px;
        margin: 5px auto;
    }

}
.bottle-overlay, .bar-background { 
    transition:all .2s ease-in-out;
}

@media screen and (max-width: 800px) {
    .map-container {
        margin-left: 0 !important;
        padding-left: 30px;
        padding-top: 20px;
        text-align: left;
        max-width: 75% !important;
    }
    .map-container:after {
        display: none !important;
    }
    .bottle-overlay, .bar-background {
        background-position: 65% 100% !important;
    }

    .malort-header {
        font-size: 62px !important;
}
.map-container .introduction {
    font-size: 26px !important;

}
}

@media screen and (max-width: 700px) {
.history-header {
    font-size: 65px !important;
}
.news-title {
    font-size: 55px !important;
    display: block !important;
}
.history-paper-background {
    padding-top: 100px !important;
}
.history-subheader-section .sub-head {
    font-size: 17px;
}
}





@media screen and (max-width: 767px) {
    .num-col {
        text-align: center !important;
    }

    .footer {
        background-image: url(/wp-content/uploads/2020/02/footer-map-mobile.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .malort-header {
        font-size: 58px !important;
    }
    .paper-background {
        background-size: cover !important;
        height: unset !important;
        
    }
    .find-malort-background {
        background-size: cover !important;
        height: auto !important;
    }
    #find {
        margin-bottom: 100px;
    }
    .footer-navigation {
        width: 100%;
        float: left;
        text-align: center;
    }
    .social-links {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
        margin-top: 0 !important;
    }

    .social-links ul {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto;
    }

}

@media screen and (min-width: 767px) {
.footer:before {
	background-image: url(/wp-content/uploads/2020/01/footer-map-1.png);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 120px;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-bottom: -100px;
    box-sizing: border-box;
	z-index: -1;
	display: inherit;
	bottom:0px;
	overflow: hidden;
	content:"";
}
}

@media screen and (min-width: 760px) {
.sfm-rollback {
    display: none;
}
}

@media screen and (max-width: 760px) {
    #customtoggle {
        display:inherit;
    }

    .nav ul {
        display: none;
    }

    .map-container {
        top: 12% !important;
    }
  
}

@media screen and (max-width: 800px) {
    .buy-btn {
        padding-right: 5% !important;
        padding-left:  5% !important;
    }
}

.hero-history-btn {
    display: inline-block;
    background-color: #fff;
    color: #cb2627;
    border: 4px solid #cb2627;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    line-height: 24px;
    padding-top: 18px;
    padding-right: 5%;
    padding-bottom: 15px;
    padding-left: 5%;
}

.hero-buy-btn {
    max-width: 401px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 28%;
    margin: auto;
    text-align: center;
}



@media screen and (max-width: 400px) {
.malort-friends-background {
    padding: 20px !important;
}
.malort-events, .malort-contact {
padding-left: 10px;
padding-right: 10px;
}

}


/*------------------------------------*\
   History PAGE
\*------------------------------------*/


.history .wood-background {
    background-image: url(/wp-content/uploads/2020/03/Wood-Background-scaled.jpg);
    background-size: cover;
    background-position: 50% 0%;
    background-repeat: repeat-y;
    background-attachment: fixed;
}

.history-paper-background {
    background-image: url(/wp-content/uploads/2020/02/newpaper-bg.png);
	background-size: 85%;
    background-position: 50% 0%;
    background-repeat: repeat-y;
    background-attachment: fixed;
    padding-top: 150px;
    margin-top: -100px;
    padding-bottom: 150px;
    margin-bottom: -100px;
}


.middle-line {
    width: 2px;
    height: 100vh;
    position: absolute;
    background-color: #000;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}




.timeline {
	position: relative;
	max-width: 75%;
	margin: 0 auto;
	padding-top: 0px;
}


.timeline p {
    font-style: italic;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.timeline .center {
    margin-left: auto;
    margin-right: auto;
}


.date {
    color: #fff;
    display: flex;
}



.left .date:before {
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    width: 45px;
    z-index: 1;
    right: 0;
    background-color: #000;
}

.left .content {
    margin-left: auto;
    display: table;
}
.right .content {
    margin-right: auto;
    display: table;
}

.center .date {
    color: #cb2527 !important;
    display: block;
    width: max-content;
    text-align: center;
    margin: auto;
}

.center .date h3 {
	line-height: 1;
    margin: 0;
    padding: 10px;
    font-size: 28px;
    background: #fff;
	border: 2px solid #000;
	position: relative;
    z-index: 9;
}


.center-container {
    padding: 0px 0px;
    position: relative;
    background-color: inherit;
    width: 100%;
    max-width: 60%;
    margin-top: 45px;
    margin-bottom: 25px;
    display: block;
}


.img-left .border-white {
    display: flex;
}

.img-wrap-left {
    display: inline-block;
    max-width: 45%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.img-wrap-center {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.img-left-content {
    display: inline-block;
    max-width: 50%;
    margin-left: 5%;
    margin-right: 3%;
    float: right;
    font-size: 22px;
    
}
.shot-site {
    color: #fff;
    text-decoration: underline;
}

.img-center-content {
    text-align: center;
}

.center-container {
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
}



.two-img-center-container {
    padding: 0px 0px;
    position: relative;
    background-color: inherit;
    width: 85%;
    margin-top: 45px;
    margin-bottom: 25px;
    display: block;
}
.two-img-center-container {
    background-size: 6px;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
}


.img-wrap-center img {
    opacity: 0;
}





.center-border {
font-size:22px;
}

.third-content {
    font-size:22px;
}
.border-black {
    border: 3px solid #000;
}

.border-white {
    border: 5px solid #FFF;
    background-image: url(/wp-content/uploads/2020/03/newpaper-bg-t.jpg);
    background-attachment: fixed;
}

.border-red {
    border: 2px solid #cb2527;
}




.date h3 {
	line-height: 1;
    margin: 0;
    padding: 10px;
    font-size: 24px;
    background: #cb2527;
	border: 1px solid #000;
	position: relative;
    z-index: 9;
}


.timeline .left .date {
	text-align: right; 
	flex-direction: row-reverse;
}

.timeline .right .date {
	text-align: right; 
}

.photo-sub {
    text-align: center;
    font-size: 18px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    font-style: italic;
}


  
  /* The actual timeline (the vertical ruler) */
  .timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
  
  /* Container around content */

  .time-container {
    padding: 0px 0px;
    position: relative;
    background-color: inherit;
    width: 50%;
    margin-top: 45px;
    margin-bottom: 25px;
    display: block;
}


  
  /* The circles on the timeline */
  .time-container::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -8px;
    background-color: #000;
    border: 3px solid #000;
    top: -5px;
    border-radius: 50%;
    z-index: 1;
}


  /* Place the time-container to the left */
  .left {
	left: 0;
	padding-right: 35px;
  }
  
  /* Place the time-container to the right */
  .right {
	left: 50%;
	padding-left: 35px;
  }
  
  /* Add arrows to the left time-container (pointing right) */

  /* Add arrows to the right time-container (pointing left) */
  .right::before {
    content: " ";
    height: 1px;
    position: absolute;
    top: 0;
    width: 45px;
    z-index: 1;
    left: 0;
    background-color: #000;
}

  /* Fix the circle for time-containers on the right side */
  .right::after {
	left: -8px;
  }
  
  /* The actual content */
  .content {
    padding: 20px 30px;
    position: relative;
    border: 1px solid #000;
    font-size: 22px;
}
  
  /* Media queries - Responsive timeline on screens less than 600px wide */
  




  @media screen and (max-width: 767px) {
    .history-paper-background {
        background-size: 90% !important;
    }
    .timeline {
        max-width: 85% !important;
        text-align: center !important;
    }
    .time-container {
        width: 85% !important;
    }
    .date {
        display: inline-flex !important;
    }
    .content {
        background-image: url(/wp-content/uploads/2020/02/center-bg.png) !important;
        background-size: 4px !important;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 999;

    }
    .left, .right {
        padding-right: 5% !important;
        padding-left: 5% !important;
    }

    .left {
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .right {
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .right::before, .left::before {
        display: none;
    }
    .time-container::after, .left .date:before {
        display: none;
    }
    .img-wrap-left, .img-left-content {
        display: block !important;
        max-width: 100% !important;
    }

    .img-left .border-white {
        display: flex;
        flex-direction: column;
    }
    .img-wrap-third, .wrap-third {
        max-width: 100% !important;
        text-align: center !important;
        display: block;
    }
    .two-img-center-container .border-white {
        display: block !important;
    }
    .center-container {
        max-width: 80%;
    }
    #jeppson-head {
        margin-bottom: 35px;
    }

    .newspaper-first-story {
        font-size: 48px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .red-sep {
        margin-left: 0px;
    }
    .first-story-sub {
        margin-left: 0px;
    }
    .img-left img {
        opacity: 0;
    }
  }
  .img-left img {
    opacity: 0;
}


  .img-wrap-third, .wrap-third {
    max-width: 33%;
    text-align: center;
}





.history-subheader-section {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    display:flex;
    text-align: center;
    color: #000;
}

.history-subheader-section span {
    display:inline-block;
    width: 100%;
}

.history-subheader-section .sub-head {
    max-width:60%;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.history-sub-head, .weeding {
    margin-top: 15px;
    margin-bottom: 5px;
}

.weeding {
    max-width:20%;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: 2;
}



.history-headline-section {
    max-width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
    padding-bottom: 25px;
    color: #000;
}


.newspaper-first-story {
    font-size: 58px;
    margin-left: 30px;
    margin-top: 0;
    max-width: 650px;
    line-height: 0.9;
    margin-bottom: 0;
}


.first-story-sub {
    margin-left: 30px;
    font-size: 27px;
    margin-top: 10px;
}

.red-sep {
    height: 10px;
    width: 110px;
    background-color: #cb2527;
    margin-left: 30px;
    margin-top: 20px;
}


.timeline-head {
    text-align: center;
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 35px;
    display: block;
    border-top: 2px solid #000;
    position: relative;
    max-width: 75%;
    font-weight: 700;
    margin: 0 auto;
    padding-bottom: 10px;
    letter-spacing: 3px;
}



/*------------------------------------*\
    POPUO
\*------------------------------------*/
#itro_popup {
    background: url(/wp-content/uploads/2020/02/entrance-modal-1200.png);
    border: none !important;
    border-radius: 0 !important;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100% !important;
    max-width: 1000px;
    background-color: rgba(255, 255, 255, 0) !important;
}
#popup_content {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #000;
}

#popup_content:after {
    background-image: url(/wp-content/uploads/2020/01/Wax-Seal-.png);
    height: 271px;
    width: 295px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: -60px;
    left: 0;
}


#popup_content h6 {
    width: 100%;
    font-size: 40px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #000;
    letter-spacing: 1px;
    padding-top: 20px;
}
.popup-title {
    display: block;
    max-width: 510px;
    margin-left: auto;
    margin-right: auto;
}
#popup_content p {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    color: #000;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}




#ageEnterButton {
    background-color: #cb2627;
    color: white;
    border: 4px solid #001;
    padding: 2px 35px;
    margin-top: 0px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}

#ageLeaveButton {
    background-color: #fff !important;
    color: #cb2627 !important;
    border: 4px solid #cb2627;
    padding: 2px 35px;
    margin-top: 0px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}
#ageEnterButton:hover {
    background-color: #000 !important;
    color:#fff !important;
    border-color: #cb2627;
}
#ageLeaveButton:hover {
    background-color: #cb2627 !important;
    color:#000 !important;
    border: 4px solid #fff;
}


#field_1_4 input {
    background-color: #cb2627;
    color: white;
    border: 4px solid #001;
    padding: 2px 35px;
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}

#gform_submit_button_2 {
    background-color: #cb2627 !important;
    color: white;
    border: 4px solid #000 !important;
    padding: 2px 35px;
    margin-top: 16px;
    font-size: 24px;
    font-weight: 700;
    transition: all .2s ease-in-out;
}
#gform_submit_button_2:hover {
    background-color: #000 !important;
    color:#fff !important;
    border-color: #cb2627 !important;
}


#field_1_4 input:hover {
    background-color: #000 !important;
    color:#fff !important;
    border-color: #cb2627;
}

#field_1_3 .gfield_label {
    background-color: #fff !important;
    color: #cb2627 !important;
    border: 4px solid #cb2627;
    padding: 2px 12px;
    margin-top: 0px;
    font-size: 24px !important;
    font-weight: 700;
    transition: all .2s ease-in-out;
    line-height: normal;
}

#field_1_3 .gfield_label:hover {
    background-color: #cb2627 !important;
    color:#000 !important;
    border: 4px solid #fff;
}




#itro_opaco {
    background-color: #000000 !important;
}


#age_button_area {
    position: relative;
    width: 100%;
    bottom: 5px;
    padding-top: 5px;
    padding-bottom: 8%;
}

.from-disc {
    font-size: 15px !important;
    font-style: italic !important;
}


@media screen and (max-width: 850px) and (min-width: 760px) {
    .nav-content-wrapper {
        max-width: 100%;
        display: flex;
    }
    .nav {
        width: 100%;
    }
    .nav ul li {
        font-size: 19px;
    }
    .nav ul li, .footer-navigation ul li {
        letter-spacing: 2px;
    }
}



@media only screen and (max-width:800px) {
#itro_popup {
    background-size: cover;
    max-width: 100% !important;
}
.pola-left, .pola-right {
    display:none;
}
#popup_content:after {
    display:none;
}
.malort-friends-background {
    background-image: url(/wp-content/uploads/2020/03/paper-texture-sin.png) !important;

}
}
.slick-slide {
    margin: 0 0px;
}
/* the parent */
.slick-list {
    margin: 0 -10px;
}

.slick {
    max-width: 950px;
    margin: auto;
}

.friend-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    color:#fff;
    font-size: 18px;
    opacity: 0;
    transition: all .2s ease-in-out;
}


.friend-bg:hover { 
    opacity: .8;
}




.friend-name {
    padding-top: 25%;
    display: block;
    height: 100%;
    width: 100%;
    margin: auto !important;
}

.friend-slide {
    position: relative;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.insta-gallery-feed.insta-gallery-square .insta-gallery-list .insta-gallery-item {
    pointer-events: none;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:768px) {
	.offset-shirts-desktop {
		margin-top:150px;
	}
}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}

.tribe-events-c-ical {
    display: none !important;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}





.bar-background {
    background-image: url(/wp-content/uploads/2020/02/Header.jpg);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    min-height: 1050px;
    padding-top: 100px;
    z-index: 1;
    position: relative;
    left: 0;
    right: 0;
    top: -100px;
    margin: auto !important;
    box-sizing: border-box;
}

.paper-background {
    background-image: url(/wp-content/uploads/2020/05/Header-Paper-H.png);
    z-index: 9999;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 920px;
    margin: auto;
    text-align: center;
    background-position: center center;
    height: 500px;
}


.find-malort-background {
    background-image: url(/wp-content/uploads/2020/01/Find-Malort-Paper.png);
    z-index: 9999;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 800px;
    margin: auto;
    text-align: center;
    background-position: center center;
    padding: 2%;
    margin-bottom: 45px;
}


.map-col {
    background-image: url(/wp-content/uploads/2020/03/map-colno-shadow.png);
    background-size: cover;
    padding-top: 35px;
    padding-right: 35px;
    padding-bottom: 55px;
    padding-left: 35px;
    min-height: 530px !important;
    border-radius: 20px;
    box-shadow: -20px 20px 10px rgba(0, 0, 0, 0.3);
}

.map-col h2 {
    font-size: 32px;
    color: #000;
    text-align: center;
    margin: inherit;
    padding-bottom: 10px;
}
#storepoint-container #storepoint-search {
    text-align: center;
}


#friends {
    position: relative !important;
}

.malort-friends-background {
    background-image: url(/wp-content/uploads/2020/02/Malort-friendsbg.png);
    z-index: 9999;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin: auto;
    text-align: center;
    height: 100%;
    margin-bottom: 100px;
    padding: 50px;
    position: relative;
}

.friend-crest {
    max-width: 150px;
    display: inline-block;
}

.header-logos {
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 10px;
}


.bottle-overlay {
    background-image: url(/wp-content/uploads/2020/02/bottle-overlay.png);
    background-position: 50% 100%;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100%;
    z-index: 0;
    left: 0;
    right: 0;
    top: 0px;
    margin: auto !important;
    position: absolute;
}


.pola-left, .pola-right {
        position: absolute;
        top: -12%;
}

.pola-left {
    left: -2%;
}

.pola-right {
    right: -2%;
}


.pola-left img {
    height: auto;
    max-width: 250px;
    display: block;
    margin-top: 35px;
    box-shadow: 0px 0px 10px #000;
}

.pola-right img {
    height: auto;
    max-width: 250px;
    display: block;
    margin-top: 35px;
    box-shadow: 0px 0px 10px #000;
}


.pola-left1 {
    transform: rotate(38deg);
}
.pola-left2 {
    transform: rotate(-22deg);
    margin-top: 110px !important;
}
.pola-left3 {
    transform: rotate(33deg);
    margin-top: 120px !important;
}


.pola-right1 {
    transform: rotate(-16deg);
}

.pola-right2 {
    transform: rotate(-32deg);
    margin-top: 110px !important;
}
.pola-right3 {
    transform: rotate(12deg);
    margin-top: 120px !important;
}


.malort-events-background {
    background-image: url(/wp-content/uploads/2020/02/Paper-Texture.jpg);
    z-index: 9999;
    max-width: 821px;
    width: 100%;
    background-repeat: repeat;
    background-size: 768px;
    margin: auto;
    background-position: center center;
    height: 100%;
    border-radius: 25px;
    padding-bottom: 20px;
    box-shadow: 0px 0px 15px #000;
}

.malort-events-background .malort-header {
    text-align:center;
}


.custom-calendar {
    display: block;
    max-width: 95%;
    background: #fff;
    margin-left: auto;
    margin-right: auto;
    border-radius: 21px;
    margin-bottom: 25px;
}





.custom-calendar h3 {
    font-size: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.event-line {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    display: block;
}

.eventnum {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    color: red;
    font-size: 32px;
    margin-top: 0;
    margin-bottom: 0;
}
.eventname {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 0;
}
.eventlink {
    font-size: 18px;
}



.seven-cols {
    text-align: center;
    line-height: 2;
    font-weight: 900;
}

.blue-row {
    background-color: #00bdd5;
    color: #fff;
    margin-bottom: 20px;
}
.blue-week {
    margin: 0 !important;
    padding-top: 10px;
}



.tribe-events .tribe-events-l-container {
    padding-top: 0px !important;
}

.eventtime {
    text-align: center;
    font-size: 15px;
}

.num-col {
    text-align: center;

}
.tribe-common .tribe-common-h3 {
    font-weight: 700 !important;
    font-family: 'Crimson Text', serif;
    font-size: 32px !important;
    color: #fff !important;
    line-height: 0.5 !important;
    margin-top: 21px !important;
}

.tribe-events .tribe-events-c-view-selector__button-icon {
    display: block;
    height: 21px;
    width: 21px;
    filter: invert(1);
}
.tribe-events .tribe-events-c-events-bar {
    background-color: #02bdd5 !important;
    color: #fff !important;
}

.tribe-events .tribe-events-header {
    background-color: #02bdd5 !important;
    margin-bottom: 20px !important;
}

.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: #cb2728 !important;
}


.tribe-events-pro .tribe-events-pro-week-day-selector__events-icon {
    background-color: #cb2728 !important;
}

.tribe-events .tribe-events-c-top-bar__datepicker-button {
    align-items: center;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    pointer-events: none !important;
}

.tribe-common .tribe-common-b1 {
    display: none !important;
}

.tribe-events .tribe-events-c-nav {
    display: none !important;
}

.tribe-events .tribe-events-c-top-bar__datepicker-button:after {
display:none !important;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color: #cb2627 !important;
}
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #cb2627 !important;
}

  
  @media (min-width: 400px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
      max-width: 14.285714285714285714285714285714% !important;
  flex:none !important;
    }
  }
   
  @media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
      max-width: 14.285714285714285714285714285714% !important;
  flex:none !important;
    }
  }





.malort-contact-background {
	background-image: url(/wp-content/uploads/2020/02/Paper-Texture.jpg);
    z-index: 9999;
    width: 768px;
    max-width: 100%;
    background-repeat: repeat;
    background-size: 1000px;
    margin: auto;
    text-align: center;
    background-position: center center;
	height: 100%;
	margin-bottom:50px;
	border-radius:25px;
}

.hot-shot-background {
    background-color:rgb(216,46,40);
    z-index: 9999;
	width: 1000px;
	max-width:100%;
    margin: auto;
    text-align: center;
	background-position: center center;
	margin-bottom:100px;
}

.shot-list-background {
	background-image: url(/wp-content/uploads/2020/01/Black-Texture.png);
    z-index: 9999;
    width: 90%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    text-align: center;
	background-position: center center;
	min-height:500px;
}

.map-container {
    margin: auto;
    max-width: 670px;
    top: 19%;
    z-index: 999999999999999;
    position: relative;
}
.map-container p {
    position: relative;
    z-index: 999999999999;
}
.malort-header {
	font-size:65px;
	color:black;
	-webkit-text-fill-color: black;
    -webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #cb2627;
    margin-bottom:5px;
    margin-top: 0;
    letter-spacing: 3px;
    line-height: 1;

}
.history-header {
    margin-bottom: 5px;
    margin-top: 0;
    text-align: center;
}

.news-title {
    font-size: 50px;
    color: #000;
    font-weight: bold;
    letter-spacing: 3px;
    text-transform: uppercase;
    display: inline;
    vertical-align: text-top;
    line-height: 150px;
    letter-spacing: 3px;
}


.history-head-logo {
    max-width: 600px;
    width: 100%;
    margin-right: 2%;
    margin-left: 2%;
    vertical-align: top;
}


@media screen and (max-width: 769px) {
.history-paper-background {
    background-size: 110% !important;
}
.history-head-logo {
    max-width: 90%;
}
.news-title {
    line-height: 90px !important;
}
.history-subheader-section {
    display: block;
}
.history-subheader-section span {
    display: block;
    width: 100%;
    max-width: 100% !important;
}
.history-headline-section {
    max-width: 90%;
}
.center-container {
    max-width: 95% !important;
}
}


.sfm-style-full #sfm-sidebar .sfm-sidebar-close:before, .sfm-style-full #sfm-sidebar .sfm-sidebar-close:after {
    background-color: rgb(203, 38, 40) !important;
}

.sfm-sidebar-exposed .sfm-sidebar-close {
    display:inherit !important;
}


@media screen and (max-width: 500px) {
    .coaster {
        padding: 15%;
    }
    .buy-btn, .hero-history-btn {
        font-size: 18px !important;
    }
    .map-container .introduction {
        margin-bottom: 10px !important;
        font-size: 24px !important;
    }
    .shot-list thead tr th{
        display: none;
    }
    .shot-list tbody tr td {
        display: block;
        padding: 5px 0 !important;
    }
    .shot-list-background {
        background-size: 10000px !important;
    }
    .shot-list tbody tr:last-child td {
        padding-bottom: 5px !important;
    }
    #popup_content {
        padding-bottom: 100px;
    }
    #popup_content h6 {
        line-height: 1;
    }
    .footer-navigation ul {
        flex-direction: column;
    }
    .map-container {
        padding-left: 10px !important;
        max-width: 65% !important;
    }
    .malort-header {
        font-size: 48px !important;
    }
    .map-container .introduction {
        font-size: 21px !important;
    }
    .bottle-overlay, .bar-background {
        background-position: 70% 100% !important;
    }
    }

    
    .in-content-line {
        border-top: 1px solid;
    }

    .stars {
        max-height: 50px;
    }

.center-flourish {
    max-height: 30px;
    margin-bottom: 20px;
    opacity: 1 !important;
}
.timeline-btm {
padding-top: 20px;
max-width: 80%;
}


.friend-slide {
    text-align: center;
}


.merch-btn-img {
    max-width: 450px;
    width: 100%;
}

.top-btn-img {
z-index: 45;
position: relative;
transition: all .2s ease-in-out;
}

.btm-btn-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.top-btn-img:hover {
    opacity: 0;
}



.malort-header-alt {
	font-size:28px;
}

h2.hot-shot {
	padding-top: 20px;
    font-size: 48px;
    color: #000;
    margin-bottom: 0;
}

h3.hot-shot-date {
	color: white;
    font-size: 28px;
    margin: 0;
}

.map-container .introduction {
    font-size:26px;
    line-height:30px;
	color:black;
	font-weight:bold;	
	margin-top:5px;
}

.buy-btn {
    display: inline-block;
    background-color: #cb2627;
    color: white;
    border: 4px solid #001;
    font-size: 24px;
    letter-spacing: 3px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    line-height: 24px;
    padding-top: 18px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 35px;
}



.buy-btn:hover, .hero-history-btn:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #cb2627;
}



.hero-btn {
    max-width: 335px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    background-color: #cb2627;
    color: white;
    border: 4px solid #001;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 700;
    transition: all .2s ease-in-out;
    line-height: 24px;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    text-transform: uppercase;
}


.hero-btn:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #cb2627;
}



.map-container:after {
    content: "";
    background-image: url(/wp-content/uploads/2020/01/Wax-Seal-.png);
    height: 271px;
    width: 295px;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    bottom: -200px;
    left: -80px;
}

.shirt-container { 
	margin-top: 25px;
}
.shirtimg {
    max-height: 320px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.shirtimg:hover {
    transform: scale(.95);
    opacity: .8;
}

#find {
    padding-bottom: 15%;
}







#insta-gallery-feed-1, #gform_wrapper_1 {
	max-width:750px;
	margin:25px auto;
}


#gform_wrapper_1 {
	background-color: white;
    padding: 20px;
    border-radius: 20px;
    border: 3px solid #000;
}


#gform_wrapper_1 .gfield_label {
    font-size: 18px;
}

#gform_1 {
    width: 75%;
    margin: auto;
}

#gform_1 .gform_heading {
	text-align: center;
}

#gform_1 h3.gform_title {
    font-size: 28px !important;
    color: #cb2627;
    text-transform: uppercase;
    letter-spacing: 3px;
}

#gform_1 .gform_description {
	font-size: 20px;
    font-weight: bold;
    color: black;
}
#gform_1 input[type=text] {
    width: 100%;
    min-height: 52px;
    background-color: #e1e1e1;
    border: none;
    font-size: 18px;
}

#gform_1 .inputfile .ginput_container {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile label {
    font-size: 1.25em !important;
    font-weight: 700;
    color: black;
    background-color: white;
    display: inline-block;
    border: 1px solid black;
	padding: 10px 35px;
}

.inputfile label:focus,
.inputfile label:hover {
    /*background-color: #cb2627; */
}

#gform_1 .gform_footer {
	display:none;
}

#field_1_3, #field_1_4 {
    text-align: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

#field_1_3 .gfield_label {
    cursor: pointer;
    transition: all .2s ease-in-out;
}




#gform_submit_button_1:hover {
    background-color: #000;
}



.gform_wrapper .gfield_html.gfield_no_follows_desc {
    margin-top: 0px !important;
}

#gform_confirmation_wrapper_1 {
	font-size: 32px;
    width: 300px;
    margin: 50px auto;
}

#gform_wrapper_2 {
	max-width:90%;
	margin:auto;
}

::-webkit-input-placeholder { /* Edge */
    color: #000;
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
  }
  
  ::placeholder {
    color: #000;
  }


  #gform_wrapper_2  .gfield_label {
    display: none !important;
}

#gform_wrapper_2 .gform_footer {
	text-align:center;
}

#gform_wrapper_2 input {
    background-color: unset;
    border: none;
    -moz-box-shadow: inset 0 0 10px #000000;
    -webkit-box-shadow: inset 0 0 10px #000000;
    box-shadow: inset 0 0 10px #000000;
    min-height: 50px;
    font-size: 24px;
    -webkit-appearance: none;
}


#gform_submit_button_2 {
    box-shadow: none !important;
}

.shot-list {
	width:90%;
	margin:auto;
}

.shot-list thead tr th {
	color:rgb(216,46,40);
	font-size:25px;
	width:33%;
    padding:80px 0 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.shot-list tbody tr {
	border-top:3px solid white;
}

.shot-list tbody tr td {
	color:white;
	font-size:20px;
    padding:20px 0;
    letter-spacing: 3px;
}

.shot-list tbody tr:last-child td {
    padding-bottom: 80px;
}

a.see-all-deals {
	color: white;
    font-size: 22px;
    padding: 5px 0 20px;
	display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.tribe-events-c-top-bar__datepicker-mobile {
    font-size: 32px;
    margin-top: 20px;
    text-align: center;
    font-family: 'Crimson Text', serif !important;
}

.tribe-events .tribe-events-header {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.bourbon {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/wp-content/uploads/2020/04/JB_BG.png);
    background-size: contain;
    position: relative;
    background-repeat: no-repeat;
}

.bourbon-btn {
    position: absolute;
    bottom: 60px;
    z-index: 1;
    width: 197px;
    display: block;
    left: -100px;
    right: 0;
    margin: auto;
}
@media screen and (max-width: 660px) {
    .bourbon-btn {
        max-width: 160px;
        left: -100px;
        bottom: 30px;
    }
}

/*========================================================================================================================
	Shop Page
========================================================================================================================*/

body.page-id-2556 {
	background-color: #000;
}

/* MAIN CONTENT AREA */

.shop-main-content-area {
	width: 1000px;
	max-width: 100%;
	margin: 0 auto 30px;	
	padding: 30px 0 0;
}

.shop-main-content-area {
	font-size: 18px;
}

.shop-main-content-area h1 {
	font-size: 45px;
	line-height: 1.3;
	margin: 0 0 20px;
	color: #fff;
}

/* PRODUCTS AREA */

.products-area {
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;
}

.products-area .product {
	text-align: center;
	margin: 0 0 80px;
	padding: 0 8%;
}

.products-area .product-image {
	display: block;
	width: auto;
	max-width: 100%;
	height: 300px;
	margin: 0 auto 20px;
}

.products-area .product-title {
	font-size: 26px;
	line-height: 1.4;
	margin: 0 0 0;
	color: #fff;
}

.products-area .product-subtitle {
	font-size: 24px;
	line-height: 1.4;
	margin: 0 0 10px;
	color: #fff;
}

.products-area .product-price {
	font-size: 20px;
	line-height: 1.4;
	margin: 0 0 20px;
	color: #fff;
}

.products-area .product-button-container  {
	text-align: center;
	width: 147px;
	margin: 0 auto;
}

.barcart-buy__btn {
	margin: 0 auto !important;
	display: block !important;
}