/*
	To Use - element: var(--primary);
*/
@import url(jquery-1.11.3-ui.css); @import url(swipe.css); @import url(animated.css); @import url(fontawesome-all.css); @import url(bxslider.css); @import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700'); :root {
    --success: #54B247; --info: #72A7CF; --warning: #F38E25; --danger: #DD280A; --dark-grey: #4D4D4D; --blue: #622323; }

/*
	Table Of Contents
	0. 		Reset
	1		Generic Tags
	2.		Fonts
	2.1 	REM Responsive
	2.2		REM Sizing
	3		Structure
	3.1		Content
	3.1.1	Editable Content
	3.1.2	Buttons3
	3.2		Header
	3.2.1	Mobile Header
	3.3		Footer
	3.3.1	Signature307
	3.4		Structure Responsive
	3.5		Modules
	4. 		External Styles30
*/
/* 0. Reset
**********/
/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {
    border: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html, body {
    height: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    /*
  Override the default (display: inline) for
  browsers that do not recognize HTML5 tags.

  IE8 (and lower) requires a shiv:
  http://ejohn.org/blog/html5-shiv
*/
    display: block;
}

b, strong {
    /*
  Makes browsers agree.
  IE + Opera = font-weight: bold.
  Gecko + WebKit = font-weight: bolder.
*/
    font-weight: bold;
}

img {
    color: transparent;
    font-size: 0;
    vertical-align: middle;
    /*
  For IE.
  http://css-tricks.com/ie-fix-bicubic-scaling-for-images
*/
    -ms-interpolation-mode: bicubic;
}

li {
    /*
  For IE6 + IE7.
*/
    display: list-item;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td, caption {
    font-weight: normal;
    vertical-align: top;
    text-align: left;
}

q {
    quotes: none;
}

q:before, q:after {
    content: '';
    content: none;
}

sub, sup, small {
    font-size: 75%;
}

sub, sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg {
    /*
  For IE9.
*/
    overflow: hidden;
}

/* 1. Generic Tags
**************/
html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::-moz-selection {
    background: #622323;
    color: #F0F0F0;
}

::selection {
    background: #622323;
    color: #F0F0F0;
}

/* Try To Remove Background - Footer Fix */
body {
    background: #333333;
    color: #4e4e4e;
    font-family: "Work Sans", sans-serif;
    margin: 0;
    padding: 0;
    text-shadow: none;
    -webkit-text-size-adjust: none;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    font-family: "Work Sans", sans-serif;
    color: #4e4e4e;
    color-adjust: economy;
}

hr {
    clear: both;
    border-top: 1px solid #d8d8d8;
    height: 1px;
    margin: 20px 0 20px 0;
}

a {
    color: #622323;
}

a:hover {
    color: #222;
}

.clear {
    clear: both;
}

.swipebox_full {
    text-align: center;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px 0;
}

/* FAQ Toggles
*************/
.faq-block {
    margin: 20px 0;
}

/* FAQ Content */
h5.toggle_faq {
    text-transform: capitalize;
}

.faq-block div.toggler {
    padding-left: 0;
}

/* Icon Main */
span.faq-icon, h5.toggle_faq {
    transition: 0.3s ease;
    transition-delay: 0.4s;
    cursor: pointer;
}

span.faq-icon {
    background: none;
    width: auto;
    margin-right: 10px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 5px;
}

h5.toggle_faq {
    color: #545454;
}

/* Standard Lines */
i.faq-icon {
    display: block;
    height: 2px;
    width: 15px;
    background-color: #622323;
    position: absolute;
}

/* Plus Icon */
span.faq-icon .one {
    transform: rotate(90deg);
    transition: 0.4s ease-in-out;
}

span.faq-icon .two {
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
}

/* Close Icon */
h5.toggle_faq.active .one {
    transform: rotate(-45deg);
    transition: 0.4s ease-in-out;
}

h5.toggle_faq.active .two {
    transform: rotate(45deg);
    transition: 0.4s ease-in-out;
}

/* Icon Main Active */
span.faq-icon, h5.toggle_faq {
    transition: 0.3s ease;
    transition-delay: 0.4s;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    top: 5px;
}

#page h5.toggle_faq.active {
    color: #622323;
}

@media (max-width: 767px) {
    span.faq-icon {
        width: auto;
        height: 20px;
    }

    i.faq-icon {
        width: 10px;
        height: 2px;
    }
}

.menu_section_nav {
    background-color: #622323;
    cursor: pointer;
}

.menu_section_nav span {
    display: block;
    padding: 10px;
}

.menu_section_nav span a {
    color: #fff;
}

.summary-content {
    background-color: #F0F0F0;
    padding: 10px;
}

/* 2. Fonts
*************/
/* --- 2.1 REM Responsive --- */
html {
    font-size: 50px;
}

body {
    margin: 0;
    line-height: 1.5;
}

body, p, ol li, ul li, pre, .form_holder select {
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    font-family: "Work Sans", sans-serif;
}

@media (max-width: 1200px) {
    html {
        font-size: 45px;
    }
}

@media (max-width: 960px) {
    html {
        font-size: 40px;
    }

    body, p, ol li, ul li, pre, .form_holder select {
        font-size: 17px;
        line-height: 28px;
        font-weight: 300;
    }
}

@media (max-width: 768px) {
    html {
        font-size: 35px;
    }

    body, p, ol li, ul li, pre, .form_holder select {
        font-size: 16px;
        line-height: 26px;
        font-weight: 300;
    }
}

@media (max-width: 480px) {
    html {
        font-size: 30px;
    }

    body, p, ol li, ul li, pre, .form_holder select {
        font-size: 15px;
        line-height: 22px;
        font-weight: 300;
    }
}

/* --- 2.2 REM Sizing --- */
h1, .h1 {
    font-size: 50px;
    font-size: 1rem;
    line-height: 60px;
    line-height: 1rem;
    font-family: "Work Sans", sans-serif;
    color: #606060;
    font-weight: 700;
    margin-bottom: 0px;
}

h2, .h2 {
    font-size: 45px;
    font-size: 0.8rem;
    line-height: 55px;
    line-height: 0.8rem;
    font-family: "Work Sans", sans-serif;
    color: #622323;
    margin-bottom: 5px;
    font-weight: 300;
}

h3, .h3 {
    font-size: 40px;
    font-size: 0.7rem;
    line-height: 50px;
    line-height: 0.7rem;
    font-family: "Work Sans", sans-serif;
    color: #606060;
    font-weight: 700;
    margin-bottom: 5px;
}

h4, .h4 {
    font-size: 35px;
    font-size: 0.55rem;
    line-height: 45px;
    line-height: 0.55rem;
    font-family: "Work Sans", sans-serif;
    color: #622323;
    margin-bottom: 5px;
    font-weight: 300;
}

h5, .h5 {
    font-size: 30px;
    font-size: 0.5rem;
    line-height: 40px;
    line-height: 0.5rem;
    font-family: "Work Sans", sans-serif;
    color: #606060;
    font-weight: 700;
    margin-bottom: 5px;
}

h6, .h6 {
    font-size: 28px;
    font-size: 0.45rem;
    line-height: 35px;
    line-height: 0.45rem;
    font-family: "Work Sans", sans-serif;
    color: #622323;
    margin-bottom: 5px;
    font-weight: 300;
}

/* Navigation */
#menu .mm-list a, .jqueryslidemenu ul li a {
    color: #FFFFFF;
    font-weight: 600;
    padding: 15px 20px;
    text-decoration: none;
    display: block;
}

h1, h2, h3, h4, h5, h6 {
    /* margin-top: 0;
  margin-bottom: .5rem; */
}

p {
    margin-top: 0.2rem;
}

/* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
} */
/* 3. Structure
***********/
/* --- 3.1 Content --- */
.content {
    margin: 0 auto;
    max-width: 940px;
    padding: 0;
}

.content_container {
    width: 100%;
    padding: 30px 20px;
    background: #FFFFFF;
}

/* --- 3.1.1 Editable Content --- */
.editable_content ul {
    list-style: disc outside none;
    margin: 0px 0 20px 20px;
    font-weight: 300;
}

.editable_content ul li {
    padding: 5px 0 0 3px;
    margin: 0;
}

.editable_content ol {
    list-style: decimal outside none;
    margin: 0px 0 20px 20px;
    font-weight: 300;
}

.editable_content ol li {
    padding: 5px 0 0 3px;
    margin: 0;
}

.editable_content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.editable_content table {
    margin: 15px 0 5px 0;
    background: #FFFFFF;
    text-align: center;
    width: 100%;
    display: block;
    overflow: scroll;
}

.editable_content table tr th, .editable_content table thead tr td {
    font-weight: bold;
    border: 1px solid #622323;
    color: #FFFFFF;
    background: #622323;
    padding: 8px 8px 8px 8px;
}

.editable_content table tr td {
    border: 1px solid #F0F0F0;
    padding: 8px 8px 8px 8px;
}

.editable_content iframe[width="500"] {
    width: 100% !important;
    height: 220px;
}

/* --- 3.2 Header --- */
.full_header {
    position: sticky;
    position: -webkit-sticky;
    top: -40px;
    display: none;
    width: 100%;
    z-index: 999;
}

.header_spacer {
    width: 100%;
    height: 47px;
}

.inner_header {
    width: 100%;
    height: 60px;
    background: url(../images/layout/inner_header.jpg) center center no-repeat;
    background-size: cover;
}

/* --- 3.2.1 Mobile Header --- */
.mobile_header {
    background: #fff;
    color: #FFFFFF;
    font-weight: 700;
    padding: 7px 0 8px 0;
    text-align: left;
    width: 100%;
    z-index: 999;
    font-size: 25px;
    border-bottom: 3px solid #622323;
}

.mobile_header .logo_area {
    padding: 0;
    text-align: center;
}

.mobile_header .phone {
    position: absolute;
    right: 10px;
    top: 7px;
}

.mobile_header .cart_link {
    right: 32px;
    position: absolute;
    top: 6px;
}

.mobile_header a {
    color: #333333;
    position: absolute;
    text-decoration: none;
}

.logo_area a {
    display: inline-block;
    position: inherit;
}

.mobile_header .logo_area img {
    height: auto;
    width: 200px;
    margin-top: 2px;
}

.mobile_header {
    display: inherit;
    position: sticky !important;
    position: -webkit-sticky !important;
    width: 100%;
    z-index: 999;
}

.mobile_photo_video {
    display: inherit;
}

.full_photo_video {
    display: none;
}

/* --- 3.3 Footer --- */
.footer {
    background: #333333;
    color: #FFFFFF;
    border-top: 1px solid #333333;
    margin: 0;
    padding: 30px 0 30px 0;
    display: none;
}

/* --- 3.3.1 Signature --- */
#signature {
    background: #333333;
    margin: 0;
    padding: 10px 10px 10px 10px;
}

#signature .signature_content {
    margin: 0 auto;
    max-width: 960px;
    text-align: center;
}

#signature .signature_content p, #signature .signature_content a {
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    margin-top: 0;
}

.full_register {
    width: 35%;
    float: right;
    border-left: 1px solid #dedede;
    display: none;
    padding-left: 10px;
}

/* --- 3.4 Structure Responsive --- */
@media (min-width: 960px) {
    .footer {
        display: inherit;
    }

    #signature {
        font-size: 12px;
    }

    .mobile_header {
        display: none;
    }

    .full_header {
        display: inherit;
    }

    .header_spacer {
        height: 82px;
    }

    .inner_header {
        height: 150px;
    }

    .mobile_photo_video {
        display: none;
    }

    .full_photo_video {
        display: inherit;
    }

    .content_container {
        padding: 100px 20px;
    }
}

/* ---- 3.5 FAQ ------- */
.faq-block {
    margin: 20px 0;
}

/* FAQ Content */
h5.toggle_faq {
    text-transform: capitalize;
}

.faq-block div.toggler {
    padding-left: 0;
}

/* Icon Main */
span.faq-icon, h5.toggle_faq {
    transition: 0.3s ease;
    transition-delay: 0.4s;
    cursor: pointer;
}

span.faq-icon {
    background-color: #333333;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

h5.toggle_faq {
    color: #622323;
}

/* Standard Lines */
i.faq-icon {
    display: block;
    height: 2px;
    width: 15px;
    background-color: white;
    position: absolute;
}

/* Plus Icon */
span.faq-icon .one {
    transform: rotate(90deg);
    transition: 0.4s ease-in-out;
}

span.faq-icon .two {
    transform: rotate(180deg);
    transition: 0.4s ease-in-out;
}

/* Close Icon */
h5.toggle_faq.active .one {
    transform: rotate(-45deg);
    transition: 0.4s ease-in-out;
}

h5.toggle_faq.active .two {
    transform: rotate(45deg);
    transition: 0.4s ease-in-out;
}

/* Icon Main Active */
span.faq-icon, h5.toggle_faq {
    transition: 0.3s ease;
    transition-delay: 0.4s;
}

h5.toggle_faq.active span {
    background-color: #622323;
}

#page h5.toggle_faq.active {
    color: #622323;
}

