/* Variables */

:root {

    --main-blue-color: #045A75; /* var(--main-blue-color) */
    --main-lightblue-color: #a6eaff; /* var(--main-lightblue-color) */
    --main-grey200-color: #e7e7e7; /* var(--main-grey200-color) */
    --main-black-color: #141519;; /* var(--main-black-color) */
    --main-ease: all 0.6s cubic-bezier(0.5, 1, 0.89, 1); /* var(--main-ease) */

    --main-grey-gradient: linear-gradient(180deg, rgba(133, 133, 133, 0.45) 0%, rgba(133, 133, 133, 0.00) 100%); /* var(--main-grey-gradient) */
}

/* Fonts */

* {font-family: 'Roboto', sans-serif;}
p, li, div, a {font-size: 18px;line-height: 1.5; }
p {margin: 0 0 15px;}

.fs-20 {font-size: 20px;}

.lh-1 {line-height: 1;}

/* Text Styles */

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

/* Colors */

.color-white-all * {
    color: #fff;
}
.main-color, p, li, div, a, button {
    color: var(--main-black-color)
}
.grey-bg {
    background: var(--main-grey-gradient);
}
.black-bg {
    background: var(--main-black-color);
}

/* Div Styles */

.overflow {overflow: hidden;}

/* Grid */

.grid {
    max-width: 1680px;
    display: block;
    margin: 0 auto;
}
.post-grid {
    max-width: 800px;
    margin: 0 auto;
}
.l-gutter,
.gutter {
    margin: 0 20px;
}

.display--block {display: block;}
.display--grid {display: grid;}

/* Positioning */

.rel {position: relative;}
.abs {position: absolute;}
.fixed {position: fixed;}

.go-right {margin-left: auto;}


.z-1 {z-index: 1;}
.z-2 {z-index: 2;}
.z-10 {z-index: 10;}
.z-999 {z-index: 999;}
.z-1000 {z-index: 1000;}

.display--inline-top {
    display: inline-block;
    vertical-align: top;
}
.display--inline-mid {
    display: inline-block;
    vertical-align: middle;
}

/* Sizing */

.full-width {width: 100%;}
.max-content {width: max-content;}
.fill-dimentions {width: 100%; height: 100%;}

.block-25 {width: 25%;}
.block-33 {width: 33.333%;}
.block-50 {width: 50%;}
.block-40 {width: 40%;}
.block-60 {width: 60%;}
.block-66 {width: 66.666%;}

/* General Styles */

.general-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
}
.clickable:hover,
.clickable:focus {
    cursor: pointer;
}

/* General Gipsometal Styles */

.home .top-pad {
    padding-top: 185px;
}
.top-pad {
    padding-top: 118px;
}

.main-button-menu-style a,
.main-button-style {
    display: inline-block;
    border-color: #000;
    border: 1px solid #000;
    border-radius: 78px;
    background: transparent;
    padding: 13px 30px;
    font-size: 20px;
    transition: var(--main-ease);
    line-height: 1;
    position: relative;
}
#primary-menu .main-button-menu-style a:hover,
.main-button-style:hover {
    cursor: pointer;
    border-color: #000;
    color: #fff;
    background: #000;
}
.main-button-style.button-style-1 {
    padding: 13px 22px 13px 30px;
}
.button-style-1 svg {
    margin-left: 25px;
    display: inline-block;
    vertical-align: middle;
}
.button-style-2 svg path,
.button-style-1 svg path {
    transition: var(--main-ease);
}
.button-style-2:hover svg path,
.button-style-1:hover svg path {
    fill: #fff;
}
.main-button-style.button-style-2 {
    padding: 13px 50px 13px 30px;
    position: relative;
}
.main-button-style.button-style-2 svg {
    position: absolute;
    right: 12px;
    top: 50%;
    max-width: 20px;
    max-height: 20px;
    transform: translateY(-50%);
}
.error-404 a,
.main-link-style {
    display: block;
    width: max-content;
    position: relative;
    padding: 15px 60px 15px 15px;
    font-size: 18px;
    line-height: 1.4;
    min-width: 285px;
    z-index: 1;
    color: var(--main-black-color);
    border-bottom: 1px solid var(--main-black-color);
    transition: var(--main-ease);
}
.main-link-style.main-white-link {
    color: #fff;
    border-bottom: 1px solid #fff;
}
.error-404 a::before,
.main-link-style::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: var(--main-ease);
    background: var(--main-black-color);
}
.main-link-style.main-white-link::before {
    background: #fff;
}
.error-404 a svg,
.main-link-style svg {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.error-404 a svg path,
.main-link-style svg path {
    transition: var(--main-ease);
}
.main-link-style.main-white-link svg path {
    fill: #fff;
}
.main-link-style.blue-link-style {
    color: var(--main-blue-color);
    border-bottom: 1px solid var(--main-blue-color);
}
.main-link-style.blue-link-style::before {
    background: var(--main-blue-color);
}
.error-404 a:hover,
.main-link-style:hover {
    color: #fff;
}
.main-link-style.main-white-link:hover {
    color: var(--main-black-color);
}
.error-404 a:hover::before,
.main-link-style:hover::before {
    transform: scaleY(1);
}
.error-404 a:hover svg path,
.main-link-style:hover svg path {
    fill: #fff;
}
.main-link-style.main-white-link:hover svg path {
    fill: var(--main-black-color);
}

/*404*/

.error-404 {
    padding: 15vh 0;
}

/* Header Styles */

#masthead {
    left: 0;
    top: 0;
    background: #fffffff0;
}
#masthead::after {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--main-blue-color);
}
.header-row {
    padding: 48px 0 20px;
    display: grid;
    grid-template-columns: max-content max-content max-content 1fr;
    transition: var(--main-ease);
}
.scrolled .header-row {
    padding: 20px 0;
}
#masthead .main-button-style,
#masthead .main-button-style.button-style-2 {
    font-size: 16px;
    margin: 0;
}
.nav-holder {display: flex;}
.header-cart {
    position: relative;
    height: 100%;
    width: 50px;
    padding: 0 0 0 10px;
    margin-left: 10px;
    border-left: 1px solid var(--main-blue-color);
}
.icon-cart {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
}
.icon-cart path {
    fill: var(--main-blue-color);
    transition: var(--main-ease);
}
.header-cart:hover .icon-cart path {
    fill: var(--main-black-color);
}
.misha-cart {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    border: 1px solid var(--main-blue-color);
    color: var(--main-black-color);
    background: var(--main-grey200-color);
    font-size: 13px;
    line-height: 1;
    width: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50%;
    z-index: 2;
    transition: var(--main-ease);
}
.header-cart:hover .misha-cart {
    color: var(--main-grey200-color);
    background: var(--main-black-color);
}


/* Menu Styles */

#primary-menu a {
    font-weight: 700;
    color: var(--main-black-color);
    padding: 10px 15px;
    position: relative;
    transition: var(--main-ease);
    font-size: 16px;
}
#primary-menu a:hover {
    color: var(--main-blue-color);
}
#primary-menu a::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: var(--main-black-color);
    transform: translateX(-50%) scaleX(0);
    transition: var(--main-ease);
    transform-origin: center center;
}
#primary-menu .current-menu-item a::before,
#primary-menu a:hover::before {
    transform: translateX(-50%) scaleX(1);
}
#primary-menu .main-button-menu-style a::before {
    display: none;
}
#primary-menu .my-g a {
    position: relative;
    padding: 10px 40px 10px 20px;
}
#mobile-menu  .my-g a::after,
#primary-menu .my-g a::after {
    content: "";
    display: block;
    right: 15px;
    top: 50%;
    width: 20px;
    height: 20px;
    background: url('g-icon-2.png') no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    transform: translateY(-50%);
    transition: var(--main-ease);
}
#primary-menu .my-g a:hover::after {
    filter: invert(1);
}

/* Header Wishlist */

.header-wishlist {
    position: relative;
    height: 100%;
    width: 50px;
    padding: 0 0 0 10px;
    margin-left: 10px;
    border-left: 1px solid var(--main-blue-color);
}
.header-wishlist a {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
.header-wishlist svg {
    display: block;
    margin: 0 auto;
}
.header-wishlist svg path {
    stroke: var(--main-blue-color);
    fill: #fff;
    transition: var(--main-ease);
}
.header-wishlist:hover svg path {
    fill: var(--main-blue-color);
}


/*Minicart*/

#minicart {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
    background: #ffffff;
    z-index: 998;
    max-width: 500px;
	opacity: 0;
	pointer-events: none;
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	border-radius: 8px;
	width: 100%;
}
.minicart-overlay {
	content: "";
	display: block;
	position: fixed;
	z-index: 900;
	background-color: #09091c8f;
	backdrop-filter: blur(2px);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	opacity: 0;
	pointer-events: none;
	transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
body.cart-open #minicart,
body.cart-open .minicart-overlay {
	opacity: 1;
	pointer-events: all;
}
div#minicart .mini_cart_item {
	list-style: none;
	min-height: 130px;
	border-bottom: 1px solid #09091c14;
}
#minicart ul.woocommerce-mini-cart.cart_list.product_list_widget {
    margin: 0px;
    padding: 0px;
    font-size:15px;
	max-height: 50vh;
	overflow-y: auto;
}
#minicart ul.woocommerce-mini-cart.cart_list.product_list_widget a.remove {
	font-size: 20px;
	line-height: 19px;
	text-decoration: none;
	color: black;
	padding: 0;
	position: absolute;
	left: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
	border: 1px solid #000;
	transition: all 0.5s ease;
	border-radius: 50%;
	z-index: 1;
}
#minicart ul.woocommerce-mini-cart.cart_list.product_list_widget a.remove:hover {
	color: #fff;
	background: #000;
}
#minicart ul.mega_menu.cart {
    margin: 0px;
	padding: 0;
	list-style-type: none;
}

.title-m {
	text-align: center;
	padding: 5px 20px;
	font-size: 24px;
	background: #D9DCE1;
	color: #080A1B;
	border-radius: 8px 8px 0 0;
}
li.woocommerce-mini-cart-item.mini_cart_item {
	position: relative;
	font-size: 15px;
	padding: 20px;
}
li.woocommerce-mini-cart-item.mini_cart_item img{
	max-width: 100px;
	max-height: 100px;
	float: left;
	margin-right: 15px;
}
.hide-x {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 20px;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
	transform: translate(50%, -50%);
	transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	font-size: 12px;
	background: #09091c;
    color: white;
    border: 1px solid #09091c;
}
.hide-x:hover {
	background: white;
    color: #09091c;
    border: 1px solid #09091c;
}
.wcminiall {
	display: inline-flex;
	align-items: center;
}
#minicart span.quantity {
	font-size:13px;
	line-height:1;
	display: block;
	margin-top: 5px;
}

.wcmini {
	margin:10px;
	display: block;
}
.wcmini .nameof {
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	width: 100%;
	margin-bottom: 5px;
}
#minicart span.quantity,
#minicart span.quantity span,
.wcmini .quantity,
.wcmini .quantity span {
	font-size: 13px;
}
#minicart span.quantity bdi,
#minicart span.quantity bdi span,
.wcmini .quantity bdi,
.wcmini .quantity bdi span {
	font-weight: 700;
	color: var(--main-orange900-color);
}

