/*
 Theme Name: Happy Zach's Popcorns
 Theme URI: https://happyzachs.com/
 Description: Custom theme for Happy Zach's Popcorns.
 Author: IITS
 Author URI: http://integrateditsolutions.com/
 License: Everything copyrighted
 Version: 1.1
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
    line-height: 1.5;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #1d1d1d;
    background-color: #f8f5f0;
}

p {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    color: #1d1d1d;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    color: #22e06e;
}

a img {
    outline: none;
    border: none;
}

img {
    max-width: 100%;
}

input:focus,
input:active {
    outline: none;
}

blockquote,
q {
    quotes: none;
}

form,
fieldset {
    border-style: none;
    margin: 0;
    padding: 0;
}

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

sup {
    vertical-align: super;
    font-size: smaller;
}

.clearfix {
    clear: both;
}

b,
strong {
    font-weight: 900;
}

i,
em {
    font-style: italic;
}

ol {
    padding-left: 20px;
}

ol li {
    list-style-position: outside;
    list-style-type: decimal;
}

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

img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.clear {
    clear: both;
}

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

.visible-lg {
    display: none;
}

.visible-xs {
    display: block;
}

.pd-100 {
    padding: 100px 0;
}

.pd-80 {
    padding: 80px 0;
}

.pd-60 {
    padding: 60px 0;
}

.pd-50 {
    padding: 50px 0;
}

.pd-40 {
    padding: 40px 0;
}

.pdt-0 {
    padding-top: 0;
}

.pdt-60 {
    padding-top: 60px;
}

.pdb-0 {
    padding-bottom: 0;
}

.site-btn {
    padding: 15px 30px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-radius: 4px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.site-btn i {
    margin-left: 30px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.site-btn:hover i {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}

.primary-btn {
    background-color: #ea0029;
    color: #fff;
    border-color: #ea0029;
}

.primary-btn:hover {
    background-color: #FFF;
    color: #ea0029;
}

.transparent-btn {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.transparent-btn:hover {
    background-color: #22e06e;
    color: #fff;
    border-color: #fff;
}

section .btn,
section .btn-wrap a {
    text-decoration: none;
}

section ul,
section ol {
    margin-bottom: 15px;
}

section ul li {
    list-style: none;
    margin-left: 0;
    position: relative;
    padding-left: 28px;
}

section li {
    font-family: 'Montserrat', sans-serif;
    color: #1d1d1d;
    font-size: 18px;
    line-height: 1.5;
}

section ul li::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    content: '\f058';
    color: #ea0029;
    border-radius: 9999px;
    position: absolute;
    left: 0;
    top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #1d1d1d;
    margin-bottom: 15px;
}

h1 {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
}

h2 {
    font-size: 46px;
    font-weight: 900;
    line-height: 1;
}

h3 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1;
}

h4 {
    font-size: 32px;
    font-weight: 900;
    line-height: 1;
}

h5 {
    font-size: 24px;
    line-height: 1;
}

h6 {
    font-size: 18px;
    line-height: 1;
}

.section-title {
    margin-bottom: 80px;
}

.block-title {
    margin-bottom: 40px;
}

.section-title h1,
.section-title h2,
.section-title h3,
.block-title h1,
.block-title h2,
.block-title h3 {
    color: #1d1d1d;
}

.section-title h2,
.block-title h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 38px;
    line-height: 1;
    text-transform: uppercase;
}

.section-title h4,
.block-title h4 {
    color: #22df6e;
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.section-title p,
.block-title p {
    color: #333333;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
}

.page-title {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.bg-image {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}

.grid {
    display: grid;
}

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-12 {
    gap: 3rem;
}

.grid-flow-col {
    grid-auto-flow: column;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}

.col-span-1 {
    grid-column: span 1/span 1;
}

.col-span-2 {
    grid-column: span 2/span 2;
}

.col-span-3 {
    grid-column: span 3/span 3;
}

.col-span-4 {
    grid-column: span 4/span 4;
}

.col-span-5 {
    grid-column: span 5/span 5;
}

.row-span-1 {
    grid-row: span 1/span 1;
}

.row-span-2 {
    grid-row: span 2/span 2;
}

.row-span-3 {
    grid-row: span 3/span 3;
}

.row-span-4 {
    grid-row: span 4/span 4;
}

.row-span-5 {
    grid-row: span 5/span 5;
}

.w-full {
    width: 100%;
}

.h-full {
    height: 100%;
}

.clearfix {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clear {
    clear: both;
}

.alignnone {
    margin: 0 auto;
}

.aligncenter {
    display: block;
    margin: 0 auto 1rem auto;
}

.alignright {
    float: right;
    margin: 0 0 1rem 1rem;
}

.alignleft {
    float: left;
    margin: 0 2px 1rem 0;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.flex-grow {
    flex-grow: 1;
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-start {
    justify-content: flex-start;
}

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.overflow-hidden {
    overflow: hidden;
}

.relative {
    position: relative;
}

.index-4 {
    z-index: 4;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.rounded-full {
    border-radius: 9999px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.desktop-view {
    display: block;
}

.mobile-view {
    display: none;
}

.bg-cover {
    background-size: cover;
}

.bg-scroll {
    background-attachment: scroll;
}

.bg-center {
    background-position: center;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.cbp-spmenu-push {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.max-screen-3xl {
    max-width: 1320px;
    width: 100%;
    padding: 0 1.5rem;
    margin: 0 auto;
}

.max-screen-xl {
    max-width: 1000px;
    width: 100%;
}

.xl-px {
    padding: 0 1.5rem;
}

.mx-auto {
    margin: 0 auto;
}

.max-w-full {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
}

.cbp-spmenu-push {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.bgc-white {
    background-color: #FFF;
}

.flowhidden {
    overflow: hidden;
}

.z10 {
    z-index: 10;
}

.z20 {
    z-index: 20;
}

.z30 {
    z-index: 30;
}

.z40 {
    z-index: 40;
}

.z50 {
    z-index: 50;
}

.z60 {
    z-index: 60;
}


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


/* ============== Header ================= */


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