@media (max-width: 767px) {
    span.faq-icon {
        width: 20px;
        height: 20px;
    }

    i.faq-icon {
        width: 10px;
        height: 2px;
    }
}

/* Home Small Banner Layout */
.home_banner_system {
    display: flex;
    flex-wrap: wrap;
}

.home_banner_content, .home_banner_image {
    width: 50%;
}

.home_banner_content {
    padding: 60px 5% 60px 0;
}

.home_banner_image {
    background-position: center;
    background-size: cover;
}

@media (max-width: 768px) {
    .home_banner_content, .home_banner_image {
        width: 100%;
    }

    .home_banner_image {
        min-height: 200px;
    }
}

/* 3.1.2 Buttons
****************/
input.superbutton {
    color: #FFFFFF;
    padding: 15px 5px;
    margin: 5px 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    float: none;
    text-decoration: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #622323;
    transition: 0.3s ease;
}

input.superbutton:hover {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #222;
    transition: 0.3s ease;
}

a.button, button.superbutton {
    color: #FFFFFF;
    padding: 15px 5px;
    margin: 5px 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    float: none;
    text-decoration: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #622323;
    transition: 0.3s ease;
}

a.button:hover, button.superbutton:hover {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #222;
    transition: 0.3s ease;
}

a.superbutton {
    color: #FFFFFF;
    padding: 15px 5px;
    margin: 5px 0 0 0;
    width: 100%;
    height: auto;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    float: none;
    text-decoration: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #622323;
    transition: 0.3s ease;
}

a.superbutton:hover {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #222;
    transition: 0.3s ease;
}

a.cart_button {
    position: fixed;
    top: 162px;
    right: 140px;
    background: #622323;
    padding: 5px 20px;
    border-radius: 0 0 7px 7px;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 990;
    font-weight: 700;
    text-transform: uppercase;
    background: #622323;
    transition: 0.3s ease;
    -webkit-appearance: none;
}

a.cart_button:hover {
    background: #222;
    transition: 0.3s ease;
}

a.cart_button_mobile {
    position: fixed;
    top: 47px;
    right: 60px;
    background: #622323;
    padding: 5px 20px;
    border-radius: 0 0 7px 7px;
    color: #FFFFFF;
    text-decoration: none;
    z-index: 990;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.3s ease;
}

a.cart_button_mobile:hover {
    background: #222;
    transition: 0.3s ease;
}

.cart_quantity {
    margin: 0;
    transition: 0.3s ease;
}

.cart_quantity .quantity_text {
    float: right;
    margin: 5px 5px 0 0;
    transition: 0.3s ease;
}

.cart_quantity label {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    transition: 0.3s ease;
}

.cart_quantity input {
    border: none;
    height: 26px;
    margin: 5px 0 10px;
    outline: 0 none;
    padding: 1px 2% 2px 2%;
    width: 96%;
    transition: 0.3s ease;
}

.cart_quantity select {
    width: 100%;
    height: 30px;
    padding: 5px 0;
    margin: 5px 0 0;
    border-radius: 0px;
    border: none;
    outline: none;
    transition: 0.3s ease;
}

.cart_quantity select option {
    padding: 8px 12px 8px 12px;
    transition: 0.3s ease;
}

input.superbutton[type="submit"] {
    padding: 10px 20px;
    background-color: #622323;
    color: #fff;
    transition: 0.3s ease;
    border: none;
		-webkit-appearance: none;
}

input.superbutton[type="submit"]:hover {
    background-color: #333333;
    transition: 0.3s ease;
}

/* 3.5 Modules
*************/
/* New Nav Styles */
.button_container {
    position: fixed;
    top: 30px;
    right: 30px;
    height: 27px;
    width: 35px;
    cursor: pointer;
    z-index: 999;
    transition: opacity 0.25s ease;
}

.button_container:hover {
    opacity: .7;
}

.button_container.active .top {
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #ffffff;
}

.button_container span {
    background-color: #F0F0F0;
    border: none;
    height: 5px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}

.overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.85);
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s, visibility 0.35s, height 0.35s;
    overflow: hidden;
}

.overlay.open {
    opacity: .7;
    visibility: visible;
    height: 100%;
}

.overlay.open li {
    animation: fadeInRight 0.5s ease forwards;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    animation-delay: .40s;
}

.overlay.open li:nth-of-type(3) {
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
    animation-delay: .50s;
}

.overlay.open li:nth-of-type(5) {
    animation-delay: .55s;
}

.overlay.open li:nth-of-type(6) {
    animation-delay: .60s;
}

.overlay.open li:nth-of-type(7) {
    animation-delay: .65s;
}

.overlay.open li:nth-of-type(8) {
    animation-delay: .70s;
}

.overlay.open li:nth-of-type(9) {
    animation-delay: .75s;
}

.overlay.open li:nth-of-type(10) {
    animation-delay: .80s;
}

.overlay.open li:nth-of-type(11) {
    animation-delay: .85s;
}

.overlay.open li:nth-of-type(12) {
    animation-delay: .90s;
}

.overlay.open li:nth-of-type(13) {
    animation-delay: .95s;
}

.overlay.open li:nth-of-type(14) {
    animation-delay: 1s;
}

.overlay.open li:nth-of-type(15) {
    animation-delay: 1.05s;
}

.overlay.open li:nth-of-type(16) {
    animation-delay: 1.1s;
}

.overlay.open li:nth-of-type(17) {
    animation-delay: 1.15s;
}

.overlay.open li:nth-of-type(18) {
    animation-delay: 1.2s;
}

.overlay.open li:nth-of-type(19) {
    animation-delay: 1.25s;
}

.overlay.open li:nth-of-type(20) {
    animation-delay: 1.3s;
}

.overlay.open li:nth-of-type(21) {
    animation-delay: 1.35s;
}

.overlay.open li:nth-of-type(22) {
    animation-delay: 1.4s;
}

.overlay.open li:nth-of-type(23) {
    animation-delay: 1.45s;
}

.overlay.open li:nth-of-type(24) {
    animation-delay: 1.5s;
}

.overlay.open li:nth-of-type(25) {
    animation-delay: 1.55s;
}

.overlay.open li:nth-of-type(26) {
    animation-delay: 1.6s;
}

.overlay.open li:nth-of-type(27) {
    animation-delay: 1.65s;
}

.overlay.open li:nth-of-type(28) {
    animation-delay: 1.7s;
}

.overlay.open li:nth-of-type(29) {
    animation-delay: 1.75s;
}

.overlay.open li:nth-of-type(30) {
    animation-delay: 1.8s;
}

.overlay nav {
    position: relative;
    height: 70%;
    top: 45%;
    transform: translateY(-50%);
    font-size: 35px;
    font-family: "Work Sans", sans-serif;
    font-weight: 300;
    text-align: center;
}

.mobile_header a#menu_button {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

a.logo img.kahl-logo {
    width: 100px !important;
    border-left: 1px solid #ddd;
    margin-left: 10px;
    padding-left: 10px;
}

@media (max-width:960px) {
    .mobile_header .logo_area img.kahl-logo {
        width: 60px !important;;
        border-left: 1px solid #ddd;
        margin-left: 10px;
        padding-left: 10px;
    }    
}

@media (max-width:400px) {
    .mobile_header .logo_area img {
        width: 150px !important;;
    }
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    height: auto;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: inline-block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    font-size: 0.6rem;
    padding-left: 0;
    padding-bottom: 10px;
}

.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
    width: 100%;
}

.overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    transition: .35s;
    background-color: transparent;
}

.overlay ul li a:hover:after {
    background-color: #fff;
}

.overlay ul li ul {
    display: none;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        left: 20%;
    }

    100% {
        opacity: 1;
        left: 0;
    }
}

.overlay.open {
    opacity: 1;
    overflow: scroll;
}

/* ---- Box List ---- */
.box_list .box {
    display: inline-flex;
    width: calc(33.33% - 10px);
    flex-direction: column;
    text-align: center;
    margin: 10px 0;
}

.box_list::after {
    content: '';
    display: block;
    width: calc(33.33% - 20px);
}

.box_list .box img {
    margin-bottom: 10px;
}

@media (max-width:600px) {
    .box_list .box {
        width: 100%;
    }
}

.box_list .full {
    width: 100%;
    margin: 0 0% 10px;
    text-align: center;
}

.box_list .video_box {
    width: 100%;
    margin-bottom: 5px;
}

.box_list .video_box iframe {
    width: 100%;
    height: 225px;
}

.box_list .box .quote {
    color: #622323;
}

.box_list .name {
    color: #622323;
    padding: 5px 10px 2px 0;
    margin: 0;
}

.box_list .featured {
    background-color: rgba(248, 42, 63, 0.3);
}

.box_list .box .title {
    color: #622323;
    margin: 4px 0 2px 0;
    text-transform: uppercase;
    font-weight: 700;
}

.box_list .box .menu_title {
    color: #622323;
    margin: 10px 0 3px 2px;
}

.box_list .no_image .title {
    margin: 0px 0 10px 0;
}

.box_list .box .title a {
    font-weight: 700;
    text-transform: uppercase;
    color: #622323;
    text-decoration: none;
    font-size: 22px;
    line-height: 22px;
}

.box_list .box .title a:hover {
    color: #222;
    text-decoration: none;
}

.box_list .location_title {
    padding: 5px 0 0 0;
    line-height: 16px;
}

.box_list .job_title {
    color: #E00000;
    margin: -5px 0 0 0;
}

.box_list p {
    padding: 0;
    margin: 2px 0 10px 0;
    font-size: 16px;
    line-height: 24px;
}

.box_list .box .date {
    font-style: italic;
    font-weight: 400;
    color: #E00000;
    padding: 0;
    margin: 0;
}

.box_list .box .price {
    color: #622323;
    margin: 0px 0 3px 2px;
    float: right;
}

.box_list .box .description {
    font-style: italic;
    padding: 0px;
    margin: 8px 0 0 0;
}

.box_list .box .options {
    font-style: italic;
    padding: 0px;
    margin: 2px 0 10px 0;
}

.box_list .box i {
    float: none;
    color: #622323;
    padding: 0 5px 0 0;
}

.box_list .box .specials_title {
    font-style: bold;
    color: #622323;
    padding: 0;
}

.box_list .box .special {
    font-style: italic;
    color: #333333;
    padding: 0;
}

.box_list .box img {
    width: 100%;
    height: auto;
}

.box_list .box img.large_image {
    border: 1px solid #F0F0F0;
    background: #FFFFFF;
    padding: 3px;
    margin: 5px 10px 10px 0;
    max-width: 200%;
    max-height: 200%;
    width: 97%;
    height: auto;
}

.box_list .box ul {
    margin: 0;
}

.box_list .box ul li {
    list-style-type: none;
    width: 100%;
    float: none;
    background: none;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 0;
}

.box_list .box ul.careers_list li {
    list-style-type: none;
    width: 100%;
    float: left;
    background: none;
    margin: 10px 0 10px 0;
    padding: 0 10px 0 0;
}

.box_list .box ul li.last {
    border-right: none;
}

.box_list ul {
    margin: 0px;
    padding: 0px 0 8px 5px;
}

.box_list ul li {
    margin: 0;
    padding: 0;
}

.content .product_number {
    color: #622323;
    float: right;
}

.box_list .product_highlight {
    margin: 0;
}

.box_list .product_highlight .alert {
    float: right;
    color: #E00000;
    margin: -5px 0 0 0;
}

.box_list .product_highlight ul {
    margin: 0px;
    padding: 0;
}

.box_list .product_highlight ul li {
    margin: 0;
    padding: 0;
}

.box_list .product_highlight ul li .strike {
    text-decoration: line-through;
}

.box_list .product_highlight ul li .sale {
    color: #E00000;
}

.box_list .product_check_list ul, .box_list .product_check_list, .box_list .product_highlight ul.gallery, .box_list .product_highlight ul.gallery li {
    margin: 0;
    padding: 0;
}

.box_list .product_check_list ul li {
    color: #622323;
    background: none;
    float: left;
    margin: 0px;
    padding: 0;
}

.box_list .box ul.pricing {
    margin: -1px 0 0 0;
    padding: 0;
}

.box_list .box ul.pricing li {
    display: inline;
    border-right: none;
    margin: 0px 4px 4px 0;
    padding: 0;
    color: #622323;
}

.box_list .box ul.pricing li.strike {
    text-decoration: line-through;
}

.box_list .box ul.pricing li.sale {
    color: #E00000;
}

.box_list .box .alert_overlay {
    background-color: rgba(248, 42, 63, 0.3);
    padding: 2px 5px;
    margin-bottom: 5px;
    color: #622323;
}