p.woocommerce-mini-cart__total.total {
	padding: 10px 20px;
	margin: 15px;
	font-size: 18px;
	background: #D9DCE1;
	border-radius: 8px;
	text-align: center;
}
p.woocommerce-mini-cart__total.total * {
	color: #080A1B;
}
p.woocommerce-mini-cart__buttons.buttons {
	position: relative;
	width: 100%;
	padding: 20px 20px;
	margin: 0;
	display: inline-flex;
	justify-content: space-between;
}


ul.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: calc(100vh - 270px);
    overflow-x: hidden;
}

p.woocommerce-mini-cart__buttons.buttons a{
	border: 1px solid #09091c;
	text-align: center;
	margin: 0;
	display: block;
	transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
	line-height: 35px;
}
p.woocommerce-mini-cart__buttons.buttons a:hover {
	background: #09091c;
	color: #fff;
}
p.woocommerce-mini-cart__buttons.buttons a:first-child {
	margin-right: 10px;
}
p.woocommerce-mini-cart__buttons.buttons a.button.checkout.wc-forward {
	margin-left: 10px;
}
p.woocommerce-mini-cart__empty-message {
	font-size: 15px;
	padding: 10px 20px;
}

a.button.wc-forward {
    width:50%;
}

a.button.checkout.wc-forward {
    width:50%;
}
.added_to_cart.wc-forward {
	text-align: center;
	width: 100%;
	display: block;
	margin: 10px 0 0;
	color: #051ad0;
	font-weight: 700;
}

/* Product Menu */

.product-toggler .main-button-style svg {
    transition: var(--main-ease);
}
.product-toggler .main-button-style::after,
.product-toggler .main-button-style::before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--main-black-color);
    right: 22px;
    top: 50%;
    transform-origin: center center;
    opacity: 0;
    transition: var(--main-ease);
}
.product-toggler .main-button-style::after {
    transform: translateY(-50%) rotate(45deg);
}
.product-toggler .main-button-style::before {
    transform: translateY(-50%) rotate(-45deg);
}
.menu-open .product-toggler .main-button-style::after,
.menu-open .product-toggler .main-button-style::before {
    opacity: 1;
}
.menu-open .product-toggler .main-button-style:hover::after,
.menu-open .product-toggler .main-button-style:hover::before {
    background: #fff;
}
.menu-open .product-toggler .main-button-style svg {
    opacity: 0;
}
#product-menu::before {}

#product-menu,
#product-menu .sub-menu {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
#product-menu .sub-menu {
    min-width: 280px;
}
#product-menu .sub-menu li {
    transition: var(--main-ease);
}
#product-menu .sub-menu li:hover {
    background: var(--main-black-color);
    padding: 5px 20px 5px 25px;
}
.product-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    /* background: #fffffff0; */
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
#product-menu .sub-menu,
#product-menu,
.product-menu {
    height: calc(100vh - 125px);
}
.scrolled #product-menu .sub-menu,
.scrolled #product-menu,
.scrolled .product-menu {
    height: calc(100vh - 97px);
}
.menu-open .product-menu {
    max-height: calc(100vh - 125px);
}
.scrolled.menu-open .product-menu {
    max-height: calc(100vh - 97px);
}
#product-menu {
    display: block;
    width: max-content;
    position: relative;
    z-index: 10;
    pointer-events: all;
    border-right: 1px solid var(--main-blue-color);
    min-width: 280px;
}
#product-menu::before {
    content: "";
    display: block;
    right: 0;
    top: 0;
    background: #fff;
    width: 50vw;
    height: 100%;
    position: absolute;
    z-index: -1;
}
#product-menu > li {
    padding: 5px 5px 5px 0 ;
    border-bottom: 1px solid var(--main-blue-color);
    transition: var(--main-ease);
}
#product-menu > li > a {
    width: 100%;
    position: relative;
    display: block;
    padding: 5px 40px 5px 0;
}
#product-menu > li:hover {
    padding: 5px;
    background: var(--main-blue-color);
}
#product-menu > li:hover > a {
    color: #fff
}
#product-menu .sub-menu > li {
    border-bottom: 1px solid #fff;
    padding: 5px 20px;
}

#product-menu > li > a {
    font-size: 16px;
    line-height: 1;
    color: var(--main-blue-color);
    font-weight: 700;
    text-transform: uppercase;
}
#product-menu .sub-menu > li > a {
    font-size: 16px;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 5px 40px 5px 0;
}
#product-menu .sub-menu {
    position: absolute;
    left: 100%;
    top: 0;
    background: #045a75;
    z-index: -5;
    transform: translateX(-100%);
    transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    min-width: 280px;
}
#product-menu .sub-menu * {
    color: #fff;
}
#product-menu li.menu-item-has-children > a::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    transform-origin: center center;
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
    border-top: 2px solid var(--main-blue-color);
    border-right: 2px solid var(--main-blue-color);
}
#product-menu li.menu-item-has-children:hover a::before {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
#product-menu li.menu-item-has-children:hover .sub-menu {
    transform: translateX(0);
}

/* Home Styles */

.ht-svg-holder {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 75px;
}
.home-top-left {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.home-top-right {
    margin: 0 0 0 auto;
    padding-top: 40%;
    display: block;
    width: 70%;
}
.home-top-right img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}
.big-title {
    font-size: 32px;
}
h1.entry-title,
.home-top-left h1 {
    color: var(--main-blue-color);
    font-size: 64px;
    line-height: 1;
    text-shadow: 0px 0px 3px #fff;
    margin: 40px 0;
}
.play-button {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border: 0px;
    border-color: transparent;
    border-radius: 0;
    background: transparent;
    transition: var(--main-ease);
}
.play-button:hover {
    cursor: pointer;
}
.home-video {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    width: 100%;
    height: 100%;
}
.home-video iframe {
    display: block;
    width: 100%;
    height: 100%;
    transition: var(--main-ease);
}
.home-video.play {
    opacity: 1;
}
.play-button.hide {
    opacity: 0;
    pointer-events: none;
}

.hs2 {padding: 75px 0 25px;}
.hs2-top {padding-bottom: 80px;}

.hs2-title-row {
    padding: 50px 0;
    border-top: 1px solid var(--main-black-color);
}
.hs2-title-row:last-child {
    border-bottom: 1px solid var(--main-black-color);
}
.title-count {
    color: var(--main-black-color);
    vertical-align: sub;
    font-size: 15px;
    font-weight: 500;    
    padding-right: 50px;
}
.row-title {
    vertical-align: top;
    display: inline-block;
    font-size: 36px;
    font-weight: 700;
    color: var(--main-blue-color);
}
.black-title {
    font-size: 36px;
    font-weight: 700;
    color: var(--main-black-color);
}
.white-title {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}
.hs3 {
    margin: 35px 0;
    padding: 0;
}
.hs3-top {
    padding-bottom: 30px;
}
.hs4 { 
    padding: 60px 0 90px;
}
.hs4-left > h2 {
    margin: 0 0 60px;
}
.light-title {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.2;
    margin: 0 0 10px;
}
.hs4-left .row-txt {
    margin: 0 0 20px;
}
.hs4-cell {
    margin: 0 0 50px;
}
.hs4-image-holder {
    padding-top: 31%;
    width: 50%;
    right: 0;
    overflow: hidden;
    top: 50%;
    transform: translateY(-50%);
}
.hs4-image-holder img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: auto;
    max-width: initial;
    max-height: initial;
    transform: translate(-50%, -50%);
}

/* Do It yourself */

.diy-right,
.diy-left {
    width: 28%;
    position: absolute;
    top: 0;
    height: 100%;
}
.diy-right {
    right: 0;
}
.diy-left {
    left: 0;
}
.diy-center {
    width: 40%;
    max-width: 620px;
    margin: 0 auto;
}
.diy-row {
    padding: 50px 0;
    background: linear-gradient(180deg, #cacaca 0%, rgba(217, 217, 217, 0.00) 100%);
    margin: 50px 0;
}
.diy-left-inner {
    max-width: 620px;
    margin: 0 auto;
    padding: 50px 0;
    text-align: center;
}
.diy-left-inner .main-link-style {
    margin: 0 auto;
}
.diy-has-img .diy-left-inner {
    padding: 200px 0;
    min-height: 650px;
}
.diy-img-wrapper {
    width: 100%;
    max-width: 240px;
    max-height: 320px;
    position: absolute;
}
.diy-left .diy-img-wrapper:first-child {
    right: 20%;
    top: 0;
}
.diy-left .diy-img-wrapper:nth-child(2) {
    left: 0%;
    top: 20%;
}
.diy-left .diy-img-wrapper:nth-child(3) {
    right: 0%;
    bottom: 0;
}
.diy-right .diy-img-wrapper:first-child {
    right: 0%;
    top: 0;
}
.diy-right .diy-img-wrapper:nth-child(2) {
    left: 0%;
    top: 20%;
}
.diy-right .diy-img-wrapper:nth-child(3) {
    right: 20%;
    bottom: 0;
}

/* Porject Carousel */

.proj-cell {overflow: hidden;}
.proj-cell img {
    transition: var(--main-ease);
    transform-origin: center center;
}
.proj-cell:hover img {
    transform: scale(1.1);
}
.proj-cell:hover::before {
    background: #1e1e1e00;
}
.proj-cell::before {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #1e1e1e2e;
    z-index: 1;
    mix-blend-mode: darken;
    transition: var(--main-ease);
}
.proj-title {
    position: absolute;
    bottom: 0;
    padding: 0 20px;
    color: #fff;
    font-weight: 100;
    z-index: 10;
}
.proj-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
}
.proj-carousel {
    width: calc(100% - 140px);
    margin: 0 auto 50px auto;
}
.proj-carousel .owl-nav {display: none;}
.hs3-bot {margin-bottom: 60px;}

/* Product Category Carousel */

