@charset "UTF-8";

/*
Theme Name: SS Theme
Author: Supersait
Requires at least: 5.8
Tested up to: 5.8
Requires PHP: 7.4
Version: 0.0.1
*/

:root {
    --gold: #a37c51;
    --lgold: #dab996;
    --black: #1a1a1a;
    --gray: #f1f1f1;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html,body {
    overflow-x: hidden;
}
body {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: var(--black);
    position: relative;
    background-color: var(--gray);
}
a,a:hover,a:focus {
    text-decoration: none;
    outline: none;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
p {
    margin: 0;
    color: #000;
}
.justify p,
.justify {
    text-align: justify;
}
.fs50 {
    font-size: 50px;
}
.fs40 {
    font-size: 40px;
}
.fs30 .title,
.fs30 {
    font-size: 30px;
}
.bold {
    font-weight: bold;
}
.gold {
    color: var(--gold);
}
.button-align-center,
.align-center {
    text-align: center;
}
.button-align-right,
.align-right {
    text-align: right;
}
button {
    background: none;
    border: none;
    outline: none;
}
.z-index-1 {
    z-index: 1;
    position: relative;
}
.title-separator.center {
    margin: 0 auto;
}
.title-separator.right {
    margin-left:auto;
}
.title-separator {
    position: relative;
    width: 105px;
    height: 25px;
}
.title-separator .line {
    position: absolute;
    width: 43px;
    height: 1px;
    background-color: var(--gold);
    top:50%;
    transform: translateY('-50%');
}
.title-separator .line.left {
    left:0;
}
.title-separator .line.right {
    right: 0;
}
.title-separator .dot {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--gold);
    border-radius: 50%;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.product-header-wrap {
    display: grid;
    grid-template-columns: 470px 1fr;
    gap: 30px;
    padding: 40px 0;
}
h1,h2,h3,h4,h5 {
    font-family: 'Philosopher', sans-serif;
    margin: 0;
}
.title {
    font-family: 'Philosopher', sans-serif;
}
#header {
    position: relative;
    z-index: 9;
}
.header-top {
    background: var(--black);
}
.header-top .header-inner-top ul#menu-top {
    display: flex;
    gap: 30px;
}
.header-top .header-inner-top ul#menu-top li a {
    color: #fff;
    padding: 5px 0;
    display: block;
    transition: all 0.3s ease-in-out;
}
.header-top .header-inner-top ul#menu-top li:hover a,
.header-top .header-inner-top ul#menu-top li.current-menu-item a {
    color:var(--lgold);
}
.header-inner-top {
    display: flex;
}
.header-inner-top .left {
    width: 100%;
    padding: 10px 0;
}
.header-inner-top .right {
    float: right;
    flex: 1 0 auto;
    display: flex;
    gap: 15px;
    align-items: center;
}
.header-inner-top .right .top-contacts {
    display: flex;
    gap: 15px;
}
.header-inner-top .right .top-contacts .contact {
    line-height: 1;
}
.header-inner-top .right .top-contacts .contact a {
    display: flex;
    align-items: center;
    gap:10px;
    color: #fff;
}
.header-inner-top .right .top-contacts .contact span {
    color:var(--lgold);
    line-height: 1;
    font-size: 28px;
}
.header-main-wraper {
    background: #fff;
    box-shadow: 0 0 8px 0 #00000036;
}
.header-main {
    display: flex;
}
.header-main .header-logo {
    float: left;
    padding: 5px 0;
}
.header-main .primary-menu-container {
    float: right;
    width: 100%;
}
.header-main .primary-menu-container > ul {
    display: flex;
    height: 100%;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
    font-family: 'Oswald', sans-serif;
}
.header-main .primary-menu-container > ul > li {
    height: 100%;
    position: relative;
    background: #fff;
}
.header-main .primary-menu-container > ul > li > a {
    text-transform: uppercase;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-weight: 500;
    font-size: 17px;
    font-family: 'Play';
    color:var(--black);
}
.header-main .primary-menu-container ul > li.menu-item-has-children > a {
    padding-right: 25px;
}
.header-main .primary-menu-container > ul > li.menu-item-has-children > a::after {
    content: "\e90e";
    font-family: icomoon;
    position: absolute;
    font-size: 26px;
    color: #000;
    right: 0;
}
.header-main .primary-menu-container > ul > li:hover > ul {
    transform: translateY(0%);
    transition-delay: 0s;
}
.header-main .primary-menu-container > ul > li > ul {
    position: absolute;
    width: auto;
    top: 100%;
    font-family: 'Rubik';
    transform: translateY(-120%);
    background: #131313;
    z-index: -1;
    transition: all 0.3s ease-in-out 0.3s;
}
.header-main .primary-menu-container ul ul {
    padding:10px;
}
.header-main .primary-menu-container ul ul li a {
    display: block;
    color: #fff;
    font-family: 'Play';
    font-size: 18px;
    padding: 10px 10px 10px 0px;
    position: relative;
    white-space: nowrap;
    border-bottom: 1px solid #000;
    transition: all 0.3s ease-in-out;
}
.header-main .primary-menu-container ul ul li a::before {
    content: "\e906";
    font-family: 'icomoon';
    position: absolute;
    left: 0;
    top: 10px;
    color: var(--lgold);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.header-main .primary-menu-container ul ul li a:hover {
    padding-left: 25px;
}
.header-main .primary-menu-container ul ul li a:hover::before {
    opacity: 1;
}
.header-mobile .mob-wrapper.mobile-active {
    transform: translateX(0);
}
.header-mobile .sub-menu.active {
    transform: translateX(0);
}
#mob-button {
    display: none;
}
#footer {
    background: #141414;
}
#footer .footer-content {
    padding-top: 35px;
    display: grid;
    grid-template-columns: 26% 22% 22% 30%;
    gap: 30px;
    margin-bottom: 15px;
}
#footer .footer-content > .footer-desc,#footer .footer-content > .footer-desc a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}
#footer .footer-content > .footer-desc a {
    font-family: 'Play';
}
#footer .footer-content > .footer-desc a:hover {
    color: var(--gold);;
}
.footer-desc .footer-desc {
    margin-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid var(--gold);
    text-align: justify;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
}
.footer-content .footer-title {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Play', sans-serif;
    margin-bottom: 25px;
}
.footer-content .footer-title span {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--gold);
}
.footer-contacts,
.footer-menu-wrap {
    padding-top: 20px;
}
.footer-contacts {
    color:#fff;
}
.footer-contact {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.footer-contact.contacts {
    align-items: center;
}
.footer-contact a:hover{
    color: var(--lgold);
}
.footer-contact a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.footer-contact .icon {
    color: var(--lgold);
    font-size: 18px;
    width: 20px;
    text-align: right;
}
.socials {
    margin-top: 20px;
    display: flex;
    gap: 15px;
}
.socials span {
    font-size: 25px;
    color: var(--lgold);
}
.footer-contact .icon-double-arrow {
    font-size: 10px;
}
.footer-menu-wrap ul li a {
    display: block;
    color: #fff;
    font-family: 'Play';
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.footer-menu-wrap ul li a:hover {
    color: var(--gold);
}
.footer-menu-wrap ul li:not(:last-of-type) a {
    margin-bottom: 10px;
}
.copyright {
    text-align: center;
    color: #fff;
    padding: 10px 15px;
    background: var(--black);
}
.copyright a {
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.copyright a:hover {
    color: var(--gold);
}
.home-intro-wrap {
    position: relative;
    text-align: center;
}
.home-intro-wrap .container {
    position: absolute;
    top: 44%;
    left: 51%;
    transform: translate(-50%,-50%);
    text-align: left;
}
.home-intro-content {
    width: 50%;
    margin-left: auto;
}
.home-intro-content .intro-title .title {
    font-size: 60px;
    line-height: 1;
    font-family: 'Philosopher';
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--gold);
    margin-bottom: 15px;
}
.home-intro-content .slogan {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}
.product-categories {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}  
.product-categories a {
    display: block;
    width: 100%;
    max-width: 370px;
    border-bottom: 1px solid var(--lgold);
}
.category-item {
    position: relative;
    overflow: hidden;
}
.category-item img {
    -webkit-transition: all .5s;
    transition: all .5s;
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.category-item:hover img {
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1.09, 1.09);
    transform: scale(1.09, 1.09);
    -webkit-filter: brightness(70%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.category-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, transparent 0, rgba(0, 0, 0, .1) 35%, rgba(0, 0, 0, .8) 90%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0, 0, 0, .01) 35%, rgba(0, 0, 0, .8) 90%);
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .01) 35%, rgb(0 0 0 / 80%) 90%);
}
.category-item .categpry-content {
    padding: 30px 15px;
    position: absolute;
    bottom: -45px;
    left: 0;
    width: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    z-index: 20;
    height: auto;
    box-sizing: border-box;
}
.category-item:hover .categpry-content {
    bottom: 0;
}
.category-item .categpry-content .gold-title {
    position: relative;
    color: var(--gold);
    font-size: 20px;
    font-family: 'Philosopher';
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.category-item .categpry-content .title {
    position: relative;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
}
.category-item .categpry-content .line {
    text-align: center;
    height: 1px;
    width: 30px;
    background-color: #726561;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: ease-in-out;
    margin: 0 auto 30px;
}
.category-item:hover .categpry-content .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}
.category-item .categpry-content .icon {
    font-size: 40px;
    transform: rotate(180deg);
    display: block;
    line-height: 0;
    color: var(--lgold);
}
section.overlap-section-behind {
    top: -150px;
    margin-bottom: -150px;
}
.overflow-image.wpb_single_image img {
    max-width: none;
}
.vc_row.row-with-overflow-image.gap-30 {
    gap: 30px;
    flex-flow: nowrap;
}
.right-img-section::before {
    content:"";
    display: block;
    position: absolute;
    top:0;
    right: calc((100vw - 1920px) / 2);
    width: 100%;
    height: 100%;
    background: url('assets/images/gold.jpg');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;
}
.home-blog-bg::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 69%;
    left: 0;
    bottom: 0;
    background: var(--black);
}
.header-pattern-wrap {    
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 230px;
    background-image: url('assets/images/pattern.jpg');
}
.page-header-title {
    height: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
#product-info {
    background-color: var(--gray);
}
.product-title .title {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
.product-excerpt {
    margin-bottom: 15px;
}
.product-extra-data .product-extra-title {
    color: var(--gold);
}
.product-wrap .product-content-wrap .useful-for p {
    color: #fff;
}
.useful-for ul li {
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
}
.useful-for ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    background: var(--gold);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}
.product-extra-data:not(:last-of-type) {
    margin-bottom: 10px;
}
.make-an-inquiry.btn {
    margin-top: 30px;
}
.section-title .title {
    font-family: 'Philosopher';
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-size: 30px;
}
#gallery .section-title .title, #video .section-title .title, #faqs .section-title .title {
    color:#fff;
}
#faqs .section-title .title {
    font-size: 40px;
}
#description {
    background-color: #fff;
}
#description,
#gallery,
#video,
#faqs,
#inquiry {
    padding: 40px 0;
}
#gallery,
#video,
#faqs {
    background-color: var(--black);
}
#inquiry {
    background-color: var(--gray);
}
.videos-wrap {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(570px, 1fr));
    justify-items: center;
    gap: 30px;
}
.videos-wrap .video {
    width:100%;
    max-width: 570px;
}
.videos-wrap .video iframe {
    width: 100%;
    height: 320px;
}
.gallery-wrap,
.videos-wrap,
.faqs-wrap {
    margin-top: 35px;
}
.faq-wrap .faq-title {
    background-color: var(--black);
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid var(--lgold);
    position: relative;
    padding: 10px 30px 10px 0;
    transition: all 0.3s ease-in-out;
}
.faq-wrap:hover .faq-title,
.faq-wrap.active .faq-title {
    color: var(--lgold);
}
.faq-wrap .faq-title .title {
    font-size: 18px;
    text-transform: uppercase;
}
.faq-wrap .faq-title .icon {
    position: absolute;
    right: 15px;
    top: 13px;
    color: var(--lgold);
    transform: rotate(-90deg);
    transition: all 0.3s ease-in-out;
}
.faq-wrap.active .faq-title .icon {
    transform: rotate(90deg);
}
.faq-wrap .faq-content {
    display: none;
    color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid var(--lgold);
}
.faq-wrap .faq-content p {
    color: #fff;
}
.gallery-carousel {
    margin: 0 -15px; /* Adjust the margins as needed */
  }
  