.box_list .box .alert_overlay h6 {
    text-decoration: none;
    font-size: 0.2rem;
    padding: 0px;
    margin: 0;
    float: left;
}

.box_list .box .alert_overlay h6 span {
    padding: 0px;
    margin: 0px 0 0 10px;
}

.box_list .box .alert_overlay p {
    color: #622323;
}

.box_list .box .alert_overlay i {
    color: #622323;
    padding: 0px 5px 0 5px;
    float: left;
}

.box_list .box .date_title {
    margin-top: 6px;
}

.box_list .box .date_box, .content .date_box {
    background: none;
    border: none;
    float: none;
    width: 100%;
    margin: 2px 0 2px 0;
    text-align: center;
    text-decoration: none;
    color: #E00000;
}

.date_box_event {
    background: none;
    border: none;
    float: none;
    width: 100%;
    margin: 2px 0 2px 0;
    text-decoration: none;
    color: #E00000;
    text-align: left;
    padding-left: 12px;
}

.box_list .box .date_box .month, .content .date_box .month {
    color: #FFFFFF;
    background: #622323;
    padding: 1px 0 4px 0;
    text-transform: uppercase;
}

.box_list .box .date_box .day_of_week, .content .date_box .day_of_week {
    color: #622323;
    font-size: 0.22rem;
    text-transform: none;
    padding: 2px 0 0 0;
    margin: 0px 0 -2px 0;
}

.box_list .box .date_box .day, .content .date_box .day {
    color: #622323;
    font-size: 0.6rem;
    padding: 0;
}

.box_list .box .date_box .year, .content .date_box .year {
    color: #622323;
    font-size: 0.22rem;
    letter-spacing: 4px;
    padding: 0px 0 2px 5px;
    margin: -3px 0 0 0;
}

.box_list .box ul.date_list {
    margin: 3px 10px 0 0;
    padding: 0px;
    color: #622323;
    font-size: 12px;
}

.box_list .box ul.date_list li {
    background: none;
    display: inline;
    list-style: none;
    color: #622323;
    border-left: 1px solid #622323;
    padding: 0px 0 0 10px;
    margin: 0px 0 0 6px;
}

.box_list .box ul.date_list li.first {
    border-left: none;
    padding: 0;
    margin: 0;
}

.content .box_list .box ul.date_list li i {
    padding: 4px 4px 0 0;
}

.box_list .box ul.eventdata_list {
    margin: 0 10px 10px 0;
    padding: 0 0 10px 0;
    color: #622323;
    border-bottom: 1px solid #333333;
}

.box_list .box ul.eventdata_list li {
    background: none;
    list-style: none;
    color: #333333;
    padding: 0px 0 0 10px;
    margin: 2px 0 2px 6px;
}

.content .box_list .box ul.eventdata_list li i {
    padding: 0 5px 0 0;
    width: auto;
    float: none;
    color: #333333;
}

.box_list .address {
    color: #622323;
}

.box_list .address i {
    padding: 0px 4px 0 0;
    margin-top: -1px;
}

.box_list .event p {
    margin: 5px 0 0 0;
}

.box_list .box_links a {
    color: #622323;
}

.box_list .comment_box {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: left;
}

.box_list .comment_box .comment_name {
    font-weight: 700;
    text-transform: uppercase;
    color: #333333;
    margin: 0px 0 5px 0;
}

.box_list .comment_box .comment_name span {
    font-weight: 300;
    font-style: italic;
    color: #333333;
    text-transform: capitalize;
}

/* Past News */
.box_list .past_news {
    width: 100%;
    margin: 0 0 10px;
    text-align: left;
}

/* CONTACT INFORMATION */
.contact_info {
    margin: 0;
}

.contact_info h4 {
    padding: 0px 0 10px 0;
    color: #622323;
}

.contact_info ul {
    margin: 5px 0 15px 0;
    width: 100%;
    text-align: center;
}

.contact_info ul li {
    margin: 0px 0 5px 0;
    list-style: none;
    font-weight: 300;
}

.contact_info ul li a {
    color: #622323;
    text-decoration: underline;
}

.contact_info ul li a:hover {
    color: #222;
    text-decoration: none;
}

.contact_info span {
    margin: 0px 0 2px 0;
}

.contact_info h6 {
    color: #622323;
    margin: 0px 0 10px 0;
}

.contact_info pre {
    margin: 3px 0 0 0;
    white-space: pre-wrap;
    /* css-3 */
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
    width: 99%;
}

.contact_info ul.hours {
    margin: 3px 0 0 0;
    padding: 0px;
    width: 100%;
}

.contact_info ul.hours li {
    margin: 0px;
    padding: 0px;
}

.contact_info ul.hours li span {
    width: 100px;
    display: inline-block;
}

.map_holder {
    margin-bottom: -6px;
}

.map_holder .overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    /* your iframe height */
    top: 450px;
    /* your iframe height */
    margin-top: -450px;
    /* your iframe height */
}

.map_holder .map_overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    top: 450px;
    margin-top: -450px;
    -webkit-overflow-scrolling: touch;
    z-index: 104;
}

#map_canvas {
    width: 100%;
    height: 450px;
}

.map_holder {
    background-color: #fff;
}

@media (min-width: 960px) {
    .contact .form_holder .third_width {
        width: calc(33.33% - 10px) !important;
    }
}

/* Login Styles */
#header .menu_holder .menu_content ul li.login_btn {
    float: left;
}

#header .menu_holder .menu_content ul li.login_btn a {
    text-decoration: none;
    color: #fff;
    background: #622323;
    float: left;
    padding: 8px 10px;
}

#header .menu_holder .menu_content ul li.login_btn a:hover {
    background: #222;
}

#header .menu_holder .menu_content ul li.login_btn a i {
    color: #fff;
    position: relative;
    left: 3px;
}

.login_btn {
    float: right;
    margin: 0;
}

#header .login_btn {
    margin: 15px 0 3px 0;
}

.login_btn i {
    float: left;
    font-size: 0.46rem;
    margin: 2px 5px 0 0;
    color: #622323;
}

.login_wrapper.hide {
    display: none;
}

.login_wrapper {
    width: 100%;
    position: fixed;
    z-index: 102;
    top: 34px;
    right: 0;
    left: 0;
}

.login_wrapper .login_wrapper_inner {
    width: 960px;
    margin: 0 auto;
}

.menu_holder .login_box {
    width: 300px;
    background: #622323;
    padding: 15px;
    float: right;
    margin-right: 3px;
    box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box input {
    width: 94%;
    padding: 3%;
    margin: 2% 0;
    float: left;
    border: none;
    background: #F0F0F0;
}

.menu_holder .login_box input:focus {
    outline: none;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box input.checkbox {
    width: auto !important;
    padding: 0;
    margin: 2% 0 0 4%;
}

.menu_holder .login_box a {
    text-decoration: none;
    color: #fff;
}

.menu_holder .login_box a:hover {
    text-decoration: underline;
}

.menu_holder .login_box a.superbutton {
    margin-top: 5px;
    background: #333;
}

.menu_holder .login_box a.superbutton:hover {
    text-decoration: none;
    background: #333333;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.5);
}

.menu_holder .login_box a.superbutton i {
    margin: 0 -2px 0 3px;
}

/* FORMS */
h2#form {
    font-size: 0.4rem;
    line-height: 0.4rem;
    color: #622323;
    margin: 0px;
    padding: 5px 10px;
}

.form_holder {
    background: none;
    padding: 10px 11px 10px 10px;
}

.form_holder .third_width {
    width: 100%;
    margin-right: 0%;
    float: none;
}

.form_holder .half_width {
    width: 100%;
    margin-right: 0%;
    float: none;
}

.form_holder .full_width {
    float: left;
    width: 100%;
    margin: 0;
}

.form_holder .last {
    margin: 0;
}

.form_holder input,.form_holder textarea {
    width: 100%;
    padding: 5px 8px 5px 8px;
    height: auto;
    font-size: 16px;
    margin: 1px 0 5px 0;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    color: #333333;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-family: 'Work Sans', sans-serif;
}

.form_holder input.checkbox {
    float: left;
    width: auto;
    height: auto;
    margin: 8px 0;
    padding: 0;
    background: none;
    border: 1px solid #e0e0e0;
    box-shadow: none;
    color: #333333;
    outline: none;
}

.form_holder select {
    font-weight: 300;
    width: 100%;
    height: 36px;
    padding: 5px 0;
    margin: 1px 0 10px;
    background-color: #FFFFFF;
    border: 1px solid #e0e0e0;
    color: #333333;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form_holder select option {
    padding: 8px 0 8px 0;
}

.form_holder .uploader {
    width: 100%;
    height: 30px;
    padding: 0px;
    margin: 1px 0 5px 0;
    background-color: #FFFFFF;
    border: 0px solid #FFFFFF;
    color: #333333;
    outline: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.form_holder input:focus, .form_holder textarea:focus {
    background-color: #FFFFFF;
    color: #333333;
    outline: none;
}

.form_holder label {
    display: block;
    font-size: 14px;
    color: #333333;
}

.form_holder .message {
    margin: 0px 0 10px 0;
}

.form_holder .check_label {
    float: left;
    margin: 4px 0 0 0;
    padding: 0px 0 0 5px;
}

.form_holder .require {
    color: #622323;
}

.form_holder .form_error {
    color: var(--warning);
    margin: 10px 0 20px 0;
}

.form_top {
    margin-top: 30px;
}

.directions_form input {
    width: 98%;
    padding: 3px;
}

.form_holder .email_half_width input {
    width: 100%;
}

.captcha {
    margin-bottom: 20px !important;
}

/* Placeholder */
::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #F0F0F0;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #F0F0F0;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #F0F0F0;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #F0F0F0;
}

.form_holder input, .form_holder textarea {
    border-color: #e0e0e0;
}

#menu a {
    text-decoration: none;
}

html.mm-opened .mm-page, html.mm-opened #mm-blocker, html.mm-opened .mm-fixed-top, html.mm-opened .mm-fixed-bottom, html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, border, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, border, -moz-transform;
    -ms-transition-property: top, right, bottom, left, border, -ms-transform;
    -o-transition-property: top, right, bottom, left, border, -o-transform;
    transition-property: top, right, bottom, left, border, transform;
}

html.mm-opened .mm-page, html.mm-opened #mm-blocker {
    left: 0%;
    top: 0;
    margin: 0;
    border: 0px solid transparent;
}

html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker {
    border: 0px solid rgba(100, 100, 100, 0);
}

.mm-menu .mm-hidden {
    display: none;
}

.mm-fixed-top, .mm-fixed-bottom {
    position: fixed;
    left: 0;
}

.mm-fixed-top {
    top: 0;
}

.mm-fixed-bottom {
    bottom: 0;
}

html.mm-opened .mm-page, .mm-menu > .mm-panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html.mm-opened, html.mm-opened body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

html.mm-opened .mm-page {
    height: 100%;
    overflow: hidden;
    position: absolute;
}

html.mm-background .mm-page {
    background: inherit;
}

#mm-blocker {
    background: #fff;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9999;
}

html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
    display: block;
}

.mm-menu.mm-current {
    display: block;
}

.mm-menu {
    background: inherit;
    display: none;
    overflow: hidden;
    height: 100%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0;
}

.mm-menu > .mm-panel.mm-opened {
    left: 0%;
}

.mm-menu > .mm-panel.mm-subopened {
    left: -40%;
}

.mm-menu > .mm-panel.mm-highest {
    z-index: 1;
}

.mm-menu > .mm-panel.mm-hidden {
    display: block;
    visibility: hidden;
}

.mm-menu .mm-list {
    padding: 20px 0;
}

.mm-menu > .mm-list {
    padding: 20px 0 40px 0;
}

.mm-panel > .mm-list {
    margin-left: -20px;
    margin-right: -20px;
}

.mm-panel > .mm-list:first-child {
    padding-top: 0;
}

.mm-list, .mm-list > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
}

.mm-list * {
    -webkit-text-size-adjust: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: none;
}

.mm-list a, .mm-list a:hover {
    text-decoration: none;
}

.mm-list > li {
    position: relative;
}

.mm-list > li > a, .mm-list > li > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    line-height: 20px;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
    width: auto;
    /*margin-left: 20px;  changed to allow border to touch left edge */
    margin-left: 0px;
    position: relative;
    left: auto;
}

.mm-list a.mm-subopen {
    width: 40px;
    height: 100%;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.mm-list a.mm-subopen::before {
    content: '';
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.mm-list a.mm-subopen.mm-fullsubopen {
    width: 100%;
}

.mm-list a.mm-subopen.mm-fullsubopen:before {
    border-left: none;
}

.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
    padding-right: 5px;
    margin-right: 40px;
}

.mm-list > li.mm-selected > a.mm-subopen {
    background: transparent;
}

.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
    padding-right: 45px;
    margin-right: 0;
}