.prod-cat-carousel {
    padding-bottom: 50px;
}
.prod-cat-carousel .owl-nav,
.prod-cat-carousel .owl-dots {display: none;}
.prod-cat-info {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 50px;
    width: 100%;
    z-index: 5;
}
.prod-cat-carousel .prod-cat-cell {
    padding-top: 100%;
    overflow: hidden;
}
.prod-cat-carousel .prod-cat-cell img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-height: initial;
    max-width: initial;
}
.prod-cat-carousel .prod-cat-cell .cat-desc {
    font-size: 15px;
}
.prod-cat-carousel .prod-cat-cell a {
    left: 0;
    top: 0;
    z-index: 10;
}
.prod-cat-cell::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    transition: var(--main-ease);
}
.prod-cat-cell:hover::before {
    opacity: 0.8;
}
.prod-cat-info * {
    color: #fff;
}
.prod-cat-info h4 {
    font-size: 26px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 10px;
}
.cat-desc {
    margin: 0 0 20px;
}
.prod-cat-desc {
    overflow: hidden;
    max-height: 0;
    transition: all 1.2s cubic-bezier(0.37, 0, 0.63, 1);
}
.prod-cat-cell:hover .prod-cat-desc {
    max-height: 250px;
}
.owl-button {
    display: block;
    position: relative;
    z-index: 1;
}
.owl-button:hover {
    cursor: pointer;
}
.hs5-bot {
    width: calc(100% - 140px);
    margin: 0 auto;
}
.proj-nav,
.prod-cat-nav {
    padding: 20px 0;
    display: flex;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 20;
    gap: 20px;
    transform: translate(-50%, -50%);
    justify-content: space-between;
    pointer-events: none;
}
.proj-nav .customPrevBtn,
.prod-cat-nav .customPrevBtn {
    order: 2;
}
.proj-nav {
    width: 100%;
}
.prod-cat-nav {
    width: calc(100% + 140px);
}
.proj-nav .owl-button,
.prod-cat-nav .owl-button {
    pointer-events: all;
}
.proj-nav svg,
.prod-cat-nav svg {
    width: 60px;
    height: 60px;
    transform-origin: center;
    transform: rotate(180deg);
}
.owl-button circle,
.owl-button path {
    transition: var(--main-ease);
}
.owl-button circle {fill: transparent;}
.owl-button:hover circle {fill: var(--main-black-color);}
.owl-button:hover path {fill: #fff;}

/* Blog */

.home-blog {
    padding: 60px 0;
    margin: 60px 0;
}
.hs6-top {
    display: grid;
    grid-template-columns: 1fr max-content max-content;
    align-items: center;
    gap: 40px;
}

/* Home Blog Area */

.h-post-cell {
    display: grid;
    padding: 40px 0 53px;
    border-bottom: 1px solid #fff;
    grid-template-columns: max-content 1fr 1fr;
    gap: 50px;
    align-items: flex-start;
    z-index: 1;
}
.h-post-cell .title-count {
    padding: 5px;
    color: #fff;
}
.h-post-cell h2 {
    margin: 0;
    font-size: 30px;
    line-height: 1.4;
}
.h-post-cell p {
    margin: 0;
}
.h-post-row::before {
    content: "";
    display: block;
    position: absolute;
    transform-origin: left;
    position: absolute;
    z-index: 0;
    pointer-events: none;
    background-color: #fff;
    transition: var(--main-ease);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scaleX(0);
}
.h-post-row:hover::before {
    transform: scaleX(1);
}
.h-post-row .h-post-cell * {
    transition: all 0.6s ease-in-out;
}
.h-post-row:hover .h-post-cell * {
    color: var(--main-black-color);
}

/* Footer */

.site-footer {
    padding: 100px 0 0;
    background: #e7e7e7;
}
.site-footer h4 {
    font-size: 30px;
    color: var(--main-black-color);
    font-weight: 600;
    margin: 0 0 20px;
}
.site-footer p {
    margin: 0 0 5px;
}
.site-footer p,
.site-footer a {
    color: #323232;
}
.site-footer a {
    position: relative;
    display: inline-block;
}
.site-footer a::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 1px;
    background: var(--main-black-color);
    transition: var(--main-ease);
    transform-origin: left;
    transform: scaleX(0);
}
.site-footer a:hover::after {
    transform: scaleX(1);
}
.footer-top {
    padding-bottom: 65px;
}
.copyright {
    padding: 30px 0;
}
.copyright.espa-pad {
    padding: 30px 0 90px;
}

.espa-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    pointer-events: none;
    z-index: 99;
}
.espa-banner p {
    margin: 0;
}
.espa-banner a {
    display: block;
    width: max-content;
    margin: 0 auto;
    pointer-events: all;
}
.espa-banner img {
    max-height: 80px;
    width: auto;
    display: block;
}

/* Newsletter */

.nl-form-wrapper label span {
    display: block;
    font-size: 30px;
    color: var(--main-black-color);
    font-weight: 600;
    margin: 0 0 20px;
}
.nl-form-wrapper input[type="email"] {
    display: block;
    margin: 0 0 20px;
    width: 100%;
    padding: 0 10px;
    background: #e7e7e7;
    font-size: 18px;
    line-height: 34px;
    max-width: 350px;
    border-radius: 0;
}
.login-submit input[type="submit"],
.nl-form-wrapper input[type="submit"] {
    display: block;
    width: max-content;
    position: relative;
    padding: 8px;
    font-size: 18px;
    line-height: 1.4;
    min-width: 180px;
    z-index: 1;
    color: var(--main-black-color);
    border-width: 0 0 1px 0;
    border-bottom: 1px solid var(--main-black-color);
    transition: var(--main-ease);
    border-radius: 0;
    background: transparent;
    z-index: 2;
}
.login-submit:hover input[type="submit"],
.nl-form-wrapper .sumbit-wrapper:hover input[type="submit"] {
    color: #fff;
}
.login-submit,
.nl-form-wrapper .sumbit-wrapper {
    position: relative;
    width: max-content;
    overflow: hidden;
}
.login-submit:before,
.nl-form-wrapper .sumbit-wrapper::before {
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    z-index: 1;
    background: #000;
    width: 100%;
    height: 100%;
    transition: var(--main-ease);
    transform: translateY(100%);
    position: absolute;
}
.login-submit:hover:before,
.nl-form-wrapper .sumbit-wrapper:hover:before {
    transform: translateY(0%);
}

/***************/
/* WOOCOMMERCE */
/***************/

/*-------------------
# PRODUCT ARCHIVE 
-------------------*/

.woo-archive-div {
    margin-bottom: 100px;
}
ul.products.columns-4 li.product {
	width: 100% !important;
}
ul.products.columns-4,
.woo-archive-div ul.products.columns-4 {
	display: grid;
	gap: 60px;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
}
ul.products.columns-4 li.product,
.woo-archive-div ul.products.columns-4 li.product {
	max-width: 336px;
	width: 100%;
	float: none;
	margin-right: 0;
	position: relative;
}
ul.products.columns-4 li.product::before,
.woo-archive-div ul.products.columns-4 li.product::before {
	content: "";
	display: block;
	position: absolute;
	right: -72px;
	transform: translateX(-50%);
	width: 1px;
	height: 100%;
	background: var(--main-lightblue-color);
}
ul.products.columns-4 li.product:nth-child(3n)::before,
.woo-archive-div ul.products.columns-4 li.product:nth-child(4n)::before,
.woo-archive-div ul.products.columns-4 li.product:last-child::before {
	display: none;
}
.project-archive-header,
.woocommerce-products-header {
	padding: 50px 0;
	background: linear-gradient(0deg, var(--main-black-color), var(--main-blue-color));
	margin-bottom: 108px;
}
.project-archive-header p,
.woocommerce-products-header p {margin: 0;}
.woocommerce-products-header * {
	color: #fff;
}
.archive-desc {
	padding: 0 54px;
}
.archive-desc p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px;
}
.archive-desc li {
    font-size: 14px;
	line-height: 18px;
    margin: 0 0 5px;
}
h1.archive-title,
.woocommerce-products-header__title {
    color: #fff;
}
.woocommerce-products-header__title {
    margin: 0;
    line-height: 1;
}
h1.archive-title {
    margin: 0 0 15px;
}
.archive-desc li:last-child,
.archive-desc p:last-child {
	margin: 0;
}
.archive-top {
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 108px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.archive-top .woocommerce-notices-wrapper {
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px 0;
}
.archive-top .woocommerce-ordering {
	display: inline-block;
}
.archive-top .woocommerce-ordering select {
	color: var(--main-blue-color);
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	padding: 9px 9px 9px 14px;
	border: 1px solid var(--main-blue-color);
	transition: var(--main-ease);
}
.archive-top .woocommerce-ordering select:hover,
.archive-top .woocommerce-ordering select:focus {
	border: 1px solid #767676ff;
}

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: var(--main-blue-color) !important;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.woocommerce-loop-product__title {
    font-size: 18px;
    line-height: 1;
}
.products.columns-4 .product,
.woo-archive-div .product {
    border: 1px solid #326670;
    border-radius: 5px;
    position: relative;
    padding-bottom: 40px;
    overflow: hidden;
}
.prod-loop-thumb {
    position: relative;
    display: block;
    padding-top: 250px;
    overflow: hidden;
}
.prod-loop-thumb > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
ul.products li.product img,
.woo-archive-div .prod-loop-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
}
ul.products li.product .woocommerce-loop-product__title,
.woo-archive-div .woocommerce-loop-product__title {
    padding: 5px 5px 0;
    border-top: 1px solid #326670;
    margin: 0 0 5px;
}
ul.products li.product .button {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 10px);
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1;
    padding: 7px 10px;
    transition: var(--main-ease);
    background: #faebd7;
}
ul.products li.product .button.product_type_simple,
.woo-archive-div .button.product_type_simple {
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 10px);
    background: #dce2e7;
    border-radius: 5px;
    overflow: hidden;
    font-size: 16px;
    line-height: 1;
    padding: 7px 10px;
    transition: var(--main-ease);
}
ul.products li.product .button.product_type_simple:hover,
.woo-archive-div .button.product_type_simple:hover {
    background: var(--main-blue-color);
    color: #fff;
}

/* pagination */