svg:not(:root) {
    overflow: hidden;
}

svg.icon {
    display: inline-block;
    fill: currentcolor;
    height: 1em;
    position: relative;
    top: -0.0625em;
    vertical-align: middle;
    width: 1em;
}

.site-header {
    width: 100%;
    z-index: 999;
    -webkit-transition: background-color .5s;
    transition: background-color .5s;
    background-color: #f8f5f0;
}

.site-header.sticky-header {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.site-header .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.site-header .left-wrap {
    width: 158px;
}

.site-header .site-logo {
    padding: 8px 0;
}

.site-header .site-nav {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
}

.site-header .cart-item {
    order: 2;
    margin-right: 20px;
    position: relative;
}

.site-header .cart-item span {
    position: absolute;
    bottom: -6px;
    right: 0;
    background-color: #ea0029;
    border-radius: 9999px;
    width: 22px;
    height: 22px;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
}

.mobile-view {
    display: block;
}

.other-link {
    display: none;
}

.top-div>div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #040404;
}

.top-div>div a {
    width: 50%;
    text-align: center;
    margin: 0;
    padding: 10px 10px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
}

.top-div>div>a:last-child {
    background-color: #ea0029;
}

.site-header .other-link ul {
    display: flex;
    align-items: center;
}

.site-header .other-link ul li {
    margin-right: 40px;
}

.site-header .other-link ul li:first-child {
    margin-left: 0;
}

.site-header .other-link ul li a {
    color: #020609;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.site-header .other-link li.nav-btn a {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    padding: 15px 30px;
    border: 2px solid #ea0029;
    background-color: #ea0029;
    color: #fff;
    text-transform: uppercase;
    border-radius: 4px;
    transition: all 0.3s;
}

.site-header .other-link li.nav-btn a i {
    margin-left: 15px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.site-header .other-link li.nav-btn a:hover i {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}

.site-header .other-link li.nav-btn a:hover {
    background-color: transparent;
    color: #ea0029;
}

.site-header .site-nav .nav {
    order: 1;
}

.slidebtn {
    position: relative;
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    width: 44px;
    float: right;
}

.slidebtn .bar {
    width: 100%;
    background-color: rgba(15, 33, 69, 1);
    height: 4px;
    margin: 6px 0;
}

.crossBtn {
    cursor: pointer;
    float: left;
    width: 46px;
    text-align: center;
    padding: 13px;
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 9999;
    color: #FFF;
}

.crossBtn i {
    font-size: 20px;
    color: #FFF;
}


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


/* ====== Slider Section ===== */


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

.flex-slider .owl-stage,
.flex-slider .owl-item {
    display: flex;
}

.flex-slider .owl-item {
    margin-bottom: 40px;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    z-index: 10;
    font-size: 28px;
    width: auto;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border-radius: 0px;
    background-color: transparent;
    color: #ea0029;
    transition-property: all;
    transition-property: all;
    transition-duration: 250ms;
    margin: 0;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background-color: transparent;
    color: #ea0029;
}

.owl-carousel .owl-nav button.owl-prev img {
    float: left;
}

.owl-carousel .owl-nav button.owl-next img {
    float: right;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -15px;
    text-align: left;
}

.owl-carousel .owl-nav button.owl-next {
    right: -15px;
    text-align: right;
}

section .owl-theme .owl-dots {
    margin-top: 40px !important;
}

.owl-theme .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-dots .owl-dot {
    margin: 0 5px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0;
    background: #eadfc8;
    border-radius: 9999px;
    border: 1px solid #eadfc8;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #c8a96a;
    border-color: #c8a96a;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 14px;
    height: 14px;
}

.slider-block {
    width: 100%;
}

#hero-slider {
    position: relative;
    width: 100%;
}

#hero-slider .item {
    transform-style: preserve-3d;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 300px;
}

#hero-slider .item::before {
    content: '';
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background: #1e3c72;
    background: -webkit-linear-gradient(to left, rgba(30, 60, 114, 0.93), rgba(42, 82, 152, 0.93));
    background: linear-gradient(to left, rgba(30, 60, 114, 0.93), rgba(42, 82, 152, 0.93));
}

#hero-slider .item .mobile-view {
    display: none;
    visibility: hidden;
}

#hero-slider .slider-content {
    padding-top: 20px;
    position: relative;
    z-index: 3;
}

#hero-slider .slider-content .content {
    text-align: center;
}

#hero-slider .slider-content img {
    width: auto;
}

#hero-slider .slider-content h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#hero-slider .slider-content h1,
.page-title h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#hero-slider .slider-content h4,
#hero-slider .slider-content h1,
#hero-slider .slider-content p,
.page-title h1 {
    color: #FFF;
}

#hero-slider p {
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 0;
}