.mm-list a.mm-subclose {
    text-indent: 20px;
    padding-top: 30px;
    margin-top: -20px;
}

.mm-list > li.mm-label {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px;
}

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
    content: '';
    border: 2px solid transparent;
    display: block;
    width: 7px;
    height: 7px;
    margin-bottom: -5px;
    position: absolute;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mm-list a.mm-subopen:after {
    border-top: none;
    border-left: none;
    right: 18px;
}

.mm-list a.mm-subclose:before {
    border-right: none;
    border-bottom: none;
    margin-bottom: -4px;
    left: 22px;
}

.mm-menu.mm-vertical .mm-list .mm-panel {
    display: none;
    padding: 10px 0 10px 10px;
}

.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent;
}

.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
    display: block;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
    height: 40px;
}

.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px;
}

html.mm-opened .mm-page {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

/* MAIN BG COLOUR */
.mm-ismenu {
    background: #622323;
}

.mm-menu {
    color: #fff;
}

.mm-menu .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
    border-color: #FFFFFF;
}

.mm-menu .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.15);
}

.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.1);
}

.mm-menu .mm-list li.mm-label {
    background: rgba(255, 255, 255, 0.05);
}

.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.05);
}

html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 80%;
}

.mm-menu {
    width: 80%;
}

@media all and (max-width: 175px) {
    .mm-menu {
        width: 140px;
    }

    html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
        left: 140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu {
        width: 440px;
    }

    html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
        left: 440px;
    }
}

html.mm-nooverflowscrolling.mm-opened {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: scroll;
}

html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto;
}

html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    position: fixed;
}

html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0;
}

html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
    display: block;
}

/* MENU THEMES */
html.mm-opened.mm-light .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-light {
    background: #f3f3f3;
}

.mm-menu.mm-light {
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.6);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-light .mm-list li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-light .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-light li.mm-noresults {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-light .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-white .mm-page {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.mm-ismenu.mm-white {
    background: white;
}

.mm-menu.mm-white {
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white .mm-list > li:after {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li > a.mm-subclose {
    background: rgba(0, 0, 0, 0.08);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-list > li > a.mm-subopen:before {
    border-color: rgba(0, 0, 0, 0.1);
}

.mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span {
    background: rgba(0, 0, 0, 0.08);
}

.mm-menu.mm-white .mm-list li.mm-label {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(0, 0, 0, 0.03);
}

.mm-menu.mm-white .mm-search input {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.6);
}

.mm-menu.mm-white li.mm-noresults {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white em.mm-counter {
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header {
    border-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.3);
}

.mm-menu.mm-white .mm-header a:before {
    border-color: rgba(0, 0, 0, 0.3);
}

html.mm-opened.mm-black .mm-page {
    box-shadow: none;
}

.mm-ismenu.mm-black {
    background: black;
}

.mm-menu.mm-black {
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black .mm-list > li:after {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li > a.mm-subclose {
    background: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-list > li > a.mm-subopen:before {
    border-color: rgba(255, 255, 255, 0.2);
}

.mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span {
    background: rgba(255, 255, 255, 0.25);
}

.mm-menu.mm-black .mm-list li.mm-label {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul {
    background: rgba(255, 255, 255, 0.15);
}

.mm-menu.mm-black .mm-search input {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6);
}

.mm-menu.mm-black li.mm-noresults {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black em.mm-counter {
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header {
    border-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
}

.mm-menu.mm-black .mm-header a:before {
    border-color: rgba(255, 255, 255, 0.3);
}

/* END MENU THEMES */
/* MENU POSITIONING */
.mm-menu.mm-top {
    width: 100%;
}

html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker {
    top: 0%;
}

html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    left: 0;
}

.mm-menu.mm-right {
    left: auto;
    right: 0;
}

html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom {
    left: auto;
    right: 0%;
}

html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    left: auto;
}

.mm-menu.mm-bottom {
    width: 100%;
    top: auto;
    bottom: 0;
}

html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker {
    bottom: 0%;
    top: auto;
}

html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    top: auto;
    left: 0;
}

.mm-menu.mm-top {
    height: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top {
    top: 80%;
}

html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-top {
        height: 140px;
    }

    html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top {
        top: 140px;
    }

    html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-top {
        height: 880px;
    }

    html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top {
        top: 880px;
    }

    html.mm-top.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: -880px;
    }
}

.mm-menu.mm-right {
    width: 80%;
}

html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
    right: 80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-right {
        width: 140px;
    }

    html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
        right: 140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-right {
        width: 440px;
    }

    html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom {
        right: 440px;
    }
}

.mm-menu.mm-bottom {
    height: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
    bottom: 80%;
}

html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
    top: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom {
        height: 140px;
    }

    html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: 140px;
    }

    html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
        top: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom {
        height: 880px;
    }

    html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom {
        bottom: 880px;
    }

    html.mm-bottom.mm-opened.mm-opening .mm-fixed-top {
        top: -880px;
    }
}

html.mm-front.mm-opened .mm-page {
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    -webkit-transition: none 0.4s ease;
    -moz-transition: none 0.4s ease;
    -ms-transition: none 0.4s ease;
    -o-transition: none 0.4s ease;
    transition: none 0.4s ease;
    -webkit-transition-property: top, right, bottom, left, -webkit-transform;
    -moz-transition-property: top, right, bottom, left, -moz-transform;
    -ms-transition-property: top, right, bottom, left, -o-transform;
    -o-transition-property: top, right, bottom, left, -o-transform;
    transition-property: top, right, bottom, left, transform;
}

html.mm-front .mm-page, html.mm-front #mm-blocker {
    z-index: 0;
}

.mm-menu.mm-front {
    z-index: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

html.mm-opened.mm-next .mm-page {
    box-shadow: none;
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    left: 0%;
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    left: 0;
}

html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next {
    left: 0;
    top: 0%;
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    left: auto;
}

html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next {
    left: auto;
    right: 0%;
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    top: auto;
    left: 0;
}

html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next {
    left: 0;
    bottom: 0%;
}

.mm-menu.mm-front, .mm-menu.mm-next {
    left: -80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-front, .mm-menu.mm-next {
        left: -440px;
    }
}

.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
    top: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next {
        top: -880px;
    }
}

.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
    right: -80%;
}

@media all and (max-width: 175px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -140px;
    }
}

@media all and (min-width: 550px) {
    .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next {
        right: -440px;
    }
}

.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
    bottom: -80%;
}

@media all and (max-height: 175px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -140px;
    }
}

@media all and (min-height: 1100px) {
    .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next {
        bottom: -880px;
    }
}

html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    left: 0;
    right: auto;
}

html.mm-opened.mm-front .mm-fixed-top, html.mm-opened.mm-opening.mm-front .mm-fixed-top {
    top: 0;
}

html.mm-opened.mm-front .mm-fixed-bottom, html.mm-opened.mm-opening.mm-front .mm-fixed-bottom {
    bottom: 0;
}

/* END MENU POSITIONING */
/* MAIN NAVIGATION STYLES */
.jqueryslidemenu {
    width: 100%;
    background: #622323;
    padding: 0px 0px;
    font-weight: 700;
    text-transform: uppercase;
    z-index: 101;
}

.jqueryslidemenu a.logo {
    float: left;
}

.jqueryslidemenu a.logo img {
    padding: 10px 0px 0px 20px;
    width: 450px;
}

.jqueryslidemenu ul {
    width: 960px;
    margin: 0px auto 0px auto;
    list-style: none;
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 1200px) {
    .jqueryslidemenu ul {
        width: 1200px;
    }
}

.jqueryslidemenu ul li {
    position: relative;
    float: left;
    display: inline;
    margin: 0px 0px 0px 0px;
    z-index: 12;
}

.jqueryslidemenu ul li a {
    color: #FFFFFF;
    padding: 13px 28px 15px;
}

@media (min-width:960px) {
    .jqueryslidemenu ul li::after,
    .jqueryslidemenu ul li.Selected::after {
        content: '';
        color: #fff;
        position: absolute;
        top: -20px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #fff;
        transition:0.3s ease;
    }

    .jqueryslidemenu ul li.Selected:after,
    .jqueryslidemenu ul li:hover::after {
        top:0;
        transition:0.3s ease;
    }
}

@media screen and (min-width: 1200px) {
    .jqueryslidemenu ul li a {
        padding: 13px 40px 15px;
    }
}

.jqueryslidemenu ul li a:hover, .jqueryslidemenu ul li:hover a, .jqueryslidemenu ul li.Selected a, .jqueryslidemenu ul li.Selected a:hover {
    color: #FFFFFF;
    border-color: #FFFFFF;
}

/* FIRST DROP-DOWN LAYER */
.jqueryslidemenu ul li ul {
    /* REMOVE STLYES FROM TOP LEVEL */
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* REMOVE STLYES FROM TOP LEVEL */
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style: none;
    border: 1px solid #F0F0F0;
    border-top: none;
    width: 265px;
    /* WIDTH OF SUB MENU */
}

.jqueryslidemenu ul li ul li {
    /* REMOVE STLYES FROM TOP LEVEL */
    display: list-item;
    float: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    /* REMOVE STLYES FROM TOP LEVEL */
    border-top: 1px solid #F0F0F0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #F0F0F0;
}

.jqueryslidemenu ul li ul li a {
    color: #333333;
    line-height: 20px;
    padding: 15px 15px 15px 15px;
    margin: 0px;
    background: none;
}

.jqueryslidemenu ul li:hover ul li a {
    color: #333333;
    line-height: 20px;
    padding: 15px 15px 15px 15px;
    margin: 0px;
    background: none;
}

.jqueryslidemenu ul li.Selected ul li a:hover, .jqueryslidemenu ul li ul li a:hover {
    color: #E00000;
    text-decoration: none;
    background: #F0F0F0;
}

.jqueryslidemenu ul li.Selected ul li a:link, .jqueryslidemenu ul li.Selected ul li a:visited {
    color: #333333;
    background: none;
}

/* SUB DROP-DOWN LAYERS AFTER 1ST */
.jqueryslidemenu ul li ul li ul {
    top: 0;
    margin: -1px 0px 0px 2px;
}

/* DOWN AND RIGHT ARROWS IN NAV (DEFAULT OFF) */
.downarrowclass {
    display: none;
    /* THIS HIDES THE ARROW */
    position: absolute;
    top: 8px;
    right: 7px;
}

.rightarrowclass {
    display: none;
    /* THIS HIDES THE ARROW */
    position: absolute;
    top: 9px;
    right: 5px;
}

.jqueryslidemenu ul li:hover ul {
    visibility: visible !important;
}

/* ORDER STYLES */
.cart_box_wrapper {
    float: left;
    width: 100%;
}

a.clear_button {
    width: 49% !important;
    float: left;
    margin: 5px 2% 5px 0px !important;
    width: auto;
    padding: 10px;
    float: left;
}

a.continue_shopping {
    width: 49% !important;
    float: right;
    margin: 5px 0px;
    width: auto;
    padding: 10px;
}

a.shop_more {
    float: none;
    padding: 10px;
}

a.buy_button {
    padding: 10px 0px;
    float: right;
    background: rgba(248, 42, 63, 0.3);
}

a.discount_button {
    width: 49% !important;
    float: right !important;
}

.cart_box_wrapper .item_box {
    padding: 3% 0;
    float: left;
    margin-left: 0px;
    margin-bottom: 3px;
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
}

.cart_box_wrapper .item_box.small {
    float: left;
    width: 96%;
    padding: 2%;
}

.cart_box_wrapper .item_box.simple .right_cart_form {
    float: left;
}

.item_box.simple h4.product_title {
    width: 100%;
    margin-top: 7px;
    float: left;
}

.item_box.simple div.product_price_per {
    float: right;
    padding: 0px 5px;
    color: #333333;
}

.item_box.simple div.product_price_per.large_right {
    /*width: 150px;*/
    text-align: right;
}

.item_box.simple div.product_price_per.small {
    float: left;
    padding: 0px 5px 0px 0px;
    color: #333333;
}

.item_box.simple div.product_price_per.small .quantity {
    float: right;
    margin-left: 5px;
}

.cart_box_wrapper .item_box .right_cart_form {
    float: left;
    text-align: right;
    width: 100%;
    margin: 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #F0F0F0;
}

.cart_box_wrapper .item_box a.order_remove {
    float: right;
    margin: 2px 0px 0px 0px;
    font-size: 0.5rem;
    text-decoration: none;
    color: var(--danger);
    width: 6%;
}

.cart_box_wrapper .item_box a.order_remove:hover {
    cursor: pointer;
    color: rgba(224, 0, 0, 0.3);
}

.item_box .pro_info {
    float: left;
    margin: 0;
    width: 70%;
    padding: 0px 2%;
}