.woocommerce-pagination .page-numbers{
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

.woocommerce-pagination .page-numbers li {
	margin:0 10px;
	display: inline-block;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
	display: block;
	text-align: center;
	position: relative;
	z-index: 10;
	min-width: 30px;
	transition: transform 0.6s cubic-bezier(0.32, 0, 0.67, 0);
	color: #000;
}
.woocommerce-pagination .page-numbers li a {
	border: 1px solid #e7e7e7;
}
.woocommerce-pagination .page-numbers li span.current {
	border: 1px solid #e7e7e7;
}
.woocommerce-pagination .page-numbers li a::before,
.woocommerce-pagination .page-numbers li span::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #e7e7e7;
	z-index: -1;
	transform: scaleY(0);
	transition: transform 0.6s cubic-bezier(0.5, 1, 0.89, 1);
	transform-origin: bottom;
}
.woocommerce-pagination .page-numbers li span.current::before,
.woocommerce-pagination .page-numbers li a:hover::before,
.woocommerce-pagination .page-numbers li span:hover::before {
	transform: scaleY(1);
}
.woocommerce-pagination .page-numbers li span.current,
.woocommerce-pagination .page-numbers li a:hover,
.woocommerce-pagination .page-numbers li span:hover {
	color: #000;
}
.woocommerce-pagination .page-numbers li span.page-numbers.dots::before {display: none;}
.woocommerce-pagination .page-numbers li span.page-numbers.dots {color: #000 !important;}


/* Filters */

.filters-holder {
	position: fixed;
	left: 0;
	top: 0;
	background: #fff;
	width: 100%;
	padding: 36px;
	max-width: 491px;
	z-index: 1010;
	height: 100vh;
	transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	transform: translate(-100%);
}
.filters-container.open .filters-holder {
	transform: translate(0);
}
.filters-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	background: #00000080;
	z-index: 999;
	backdrop-filter: blur(1px);
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.filters-container.open .close-button,
.filters-container.open .filters-overlay {
	opacity: 1;
	pointer-events: all;
}
.close-button {
	position: absolute;
	right: -67px;
	background: var(--main-green500-color);
	border: 1px solid var(--main-green500-color);
	height: 43px;
	display: block;
	width: 43px;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.close-button:hover {
	cursor: pointer;
	background: #fff;
}
.close-button::after,
.close-button::before {
	content: "";
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	transform-origin: 50% 50%;
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	z-index: 1;
}
.close-button::after {
	transform: translate(-50%, -50%) rotate(45deg);
}
.close-button::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.close-button:hover::after,
.close-button:hover::before {
	transform: translate(-50%, -50%) rotate(0deg);
	background: var(--main-green500-color);
}
.filter-button {
	float: left;
	background-color: var(--main-blue-color);
	vertical-align: middle;
	padding: 9px 14px;
	border: 1px solid var(--main-blue-color);
	display: flex;
	flex-direction: row;
	align-items: center;
	border-radius: 5px;
	gap: 5px;
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.filter-button span {
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.filter-button path {
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.filter-button:hover {
	background-color: #fff;
}
.filter-button:hover path {
	fill: var(--main-blue-color);
}
.filter-button:hover span {
	color: var(--main-blue-color);
}
.woof_products_top_panel button {
	background-color: var(--main-blue-color);
	vertical-align: middle;
	padding: 9px 14px;
	border: 1px solid var(--main-blue-color);
	border-radius: 5px;
	gap: 5px;
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
	color: #fff;
	font-weight: 700;
	font-size: 14px;
}
.woof_products_top_panel button:hover {
	background-color: #fff;
	color: var(--main-blue-color);
}
.woof_products_top_panel {
	float: right;
	clear: none;
	margin: 0;
}
.woof_products_top_panel_ul {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.woof_products_top_panel ul li {
	font-size: 14px;
	line-height: 1;
}
.woof_products_top_panel li span, .woof_products_top_panel2 li span {
	font-weight: 700;
	background: none;
	position: relative;
}
.woof_products_top_panel li span::before, 
.woof_products_top_panel li span::after, 
.woof_products_top_panel2 li span::before,
.woof_products_top_panel2 li span::after {
	content: "";
	display: block;
	position: absolute;
	right: 0px;
    top: 50%;
    width: 8px;
	height: 1px;
	background: #000;
	transform: translate(-50%,-50%);
	transform-origin: center center;
}
.woof_products_top_panel li span::before, 
.woof_products_top_panel2 li span::before {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.woof_products_top_panel li span::after, 
.woof_products_top_panel2 li span::after {
	transform: translate(-50%, -50%) rotate(45deg);
}
.filters-holder h4 {
	font-size: 22px;
	line-height: 1.2;
	font-weight: 800;
	color: var(--main-grey700-color);
}
.woof_submit_search_form_container {
	margin-top: 36px;
}
button.button.woof_reset_search_form {
	border: 1px solid var(--main-green500-color);
	border-radius: 5px;
	padding: 9px 14px;
	background: transparent;
	font-size: 14px;
	font-weight: 700;
	color: var(--main-green500-color);
	transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
button.button.woof_reset_search_form:hover {
	color: #fff;
	background: var(--main-green500-color);
}
.woof_price_filter_txt_container input {
	border: 0;
	padding: 9px 9px 9px 14px;
	color: var(--main-grey700-color);
	border-radius: 5px;
	background: rgba(0, 0, 0, 0.07);
	min-width: 160px;
	font-size: 14px;
	line-height: 1.2;
}

/* Breadcrumbs */

.woocommerce-breadcrumb {display: none;}

.woocommerce-result-count {
	display: block;
	float: left;
	margin: 0;
	font-size: 14px;
	line-height: 35px;
}


/* Single Post */

.post-image {
    z-index: 2;
}
.post-image-wrapper {
    max-height: 580px;
    height: 60vh;
}
.post-image::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100vw;
    background: #e7e7e7;
    z-index: -1;
}
.post-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    min-width: 80%;
    max-height: 150%;
    width: auto;
    height: auto;
}
.post-head-area {
    padding: 20px 0 5px;
}
.post-head-area .entry-meta * {
    font-size: 14px;
}
.post-head-area .entry-date {
    font-weight: 700;
}
.entry-content a {
    font-weight: 700;
    color: var(--main-black-color);
    transition: var(--main-ease);
    text-decoration: underline;
}
.entry-content a:hover {
    color: var(--main-blue-color);
}

/* Single Post Navigation */

.nav-links {
    padding: 10px 0;
    border-top: 1px solid var(--main-blue-color);
    border-bottom: 1px solid var(--main-blue-color);
}
.post-head-area {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--main-blue-color);
}
.svg-arrow svg {
    width: 50px;
    height: auto;
    display: block;
}
.svg-arrow {
    display: inline-block;
    vertical-align: middle;
}
.svg-arrow.svg-left {
    margin-right: 10px;
}
.svg-arrow.svg-right {
    margin-left: 10px;
}
.svg-arrow .circle {
    fill: var(--main-blue-color);
    transition: var(--main-ease);
}
.svg-arrow.svg-left svg {
    transform: rotate(180deg);
}
.svg-arrow svg {
    transform-origin: center center;
}
.nav-links a:hover .circle {
    fill: var(--main-black-color)
}
.nav-links .nav-title {
    font-weight: 700;
    padding: 2px 0;
    position: relative;
    display: inline-block;
    font-size: 14px;
}
.nav-links .nav-title::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: var(--main-blue-color);
    transition: var(--main-ease);
    transform-origin: left;
    transform: scaleX(0);
}
.nav-links a:hover .nav-title::before {
    background: var(--main-black-color);
    transform: scaleX(1);
}

/* Projects Archive */

.sub-title {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;
}
.project-thumb {
    padding-top: 65%;
    border-radius: 10px;
}
.project-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: initial;
    height: auto;
    min-height: 100%;
}
.project-cell {
    margin-bottom: 40px;
}
.project-cell .type-post,
.project-cell .project {
    border: 1px solid var(--main-black-color);
    border-radius: 10px;
    padding: 10px;
    background: linear-gradient(0deg, var(--main-black-color), var(--main-blue-color));
}
.entry-title {margin: 10px 0 5px;line-height: 1.2;}
.project-intro {
    font-size: 24px;
    font-weight: 700;
    padding: 30px 0;
    color: var(--main-blue-color);
}
.gcell-wrapper {
    padding-top: 66%;
    border-radius: 10px;
    background: linear-gradient(0deg, var(--main-black-color), var(--main-blue-color));
}
.gcell-wrapper::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    pointer-events: none;
    border: 2px solid var(--main-blue-color);
    z-index: 10;
    transition: var(--main-ease);
    transform-origin: center;
}
.gcell-wrapper:hover::before {
    transform: translate(-50%,-50%) scale(0.9);
}
.gcell-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    max-height: initial;
    min-height: 100%;
    transition: var(--main-ease);
    transform-origin: center;
}
.gcell-wrapper:hover img {
    transform: translate(-50%,-50%);
}
.img-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* BLOCK */

.col-bg-block-row {
    align-items: center;
}
.col-bg-block-left {
    padding: 50px 100px;
}
.col-bg-block-left h1.big-title {
    margin: 0 0 20px;
}
.col-bg-block-right img {
    display: block;
}
.small-title {
    font-size: 14px;
    font-weight: 700;
}
.col-bg-block-row.full-screen-width {
    width: 100vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
.col-bg-block-right-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.col-bg-block-left-txt p {
    font-size: 16px;
}

/* CTA - Call to Action */

.cta-row {
    padding: 40px 0;
    text-align: center;
    position: relative;
    z-index: 10;
}
.cta-row::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100vw;
    height: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    pointer-events: none;
    background: #045A75;
}
.cta-row .wp-block-group__inner-container * {
    font-size: 24px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
.cta-row .wp-block-group__inner-container a {
    text-decoration: none;
    font-weight: 700;
    position: relative;
}
.cta-row .wp-block-group__inner-container a::before  {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform: translateX(-50%) scaleX(0);
    transition: var(--main-ease);
    transform-origin: center center;
}
.cta-row .wp-block-group__inner-container a:hover::before {
    transform: translateX(-50%) scaleX(1);
}

/* Page Class */

.wp-block-separator {
    margin: 20px 0;
    border-top: none;
}
.sm-grid {
    max-width: 800px;
    margin: 0 auto;
}

.contact-cols p {
    margin: 0;
}
.contact-cols .wp-block-columns {
    position: relative;
    margin: 0;
    padding: 5px 0;
}
.contact-cols .wp-block-columns::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    position: absolute;
    transform: translateX(-50%);
    background: #000;
}
.contact-cols .wp-block-columns p,
.contact-cols .wp-block-columns a {
    font-size: 14px;
    line-height: 18px;
}
.contact-cols .wp-block-columns a {
    font-weight: 700;
}
.page-wrapper p.has-small-font-size,
.contact-cols .wp-block-columns h4 {
    font-size: 18px !important;
    line-height: 20px;
    margin: 0;
}
.page-wrapper .has-medium-font-size {
    line-height: 1;
    margin: 20px 0;
}
.page-template-default .page-wrapper {
    padding: 50px 0;
}

/* WPFORMS */

.page-wrapper .wpforms-field-container {
    padding: 50px;
    background: var(--main-blue-color);
    border-radius: 5px;
    overflow: hidden;
}
.page-wrapper .wpforms-field-label-inline,
.page-wrapper .wpforms-field-label-inline a,
.page-wrapper .wpforms-field-label {
    color: #fff !important;
}
.page-wrapper .wpforms-field-label-inline a {
    text-decoration: underline;
}
.page-wrapper input[type=text],
.page-wrapper input[type=email],
div.wpforms-container-full .wpforms-form textarea {
    background: #fff !important;
    color: #61838c !important;
}
.page-wrapper .wpforms-submit {
    background-color: #045a75 !important;
    border-radius: 5px !important;
    font-size: 20px !important;
}
.wpforms-error:not(input[type=checkbox],input[type=text],input[type=email]) {
    padding: 5px 5px 2px 25px !important;
    background: #fff !important;
}
div.wpforms-container-full .wpforms-form label.wpforms-error:before, div.wpforms-container-full .wpforms-form em.wpforms-error:before {
    left: 3px;
    top: 5px;
}
.page-wrapper .wpforms-container .wpforms-form .wpforms-field-sublabel,
.page-wrapper .wpforms-field-container .wpforms-field-description {
    color: #dbdbdb;
}
.wpforms-field-mailchimp ul {list-style-type: none;}

/*-------------------
# SINGLE PRODUCT
-------------------*/

/* Top Breadcrumbs */

#breadcrumbs {
	padding: 10px 0;
    margin: 0;
    border-bottom: 1px solid var(--main-blue-color);
}
#breadcrumbs span {
	color: #000;
	font-weight: 400;
	font-size: 14px;
	line-height: 120%;
}
#breadcrumbs a {
	font-size: 14px;
    color: var(--main-blue-color);
    font-weight: 700;
}

/* Single Product Top Area */