#hero-slider .btn-wrap {
    margin-top: 25px;
}

#hero-slider .btn-wrap a.btn {
    margin-right: 15px;
}

#hero-slider .broken-pieces {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#hero-slider .popcorn-bowl {
    text-align: center;
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    z-index: 2;
}

#hero-slider .broken-pieces>div {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#hero-slider .slick-dots {
    top: 50%;
    right: 50px;
    width: 20px;
    padding: 0;
}

.slider-block .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.mobile_bg {
    display: none;
}

.hero-wrapper .bgc-layer {
    background: #1e3c72;
    background: -webkit-linear-gradient(to left, rgba(30, 60, 114, 0.93), rgba(42, 82, 152, 0.93));
    background: linear-gradient(to left, rgba(30, 60, 114, 0.93), rgba(42, 82, 152, 0.93));
    min-height: 300px;
    display: flex;
    padding: 40px 0;
    align-items: center;
    text-align: center;
}

.hero-wrapper h1 {
    font-size: 42px;
    line-height: 50px;
    text-transform: uppercase;
    color: #FFF
}

.hero-wrapper p {
    color: #FFF;
    font-size: 18px;
}


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


/* ========= Other Section ========= */


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

section .xl-text {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate3d(20px, -20px, 0);
    transform: translate3d(20px, -20px, 0);
    font-size: 3.5rem;
    text-transform: uppercase;
    color: rgba(200, 169, 106, 1);
    opacity: 0.1;
    font-weight: 900;
}

.category-wrapper {
    overflow: hidden;
    position: relative;
}

.category-wrapper .bg-layer {
    padding: 120px 0 80px 0;
    background-image: url('assets/images/bg-layer.png');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#category-slider .item .item-text {
    padding: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: rgba(9, 12, 15, 0.90);
    color: #FFF;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    font-weight: 700;
    font-size: 14px;
}

#category-slider .item:hover .item-text {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.1s;
}

#category-slider .item h4 {
    font-size: 24px;
    color: inherit;
}

#category-slider .item p {
    font-size: inherit;
    color: inherit;
    font-weight: 400;
}

#category-slider .link-text {
    text-decoration: underline;
    font-size: inherit;
}

#category-slider .item a {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 10;
}

.lrblock-wrapper {
    width: 100%;
    padding: 80px 0;
}

.lr-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.lr-block>div {
    width: 100%;
}

.lr-block>div.img-block {
    margin-bottom: 40px;
}

.lr-block .text-block.block-full {
    width: 100%;
}

.lr-block .btn-wrap {
    margin-top: 40px;
}

.fact-wrapper {
    width: 100%;
}

.fact-wrapper .bg-layer {
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

.fact-wrapper .bg-layer1 {
    background-image: url('assets/images/bg-layer2.jpg');
}

.fact-wrapper.bgc-red .bg-layer {
    background-color: #EA0029;
}

.fact-wrapper .bg-layer2 {
    background-image: url('assets/images/bg-layer3.png');
}

#fact-slider .item {
    text-align: center;
}

#fact-slider .item img {
    width: auto;
    margin: 0 auto;
}

#fact-slider .item h4 {
    font-weight: 900;
    font-size: 22px;
    margin: 15px 0 0 0;
}

.fact-wrapper.bgc-red #fact-slider .item h4 {
    color: #FFF;
}

.gallery-wrapper {
    width: 100%;
}

.gallery-wrapper .bgc-layer {
    padding: 80px 0;
    background: #c41230;
    background: -webkit-linear-gradient(to left, rgba(196, 18, 48, 0.91), rgba(160, 6, 32, 0.91));
    background: linear-gradient(to left, rgba(196, 18, 48, 0.91), rgba(160, 6, 32, 0.91));
}

.gallery-wrapper .section-title h2,
.gallery-wrapper .section-title p {
    color: #FFF;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 2rem;
}

.gallery-grid>div:first-child,
.gallery-grid>div:nth-child(6),
.gallery-grid>div:nth-child(7),
.gallery-grid>div:nth-child(12),
.gallery-grid>div:nth-child(13),
.gallery-grid>div:nth-child(18) {
    grid-column: span 1 / span 1;
}

.gallery-grid>div:nth-child(6),
.gallery-grid>div:nth-child(7),
.gallery-grid>div:nth-child(12) {
    grid-row: auto;
}

.gallery-grid .gg-item {
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
}

.gallery-grid .gg-item img {
    opacity: 0;
    visibility: hidden;
}

.gallery-grid .gg-text {
    padding: 15px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-top: 80px;
    background-color: rgba(29, 29, 29, 0.80);
    color: #FFF;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    font-weight: 700;
    font-size: 14px;
}

.gallery-grid .gg-item i {
    position: absolute;
    top: 30px;
    right: 0;
    color: #FFF;
    transition: transform 0.35s;
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0);
    font-size: 22px;
    z-index: 2;
}

.gallery-grid .gg-item h3 {
    color: inherit;
    font-size: 30px;
    margin-bottom: 6px;
}

.gallery-grid .gg-item p {
    color: inherit;
    font-size: 16px;
    margin-bottom: 0;
}

.gallery-grid .gg-item a {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 10;
}

.gallery-grid .gg-item:hover .gg-text {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.1s;
}

.gallery-grid .gg-item:hover i {
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
    transition-delay: 0.1s;
}

.git-wrapper {
    width: 100%;
    padding: 80px 0;
}

.git-block {
    margin-top: 100px;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}

