/*
Theme Name: GHOUL
Author: the GHOUL Project team
Version: 1.0

===============================================*/

/*
 1.) Typography
----------------------------------------*/

@font-face {
    font-family: 'LoRes 9 OT Wide';
    src: url('webfonts/LoRes9OTWide-Bold.eot');
    src: url('webfonts/LoRes9OTWide-Bold.eot?#iefix') format('embedded-opentype'),
        url('webfonts/LoRes9OTWide-Bold.woff2') format('woff2'),
        url('webfonts/LoRes9OTWide-Bold.woff') format('woff'),
        url('webfonts/LoRes9OTWide-Bold.ttf') format('truetype'),
        url('webfonts/LoRes9OTWide-Bold.svg#LoRes9OTWide-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/*
 2.) Default Styles
----------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
li {
    padding: 0;
    margin: 0;
}

body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 26px;
    letter-spacing: normal;
    background: #f7f7f7;
    margin: 0;
    padding: 0;
}

sub,
sup {
    font-size: 50%;
}

sup {
    top: -.7em;
}

img {
    max-width: 100%;
}

@media (max-width: 1023px) {
    body {
        font-size: 16px;
        line-height: 24px;
    }

    /* ---------- BOOK OF GHOUL ------------*/

    .story h2 {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -4px;
        padding-bottom: 30px;
    }

    .story .lede {
        font-size: 22px;
        line-height: 30px;
        padding-bottom: 30px;
    }

    /* ------------------------------------*/
}


html {
    scroll-behavior: smooth;
}

/*= Links 
=======================================================*/

a {
    color: #4d4d4d;
    text-decoration: underline;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer;
    outline: 0;
}

a:hover,
a:focus,
a:active {
    color: #97842b;
    text-decoration: underline;
    outline: 0;
}

a:visited {
    outline: 0;
}

a[href^="tel:"],
a[href^="fax:"] {
    color: #4d4d4d;
    text-decoration: underline;
}

a:hover[href^="tel:"],
a:focus[href^="tel:"],
a:hover[href^="fax:"],
a:focus[href^="fax:"] {
    color: #97842b;
    text-decoration: underline;
}


/*= Headings: P, H1, H2, H3, H4, H5, H6 
=======================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    text-transform: capitalize;
    padding-bottom: 20px;
}

h1 {
    font-family: "LoRes 9 OT Wide", sans-serif;
    font-size: 80px;
    line-height: 70px;
    letter-spacing: -8px;
    text-transform: uppercase;
    padding-bottom: 85px;
}

h2 {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 40px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a,
h6 a,
.h6 a {
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    text-decoration: none;
}

h1 a:hover,
.h1 a:hover,
h2 a:hover,
.h2 a:hover,
h3 a:hover,
.h3 a:hover,
h4 a:hover,
.h4 a:hover,
h5 a:hover,
.h5 a:hover,
h6 a:hover,
.h6 a:hover {
    color: #97842b;
    text-decoration: underline;
}

p {
    padding-bottom: 20px;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
    padding-bottom: 0;
}

em {
    font-style: italic;
}

em.fal,
em.far,
em.fas,
em.fab {
    font-style: normal;
}

strong {
    font-weight: 700;
}

@media (max-width: 1449px) {
    h1 {
        padding-bottom: 75px;
    }
}

@media (max-width: 1199px) {
    h1 {
        padding-bottom: 65px;
    }
}

@media (max-width: 1023px) {
    h1 {
        font-size: 50px;
        line-height: 45px;
        letter-spacing: -5px;
        padding-bottom: 40px;
    }

    h2 {
        font-size: 24px;
        line-height: 28px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    h1 {
        word-wrap: break-word;
        padding-bottom: 30px;
    }

    h2 {
        padding-bottom: 25px;
    }
}


/*= Unorder List 
=======================================================*/

ul,
ol {
    list-style: none;
    padding: 0;
}

ul:last-child,
ol:last-child {
    padding-bottom: 0;
}

li {
    position: relative;
    padding: 0 0 5px 15px;
}

li:last-child {
    padding-bottom: 20px;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
    padding-bottom: 0;
}

ul li:before {
    content: "";
    width: 5px;
    height: 5px;
    float: left;
    background: #4d4d4d;
    border-radius: 360px;
    position: absolute;
    top: 6px;
    left: 0;
}


/*= Order List 
=======================================================*/

ol {
    counter-reset: item;
}

ol>li {
    counter-increment: item;
}

ol>li:before {
    content: counter(item)".";
    color: #4d4d4d;
    position: absolute;
    top: 1px;
    left: 0;
    padding: 0;
    margin: 0;
}


/* #Input Styles
================================================= */

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
}

select,
textarea,
input {
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 20px;
    padding: 0 0 10px 0;
    margin: 0;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    width: 100%;
    height: 60px;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #f0f0f0;
    border: none;
    border-top: 1px solid #cccccc;
    border-radius: 0;
    outline: none;
    overflow: hidden;
    position: relative;
    padding: 15px 20px;
    margin: 0;
}

textarea {
    height: 200px;
    white-space: normal;
    outline: none;
    resize: none;
}

select {
    background-image: url(img/icon-down.svg);
    background-size: 16px auto;
    background-repeat: no-repeat;
    background-position: top 22px right 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-top: 0;
    padding-right: 50px;
    padding-bottom: 0;
}

select::-ms-expand {
    display: none;
}

select.colorize option:not([disabled]) {
    color: #4d4d4d;
}

select.colorize option.def:not([disabled]),
select.colorize.empty:not([disabled]) {
    color: #666666;
}

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
    color: #666666;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #666666;
}

::-moz-placeholder {
    color: #666666;
}

::-ms-input-placeholder {
    color: #666666;
}

select:focus,
textarea:focus,
input:focus[type="text"],
input:focus[type="password"],
input:focus[type="datetime"],
input:focus[type="datetime-local"],
input:focus[type="date"],
input:focus[type="month"],
input:focus[type="time"],
input:focus[type="week"],
input:focus[type="number"],
input:focus[type="email"],
input:focus[type="url"],
input:focus[type="search"],
input:focus[type="tel"],
input:focus[type="color"],
.uneditable-input:focus {
    border-top-color: #97842b;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
}