.s-product-top {
	display: flex;
	flex-direction: row;
	align-items: center;
    margin: 0;
	border-bottom: 1px solid var(--main-blue-color);
	position: relative;
}
.s-product-top .woocommerce-product-gallery__wrapper {
    width: max-content;
    max-width: calc(100% - 60px);
    box-shadow: 0 0 24px -15px #000;
    margin: 0 auto;
}
.s-product-top .woocommerce-product-gallery__wrapper img {
    display: block;
}
.s-product-top .s-product-top-summary {
	padding: 120px 0 120px 120px;
}
.s-product-top::before {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #cacaca 0%, rgba(217, 217, 217, 0.00) 100%);
    z-index: -1;
    border-right: 1px solid var(--main-blue-color);
    pointer-events: none;
}
.woocommerce-product-gallery__image,
.woocommerce-product-gallery__image--placeholder {text-align: center;}
img.wp-smiley, img.emoji {display: none !important;}
/* Pithanon na allaksei */
/* .s-product-top .onsale {display: none;}
.s-product-top .cart {display: none;} */
/* Pithanon na allaksei */

.s-product-top .s-product-top-summary,
.s-product-top .woocommerce-product-gallery {
	width: 50%;
}
.s-product-top .woocommerce-product-gallery {
	margin: 0;
}
.s-product-top .s-product-top-summary h1.product_title {
    margin: 0 0 15px;
    padding-bottom: 15px;
    border-bottom: 2px solid var(--main-blue-color);
	color: var(--main-blue-color);
	font-style: normal;
	font-weight: 800;
	font-size: 32px;
}
.s-product-top del .woocommerce-Price-amount bdi,
.s-product-top del .woocommerce-Price-amount bdi span {
	color: var(--main-grey400-color);
	font-weight: 400;
	font-size: 22px;
	line-height: 160%;
}
.s-product-top .woocommerce-Price-amount bdi,
.s-product-top .woocommerce-Price-amount bdi span,
.s-product-top ins .woocommerce-Price-amount bdi,
.s-product-top ins .woocommerce-Price-amount bdi span {
	color: var(--main-blue-color);
	font-weight: 800;
	font-size: 35px;
	line-height: 120%;
}
.s-product-top .price {
	display: grid;
	grid-template-columns: 1fr;
	margin-bottom: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid #e7e7e7;
}
.s-product-top .price del {
	order: 2;
}
.s-product-top .woocommerce-product-details__short-description p {
    margin: 0;
    color: var(--main-blue-color);
	font-size: 15px;
	line-height: 29px;
}
.wishlist_table .product-stock-status span.wishlist-in-stock,
.s-product-top .stock.in-stock {
    margin: 0;
    display: block;
    padding: 5px 10px;
    margin-bottom: 27px;
    width: max-content;
    background-color: #0f834d;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}
.wishlist_table .product-stock-status span.wishlist-in-stock {
    margin: 0 auto;
}
.s-product-top form.cart,
.s-product-top .woocommerce-product-details__short-description {
    margin-bottom: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid #e7e7e7;
}
.s-product-top form.cart {
    display: flex;
    gap: 20px;
}
.s-product-top input[type="number"] {
    padding: 5px 10px;
}
.s-product-top button, 
.s-product-top input[type="button"], 
.s-product-top input[type="reset"], 
.s-product-top input[type="submit"] {
    border: 1px solid var(--main-blue-color);
    border-radius: 5px;
    background: var(--main-blue-color);
    color: #fff;
    line-height: 1;
    padding: 0 20px;
    font-weight: 700;
    transition: var(--main-ease);
}
.s-product-top button:hover, 
.s-product-top input[type="button"]:hover, 
.s-product-top input[type="reset"]:hover, 
.s-product-top input[type="submit"]:hover {
    background: #fff;
    color: var(--main-blue-color);
}
.s-product-top .product_meta > span {
    display: block;
    font-size: 14px;
}
.s-product-top .product_meta span.posted_in a {
    font-size: 14px;
    font-weight: 700;
    color: var(--main-blue-color);
}
.s-product-bot {
    padding: 0 0 50px;
}
.s-product-bot .woocommerce-tabs .tabs {
	display: none;
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel {
	max-width: 800px;
	display: block;
	margin: 0 auto;
}
.s-product-bot .woocommerce-tabs .panel h2:first-of-type {
	text-align: center;
    padding: 0 0 20px;
	margin: 0 0 20px;
	font-weight: 800;
	font-size: 35px;
	line-height: 120%;
	color: var(--main-blue-color);
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h4 {
	font-weight: 800;
	font-size: 23px;
	line-height: 120%;
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel p,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel li {
	color: var(--main-blue-color);
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel ul,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel ol {
	padding: 0 0 0 20px;
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel p,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel ul,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel ol,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h2,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h3,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h4,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h5,
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel h6 {
	margin: 0 0 32px;
}
.s-product-bot .woocommerce-tabs .woocommerce-Tabs-panel {
	padding: 50px 0;
}
.s-product-bot .related.products > h2 {
	text-align: center;
	padding: 50px 0;
	font-weight: 800;
	font-size: 35px;
	line-height: 120%;
	color: var(--main-blue-color);
	border-top: 1px solid var(--main-blue-color);
}

/* Woo Messages */

.woocommerce-message,
.s-product-page .woocommerce-message, 
.s-product-page .woocommerce-info, 
.s-product-page .woocommerce-error, 
.s-product-page .woocommerce-noreviews, 
.s-product-page p.no-comments {
    background-color: transparent;
    clear: both;
    padding: 5px 0;
    position: relative;
    z-index: 10;
}
.woocommerce-message:before,
.s-product-page .woocommerce-message::before, 
.s-product-page .woocommerce-info::before, 
.s-product-page .woocommerce-error::before, 
.s-product-page .woocommerce-noreviews::before, 
.s-product-page p.no-comments::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    pointer-events: none;
    z-index: -1;
    width: 100vw;
    height: 100%;
}
.woocommerce-message::before,
.s-product-page .woocommerce-message::before {
    background: #0f834d;
}
.woocommerce-message,
.s-product-page .woocommerce-message {
    font-size: 14px;
    color: #fff;
}
.woocommerce-message a,
.s-product-page .woocommerce-message a {
    display: inline-block;
    border: 1px solid var(--main-blue-color);
    border-radius: 5px;
    background: var(--main-blue-color);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    margin: 0 20px 0 0;
    font-weight: 700;
    transition: var(--main-ease);
}

/*---------------------
# CART PAGE
----------------------*/

.woocommerce-cart .woocommerce-cart-form th {
    border-bottom: 1px solid var(--main-blue-color);
    font-size: 16px;
    font-weight: 500;
    color: var(--main-blue-color);
}
.woocommerce-cart .woocommerce-cart-form td {
    border-bottom: 1px solid var(--main-lightblue-color);
}
.woocommerce-cart .woocommerce-cart-form tr {
    position: relative;
}
.woocommerce-cart .woocommerce-cart-form img {
    display: block;
}
.woocommerce-cart .woocommerce-cart-form .product-remove {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 0;
    font-size: 40px;
}
.woocommerce-cart .woocommerce-cart-form .product-remove a {
    display: block;
}
.woocommerce-cart .woocommerce-cart-form .actions {
    border-bottom: 0;
}
.wishlist_table .product-add-to-cart a,
.woocommerce-checkout #payment .button,
.woocommerce-cart .checkout-button,
.woocommerce-cart .woocommerce-cart-form .actions button {
    border: 1px solid var(--main-blue-color);
    border-radius: 5px;
    background: var(--main-blue-color);
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    margin-top: 20px;
    font-weight: 700;
    transition: var(--main-ease);
}
.wishlist_table .product-add-to-cart a:hover,
.woocommerce-checkout #payment .button:hover,
.woocommerce-cart .checkout-button:hover,
.woocommerce-cart .woocommerce-cart-form .actions button:hover {
    background: #fff;
    color:  var(--main-blue-color);
}
.woocommerce-cart .woocommerce-message {
    margin-bottom: 40px;
}
.cart-collaterals {
    background: #e7e7e7;
    padding: 40px;
    border-radius: 5px;
}
.cart-collaterals h2 {
    margin-bottom: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid var(--main-blue-color);
}
.cart-collaterals p,
.cart-collaterals ul {
    margin: 0 0 10px;
}
.cart-collaterals tr td, 
.cart-collaterals tr th {
	border-bottom: 1px solid var(--main-blue-color);
}
.cart-collaterals tr td {
    padding: 10px 0;
}
.cart-collaterals a {
    font-weight: 700;
    color: var(--main-blue-color);
}

/*---------------------
# LOGIN / ACCOUNT PAGE
----------------------*/

.woocommerce-account .site-main div.woocommerce {
    min-height: 280px;
    position: relative;
    margin: 80px auto;
}
.woocommerce-account .woocommerce > h2 {
    font-size: 44px;
    font-weight: 800;
    color: #fff;
    padding: 10px 20px;
    background: linear-gradient(0deg, var(--main-black-color), var(--main-blue-color));
}
.woocommerce-form-login {
    width: 100%;
    max-width: 350px;
    padding: 20px;
    margin: 10px 0;
    border: 1px solid var(--main-blue-color);
}
.page-wrapper .woocommerce-form-login input[type=text],
.page-wrapper .woocommerce-form-login input[type=password] {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    background: #ffffff !important;
    color: var(--main-blue-color) !important;
    margin: 10px 0 0;
}
.page-wrapper .woocommerce-form-login button {
    display: block;
    background: var(--main-blue-color);
    color: #fff;
    margin: 10px 0 0;
    padding: 10px 20px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    border: 1px solid var(--main-blue-color);
    transition: var(--main-ease);
}
.page-wrapper .woocommerce-form-login button:hover {
    background: #fff;
    color: var(--main-blue-color);
    cursor: pointer;
}
.page-wrapper .woocommerce-form-login .woocommerce-LostPassword {
    margin: 20px 0 0;
}
.page-wrapper .woocommerce-form-login .woocommerce-LostPassword a {
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
}
.woocommerce-checkout ul.woocommerce-error {
    margin: 0 0 40px;
}
ul.woocommerce-error {
    border-radius: 5px;
    padding: 10px;
    list-style-type: none;
    background: var(--main-blue-color);
}
ul.woocommerce-error li {
    color: #fff;
}

/* Checkout Page */

.woocommerce-info, .woocommerce-noreviews, p.no-comments {
	padding: 5px 20px;
}
.woocommerce-info .showcoupon {
	font-weight: 700;
	color: var(--main-orange700-color);
}
ul.woocommerce-error {
	margin: 20px 0;
	list-style-type: none;
}
ul.woocommerce-error li {
	padding: 3px 0;
	color: #fff;
}
form.checkout_coupon {
	background-color: var(--main-green100-color) !important;
	padding: 20px;
}
form.checkout_coupon p {
	margin: 0 0 15px;
	font-size: 16px;
}
form.checkout_coupon p:last-child {
	margin: 0;
}
form.checkout_coupon .input-text {
	font-size: 16px;
	color: var(--main-grey700-color);
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

/* Form Checkout */

form.woocommerce-checkout {
	margin: 50px 0;
	background: var(--main-grey200-color);
	border-radius: 3px;
	padding: 40px;
}
form.woocommerce-checkout .col2-set {
	display: grid;
	grid-template-columns: 1fr 500px;
	gap: 40px;
}
form.woocommerce-checkout .col-1,
form.woocommerce-checkout .col-2,
form.woocommerce-checkout #order_review {
	background: #fff;
	padding: 40px;
	border-radius: 3px;
	margin-bottom: 40px;
}
.woocommerce-checkout h3 {
	color: var(--main-blue-color);
	margin: 0 0 20px;
}
.woocommerce-checkout h3#ship-to-different-address span {
	color: var(--main-blue-color);
	font-size: 22px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.03em;
}
form.woocommerce-checkout .woocommerce-input-wrapper {
    display: block;
}
form.woocommerce-checkout .woocommerce-input-wrapper input {
	width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 18px;
	line-height: 1.6;
}
.select2-container--default .select2-selection--single {
	color: var(--main-grey700-color);
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
	height: unset;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 100%;}
form.woocommerce-checkout .col-1 label {
	font-size: 16px;
}
.woocommerce form .form-row .required {text-decoration: none; color: var(--main-orange500-color);}

#order_review .shop_table {
	border-collapse: collapse;
	margin-bottom: 20px;
}
#order_review .shop_table thead th {
	background: var(--main-green200-color);
}
#order_review .shop_table tbody td {
	background: var(--main-green100-color);
}
#order_review .shop_table tfoot tr:nth-child(2n) th,
#order_review .shop_table tfoot tr:nth-child(2n) td {
	background: var(--main-green100-color);
}
#order_review .shop_table tfoot tr:nth-child(2n+1) th,
#order_review .shop_table tfoot tr:nth-child(2n+1) td {
	background: var(--main-green200-color);
}
#order_review th, 
#order_review td {
	text-align: left;
	padding: 0 10px;
}
#order_review .wc_payment_methods {
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
}
#order_review .wc_payment_methods li.woocommerce-notice {
	background-color: var(--main-orange200-color) !important;
}