.git-block>div {
    width: 100%;
}

.git-block .img-block img {
    opacity: 0;
}

.git-block .cta-block {
    padding: 60px 30px;
    border: 1px solid #e6e6e7;
}

.git-block .form-block {
    padding: 60px 30px;
    background-color: #f9f6f0;
}

.cta-block h4 {
    font-size: 30px;
}

.git-block .form-block h4 {
    font-size: 30px;
    margin-bottom: 40px;
}

.info-block {
    margin-top: 50px;
}

.info-block>div {
    display: flex;
    flex-flow: column;
    margin-bottom: 60px;
    font-weight: 300;
    font-size: 18px;
}

.info-block .info-icon {
    width: 60px;
    margin-bottom: 20px;
}

.info-block>div h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    color: #696969;
}

.info-block>div a {
    color: #696969;
}

.info-block>div a:hover {
    color: #ea0029;
}

.feedback-wrapper {
    width: 100%;
    padding: 100px 0 80px 0;
}

.review-block {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.review-block>div {
    width: 100%;
}

.review-block .img-block {
    margin-bottom: 20px;
    text-align: center;
    order: 1;
}

.review-block .text-block {
    order: 2;
}

.review-block .text-block.block-full {
    width: 100%;
}

.review-block blockquote {
    text-align: center;
}

#review-slider .item img {
    width: auto;
    margin: 0 auto;
}

#review-slider blockquote {
    margin-top: 20px;
}

#review-slider blockquote p {
    font-size: 30px;
    line-height: 1.5;
    font-weight: 800;
    font-style: italic;
}

#review-slider blockquote .review-by {
    font-size: 16px;
    color: #666666;
}

#review-slider .owl-dots {
    text-align: left;
    justify-content: center;
    margin-top: 70px !important;
}

.related-wrapper {
    overflow: hidden;
    position: relative;
}

.related-wrapper .bg-layer {
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#related-slider .owl-item {
    padding: 0 10px;
}

#related-slider .item {
    background-color: #FFF;
    border: 1px solid #e7e7e7;
}

#related-slider .item .item-img {
    position: relative;
}

#related-slider .item .btn-wrap {
    position: absolute;
    bottom: 10px;
    left: 24px;
    right: 24px;
    text-align: center;
}

#related-slider .item .site-btn {
    padding: 10px;
}

#related-slider .item .site-btn i {
    margin-left: 15px;
}

#related-slider .site-btn:hover i {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}

#related-slider .item .item-text {
    display: flex;
    align-items: center;
    color: #FFF;
    transition: transform 0.35s;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 24px;
}

#related-slider .item h4,
#related-slider .item .woocommerce-loop-product__title {
    text-transform: uppercase;
    font-size: 22px;
    color: #1d1d1d;
    margin-bottom: 6px;
}

#related-slider .item p,
#related-slider .item .price {
    font-size: inherit;
    color: #696969;
    font-weight: 500;
    margin-bottom: 0;
}

#related-slider .item a.item-link {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 10;
}

.details-wrapper {
    width: 100%;
    padding: 80px 0;
}

.detail-block {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}

.detail-block>div {
    width: 100%;
}

.detail-block .product-images {
    overflow: hidden;
}

.product-images .owl-carousel .owl-nav button {
    transition: transform 0.35s;
    background-color: #ea0029;
    color: #FFF;
    border-radius: 9999px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-images .owl-carousel .owl-nav button:focus,
.product-images .owl-carousel .owl-nav button:hover {
    background-color: #ea0029;
    color: #FFF;
}

.product-images .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    -webkit-transform: translate3d(-40px, -50%, 0);
    transform: translate3d(-40px, -50%, 0);
}

.product-images .owl-carousel .owl-nav button.owl-next {
    right: 0;
    -webkit-transform: translate3d(40px, -50%, 0);
    transform: translate3d(40px, -50%, 0);
}

.product-images .owl-carousel:hover button.owl-prev {
    -webkit-transform: translate3d(20px, -50%, 0);
    transform: translate3d(20px, -50%, 0);
}

.product-images .owl-carousel:hover button.owl-next {
    -webkit-transform: translate3d(-20px, -50%, 0);
    transform: translate3d(-20px, -50%, 0);
}

.detail-block #product-slider {
    margin-bottom: 40px;
}

.detail-block #product-slider .owl-item {
    padding: 0 15px;
}

.detail-block #product-slider .item {
    border: 1px solid #e2e2e2;
}

.detail-block #product-slider img {
    width: 100%;
}

.detail-block #product-thumbs {
    padding: 0 15px;
}

.product-info {
    padding-top: 40px;
}

.product-info .product-title,
.product-info .product_title {
    font-size: 42px;
    font-weight: 700;
}

.product-info .item-price,
.product-info .price {
    font-size: 28px;
    color: #ea0029;
    font-weight: 600;
    margin-bottom: 30px;
}
.product-info .price {
    display: none;
}

.product-info h4 {
    font-size: 26px;
    font-weight: 700;
}

.product-info p {
    color: #1d1d1d;
    font-weight: 500;
    font-size: 18px;
}

.product-wrapper {
    width: 100%;
    padding: 80px 0;
}

.product-block {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
}

.grid-list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    max-width: 300px;
    width: 100%;
    margin: 0 auto;
}

.product-block .sidebar-block {
    width: 100%;
    margin-bottom: 40px;
}

.product-block .listgrid-block {
    width: 100%;
}