.item_box .pro_info .product_title a {
    color: #333333;
    text-decoration: none;
}

div.product_price_per {
    float: right;
    text-align: right;
    margin-top: 10px;
    padding: 0px 5px;
    color: #333333;
}

div.product_price_per.large_right {
    float: right;
    text-align: right;
}

div.product_price_per.small {
    float: left;
    text-align: left;
    margin-top: 9px;
    padding: 0px 5px;
    color: #333333;
}

div.product_price_per .discount_price_colour {
    color: #E00000;
}

.right_cart_form input.quantity_input {
    margin-top: 2px;
    background: #F0F0F0;
    border: 1px solid #F0F0F0;
}

.right_cart_form span.quantity_text {
    margin-top: 9px;
    padding: 0px 5px;
}

span.order_buttons {
    float: right;
    color: #333333;
    margin: 0px 5px 0px 5px;
}

input.quantity_input {
    float: right;
    width: 56px;
    height: 28px;
    padding: 0px 0px 0px 10px;
    border: 1px solid #F5F5F5;
}

span.quantity_text {
    float: right;
}

div.total_info {
    float: right;
    margin: 5px 0px;
}

div.total_info .sale_alert {
    color: #E00000;
    margin: -5px 0px 2px 0px;
    float: right;
}

div.total {
    float: right;
    max-width: 100px;
    margin: 0px 0px 5px 15px;
    font-size: 0.44rem;
    text-align: right;
    border: none;
    background: none;
    color: #333333;
}

label.total_text {
    float: right;
    margin: 2px 0px 0px 0px;
}

label.total_text.small {
    margin: 0px;
    float: left;
}

span.total_text_taxes {
    font-size: 9px;
    margin: -5px 0px 3px 0px;
    color: var(--dark-grey);
    float: right;
}

/* Cart Purchase Page */
ul.customer_information {
    list-style: none;
    display: inline-block;
    width: 100%;
}

ul.customer_information li {
    float: left;
    width: 100%;
    margin: 0px;
    margin-right: 1%;
    color: var(--dark-grey);
}

ul.customer_information li a {
    color: var(--dark-grey);
    text-decoration: none;
}

ul.customer_information li strong {
    color: #333333;
    font-weight: bold;
}

a.add_to_cart {
    width: 100% !important;
    margin: 10px 0px !important;
    padding: 10px 0px !important;
}

.cart_quantity .quantity_text {
    float: left;
    margin: 5px 5px 0px 0px;
}

.cart_quantity input {
    background: #fff;
    width: 100%;
    position: relative;
    border: none;
    outline: 0px;
    padding: 2px 2px 2px 10px;
    float: left;
    border-radius: 7px;
}

.box_list .box .cart_quantity input {
    background: #fff;
}

img.small_cart_thumbnail {
    width: 10%;
    height: auto;
    margin: 0px;
    float: left;
}

.cart_options {
    margin-top: 20px;
}

.cart_options select {
    width: 75%;
    height: 26px;
    border: none;
    outline: 0px;
    padding: 2px 2px 2px 10px;
    float: right;
}

.cart_options select option {
    padding: 8px 12px 8px 12px;
}

/* ORDER STYLES END */
.discount_input {
    margin: 10px 0;
    float: right;
    width: 100%;
    border-radius: none;
}