/* Account */

/* woocommerce account page */

.woocommerce-account .site-main div.woocommerce {
    min-height: 280px;
    position: relative;
}
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
}
.logged-in.woocommerce-account .woocommerce {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: 40px;
}
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
	background: rgba(151, 161, 180, 0.3);
	padding: 20px;
	margin-bottom: 10px;
}
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div {
	padding: 20px;
	margin-bottom: 10px;
	background: #fff;
}
.page-header,
.woocommerce-account .entry-header {
	background: linear-gradient(0deg, rgba(49, 77, 53, 0.97), rgba(49, 77, 53, 0.97));
	padding: 20px;
	margin-bottom: 10px;
}
.page-header h1,
.woocommerce-account .entry-header h1 {
	color: #fff;
	padding: 0;
	margin: 0;
}
.woocommerce-account .site-main div.woocommerce label {
	display: block;
	font-size: 18px;
}
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div h2 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #000;
}
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content input[type="text"],
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content input[type="email"],
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content input[type="password"],
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content input[type="tel"],
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content .select2-container,
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div input[type="text"], 
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div input[type="email"], 
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div input[type="password"] {
	width: 100%;
	max-width: 500px;
	line-height: 1.2;
	font-size: 18px;
}
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div .woocommerce-LostPassword a {
	font-size: 13px;
	transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div .woocommerce-LostPassword a:hover {
	color: var(--main-blue-color);
}
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content button,
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div button {
	color: white;
	background: #09091C;
	border: 1px solid #09091C;
	border-radius: 8px;
	font-size: 18px;
	margin: 10px 0 0;
	padding: 10px 20px;
	transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1);
}
.logged-in.woocommerce-account .woocommerce .woocommerce-MyAccount-content button:hover,
.woocommerce-account .site-main div.woocommerce .u-columns.col2-set > div button:hover {
	color: #09091C;
	background: #97A1B4;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	font-size: 18px;
}
.logged-in.woocommerce-account .woocommerce-MyAccount-content a,
.logged-in.woocommerce-account .edit {
	color: var(--main-blue-color);
    font-weight: 700;
}
.logged-in.woocommerce-account .woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: none;
	background: rgba(151, 161, 180, 0.3);
	overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	position: relative;
	z-index: 2;
	padding: 10px 20px;
	margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    transition: color 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--main-blue-color);
	transform-origin: left center;
	transform: scaleX(0);
	transition: transform 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover::before {
    transform: scaleX(1);
}
.woocommerce-account .woocommerce-info, .woocommerce-noreviews, p.no-comments {
    background-color: #fff;
	padding: 5px 10px;
}
.woocommerce-account .woocommerce-Message .woocommerce-Button {
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #dadada;
}

/* Brand Block */

.brand-block .grid {max-width: calc(100% - 100px);}
.brand-img-holder {
    padding-top: 100%;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    transition: all 0.4s ease;
    transform-origin: center center;
}
.brand-cell:hover .brand-img-holder {
    transform: scale(0.9);
}
.brand-cell {
    padding: 20px;
}
.brand-block .owl-carousel .owl-nav {
    width: calc( 100% + 100px );
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    z-index: 10;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
}

.ani-div::before,
.ani-div::after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    transition: all 0.4s ease;
}
.tl-ani::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    transform-origin: top left;
    transform: scaleX(0);
}
.tl-ani::after {
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    transform-origin: top left;
    transform: scaleY(0);
}
.br-ani::before {
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    transform-origin: bottom right;
    transform: scaleX(0);
}
.br-ani::after {
    right: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    transform-origin: bottom right;
    transform: scaleY(0);
}
.brand-cell:hover .ani-div::before,
.brand-cell:hover .ani-div::after {
    transform: scale(1);
}
.brands-row .owl-nav button {
    pointer-events: all;
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #000 !important;
    border-radius: 50%;
    transition: all 0.5s ease-in-out;
}
.brands-row .owl-nav button:hover {
    background: #000;
}
.brands-row .owl-nav button span {
    color: #000;
    font-size: 34px;
    line-height: 1;
    transition: all 0.5s ease-in-out;
}
.brands-row .owl-nav button:hover span {
    color: #fff;
}

/* Post Block */

.post-block-feat-img {
    display: block;
    position: relative;
    padding-top: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}
.post-block-feat-img a,
.post-block-feat-img img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
}
.post-block-feat-img a {
    width: 100%;
    height: 100%;
}
.post-block-feat-img img {
    max-width: 150%;
    max-height: 150%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.post-block:hover img {
    transform: translate(-50%, -50%) scale(0.95);
}
.post-block-title-link {
    font-size: 28px;
    line-height: 1.2;
    position: relative;
    display: block;
    padding: 0 0 4px;
}
.post-block-title-link::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: left;
    transform: scaleX(0);
    transition: var(--main-ease);
}
.post-block:hover .post-block-title-link::before {
    transform: scaleX(1);
}
.post-block-title {
    margin: 0 0 5px;
}
.pb-intro-text {
    font-size: 15px;
    color: #4f4f4f;
}

/* DIY POSTS */

.diy-link-row {margin: 50px 0;}
.diy-link-row a {margin: 0 auto;}

.step-group .wp-block-group {
    padding: 40px 20px;
    background: #edededb3;
    margin: 0 0 20px;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}
.step-group p {
    margin: 0 0 15px;
}
.step-group p:last-child {
    margin: 0;
}
.step-group .wp-block-group .wp-block-columns {
    position: relative;
    z-index: 1;
    margin: 0;
}
.step-group h1, .step-group h2, .step-group h3, .step-group h4, .step-group h5, .step-group h6 {
    margin: 0 0 10px;
    padding: 0 0 10px;
    border-bottom: 1px solid #000;
}
.step-group .wp-block-group:nth-child(1)::before {content: '1';}
.step-group .wp-block-group:nth-child(2)::before {content: '2';}
.step-group .wp-block-group:nth-child(3)::before {content: '3';}
.step-group .wp-block-group:nth-child(4)::before {content: '4';}
.step-group .wp-block-group:nth-child(5)::before {content: '5';}
.step-group .wp-block-group:nth-child(6)::before {content: '6';}
.step-group .wp-block-group:nth-child(7)::before {content: '7';}
.step-group .wp-block-group:nth-child(8)::before {content: '8';}
.step-group .wp-block-group:nth-child(9)::before {content: '9';}
.step-group .wp-block-group:nth-child(10)::before {content: '10';}
.step-group .wp-block-group::before {
    position: absolute;
    display: block;
    z-index: 0;
    font-size: 130px;
    pointer-events: none;
    width: max-content;
    right: -10px;
    top: -10px;
    line-height: 110px;
    font-weight: 700;
    color: #fff;
}

/* tablepress */
.tablepress thead th {
    background: #326670;
    color: #fff;
}
.tablepress th,
.tablepress td {
    padding: 5px 20px;
}
.tablepress-table-name {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #a6eaff;
    border: 1px solid #326670;
}

/* group-style */

.group-style {
    padding: 20px;
    border-radius: 20px;
    border: 1px solid var(--main-blue-color)
}

/* Calculator */