.product-block .listgrid-block .show-result,
.product-block .listgrid-block .woocommerce-result-count {
    margin-bottom: 27px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #696969;
    font-size: 17px;
}

.grid-list .grid-item {
    background-color: #FFF;
    border: 1px solid #e7e7e7;
}

.grid-list .grid-item .item-img {
    position: relative;
}

.grid-list .grid-item .btn-wrap {
    position: absolute;
    bottom: 10px;
    left: 24px;
    right: 24px;
    text-align: center;
}

.grid-list .grid-item .site-btn {
    padding: 10px;
}

.grid-list .grid-item .site-btn i {
    margin-left: 15px;
}

.grid-list .grid-item .site-btn:hover i {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
}

.grid-list .grid-item .item-text {
    display: flex;
    align-items: center;
    color: #FFF;
    font-weight: 700;
    font-size: 20px;
    padding: 30px 24px;
}

.grid-list .grid-item h4,
.grid-list .grid-item .woocommerce-loop-product__title {
    text-transform: uppercase;
    font-size: 22px;
    color: #1d1d1d;
    margin-bottom: 6px;
}

.grid-list .grid-item p,
.grid-list .grid-item .price {
    font-size: inherit;
    color: #696969;
    font-weight: 500;
    margin-bottom: 0;
}

.woocommerce .grid-list .grid-item .price {
    font-size: inherit;
    color: #696969;
    font-weight: 500;
    margin-bottom: 0;
}

.product-block .sidebar-block .wp-block-search__label {
    display: none;
}

.product-block .sidebar-block {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    color: #696969;
}

.product-block .sidebar-block>div,
.product-block .sidebar-block div.widget {
    margin-bottom: 30px;
    border: 1px solid #e7e7e7;
    padding: 40px 30px;
}

.product-block .sidebar-block>div:first-child,
.product-block .sidebar-block div.widget_search,
.product-block .sidebar-block div.widget:first-child {
    border: none;
    padding: 0;
}

.product-block .sidebar-block>div:last-child,
.product-block .sidebar-block div.widget:last-child {
    margin-bottom: 0;
}

.product-block .sidebar-block .widget-title,
.product-block .sidebar-block .widget h2 {
    font-size: 22px;
    font-weight: 700;
}

section .sidebar-block ul li {
    padding-left: 0;
    display: flex;
    justify-content: space-between;
}

section .sidebar-block ul li ul {
    padding-left: 15px;
}

section .sidebar-block li {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    margin-bottom: 12px;
}

section .sidebar-block li:last-child {
    margin-bottom: 0;
}

section .sidebar-block ul li::before {
    content: '';
    width: auto;
    height: auto;
    background-color: transparent;
    color: transparent;
}

.product-block .sidebar-block a {
    color: inherit;
}

.product-block .sidebar-block a:hover {
    font-weight: 600;
    text-decoration: underline;
}

.search-block,
.widget_search {
    position: relative;
}

.search-block input[type="search"],
.search-block input[type="text"],
.sidebar-block .wp-block-search__input,
.sidebar-block .wc-block-product-search__field {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 300;
    background-color: #f9f6f0;
    border: none;
    padding: 18px 48px 18px 12px;
    border-radius: 4px;
    width: 100%;
}