.discount_input input {
    padding: 13px 2%;
    margin: 5px 1% 0px 0px;
    width: 45%;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.discount_input a {
    background: #262422;
    width: 15%;
    min-width: 120px;
    text-align: center;
    float: right;
    cursor: pointer;
}

.discount_input a i {
    margin-right: 0;
}

.discount_input a.applied {
    background: none;
    color: var(--dark-grey);
    margin-left: 13px;
    padding-right: 0;
}

.discount_input a.applied i {
    margin-right: 0;
    color: var(--success);
}

.message_positive {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.message_wrapper a.cart_message_link i {
    background-color: #622323;
    text-align: center;
    border-radius: 100%;
    line-height: 40px;
    width: 40px;
    height: 40px;
    font-size: 20px;
    margin-right: 10px;
}

.message_positive p {
    text-transform: uppercase;
    font-weight: 800;
    color: #622323;
}

/* Cart Landing Page */
.cart_item {
    position: relative;
    margin: 20px 0;
}

.cart-content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.cart-content > div {
    padding: 40px 2%;
}

.your-cart {
    width: 45%;
}

.checkout-form {
    width: 55%;
}

/* Checkout Form */
.checkout-form {
    background-color: #EDEDED;
}

.cart .content_container {
    padding: 0;
}

.cart .message_wrapper {
    height: auto;
}

/* Cart Product Layout */
.product_cart_content {
    display: flex;
    align-items: center;
}

/* Cart Image */
.product_cart_content .product-thumb {
    width: 100px;
}

.product_cart_content .product-thumb img {
    width: 100%;
    height: auto;
}

/* Cart Info */
.product-details {
    width: 50%;
}

/* Cart Pricing */
.product_cart_pricing {
    position: relative;
    width: auto;
    text-align: right;
}

.product_cart_quantity {
    position: absolute;
    top: 0;
    right: -25px;
    color: #622323;
    border-radius: 100%;
    font-size: 15px;
    line-height: 25px;
    height: 25px;
    width: 25px;
    text-align: center;
    font-weight: 600;
}

/* Cart Amount Update */
input.cart_product_quantity {
    width: calc(100% - 150px);
    height: 30px;
    padding: 0 10px;
}

input.superbutton.cart_product_submit {
    height: 30px;
    padding: 0;
    line-height: 30px;
    width: 140px;
}

/* Remove From Cart */
input.superbutton[type="submit"][value="X"] {
    background-color: transparent;
    color: #622323;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
    left: 0;
    width: auto;
}

/* Cart Landing Responsive */
@media (max-width: 960px) {
    .your-cart, .checkout-form {
        width: 100%;
    }
}

.cart_totals .cart_total {
    text-transform: uppercase;
    font-weight: 600;
    color: #622323;
}

.product_cart_subtotal {
    font-weight: 600;
}

/* Cart Form */
@media (min-width: 960px) {
    .form_holder .third_width {
        width: calc(50% - 10px) !important;
        margin: 5px 0;
    }

    .form_holder .third_width.same-shipping, .form_holder .third_width.coupon, .form_holder .third_width.country {
        width: 100% !important;
    }
}

.shipping_info {
    clear: both;
    display: block;
    padding-top: 30px;
}

@media (max-width: 960px) {
    .form_holder .third_width.coupon, .form_holder .third_width.country, .form_holder .third_width {
        width: 100%;
        display: inline-block;
    }

    .cart-content > div {
        padding: 40px 5%;
    }

    .checkout_form.form_holder {
        padding: 0;
    }
}

@media (max-width: 450px) {
    .product_cart_content {
        display: block;
    }

    .product_cart_content > div {
        width: auto;
        text-align: left;
    }

    .product_cart_quantity {
        position: inherit;
        width: auto;
        text-align: left;
        right: 0;
    }

    input.superbutton[type="submit"][value="X"] {
        right: 20px;
        left: initial;
        background-color: #622323;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        line-height: 30px;
        color: #fff;
    }

    .your-cart .cart_item {
        margin: 20px auto;
    }

    .your-cart .cart_item img {
        margin-bottom: 20px;
    }
}

.third_width.same-shipping input#same_as_billing {
    display: inline-block;
    width: auto;
    margin-right: 5px;
    height: auto;
}

.third_width.same-shipping {
    width: 100%;
}

.cart-form input.superbutton[type="submit"] {
    width: 250px;
    display: block;
    padding: 10px;
    position: relative;
    clear: both;
    height: auto;
}

@media (min-width: 960px) {
    .cart-form input.superbutton[type="submit"] {
        top: 20px;
        margin: 40px 0;
    }
}

/* Cart Checkout Wrapper */
.cart-checkout-wrapper .content {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    max-width: 100%;
    width: 100%;
}

.cart-checkout-wrapper .content > div {
    padding: 40px 2%;
}

.cart_totals > div {
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* User Info */
.user-info {
    width: 50%;
    background-color: #eee;
}

.user_shipping_info {
    border-top: 1px solid #ddd;
    margin-top: 20px;
    padding-top: 20px;
}

/* Cart Checkout */
.cart-checkout {
    width: 50%;
}

.cart-checkout-wrapper {
    padding: 0;
}

/* Cart Checkout Wrapper Mobile */
@media (max-width: 960px) {
    .cart-checkout, .user-info {
        width: 100%;
    }
}

/* Cart Thank You Page */
.cart-success-wrapper {
    display: flex;
}

.flexThanks {
    padding: 0;
}

.flexThanks .content {
    width: 100%;
    max-width: 100%;
}

.cart-success-wrapper > div {
    padding: 40px 2%;
}

.product_cart_price small {
    color: #622323;
    font-weight: 600;
    position: absolute;
}

.cart_quantity select, .cart_quantity input {
    height: 35px;
}

a#close_message i {
    display: none;
}

.empty-cart {
    width: 100%;
    text-align: center;
}

.empty-cart a.button {
    display: inline-block;
    width: auto;
    padding: 10px 30px;
    margin-top: 20px;
}

.empty-cart h3 {
    margin-bottom: 0 !important;
}

.form_holder input {
    height: auto;
}

/* ---- Events ---- */
.content ul.date_list {
    margin: 5px 10px 0 10px;
    color: #622323;
}

.content ul.date_list li {
    background: none;
    list-style: none;
    display: inline;
    border-left: 1px solid #622323;
    color: #622323;
    padding: 0px 7px 0 10px;
    margin: 0;
}

.content ul.date_list li.first {
    border-left: none;
    padding: 0px 7px 0 0;
}

.content ul.date_list li i {
    padding: 2px 4px 0 0;
}

.content ul.eventdata_list {
    margin: 5px 10px 0 10px;
    color: #622323;
}

.content ul.eventdata_list li {
    background: none;
    list-style: none;
    color: #622323;
    padding: 0px 0 0 2px;
    margin: 0;
}

.content ul.eventdata_list li i {
    padding: 2px 4px 0 0;
    width: 15px;
}

.content ul.eventdata_list li a {
    padding: 4px 30px;
    color: #622323;
    background: #622323;
    text-decoration: none;
}

/* Foood Menu Styles */
ul.menu_section_nav {
    max-width: 940px;
    margin: 0 auto;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
}

ul.menu_section_nav li {
    float: left;
    margin: 0;
}

ul.menu_section_nav li a {
    background: #622323;
    color: #FFFFFF;
    font-size: 0.52rem;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 20px;
    display: inline-block;
}

ul.menu_section_nav li a:hover {
    background: #222;
}

ul.menu_section_nav li.active a {
    background: #333333;
}

h4.menu_category {
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 20px;
}

p.menu_section_description {
    margin-bottom: 40px;
}

.grid_list .menu_item {
    width: 100%;
    margin: 0 0 10px;
    float: none;
}

.grid_list .menu_item .price {
    float: right;
    color: #E00000;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 5px;
}

.grid_list .menu_item .menu_title {
    margin: 0 0 5px 0;
    color: #333333;
    font-weight: 700;
    text-transform: uppercase;
}

.grid_list .menu_item p.menu_options {
    background: #ecebeb;
    padding: 5px;
}

/* GRID LIST */
.grid_list {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.grid_list .clear {
    display: none;
}

.grid_list .grid_item {
    width: 100%;
    position: relative;
    margin: 10px 0;
}

.grid_list .last {
    margin-right: 0%;
}

.grid_list .title {
    text-align: center;
    color: #FFFFFF;
    background: none;
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0px;
}

.grid_list .title:hover {
    background: none;
}

.grid_list .title a {
    background: rgba(33, 33, 33, 0.4);
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    display: block;
    padding: 15% 5%;
    font-size: 24px;
    line-height: 24px;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.grid_list .title a:hover {
    color: #FFFFFF;
    background: rgba(98, 35, 35, 0.75);
    text-decoration: none;
}

.grid_list img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    background: #FFFFFF;
}

.grid_list .grid_video {
    width: 48%;
    float: left;
    margin-right: 2%;
    margin-bottom: 10px;
}

/* ---- Hours Box Home Page ---- */
.hours_box {
    margin: 0 0 10px 0;
    width: 100%;
}

.hours_box .holder {
    padding: 3px 0 3px 0;
}

.hours_box .holder a {
    color: #622323;
}

/* ---- Location Styles ---- */
.content .location {
    margin: 10px 0 10px 0;
}

.content .location .address {
    background: #333333;
    padding: 8px 8px 8px 8px;
    margin: -6px 0 0 0;
}

.content .location iframe {
    width: 100%;
    height: 300px;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* MENU LIST */
.menu_list ul.pages li {
    background: #622323;
    float: left;
    text-align: center;
    width: 100%;
    text-decoration: none;
    list-style: none;
    margin: 0px 0 10px 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.menu_list ul.pages li:hover {
    background: #333333;
}

.menu_list ul.pages li a {
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding: 10px;
}

.menu_list ul.pages li a:hover {
    color: #FFFFFF;
}

/* MENU TOGGLER */
h4.menu_toggle, h4.toggle.active.open {
    color: #622323;
    color: #FFFFFF;
    background: url(/images/layout/toggle-light.png) no-repeat 10px 11px #622323;
    padding: 8px 0 8px 35px;
    margin: 10px;
    cursor: pointer;
}

h4.menu_toggle.active, h4.toggle.open {
    background-position: 10px -39px;
}

h4.menu_toggle:hover, h4.toggle.active.open:hover {
    text-decoration: underline;
}

div.menu_toggler {
    color: #333333;
    border-top: none;
    margin: 0 0 10px 0;
    padding: 0px;
    overflow: hidden;
}

div.menu_toggler hr {
    border-top: 1px solid #CCCCCC;
}

div.menu_toggler p {
    margin: 0px;
    padding: 5px 0 5px 0;
}

/* MESSAGE POPUP STYLES */
div.message_wrapper {
    margin: -7px 0 5px 0px;
    height: 64px;
}

.content h2.hide_message {
    display: none;
}

.content h2.message_positive {
    width: 96%;
    color: #FFFFFF !important;
    background: #622323 !important;
    padding: 15px 2%;
}

.content h2.message_negative {
    width: 96%;
    color: #FFFFFF !important;
    background: #E00000 !important;
    padding: 15px 2%;
}

.message_wrapper a.message_link {
    color: #FFFFFF !important;
    text-decoration: underline;
}

.message_wrapper a.message_link:hover {
    text-decoration: none;
}

.message_wrapper a.cart_message_link {
    float: right;
    color: #FFFFFF !important;
    text-decoration: none;
    padding-bottom: 1px;
    border-bottom: 1px solid #FFFFFF;
}

.message_wrapper a.cart_message_link:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0);
}

/* SHOWROOM STYLES */
.filter_list {
    width: 100%;
    margin-bottom: 15px;
}

.filter_list ul {
    margin: 0px;
    list-style: none;
}

.filter_list ul li {
    background: #622323;
    padding: 0;
    margin: 5px 0 5px 0;
    text-align: center;
    list-style: none;
    width: 100%;
    float: left;
}

.filter_list ul li a {
    color: #FFFFFF;
    width: 100%;
    padding: 5px 10px;
    display: block;
    background: #622323;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
}

.filter_list ul li a:hover {
    color: #FFFFFF;
    background: #333333;
}

.filter_list ul li.active a {
    background: #333333;
    text-decoration: none;
}

.filter_list ul li.active a:hover {
    color: #FFFFFF;
}

.showroom_list h3 {
    margin: 0px 0 5px 0;
}

.showroom_list .box {
    background: #E9E9E9;
    float: left;
    padding: 20px;
    width: calc(50% - 20px);
    margin: 0 0 10px 0;
    position: relative;
    overflow: hidden;
}

.showroom_list .featured {
    background: #622323;
    border: 1px solid #8EADBC;
}

.showroom_list .last {
    margin: 0;
}

.showroom_list .box .title {
    color: #622323;
    margin: 0px 0 3px 2px;
}

.showroom_list .box .title a {
    color: #622323;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
}

.showroom_list .box .title a:hover {
    color: #222;
}

.showroom_list .box .flag_featured {
    background: #E00000;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 30px;
    right: -35px;
    text-align: center;
    padding: 5px 45px;
}

.showroom_list .box .flag_sold {
    background: #E00000;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 24px;
    right: -33px;
    text-align: center;
    padding: 5px 55px;
}

.showroom_list .box .flag_low_kms {
    background: #E00000;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 48px;
    right: -43px;
    text-align: center;
    padding: 5px 45px;
}

.showroom_list .box .flag_new {
    background: #622323;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 38px;
    right: -39px;
    text-align: center;
    padding: 5px 45px;
}

.showroom_list .box .flag_like_new {
    background: #622323;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 30px;
    right: -37px;
    text-align: center;
    padding: 5px 50px;
}

.showroom_list .box .flag_loaded {
    background: #E00000;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 25px;
    right: -33px;
    text-align: center;
    padding: 5px 45px;
}

.showroom_list .box .flag_sale_price {
    background: #A12621;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    float: left;
    width: auto;
    position: absolute;
    transform: rotate(45deg);
    top: 31px;
    right: -36px;
    text-align: center;
    padding: 5px 45px;
}

.showroom_list .box .price {
    font-size: 16px;
    float: left;
    min-width: 55%;
    width: auto;
    line-height: 10px;
    margin: 6px 0 0 0;
    color: #622323;
    font-weight: bold;
}

.showroom_list .box .price .taxes {
    font-size: 8px;
    color: #622323;
    font-weight: normal;
}

.showroom_list .box .kms {
    font-size: 12px;
    float: left;
    min-width: 55%;
    width: auto;
    color: #DF0000;
}

.showroom_list .box .kms span {
    font-size: 12px;
}

.showroom_list .box ul {
    margin: 0;
}

.showroom_list .box ul li {
    display: inline;
    background: none;
    font-size: 12px;
    margin: 0px 6px 0 0;
    padding: 0px 10px 0 0;
    border-right: 1px solid #000000;
}

.showroom_list .box ul li.last {
    border-right: none;
}

.showroom_list .box .date {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #262626;
    padding: 8px 0 0 0;
}

.showroom_list .box img {
    border: none;
    background: #FFFFFF;
    padding: 0;
    margin: 0 0 10px 0;
    float: none;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

.showroom_title {
    font-size: 26px;
    margin: 0;
    padding-top: 8px;
    font-weight: normal;
    color: #205B79;
}

.showroom_description p {
    font-size: 14px;
}

.showroom_image {
    width: 30%;
    float: right;
    border: none;
    background: #FFFFFF;
    padding: 0px;
    margin: 10px 15px 0 0;
}

.fb-like iframe {
    padding-top: 12px;
    margin: 5px 15px 5px 15px;
    -webkit-box-shadow: 0 0 0 0px black;
    -moz-box-shadow: 0 0 0 0px black;
    box-shadow: 0 0 0 0px black;
}

.showroom_table {
    background: #ECECEC;
}

.showroom_table ul {
    padding: 5px 0;
}

.showroom_table ul li {
    font-size: 12px;
    background: none;
    list-style: none;
    margin: 0 1% 0 1%;
    padding: 2px 0 2px 0;
    float: left;
    width: 98%;
    font-weight: bold;
}

.showroom_table ul li div {
    float: left;
    width: 100px;
    font-weight: normal;
}

.showroom_features_table {
    background: #ECECEC;
}

.showroom_features_table ul {
    padding: 5px 0;
}

.showroom_features_table ul li {
    font-size: 12px;
    background: none;
    list-style: none;
    margin: 0 1%;
    padding: 5px 5px 5px 20px;
    float: left;
    width: 98%;
}

/* MULTI LOCATIONS */
.multi_maps {
    margin: 0;
}

.multi_maps .multi_map {
    background: #F0F0F0;
    float: left;
    margin: 0px 0 20px 0;
    width: 100%;
}

.multi_maps .multi_map .overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 300px;
    /* your iframe height */
    top: 300px;
    /* your iframe height */
    margin-top: -300px;
    /* your iframe height */
}

.multi_maps .multi_map iframe {
    width: 100%;
    height: 300px;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.multi_maps .multi_map .content {
    float: left;
    padding: 5px 10px;
}

.multi_map h3 {
    padding: 0;
    color: #622323;
}

.multi_map ul {
    margin: 5px 0 0 0;
    width: 100%;
    list-style: none;
}

.multi_map ul li {
    margin: 0px;
    padding: 0px 0 6px 0;
}

.multi_map ul li a {
    color: #622323;
    text-decoration: underline;
}

.multi_map ul li a:hover {
    color: #622323;
    text-decoration: none;
}

/* People Styles */
.content_container .content .editable_content img.people_image {
    float: none;
    margin: 0 auto 10px auto;
}

.content_container .content .editable_content h1.person_name {
    font-size: 0.56rem;
    line-height: 0.56rem;
    margin: 0;
}

.content_container .content .editable_content h4.person_title {
    font-size: 0.32rem;
    line-height: 0.32rem;
    margin: 0;
    font-style: italic;
    color: #E00000;
}

/* PHOTO GALLERY */
.gallery_holder {
    width: 100%;
    background: #F0F0F0;
    float: left;
    margin: 6px 0 6px 0;
    padding: 0;
}

.gallery_holder a {
    text-decoration: none;
}

.gallery_holder a .title {
    text-align: left;
    margin: 2px 0;
    color: #622323;
    text-decoration: none;
}

.gallery_holder a:hover .title {
    color: #E00000;
}

.gallery_holder a .description {
    color: #333333;
}

.gallery_holder img {
    background: #FFFFFF;
    border: 1px solid #BEBEBE;
    margin: 5px;
    float: left;
    padding: 2px;
    /*-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

#before_after_gallery ul li {
    background: none;
    list-style: none;
    width: 100%;
    float: left;
    margin: 0px 0 10px 0;
    padding: 0;
}

#before_after_gallery ul li p {
    margin: 0px 0 6px 0;
}

#before_after_gallery ul li.last {
    margin: 0px 0 10px 0;
}

#before_after_gallery ul li .image_holder {
    float: left;
    width: 100%;
    margin: 0px 0 10px 0;
    background: #F0F0F0;
}

#before_after_gallery ul li .image_holder .banner {
    padding: 0px 0 0 10px;
}

#before_after_gallery ul li .image_holder .banner h3 {
    font-style: italic;
    margin: -5px 0 2px 0;
}

#before_after_gallery ul li .image_holder .thumbnails {
    width: 94%;
    padding: 3%;
    margin: 0;
    /*-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}

#before_after_gallery ul li .last {
    margin: 0;
}

/* TOGGLER */
h4.toggle, h4.toggle.active.open {
    color: #333333;
    background: url(/images/layout/toggle.png) no-repeat 10px 11px;
    padding: 8px 0 8px 35px;
    margin: 10;
    cursor: pointer;
}

h4.toggle.active, h4.toggle.open {
    background-position: 10px -39px;
}

h4.toggle:hover, h4.toggle.active.open:hover {
    background-position: 10px -39px;
}

div.toggler {
    border-top: none;
    margin: 0 0 10px 0;
    padding: 10px 25px;
    overflow: hidden;
}

div.toggler hr {
    border-top: 1px solid #F0F0F0;
}

div.toggler p {
    margin: 0px;
    padding: 5px 0 5px 0;
}

/* VIDEO GALLERY */
#video_gallery {
    background: #F0F0F0;
    margin: 0 0 20px 0;
    padding: 4px 0 16px 6px;
}

#video_gallery ul {
    margin: 0px;
    padding: 0px;
}

#video_gallery ul li {
    background: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 228px;
}

#video_gallery ul li .vid_title {
    padding: 5px 10px;
    width: 208px;
    overflow: hidden;
    float: left;
    text-decoration: underline;
}

#video_gallery ul li a:hover .vid_title {
    text-decoration: none;
}

#video_gallery .thumbnails {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    padding: 3px;
    margin: 10px 0 0 5px;
}

/* Photo Gallery Full */
#gallery_content2 {
    background: #F0F0F0;
    margin: 0 0 20px 0;
    padding: 4px 0 16px 6px;
}

#gallery_content2 ul {
    margin: 0px;
    padding: 0px;
}

#gallery_content2 ul li {
    background: none;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#gallery_content2 .thumbnails {
    background: #FFFFFF;
    padding: 0;
    margin: 10px 1% 0 1%;
    width: 23%;
    height: auto;
}

/* Before and After */
#before_after_gallery ul {
    list-style: none;
}

#before_after_gallery ul li {
    background: none;
    width: 450px;
    float: left;
    margin: 0px 40px 20px 0;
    padding: 0;
}

#before_after_gallery ul li p {
    margin: 0px 0 6px 0;
}

#before_after_gallery ul li.last {
    margin: 0px 0 20px 0;
}

#before_after_gallery ul li .image_holder {
    float: left;
    margin: 0 1%;
    width: 48%;
    text-align: center;
}

#before_after_gallery ul li .image_holder h3 {
    font-style: normal;
    margin: 7px 0 9px 0;
    text-align: center;
}

#before_after_gallery ul li .image_holder .thumbnails {
    background: #FFFFFF;
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
}

#before_after_gallery ul li .last {
    margin: 0;
}

/*
.twentytwenty-container img {
	height:100%;
}
*/
.gallery_container {
    display: flex;
    flex-wrap: wrap;
}

.gallery_item {
    width: 33.33%;
    padding: 2px;
}