.calc-wrapper {
    border-radius: 5px;
    padding: 20px;
    background: #edededb3;
    margin-bottom: 40px;
}
.calc-wrapper h2 {
    font-size: 22px;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
.calc-wrapper p {
    font-size: 16px;
}
.calc-wrapper p span {
    font-weight: 700;
}
.calc-wrapper input[type="number"] {
    margin: 0 0 15px;
}
.calc-wrapper input[type="submit"] {
    background-color: #045a75;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    line-height: 1;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.result-wrapper {
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}
.result-wrapper h3 {
    font-size: 22px;
    line-height: 1.2;
    border-bottom: 1px solid #000;
    padding: 0 0 5px;
    margin: 0 0 10px;
}
.result-wrapper p {
    margin: 0 0 5px;
}
.woocommerce .result-wrapper p:last-child {margin: 0;}

/* Fancy Group */

.fancy-group {
    border-radius: 5px;
    padding: 20px;
    background: #edededb3;
    margin-bottom: 40px;
}

/* Account Page */

.account-content {
    padding: 60px 0;
}
.account-header-wrapper {
    background: var(--main-blue-color);
    padding: 60px 0;
}
.account-header-wrapper * {
    color: #fff;
}
.account-header-wrapper h1 {
    position: relative;
    padding: 0 50px 0 0;
    width: max-content;
}
.account-header-wrapper h1::before {
    content: "";
    display: block;
    right: 15px;
    top: 50%;
    width: 30px;
    height: 30px;
    background: url(g-icon-2.png) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    transform: translateY(-50%);
    transition: var(--main-ease);
}
/* TABS */

.tab-group {
    display: flex;
    margin: 0;
    padding: 0;
}
.tab-group .tab {
    display: block;
    width: max-content;
    padding: 20px 30px;
    font-size: 16px;
    line-height: 1;
    background: transparent;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-weight: 700;
}
.tab-group .tab:hover {
    cursor: pointer;
}
.my-acc-form-tabs {
    display: flex;
    flex-direction: column;
    transform: translateY(-116px);
}
.tab-content {
    padding: 30px;
    background: #95acb2;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.tab-content-cell {display: none;}
.tab-content-cell.active {display: block;}
.tab-content p {
    margin: 0 0 20px;
}
.tab-group .tab:last-child {
    border-width: 1px 1px 0 1px;
}
.tab-group .tab::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: var(--main-ease);
    background: rgb(149,172,178);
    background: linear-gradient(0deg, rgba(149,172,178,1) 0%, rgba(255,255,255,0) 100%);
    z-index: -1;
    transform: translateY(100%);
}
.tab-group .tab:hover::before,
.tab-group .tab.active::before {
    transform: translateY(0%);
}
.tab-group .tab.active {
    color: #fff9c6;
}
.tab-content label {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.tab-content input[type="text"],
.tab-content input[type="password"] {
    display: block;
    width: 100%;
}
.lost-pwd {
    display: block;
    margin: 0 0 20px;
    font-size: 14px;
    line-height: 1;
    font-style: italic;
    transition: var(--main-ease);
}
.lost-pwd:hover {
    color: #f00;
}


/* PRODUCT CATEGORIES */

.product-categories-wrapper {
    margin-bottom: 40px;
    padding: 40px;
    background: linear-gradient(0deg, var(--main-black-color), var(--main-blue-color));
    border: 1px solid var(--main-black-color);
    border-radius: 5px;
}
ul.products li.product {
    width: 100% !important;
    float: none !important;
}
.product-categories-wrapper ul.products {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(6, 1fr);
    text-align: center;
}
.product-categories-wrapper ul.products img {
    z-index: 1;
    width: 100% !important;
}
.product-categories-wrapper ul.products li {
    margin: 0 !important;
    padding: 80% 0 0 0;
}
.product-categories-wrapper ul.products .woocommerce-loop-category__title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0 10px;
    text-align: center;
    font-size: 14px;
    width: 100%;
    z-index: 5;
    background: #fffffff0;
}
.product-categories-wrapper ul.products .woocommerce-loop-category__title mark {
    background: transparent;
    font-size: 12px;
    vertical-align: text-bottom;
}

/* Burger / Mobile Menu */

/* BURGER 1 */

.burger-1 {
    display: none;
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    position: relative;
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.burger-1:hover {
    cursor: pointer;
    background: #000;
}
.burger-1 span {
    transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
    display: block;
    position: absolute;
    height: 2px;
    width: 80%;
    background: #000;
    transform: translate(-50%,-50%);
    left: 50%;
}
.burger-1:hover span {
    background: #fff;
}
.burger-1 .tl {
    top: 25%;
}
.burger-1 .ml {
    top: 50%;
}
.burger-1 .bl {
    top: 75%;
}
.burger-1.open .ml {
    transform: translate(-50%,-50%) scaleX(0);
}
.burger-1.open .tl {
    top: 50%;
    transform: translate(-50%,-50%) rotate(45deg);
}
.burger-1.open .bl {
    top: 50%;
    transform: translate(-50%,-50%) rotate(-45deg);
}


.mob-menu {
    transition: var(--main-ease);
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
}
.mob-menu.open-menu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    pointer-events: all;
}
#mobile-menu {
    position: relative;
    padding: 48px 0 0 0;
    overflow-y: auto;
}
#mobile-menu,
#mobile-menu .sub-menu {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
}
#mobile-menu .sub-menu {
    padding: 0;
}
#mobile-menu li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #000;
}
#mobile-menu li:first-child {
    border-top: 1px solid #000;
}
#mobile-menu li.menu-item-has-children {
    border-bottom: 0;
}
#mobile-menu > li:last-child,
#mobile-menu > li.main-button-menu-style {
    padding: 5px 20px;
    width: max-content;
}
#mobile-menu li a {
    display: block;
    transition: var(--main-ease);
    padding: 5px 20px;
}
#mobile-menu > li:last-child > a,
#mobile-menu li.main-button-menu-style a {
    width: max-content;
}
#mobile-menu .dgwt-wcas-search-form {
    display: block;
    opacity: 1;
    position: relative;
}
#mobile-menu .dgwt-wcas-search-input {
    padding: 3px 24px 3px 48px;
    border: 2px solid #000;
}
#mobile-menu .dgwt-wcas-sf-wrapp {padding: 0;}
#mobile-menu .dgwt-wcas-search-wrapp {
    max-width: initial;
    padding: 0;
}
#mobile-menu .dgwt-wcas-search-submit {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
#mobile-menu > li:last-child {
    padding: 0;
    position: absolute;
    top: 6px;
    left: 20px;
    border: 0;
}
#mobile-menu > li.main-button-menu-style {
    position: absolute;
    top: 6px;
    right: 20px;
    padding: 0;
    border: 0;
}
#mobile-menu > li > a,
#mobile-menu > li.menu-item-has-children > a {
    background: var(--main-grey200-color);
    font-weight: 700;
}
#mobile-menu > li.menu-item-has-children a {font-size: 14px;}


.woocommerce .add-request-quote-button.button {
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid var(--main-blue-color);
    display: block;
    width: max-content;
    margin: 0;
}
.yith-ywraq-add-button {
    margin: 10px 0;
    display: flex !important;
    align-items: center;
}


    
.wishlist_table.images_grid li 
.item-details table.item-details-table td, 
.wishlist_table.mobile li .item-details table.item-details-table td, 
.wishlist_table.mobile li table.additional-info td, 
.wishlist_table.modern_grid li .item-details table.item-details-table td {
    font-size: 16px;
}

table.shop_table_responsive tr td::before {display: none;}

#shipping_method li {list-style-type: none;}

.page-wrapper .shipping-calculator-form input[type=text], .page-wrapper .shipping-calculator-form input[type=email] {
    width: 100%;
}

/*COOKIE PLUG IN*/ 

.cky-consent-bar{
	border: 2px solid red;
}

/* RESPONSIVE */