.search-block form>span,
.widget_search .wp-block-search__button,
.widget_search .wc-block-product-search__button {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 46px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sidebar-block .wp-block-search__button,
.sidebar-block .wc-block-product-search__button {
    font-size: 0px;
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.search-block form>span::before,
.widget_search .wp-block-search__button::before,
.widget_search .wc-block-product-search__button::before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: '\f002';
    font-size: 18px;
    color: #000;
}

.widget_search .wc-block-product-search__button svg {
    display: none;
}

.search-block input[type="submit"] {
    font-size: 1px;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    width: 46px;
    cursor: pointer;
}

.page-wrapper {
    padding: 80px 0;
    width: 100%;
}


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


/* ============ Contact Form ========== */


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

.form-block .dd .ddChild li {
    padding-left: 15px;
}

.form-group {
    margin-bottom: 1.5rem;
    position: relative;
    display: grid;
}

.form-block p {
    margin-bottom: 0;
}

.form-block div.wpcf7 img.ajax-loader {
    float: right;
}

.form-block div.wpcf7-response-output {
    margin-top: 0.5rem;
}

.form-group .site-form {
    background-color: #fbfbfb;
    border: 1px solid #fbfbfb;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #2b2d42;
    padding: 16px 16px 16px 30px;
    width: 100%;
    position: relative;
}

.form-group .site-form:active,
.form-group .site-form:focus,
.form-group .site-form:focus-visible,
.form-group .site-form:visited {
    outline: none;
}

.form-group textarea {
    resize: none;
    font-family: 'Montserrat', sans-serif;
}

.dd {
    border: 1px solid #eeeeee;
}

.dd .ddTitle {
    background-image: none;
    background-color: #fbfbfb;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border: none;
    color: #2b2d42;
    padding: 0;
}

.dd .ddChild ul {
    padding-left: 0;
}

.dd .ddChild li:before {
    background-color: transparent;
}

.dd .ddChild li .ddlabel {
    color: #5b5b5b;
}

.dd .divider {
    border-left: none;
    border-right: none;
    right: 24px;
}

.dd .ddArrow {
    margin-top: 0;
    top: 20px;
}

.borderRadiusTp {
    border-radius: 0;
}

.dd .ddTitle .ddTitleText {
    padding: 10px 20px 9px 18px;
    font-size: 15px;
    color: #5b5b5b;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 0;
}

.ddcommon .ddChild li:before {
    width: auto;
    height: auto;
}

.section .ddcommon ul {
    margin: 0;
    padding: 0;
}

form .dd .ddArrow {
    width: 20px;
    right: 4px;
    background-image: url('assets/images/ddarrow.png');
}

.dd .ddChild li {
    padding: 5px 20px;
    background-color: #f5fdff;
    border-bottom: 1px solid #d9dfee;
}

.dd .ddChild li.selected {
    background-color: #252525;
    color: #FFF;
}

.dd .ddChild li.selected .ddlabel {
    color: #FFF;
}

.form-group select {
    width: 100%;
}

.form-group label {
    color: #1d1d1d;
    font-weight: 600;
    margin-bottom: 4px;
    display: block;
}

.form-group>span.captchaimage {
    position: absolute;
    right: 0;
    width: 80px;
    text-align: right;
    margin-top: 9px;
}

.form-group.grid-2 {
    gap: 1.5rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.form-group.grid-3 {
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.form-group.grid-4 {
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.form-group.grid-5 {
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.form-button {
    overflow: hidden;
    margin-top: 2rem;
}

.form-button .submit-btn,
.form-button button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    padding: 15px 30px;
    margin: 0;
    display: inline-block;
    min-width: 200px;
    border: 2px solid #ea0029;
    background-color: #ea0029;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    filter: none;
    -webkit-filter: none;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.submitbtn-arrow>span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    margin: 0;
    display: inline-block;
    position: relative;
    min-width: 200px;
    border: 2px solid #ea0029;
    background-color: #ea0029;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    filter: none;
    -webkit-filter: none;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.submitbtn-arrow>span input[type="submit"] {
    border: none;
    background-color: transparent;
    padding: 15px 30px;
    cursor: pointer;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-transform: uppercase;
}

.submitbtn-arrow>span i {
    margin-left: 30px;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0);
    transition: transform 0.3s;
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}

.submitbtn-arrow>span:hover i {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
}

.submitbtn-arrow>span:hover,
.submitbtn-arrow>span:hover {
    background-color: #FFF;
    color: #ea0029;
}

.form-button .submit-btn:hover,
.form-button button:hover {
    background-color: #FFF;
    color: #ea0029;
}

.form-block .form-group {
    margin-bottom: 20px;
}

*::-webkit-input-placeholder {
    color: #090c0f;
    opacity: 1;
}

*:-moz-placeholder {
    color: #090c0f;
    opacity: 1;
}

*::-moz-placeholder {
    color: #090c0f;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #090c0f;
    opacity: 1;
}

div.wpcf7-response-output {
    font-size: 13px;
    line-height: 20px;
    margin: 0;
    color: #ff5100;
    padding: 2px;
}

span.wpcf7-not-valid-tip {
    font-size: 13px;
}

.wpcf7-spinner {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
}

.product-info .woocommerce-product-details__short-description {
    margin-bottom: 70px;
}

.product-info .cart {
    display: flex;
    flex-flow: row wrap;
}
.product-info .variations_form {
    flex-flow: column;
}
.variations_form .variations{
    margin-bottom: 1rem;
    position: relative;
}
.variations_form .variations select {
	background-color: #fbfbfb;
	border: 1px solid #fbfbfb;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 18px;
	color: #2b2d42;
	padding: 16px 16px 16px 30px;
	width: 100%;
	position: relative;
}
.woocommerce .variations_form .quantity {
	width: 100%;
    
}
.variations_form .reset_variations{
    position: absolute;
    top: 14px;
}

.woocommerce .quantity {
    position: relative;
    width: 4.631em;
    margin-right: 10px;
}

.woocommerce .quantity .qty {
    width: 100%;
    text-align: center;
    background-color: #fff;
    border: 2px solid #eeeeee;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #2b2d42;
    padding: 12px 30px 12px 20px;
    position: relative;
    appearance: textfield;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    margin: 0;
    text-align: left;
}

.woocommerce .quantity button {
    position: absolute;
    right: 15px;
    z-index: 2;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ea0029;
    cursor: pointer;
}

.woocommerce .quantity button.minus {
    bottom: 10px;
}

.woocommerce .quantity button.plus {
    top: 10px;
}

.product-info .product_meta {
    margin-top: 30px;
    font-size: 23px;
    color: #1d1d1d;
    display: flex;
    flex-flow: column;
}

.product-info .product_meta a {
    color: inherit;
}

.product-info .product_meta a:hover {
    color: #ea0029;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    padding: 15px 30px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-align: center;
    border-width: 2px;
    border-style: solid;
    border-color: #ea0029;
    background-color: #ea0029;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.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: 15px 30px;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #ea0029;
    color: #fff;
    margin-top:20px;
    width:100%;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: transparent;
    color: #ea0029;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: transparent;
    color: #ea0029;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    margin: 0;
}

.cart_totals h2 {
    font-size: 30px;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 18px;
}

.cart_totals td,
#order_review td,
.cart_totals th,
#order_review th {
    font-size: 18px;
}

.cart_totals .order-total strong {
    font-weight: 700;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text,
.woocommerce .checkout_coupon .input-text {
    background-color: #fbfbfb;
    border: 1px solid #fbfbfb;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #2b2d42;
    padding: 12px 16px 12px 30px;
    position: relative;
    float: left;
    outline: 0;
    margin-right: 4px;
    width: 200px;
}

section .woocommerce-error li::before {
    content: '';
    color: transparent;
}

.woocommerce-info,
.woocommerce-error,
.woocommerce p {
    font-size: 18px;
}

#customer_details {
    margin-top: 30px;
}

.woocommerce-checkout h3 {
    font-size: 24px;
    font-weight: 700;
}

#customer_details .input-text {
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #2b2d42;
    padding: 12px 16px 12px 16px;
    width: 100%;
}

#customer_details .select2-container--default .select2-selection--single {
    background-color: #fbfbfb;
    border: 1px solid #eeeeee;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    border-radius: 0;
}

#customer_details .select2-container .select2-selection--single {
    height: auto;
}