/* PRODUCT STYLES */
.product_highlight {
    width: 100%;
    margin-bottom: 15px;
    background: #efefef;
}

.product_highlight img {
    width: 100%;
    margin-bottom: 5px;
}

.product_highlight .alert {
    float: right;
    color: #E00000;
    margin: 5px 12px 0 0;
}

.product_highlight ul {
    background: none;
    margin: 0px;
    padding: 8px 15px;
}

.product_highlight ul li {
    background: none;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product_highlight ul li .strike {
    text-decoration: line-through;
}

.product_highlight ul li .sale {
    color: #E00000;
}

.product_highlight ul.gallery {
    margin: 0;
    padding: 0;
}

.product_highlight ul.gallery li {
    margin: 0;
    padding: 0;
}

.product_highlight ul li h1 {
    font-size: 0.4rem;
    line-height: 0.4rem;
    font-weight: 400;
}

.product_highlight ul li h1.regular_price {
    color: #333333;
}

.price_selections label > input {
    /* HIDE RADIO */
    visibility: hidden;
    /* Makes input not-clickable */
    position: absolute;
    /* Remove input from document flow */
}

.price_selections label > input + div {
    /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
}

.price_selections label > input:checked + div {
    /* (RADIO CHECKED) IMAGE STYLES */
    border: 2px solid #BEBEBE;
    background: #dcdcdc;
}

.option_info {
    padding: 5px;
    margin-top: 10px;
    background: #dcdcdc;
}

.box_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 960px) {
    .box_list .box {
    }
}

/* PROPERTIES STYLES */
.properties_alert {
    background: rgba(248, 42, 63, 0.3);
    color: #622323;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    margin: 0px 0 10px 0;
}

.properties_alert h2 {
    font-size: 0.36rem;
    margin: 0px;
    padding: 0px;
}

.properties_alert h5 {
    font-size: 0.24rem;
    margin: 0px;
    padding: 0px;
}

.properties_alert p {
    color: #622323;
    margin: 0px;
    padding: 0px;
}

.properties_alert i {
    font-size: 1.2rem;
    color: #622323;
    padding: 0px 15px 0 0;
    float: left;
}

.property_highlight {
    width: 100%;
    margin-bottom: 20px;
}

.property_highlight img {
    width: 100%;
    margin-bottom: 5px;
}

.property_highlight .alert {
    float: right;
    color: #E00000;
    margin: 5px 12px 0 0;
}

.property_highlight ul {
    background: #F0F0F0;
    margin: 0px;
    padding: 8px 5px 8px 5px;
}

.property_highlight ul li {
    background: none;
    margin: 0;
    padding: 0px 0 0 10px;
    list-style: none;
}

.property_highlight ul li .strike {
    text-decoration: line-through;
}

.property_highlight ul li .sale {
    color: #E00000;
}

.property_highlight ul.gallery {
    margin: 0;
    padding: 0;
}

.property_highlight ul.gallery li {
    margin: 0;
    padding: 0;
}

.properties_list {
    margin: 0;
}

.properties_list .title {
    margin: 0;
    padding-top: 15px;
    font-weight: normal;
    color: #622323;
    border-top: 1px solid #F0F0F0;
}

.properties_list ul {
    margin: 0;
    padding: 5px 0 0 0;
}

.properties_list ul li {
    background: none;
    list-style: none;
    margin: 0px;
    padding: 2px 10px 2px 0;
    display: inline-block;
}

.properties_list ul li.title {
    display: block;
}

.properties_specs {
    margin: 20;
}

.properties_specs .title {
    margin: 0;
    font-weight: normal;
    color: #622323;
}

.properties_specs ul {
    margin: 0;
    padding: 5px 0 0 0;
}

.properties_specs ul li {
    background: none;
    list-style: none;
    margin: 0px;
    padding: 2px 10px 2px 0;
    display: inline-block;
}

.property_location {
    margin: 0;
}

.property_location .address {
    background: #E9E9E9;
    padding: 8px 8px 8px 8px;
    margin-top: -6px;
}

.property_location .overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 300px;
    /* your iframe height */
    top: 300px;
    /* your iframe height */
    margin-top: -300px;
    /* your iframe height */
}

.property_location iframe {
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.properties_menu {
    background: #F0F0F0;
    margin: 0;
    padding: 0;
}

.properties_menu ul {
    margin: 0px 0 5px 0;
}

.properties_menu ul li {
    list-style: none;
    border-bottom: 1px solid #BEBEBE;
    box-shadow: 0 1px 0 #FFFFFF;
    color: #622323;
    margin: 0px;
}

.properties_menu ul li i {
    padding: 10px 0 0 10px;
    font-size: 0.6rem;
    float: left;
}

.properties_menu ul li a {
    display: block;
    padding: 15px 0 15px 50px;
}

.properties_map_holder .properties_overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    /* your iframe height */
    top: 450px;
    /* your iframe height */
    margin-top: -450px;
    /* your iframe height */
}

.properties_map_holder .properties_map_overlay {
    background: transparent;
    position: relative;
    width: 100%;
    height: 450px;
    top: 450px;
    margin-top: -450px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    z-index: 104;
}

/* REVIEWS STYLES */
.widget_reviews {
    margin: 15px 0 0 0;
    padding: 15px 0 10px 0;
}

.widget_reviews ul.reviews {
    overflow: visible;
    position: relative;
    background: none;
    display: block;
    margin: 0;
}

.widget_reviews ul.reviews li {
    background: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.widget_reviews ul.reviews li p {
    letter-spacing: normal;
    text-transform: none;
    padding: 0;
    margin: 6px 0 0 0;
}

.widget_reviews ul.reviews li div.name {
    color: #622323;
    font-size: 0.4rem;
    line-height: 0.4rem;
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 700;
}

/* ---- Search ---- */
.with_bg {
    margin: 5px 0 3px 0;
}

.with_bg.icon2 {
    right: 44px !important;
}

.with_bg i {
    float: left;
    margin: 2px 5px 0 0;
    color: #622323;
}

.with_bg .search_input {
    float: left;
    padding: 8px 1% 8px 2%;
    height: 50px;
    width: 75%;
    margin: 1px 1% 0 0;
    background-color: #FFFFFF;
    border: 1px solid #F0F0F0;
    outline: none;
    font-size: 16px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

/* SOCIAL MEDIA */
.social_media ul {
    float: none;
    margin: 5px 0 0 0;
    width: auto;
}

.social_media ul li {
    display: inline-block;
    padding: 3px 5px 0 5px;
    margin: 0;
}

/* TOOL TIP STYLES
/* Icon */
a.tooltip {
    text-decoration: none;
    color: #622323;
}

a.tooltip:hover {
    color: #222;
}

/* Box */
a.tooltip > span {
    color: #fff;
    background: #622323;
    width: 200px;
    padding: 10px 15px;
    margin-top: 0;
    margin-left: -40px;
    /* Hidden Position */
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    border-radius: 0;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.4s, 0.3s, 0.4s, 0.3s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
}

a.tooltip:hover > span {
    opacity: 1;
    text-decoration: none;
    visibility: visible;
    overflow: visible;
    margin-top: 35px;
    display: inline;
    margin-left: -40px;
    /* Reveal Position */
}

/* Arrow */
a.tooltip span b {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: -15px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #622323;
}

@media (min-width: 960px) {
    .box_list .box {
    }

    .box_list .full {
        width: 100%;
        margin: 0 0% 10px;
        text-align: center;
    }

    .grid_list .grid_item {
        width: calc(50% - 10px);
    }

    hr {
        margin: 40px 0;
    }

    .menu_list ul.pages li {
        width: 31.3333%;
    }

    .content_container .content .editable_content img.people_image {
        float: left;
        margin: 0 10px 0 0;
    }

    .box_list .comment_box {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .box_list .past_news {
        width: 48%;
        margin: 0 1% 10px;
        text-align: left;
    }

    .mobile_register {
        display: none;
    }

    .full_register {
        display: inherit;
    }

    .events_editable_content {
        float: left;
        width: 60%;
    }

    .contact_info ul {
        margin: 5px 1% 15px 1%;
        width: 48%;
        float: left;
				text-align: left;
    }

    .product_highlight {
        width: 35%;
        float: right;
        margin: 0 0 0 5%;
    }

    .form_holder .third_width {
        float: left;
    }

    .form_holder .half_width {
        width: 49%;
        margin-right: 1%;
        float: left;
    }

    .form_holder textarea {
        width: 100%;
    }

    .form_holder select {
        width: 99%;
    }

    .grid_list .menu_item {
        width: 31.3333%;
    }

    .filter_list ul li {
        width: 31.3333%;
    }

    .property_highlight {
        width: 35%;
        float: right;
        margin: 0 0 10px 10px;
    }

    .properties_menu ul li {
        width: 25%;
    }

    .box_list .box ul.careers_list li {
        list-style-type: none;
        width: 33.3333%;
        float: left;
        background: none;
        margin: 10px 0 10px 0;
        padding: 0 10px 0 0;
    }

    .content ul.career li {
        width: 33.3333%;
    }
}

/* 600 pixel width */
@media (min-width: 600px) and (max-width: 960px) {
    .box_list .box {
        width: 48%;
    }

    .box_list .full {
        width: 100%;
        margin: 0 0% 10px;
        text-align: center;
    }

    .grid_list .grid_item {
        width: calc(50% - 10px);
    }

    .menu_list ul.pages li {
        width: 48%;
        margin: 0 1% 10px;
    }

    .box_list .comment_box {
        width: 100%;
        margin: 0 0 10px 0;
    }

    .box_list .past_news {
        width: 48%;
        margin: 0 1% 10px;
        text-align: left;
    }

    .grid_list .menu_item {
        width: 48%;
        margin: 0 1% 10px;
        float: left;
    }

    .filter_list ul li {
        margin: 5px 1% 5px 1%;
        width: 48%;
    }

    .showroom_list .box {
        width: 48%;
        margin: 0 1% 10px 1%;
    }

    .showroom_table ul li {
        width: 48%;
    }

    .showroom_features_table ul li {
        width: 48%;
    }

    .properties_menu ul li {
        border-right: 1px solid #F0F0F0;
        box-shadow: 1px 0 0 #FFFFFF;
        border-bottom: none;
        width: 50%;
        float: left;
    }

    .content ul.career li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .gallery_item {
        width: 50%;
        padding: 2px;
    }
}

body.test {
    width: 90%;
    margin: 0 auto;
}

.logo-strip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px;
}

.quick-look {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 200px;
}

.quick-look > div {
    width: calc(33.33% - 20px);
}

.quick-look > div small {
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    color: #999;
}

.quick-look > div small:not(:first-child) {
    margin-top: 30px;
}

.colors span {
    display: inline-flex;
    max-width: 33.33%;
    min-height: 80px;
    width: 80px;
    height: auto;
    border-radius: 100%;
    background-color: #000;
    font-size: 12px;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin: 5px;
}

.interactions a {
    display: block;
}

span.main {
    background-color: #622323;
}

span.secondary {
    background-color: #E00000;
}

span.third {
    background-color: #E00000;
}

span.dark {
    background-color: #333333;
}

span.light {
    background-color: #F0F0F0;
}

span.success {
    background-color: var(--success);
}

span.info {
    background-color: var(--info);
}

span.warning {
    background-color: var(--warning);
}

span.danger {
    background-color: var(--danger);
}

span.dark-grey {
    background-color: var(--dark-grey);
}

span.blue {
    background-color: var(--blue);
}

.quick-look > div small.kitchen {
    margin-top: 40px;
}

/* Links & Custom Icons */
/* Links & Custom Icons */
a[href] {
    text-decoration: none;
}

a[href]::after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-left: 5px;
}

a[href$=".doc"]::after {
    content: "\f1c2";
}

a[href$=".pdf"]::after {
    content: '\f1c1';
}

a[href$=".mp3"] {
    content: '\f001';
}

a[href$=".zip"] {
    content: '\f1c6';
}

a[href$=".rss"]::after {
    content: '\f09e';
}

a[href$=".xls"]::after, a[href$=".csv"]::after {
    content: '\f1c3';
}

.success, .success a {
    color: var(--success);
}

.warning, .warning a {
    color: var(--warning);
}

.danger, .danger a {
    color: var(--danger);
}

.info, .info a {
    color: var(--info);
}

.success a, .warning a, .danger a, .info a {
    text-decoration: underline;
}

blockquote {
    background-color: #eee;
    padding: 10% 30px;
    position: relative;
}

blockquote::after {
    content: '\f10d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 0.4;
    font-size: 30px;
}

blockquote {
    background-color: #eee;
    padding: 10% 30px;
    position: relative;
}

blockquote::after {
    content: '\f10d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 0.4;
    font-size: 30px;
}

table * {
    border: 1px solid #eee;
    padding: 5px;
}

/* 4. External Styles
********************/
body {
    overflow-x: hidden !important;
    width: 100%;
}

.full_header .top-header {
    background: #F4F4F4;
    border-bottom: 1px solid #B9B9B9;
    padding: 7px 0px;
}

.full_header .top-header .top-container {
    max-width: 960px;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 1200px) {
    .full_header .top-header .top-container {
        max-width: 1200px;
        display: flex;
        align-items: center;
    }
}

.full_header .top-header .top-container .top-contact {
    flex: 1;
    display: inline-flex;
    align-items: center;
}

.full_header .top-header .top-container .top-contact i {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #707070;
    color: #F4F4F4;
}

.full_header .top-header .top-container .top-contact .top-email {
    float: left;
    color: #707070;
    font-size: 14px;
    line-height: 14px;
}

.full_header .top-header .top-container .top-contact .top-email a {
    color: #707070;
}

.full_header .top-header .top-container .top-contact .top-location {
    float: left;
    color: #707070;
    font-size: 14px;
    line-height: 14px;
    margin-left: 15px;
}

.full_header .top-header .top-container .top-social {
    display: inline-flex;
    justify-content: flex-end;
}

.full_header .top-header .top-container .top-social i {
    color: #707070;
}

.full_header .mid-header {
    background: #FFFFFF;
}

.full_header .mid-header .mid-container {
    max-width: 960px;
    margin: 0px auto;
    padding: 30px 40px;
}

@media screen and (min-width: 1200px) {
    .full_header .mid-header .mid-container {
        max-width: 1200px;
				padding: 30px 40px;
    }
}

.full_header .mid-header .mid-container a.logo {
    float: left;
    padding: 7px 0px;
}

.full_header .mid-header .mid-container a.logo img {
    max-width: 400px;
    height: auto;
}

.full_header .mid-header .mid-container .mid-phone {
    float: right;
}

.full_header .mid-header .mid-container .mid-phone i {
    font-size: 48px;
    line-height: 48px;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #622323;
    color: #FFFFFF;
    float: left;
    margin: 4px 0px 0px 0px;
}

.full_header .mid-header .mid-container .mid-phone .mid-phone-content {
    width: 200px;
    float: right;
    text-align: right;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #1c1c1c;
}

.full_header .mid-header .mid-container .mid-phone .mid-phone-content h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    color: #1c1c1c;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0px;
}