@media only screen and (max-width: 1600px) {
    /* Header Fixes */
    .button-style-1 svg {margin-left: 15px;}
    .main-button-style.button-style-2 svg {max-width: 25px;max-height: 25px;}
    .main-button-style.button-style-2 {padding: 13px 60px 13px 30px;}
    #primary-menu li:last-child a {padding: 15px;}
    .main-button-style.button-style-1 {padding: 13px 15px;}

    .header-row .gutter {margin: 0 15px;}
    .main-navigation ul {gap: 5px;}
    .site-branding img {width: 240px;}
    .menu-open .product-menu {max-height: calc(100vh - 113px);}
    #product-menu .sub-menu, #product-menu, .product-menu {height: calc(100vh - 113px);}


    /* Font Sizes */
    .main-button-menu-style a, .main-button-style {font-size: 16px;}
}
@media only screen and (max-width: 1440px) {
    .ht-svg-holder {margin-right: 55px;}
    .ht-svg-holder svg {width: 80px;}
    .main-button-style.button-style-2 {padding: 13px 35px 13px 20px;}
    .main-button-style.button-style-2 svg {max-width: 20px;max-height: 20px; right: 10px;}
    #primary-menu a {padding: 10px;}
    .espa-banner img {max-height: 60px;}
    .copyright.espa-pad {padding: 30px 0 70px;}
    .col-bg-block-left, .col-bg-block-left {padding: 50px;}
    .project-archive-header, .woocommerce-products-header {padding: 80px 0;margin-bottom: 50px;}
    .top-pad {padding-top: 113px;}
    ul.products.columns-4, .woo-archive-div ul.products.columns-4 {gap: 40px;}
    ul.products.columns-4 li.product, .woo-archive-div ul.products.columns-4 li.product {margin-bottom: 0;}
    .woocommerce-pagination {margin-top: 50px;}
    .site-footer {padding: 50px 0 0;}
    .footer-top {padding: 0 0 50px;}
    .s-product-top .s-product-top-summary {padding: 80px 50px;}

    
    h1.entry-title, .home-top-left h1,
    .big-title, .home-top-left h1 {font-size: 42px;}
    h1.archive-title, .woocommerce-products-header__title,
    .row-title {font-size: 32px;}
    .h-post-cell h2, .proj-title {font-size: 22px;}
    .s-product-bot .woocommerce-tabs .panel h2:first-of-type,
    .s-product-bot .related.products > h2,
    .s-product-top .s-product-top-summary h1.product_title,
    .s-product-top .woocommerce-Price-amount bdi, 
    .s-product-top .woocommerce-Price-amount bdi span, 
    .s-product-top ins .woocommerce-Price-amount bdi, 
    .s-product-top ins .woocommerce-Price-amount bdi span,
    .site-footer h4, .white-title, .black-title, .light-title,.nl-form-wrapper label span {font-size: 24px;}
    .copyright.espa-pad, .copyright.espa-pad *,
    .h-post-cell p, p, div, li, a,
    .site-footer a, .site-footer p {font-size: 16px;}
}
@media only screen and (max-width: 1340px) {
    .product-toggler .gutter, .cmb-toggler .gutter {margin: 0 5px;}
    .desk-menu {display: none;}
    .mob-menu,
    .burger-1 {display: block;}
    .header-row {padding: 20px 0;}
    .top-pad {padding-top: 90px;}
    .main-link-style {min-width: 200px;padding: 10px 60px 10px 15px;}
    .main-button-menu-style a {padding: 8px 40px 8px 20px !important;}
    .proj-nav svg, .prod-cat-nav svg {width: 40px;height: 40px;}
    .proj-carousel {width: calc(100% - 110px);}
    .hs4 {padding: 40px 0;}
    .diy-img-wrapper {max-width: 200px;}
    .menu-open .product-menu, .scrolled #product-menu .sub-menu, .scrolled #product-menu, .scrolled .product-menu {height: calc(100vh - 90px);}
    .prod-cat-info {padding: 20px;}
    .home .top-pad {padding-top: 125px;}
    .hs2-title-row {padding: 20px 0;}
    .diy-row {margin: 0 0 50px;}
    .diy-img-wrapper {max-width: 160px;}
    .diy-has-img .diy-left-inner {padding: 100px 0;min-height: initial;}
    .dgwt-wcas-search-icon {display: none;}

    h1.entry-title, .home-top-left h1,
    .big-title, .home-top-left h1 {font-size: 32px;}
    h1.archive-title, .woocommerce-products-header__title,
    .row-title {font-size: 28px;}
    .prod-cat-info h4,
    .h-post-cell h2, .proj-title {font-size: 18px;}
    .main-link-style {font-size: 16px;}
}
@media only screen and (max-width: 1240px) {
    .product-categories-wrapper ul.products {gap: 20px;grid-template-columns: repeat(4, 1fr);}
    ul.products.columns-4, .woo-archive-div ul.products.columns-4 {gap: 20px;}
    .archive-top {margin-bottom: 50px;}
    .hs2 {padding: 50px 0 25px;}
    .hs2-top .hs2-left.block-50 {width: 40%;}
    .hs2-top .hs2-right.block-50 {width: 60%;}
    .wp-container-core-columns-layout-9.wp-container-core-columns-layout-9 {flex-direction: column;}
}
@media only screen and (max-width: 1024px) {
    .title-count {padding-right: 20px;}
    .hs4 .hs4-left.block-40 {width: 60%}
    .hs4-image-holder {width: 35%;}
    .h-post-cell {gap: 20px;}
    #mobile-menu .dgwt-wcas-search-form {max-width: 400px;min-width: initial;}
    ul.products.columns-4, .woo-archive-div ul.products.columns-4 {gap: 40px;grid-template-columns: repeat(3, 1fr);}
    .account-header-wrapper .block-50 {width: 100%;}
    .account-content .block-40, .account-content .block-60 {width: 100%;}
    .account-content .block-40 {margin-bottom: 40px;}
    .my-acc-form-tabs {transform: translateY(0);}
    .tab-group .tab {background: #045a75;}
    .tab-group .tab.active {background: #cef2fd; color: var(--main-black-color);}
    .logged-in.woocommerce-account .woocommerce {grid-template-columns: 200px 1fr;gap: 20px;}
    form.woocommerce-checkout .col2-set {grid-template-columns: 1fr;gap: 20px;}
    form.woocommerce-checkout,
    form.woocommerce-checkout .col-1, form.woocommerce-checkout .col-2, form.woocommerce-checkout #order_review {padding: 20px;}

    .s-product-bot .woocommerce-tabs .panel h2:first-of-type, 
    .s-product-bot .related.products > h2, 
    .s-product-top .s-product-top-summary h1.product_title, 
    .s-product-top .woocommerce-Price-amount bdi, 
    .s-product-top .woocommerce-Price-amount bdi span, 
    .s-product-top ins .woocommerce-Price-amount bdi, 
    .s-product-top ins .woocommerce-Price-amount bdi span, 
    .site-footer h4, .white-title, 
    .black-title, 
    .light-title, 
    .nl-form-wrapper label span {
        font-size: 22px;
        line-height: 1.2;
    }
    h1.entry-title, .home-top-left h1, .big-title, .home-top-left h1 {font-size: 26px;line-height: 1.2;}
    h1.archive-title, .woocommerce-products-header__title, .row-title {font-size: 22px;}
    .woocommerce-checkout h3#ship-to-different-address span {font-size: 18px;}
}
@media only screen and (max-width: 781px) {
    .contact-cols .wp-block-columns::before {display: none;}
    .contact-cols .wp-block-columns h4.has-text-align-right {text-align: left;}
    .contact-cols .wp-block-columns {gap: 5px; border-bottom: 1px solid;}
    .page-wrapper .wpforms-field-container {padding: 25px;}
}
@media only screen and (max-width: 768px) {
    .site-footer .block-25,
    .site-footer .block-50 {width: 50%;margin-bottom: 50px;}
    .header-row {align-items: center;}
    .ht-svg-holder {margin-right: 25px;}
    .ht-svg-holder svg {width: 50px;}
    .hs4-image-holder {position: relative;top: initial;transform: initial;width: 100%;}
    .hs4 .hs4-left.block-40 {width: 100%;}
    .main-button-style.button-style-1 {padding: 10px 15px;}
    .main-button-style.button-style-2 {padding: 10px 35px 10px 10px;}
    .col-bg-block-row.full-screen-width {width: 100% !important;position: relative;left: initial;transform: initial;flex-direction: column;}
    .col-bg-block-row > div {width: 100% !important;}
    .site-branding img {width: 200px;}
    .cmb-toggler .main-button-style {font-size: 0 !important;padding: 18px;}
    .main-button-style.button-style-2 svg {right: 8px;}
    .burger-1 {width: 40px;height: 40px;}
    .home-top-right {padding-top: 57%;width: 100%;}
    .home-top-left {left: 0;top: initial;transform: initial;z-index: 10;bottom: 0;padding: 20px;background: #fff8;}
    .home-top-left .ht-icons {display: none;}
    .home-top-left h1 {margin: 20px 0;}
    .diy-has-img .diy-left-inner {padding: 70px 0;min-height: initial;}
    .col-bg-block-left, .col-bg-block-left {padding: 0;}
    .project-cell.block-33 {width: 50%;}
    .main-link-style {min-width: 180px;padding: 10px 50px 10px 5px;}
    .col-bg-block-right {margin-bottom: 20px;}
    .archive-top .woocommerce-ordering select {max-width: 250px;}
    .product-categories-wrapper ul.products {gap: 10px;grid-template-columns: repeat(3, 1fr);}
    ul.products.columns-4, .woo-archive-div ul.products.columns-4 {gap: 20px;grid-template-columns: repeat(2, 1fr);}
    .top-pad {padding-top: 81px;}
    .s-product-top {flex-direction: column;}
    .single-product div.product .woocommerce-product-gallery {position: relative;float: none;min-height: 300px;width: 100%;}
    .s-product-top::before {width: 100%;height: 300px;border-right: 0;}
    .s-product-top .s-product-top-summary {padding: 20px 0;width: 100%;}
    .woocommerce .add-request-quote-button.button {font-size: 16px;}
    .hs6-top h2 {grid-column: 1 / -1;}
    .hs6-top {grid-template-columns: 1fr 1fr;gap: 20px;}
    .h-post-cell {padding: 20px;grid-template-columns: 1fr;}
    .diy-right, .diy-left {width: 20%;}
    .diy-img-wrapper {max-width: 100px;}
    .diy-center {width: 55%;}
    .s-product-bot .woocommerce-tabs .panel h2:first-of-type, 
    .s-product-bot .related.products > h2, 
    .s-product-top .s-product-top-summary h1.product_title, 
    .s-product-top .woocommerce-Price-amount bdi, 
    .s-product-top .woocommerce-Price-amount bdi span, 
    .s-product-top ins .woocommerce-Price-amount bdi, 
    .s-product-top ins .woocommerce-Price-amount bdi span, 
    .site-footer h4, .white-title, 
    .black-title, 
    .light-title, 
    .nl-form-wrapper label span {font-size: 20px;}
    .cta-row .wp-block-group__inner-container * {font-size: 20px;}
    .accordion-item h2 {font-size: 18px !important;}
    .post-image-wrapper {max-height: 400px;height: 47vh;}
    .hs2-top .hs2-right.block-50 {width: 100%;}
    .hs2-top .hs2-left.block-50 {width: 100%;margin-bottom: 40px;}
    .prod-cat-info {padding: 10px;}
    .prod-cat-info h4 {margin: 0;}
    .wishlist_table td {border: 1px solid var(--main-blue-color) !important;}
    .wishlist_table {border-collapse: collapse; width: 100%;}
    .wishlist_table.mobile li .item-wrapper,
    .wishlist_table.mobile li .item-wrapper .item-details {width: 100%;}
    .wishlist_table .product-add-to-cart a {display: block !important;}

    #pojo-a11y-toolbar * {font-size: 14px;}
    #masthead .main-button-style, #masthead .main-button-style.button-style-2 {font-size: 14px;}
}
@media only screen and (max-width: 620px) {
    .site-branding img {width: 180px;}
    .main-button-style.button-style-1 {padding: 7px 10px;}
    .cmb-toggler .main-button-style {padding: 14px;}
    .main-button-style.button-style-2 svg {max-width: 17px;max-height: 17px;right: 6px;}
    .burger-1 {width: 35px;height: 35px;}
    .misha-cart {top: 0px;font-size: 11px;text-align: center;line-height: 16px;}
    .header-cart {width: 40px;padding: 0 0 0 7px;margin-left: 7px;}
    .header-wishlist {width: 30px;padding: 0 0 0 7px;margin-left: 7px;}
    .header-wishlist a {right: 0;}
    #product-menu .sub-menu,
    #product-menu {min-width: 200px;}
    .product-categories-wrapper {padding: 20px;}
    .product-categories-wrapper ul.products {gap: 10px;grid-template-columns: repeat(2, 1fr);}
    ul.products.columns-4, .woo-archive-div ul.products.columns-4 {grid-template-columns: 1fr;}
    ul.products.columns-4 li.product, .woo-archive-div ul.products.columns-4 li.product {margin: 0 auto;}
    .woocommerce-pagination .page-numbers li {margin: 0;}
    #product-menu {width: 45vw;min-width: 45vw;}
    .woocommerce-products-header {padding-right: 40px;}
    .archive-top {flex-direction: column;}
    .tab-group .tab {padding: 10px;}
    .tab-content {padding: 20px;}
    div.wpforms-container-full {margin: 0 auto !important;}
    .wpforms-container .wpforms-field .wpforms-field-row {flex-direction: column;}
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child,
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:last-child {padding: 0;width: 100%;}
    .wpforms-container .wpforms-field .wpforms-field-row .wpforms-field-row-block:first-child {margin-bottom: 20px;}
    .project-cell.block-33 {width: 100%;}
    .title-count {padding-right: 10px;}
    .logged-in.woocommerce-account .woocommerce {grid-template-columns: 1fr;}
    #minicart {max-width: 420px;}
    #minicart ul.woocommerce-mini-cart.cart_list.product_list_widget {max-height: 300px;}

    .account-header-wrapper h1::before {width: 20px;height: 20px;}

    h1, h2, .account-header-wrapper h1 {font-size: 20px;}
    .row-title {font-size: 18px;width: 100%;}
    #pojo-a11y-toolbar *, #pojo-a11y-toolbar ::before, #pojo-a11y-toolbar ::after {font-size: 18px;}
    .diy-center p,
    #product-menu .sub-menu > li > a,
    #product-menu > li > a {font-size: 14px;}
    div.wpforms-container-full input[type=checkbox],
    div.wpforms-container-full .wpforms-field-label-inline,
    .wpforms-container .wpforms-field-label {font-size: 14px !important;}
}
@media only screen and (max-width: 540px) {
    .header-row {display: block; padding: 10px 0;}
    .site-branding {text-align: center;}
    .product-toggler, .cmb-toggler {display: inline-block;vertical-align: bottom;}
    .menu-holder {float: right;}
    .site-footer .block-25, .site-footer .block-50 {width: 100%;margin-bottom: 20px;}
    .project-archive-header, .woocommerce-products-header {padding: 50px 40px 50px 0;margin-bottom: 50px;}
    .archive-desc {padding: 0;}
    .archive-header .block-50 {width: 100%;}
    .home-top-left h1 {margin: 0;}
    .cart-collaterals {padding: 20px;}

    h1.entry-title, 
    .home-top-left h1, 
    .big-title, 
    .home-top-left h1 {
        font-size: 20px;
    }
    .s-product-bot .woocommerce-tabs .panel h2:first-of-type, 
    .s-product-bot .related.products > h2, 
    .s-product-top .s-product-top-summary h1.product_title, 
    .s-product-top .woocommerce-Price-amount bdi, 
    .s-product-top .woocommerce-Price-amount bdi span, 
    .s-product-top ins .woocommerce-Price-amount bdi, 
    .s-product-top ins .woocommerce-Price-amount bdi span, 
    .site-footer h4, .white-title, .black-title, 
    .light-title, 
    .nl-form-wrapper label span {font-size: 18px;}
    .single-product .yith-ywraq-add-to-quote a, 
    .single-product .yith_ywraq_add_item_browse_message a {font-size: 14px !important;}
}
@media only screen and (max-width: 480px) {
    .diy-right, .diy-left {display: none;}
    .diy-center {width: 100%;}
    #mobile-menu .dgwt-wcas-search-form {max-width: 160px;min-width: initial;}
    .product-categories-wrapper ul.products {gap: 10px;grid-template-columns: 1fr;}
    
    .tab-group .tab {font-size: 13px;}
    #mobile-menu .dgwt-wcas-search-form * {font-size: 14px;}
}