#customer_details .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    font-size: 16px;
    color: #2b2d42;
    padding: 12px 16px 12px 16px;
    width: 100%;
}

#customer_details label {
    font-size: 16px;
}

.select2-results__option {
    font-size: 16px;
}

#customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    transform: translate(-50%, -50%);
    top: 50%;
}

#customer_details .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ea0029 transparent transparent transparent;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    border-radius: 0;
    background-color: #ea0029;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #fbccd4;
    border-radius: 0;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #ea0029;
    border-radius: 0;
    width: 0.5em;
}

.product-info .sku_wrapper{
	display:none;
}


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


/* ============ Footer =========== */


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

.site-footer {
    padding: 40px 0;
    background-color: #090c0f;
    color: #fff;
    position: relative;
}

.footer-logo {
    text-align: center;
    position: relative;
}

.footer-logo::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    border-top: 1px solid #222527;
    z-index: 1;
}

.footer-logo a {
    display: inline-block;
    margin: 0 auto;
    background-color: #FFF;
    border-radius: 9999px;
    position: relative;
    z-index: 2;
}

.site-footer ul li {
    list-style: none;
}

.site-footer .footer-bottom {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.site-footer .social-links {
    order: 1;
}

.site-footer .copyrights {
    order: 2;
}

.copyrights a,
.copyrights p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
    font-size: 16px;
}

.copyrights p {
    color: #fff;
    opacity: 0.6;
}

.social-links {
    margin: 20px 0;
}

.social-links ul {
    display: flex;
    text-align: center;
    justify-content: center;
}

.social-links ul li {
    margin: 0 3px;
}

.social-links ul i {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #222527;
    border-radius: 9999px;
    font-size: 13px;
    color: #999ca5;
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.social-links ul i:hover {
    background-color: #ea0029;
    color: #FFF;
}
.woocommerce-tabs.wc-tabs-wrapper {
    display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.wpfront-message.wpfront-div a {
    background: #000;
    padding: 15px;
}
/* ================================ */


/* ========= Media Query ========== */


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

@media (min-width:480px) {
    section .xl-text {
        font-size: 5rem;
    }
}

@media (min-width:680px) {
    .site-header .left-wrap {
        width: 140px;
    }
    .gallery-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
    section .xl-text {
        font-size: 6rem;
    }
    .gallery-grid>div:first-child,
    .gallery-grid>div:nth-child(6),
    .gallery-grid>div:nth-child(7),
    .gallery-grid>div:nth-child(12),
    .gallery-grid>div:nth-child(13),
    .gallery-grid>div:nth-child(18) {
        grid-column: span 2 / span 2;
    }
    .gallery-grid>div:nth-child(6) {
        grid-row-start: 3;
    }
    .gallery-grid>div:nth-child(7) {
        grid-row-start: 5;
    }
    .gallery-grid>div:nth-child(12) {
        grid-row-start: 7;
    }
    .info-block>div {
        flex-flow: row;
        flex-wrap: nowrap;
    }
    .info-block .info-icon {
        width: 50px;
        margin-right: 20px;
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .max-w-full {
        padding: 0 2rem;
    }
    .section-title h2,
    .block-title h2 {
        font-size: 44px;
    }
    .section-title p,
    .block-title p {
        font-size: 20px;
    }
    #hero-slider .item {
        min-height: 400px;
    }
    #hero-slider .slider-content h1 {
        font-size: 5rem;
    }
    #hero-slider .slider-content h4 {
        font-size: 3rem;
    }
    #hero-slider .popcorn-bowl {
        bottom: -120px;
    }
    .hero-wrapper h1 {
        font-size: 48px;
    }
    .hero-wrapper p {
        font-size: 20px;
    }
    .form-group.grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .form-group.grid-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .form-group.grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .category-wrapper .bg-layer {
        padding: 120px 0 80px 0;
    }
    section .xl-text {
        -webkit-transform: translate3d(20px, -40px, 0);
        transform: translate3d(20px, -40px, 0);
        font-size: 6rem;
    }
    .git-wrapper,
    .gallery-wrapper .bgc-layer,
    .lrblock-wrapper {
        padding: 100px 0 80px 0;
    }
    .git-block .form-block {
        padding: 80px 60px;
    }
    .git-block .cta-block {
        padding: 80px 100px;
    }
    .info-block {
        margin-top: 80px;
    }
    .grid-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: 100%;
    }
    .site-footer .footer-bottom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .site-footer .social-links {
        order: 2;
        margin: 0;
    }
    .site-footer .copyrights {
        order: 1;
    }
    .social-links ul {
        justify-content: flex-end;
    }
}