.full_header .mid-header .mid-container .mid-phone .mid-phone-content h2 span {
    color: #622323;
}

.strip01 {
}

.strip01 .content {
    max-width: 1600px;
}

.break-box {
    background: rgba(98, 35, 35, 0.8);
    width: 90%;
    height: 20px;
    margin: 0px 0px 0px 0px;
}

.strip02 {
}

.strip02 .option-box {
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    display: block;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .strip02 .option-box {
        width: 20%;
        height: 700px;
        float: left;
    }
}

.strip02 .option-box .image-box {
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.strip02 .option-box:hover .image-box {
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}

.strip02 .option-box .box-overlay {
    top: 0px;
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.strip02 .option-box:hover .box-overlay {
    background: rgba(98, 35, 35, 0.7);
}

.strip02 .option-box img.box-icon {
    position: absolute;
    z-index: 3;
    width: auto;
    height: 80px;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.strip02 .option-box:hover img.box-icon {
    top: 75px;
}

.strip02 .option-box img.wood-icon {
    left: calc(50% - 59px);
}

.strip02 .option-box img.plastic-icon {
    left: calc(50% - 19px);
}

.strip02 .option-box img.feed-icon {
    left: calc(50% - 24px);
}

.strip02 .option-box .line-box {
    width: 150px;
    height: 30px;
    background: rgba(98, 35, 35, 0.8);
    position: absolute;
    z-index: 2;
    top: calc(50% + 19px);
    left: calc(50% - 55px);
    -webkit-transition: all .65s ease-in-out;
    -moz-transition: all .65s ease-in-out;
    -ms-transition: all .65s ease-in-out;
    -o-transition: all .65s ease-in-out;
    transition: all .65s ease-in-out;
}

.strip02 .option-box:hover .line-box {
    width: 100px;
    height: 5px;
    background: #FFFFFF;
    top: 175px;
    left: calc(50% - 50px);
}

.strip02 .option-box .box-title {
    position: absolute;
    z-index: 2;
    top: calc(50% + 65px);
    width: 100%;
    text-align: center;
    font-size: 28px;
    color: #FFFFFF;
    font-weight: 700;
    -webkit-transition: all .75s ease-in-out;
    -moz-transition: all .75s ease-in-out;
    -ms-transition: all .75s ease-in-out;
    -o-transition: all .75s ease-in-out;
    transition: all .75s ease-in-out;
}

.strip02 .option-box:hover .box-title {
    top: 200px;
}

.strip02 .option-box .box-description {
    position: absolute;
    z-index: 2;
    top: 110%;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    padding: 0px 10%;
    width: 100%;
    max-height: 196px;
    overflow: hidden;
    text-align: center;
    display: none;
    -webkit-transition: all .85s ease-in-out;
    -moz-transition: all .85s ease-in-out;
    -ms-transition: all .85s ease-in-out;
    -o-transition: all .85s ease-in-out;
    transition: all .85s ease-in-out;
}

@media screen and (min-width: 1200px) {
    .strip02 .option-box .box-description {
        display: inherit;
    }
}

.strip02 .option-box:hover .box-description {
    top: 250px;
}

.strip02 .option-box span.box-button {
    position: absolute;
    z-index: 2;
    top: 110%;
    left: calc(50% - 92px);
    font-size: 16px;
    line-height: 16px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    padding: 7px 35px;
    background: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: italic;
    font-weight: 400;
    -webkit-transition: all .95s ease-in-out;
    -moz-transition: all .95s ease-in-out;
    -ms-transition: all .95s ease-in-out;
    -o-transition: all .95s ease-in-out;
    transition: all .95s ease-in-out;
}

.strip02 .option-box span.box-button:hover {
    background: #FFFFFF;
    color: #606060;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    -ms-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}

.strip02 .option-box:hover span.box-button {
    top: 500px;
}

.strip03 {
}

.strip03 .content {
    max-width: 1600px;
}

.strip03 .content .call-to-action .break-box {
    max-width: 500px;
}

@media screen and (min-width: 960px) {
    .jqueryslidemenu ul li ul {
        display: none;
    }
}

/* Services Strip Content */
.strip-services {
    display: flex;
    flex-direction: row;
}

.strip-services:nth-of-type(even) {
    flex-direction: row-reverse;
}

.strip-services > div {
    width: 50%;
    text-decoration: none;
    color: initial;
    min-height: 300px;
    display: inline-flex;
    flex-direction: column
}

.strip-services .services-content {
    padding: 60px 20px;
}

.strip-services .services-image {
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    .strip-services, .strip-services:nth-of-type(even) {
        flex-direction:column;
    }

    .strip-services > div {
        width: 100%;
        min-height: 1px;
        padding: 40px 0;
    }

    .strip-services .services-image {
        min-height: 300px;
    }

    .strip-services .services-content {
    	padding: 10px 0 45px;
    }
}

.contact_info .social_media ul li a {
    background-color: #622323;
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    color: #fff;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.full_header .top-header .top-container .top-social a {
    padding-left: 15px;
}

/* Home CTAs */
.strip01,
.strip03 {
    display:flex;
    padding: 100px 5%;
    margin: 0 auto;
}

.strip01 .content,
.strip03 .content {
    display: inline-flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.strip01 .call-to-action,
.strip03 .call-to-action {
    display:inline-block;
    width:45%;
}

.strip01 .editable_content,
.strip03 .contact_info {
    width:calc(55% - 30px);
}

.strip01 .call-to-action h3,
.strip03 .call-to-action h3 {
    font-size: 1.5rem;
    line-height:1.5rem;
    color:#909090;
    margin-bottom:10px;
}

.strip03 .contact_info ul {
    width:100%;
    display: inline-flex;
    align-items: center;
}

.strip03 .contact_info ul i {
    margin-right:20px;
    font-size:1rem;
    -webkit-text-stroke: 2px;
    -webkit-text-stroke-color: #824F4F;
    color: transparent;
}

@media (max-width:960px) {
    .strip01 .content > div,
    .strip03 .content > div {
        width:100%;
        text-align: center;
    }
    .strip01 .call-to-action,
    .strip03 .call-to-action {
        order:2;
        margin-top:20px;
        text-align:center;
    }
    .strip01 .break-box,
    .strip03 .break-box {
        max-width:300px;
        margin:0 auto;
    }
    .strip03 .contact_info ul {
        width: calc(33.33% - 21px);
        flex-direction:column;
        text-align:center;
    }
    .strip03 .contact_info ul i {
        margin: 10px 0;
    }
}

@media (max-width:767px) {
    .strip03 .contact_info ul {
        width:100%;
    }
}

#myslidemenu ul .clear {
    display: none;
}

form#contact_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Products Layout */
.product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-list .product-list-item {
    width:calc(50% - 10px);
    margin:10px 0;
    min-height:200px;
    overflow:hidden;
    position: relative;
}

.product-list-image {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
}

.product-list .product-list-item .product-details {
	  background-color: rgba(43, 43, 43, 0.8);
	  width:100%;
	  position:absolute;
	  top: calc(100% - 55px);
	  padding: 0 20px 20px;
	  height:100%;
	  transition:0.35s ease;
	  transition-delay:0.3s;
}

a.product-list-item  .product-details h2 span {
    position: absolute;
    right: 0;
}

a.product-list-item  .product-details h2 span i {
    transform:rotate(0deg);
    transition:0.4s ease;
}

a.product-list-item:hover  .product-details h2 span i {
    transform: rotate(180deg);
    transition:0.4s ease;
}

.product-list .product-list-item:hover .product-details {
    top:0;
    transition:0.35s ease;
    transition-delay:0.3s;
}

/* Products Layout Content */
.product-list .product-list-item .product-details h2 {
    display: flex;
    align-items: center;
    height: 50px;
    font-size: 0.4rem;
    line-height: 0.4rem;
    position: relative;
    font-weight: 700;
}

.product-list .product-list-item span.fake-inline-link {
    color: #fff;
    text-decoration:underline;
}

    .product-list .product-list-item .product-details h1,
    .product-list .product-list-item .product-details h2,
    .product-list .product-list-item .product-details h3,
    .product-list .product-list-item .product-details h4,
    .product-list .product-list-item .product-details h5,
    .product-list .product-list-item .product-details h6,
    .product-list .product-list-item .product-details p,
    .product-list .product-list-item .product-details span,
    .product-list .product-list-item .product-details a {
        color:#fff;
    }


@media (max-width:1200px) {
		a.product-list-item .product-details h2 span i {
			display:none;
		}
    .product-list-image {
        position:relative;
        height: auto;
        padding: 25%;
    }
    .product-list .product-list-item .product-details h2 {
				font-size: 0.6rem;
				line-height: 0.7rem;
        padding:10px 0;
        display:inline-block;
    }
    .product-list .product-list-item .product-details h2,
    .product-list .product-list-item {
        height:auto;
    color: #622321;
    }
    .product-list .product-list-item {
        overflow:visible;
        height: auto;
        background-color: #fff;
    }
    .product-list .product-list-item:hover .product-details,
    .product-list .product-list-item .product-details {
        position: relative;
        background-color:#f3ecec;
        top: 0;
        height: auto;
    }    
}

@media(max-width:767px) {
    .product-list .product-list-item {
        width:100%;
    }    
}

.full_header .top-header .top-container {
    padding: 0 40px;
}
.product-list .product-list-item .product-details span.fake-inline-link{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    border: 2px solid #FFFFFF;
    padding: 3px 20px;
    color: #FFFFFF;
}
.product-list .product-list-item .product-details p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}
.product-list .product-list-item .product-details span.fake-inline-link:hover{
	background: #FFFFFF;
    color: #2b2b2b;
}
@media screen and (min-width: 768px){
	.product-list .product-list-item .product-details p{
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    height: 80px;
    overflow: hidden;
	}
}
.product-list .product-list-item .product-details p{
  height: 60px;
  color: #333333;
}
.product-list .product-list-item .product-details span.fake-inline-link {
  border: 2px solid #333333;
  color: #333333;
}
.product-list .product-list-item .product-details span.fake-inline-link:hover {
  background: #333333;
  color: #FFFFFF;
}
@media screen and (min-width: 1200px){
.product-list .product-list-item .product-details p{
  color: #FFFFFF;
}
.product-list .product-list-item .product-details span.fake-inline-link {
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
}
.product-list .product-list-item .product-details span.fake-inline-link:hover {
  background: #FFFFFF;
  color: #333333;
}
.services-content h5{
  font-size: 0.7rem;
  line-height: 0.7rem;
}
}
input[name="middle_name"] { 
    position: absolute;
    left: -9999px;
  }