@media (max-width: 1199px) {
    label {
        font-size: 14px;
        line-height: 18px;
    }

    select,
    textarea,
    input[type="text"],
    input[type="password"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="date"],
    input[type="month"],
    input[type="time"],
    input[type="week"],
    input[type="number"],
    input[type="email"],
    input[type="url"],
    input[type="search"],
    input[type="tel"],
    input[type="color"],
    .uneditable-input {
        height: 50px;
        font-size: 14px;
        line-height: 18px;
        padding: 15px 20px;
    }

    textarea {
        height: 200px;
    }

    select {
        background-position: top 17px right 20px;
    }
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/* #Buttons
================================================== */

/* Custom - Select */
button {
    background: none;
    border: none;
    box-shadow: none;
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
}

button:active,
button:focus:active,
button.active,
button.active:focus {
    outline: 0;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.btn,
.button,
input[type="button"],
input[type="submit"] {
    width: auto;
    height: auto;
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 11px;
    color: #4d4d4d;
    line-height: 16px;
    letter-spacing: 0.01em;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: normal;
    background: #fbdc48;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    padding: 16px 30px;
    margin: 0;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit.alt:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:active,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:active,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:active,
.woocommerce input.button.alt:focus,
.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:active,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:hover,
.woocommerce a.button:active,
.woocommerce a.button:focus,
.woocommerce button.button:hover,
.woocommerce button.button:active,
.woocommerce button.button:focus,
.woocommerce input.button:hover,
.woocommerce input.button:active,
.woocommerce input.button:focus,
.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus,
.btn.active,
.btn.active:focus,
.button:hover,
.button:focus,
.button:active,
.button:active:focus,
.button.active,
.button.active:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"]:active:focus,
input[type="button"].active,
input[type="button"].active:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
input[type="submit"]:active:focus,
input[type="submit"].active,
input[type="submit"].active:focus,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
    color: #ffffff;
    text-decoration: none;
    background: #97842B;
    box-shadow: none;
    outline: 0;
}

.btn-gray,
.button.btn-gray,
input.btn-gray[type="button"],
input.btn-gray[type="submit"] {
    background: #cccccc;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray:active:focus,
.btn-gray.active,
.btn-gray.active:focus,
.button.btn-gray:hover,
.button.btn-gray:focus,
.button.btn-gray:active,
.button.btn-gray:active:focus,
.button.btn-gray.active,
.button.btn-gray.active:focus,
input.btn-gray[type="button"]:hover,
input.btn-gray[type="button"]:focus,
input.btn-gray[type="button"]:active,
input.btn-gray[type="button"]:active:focus,
input.btn-gray[type="button"].active,
input.btn-gray[type="button"].active:focus,
input.btn-gray[type="submit"]:hover,
input.btn-gray[type="submit"]:focus,
input.btn-gray[type="submit"]:active,
input.btn-gray[type="submit"]:active:focus,
input.btn-gray[type="submit"].active,
input.btn-gray[type="submit"].active:focus,
.btn-gray:not(:disabled):not(.disabled).active,
.button.btn-gray:not(:disabled):not(.disabled):active,
.show .btn-gray {
    background: #999999;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none;
}

.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
    padding: 16px 30px;
}

.btn-out {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.btn-out-max {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0 0 0;
}

.btn-out-max .btn {
    width: 100%;
    max-width: 390px;
}


/* Figure */
figure,
.figure {
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.break-word {
    word-wrap: break-word;
}


/* #Owl-carousel
=======================================================*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    width: 100%;
    display: inline-block;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */
.no-js .owl-carousel {
    display: block;
}


/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/* Owl Carousel - Auto Height Plugin */
.owl-height {
    transition: height 500ms ease-in-out;
}


/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item {
    /**
    This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
    calculation of the height of the owl-item that breaks page layouts
    */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}


/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}


/* #Slider Controls
================================================== */

/* Previous and Next */
.owl-nav button {
    width: 40px;
    height: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #fbdc48;
    box-shadow: none;
    border-radius: 360px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    z-index: 2;
    outline: 0;
    padding: 0;
    margin: 0;
}

.owl-nav button svg {
    display: block;
}

.owl-nav button:hover,
.owl-nav button:focus,
.owl-nav button:active {
    background: #97842B;
    outline: 0;
}

.owl-nav button.owl-prev {
    left: 0;
}

.owl-nav button.owl-next {
    right: 0;
}

.owl-nav button.disabled {
    color: rgba(59, 67, 81, .20);
    cursor: default;
}

.owl-nav button.disabled:hover,
.owl-nav button.disabled:focus,
.owl-nav button.disabled:active {
    color: rgba(59, 67, 81, .20);
}

.owl-nav.disabled {
    display: none;
}


/* Bullets */
.owl-dots {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    line-height: .5em;
    margin: 60px 0 0 0;
}

.owl-dots button.owl-dot {
    width: 12px;
    height: 12px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #666666;
    border-radius: 360px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    cursor: pointer;
    padding: 0;
    margin: 0 4px;
}

.owl-dots button.owl-dot:hover,
.owl-dots button.owl-dot:focus,
.owl-dots button.owl-dot:active,
.owl-dots button.owl-dot.active {
    background: #fbdc48;
}

.owl-dots.disabled {
    display: none;
}

@media (max-width: 767px) {
    .owl-dots {
        margin: 40px 0 0 0;
    }
}



/*= Container - Main
=======================================================*/

.container-main {
    width: 100%;
    min-height: 100vh;
    float: left;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 1680px;
    padding: 0 40px;
}

@media (max-width: 1439px) {
    .container {
        max-width: 1160px;
    }
}

@media (max-width: 767px) {
    .container {
        max-width: 600px;
        padding: 0 20px;
    }
}


/* Vertical Align - Middle */
.outer-bg {
    width: 100%;
    height: 100%;
    float: none;
    display: table;
    margin: 0 auto
}

.inner-bg {
    width: 100%;
    height: 100%;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.widget-title {
    display: none;
}


/* 
 3.) Header
----------------------------------------*/

.header-main {
    width: 100%;
    height: 237px;
    float: left;
}

.header-main .brand {
    float: left;
    line-height: 237px;
    position: relative;
    z-index: 6;
    margin: 0 -300px 0 0;
}

.header-main .brand img {
    max-height: 38px;
}

.header-main .nav-bar {
    width: 100%;
    float: left;
    text-align: center;
    padding: 0 85px 0 135px;
}

.header-main .nav-bar nav {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.header-main .nav-bar nav ul {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 -15px;
}

.header-main .nav-bar nav ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 237px;
    padding: 0;
    margin: 0 15px;
}

.header-main .nav-bar nav ul li:before {
    display: none;
}

.header-main .nav-bar nav ul li a {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: none;
    position: relative;
    overflow: hidden;
    padding: 7px 0;
}

.header-main .nav-bar nav ul li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #4d4d4d;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.header-main .nav-bar nav ul li>a:hover {
    color: #97842b;
}

.header-main .nav-bar nav ul li>a:hover:after {
    background: #97842b;
}

.header-main .nav-bar nav ul li>a:hover,
.header-main .nav-bar nav ul li.current-menu-item>a,
.header-main .nav-bar nav ul li.current-menu-parent>a,
.header-main .nav-bar nav ul li.current-menu-ancestor>a,
.category-whats-new .header-main .nav-bar nav ul li.cust-active>a,
.single-post .header-main .nav-bar nav ul li.cust-active>a {
    transition: none;
}

.header-main .nav-bar nav ul li>a:hover:after,
.header-main .nav-bar nav ul li.current-menu-item>a:after,
.header-main .nav-bar nav ul li.current-menu-parent>a:after,
.header-main .nav-bar nav ul li.current-menu-ancestor>a:after,
.category-whats-new .header-main .nav-bar nav ul li.cust-active>a:after,
.single-post .header-main .nav-bar nav ul li.cust-active>a:after {
    width: 100%;
    left: 0;
}

.header-main .right-header {
    height: 237px;
    float: right;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 6;
    margin: 0 0 0 -500px;
}

.header-main .account-btn {
    float: left;
    position: relative;
    margin: 0 0 0 10px;
    display: none;
}

.header-main .account-btn .icon-user {
    width: 28px;
    height: 38px;
    float: left;
    background: url(img/icon-user.svg) no-repeat bottom center;
    background-size: auto 23px;
    text-indent: -99999px;
}

.header-main .cart-btn {
    float: left;
    position: relative;
    margin: 0 0 0 10px;
}

.header-main .cart-btn .icon-cart {
    width: 32px;
    height: 38px;
    float: none;
    float: left;
    background: url(img/icon-cart.svg) no-repeat bottom center;
    background-size: auto 23px;
    text-indent: -99999px;
}

.header-main .cart-btn .count {
    width: 22px;
    height: 22px;
    float: right;
    font-weight: 700;
    font-size: 10px;
    color: #4d4d4d;
    line-height: 22px;
    letter-spacing: -0.05em;
    text-align: center;
    background: #fbdc48;
    border-radius: 360px;
    text-indent: 0;
    position: absolute;
    top: -6px;
    right: 2px;
    padding: 0;
    margin: 0;
}

.header-main .brand-icon {
    width: 38px;
    float: left;
    position: relative;
    margin: 0 0 0 15px;
}

.header-main .brand-icon img {
    max-height: 38px;
}

.header-main .menu-btn {
    width: 25px;
    height: 38px;
    float: left;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
    outline: 0;
    padding: 0;
    margin: 0 0 0 20px;
}

.header-main .menu-btn .menu-bar {
    width: 21px;
    height: 3px;
    float: left;
    background: #4d4d4d;
    text-indent: -99999px;
    position: relative;
}

.header-main .menu-btn .menu-bar:before,
.header-main .menu-btn .menu-bar:after {
    content: "";
    width: 100%;
    height: 3px;
    float: left;
    background: #4d4d4d;
    position: absolute;
    left: 0;
}

.header-main .menu-btn .menu-bar:before {
    top: -8px;
}

.header-main .menu-btn .menu-bar:after {
    top: 8px;
}

.header-main .menu-btn.active .menu-bar {
    background: none;
}

.header-main .menu-btn.active .menu-bar:before,
.header-main .menu-btn.active .menu-bar:after {
    top: 0;
}

.header-main .menu-btn.active .menu-bar:before {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.header-main .menu-btn.active .menu-bar:after {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

@media (min-width: 1024px) {

    .header-main .nav-bar .nav-max,
    .header-main .nav-bar .nav-inn {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
}

@media (max-width: 1023px) {
    .header-main {
        height: 140px;
    }

    .header-main .brand {
        line-height: 140px;
    }

    .hiddenscroll-menu {
        overflow: hidden;
    }

    .header-main .nav-bar {
        width: 100%;
        height: 100%;
        float: right;
        background: #fbdc48;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 100%;
        z-index: 5;
        padding: 140px 0 0 0;
        margin: 0;
    }

    .header-main .nav-bar.active {
        visibility: visible;
        right: 0;
    }

    .header-main .nav-bar .nav-max {
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        overflow-x: hidden;
        position: relative;
    }

    .header-main .nav-bar .nav-inn {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 0 30px 60px 30px;
    }

    .header-main .nav-bar nav {
        width: 100%;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        padding: 0;
        margin: 0;
    }

    .header-main .nav-bar nav ul {
        width: 100%;
        vertical-align: top;
        margin: 0 0 -30px 0;
    }

    .header-main .nav-bar nav ul li {
        width: 100%;
        vertical-align: top;
        line-height: inherit;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .header-main .right-header {
        height: 140px;
    }

    .header-main .brand-icon {
        display: none;
    }

    .header-main .menu-btn {
        display: inline-flex;
    }

    .header-main .account-btn .icon-user {
        background-position: center;
        background-size: auto 21px;
    }

    .header-main .cart-btn .icon-cart {
        background-position: center;
        background-size: auto 21px;
    }

    .header-main .cart-btn .count {
        top: -13px;
    }
}

@media (max-width: 767px) {
    .header-main {
        height: 100px;
    }

    .header-main .brand {
        line-height: 100px;
    }

    .header-main .nav-bar {
        padding: 100px 0 0 0;
    }

    .header-main .nav-bar .nav-inn {
        padding: 20px 20px 60px 20px;
    }

    .header-main .nav-bar nav {
        max-width: 560px;
    }

    .header-main .right-header {
        height: 100px;
    }
}


/* 
 5.) Content - Main
----------------------------------------*/

.content-main {
    width: 100%;
    float: left;
    flex: 1 0 auto;
    padding-bottom: 90px;
}

@media (max-width: 1023px) {
    .content-main {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .content-main {
        padding-bottom: 40px;
    }
}


/* Row */
.row {
    padding-bottom: 90px;
    margin: -30px;
}

.row.v-align-middle {
    align-items: center;
}

.row:last-child {
    padding-bottom: 0;
}

.row>div {
    padding: 30px;
}

.row.no-gutters {
    padding: 0;
    margin: 0;
}

.row.no-gutters>div {
    padding: 0;
}

@media (max-width: 1023px) {
    .row {
        padding-bottom: 60px;
        margin: -20px;
    }

    .row>div {
        padding: 20px;
    }
}

@media (max-width: 767px) {
    .row {
        padding-bottom: 30px;
        margin: -15px;
    }

    .row:last-child {
        padding-bottom: 0;
    }

    .row>div {
        padding: 15px;
    }

    .row.no-gutters {
        padding: 0;
        margin: 0;
    }

    .row.no-gutters>div {
        padding: 0;
    }
}


/* Date */
.date {
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    padding: 0 0 23px 0;
}

.date:last-child {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .date {
        padding-bottom: 20px;
    }
}


/* Product - Box */
.product-box {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.product-box .figure {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.product-box .figure img {
    width: 100%;
}

.product-box .figure:last-child {
    margin-bottom: 0;
}

.product-box .figure .embed-responsive {
    transform: scale(1.02);
    padding-bottom: 141%;
}

.no-card {
    margin-top: 10px;
}

.product-box .aside p {
    width: 100%;
    float: left;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 75px;
}

.product-box .aside h4 {
    font-size: 12px;
    line-height: inherit;
    padding-right: 10px;
    padding-bottom: 8px;
}

.product-box .aside h4:last-child {
    padding-bottom: 0;
}

.product-box .aside h4 a {
    color: #4d4d4d;
}

.product-box .aside h4 a:hover,
.product-box .aside h4 a:focus,
.product-box .aside h4 a:active {
    color: #fbdc48;
}

.product-box .aside p {
    color: #97842b;
}

.product-box .aside .btn {
    width: 100%;
    padding: 16px 0;
    margin: 0;
}

.txt-center {
    text-align: center;
}

.product-box .aside .txt-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -8px -20px -8px;
}

.product-box .aside .txt-wrap:last-child {
    padding-bottom: 0;
}

.product-box .aside .txt-wrap>div {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 8px 20px 8px;
}

.product-box .aside .btn-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.product-box .aside .btn-wrap .btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -20px -8px;
}

.product-box .aside .btn-wrap .btns>div {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 8px 20px 8px;
    margin: 0;
}

@media (max-width: 1499px) {
    .product-box .aside .btn {
        padding: 13px 0;
    }

    .product-box .aside .txt-wrap {
        margin: 0 -6px -16px -6px;
    }

    .product-box .aside .txt-wrap>div {
        padding: 0 6px 16px 6px;
    }

    .product-box .aside .btn-wrap .btns {
        margin: 0 -6px -16px -6px;
    }

    .product-box .aside .btn-wrap .btns>div {
        padding: 0 6px 16px 6px;
    }
}

.trading_cards .product-box .aside {
    padding-bottom: 68px;
}

@media (max-width: 1023px) {
    .product-box .figure {
        margin: 0 0 20px 0;
    }
}

@media (max-width: 767px) {
    .product-box .figure {
        height: auto !important;
    }
}


/* Product Sticky - Box */
.product-sticky-box {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
}

.product-sticky-box .figure {
    width: 100%;
    display: block;
    background: #ffffff;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.product-sticky-box .figure img {
    width: 100%;
}

.product-sticky-box .figure:last-child {
    margin-bottom: 0;
}

.product-sticky-box .aside {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.product-sticky-box .aside h4 {
    font-size: inherit;
    line-height: inherit;
    padding-right: 10px;
    padding-bottom: 8px;
}

.product-sticky-box .aside h4:last-child {
    padding-bottom: 0;
}

.product-sticky-box .aside h4 a {
    color: #4d4d4d;
}

.product-sticky-box .aside h4 a:hover,
.product-sticky-box .aside h4 a:focus,
.product-sticky-box .aside h4 a:active {
    color: #fbdc48;
}

.product-sticky-box .aside p {
    color: #97842b;
}

.product-sticky-box .aside .btn {
    width: 100%;
    padding: 16px 0;
    margin: 0;
}

.product-sticky-box .aside {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -20px -40px -20px;
}

.product-sticky-box .aside>div {
    width: 100%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 20px 40px 20px;
}

.product-sticky-box .aside>div .btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -8px -20px -8px;
}

.product-sticky-box .aside>div .btns>div {
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 8px 20px 8px;
    margin: 0;
}

@media (max-width: 1499px) {
    .product-sticky-box .aside .btn {
        padding: 13px 0;
    }

    .product-sticky-box .aside>div .btns {
        margin: 0 -6px -16px -6px;
    }

    .product-sticky-box .aside>div .btns>div {
        padding: 0 6px 16px 6px;
    }
}

@media (max-width: 1023px) {
    .product-sticky-box .figure {
        margin: 0 0 20px 0;
    }

    .product-sticky-box .aside {
        margin: 0 -15px -30px -15px;
    }

    .product-sticky-box .aside>div {
        padding: 0 15px 30px 15px;
    }
}

@media (max-width: 767px) {
    .product-sticky-box .aside {
        margin: 0 -15px -20px -15px;
    }

    .product-sticky-box .aside>div {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px 20px 15px;
    }

    .product-sticky-box .aside>div:last-child {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* Sticky - Product */
.sticky-product {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.sticky-product:last-child {
    padding-bottom: 0;
}

@media (max-width: 1023px) {
    .sticky-product {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .sticky-product {
        padding-bottom: 30px;
    }
}


/* Products - List */
.products-list {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.products-list:last-child {
    padding-bottom: 0;
}

.products-list .row {
    padding: 0;
    margin: 0 -20px -90px -20px;
}

.products-list .row>div {
    padding: 0 20px 90px 20px;
    margin: 0;
}

.products-list .sticky-toper-class .product-box .figure {
    background: #414141;
}

.products-list.front-list .sticky-toper-class {
    display: none;
}

.pd-bt-30 {
    padding-bottom: 30px;
}

@media (max-width: 1023px) {
    .products-list {
        padding-bottom: 60px;
    }

    .products-list .row {
        margin: 0 -15px -60px -15px;
    }

    .products-list .row>div {
        padding: 0 15px 60px 15px;
    }
}

@media (max-width: 767px) {
    .products-list {
        padding-bottom: 30px;
    }

    .products-list .row {
        margin: 0 -15px -30px -15px;
    }

    .products-list .row>div {
        padding: 0 15px 30px 15px;
    }
}


/* Split - Content */
.split-cont {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.split-cont:last-child {
    padding-bottom: 0;
}

.split-cont .row {
    padding: 0;
    margin: 0 -20px -90px -20px;
}

.split-cont .row>div {
    padding: 0 20px 90px 20px;
    margin: 0;
}

.split-cont .row>div .news-sticky-box {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0 0 53px 0;
}

.split-cont .row>div .figure {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    overflow: hidden;
    margin: 0 0 25px 0;
}

.split-cont .row>div .figure img {
    width: 100%;
}

.split-cont .row>div .figure:last-child {
    margin-bottom: 0;
}

.split-cont .row>div .aside {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.split-cont .row>div .aside .btn-out {
    width: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 0 0 20px;
}

.split-cont .row>div .aside .btn-out .btn {
    width: 100%;
    padding: 16px 0;
}

.split-cont .row>div .aside .txt-left {
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}

.split-cont .row>div .aside .txt-right {
    width: 50%;
    float: right;
    padding: 0 0 0 20px;
}

@media (max-width: 1499px) {
    .split-cont .row>div .aside .btn-out .btn {
        padding: 13px 0;
    }
}

@media (max-width: 1023px) {
    .split-cont {
        padding-bottom: 60px;
    }

    .split-cont .row {
        margin: 0 -15px -60px -15px;
    }

    .split-cont .row>div {
        padding: 0 15px 60px 15px;
    }

    .split-cont .row>div .figure {
        margin: 0 0 20px 0;
    }

    .split-cont .row>div .aside .btn-out {
        width: 100%;
        padding: 0;
    }

    .split-cont .row>div .aside .btn-out .btn {
        max-width: 170px;
    }

    .split-cont .row>div .aside .txt-left {
        width: 100%;
        padding: 0 0 20px 0;
    }

    .split-cont .row>div .aside .txt-right {
        width: 100%;
        float: left;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .split-cont {
        padding-bottom: 30px;
    }

    .split-cont .row {
        margin: 0 -15px -30px -15px;
    }

    .split-cont .row>div {
        padding: 0 15px 30px 15px;
    }

    .split-cont .row>div .figure {
        margin: 0 0 20px 0;
    }
}


/* Split - Content1 */
.split-cont.cont1 .row>div .figure {
    display: flex;
    align-items: center;
}

.split-cont.cont1 .row>div:nth-child(3),
.split-cont.cont1 .row>div:nth-child(4),
.split-cont.cont1 .row>div:nth-child(5),
.split-cont.cont1 .row>div:nth-child(6),
.split-cont.cont1 .row>div:nth-child(7),
.split-cont.cont1 .row>div:nth-child(8) {
    display: none;
}

@media (max-width: 767px) {
    .split-cont.cont1 .row>div .figure {
        height: auto !important;
    }
}


/* Split - Content2 */
.split-cont.cont2 .row>div .aside .btn-out .btn {
    padding: 16px 0;
}

@media (max-width: 1023px) {
    .split-cont.cont2 .row>div .aside .btn-out .btn {
        max-width: 100%;
    }
}

.split-cont.cont2 .row>div:first-child {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.split-cont.cont2 .row>div:first-child .news-sticky-box {
    padding-bottom: 0;
}

.split-cont.cont2 .row>div:first-child .figure {
    margin: 0 0 40px 0;
}

.split-cont.cont2 .row>div:first-child .figure:last-child {
    margin-bottom: 0;
}

.split-cont.cont2 .row>div:first-child .aside {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}

.split-cont.cont2 .row>div:first-child .aside h3 {
    font-family: "LoRes 9 OT Wide", sans-serif;
    font-size: 80px;
    line-height: 70px;
    letter-spacing: -8px;
    text-transform: uppercase;
}

.split-cont.cont2 .row>div:first-child .aside .btn-out {
    width: 100%;
    position: static;
    padding: 6px 0 0 0;
}

.split-cont.cont2 .row>div:first-child .aside .btn-out .btn {
    width: 100%;
    max-width: 370px;
    background: #fbdc48;
}

.split-cont.cont2 .row>div:first-child .aside .btn-out .btn:hover,
.split-cont.cont2 .row>div:first-child .aside .btn-out .btn:focus,
.split-cont.cont2 .row>div:first-child .aside .btn-out .btn:active,
.split-cont.cont2 .row>div:first-child .aside .btn-out .btn:active:focus,
.split-cont.cont2 .row>div:first-child .aside .btn-out .btn.active,
.split-cont.cont2 .row>div:first-child .aside .btn-out .btn.active:focus {
    background: #97842B;
}

.split-cont.cont2 .row>div:first-child .aside .txt-left {
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}

.split-cont.cont2 .row>div:first-child .aside .txt-right {
    width: 50%;
    float: right;
    padding: 0 0 0 20px;
}

@media (max-width: 1449px) {
    .split-cont.cont2 .row>div:first-child .aside .btn-out .btn {
        max-width: 240px;
    }
}

@media (max-width: 1023px) {
    .split-cont.cont2 .row>div:first-child .figure {
        margin: 0 0 30px 0;
    }

    .split-cont.cont2 .row>div:first-child .aside {
        font-size: 16px;
        line-height: 24px;
    }

    .split-cont.cont2 .row>div:first-child .aside h3 {
        font-size: 50px;
        line-height: 45px;
        letter-spacing: -5px;
    }

    .split-cont.cont2 .row>div:first-child .aside .btn-out {
        width: 100%;
        padding: 0;
    }

    .split-cont.cont2 .row>div:first-child .aside .btn-out .btn {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .split-cont.cont2 .row>div:first-child .aside {
        font-size: 14px;
        line-height: 20px;
    }

    .split-cont.cont2 .row>div:first-child .aside .txt-left {
        width: 100%;
        padding: 0 0 30px 0;
    }

    .split-cont.cont2 .row>div:first-child .aside .txt-right {
        width: 100%;
        float: left;
        padding: 0;
    }
}


/* Split - Content2 */
.split-cont2 {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.split-cont2:last-child {
    padding-bottom: 0;
}

.split-cont2 .figure {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #4d4d4d;
    overflow: hidden;
    margin: 0 0 30px 0;
}

.split-cont2 .figure img {
    width: 100%;
}

.split-cont2 .figure:last-child {
    margin-bottom: 0;
}

.split-cont2 .row {
    padding: 0;
    margin: 0 -20px -90px -20px;
}

.split-cont2 .row>div {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px 90px 20px;
    margin: 0;
}

.split-cont2 .row>div h4 {
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 20px;
}

.split-cont2 .row>div h4:last-child {
    padding-bottom: 0;
}

.split-cont2 .row>div .txt {
    width: 50%;
    float: left;
    padding: 0 20px 0 0;
}

.split-cont2 .row>div .btn-out {
    width: 50%;
    float: left;
    padding: 0 0 0 20px;
}

.split-cont2 .row>div .btn-out .btn {
    width: 100%;
    padding: 16px 0;
}

@media (max-width: 1499px) {
    .split-cont2 .row>div h4 {
        padding-bottom: 15px;
    }

    .split-cont2 .row>div .txt {
        width: 100%;
        padding: 0 0 25px 0;
    }

    .split-cont2 .row>div .btn-out {
        width: 100%;
        padding: 0;
    }

    .split-cont2 .row>div .btn-out .btn {
        width: 100%;
        max-width: 260px;
        padding: 13px 0;
    }
}

@media (max-width: 1023px) {
    .split-cont2 {
        padding-bottom: 60px;
    }

    .split-cont2 .figure {
        margin: 0 0 30px 0;
    }

    .split-cont2 .row {
        margin: 0 -15px -60px -15px;
    }

    .split-cont2 .row>div {
        padding: 0 15px 60px 15px;
    }

    .split-cont2 .row>div h4 {
        padding-bottom: 10px;
    }

    .split-cont2 .row>div .txt {
        padding: 0 0 15px 0;
    }

    .split-cont2 .row>div .btn-out .btn {
        max-width: 170px;
    }
}

@media (max-width: 767px) {
    .split-cont2 {
        padding-bottom: 30px;
    }

    .split-cont2 .figure {
        margin: 0 0 17px 0;
    }

    .split-cont2 .row {
        margin: 0 -15px -10px -15px;
    }

    .split-cont2 .row>div {
        padding: 0 15px 10px 15px;
    }
}


/* 
 5.) Footer
----------------------------------------*/

.footer-main {
    width: 100%;
    float: left;
    flex-shrink: 0;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    background: #4d4d4d;
    overflow: hidden;
    position: relative;
    padding: 48px 0 95px 0;
    margin: 0;
}

/* Originally added to allow anchor link to push email signup to top of the page
.footer-main {
    min-height: 100vh;
}*/

.footer-main h4 {
    font-weight: 700;
    font-size: 12px;
    padding-bottom: 14px;
}

.footer-main h4:last-child {
    padding-bottom: 0;
}

.footer-main .brand-icon {
    width: 22.3%;
    float: left;
}

.footer-main .brand-icon img {
    max-height: 50px;
}

.footer-main .foot-col1 {
    width: 29%;
    float: left;
    font-size: 12px;
}

.footer-main .foot-col2 {
    width: 48.7%;
    float: left;
}

.footer-main .foot-col2 .newsletter-txt {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.footer-main .foot-col2 .newsletter-form {
    width: 50%;
    float: left;
    padding-left: 15px;
}

.footer-main .foot-col2 .newsletter-form select,
.footer-main .foot-col2 .newsletter-form textarea,
.footer-main .foot-col2 .newsletter-form input[type="text"],
.footer-main .foot-col2 .newsletter-form input[type="password"],
.footer-main .foot-col2 .newsletter-form input[type="datetime"],
.footer-main .foot-col2 .newsletter-form input[type="datetime-local"],
.footer-main .foot-col2 .newsletter-form input[type="date"],
.footer-main .foot-col2 .newsletter-form input[type="month"],
.footer-main .foot-col2 .newsletter-form input[type="time"],
.footer-main .foot-col2 .newsletter-form input[type="week"],
.footer-main .foot-col2 .newsletter-form input[type="number"],
.footer-main .foot-col2 .newsletter-form input[type="email"],
.footer-main .foot-col2 .newsletter-form input[type="url"],
.footer-main .foot-col2 .newsletter-form input[type="search"],
.footer-main .foot-col2 .newsletter-form input[type="tel"],
.footer-main .foot-col2 .newsletter-form input[type="color"],
.footer-main .foot-col2 .newsletter-form .uneditable-input {
    width: 100%;
    height: 48px;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
    padding: 15px 16px;
    margin: 0 0 10px 0;
}

.footer-main .foot-col2 .newsletter-form .btn,
.footer-main .foot-col2 .newsletter-form .button,
.footer-main .foot-col2 .newsletter-form input[type=".button"],
.footer-main .foot-col2 .newsletter-form input[type="submit"] {
    width: 100%;
    height: 48px;
    font-weight: 700;
    font-size: 11px;
    line-height: 48px;
    border-radius: 3px;
    padding: 0;
}

@media (max-width: 1499px) {
    .footer-main .foot-col2 .newsletter-txt {
        width: 100%;
        padding: 0 0 25px 0;
    }

    .footer-main .foot-col2 .newsletter-form {
        width: 100%;
        padding: 0;
    }

    .footer-main .foot-col2 .newsletter-form select,
    .footer-main .foot-col2 .newsletter-form textarea,
    .footer-main .foot-col2 .newsletter-form input[type="text"],
    .footer-main .foot-col2 .newsletter-form input[type="password"],
    .footer-main .foot-col2 .newsletter-form input[type="datetime"],
    .footer-main .foot-col2 .newsletter-form input[type="datetime-local"],
    .footer-main .foot-col2 .newsletter-form input[type="date"],
    .footer-main .foot-col2 .newsletter-form input[type="month"],
    .footer-main .foot-col2 .newsletter-form input[type="time"],
    .footer-main .foot-col2 .newsletter-form input[type="week"],
    .footer-main .foot-col2 .newsletter-form input[type="number"],
    .footer-main .foot-col2 .newsletter-form input[type="email"],
    .footer-main .foot-col2 .newsletter-form input[type="url"],
    .footer-main .foot-col2 .newsletter-form input[type="search"],
    .footer-main .foot-col2 .newsletter-form input[type="tel"],
    .footer-main .foot-col2 .newsletter-form input[type="color"],
    .footer-main .foot-col2 .newsletter-form .uneditable-input {
        height: 40px;
        padding: 12px 16px;
    }

    .footer-main .foot-col2 .newsletter-form .btn,
    .footer-main .foot-col2 .newsletter-form .button,
    .footer-main .foot-col2 .newsletter-form input[type=".button"],
    .footer-main .foot-col2 .newsletter-form input[type="submit"] {
        height: 40px;
        line-height: 40px;
    }
}

@media (max-width: 1023px) {
    .footer-main .brand-icon {
        width: 16.3%;
    }

    .footer-main .foot-col1 {
        width: 35%;
    }
}

@media (max-width: 767px) {
    .footer-main {
        padding: 30px 0 70px 0;
    }

    .footer-main .brand-icon {
        width: 40%;
    }

    .footer-main .foot-col1 {
        width: 60%;
    }

    .footer-main .foot-col2 {
        width: 100%;
        padding-top: 75px;
    }
}


/* 
 6.) Inner - Pages
----------------------------------------*/

/* Banner - Main */
.banner-main {
    width: 100%;
    float: left;
    text-align: center;
    padding: 40px 0;
}

.banner-main .figure {
    width: 100%;
    float: none;
    vertical-align: middle;
    margin-bottom: 50px;
}

.banner-main .figure:last-child {
    margin-bottom: 0;
}

.banner-main .figure img {
    width: 70%;
    max-width: 480px;
}

.banner-main h1 {
    padding-bottom: 30px;
}

.banner-main h1:last-child {
    padding-bottom: 0;
}

.banner-main p a {
    text-decoration: underline;
}


/* Unsubscribed - Imgage */
.unsubscribed-img {
    width: 100%;
    float: none;
    vertical-align: middle;
    margin: 10px 0 40px 0;
}

.unsubscribed-img:last-child {
    margin-bottom: 0;
}

.unsubscribed-img img {
    width: 70%;
    max-width: 480px;
}


/* Content - Inner */
.content-inner {
    width: 100%;
    float: left;
}

@media (max-width: 767px) {
    .content-inner {
        padding: 10px 0 30px 0;
    }
}


/* Breadcrumb */
.breadcrumb {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    background: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 85px 0;
}

.breadcrumb li {
    height: 30px;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 12px;
    color: #4d4d4d;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0 7px 0 0;
    margin: 0 6px 0 0;
}

.breadcrumb li:before {
    display: none;
}

.breadcrumb li:after {
    content: "\ /";
    position: absolute;
    top: 0;
    right: -7px;
}

.breadcrumb li:last-child {
    border-bottom: 2px solid #4d4d4d;
    padding-right: 0;
    margin-right: 0;
}

.breadcrumb li:last-child:after {
    display: none;
}

.breadcrumb li a {
    height: 30px;
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #4d4d4d;
    line-height: 30px;
    text-decoration: none;
    position: relative;
}

.breadcrumb li a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #4d4d4d;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

.breadcrumb li a:hover,
.breadcrumb li a:focus,
.breadcrumb li a:active {
    color: #97842b;
}

.breadcrumb li a:hover:after,
.breadcrumb li a:focus:after,
.breadcrumb li a:active:after {
    width: 100%;
    background: #97842b;
    left: 0;
}

@media (max-width: 1023px) {
    .breadcrumb {
        margin: 0 0 50px 0;
    }
}

@media (max-width: 767px) {
    .breadcrumb {
        margin: 0 0 40px 0;
    }
}


/* Page Title Top */
.page-title-top {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 75px;
}

.page-title-top:last-child {
    padding-bottom: 0;
}

.page-title-top h1 {
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .page-title-top {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .page-title-top {
        padding-bottom: 40px;
    }
}


/* Archive - Header */
.archive-header {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 60px;
}

.archive-header:last-child {
    padding-bottom: 0;
}

.archive-header h1 {
    text-transform: uppercase;
}

@media (max-width: 1023px) {
    .archive-header {
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .archive-header {
        padding-bottom: 40px;
    }
}



/* Product - Details */
.product-details {
    width: 100%;
    float: left;
}

.product-details .left-cont {
    width: 50.94%;
    float: left;
    padding: 0 5.8% 0 0;
}

.product-details .left-cont h1 {
    padding: 0 0 45px 0;
}

.product-details .left-cont h1:last-child {
    padding-bottom: 0;
}

.product-details .left-cont .short-desc {
    font-size: 18px;
    line-height: 26px;
    padding: 0 0 45px 0;
}

.product-details .left-cont .short-desc:last-child {
    padding-bottom: 0;
}

.product-details .left-cont .prize {
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    padding: 0 0 37px 0;
}

.product-details .left-cont .cart-btn-out {
    width: 100%;
    padding: 0 0 105px 0;
}

.product-details .left-cont .cart-btn-out:last-child {
    padding-bottom: 0;
}

.product-details .left-cont .cart-btn-out input {
    width: 90px;
    height: 48px;
    font-size: 16px;
    line-height: 20px;
    background: #f2f2f2;
    border: 1px solid #979797;
    padding: 10px 15px;
    margin: 0;
}

.product-details .left-cont .cart-btn-out .button {
    width: 100%;
    max-width: 400px;
    padding: 16px 10px;
    margin: 50px 0 0 0;
}

.product-details .right-cont {
    width: 49.06%;
    float: right;
}

.product-details .right-cont .product-image {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 9px 0;
}

.product-details .right-cont .product-image .owl-carousel {
    border: 1px solid #cccccc;
}

.product-details .right-cont .product-image:last-child {
    margin-bottom: 0;
}

.product-details .right-cont .product-image .item {
    width: 100%;
    float: left;
}

.product-details .right-cont .product-image .item a {
    width: 100%;
    float: left;
    text-decoration: none;
}

.product-details .right-cont .product-image .item img {
    width: 100%;
}

.product-details .right-cont .product-image .icon-zoom {
    width: 32px;
    height: 32px;
    float: right;
    background: url(img/icon-zoom.png) no-repeat center center;
    background-size: 100% auto;
    text-indent: -99999px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    cursor: pointer;
}

.product-details .right-cont .product-thumbnail {
    width: 100%;
    float: left;
}

.product-details .right-cont .product-thumbnail .item {
    width: 100%;
    height: 0;
    border: 1px solid #cccccc;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    padding-bottom: 98%;
}

.product-details .right-cont .product-thumbnail .item img {
    width: auto;
    height: auto;
    max-height: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1399px) {
    .product-details .left-cont {
        padding: 0 30px 0 0;
    }

    .product-details .left-cont .cart-btn-out {
        padding: 0 0 50px 0;
    }

/*     .product-details .left-cont .cart-btn-out .button {
        max-width: 260px;
    } */
}

@media (max-width: 1023px) {
    .product-details .left-cont {
        width: 100%;
        padding: 0;
    }

    .product-details .left-cont h1 {
        padding: 0 0 30px 0;
    }

    .product-details .left-cont .short-desc {
        font-size: 16px;
        line-height: 24px;
    }

    .product-details .right-cont {
        width: 100%;
        position: relative;
        margin: 0 0 40px 0;
    }

    .product-details .right-cont:last-child {
        margin-bottom: 0;
    }

    .product-details .right-cont .product-image {
        width: 73%;
        padding: 0;
        margin: 0;
    }

    .product-details .right-cont .product-thumbnail {
        width: 103%;
        float: right;
        transform-origin: 0 0;
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        right: -103%;
        margin: 0;
    }

    .product-details .right-cont .product-thumbnail .item img {
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
        -ms-transform: translate(-50%, -50%) rotate(-90deg);
        transform: translate(-50%, -50%) rotate(-90deg);
    }
}

@media (max-width: 767px) {
    .product-details .left-cont h1 {
        padding: 0 0 20px 0;
    }

    .product-details .left-cont .prize {
        padding: 0 0 20px 0;
    }

    .product-details .left-cont .short-desc {
        padding: 0 0 30px 0;
    }

    .product-details .left-cont .cart-btn-out {
        padding: 0 0 30px 0;
    }

    .product-details .left-cont .cart-btn-out .button {
/*         max-width: 100%; */
        margin: 30px 0 0 0;
    }

    .product-details .right-cont {
        margin: 0 0 30px 0;
    }

    .product-details .right-cont .product-image {
        width: 85% !important;
        padding: 0;
        margin: 0;
    }
}

/* Alert - Message */
.wc-block-components-notice-banner.is-success,
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-error,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    width: 100%;
    font-weight: 700 !important;
    font-size: 16px;
    color: #4d4d4d !important;
    line-height: 26px;
    border: none;
    background-color: #FBDC48 !important;
    position: relative;
    overflow: hidden;
    /*    padding: 15px 150px 15px 50px;*/
    margin: 0 0 50px 0;
}

.wc-block-components-notice-banner.is-error,
.woocommerce-error {
    font-weight: 400;
    padding: 15px 15px 15px 50px;
}

.wc-block-components-notice-banner.is-success>svg,
.wc-block-components-notice-banner.is-info>svg,
.wc-block-components-notice-banner.is-error>svg {
    background-color: #4d4d4d !important;
}

.wc-block-components-notice-banner.is-success:last-child,
.wc-block-components-notice-banner.is-info:last-child,
.wc-block-components-notice-banner.is-error:last-child,
.woocommerce-message:last-child,
.woocommerce-info:last-child,
.woocommerce-error:last-child {
    padding-bottom: 15px;
}

.wc-block-components-notice-banner.is-success::before,
.wc-block-components-notice-banner.is-info::before,
.wc-block-components-notice-banner.is-error::before,
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before {
    font-size: 16px;
    color: inherit;
    top: 50%;
    left: 18px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.wc-block-components-notice-banner.is-error::before,
.woocommerce-error::before {
    color: #502c28;
    top: 15px;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.wc-block-components-notice-banner.is-success a,
.wc-block-components-notice-banner.is-info a,
.wc-block-components-notice-banner.is-error a,
.woocommerce-message a,
.woocommerce-info a,
.woocommerce-error a {
    color: #4d4d4d;
    text-decoration: underline;
}

.wc-block-components-notice-banner.is-success a:hover,
.wc-block-components-notice-banner.is-success a:focus,
.wc-block-components-notice-banner.is-success a:active,
.wc-block-components-notice-banner.is-info a:hover,
.wc-block-components-notice-banner.is-info a:focus,
.wc-block-components-notice-banner.is-info a:active,
.wc-block-components-notice-banner.is-error a:hover,
.wc-block-components-notice-banner.is-error a:focus,
.wc-block-components-notice-banner.is-error a:active,
.woocommerce-message a:hover,
.woocommerce-message a:focus,
.woocommerce-message a:active,
.woocommerce-info a:hover,
.woocommerce-info a:focus,
.woocommerce-info a:active,
.woocommerce-error a:hover,
.woocommerce-error a:focus,
.woocommerce-error a:active {
    color: #502c28;
    text-decoration: underline;
}

.wc-block-components-notice-banner.is-error li:before,
.woocommerce-error li:before {
    display: none;
}

.wc-block-components-notice-banner.is-error li strong,
.woocommerce-error li strong {
    color: #502c28;
}

.wc-block-components-notice-banner.is-success .button,
.wc-block-components-notice-banner.is-success a.button,
.wc-block-components-notice-banner.is-info .button,
.wc-block-components-notice-banner.is-info a.button,
.woocommerce-message .button,
.woocommerce-message a.button,
.woocommerce-info .button,
.woocommerce-info a.button {
    font-size: 12px;
    line-height: 16px;
    text-decoration: none;
    background: none;
    border-radius: 0;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
}

.wc-block-components-notice-banner.is-success .button:hover,
.wc-block-components-notice-banner.is-success .button:focus,
.wc-block-components-notice-banner.is-success .button:active,
.wc-block-components-notice-banner.is-success a.button:hover,
.wc-block-components-notice-banner.is-success a.button:focus,
.wc-block-components-notice-banner.is-success a.button:active,
.wc-block-components-notice-banner.is-info .button:hover,
.wc-block-components-notice-banner.is-info .button:focus,
.wc-block-components-notice-banner.is-info .button:active,
.wc-block-components-notice-banner.is-info a.button:hover,
.wc-block-components-notice-banner.is-info a.button:focus,
.wc-block-components-notice-banner.is-info a.button:active,
.woocommerce-message .button:hover,
.woocommerce-message .button:focus,
.woocommerce-message .button:active,
.woocommerce-message a.button:hover,
.woocommerce-message a.button:focus,
.woocommerce-message a.button:active,
.woocommerce-info .button:hover,
.woocommerce-info .button:focus,
.woocommerce-info .button:active,
.woocommerce-info a.button:hover,
.woocommerce-info a.button:focus,
.woocommerce-info a.button:active {
    color: #97842b;
    text-decoration: underline;
    background: none;
}

@media (max-width: 767px) {

    .wc-block-components-notice-banner.is-success,
    .wc-block-components-notice-banner.is-info,
    .woocommerce-message,
    .woocommerce-info {
        padding-right: 30px;
        padding-bottom: 50px;
    }

    .wc-block-components-notice-banner.is-info,
    .woocommerce-info {
        padding-bottom: 15px;
    }

    .wc-block-components-notice-banner.is-success:last-child,
    .wc-block-components-notice-banner.is-info:last-child,
    .wc-block-components-notice-banner.is-error:last-child,
    .woocommerce-message:last-child,
    .woocommerce-info:last-child,
    .woocommerce-error:last-child {
        padding-bottom: 50px;
    }

    .wc-block-components-notice-banner.is-info:last-child,
    .woocommerce-info:last-child {
        padding-bottom: 15px;
    }

    .wc-block-components-notice-banner.is-success::before,
    .wc-block-components-notice-banner.is-info::before,
    .woocommerce-message::before,
    .woocommerce-info::before {
        top: 15px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    .wc-block-components-notice-banner.is-success .button,
    .wc-block-components-notice-banner.is-success a.button,
    .wc-block-components-notice-banner.is-info .button,
    .wc-block-components-notice-banner.is-info a.button,
    .woocommerce-message .button,
    .woocommerce-message a.button,
    .woocommerce-info .button,
    .woocommerce-info a.button {
        top: auto;
        bottom: 20px;
        right: 20px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


/* Select */
.woocommerce form .form-row .select2-container {
    line-height: inherit;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: inherit;
    line-height: inherit;
}

.select2-container--default .select2-selection--single {
    height: 60px;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #4d4d4d;
    line-height: 20px;
    background: #f0f0f0;
    border: none;
    border-top: 1px solid #cccccc;
    border-radius: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    height: 60px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    white-space: normal;
    padding: 0 25px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 16px;
    height: 16px;
    background: url(img/icon-down.svg) no-repeat center center;
    background-size: 16px auto;
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    margin: 3px 0 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 40px;
    border: 1px solid #aaa;
    padding: 10px 20px;
}

.select2-dropdown {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    border-radius: 0;
    padding: 5px;
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}

.select2-dropdown ul {
    padding: 5px 0;
    margin: 0;
}

.select2-dropdown ul li {
    font-size: 16px;
    line-height: 20px;
    padding: 5px;
    margin: 0;
}

.select2-dropdown ul li:before {
    display: none;
}

@media (max-width: 1199px) {
    .select2-container--default .select2-selection--single {
        height: 50px;
        font-size: 14px;
        line-height: 18px;
        padding: 0 20px;
    }

    .select2-container .select2-selection--single .select2-selection__rendered {
        height: 50px;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 15px;
    }

    .select2-dropdown ul li {
        font-size: 14px;
        line-height: 18px;
    }
}


/* Cart */
.woocommerce .quantity .qty {
    text-align: left;
}

.coupon-updatecart .coupon {
    display: none;
}

.woocommerce .woocommerce-cart-form table.shop_table {
    border: none;
    border-radius: 0;
    margin: 0 0 20px 0;
}

.woocommerce .woocommerce-cart-form table.shop_table thead th {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.woocommerce .woocommerce-cart-form table.shop_table thead {
    background: #e6e6e6;
}

.woocommerce .woocommerce-cart-form table.shop_table td {
    line-height: inherit;
    border-top: none;
    padding: 0;
}

.woocommerce .woocommerce-cart-form table.shop_table tbody tr {
    background: #f0f0f0;
}

.woocommerce .woocommerce-cart-form table.shop_table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.woocommerce .woocommerce-cart-form table.shop_table th,
.woocommerce .woocommerce-cart-form table.shop_table td {
    padding: 20px 20px;
}

.woocommerce .woocommerce-cart-form table.shop_table td a.remove {
    width: 20px;
    height: 20px;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff !important;
    line-height: 19px;
    text-align: center;
    text-decoration: none;
    border: 0;
    background: #4d4d4d;
    border-radius: 100%;
}

.woocommerce .woocommerce-cart-form table.shop_table td img {
    width: 100%;
    max-width: 100px;
}

.woocommerce .woocommerce-cart-form table.shop_table .quantity .qty {
    width: 105px;
    height: 40px;
    font-size: 16px;
    line-height: 20px;
    background: #f2f2f2;
    border: 1px solid #979797;
    padding: 10px 15px;
    margin: 0;
}

.woocommerce .coupon-updatecart {
    text-align: right;
    margin: 0 0 55px 0;
}

.woocommerce .coupon-updatecart button.button {
    width: 48%;
    background: #cccccc;
    padding: 16px 30px;
}

.woocommerce .coupon-updatecart button.button:hover,
.woocommerce .coupon-updatecart button.button:focus,
.woocommerce .coupon-updatecart button.button:active,
.woocommerce .coupon-updatecart button.button:active:focus,
.woocommerce .coupon-updatecart button.button.active,
.woocommerce .coupon-updatecart button.button.active:focus {
    background: #999999;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 48%;
}

.woocommerce .cart-collaterals .cart_totals h2,
.woocommerce-page .cart-collaterals .cart_totals h2 {
    padding-bottom: 45px;
}

.woocommerce .cart-collaterals .cart_totals p>span,
.woocommerce-page .cart-collaterals .cart_totals p>span {
    width: 100%;
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    background: #f0f0f0;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0 0 20px 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr {
    position: relative;
    z-index: 1;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr:before {
    content: "";
    width: 49%;
    height: 100%;
    background: #f7f7f7 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}



.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
    width: 50%;
    border: none;
    padding: 10px 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals tbody tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals tbody tr:first-child td {
    padding-top: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals tbody tr:last-child th,
.woocommerce-cart .cart-collaterals .cart_totals tbody tr:last-child td {
    padding-bottom: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
    line-height: inherit;
    background: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals table td label {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    padding: 0;
    margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td ul {
    padding: 0;
    margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td ul li {
    padding: 0;
    margin: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals table td ul li:before {
    display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table td .shipping-calculator-button:after {
    display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout {
    width: 100%;
    padding: 0;
}

.woocommerce-cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
    width: 100%;
    padding: 16px 30px;
}

@media (min-width: 1024px) {

    .woocommerce .woocommerce-cart-form table.shop_table th,
    .woocommerce .woocommerce-cart-form table.shop_table td {
        width: 16.5%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(1),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(1) {
        width: 17%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(6),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(6) {
        width: 17%;
    }
}

@media (min-width: 1440px) {

    .woocommerce .woocommerce-cart-form table.shop_table th,
    .woocommerce .woocommerce-cart-form table.shop_table td {
        padding: 20px 30px;
    }

    .woocommerce-cart .cart-collaterals .cart_totals th,
    .woocommerce-cart .cart-collaterals .cart_totals td {
        padding: 7px 30px;
    }
}

@media (min-width: 1024px) and (max-width: 1399px) {

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(1),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(1) {
        width: 12%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(2),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(2) {
        width: 14%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(3),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(3) {
        width: 22%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(4),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(4) {
        width: 16%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(5),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(5) {
        width: 19%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th:nth-child(6),
    .woocommerce .woocommerce-cart-form table.shop_table td:nth-child(6) {
        width: 17%;
    }
}

@media (max-width: 1399px) {
    .woocommerce .woocommerce-cart-form table.shop_table thead th {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .woocommerce .woocommerce-cart-form table.shop_table {
        font-size: 14px;
        line-height: 20px;
    }

    .woocommerce .woocommerce-cart-form table.shop_table tr {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 50px;
    }

    .woocommerce .woocommerce-cart-form table.shop_table tr:last-child {
        margin-bottom: 0px;
    }

    .woocommerce .woocommerce-cart-form table.shop_table th,
    .woocommerce .woocommerce-cart-form table.shop_table td {
        background: none;
        position: relative;
        padding: 10px 20px 10px 45%;
    }

    .woocommerce .woocommerce-cart-form table.shop_table tr td {
        text-align: left !important;
        background: none !important;
    }

    .woocommerce .woocommerce-cart-form table.shop_table td::before {
        position: absolute;
        top: 50%;
        left: 20px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .woocommerce .woocommerce-cart-form table.shop_table td.product-remove {
        position: absolute;
        top: -8px;
        right: -8px;
        padding: 0;
        z-index: 1;
    }

    .woocommerce .coupon-updatecart button.button {
        width: 55%;
    }

    .woocommerce .cart-collaterals .cart_totals,
    .woocommerce-page .cart-collaterals .cart_totals {
        width: 100%;
    }

    .woocommerce-cart .cart-collaterals .cart_totals table tr {
        width: 100%;
        float: left;
    }

    .woocommerce-cart .cart-collaterals .cart_totals table tr:before {
        width: 40%;
    }

    .woocommerce-cart .cart-collaterals .cart_totals table th {
        width: 45%;
        display: inline-block;
        float: left;
        padding: 10px 20px;
    }

    .woocommerce-cart .cart-collaterals .cart_totals table td {
        width: 55%;
        display: inline-block;
        float: left;
        text-align: left !important;
        padding: 10px 20px 10px 0;
    }

    .woocommerce-cart .cart-collaterals .cart_totals table td:before {
        display: none;
    }
}

@media (max-width: 767px) {
    .woocommerce .coupon-updatecart {
        margin: 0 0 75px 0;
    }

    .woocommerce .cart-collaterals .cart_totals h2,
    .woocommerce-page .cart-collaterals .cart_totals h2 {
        padding-bottom: 25px;
    }

    .woocommerce .coupon-updatecart button.button {
        width: 100%;
    }
}


/* Select */
.woocommerce-shipping-totals select,
.woocommerce-shipping-totals textarea,
.woocommerce-shipping-totals input[type="text"],
.woocommerce-shipping-totals input[type="password"],
.woocommerce-shipping-totals input[type="datetime"],
.woocommerce-shipping-totals input[type="datetime-local"],
.woocommerce-shipping-totals input[type="date"],
.woocommerce-shipping-totals input[type="month"],
.woocommerce-shipping-totals input[type="time"],
.woocommerce-shipping-totals input[type="week"],
.woocommerce-shipping-totals input[type="number"],
.woocommerce-shipping-totals input[type="email"],
.woocommerce-shipping-totals input[type="url"],
.woocommerce-shipping-totals input[type="search"],
.woocommerce-shipping-totals input[type="tel"],
.woocommerce-shipping-totalsinput[type="color"],
.woocommerce-shipping-totals .uneditable-input,
.woocommerce-shipping-totals .select2-container--default .select2-selection--single {
    height: 50px;
    font-size: 14px;
    line-height: 18px;
    background: #f2f2f2;
    border: 1px solid #979797;
    padding: 15px 10px;
}

.woocommerce-shipping-totals .select2-container--default .select2-selection--single {
    min-width: 100% !important;
    padding-top: 0;
    padding-bottom: 0;
}

.woocommerce-shipping-totals .select2-container .select2-selection--single .select2-selection__rendered {
    height: 50px;
}

.woocommerce-shipping-totals .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-size: 14px auto;
    right: 10px;
}

.woocommerce-cart .select2-dropdown ul li {
    font-size: 14px;
    line-height: 18px;
}

@media (max-width: 479px) {

    .woocommerce-shipping-totals select,
    .woocommerce-shipping-totals textarea,
    .woocommerce-shipping-totals input[type="text"],
    .woocommerce-shipping-totals input[type="password"],
    .woocommerce-shipping-totals input[type="datetime"],
    .woocommerce-shipping-totals input[type="datetime-local"],
    .woocommerce-shipping-totals input[type="date"],
    .woocommerce-shipping-totals input[type="month"],
    .woocommerce-shipping-totals input[type="time"],
    .woocommerce-shipping-totals input[type="week"],
    .woocommerce-shipping-totals input[type="number"],
    .woocommerce-shipping-totals input[type="email"],
    .woocommerce-shipping-totals input[type="url"],
    .woocommerce-shipping-totals input[type="search"],
    .woocommerce-shipping-totals input[type="tel"],
    .woocommerce-shipping-totalsinput[type="color"],
    .woocommerce-shipping-totals .uneditable-input,
    .woocommerce-shipping-totals .select2-container--default .select2-selection--single {
        font-size: 12px;
        line-height: 16px;
    }

    .woocommerce-shipping-totals .select2-container .select2-selection--single .select2-selection__rendered {
        padding: 0 10px 0 0;
    }

    .woocommerce-cart .select2-dropdown ul li {
        font-size: 12px;
        line-height: 16px;
    }
}



/* Checkout */
.woocommerce-checkout {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.woocommerce-checkout h3 {
    font-size: 28px;
    line-height: 32px;
    padding-bottom: 30px;
}

.woocommerce-checkout h3:last-child {
    padding-bottom: 0;
}

.woocommerce-checkout .fields-set {
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .fields-set .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .fields-set .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .fields-set .woocommerce-additional-fields__field-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: -10px;
}

.woocommerce-checkout .fields-set .form-row {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 10px;
    margin: 0;
}

.woocommerce-checkout .fields-set .form-row.form-row-first,
.woocommerce-checkout .fields-set .form-row.form-row-last {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.woocommerce-checkout .fields-set .form-row label {
    width: 100%;
    line-height: inherit;
    padding: 0 0 10px 0;
    margin: 0;
}

.woocommerce-checkout .fields-set .form-row .woocommerce-input-wrapper {
    width: 100%;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .fields-set .form-row textarea {
    height: 200px;
    line-height: inherit;
}

.woocommerce-checkout .billing-fields {
    padding-bottom: 60px;
}

.woocommerce-checkout .billing-fields:last-child {
    padding-bottom: 0;
}

.woocommerce-checkout .checkout-left-sidebar {
    width: 50%;
    float: left;
    padding: 0 25px 0 0;
}

.woocommerce-checkout .checkout-right-sidebar {
    width: 50%;
    float: right;
    padding: 0 0 0 25px;
}

.woocommerce-checkout .checkout-right-sidebar h3 {
    padding-bottom: 46px;
}

.woocommerce-checkout .checkout-right-sidebar h3:last-child {
    padding-bottom: 0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table {
    background: #f0f0f0;
    border-radius: 0;
    border: none;
    border-collapse: collapse;
    overflow: hidden;
    margin: 0 0 40px 0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table thead th {
    font-weight: 700;
    font-size: inherit;
    line-height: inherit;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table thead {
    background: #e6e6e6;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table td {
    line-height: inherit;
    border: none;
    padding: 0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tbody tr {
    background: #f0f0f0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table th,
.woocommerce-checkout .checkout-right-sidebar table.shop_table td {
    width: 55%;
    padding: 18px 20px;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table td {
    width: 45%;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tr td {
    text-align: left !important;
    background: none !important;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tbody th,
.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot td,
.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot th {
    border: none;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot {
    position: relative;
    z-index: 1;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot:before {
    content: "";
    width: 53.5%;
    height: 100%;
    background: #f7f7f7 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot th,
.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot tr:first-child th,
.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot tr:first-child td {
    padding-top: 20px;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot tr:last-child th,
.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot tr:last-child td {
    padding-bottom: 20px;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot ul {
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot ul li {
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar table.shop_table tfoot ul li:before {
    display: none;
}

.woocommerce-cart .woocommerce-checkout .checkout-right-sidebar #payment,
.woocommerce-checkout .woocommerce-checkout .checkout-right-sidebar #payment {
    background: none;
    border-radius: 0;
}

.woocommerce form .form-row label {
    line-height: inherit;
    width: 100%;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods {
    width: 100%;
    background: #f0f0f0;
    border: none;
    padding: 20px;
    margin: 0 0 40px 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li {
    background: none;
    border: none;
    line-height: inherit;
    padding: 0;
    margin: 0 0 30px 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li:last-child {
    margin-bottom: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li:before {
    display: none;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li>input.input-radio {
    margin: 0 5px 0 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li>label {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li.payment_method_paypal>label img {
    max-height: 25px;
    margin-right: 6px;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li>label .about_paypal {
    float: none;
    line-height: normal;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .wc-block-components-notice-banner.is-success,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .wc-block-components-notice-banner.is-info,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .wc-block-components-notice-banner.is-error,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .woocommerce-message,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .woocommerce-info,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li .woocommerce-error {
    padding: 15px 15px 15px 50px;
    margin-bottom: 20px;
}

.woocommerce-error a {
    padding: 5px 0 0 0 !important;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box label {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box ul li {
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box .wc-credit-card-form {
    border: 0;
    padding: 0;
    margin: 0 0 -20px 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box .wc-credit-card-form label {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods .stripe-card-group {
    width: 100%;
}

.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods .wc-stripe-elements-field,
.woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods .wc-stripe-iban-element-field {
    width: 100%;
    overflow: hidden;
    height: 40px;
    font-size: 14px;
    line-height: 18px;
    background: #ffffff;
    border: 1px solid #979797;
    overflow: hidden;
    padding: 10px 10px;
    margin: 0;
    outline: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.form-row {
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment fieldset div.form-row {
    padding: 0;
    margin: 0 0 20px 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    background: #e6e6e6;
    border-radius: 0;
    padding: 15px;
    margin: 15px 0 0 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box::before {
    border-bottom-color: #e6e6e6;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box p.woocommerce-SavedPaymentMethods-saveNew {
    position: relative;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box p.woocommerce-SavedPaymentMethods-saveNew input {
    position: absolute;
    top: 7px;
    left: 0;
    padding: 0;
    margin: 0;
}

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box p.woocommerce-SavedPaymentMethods-saveNew label {
    padding: 0 0 0 25px;
    margin: 0;
}

.woocommerce .checkout-right-sidebar #payment #place_order,
.woocommerce-page .checkout-right-sidebar #payment #place_order {
    width: 100%;
    float: none;
}

.woocommerce-checkout .checkout-right-sidebar .woocommerce-privacy-policy-text p {
    padding: 0 20px 40px 20px;
}

@media (max-width: 1199px) {
    .woocommerce-checkout .checkout-left-sidebar {
        padding: 0 20px 0 0;
    }

    .woocommerce-checkout .checkout-right-sidebar {
        padding: 0 0 0 20px;
    }
}

@media (max-width: 1023px) {
    .woocommerce-checkout h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .woocommerce-checkout .checkout-left-sidebar {
        width: 100%;
        padding: 0 0 60px 0;
    }

    .woocommerce-checkout .checkout-right-sidebar {
        width: 100%;
        float: left;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .woocommerce-checkout .billing-fields {
        padding-bottom: 50px;
    }

    .woocommerce-checkout .checkout-right-sidebar h3 {
        padding-bottom: 35px;
    }

    .woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li>label img.stripe-icon {
        max-width: 25px;
    }
}

@media (max-width: 359px) {
    .woocommerce-checkout .checkout-right-sidebar #payment ul.payment_methods li>label img {
        display: none;
    }
}


/* Shipping Address - Accordation */
.woocommerce-checkout .shipping_address {
    padding-bottom: 60px;
}

@media (max-width: 767px) {
    .woocommerce-checkout .shipping_address {
        padding-bottom: 50px;
    }
}



/* Error - Message */
.woocommerce form .form-row.woocommerce-invalid label {
    color: #e63917;
}

.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
    border-color: #e63917;
}



/* Order - Received */
.thankyou-notice-out p {
    width: 100%;
    max-width: 750px;
}

.woocommerce ul.order_details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: -12px;
}

.woocommerce ul.order_details li {
    width: 100%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    border: none;
    padding: 12px;
    margin: 0;
}

.woocommerce ul.order_details li:before {
    display: none;
}

.woocommerce ul.order_details li strong {
    font-size: 16px;
    line-height: 26px;
    word-wrap: break-word;
}

.woocommerce ul.order_details li.date {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

@media (max-width: 1199px) {
    .woocommerce ul.order_details li {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
}

@media (max-width: 767px) {
    .woocommerce ul.order_details li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.woocommerce .woocommerce-order-details {
    padding: 0;
    margin: 0;
}

.woocommerce .woocommerce-order-details table.shop_table {
    border: none;
    border-radius: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.woocommerce .woocommerce-order-details table.shop_table th,
.woocommerce .woocommerce-order-details table.shop_table td {
    width: 50%;
    font-size: 16px;
    line-height: 20px;
    line-height: inherit;
    background: none !important;
    border: none !important;
    padding: 20px;
}

.woocommerce .woocommerce-order-details table.shop_table th {
    font-weight: 700;
}

.woocommerce .woocommerce-order-details table.shop_table thead {
    background: #e6e6e6;
}

.woocommerce .woocommerce-order-details table.shop_table tbody tr {
    background: #f0f0f0;
}

.woocommerce .woocommerce-order-details table.shop_table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

.woocommerce .woocommerce-order-details table.shop_table tfoot tr {
    background: #f5f5f5;
}

.woocommerce .woocommerce-order-details table.shop_table tfoot tr:nth-child(even) {
    background: #f0f0f0;
}

.woocommerce .woocommerce-order-details table.shop_table tfoot td:nth-child(even) {
    font-weight: 400;
}

@media (max-width: 1023px) {

    .woocommerce .woocommerce-order-details table.shop_table th,
    .woocommerce .woocommerce-order-details table.shop_table td {
        width: 40%;
        font-size: 14px;
        line-height: 20px;
    }

    .woocommerce .woocommerce-order-details table.shop_table th:nth-child(even),
    .woocommerce .woocommerce-order-details table.shop_table td:nth-child(even) {
        width: 60%;
    }
}

.thankyou-address-out .row {
    padding: 0;
    margin: -20px;
}

.thankyou-address-out .row>div {
    padding: 20px;
    margin: 0;
}

.thankyou-address-out .row>div .box {
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    border: 1px solid rgba(151, 151, 151, .70);
    padding: 30px;
    margin: 0;
}

.thankyou-address-out .row>div .box p {
    padding: 0;
    margin: 0;
}

.thankyou-notice-out,
.thankyou-order-details-out,
.thankyou-table-out,
.thankyou-address-out {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 45px;
}

.thankyou-notice-out:last-child,
.thankyou-order-details-out:last-child,
.thankyou-table-out:last-child,
.thankyou-address-out:last-child {
    padding-bottom: 0;
}

.thankyou-notice-out h2,
.thankyou-order-details-out h2,
.thankyou-table-out h2,
.thankyou-address-out h2 {
    padding-bottom: 40px;
}

.thankyou-notice-out h2:last-child,
.thankyou-order-details-out h2:last-child,
.thankyou-table-out h2:last-child,
.thankyou-address-out h2:last-child {
    padding-bottom: 0;
}

@media (max-width: 767px) {

    .thankyou-notice-out h2,
    .thankyou-order-details-out h2,
    .thankyou-table-out h2,
    .thankyou-address-out h2 {
        padding-bottom: 25px;
    }
}


/* News - List */
.news-list {
    width: 100%;
    float: left;
    padding-bottom: 90px;
}

.news-list:last-child {
    padding-bottom: 0;
}

.news-list .row {
    padding: 0;
    margin: 0 -20px -70px -20px;
}

.news-list .row>div {
    padding: 0 20px 70px 20px;
    margin: 0;
}

.news-list .row>div .news-box {
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    padding: 0 0 53px 0;
}

.news-list .row>div .figure {
    width: 100%;
    float: none;
    display: flex;
    align-items: center;
    vertical-align: top;
    text-align: center;
    background: #414141;
    overflow: hidden;
    margin: 0 0 27px 0;
}

.news-list .row>div .figure img {
    width: 100%;
}

.news-list .row>div .figure:last-child {
    margin-bottom: 0;
}

.news-list .row>div .aside {
    width: 100%;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.news-list .row>div .aside h3 {
    padding-bottom: 24px;
}

.news-list .row>div .aside h3:last-child {
    padding-bottom: 0;
}

.news-list .row>div .aside .btn-out {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.news-list .row>div .aside .btn-out .btn {
    width: 100%;
}

.news-list .post-articles>div {
    display: none;
}

.news-list .loadmore-articles-btn {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 60px 0 0 0;
}

.news-list .loadmore-articles-btn .btn {
    width: 100%;
    max-width: 370px;
}

@media (max-width: 1023px) {
    .news-list {
        padding-bottom: 60px;
    }

    .news-list .row {
        margin: 0 -15px -60px -15px;
    }

    .news-list .row>div {
        padding: 0 15px 60px 15px;
    }
}

@media (max-width: 767px) {
    .news-list {
        padding-bottom: 30px;
    }

    .news-list .row {
        margin: 0 -15px -30px -15px;
    }

    .news-list .row>div {
        padding: 0 15px 30px 15px;
    }

    .news-list .row>div .figure {
        height: auto !important;
    }

    .news-list .loadmore-articles-btn .btn {
        max-width: 100%;
    }

    .news-list .loadmore-articles-btn {
        margin: 40px 0 0 0;
    }
}


/* Post - Details */
.post-details {
    width: 100%;
    float: left;
}

.post-details .left-cont {
    width: 50%;
    float: left;
    padding: 0 3% 0 0;
}

.post-details .left-cont h1 {
    padding: 0 0 45px 0;
}

.post-details .left-cont h1:last-child {
    padding-bottom: 0;
}

.post-details .left-cont .short-desc {
    font-size: 18px;
    line-height: 26px;
    padding: 0 0 45px 0;
}

.post-details .left-cont .short-desc:last-child {
    padding-bottom: 0;
}

.post-details .right-cont {
    width: 50%;
    float: right;
    padding: 0 0 0 3%;
}

.post-details .right-cont .figure {
    width: 100%;
    float: left;
    border: 1px solid #cccccc;
    position: relative;
    margin: 0 0 9px 0;
}

.post-details .right-cont .figure img {
    width: 100%;
}

.post-details .right-cont .figure:last-child {
    margin-bottom: 0;
}

@media (max-width: 1499px) {
    .post-details .left-cont {
        padding: 0 20px 0 0;
    }

    .post-details .right-cont {
        padding: 0 0 0 20px;
    }
}

@media (max-width: 1023px) {
    .post-details .left-cont {
        width: 55%;
        padding: 0 15px 0 0;
    }

    .post-details .right-cont {
        width: 45%;
        padding: 0 0 0 15px;
    }
}

@media (max-width: 767px) {
    .post-details .left-cont {
        width: 100%;
        padding: 0;
        margin: 0 0 30px 0;
    }

    .post-details .left-cont:last-child {
        margin-bottom: 0;
    }

    .post-details .left-cont h1 {
        padding: 0 0 30px 0;
    }

    .post-details .left-cont .short-desc {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 20px;
    }

    .post-details .right-cont {
        width: 100%;
        padding: 0;
    }
}


/* Form - Block */
.form-block {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.form-block form {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.form-block ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 -9px -18px -9px;
}

.form-block ul li {
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 9px 18px 9px;
    margin: 0;
}

.form-block ul li:before {
    display: none;
}

.form-block ul li label {
    padding-bottom: 16px;
}

.form-block .btn-out {
    position: relative;
    margin-top: 20px;
}

.form-block .btn-out .btn,
.form-block .btn-out .button,
.form-block .btn-out input[type="button"],
.form-block .btn-out input[type="submit"] {
    width: 100%;
}


/* Contact Form - Validation */
.wpcf7 {
    width: 100%;
    padding: 0;
    margin: 0;
}

.wpcf7 form span.wpcf7-not-valid-tip {
    width: 100%;
    height: auto;
    float: none;
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 12px;
    color: #e63917;
    line-height: 16px;
    padding: 0;
    margin: 10px 0 0 0;
}

.wpcf7 form .wpcf7-response-output {
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    color: #e63917;
    line-height: 24px;
    text-align: left;
    border: none;
    padding: 30px 0 0 0;
    margin: 0;
}

.wpcf7 form .wpcf7-not-valid {
    border-color: #e63917;
}

.wpcf7 form .ajax-loader {
    position: absolute;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #4d4d4d;
}

@media (max-width: 767px) {
    .wpcf7 form .wpcf7-response-output {
        font-size: 16px;
        line-height: 22px;
    }
}



/* Ghouls - Page */
:root {
    --cube-size: 323px;
}

.hero {
    --cube-size: 323px;
}

.env {
    height: var(--cube-size);
    width: var(--cube-size);
    position: relative;
    transform-style: preserve-3d;
    transform: rotate(35.264deg) rotateY(-30deg) rotateX(35.264deg);
}

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    border-radius: 1.5%;
    opacity: 0.15;
    filter: blur(calc(var(--cube-size) * .1));
    transform: translateZ(calc(var(--cube-size) * -1)) scale(0.95);
    will-change: transform;
    transform-style: preserve-3d;
}

.cube {
    width: 100%;
    height: 100%;
    position: relative;
    transform: rotate(-90deg) rotateX(-90deg);
    transform-style: preserve-3d;
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333;
    font-size: 30px;
    top: 0;
    left: 0;
    backface-visibility: hidden;
    color: #333;
    box-shadow: 0 0 1px 0.5px currentColor;
}

.face--1 {
    transform: translateY(calc(var(--cube-size) * -.5)) rotateX(90deg);
}

.face--2 {
    transform: translateZ(calc(var(--cube-size) * .5));
}

.face--3 {
    transform: translateY(calc(var(--cube-size) * .5)) rotateX(-90deg);
}

.face--4 {
    transform: translateZ(calc(var(--cube-size) * -.5)) rotateX(180deg);
}

.face--5 {
    transform: translateX(calc(var(--cube-size) * -.5)) rotateY(-90deg);
}

.face--6 {
    transform: translateX(calc(var(--cube-size) * .5)) rotateY(90deg);
}

.face img,
.face svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

@media (max-width: 1199px) {
    :root {
        --cube-size: 270px;
    }

    .hero {
        --cube-size: 270px;
    }
}

@media (max-width: 1023px) {
    :root {
        --cube-size: 198px;
    }

    .hero {
        --cube-size: 198px;
    }

    .shadow {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #000;
        border-radius: 1.5%;
        opacity: 0.15;
        filter: blur(calc(var(--cube-size) * .1));
        transform: translateZ(calc(var(--cube-size) * -1)) scale(0.95);
        will-change: transform;
        transform-style: preserve-3d;
    }
}


/* Banner - Main Front */
.banner-main-front {
    width: 100%;
    font-weight: 700;
    font-size: 10px;
    color: #4d4d4d;
    line-height: 16px;
    letter-spacing: 0.02em;
    text-align: center;
    margin: 20px 0 160px 0;
}

.banner-main-front .banner-cont {
    width: 100%;
    max-width: 1100px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.banner-main-front .banner-cont .figure {
    width: 460px;
    height: 560px;
    vertical-align: middle;
    place-content: center;
    display: grid;
    margin: 0 -460px 0 0;
}

.banner-main-front .banner-cont .aside {
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 560px;
}

.banner-main-front .banner-cont .aside .txt-img {
    width: 100%;
}

.banner-main-front .banner-cont .aside .txt-img img {
    max-width: 100%;
}

@media (max-width: 1499px) {
    .banner-main-front .banner-cont {
        max-width: 1040px;
    }
}

@media (max-width: 1199px) {
    .banner-main-front {
        margin: 70px 0 200px 0;
    }

    .banner-main-front .banner-cont {
        max-width: 880px;
    }

    .banner-main-front .banner-cont .figure {
        width: 385px;
        height: 450px;
        margin: 0 -385px 0 0;
    }

    .banner-main-front .banner-cont .aside {
        padding: 0 0 0 465px;
    }

    .banner-main-front .banner-cont .aside .txt-img img {
        max-width: 415px;
    }
}

@media (max-width: 1023px) {
    .banner-main-front {
        margin: 60px 0 200px 0;
    }

    .banner-main-front .banner-cont {
        max-width: 635px;
    }

    .banner-main-front .banner-cont .figure {
        width: 280px;
        height: 325px;
        margin: 0 -280px 0 0;
    }

    .banner-main-front .banner-cont .aside {
        padding: 0 0 0 340px;
    }

    .banner-main-front .banner-cont .aside .txt-img img {
        max-width: 302px;
    }
}

@media (max-width: 767px) {
    .banner-main-front {
        margin: 0 0 50px 0;
    }

    .banner-main-front .banner-cont {
        max-width: 305px;
    }

    .banner-main-front .banner-cont .figure {
        width: 100%;
        margin: 0 0 45px 0;
    }

    .banner-main-front .banner-cont .figure:last-child {
        margin-bottom: 0;
    }

    .banner-main-front .banner-cont .aside {
        height: auto;
        position: relative;
        padding: 0;
    }
}


/* Feature - List Front */
.feature-list-front {
    width: 100%;
    font-weight: 700;
    font-size: 10px;
    color: #4d4d4d;
    line-height: 16px;
    letter-spacing: 0.02em;
}

.feature-list-front .social-links {
    width: 100%;
    padding: 0 0 80px 0;
}

.feature-list-front .social-links p {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    text-align: left;
    padding: 0;
    margin-right: -4px;
}

.feature-list-front .social-links ul {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding: 0;
    margin: 0 0 0 -4px;
}

.feature-list-front .social-links ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 30px;
}

.feature-list-front .social-links ul li:before {
    display: none;
}

.feature-list-front .social-links ul li span {
    display: none;
}

.feature-list-front .social-links ul li a {
    text-decoration: none;
}

.feature-list-front .social-links ul li a img {
    width: auto;
    max-height: 20px;
}

.feature-list-front .feature-box {
    width: 100%;
}

.feature-list-front .row {
    margin: 0 -15px -48px -15px;
}

.feature-list-front .col-md-3 {
    -ms-flex: 0 0 16.66%;
    flex: 0 0 16.66%;
    max-width: 16.66%;
    padding: 0 15px 15px 15px;
}

.feature-list-front .box {
    width: 100%;
    position: relative;
}

.feature-list-front .box .figure {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    /*box-shadow: rgba(0, 0, 0, 0.2) 0 12px 30px;*/
    margin: 0 0 15px 0;
}

.feature-list-front .box .figure img {
    width: 100%;
}

.feature-list-front .box .figure.placeholder {
    box-shadow: none;
}

.feature-list-front .box .aside {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    opacity: 0;
}

.feature-list-front .box .aside p {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding: 0;
    margin: 0 -6px 0 0;
}

.feature-list-front .box .aside .buy-txt {
    width: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    position: relative;
    z-index: 10;
    margin: 0 0 0 -50px;
}

.feature-list-front .box .aside .buy-txt a {
    text-decoration: underline;
}

.feature-list-front .box:hover .aside,
.feature-list-front .box.active .aside {
    opacity: 1;
}

@media (max-width: 1499px) {
    .feature-list-front .row {
        margin: 0 -20px -48px -20px;
    }

    .feature-list-front .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 20px 15px 20px;
    }
}

@media (max-width: 1024px) {
    .feature-list-front .row {
        margin: 0 -15px -40px -15px;
    }

    .feature-list-front .col-md-3 {
        padding: 0 15px 15px 15px;
    }
}

@media (max-width: 767px) {
    .feature-list-front .social-links {
        text-align: center;
        padding: 0 0 50px 0;
    }

    .feature-list-front .social-links p {
        width: 100%;
        text-align: center;
        padding-bottom: 30px;
        margin-right: 0;
    }

    .feature-list-front .social-links ul {
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0;
    }

    .feature-list-front .social-links ul li {
        margin: 0 13px;
    }

    .feature-list-front .row {
        margin: 0 -10px -30px -10px;
    }

    .feature-list-front .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px 15px 10px;
    }

    .feature-list-front .box .aside {
        opacity: 1;
    }
}


/* Ghoul Grid Ghoul */
.ghoul-grid-ghoul {
    width: 100%;
    font-weight: 700;
    font-size: 10px;
    color: #4d4d4d;
    line-height: 16px;
    letter-spacing: 0.02em;
    background: #aaa;
    position: relative;
    cursor: pointer;
}

.ghoul-grid-ghoul::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%;
}

.ghoul-grid-ghoul svg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


/* Lightbox/Modal Card Styles */
.bg-overlay {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 100;
}

.card-modal {
    height: 100vh;
    display: grid;
    place-content: center;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: 999;
}

.card-modal .close-modal {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    background-color: #ebebeb;
    font-weight: 700;
    font-size: 14px;
    color: #222222;
    border-radius: 100px;
    transform: translateZ(300px);
    cursor: pointer;
    display: grid;
    place-content: center;
    z-index: 9999;
    transition: background-color .5s;
}

.card-modal .close-modal:hover {
    background-color: #fde04b;
}

.card-modal .arrow {
    position: absolute;
    top: 50%;
    height: 50px;
    width: 50px;
    background-color: #ebebeb;
    font-weight: 700;
    font-size: 10px;
    color: #222222;
    line-height: 16px;
    letter-spacing: 0.02em;
    border-radius: 100px;
    cursor: pointer;
    display: grid;
    place-content: center;
    transform-style: preserve-3d;
    z-index: 9999;
    transform: translateZ(300px);
    transition: background-color .5s;
}

.card-modal .arrow:hover {
    background-color: #fde04b;
}

.card-modal .arrow--prev {
    left: 20px;
}

.card-modal .arrow--next {
    right: 20px;
}

.card-modal .card-wrapper {
    width: 450px;
    height: 650px;
    position: relative;
    transform-style: preserve-3d;
    perspective: 3000px;
    --riser: 25px;
}

.card-modal .card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    transform: rotateY(180deg) translateZ(300px);
    visibility: hidden;
    z-index: 9998;
    --ghoul-logo-fill: rgba(255, 255, 255, 0.3);
}

.card-modal .back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 22px;
    transform: translateZ(-2px) rotateY(180deg);
    background: #ffe14b;
    display: grid;
    place-content: center;
}

.card-modal .back svg {
    width: 180px;
}

.card-modal .front {
    z-index: 2;
    background: #4ba877;
    padding: 22px;
    transform-style: preserve-3d;
    will-change: transform;
}

.card-modal .front .ghoul {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    will-change: transform;
    background: #333;
    transform-style: preserve-3d;
    z-index: 5;
}

.card-modal .front .riser {
    position: absolute;
    backface-visibility: hidden;
    width: 100%;
    height: var(--riser);
    background: #736673;
}

.card-modal .front .riser--1 {
    left: 0px;
    top: 0px;
    transform-origin: top center;
    transform: rotateX(90deg);
}

.card-modal .front .riser--2 {
    right: 0px;
    top: 0px;
    transform-origin: top right;
    transform: translateZ(var(--riser)) rotate(-90deg) rotateX(-90deg);
}

.card-modal .front .riser--3 {
    left: 0px;
    bottom: 0px;
    transform-origin: bottom center;
    transform: rotateX(-90deg);
}

.card-modal .front .riser--4 {
    left: 0px;
    top: 0px;
    transform-origin: top left;
    transform: translateZ(var(--riser)) rotate(90deg) rotateX(-90deg);
}

.card-modal .front .card-shadow {
    height: 100%;
    background: #000;
    opacity: 0.5;
    bottom: -40px;
    left: 0;
    filter: blur(20px);
}

.card-modal .front .ghoul-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    transform: translateZ(var(--riser));
    backface-visibility: hidden;
}

.card-modal .front .logo-wrapper {
    position: relative;
    margin-top: -27px;
}

.card-modal .front .logo-wrapper .card-name {
    width: 80%;
    position: absolute;
    top: 100px;
    height: 110px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.card-modal .front .bottom-wrapper {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
    left: 20px;
    display: flex;
    justify-content: space-between;
}

.card-modal .front .bottom-wrapper .qr-wrapper {
    max-width: 60px;
    max-height: 60px;
    position: relative;
}

.card-modal .front .bottom-wrapper .qr-wrapper svg {
    width: 100%;
    height: 100%;
    max-height: 60px;
}

.card-modal .front .bottom-wrapper .number-wrapper {
    max-width: 120px;
    max-height: 60px;
    font-family: lores-12-bold-alt-oakland, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.card-modal .number-wrapper {
    padding-top: 7px;
}

.card-modal .front .bottom-wrapper .the-number {
    display: flex;
    margin-bottom: 4px;
}

.card-modal .front .bottom-wrapper .number-wrapper svg {
    width: 37px;
    height: 29.5px;
    display: inline;
    margin-right: 2px;
}

.card-modal .front .bottom-wrapper .number-wrapper .number-number {
    font-size: 42px;
    margin-top: 6px;
    letter-spacing: -2px;
}

.card-modal .front .bottom-wrapper .number-wrapper .rarity {
    font-size: 16px;
    letter-spacing: -.5px;
    text-transform: uppercase;
}

.card-modal .front .bottom-wrapper .description {
    color: #fff;
    font-size: 13px;
    line-height: 1.35;
    font-family: acumin-pro-semi-condensed, sans-serif;
    font-weight: 500;
    font-style: normal;
    width: calc(100% - 220px);
    margin: 6px 20px 0;
    padding: 0;
}

@media (max-width: 450px) {
    .card-modal .card-wrapper {
        width: 350px;
        height: 550px;
        position: relative;
        transform-style: preserve-3d;
        perspective: 3000px;
    }

    .card-modal .front .bottom-wrapper .description {
        width: calc(100% - 80px);
        margin: 6px 10px 0;
        padding: 0;
    }
}



/* NewsLetter - Form */
.newsletter-form .cmApp_signupContainer {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    color: inherit;
    text-align: left;
    background: none;
    padding: 0;
    margin: 0;
}

.newsletter-form .cmApp_signupContainer .cmApp_signupFormWrapper {
    position: static;
}

.newsletter-form .cmApp_signupContainer div {
    padding: 0;
    margin: 0;
    line-height: inherit;
}

.newsletter-form .cmApp_signupContainer input[type="text"],
.newsletter-form .cmApp_signupContainer input[type="email"],
.newsletter-form .cmApp_signupContainer .cmApp_formInput input:not([type="radio"]):not([type="checkbox"]) {
    width: 100%;
    height: 48px;
    font-family: "Verdana", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-size: 11px !important;
    color: #666666;
    line-height: 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #ffffff;
    border: none;
    border-radius: 0;
    outline: none;
    overflow: hidden;
    position: relative;
    padding: 15px 16px;
    margin: 0;
}

.newsletter-form .cmApp_signupContainer input:focus[type="text"],
.newsletter-form .cmApp_signupContainer input:focus[type="email"] {
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
}

.newsletter-form .cmApp_signupContainer input[type="submit"] {
    width: 100%;
    height: 48px;
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-family: "Verdana", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-size: 11px !important;
    color: #4d4d4d !important;
    line-height: 48px;
    text-shadow: none;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    white-space: normal;
    background: #fbdc48 !important;
    border: none !important;
    border-radius: 3px;
    box-shadow: none;
    position: relative;
    cursor: pointer;
    outline: 0;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    padding: 0;
    margin: 10px 0 0 0 !important;
}

.newsletter-form .cmApp_signupContainer input[type="submit"]:hover,
.newsletter-form .cmApp_signupContainer input[type="submit"]:focus,
.newsletter-form .cmApp_signupContainer input[type="submit"]:active,
.newsletter-form .cmApp_signupContainer input[type="submit"]:active:focus,
.newsletter-form .cmApp_signupContainer input[type="submit"].active,
.newsletter-form .cmApp_signupContainer input[type="submit"].active:focus {
    color: #ffffff !important;
    background: #97842B !important;
}

.newsletter-form .cmApp_signupContainer div.cmApp_errorMsg {
    font-weight: 700;
    font-size: 11px;
    color: #FB4848;
    line-height: 15px;
    letter-spacing: normal;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

.newsletter-form .cmApp_signupContainer #cmApp_signupForm>div {
    padding: 0;
}

.newsletter-form .cmApp_signupContainer #cmApp_signupForm .cmApp_fieldWrap {
    margin: 0;
}

.newsletter-form .cmApp_signupContainer .cmApp_statusContainer {
    width: 100%;
    float: left;
    padding: 0 !important;
    margin: 0 !important;
}

.newsletter-form .cmApp_signupContainer.cmApp_embedded #cmApp_statusContainer.cmApp_hidden {
    display: none;
}

.newsletter-form .cmApp_signupContainer.cmApp_embedded #cmApp_statusContainer {
    display: flex;
}

.newsletter-form .cmApp_signupContainer .cmApp_statusContainer #cmApp_thankYouCheck {
    display: none !important;
}

.newsletter-form .cmApp_signupContainer .cmApp_statusContainer .cmApp_processingMsg {
    font-family: "Verdana", Arial, Helvetica, sans-serif !important;
    font-weight: 700;
    font-size: 11px;
    color: #fbdc48;
    line-height: 15px;
    letter-spacing: normal;
    text-transform: uppercase;
    text-align: left;
}

.newsletter-form .cmApp_signupContainer #cmApp_statusContainer * {
    line-height: 12px;
}

.newsletter-form .cmApp_signupContainer .cmApp_statusContainer .cmApp_processingMsg p {
    font-family: "Verdana", Arial, Helvetica, sans-serif !important;
    color: #fff;
    line-height: 20px !important;
    font-size: 14px;
    text-align: inherit;
    padding: 0;
    margin: 0;
}

.newsletter-form .g-recaptcha {
    margin: 10px 0 0 0 !important;
}

@media (max-width: 1499px) {

    .newsletter-form .cmApp_signupContainer input[type="text"],
    .newsletter-form .cmApp_signupContainer input[type="email"],
    .newsletter-form .cmApp_signupContainer .cmApp_formInput input:not([type="radio"]):not([type="checkbox"]) {
        height: 40px;
        padding: 12px 16px;
    }

    .newsletter-form .cmApp_signupContainer input[type="submit"] {
        height: 40px;
        line-height: 40px;
    }
}

.cmApp_signupContainer.cmApp_embedded {
    display: none;
}

.newsletter-form .cmApp_signupContainer.cmApp_embedded {
    display: block;
}


/* Support - Page */
.main-support .header-main .nav-bar nav ul li.scroll-link {
    display: none;
}

.main-support .footer-main {
    min-height: 0;
}


/* Alternate - Text */
.txt-12 {
    font-size: 12px;
    line-height: 18px;
}

.txt-14 {
    font-size: 14px;
    line-height: 20px;
}

.txt-18 {
    font-size: 18px;
    line-height: 26px;
}

@media (max-width: 1023px) {
    .txt-18 {
        font-size: 16px;
        line-height: 24px;
    }
}


/* Text - Colors */
.white {
    color: #ffffff !important;
}

.black {
    color: #4d4d4d !important;
}

.yellow {
    color: #97842b !important;
}


/* ---------------------------- Begin WordPress Core ---------------------------- */

/* Content Sample Page Middle Column */
img.alignnone {
    width: 100%;
    margin-bottom: 15px;
}

img.aligncenter {
    width: 100%;
    margin-bottom: 15px;
}

img.alignleft {
    float: left;
    margin: 8px 20px 20px 0;
}

img.alignright {
    float: right;
    margin: 8px 0 20px 20px;
}

@media (max-width: 639px) {
    img.alignnone {
        margin-bottom: 10px;
    }

    img.aligncenter {
        margin-bottom: 10px;
    }

    img.alignleft,
    img.alignright {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 10px 0 15px 0;
    }
}

.wp-caption {
    max-width: 96%;
    text-align: center;
    background: #fff;
    border: 1px solid #f0f0f0;
    padding: 5px 3px 10px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    width: auto;
    max-width: 100%;
    height: auto;
    border: 0 none;
    margin: 0;
    padding: 0;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}


/* ---------------------------- Text meant only for screen readers ---------------------------- */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* ---------------------------- End WordPress Core ---------------------------- */
#alg_currency_select {
    display: none;
}

.card-modal .front .bottom-wrapper .number-wrapper svg {
    margin-top: 3px;
}

.right-header .right-inn {
    display: flex;
}

.header-main .nav-bar {
    padding-right: 160px;
}

#alg_currency_select {
    border-top: none;
    padding-right: 25px;
    padding-left: 11px;
    background-size: 12px;
    height: 38px;
    font-size: 12px;
    background-position: top 11px right 11px;
    font-weight: 700;
}

.ch_img_top {
    padding-bottom: 0px !important;
}

.ch_item {
    padding: 0px !important;
}

.ch_container {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.img_footer {
    padding-top: 0px !important;
}

.ch_list {
    padding-bottom: 0px !important;
}

.roadmap_footer_link {
    display: flex;
    justify-content: center;
}

.roadmap_footer_link li {
    list-style-type: none !important;
    padding: 0 30px;
}

.roadmap_footer_link li:before {
    background: none !important;
}

.footer_icons {
    display: flex;
    padding-bottom: 0;
    margin-left: -15px;
    margin-top: 20px;
}

.footer_icons .icon:hover {
    filter: brightness(0) invert(1);
}

@media screen and (max-width: 768px) and (min-width: 600px) {
    .footer_icons {
        margin-left: -12px;
    }

    .footer_icons li {
        padding: 0 0 5px 12px;
    }
}

@media screen and (max-width: 600px) {
    #alg_currency_select {
        height: 31px;
        background-position: top 9px right 12px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .roadmap_footer_link {
        flex-direction: column;
        align-items: center;
    }

    .roadmap_footer_link li {
        padding-bottom: 5px;
    }

    .ch_container {
        margin: 0 -20px -30px -20px !important;
    }

    .footer_icons {
        position: absolute;
        top: 108px;
        left: 5%;
        margin-top: 0;
    }
}

.woocommerce-form-coupon-toggle .wc-block-components-notice-banner.is-info::before {
    /*    content:"\e600";*/
}

.woocommerce-form-coupon-toggle .woocommerce-info::before {
    content: "\e600";
}

/* ---------- BOOK OF GHOUL ------------*/

.story {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 720px;
}

.story h1 {
    width: 50%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.story h3 {
    width: 25%;
    margin: 0 auto;
    padding-bottom: 30px;
}

.story h2 {
    font-family: "LoRes 9 OT Wide", sans-serif;
    font-size: 50px;
    line-height: 54px;
    letter-spacing: -5px;
    text-transform: none;
    padding-bottom: 30px;
}

.story h3 {
    padding-bottom: 40px;
}

.story hr {
    border: none;
    border-top: 2px solid #4D4D4D;
    color: #4D4D4D;
    overflow: visible;
    text-align: center;
    width: 80px;
    margin-top: 40px;
    padding: 20px 0;
}

.story .lede {
    font-size: 24px;
    line-height: 32px;
    padding-bottom: 30px;
}

.story .feature-image {
    width: 120%;
    margin-left: -10%;
}

.story .body-text p {
    font-size: 20px;
    line-height: 32px;
    padding-bottom: 20px;
    text-align: left;
}

.story .body-text p:first-child::first-letter {
    margin: 0 10px 0 -5px;
    font-family: "LoRes 9 OT Wide", sans-serif;
    font-size: 80px;
    float: left;
    line-height: 70px;
}

/* ---------- BOOK OF GHOUL ------------*/


#story-chapter-1 .story h1,
#story-chapter-1 .story h3,
#story-chapter-1 .icon-cart,
#story-chapter-1 .brand img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(1656%) hue-rotate(21deg) brightness(96%) contrast(98%);
}

#story-chapter-2 .story h1,
#story-chapter-2 .story h3,
#story-chapter-2 .icon-cart,
#story-chapter-2 .brand img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(41%) saturate(813%) hue-rotate(335deg) brightness(89%) contrast(85%);
}

#story-chapter-3 .story h1,
#story-chapter-3 .story h3,
#story-chapter-3 .icon-cart,
#story-chapter-3 .brand img {
    filter: brightness(0) saturate(100%) invert(93%) sepia(32%) saturate(881%) hue-rotate(334deg) brightness(87%) contrast(90%);
}

#story-chapter-1 .story hr {
    border-color: #d1f185;
}

#story-chapter-2 .story hr {
    border-color: #80482d;
}

#story-chapter-3 .story hr {
    border-color: #d5c360;
}

body#story-chapter-1 {
    background-color: #14928b;
    color: #d1f185;
}

body#story-chapter-2 {
    background-color: #ffeddf;
    color: #80482d;
}

body#story-chapter-3 {
    background-color: #024755;
    color: #d5c360;
}

#story-chapter-1 a,
#story-chapter-1 a:hover,
#story-chapter-1 a:focus,
#story-chapter-1 a:active {
    color: #d1f185;
}

#story-chapter-2 a,
#story-chapter-2 a:hover,
#story-chapter-2 a:focus,
#story-chapter-2 a:active {
    color: #80482d;
}

#story-chapter-3 a,
#story-chapter-3 a:hover,
#story-chapter-3 a:focus,
#story-chapter-3 a:active {
    color: #d5c360;
}

.story-nav {
    margin-bottom: 30px;
}

.story-nav .nav-bar nav ul li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    padding: 0;
    margin: 0 15px;
}

.story-nav .nav-bar nav ul li:before {
    display: none;
}

.story-nav .nav-bar nav ul li a {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    text-transform: uppercase;
    transition: none;
    position: relative;
    overflow: hidden;
    padding: 7px 0;
}

.story-nav .nav-bar nav ul li a:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

#story-chapter-1 .story-nav .nav-bar nav ul li>a:hover:after,
#story-chapter-1 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #d1f185;
}

#story-chapter-2 .story-nav .nav-bar nav ul li>a:hover:after,
#story-chapter-2 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #80482d;
}

#story-chapter-3 .story-nav .nav-bar nav ul li>a:hover:after,
#story-chapter-3 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #d5c360;
}

.story-nav .menu-btn.active .menu-bar:before,
.story-nav .menu-btn.active .menu-bar:after {
    top: 0;
}

.story-nav .nav-bar nav ul li>a:hover,
.story-nav .nav-bar nav ul li.current-menu-item>a {
    transition: none;
}

#story-chapter-1 .header-main .nav-bar nav ul li a:after {
    color: #d1f185;
    background: #d1f185;
}

#story-chapter-1 .header-main .nav-bar nav ul li>a:hover {
    color: #d1f185;
}

#story-chapter-1 .header-main .nav-bar nav ul li>a:hover:after {
    background: #d1f185;
}

#story-chapter-1 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #d1f185;
}

#story-chapter-1 .header-main .menu-btn .menu-bar {
    background: #d1f185;
}

#story-chapter-1 .header-main .menu-btn .menu-bar:before,
#story-chapter-1 .header-main .menu-btn .menu-bar:after {
    background: #d1f185;
}

#story-chapter-2 .header-main .nav-bar nav ul li a:after {
    color: #80482d;
    background: #80482d;
}

#story-chapter-2 .header-main .nav-bar nav ul li>a:hover {
    color: #80482d;
}

#story-chapter-2 .header-main .nav-bar nav ul li>a:hover:after {
    background: #80482d;
}

#story-chapter-2 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #80482d;
}

#story-chapter-2 .header-main .menu-btn .menu-bar {
    background: #80482d;
}

#story-chapter-2 .header-main .menu-btn .menu-bar:before,
#story-chapter-2 .header-main .menu-btn .menu-bar:after {
    background: #80482d;
}

#story-chapter-3 .header-main .nav-bar nav ul li a:after {
    color: #d5c360;
    background: #d5c360;
}

#story-chapter-3 .header-main .nav-bar nav ul li>a:hover {
    color: #d5c360;
}

#story-chapter-3 .header-main .nav-bar nav ul li>a:hover:after {
    background: #d5c360;
}

#story-chapter-3 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #d5c360;
}

#story-chapter-3 .header-main .menu-btn .menu-bar {
    background: #d5c360;
}

#story-chapter-3 .header-main .menu-btn .menu-bar:before,
#story-chapter-3 .header-main .menu-btn .menu-bar:after {
    background: #d5c360;
}

@media screen and (max-width: 767px) {
    .story {
        display: inline;
    }

    .story h2 {
        font-size: 30px;
        line-height: 36px;
        letter-spacing: -3px;
        padding-bottom: 30px;
    }

    .story .lede {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 15px;
    }

    .story .body-text p {
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 20px;
        text-align: left;
    }

    .story h1 {
        width: 70%;
        padding: 20px 0 30px;
    }

    .story h3 {
        width: 50%;
        padding-bottom: 30px;
    }
}

/* ---------------------------------------*/
/*for Printify integration*/

/*end*/

table.variations select {
    margin-bottom: 10px;
    margin-left: 20px;
}

.single_variation_wrap {
    position: relative;
    margin-top: 30px;
}

.woocommerce-variation-add-to-cart .quantity {
    position: absolute;
    left: 80px;
    top: -10px;
}

.reset_variations {
    margin-left: 20px;
}

table.variations label {
    font-weight: 600;
}

.single_variation_wrap span.price {
    font-weight: 600;
}

#size-guide th {
    font-weight: 600 !important;
}

.ch_box {
    background: #ebebeb;
    padding: 20px;
    border-radius: 6px;
}

.ch_box img {
    margin-bottom: 10px;
    width: 151px;
    height: 159px;
}

.ch_format_wrap {
    white-space: pre-line;
}

.secondary-page-template .content-main {
    padding-bottom: 0px;
    margin-bottom: -60px;
}

.ch_box:hover {
    background: #323031;
    color: #F7F7F7;
}

.secondary-page-template p {
    font-size: 18px;
}

@media screen and (min-width: 767px) {
    .single_variation_wrap button.single_add_to_cart_button {
        max-width: 280px !important;
    }
}

.cm-form-handler input[name="email"] {
    border: solid 1px #979797 !important;
}

.secondary-page-template .ch_form_section {
    border-top: solid #ccc 4px;
    padding-top: 10px;
    padding-bottom: 0;
}

.secondary-page-template .product-details {
    margin-bottom: 80px;
}

@media screen and (max-width: 767px) {
    .secondary-page-template .ch_form_section {
        padding-bottom: 60px;
    }

    .woocommerce-variation-add-to-cart .quantity {
        left: 74px;
    }

    #size-guide th,
    #size-guide td {
        font-size: 9px !important;
        padding: 5px !important;
    }

    .abiliti_row2 {
        padding-bottom: 15px;
    }

    .ch_right_content p,
    .ch_box p,
    .short-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .ch_right_title,
    .short-desc p strong {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .ch_left_title {
        font-size: 20px !important;
        line-height: 28px;
    }

    .ch_testimonials .text-center {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

.clothing_products .row>div {
    padding: 0 20px 30px 20px;
    margin: 0;
}

.clothing_products {
    margin-bottom: 60px;
}

div.choose_your_size {
    width: 100% !important;
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

.promo_form_home .cmApp_signupContainer input:not([type="radio"]):not([type="checkbox"]) {
    height: 50px !important;
}

.promo_form_home .newsletter-form .cmApp_signupContainer input[type="submit"] {
    line-height: 27px;
}

.cmApp_processingMsg {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: normal !important;
    text-transform: none !important;
}

.product-box .price-txt {
    font-weight: 700;
    font-size: 12px;
}

.review1 {
    background: #1F8BB6;
}

.review2 {
    background: #BA873A;
}

.review3 {
    background: #348D77;
}

.review4 {
    background: #A857B8;
}

.ch_testimonials {
    color: white;
    margin: 0;
}

.ch_testimonials img {
    width: 119px;
}

.ch_testimonials .text-center {
    border-radius: 10px;
    margin-bottom: 30px;
}

#buy-module {
    display: flex;
    flex-direction: column;
}

.ch_testimonials p.font-weight-bold {
    margin-top: 20px;
}

.ch_testimonials .r-address {
    font-weight: 700;
    font-size: 14px;
}

.ch_testimonials .r-content {
    font-size: 16px;
}

.product_feature {
    margin-bottom: 90px;
}

.product_feature .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.product_feature .box .aside .buy-txt {
    width: 100px;
}

.product_feature .ghoul-grid-ghoul:before {
    display: none;
}

.secondary-page-template footer p {
    font-size: 12px;
}

.secondary-page-template footer .newsletter-txt p {
    font-size: 14px;
}

.row.h1_content {
    margin: 0 8%;
}

.row.h1_content img {
    max-width: 280px;
}

.row.h1_content h1 {
    font-size: 55px;
    line-height: 65px;
    letter-spacing: -3px;
    text-transform: none;
}

.h1_content .h1_text,
.h1_content .h1_img {
    align-self: center;
}

.h1_content .h1_text {
    padding-right: 0px;
}

.text-transform {
    text-transform: uppercase;
}

.japan_content {
    display: none;
}

.top_languages {
    display: flex;
    justify-content: space-between;
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
}

.lang_japan {
    background-color: #4D4D4D;
    color: white;
    width: 100%;
    text-align: right;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.lang_japan img {
    margin-bottom: 3px;
    margin-right: 4px;
}

.lang_english {
    background-color: #4D4D4D;
    color: white;
    width: 100%;
    text-align: left;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.ch_lang_active {
    background-color: #FBDD48;
    color: #4D4D4D;
}

.top_languages .lang_item:not(.ch_lang_active):hover {
    background-color: #97842B;
}

.trading_product {
    padding-bottom: 90px !important;
}

.pd_last_item {
    padding-bottom: 90px !important;
    margin-bottom: 90px !important;
}

.term-morphs #jump_to_range .aside p {
    font-size: 10px;
}

/*Sub menu*/
.header-main .nav-bar nav .primary-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 56.7%;
    padding-top: 14px;
    left: 0;
    background: #fbdc48;
    z-index: 5;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    min-width: 200px;
}

.header-main .nav-bar nav .primary-menu ul.sub-menu li {
    position: relative;
    display: flex;
    padding-bottom: 10px;
}

.header-main .nav-bar nav .primary-menu ul.sub-menu li a {
    vertical-align: top;
}

.yellow-color {
    background: #fbdc48;
}

.active-submenu {
    display: inline-block !important;
}

/*End*/
@media screen and (max-width: 1367px) {
    .row.h1_content img {
        max-width: 200px;
    }

    .row.h1_content h1 {
        font-size: 40px;
        line-height: 45px;
    }
}

@media screen and (max-width: 992px) {
    .row.h1_content img {
        max-width: 160px;
    }

    .row.h1_content h1 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (min-width: 768px) and (max-width: 1367px) {
    .h1_content .h1_text {
        padding-left: 40px;
        padding-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .row.h1_content img {
        max-width: 100px;
    }

    .row.h1_content h1 {
        font-size: 20px;
        line-height: 25px;
        letter-spacing: -2px;
    }
}

@media screen and (max-width: 576px) {
    .row.h1_content .h1_img {
        text-align: center;
    }

    .row.h1_content img {
        max-width: 180px;
    }

    .row.h1_content h1 {
        font-size: 20px;
        line-height: 25px;
    }

    .row.h1_content .h1_text {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media screen and (min-width: 767px) {
    .row.h1_content .h1_img {
        padding: 0px;
    }

    .row.h1_content .h1_text {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ch_testimonials .r-content {
        font-size: 18px;
    }

    .ch_testimonials {
        padding-bottom: 80px;
    }

    .promo_form_home {
        flex: 0 0 66.66% !important;
        max-width: 66.66% !important;
    }

    .promo_form_home_field form {
        display: flex;
        justify-content: space-between;
    }

    .promo_form_home_field form .cmApp_fieldWrap,
    .promo_form_home_field form div:last-child {
        flex-basis: 50%;
    }

    .promo_form_home_field form .cmApp_fieldWrap {
        margin-right: 10px !important;
    }

    .promo_form_home_field .newsletter-form .cmApp_signupContainer input[type="submit"] {
        margin: 0 0 0 0 !important;
    }

    .abiliti_row2 {
        padding-bottom: 30px;
    }

    .ch_bottom_img img {
        width: 20%;
    }

    .secondary-page-template .product-details .left-cont .cart-btn-out {
        padding: 0 !important;
    }

    .secondary-page-template h1 {
        padding-bottom: 30px !important;
    }

    .secondary-page-template h1+p {
        padding-bottom: 40px;
    }

    .chance_img {
        width: 65%;
    }

    .ch_no_padding_buttom .col-md-3 {
        padding-bottom: 0 !important;
    }

    .ch_no_padding_top .col-md-3 {
        padding-top: 0 !important;
    }

    .secondary-page-template .ch_fix_width {
        width: 375px !important;
    }

    .ch_left_title {
        font-size: 24px !important;
        line-height: 38px;
    }

    /*    .secondary-page-template #cmApp_signupForm{
            display: flex;
            justify-content: space-between;
        }*/
    .secondary-page-template .ch_form_right {
        padding-top: 40px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .ch_left_title {
        font-size: 20px !important;
        line-height: 28px;
    }

    .ch_right_title,
    .short-desc p strong {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .ch_right_content p,
    .ch_box p,
    .short-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .secondary-page-template .ch_fix_width {
        width: calc(50% - 30px) !important;
    }

    .secondary-page-template .product-details .left-cont {
        width: 50.94%;
        float: left;
    }

    .secondary-page-template .product-details .right-cont {
        width: 49.06%;
        float: right;
    }

    .secondary-page-template .product-details .right-cont .product-image {
        width: 100%;
        margin: 0 0 9px 0;
    }

    .secondary-page-template .product-details .right-cont .product-thumbnail {
        width: 100%;
        float: left;
        transform-origin: unset;
        transform: none;
        position: unset;
    }

    .secondary-page-template .product-details .left-cont .cart-btn-out .button {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 820px) {
    .secondary-page-template .ch_fix_width {
        width: calc(50% - 20px) !important;
    }
}

@media (min-width: 768px) and (max-width: 1367px) {

    .secondary-page-template h1,
    .product-details .left-cont h1 {
        font-size: 50px;
        line-height: 45px;
        letter-spacing: -5px;
    }

    .secondary-page-template .ch_form_right {
        padding-top: 0 !important;
        margin-top: -25px;
    }

    .ch_boxtop2table {
        padding-bottom: 0;
        margin-top: -50px;
    }

    .ch_box1,
    .ch_box3 {
        padding-right: 10px !important;
    }

    .ch_box2,
    .ch_box4 {
        padding-left: 10px !important;
    }

    .ch_box3,
    .ch_box4 {
        padding-top: 20px !important;
    }

    .secondary-page-template h1+p {
        padding-bottom: 30px;
    }

    .secondary-page-template .ch_right_content {
        margin-top: -50px;
    }

    .secondary-page-template .col-xl-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .secondary-page-template .ch_fix_width {
        width: calc(50% - 10px) !important;
    }

    .review1,
    .review3 {
        margin-right: 30px;
    }

    .review1,
    .review2 {
        margin-bottom: 30px !important;
    }

    .review2 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ch_testimonials .text-center {
        -ms-flex: 0 0 calc(50% - 15px) !important;
        flex: 0 0 calc(50% - 15px) !important;
        max-width: calc(50% - 15px) !important;
    }

    .ch_testimonials .r-content {
        font-size: 16px;
    }

    .sub_img img {
        margin-top: -88px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .secondary-page-template .ch_right_content {
        margin-top: -30px !important;
    }

    .ch_boxtop2table {
        padding-bottom: 0;
        margin-top: -30px;
    }
}

@media (min-width: 1200px) {
    .review2 {
        margin: 0 30px;
    }

    .review3 {
        margin-right: 30px;
    }

    .ch_testimonials .text-center {
        -ms-flex: 0 0 calc(25% - 23px);
        flex: 0 0 calc(25% - 23px);
        max-width: calc(25% - 23px);
    }

    .header-main.yellow-color {
        height: 450px;
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px) {
    .product_feature .col-md-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px 30px 10px;
    }

    .product_feature {
        margin-bottom: 30px;
    }

    .full_width_mobile {
        max-width: 100% !important;
        width: 100% !important;
        flex-basis: 100% !important;
    }

    .trading_product {
        padding-bottom: 30px !important;
    }

    .pd_last_item {
        padding-bottom: 30px !important;
        margin-bottom: 30px !important;
    }

    .term-ghoul-posters .pd_last_item,
    .term-morphs .pd_last_item {
        padding-bottom: 90px !important;
        margin-bottom: 30px !important;
    }
}

@media screen and (max-width: 1024px) {
    #alg_currency_select {
        padding: 8px 22px;
    }

    .header-main .nav-bar .nav-inn {
        padding-top: 45px;
    }

    .header-main .nav-bar nav ul li {
        margin-bottom: 20px;
    }

    .header-main .nav-bar nav .primary-menu ul.sub-menu {
        margin-top: 1px;
        padding-left: 8%;
        position: inherit;
        display: inline-block !important;
        margin-bottom: -17px;
    }

    .header-main .nav-bar nav .primary-menu ul.sub-menu li {
        padding-bottom: 0px;
    }

    .header-main .nav-bar nav .primary-menu ul.sub-menu li:last-child {
        margin-bottom: 8px;
    }
}

/* Date: 25-11-2024 */
/* General styles for WPML Language Switcher */
.wpml-ls-native {
    text-transform: uppercase;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    padding: 0;
    margin: 0;
    border: 0;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-item-legacy-list-horizontal {
    width: 50% !important;
    font-size: 12px;
    font-weight: 700;
}

.wpml-ls-statics-shortcode_actions a.wpml-ls-link {
    padding: 14px 14px 18px;
}

.wpml-ls-statics-shortcode_actions ul li:before {
    content: unset;
}

.wpml-ls-statics-shortcode_actions ul li a:hover {
    text-decoration: none;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-first-item a {
    text-align: right;
    padding-right: 30px;
}

.wpml-ls-statics-shortcode_actions li a:hover {
    background-color: #97842B !important;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language a:hover {
    background-color: #fbdd48 !important;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-en.wpml-ls-first-item.wpml-ls-item-legacy-list-horizontal img {
    display: none;
}

li.wpml-ls-slot-shortcode_actions.wpml-ls-item.wpml-ls-item-ja a.wpml-ls-link {
    padding-left: 30px;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
    color: #4d4d4d !important;
}

/*---- Chapter css------*/
#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .nav-bar nav ul li a:after {
    color: #d1f185;
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover {
    color: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover:after {
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .menu-btn .menu-bar {
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:before,
#\%e7\%ac\%ac1\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:after {
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after,
#\%e7\%ac\%ac1\%e7\%ab\%a0 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #d1f185;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 a,
#\%e7\%ac\%ac1\%e7\%ab\%a0 a:hover,
#\%e7\%ac\%ac1\%e7\%ab\%a0 a:focus,
#\%e7\%ac\%ac1\%e7\%ab\%a0 a:active {
    color: #d1f185;
}

body#\%e7\%ac\%ac1\%e7\%ab\%a0 {
    background-color: #14928b;
    color: #d1f185;
}


#\%e7\%ac\%ac1\%e7\%ab\%a0 .story hr {
    border-color: #d1f185;
}

body#\%e7\%ac\%ac1\%e7\%ab\%a0 {
    background-color: #14928b;
    color: #d1f185;
}


body#\%e7\%ac\%ac2\%e7\%ab\%a0 {
    background-color: #ffeddf;
    color: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .story hr {
    border-color: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .story h1,
#\%e7\%ac\%ac2\%e7\%ab\%a0 .story h3,
#\%e7\%ac\%ac2\%e7\%ab\%a0 .icon-cart,
#\%e7\%ac\%ac2\%e7\%ab\%a0 .brand img {
    filter: brightness(0) saturate(100%) invert(30%) sepia(41%) saturate(813%) hue-rotate(335deg) brightness(89%) contrast(85%);
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after,
#\%e7\%ac\%ac2\%e7\%ab\%a0 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 a,
#\%e7\%ac\%ac2\%e7\%ab\%a0 a:hover,
#\%e7\%ac\%ac2\%e7\%ab\%a0 a:focus,
#\%e7\%ac\%ac2\%e7\%ab\%a0 a:active {
    color: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .nav-bar nav ul li a:after {
    color: #80482d;
    background: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover {
    color: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover:after {
    background: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .menu-btn .menu-bar {
    background: #80482d;
}

#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:before,
#\%e7\%ac\%ac2\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:after {
    background: #80482d;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after,
#\%e7\%ac\%ac3\%e7\%ab\%a0 .story-nav .nav-bar nav ul li.current-menu-item>a:after {
    width: 100%;
    left: 0;
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .nav-bar nav ul li a:after {
    color: #d5c360;
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover {
    color: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .nav-bar nav ul li>a:hover:after {
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .story-nav .nav-bar nav ul li>a:hover:after {
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .menu-btn .menu-bar {
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:before,
#\%e7\%ac\%ac3\%e7\%ab\%a0 .header-main .menu-btn .menu-bar:after {
    background: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .story hr {
    border-color: #d5c360;
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 .story h1,
#\%e7\%ac\%ac3\%e7\%ab\%a0 .story h3,
#\%e7\%ac\%ac3\%e7\%ab\%a0 .icon-cart,
#\%e7\%ac\%ac3\%e7\%ab\%a0 .brand img {
    filter: brightness(0) saturate(100%) invert(93%) sepia(32%) saturate(881%) hue-rotate(334deg) brightness(87%) contrast(90%);
}

#\%e7\%ac\%ac3\%e7\%ab\%a0 a,
#\%e7\%ac\%ac3\%e7\%ab\%a0 a:hover,
#\%e7\%ac\%ac3\%e7\%ab\%a0 a:focus,
#\%e7\%ac\%ac3\%e7\%ab\%a0 a:active {
    color: #d5c360;
}

body#\%e7\%ac\%ac3\%e7\%ab\%a0 {
    background-color: #024755;
    color: #d5c360;
}

#\%e7\%ac\%ac1\%e7\%ab\%a0 .story h1,
#\%e7\%ac\%ac1\%e7\%ab\%a0 .story h3,
#\%e7\%ac\%ac1\%e7\%ab\%a0 .icon-cart,
#\%e7\%ac\%ac1\%e7\%ab\%a0 .brand img {
    filter: brightness(0) saturate(100%) invert(94%) sepia(10%) saturate(1656%) hue-rotate(21deg) brightness(96%) contrast(98%);
}

/* ----  Whats news page image css */
.page-template-news .split-cont .news-sticky-box .figure img {
    height: 450px !important;
    object-fit: cover;
}

.page-template-news .news-list.list2 .news-box .figure img {
    height: 300px !important;
    object-fit: cover;
}

/* form#alg_currency_selector {
    display: none !important;
} */

.out-of-stock-dot {
    width: 12px;
    height: 12px;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    Bottom: 15px;
    right: 10px;
    z-index: 10;
}

/* Category Page Design Fix of image stretch */
.archive .product-box .figure,
.archive .product-box .figure img {
    height: 640px !important;
}


@media (min-width:1800px) {

    .archive .product-box .figure,
    .archive .product-box .figure img {
        height: 716px !important;
    }
}


@media (min-width:1025px) and (max-width:1300px) {

    .archive .product-box .figure,
    .archive .product-box .figure img {
        height: 471px !important;
    }
}

/* For Tab View */

@media (min-width:768px) and (max-width:1024px) {

    .archive .product-box .figure,
    .archive .product-box .figure img {
        height: 295px !important;
    }
}

/* Category Page Design Fix of image stretch */
.archive-page .product-box .figure,
.archive-page .product-box .figure img {
    height: 640px !important;
}


@media (min-width:1800px) {

    .archive-page .product-box .figure,
    .archive-page .product-box .figure img {
        height: 716px !important;
    }
}


@media (min-width:1025px) and (max-width:1300px) {

    .archive-page .product-box .figure,
    .archive-page .product-box .figure img {
        height: 471px !important;
    }
}

/* For Tab View */

@media (min-width:768px) and (max-width:1024px) {

    .archive-page .product-box .figure,
    .archive-page .product-box .figure img {
        height: 295px !important;
    }
}

/* For Tab View */


/* For Mobile View */
@media(max-width:767px) {

    .archive .product-box .figure,
    .archive .product-box .figure img {
        height: 515px !important;
    }
}

/* For Mobile View */
/* Category Page Design Fix of image stretch */

/**---404 Page Css ---*/
.error404 .row.not_found_h1_content,
.error404 .product-sticky-box .aside {
    text-align: center;
    justify-content: center;
}

.error404 .row.not_found_h1_content h1 {
    padding-bottom: 30px;
}

.error404 .h1_text.col-sm-9.product-sticky-box h3 {
    text-transform: none;
    padding-bottom: 30px;
}

/**- Footer Menu css --*/
ul.footer_menu li a {
    text-decoration: none;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-weight: 400 !important;
}

.footer_menu li {
    text-align: left;
    padding: 3px 0px;
    margin: 0;
}

.footer_menu li:before {
    content: unset !important;
}

.footer-main .foot-col1 .widget_text>p {
    padding-bottom: 14px;
    color: #ccc;
}

ul.footer_menu li a {
    text-decoration: underline !important;
    color: #ccc !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.footer-main .foot-col2 .newsletter-txt p {
    color: #ccc;
    font-weight: 500 !important;
    font-size: 13px !important;
}

iframe button#primary.LinkButton.LinkButton--showFocusIndicator {
    width: 100% !important;
    max-width: 400px !important;
}
/* Hide the button if needed */
iframe[src*="stripe.com"] {
    height: 60px !important;
    width: 100% !important;
    border-radius: 10px;
    overflow: hidden;
}

.single  div#wc-stripe-express-checkout-element {
    max-height: 400px;
    width: 100%;
	max-width: 408px;
}

/* New css for checkout payment stripe */

/* New CSS for logged In */


.logged-in .woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
  height: 165px !important;
}

@media (min-width:1024px) and (max-width:1470px) {
  .logged-in .woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
    height: 250px !important;
  }
}

@media (max-width:767.98px) {
  .logged-in .woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
    height: 250px !important;
  }
}

/* New CSS for logged In */

/* New CSS for Without logged In */

.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
  height: 230px !important;
}

@media (min-width:1024px) and (max-width:1470px) {
.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
    height: 300px !important;
  }
}

@media (max-width:767.98px) {
.woocommerce-checkout .checkout-right-sidebar #payment div.payment_box iframe{
    height: 350px !important;
  }
}

/* New CSS for Without logged In */

/*  New css Checkout Page */
.page-template-page-cart-checkout-php #shipping_method .forceall-tooltip {
    display: none !important;
}

form.woocommerce-checkout input[type="text"],
form.woocommerce-checkout input[type="email"],
form.woocommerce-checkout input[type="tel"],
form.woocommerce-checkout textarea,
form.woocommerce-checkout .select2-container--default .select2-selection--single,
form.woocommerce-checkout .select2-container--default .select2-selection--multiple,
form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
form.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.woocommerce form .form-row .input-text#coupon_code{
    height: 40px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    background: #f2f2f2 !important;
    border: 1px solid #979797 !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    text-align: left !important;
    border-radius:0 !important;
    font-family: "Verdana", Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
}
 
form.woocommerce-checkout textarea{
    height: 100px !important;
}
 
form.woocommerce-checkout input[type="text"]:focus,
form.woocommerce-checkout input[type="email"]:focus,
form.woocommerce-checkout input[type="tel"]:focus,
form.woocommerce-checkout textarea:focus,
.woocommerce form .form-row .input-text#coupon_code:focus,
form.woocommerce-checkout .select2-container--default .select2-selection--single:focus,
form.woocommerce-checkout .select2-container--default .select2-selection--multiple:focus{
        box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px !important;
}

form.woocommerce-checkout .select2-container--default .select2-selection--single,
form.woocommerce-checkout .select2-container--default .select2-selection--multiple{
    padding:0 !important;
}

form.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
form.woocommerce-checkout .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    border:none !important;
}