@media (min-width:960px) {
    .gallery-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem;
    }
    .gallery-grid>div:nth-child(6),
    .gallery-grid>div:nth-child(7),
    .gallery-grid>div:nth-child(12) {
        grid-row: auto;
    }
    section .xl-text {
        font-size: 7rem;
    }
}

@media (min-width:1024px) {
    p {
        line-height: 1.6;
    }
    section li {
        line-height: 1.6;
    }
    .visible-lg {
        display: block;
    }
    .visible-xs {
        display: none;
    }
    .mobile-view {
        display: none;
    }
    .other-link {
        display: block;
    }
    .site-header {
        padding: 0;
    }
    .site-header .other-link {
        order: 2;
        margin-left: 16px;
        margin-right: 0;
    }
    .site-header .other-link ul li {
        margin-left: 40px;
        margin-right: 0;
    }
    .site-header .other-link ul li:first-child {
        margin-left: 0;
        margin-right: 0;
    }
    .site-header .cart-item {
        order: 3;
        margin-left: 30px;
        margin-right: 0;
    }
    .slidebtn {
        display: none;
    }
    .section-title h2,
    .block-title h2 {
        font-size: 40px;
    }
    .section-title h4,
    .block-title h4 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 4px;
    }
    #hero-slider .item {
        min-height: 600px;
    }
    #hero-slider .slider-content {
        padding-top: 100px;
    }
    #hero-slider .slider-content h1 {
        font-size: 7rem;
    }
    #hero-slider .slider-content h4 {
        font-size: 4rem;
    }
    #hero-slider p {
        font-size: 20px;
    }
    .hero-wrapper h1 {
        font-size: 56px;
        line-height: 66px;
    }
    .category-wrapper .bg-layer {
        padding: 170px 0 80px 0;
    }
    section .xl-text {
        font-size: 8rem;
    }
    .git-block {
        flex-flow: row;
        flex-wrap: nowrap;
    }
    .git-block>div {
        width: 50%;
    }
    .review-block {
        flex-flow: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .review-block .img-block {
        order: 2;
        width: 44%;
        text-align: right;
    }
    .review-block .text-block {
        order: 1;
        width: 50%;
    }
    .review-block .item img {
        margin: 0;
    }
    .review-block blockquote {
        text-align: left;
    }
    #review-slider .owl-dots {
        justify-content: flex-start;
    }
    .lr-block {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .lr-block>div.img-block {
        width: 43%;
        margin-bottom: 0;
    }
    .lr-block>div.text-block {
        width: 55%;
    }
    .form-group.grid-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .form-group.grid-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .gallery-grid .gg-item h3 {
        font-size: 26px;
    }
    .detail-block {
        justify-content: space-between;
        flex-wrap: nowrap;
        flex-flow: row;
    }
    .detail-block .product-images {
        width: 48%;
    }
    .detail-block .product-info {
        width: 46%;
    }
    .product-block {
        justify-content: space-between;
        flex-flow: row;
        flex-wrap: nowrap;
    }
    .product-block .sidebar-block {
        width: 25%;
        margin-bottom: 0;
        order: 1;
    }
    .product-block .listgrid-block {
        width: 72%;
        order: 2;
    }

    #fact-slider.owl-carousel .owl-item {
    float: none;
    display: inline-block;
    margin: auto !important;
}

#fact-slider.owl-carousel .owl-stage {
    display: flex;
    justify-content: space-evenly;
    width: 100% !important;
}
}

@media (min-width:1360px) {
    .max-w-full {
        padding: 0 3rem;
    }
    .section-title h2,
    .block-title h2 {
        font-size: 48px;
    }
    .section-title h4,
    .block-title h4 {
        font-size: 28px;
    }
    #hero-slider .item {
        height: calc(100vh - 80px);
    }
    #hero-slider .popcorn-bowl {
        bottom: -200px;
    }
    #hero-slider .slider-content h1 {
        font-size: 9rem;
        line-height: 1.2;
    }
    #hero-slider .slider-content h4 {
        font-size: 5rem;
    }
    #hero-slider p {
        font-size: 22px;
    }
    .hero-wrapper h1 {
        font-size: 74px;
        line-height: 80px;
    }
    .hero-wrapper p {
        font-size: 22px;
    }
    .owl-carousel .owl-nav button.owl-prev {
        left: -3.5rem;
    }
    .owl-carousel .owl-nav button.owl-next {
        right: -3.5rem;
    }
    .category-wrapper .bg-layer {
        padding: 220px 0 80px 0;
    }
    .related-wrapper .bg-layer {
        padding: 100px 0 80px 0;
    }
    .gallery-grid .gg-item h3 {
        font-size: 30px;
    }
    .schedule-wrapper {
        padding-top: 100px;
    }
    /* section .xl-text {
        -webkit-transform: translate3d(20px, -20px, 0);
        transform: translate3d(20px, -20px, 0);
        font-size: 10rem;
    } */
}

@media (min-width: 1460px) {
    body {
        font-size: 20px;
    }
    p {
        font-size: 20px;
        line-height: 1.8;
    }
    section li {
        font-size: 20px;
        line-height: 1.8;
    }
    section ul li::before {
        top: 0;
    }
    section .xl-text {
        -webkit-transform: translate3d(-200px, -60px, 0);
        transform: translate3d(-200px, -60px, 0);
        font-size: 14rem;
    }
    .detail-block .product-info {
        width: 40%;
    }
}