.gallery-item {
    padding: 0 15px; /* Adjust the padding as needed */
}
.gallery-item img {
    width: 100%;
    height: auto;
}
.gallery-carousel span.icon {
    color: #fff;
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 50%;
    cursor: pointer;
}
.gallery-carousel span.prev.icon {
    transform: rotate(-90deg) translateY(-50%);
    left: 0;
}
.gallery-carousel span.next.icon {
    transform: rotate(90deg) translateY(-50%);
    right: 0;
}
.inquiry-wrap {
    display: grid;
    grid-template-columns: 1fr 370px;
    gap: 30px;
}
.product-cf .fields .two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}
.product-cf .fields textarea,
.product-cf .fields input {
    outline: none;
    border: none;
    padding: 10px;
    width: 100%;
}
#inquiry .section-title {
    margin-bottom: 30px;
}
#inquiry .section-title .title {
    text-align: left;
}
.contact-phone-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-phone-wrap .contact-phone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    font-size: 30px;
    color: #fff;
    font-family: 'Philosopher';
    font-weight: bold;
    background-image: url('assets/images/phonebg.jpg');
    background-repeat: no-repeat;
    width: 234px;
    height: 234px
}
.contact-phone-wrap .contact-phone span {
    font-size: 34px;
    color: var(--gold);
}
.cf-button.right {
    text-align: right;
    padding-right: 15px;
    margin-top: 30px;
}
.product-latest-posts {
    position: relative;
}
.btn button,
.btn a {
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    z-index: 1;
    background: var(--black);
    border: 1px solid var(--gold);
    padding: 10px 30px;
    color: #fff;
    transition: all 0.3s ease-in-out;
}
.btn button::before,
.btn a::before {
    left: -10px;
}
.btn button::after,
.btn a::after {
    right: -10px;
}
.btn button::before, 
.btn button::after,
.btn a::before, 
.btn a::after {
    content: "";
    position: absolute;
    background: var(--black);
    width: 1px;
    height: 20px;
    transition:all 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
    z-index: 0;
}
.btn.dark button::before, 
.btn.dark button::after, 
.btn.dark a::before, 
.btn.dark a::after {
    background: var(--gold);
}

.btn button span,
.btn a span {
    position: absolute;
    width: 110%;
    height: 110%;
    border: 2px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease-in-out;
}
.btn button:hover,
.btn a:hover {
    background: var(--black);
}
.btn button:hover::before,
.btn a:hover::before {
    left: 8px;
    background: var(--gold);
}
.btn button:hover::after,
.btn a:hover::after {
    right: 8px;
    background: var(--gold);
}
.btn button:hover span,
.btn a:hover span {
    width: 98%;
    height: 92%;
    border: 2px solid var(--gold);
}
.arrow-list ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
.arrow-list ul li::before {
    content: "\e906";
    font-family: 'icomoon';
    color: var(--lgold);
    position: absolute;
    left: 0;
    font-size: 21px;
    left: 0;
    top: -3px;
}
.arrow-list.dark ul li::before {
    color: var(--gold);
}
.full-height-row {
    background-color: var(--gray);
}
.vc_row.vc_row-flex.full-height-row {
    gap: 30px;
}
body.page-id-116 .container::before,
body.page-id-116 .container::after { display: none;}

.vc_row.vc_row-flex.full-height-row .wpb_column.vc_column_container.vc_col-sm-6 {
    flex: 1 0 25%;
}
.vc_row.vc_row-flex.full-height-row .wpb_column.vc_column_container.vc_col-sm-6:first-of-type .wpb_gmaps_widget .wpb_map_wraper iframe {
    position: absolute;
    width: calc(100vw / 2);
    height: 100%;
    top: 0;
    right: 0;
}
.vc_row.contacts .section-title .title {
    text-align: left;
    text-transform:none;
    margin-bottom: 20px;
}
.contacts-wrap .contact {
    display: flex;
    gap: 15px;
    font-size: 16px;
    align-items: center;
    margin-bottom: 20px;
}
.contacts-wrap .contact .contact-icon {
    font-size: 30px;
    color: var(--gold);
}
.white p,
.white {
    color: #fff;
}
.uppercase {
    text-transform: uppercase;
}
.content-with-sidebar {
    display: grid;
    grid-template-columns: 1fr 270px;
    gap: 30px;
    margin-top: 50px;
}
.post-article {
    display: flex;
    gap: 15px;
    margin-bottom: 45px;
    background: #fff;
}
.content-with-sidebar .post-article {
    display: grid;
    grid-template-columns: 385px 1fr;
}
.post-article .thumbnail img {
    width: 100%;
    height: auto;
}
.single-post .post-article {
    display: block;
}
.post-article .post-content {
    padding: 20px 0;
    padding-right: 30px;
    position: relative;
}
.single .post-article .post-content {
    padding: 25px 15px;
}
.post-article .date {
    margin-bottom: 10px;
}
.post-article .post-title {
    margin-bottom: 20px;
}
.single .post-article .post-title .title {
    font-size: 20px;
    color: var(--gold);
}
.post-article .post-title a {
    color:var(--gold);
    font-size: 20px;
}
.post-article .post-button {
    position: absolute;
    bottom: -20px;
    right: 30px;
}
.sidebar-widget:not(:last-of-type) {
    margin-bottom: 50px;
}
.sidebar-widget {
    background: #fff;
    padding: 20px;
}
.sidebar-widget .title {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
}
.sidebar-widget .title .title-separator {
    height: 20px;
}
.categories-menu-container li a {
    color: var(--black);
    display: block;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 0;
    position: relative;
    transition: all 0.3s ease-in-out;
}
.categories-menu-container li.current-menu-item a, 
.categories-menu-container li:hover a {
    padding-left: 20px;
}
.categories-menu-container li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 0;
    height: 1px;
    background: var(--gold);
    transition: all 0.3s ease-in-out;
}
.categories-menu-container li.current-menu-item a::before, 
.categories-menu-container li:hover a:before {
    width: 15px;
}
.pagination-wrap {
    display: block;
    margin: 20px 0;
    float: left;
    width: 100%;
}
ul.post-pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
}
ul.post-pagination li {
    width: 25px;
    height: 25px;
    display: flex;
    border: 1px solid var(--gold);
    font-family: 'Philosopher', sans-serif;
    font-size: 20px;
}
ul.post-pagination li > span {
    color: var(--gold);
    background: var(--black);
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
}
ul.post-pagination li a {
    width: 25px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--gold);
    line-height: 1;
    background: var(--lgray);
    transition: all 0.3s ease-in-out;
}
ul.post-pagination li a span {
    position: relative;
    font-size: 13px;
    line-height: 25px;
    -webkit-text-stroke: 1px;
}
ul.post-pagination li a span.nav.next span::before {
    transform: rotate(180deg);
    display: block;
}
ul.post-pagination li a:hover {
    background: var(--black);
}
.latest-posts {
    margin-top: 20px;
}
.latest-post:not(:last-of-type) {
    margin-bottom: 15px;
}
.latest-post a {
    display: flex;
    gap:10px;
}
.latest-post .post-thumb img {
    max-width: 122px;
    height: auto;
}
.latest-post a .content {
    display: flex;
    flex-direction: column;
}
.latest-post .post-title {
    color: var(--gold);
    font-family: 'Philosopher', sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 100%;
}
.latest-post .post-date {
    color:#c1c1c1;
    font-size: 15px;
}
.gallery-with-filter .filters {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-bottom: 35px;
}
.gallery-with-filter .filters .filter {
    font-family: 'Philosopher';
    text-transform: uppercase;
    font-weight: bold;
    color: var(--black);
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.gallery-with-filter .filters .filter span {
    display: inline-block;
    position: relative;
}
.gallery-with-filter .filters .filter span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--gold);
    transition: all 0.3s ease-in-out;
}
.gallery-with-filter .filters .filter.active {
    color: var(--gold);
}
.gallery-with-filter .filters .filter.active span::before {
    width:100%;
}
.masonary-gallery .grid-sizer {
    width: calc(100% / 3 );
}
.masonary-gallery .item.grid-sizer img {
    width: 100%;
    height: auto;
}
.masonary-gallery {
    margin: 0 -15px;
}
.masonary-gallery .item.grid-sizer {
    margin-bottom: 15px;
    padding: 0 7.5px;
}
.masonary-gallery .item a {
    cursor: pointer;
}
.responsive-image {
    text-align: center;
}
.overlap-two-col-row .overlap-col {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.product-wrap .product-content-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
}
.products .product-wrap:nth-child(even) .product-content-wrap {
    grid-template-columns: 1fr auto;
}
.product-wrap .product-content-wrap .product-content {
    padding: 15px 30px;
    background: var(--black);
    color: #fff;
}
.product-wrap .product-content-wrap .product-content .product-title .title {
    font-size: 25px;
}
.product-wrap .product-content-wrap .product-content .product-title a {
    color: #fff;
}
.product-wrap .product-content-wrap .product-content .product-title {
    margin-bottom: 10px;
}
.product-wrap .product-content-wrap .product-content .product-excerpt p {
    color: #fff;
}
.product-wrap .product-btn {
    margin-top: 20px;
    padding-right: 10px;
}
.products .product-wrap {
    margin-bottom: 30px;
}
.products .product-wrap:nth-child(even) .product-content-wrap .thumb {
    grid-column-start: 2;
    grid-row-end: 1;
}
.product-wrap .product-content-wrap .useful-for ul li:nth-child(n+4) {
    display: none;
}
.vc_section.vc_section-has-fill, 
.vc_section.vc_section-has-fill + .vc_section, 
.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section {
    padding-top: 0;
}
.reviews {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    margin-bottom: 35px;
}
.reviews .review-wrap {
    background: var(--black);
    color: #fff;
    padding: 15px;
    border-bottom: 2px solid var(--gold);
    position: relative;
    display: flex;
    flex-direction: column;
}
.review-client {
    font-family: 'Philosopher', sans-serif;
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.review-client span.name {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.reviews .review-wrap:nth-child(1) span.name {
    background: #a19589;
}
.reviews .review-wrap:nth-child(2) span.name {
    background: #515350;
}
.reviews .review-wrap:nth-child(3) span.name {
    background: #86725c;
}
.reviews .review-wrap .rating {
    margin: 15px 0;
    height: 100%;
}
.reviews .review-wrap .rating .icon {
    color: #000;
    font-size: 13px;
}
.reviews .review-wrap .rating .icon.fill {
    color: var(--lgold);
    font-size: 13px;
}
.reviews .review-wrap .rating .icon:not(:last-of-type) {
    margin-right: 5px;
}
.reviews .review-wrap > span {
    position: absolute;
    bottom: -25px;
    right: 15px;
    font-size: 40px;
    color: var(--lgold);
}
section.vc_section[data-vc-full-width].overlap-latest-posts {
    overflow: visible;
}
.latest-posts-wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
}
.latest-posts-wrap .post-article {
    flex-direction: column;
    gap: 0;
    top: 0;
    position: relative;
    box-shadow: 0 0 9px 0 #0000003d;
    transition: 0.3s ease-in-out;
}
.latest-posts-wrap .post-article:hover {
    top: -30px;
    position: relative;
}
.latest-posts-wrap .post-article:nth-of-type(even) {
    flex-direction: column-reverse;
}
.latest-posts-wrap .post-article:nth-of-type(even) .post-content {
    border-bottom: 2px solid var(--lgold);
}
.latest-posts-wrap .post-article:nth-of-type(odd) .post-content {
    border-top: 2px solid var(--lgold);
}
.latest-posts-wrap .post-article .post-content {
    padding: 15px;
}
.latest-posts-wrap .post-article .post-button {
    display: none;
}
.vc_row.about-me-row {
    margin-bottom: -5%;
}
.vc_row.about-me-row::before {
    background: #1a1a1a;
    position: absolute;
    width: 100%;
    height: 75%;
    left: 0;
    top: 0;
}
ul.slick-dots {
    display: flex;
    gap: 20px;
    justify-content: center;
}
ul.slick-dots li button {
    background: #fff;
    border: 1px solid var(--gold);
    font-size: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}
ul.slick-dots li:hover button, 
ul.slick-dots li.slick-active button {
    background: var(--gold);
}
#mob-button {
    display: none;
}
.header-mobile .mob-wrapper {
    display: none;
    position: absolute;
    width: 100%;
    max-width: 320px;
    top:100%;
    right: 0;
    background-color: var(--black);
    transform: translate3d(100%,0,0);
    transition: 0.4s;
} 
.mobile-phone-wrap {
    display: none;
}
.error404 > .container {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('assets/images/pattern.jpg');
}
.page-404-wrap .error {
    text-align: center;
    margin-bottom: 30px;
}
.page-404-wrap .error img{
    width: 100%;
    height: auto;
}
.page-404-wrap .text {
    font-size: 40px;
    font-family: 'Philosopher';
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
}
.page-404-wrap .goback {
    margin-bottom: 30px;
}
.faq-content ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 10px;
}
.faq-content ul li::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    background: var(--lgold);
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
.contacts .contact {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.contacts .contact .icon {
    color: var(--gold);
    font-size: 28px;
}
.gallery-carousel-images img {
    width: 100%;
    height: auto;
}
.gallery-carousel-images .slick-track {
    display: flex;
    gap: 15px;
}
.gallery-carousel-images .item {
    border: 1px solid var(--gold);
}
.scroll-to-top {
    position: fixed;
    bottom: 10%;
    right: 15px;
    border: 1px solid var(--gold);
    width: 40px;
    height: 40px;
    color: var(--gold);
    background: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transform: translateX(70px);
    z-index: 9999;
    transition: all 0.3s ease-in-out;
}
.scroll-to-top.scroll {
    transform: translateX(0);
}
.scroll-to-top span.icon.icon-arrow-right {
    transform: rotate(-90deg);
    display: inline-block;
    font-size: 22px;
}
.sticky-phone {
    display: none;
}
.sticky-phone a {
    position: fixed;
    bottom: 20%;
    right: 15px;
    border: 1px solid var(--gold);
    width: 40px;
    height: 40px;
    color: var(--gold);
    background: #1a1a1a;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
}
.sticky-phone a .icon {
    font-size: 19px;
}
@media(min-width:1921px) {
    .overlap-two-col-row .responsive-image picture,
    .overlap-two-col-row .responsive-image picture img,
    .home-intro-wrap picture, 
    .home-intro-wrap picture img {
        width: 100%;
        height: auto;
        display: block;
    }
}
@media(max-width:1200px) {
    .header-inner-top {
        padding:10px 0;
    }
    .header-inner-top .left,
    .header-main > .primary-menu-container {
        display: none;
    }
    .header-main .header-logo {
        width: 100%;
    }
    #mob-button {
        display: flex;
        align-items: center;
    }
    #mob-button .mobile-menu {
    width: 50px;
    height: 50px;
    display: flex;
    position: relative;
    }
    #mob-button .mobile-menu span {
    width: 35px;
    height: 2px;
    background: #333;
    position: absolute;
    left:50%;
    transform-origin: left;
    transition: all 0.3s ease-in-out;
    }
    #mob-button .mobile-menu span:first-of-type {
    top: 16px;
    transform: rotate(0deg) translate(-50%,-50%);
    }
    #mob-button .mobile-menu span:last-of-type {
    bottom: 14px;
    transform: rotate(0deg) translate(-50%,-50%);
    }
    #mob-button .mobile-menu span:nth-child(2) {
    top: 50%;
    transform: translate(-50%,-50%) scale3d(1,1,1);
    }
    #mob-button.active .mobile-menu span:first-of-type {
    top:50%;
    transform: rotate(45deg) translate(-50%,-50%);
    }
    #mob-button.active .mobile-menu span:nth-child(2) {
    transform: translate(-50%,-50%) scale3d(0,0,0);
    }
    #mob-button.active .mobile-menu span:last-of-type {
    top:50%;
    transform: rotate(-45deg) translate(-50%,-50%);
    } 
    .header-mobile ul#menu-top {
        background: #050505;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: center;
        padding: 0 15px;
    }
    .header-mobile ul#menu-top li {
        border-bottom: 1px solid #333333;
    }
    .header-mobile ul#menu-top li:nth-child(odd) {
        border-right: 1px solid #333333;
    }
    .header-mobile ul#menu-top li:nth-child(5), .header-mobile ul#menu-top li:nth-child(6) {
        border-bottom: 0;
    }
    .header-mobile ul#menu-top li a {
        color: #fff;
        font-weight: 500;
        transition: all 0.3s ease-in-out;
        text-align: center;
        display: block;
        padding: 10px;
    }
    .header-mobile ul#menu-top li.current-menu-item a, .header-mobile ul#menu-top li:hover a {
    color: var(--lgold);
    } 
    .header-mobile ul#menu-primary {
    background: var(--black);
    padding: 10px 20px;
    }
    .header-mobile ul#menu-primary li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    display: block;
    padding: 12px 0 10px 0;
    border-bottom: 1px solid #31393f;
    transition: all 0.3s ease-in-out;
    }
    .header-mobile ul#menu-primary > li > a {
        font-family: 'Play';
    }
    .header-mobile ul#menu-primary > li > a > span {
    position: absolute;
    right: 0;
    top: 12px;
    font-size: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    }
    .header-mobile ul#menu-primary li:hover > a, 
    .header-mobile ul#menu-primary li.current-menu-item > a {
    color: var(--lgold);
    }
    .header-mobile ul#menu-primary .sub-menu {
        display: none;
    }
    .header-mobile ul#menu-primary li ul li a {
        font-family: 'Play';
        text-transform: none;
        font-weight: 500;
        position: relative;
    }
    .header-mobile ul#menu-primary li ul li a::before {
        content: "\e906";
        font-family: 'icomoon';
        font-size: 16px;
        color: var(--lgold);
        position: absolute;
        top: 11px;
        left: 0;
        transform-origin: left;
        transform: scale(0);
        transition: all 0.3s ease-in-out;
    }
    .header-mobile ul#menu-primary ul li:hover a, 
    .header-mobile ul#menu-primary ul li.current-menu-item a {
        padding-left: 20px;
    }
    .header-mobile ul#menu-primary li ul li:hover a::before, 
    .header-mobile ul#menu-primary li ul li.current-menu-item a::before {
        transform: scale(1);
    }
    .right-img-section::before {
        display: none;
    }
    .home-intro-content {
        margin: 0 auto;
    }
    .vc_row.row-with-overflow-image.gap-30 {
        padding: 0 15px;
    }
    .latest-posts-wrap .post-article img {
        width: 100%;
    }
    #footer .footer-content {
        grid-template-columns: repeat(3,1fr);
    }
    .footer-desc {
        grid-column: span 3;
    }
    .about-me-row img {
        width: 100%;
        height: auto;
    }
    .product-wrap .product-content-wrap .thumb img {
        width: 100%;
        height: 100%;
    }
    .page-404-wrap .error {
        margin-top: 20px;
    }
}
@media(max-width:991px) {
    .home-intro-wrap picture {
        display: flex;
        justify-content: center;
    }
    .home-intro-content {
        width:100%;
    }
    .product-categories a {
        max-width: 295px;
    }
    #footer .footer-content {
        grid-template-columns: repeat(1,1fr);
        gap:15px;
        text-align: center;
    }
    .tos {
        text-transform: uppercase;
    }
    #footer .footer-contact, #footer .socials {
        justify-content: center;
    }
    #footer .socials {
        margin-bottom: 30px;
    }
    .vc_row.row-with-overflow-image.gap-30 .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }
    .wpb_single_image.wpb_content_element.vc_align_left.overflow-image {
        text-align: center;
    }
    .product-categories .slick-slide a {
        margin: 0 auto;
    }
    .reviews .nav,
    .product-categories-wrap .nav {
        display: flex;
        gap: 20px;
        justify-content: center;
        margin-bottom: 20px;
    }
    .reviews .nav {
        margin-bottom: 0;
    }
    .reviews .nav span,
    .product-categories-wrap .nav span {
        display: block;
        color: #000;
        font-size: 30px;
        cursor: pointer;
    }
    .reviews .nav .prev span,
    .product-categories-wrap .nav .prev span {
        transform: rotate(180deg);
    }
    .vc_row.row-with-overflow-image.gap-30 {
        flex-flow: column;
        padding: 0 15px;
    }
    section.overlap-section-behind .vc_empty_space {
        max-height: 150px;
    }
    .reviews {
        display: block;
    }
    .reviews .slick-slide {
        padding-bottom: 35px;
    }
    .latest-posts-wrap {
        grid-template-columns: repeat(1,1fr);
    }
    .latest-posts-wrap .post-article {
        max-width: 385px;
        margin:0 auto; 
    }
    .home-blog-bg::before {
        height: 87%;
    }
    .home-intro-wrap .container {
        width: 100%;
    }
    .vc_row.about-me-row {
        margin-bottom: 30px;
    }
    .vc_row.about-me-row::before {
        height: 100%;
    }
    .carousel-images .item img {
        margin: 0 auto;
    }
    .single-product .latest-posts-wrap {
        margin-bottom: 40px;
    }
	.products .product-wrap:nth-child(even) .product-content-wrap,
    .product-wrap .product-content-wrap {
        grid-template-columns: 1fr;
    }
    .products .product-wrap:nth-child(even) .product-content-wrap .thumb {
        grid-column-start: 1;
        grid-row-end: 1;
    }
    .products .product-wrap {
        max-width: 455px;
        margin-left: auto;
        margin-right: auto;
    }
    .single-col-tablet .wpb_column.vc_column_container.vc_col-sm-6 {
        width: 100%;
    }
    .latest-posts-wrap .post-article:nth-of-type(even) {
        flex-direction: column;
    }
    .content-with-sidebar {
        grid-template-columns: 1fr;
    }
    .sidebar {
        margin-bottom: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
    .sidebar-widget:not(:last-of-type) {
        margin-bottom: 30px;
    }
    .content-with-sidebar .post-article {
        grid-template-columns: 1fr;
    }
    .content-with-sidebar .post-article .thumbnail a {
        display: block;
    }
    .content-with-sidebar .post-article .thumbnail img,
    .content-with-sidebar .post-article .thumbnail a img {
        width: 100%;
        height: auto;
    }
    .content-with-sidebar .post-article .post-content {
        padding: 20px 15px;
        padding-bottom: 30px;
    }
    .content-with-sidebar .post-article .post-button {
        left:50%;
        right: unset;
        transform: translateX(-50%);
    }
    .btn button, .btn a {
        white-space: nowrap;
    }
    .product-wrap .product-btn.align-right {
        text-align: center;
    }
}
@media(max-width:767px) {
    .home-intro-content {
        background: #131313b3;
    }
    .home-intro-wrap .container {
        top: unset;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }
    .home-intro-content .intro-title .title {
        font-size: 30px;
        text-align: center;
        padding: 0 15px;
        padding-top: 15px;
        padding-bottom: 10px;
    }
    .home-intro-content .slogan {
        padding: 0 15px;
        padding-bottom: 15px;
        text-align: center;
    }
    .footer-desc {
        grid-column: span 1;
    }
    .vc-tab-30 {
        max-height: 30px;
    }
    .vc_tta.vc_general .vc_tta-panel-heading {
        display: none;
    }
    .product-header-wrap .product-thumbnail img {
        width: 100%;
        height: auto;
    }
    .product-header-wrap {
        grid-template-columns: 1fr;
        gap:15px;
    }
    .product-header-wrap .product-title, 
    .product-header-wrap .product-excerpt {
        order: -1;
    }
    .product-header-wrap .product-thumbnail {
        text-align: center;
    }
    .product-header-wrap .make-an-inquiry.btn.align-right {
        text-align: center;
    }
    .product-header-wrap .product-title {
        text-align: center;
    }
    .product-header-wrap .product-title .title-separator {
        margin: 0 auto;
    }
    .product-extra-data:not(:last-of-type) {
        margin-bottom: 0;
    }
    .gallery-carousel span.prev.icon {
        left:-5px;
    }
    .gallery-carousel span.next.icon {
        right:-5px;
    }
    .gallery-carousel span.icon {
        font-size: 13px;
    }
    .gallery-carousel span.prev.icon {
        left: unset;
        right: 50px;
        top: -30px;
        transform: rotate(-90deg) translateY(0);
    }
    .gallery-carousel span.next.icon {
        right: 10px;
        top: -30px;
        transform: rotate(90deg) translateY(0);
    }
    #faqs .section-title .title {
        font-size: 30px;
    }
    .inquiry-wrap {
        grid-template-columns: 1fr;
    }
    .vc_row.vc_row-flex.full-height-row .wpb_column.vc_column_container.vc_col-sm-6:first-of-type .wpb_gmaps_widget .wpb_map_wraper iframe {
        position: relative;
        width: 100%;
    }
    .vc_row.full-height-row.contacts {
        flex-direction: column-reverse;
        gap: 0;
    }
    .masonary-gallery .grid-sizer {
        width: calc(100% / 2 );
    }
}
@media(min-width:600px) and (max-width:767px) {
    .about-me-row img {
        width: auto;
    }
}
@media(max-width:600px) {
    .overflow-image.wpb_single_image img {
        width: 100%;
    }
    .reverse-columns {
        display: flex;
        flex-direction: column;
    }
    .reverse-columns::before, .reverse-columns::after {
        display: none;
    }
    .reverse-columns .reverse {
        order: -1;
    }
    .carousel-images .item img {
        width: 100%;
        height: auto;
    }
    .gallery-with-filter .filters {
        flex-direction: column;
        align-items: center;
    }
    .gallery-carousel {
        margin: 0;
    }
    .gallery-carousel span.prev.icon {
        right:35px;
    }
    .gallery-carousel span.next.icon {
        right: 0;
    }
    .gallery-carousel .slick-slide > div {
        margin-bottom: 10px;
    }
    .videos-wrap {
        grid-template-columns: 1fr;
    }
    .product-extra-data > div {
        display: flex;
        flex-direction: column;
    }
    .sidebar {
        grid-template-columns: 1fr;
    }
    .sidebar-widget:not(:last-of-type) {
        margin-bottom: 0;
    }
    .masonary-gallery .grid-sizer {
        width: 100%;
    }
}
@media(min-width:481px) {
    .mobile-show-button {
        display: none;
    }
}
@media(max-width:480px) {
    .sticky-phone {
        display: block;
    }
    #description, #gallery, #video, #faqs, #inquiry {
        padding:20px 0;
    }
    .product-extra-data .product-extra-title {
        margin-bottom: 15px;
    }
    .vc-mobile-30 {
        max-height: 30px;
    }
    body .vc_row.vc_column-gap-30 > .vc_column_container {
        padding: 0 15px;
    }
    .fs50, .fs30,.fs30 .title {
        font-size: 25px;
    }
    .mobile-hide-button {
        display: none;
    }
    #footer .footer-contact:nth-child(4) {
        display: block;
    }
    #footer .footer-contact:nth-child(4) span.icon {
        margin-right: 10px;
    }
    .responsive-image picture img {
        width: 100%;
        height: auto;
    }
    #faqs .section-title .title {
        font-size: 25px;
    }
    .product-cf .fields .two-col {
        grid-template-columns: 1fr;
    }
    .cf-button.right {
        text-align: center;
    }
    .latest-posts-wrap .post-article {
        max-width: 100%;
    }
    .title-with-separator.align-left {
        text-align: center;
    }
    .title-separator.left {
        margin: 0 auto;
    }
    .product-wrap .product-content-wrap .thumb img {
        width: 100%;
        height: auto;
    }
    .page-404-wrap .text {
        font-size: 20px;
    }
}
@media(max-width:360px) {
    .home-intro-content .intro-title .title {
        font-size: 28px;
    }
    .home-intro-content .slogan {
        font-size: 13px;
    }
}