/**
 * Theme Name: Tzanou 
 * Version: 1.0.1
 * Author: cfdev 
 * Text Domain: tzanou
 * Requires at least: 6.2
 * Requires PHP: 7.4
 */

@import url('assets/fonts/fonts.css'); * {
    font-family: 'Averta';
    color: #000;
}

html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    margin: 0;
    overflow-x: hidden;
}

body.overlay:before {
    content: '';
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1111;
    opacity: 0.5;
}

a, a:hover {
    text-decoration: none;
}

@keyframes bounce {
    50% {
        transform: translateY(-15px);
    }
}

@keyframes bounce-horizontal {
    50% {
        transform: translateX(-15px);
    }
}


.ttt-pnwc-modal .ttt-pnwc-notice {
    display: block;
}

.ttt-pnwc-modal .ttt-pnwc-notice i {
    display: none;
}

.ttt-pnwc-modal .ttt-pnwc-message {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.ttt-pnwc-modal .ttt-pnwc-message a.button {
    width: 100%;
    box-sizing: border-box;
    display: block;
    order: 2;
    margin: 20px 0 0;
    transition: .3s;
}

.ttt-pnwc-modal .ttt-pnwc-message a.button:hover {
    background: #000 !important;
    color: #fff !important;
}

.woocommerce-info a {
    display: inline-block;
}

.archi-link:after,
.art-link:after,
.archi-link.hovered:after,
.art-link.hovered:after,
ul#menu-main-menu li a:after,
ul#menu-main-menu-en li a:after,
li.cart-link a:after,
#useLinks p a:after,
.woocommerce-info a:after,
#back-art-project:after,
#project-show:after,
#project-hide:after {
    content: '';
    width: 0%;
    height: 1px;
    background: #000;
    display: block;
    transition: .3s;
    margin: 5px auto 0;
}

#back-art-project:hover:after,
.archi-link:hover:after,
.art-link:hover:after,
.archi-link.hovered:after,
.art-link.hovered:after,
ul#menu-main-menu li a:hover:after,
ul#menu-main-menu li.current-menu-item a:after,
ul#menu-main-menu-en li a:hover:after,
ul#menu-main-menu-en li.current-menu-item a:after,
li.cart-link a:hover:after,
#useLinks p a:hover:after,
.woocommerce-info a:hover:after,
#project-show:hover:after,
#project-hide:hover:after {
    width: 80%;
}

.archi-link.hovered i {
    transform: rotate(135deg) !important;
}

.art-link.hovered i {
    transform: rotate(-45deg) !important;
}

ul#menu-art {
    margin-top: 10px;
}

/* Header */
.woocommerce-store-notice.demo_store {
    background-color: #000;
}

.woocommerce-store-notice.demo_store .woocommerce-store-notice__dismiss-link {
    display: none;
}

header.simple-header {
    display: grid;
    background-color: #fff;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 40px;
    z-index: 250;
    transition: height .3s;
    height: 170px;
    align-items: center;
    position: sticky;
    top: 0;
}
/* 
header.simple-header.sticky {
    height: 140px;
} */

header.mobile-simple-header {
    background-color: #fff;
}

.logged-in.admin-bar header.mobile-simple-header {
    top: 46px;
}

.page-template-page-architecture header,
.projects-template-default header {
    background-color: #c9c3bc;
}

.page-template-page-architecture header:before,
.projects-template-default header:before {
    content: '';
    background-image: linear-gradient(45deg, #c9c3bc 26%, #fff 20%, #fff 32%, #b67466 32%);
    transition: width 0.5s ease;
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.page-template-page-architecture header.gradient-link:before,
.projects-template-default header.gradient-link:before {
    width: 100%;
    background-image: linear-gradient(45deg, #c9c3bc 30%, #fff 20%, #fff 32%, #b67466 32%);
}

.page-template-page-art header:before,
.product-template-default header:before {
    content: '';
    background-image: linear-gradient(135deg, #c9c3bc 70%, #fff 70%, #fff 75.2%, #b67466 0%);
    transition: width 0.5s ease;
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.page-template-page-art header.gradient-link:before,
.product-template-default header.gradient-link:before {
    width: 100%;
    background-image: linear-gradient(135deg, #c9c3bc 73%, #fff 70%, #fff 75.2%, #b67466 0%);
}

/* Header background when page is art */
.page-template-page-art .simple-header,
.tax-product_cat .simple-header, 
.post-type-archive-product .simple-header, 
.product-template-default .simple-header {
    background-color: #b67466;
}

/* Mobile and tablet */
.page-template-page-architecture .mobile-simple-header, 
.projects-template-default .mobile-simple-header {
    background-color: #c9c3bc !important;
}

.page-template-page-art .mobile-simple-header, 
.post-type-archive-product .mobile-simple-header, 
.product-template-default .mobile-simple-header, 
.tax-product_cat .mobile-simple-header {
    background-color: #b67466;
}

.page-template-page-about .mobile-simple-header #menu {
    background-color: #838a70;
}

.projects-template-default #menu, .page-template-page-architecture #menu {
    background-image: linear-gradient(135deg, #c9c3bc 59%, #fff 4%, #fff 62%, #b67466 46%);
}

.product-template-default #menu, .page-template-page-art #menu, .post-type-archive-product #menu, .tax-product_cat #menu {
    /* background-image: linear-gradient(135deg, #c9c3bc 33%, #fff 18%, #fff 36%, #b67466 21%); */
}

nav {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    height: 65px;
    align-items: center;
}

i#close-menu {
    display: none;
}

.brand {
    float: right;
    padding-right: 1em;
    padding-top: 20px;
}

ul#menu-mobile-menu {
    text-align: left;
}

#menu li a, #menu li a:hover {
    text-decoration: none;
}

#menuToggle {
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    padding-left: 10px;
}

#menu {
    position: fixed;
    width: 100%;
    left: -100%;
    height: 100%;
    padding: 30px 10px;
    background-color: #e5e1dd;
    z-index: 9999;
    top: 0;
    transition: .3s;
}

#menu.open {
    left: 0;
}

.projects-template-default #menu, .page-template-page-architecture #menu {
    background-image: linear-gradient(135deg, #c9c3bc 59%, #fff 4%, #fff 62%, #b67466 46%);
}

/* end of mobile and tablet menu */
.middle-section {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    width: auto;
}

div.logo {
    width: 100%;
    font-weight: bold;
}

div.logo img {
    max-width: 300px;
}

li.about-link a, li.news-link a {
    font-size: 13pt;
}

li.cart-link a {
    font-size: 10pt;
    font-weight: normal;
    display: inline-block;
}

.right-section {
    width: auto;
    text-align: end;
}

/* Left section  */
#menu-left-section {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
    align-items: baseline;
}

.cart-link {
    text-transform: uppercase;
}

#menu-left-section li:last-child {
    width: 100%;
    min-width: 100%;
    padding-top: 1em;
    line-height: normal;
}

.archi-link a {
    font-weight: 300;
    font-size: 30pt;
}

.archi-link .arrow-down,
.art-link .arrow-down,
#back-art-project i {
    background-image: url('assets/images/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -6px;
    transform: rotate(90deg);
    transition: .3s;
}

#back-art-project:hover i {
    transform: rotate(134deg);
}

.page-template-page-architecture .archi-link a, .projects-template-default .archi-link a {
    font-weight: bold;
    font-family: 'Averta';
}

.page-template-page-architecture .archi-link a {
    margin-left: 0;
}

.page-template-page-cart .art-link a {
    font-family: 'Tinos';
}

.art-link a {
    font-size: 30pt;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-family: 'Source Serif 4';
}

p.underline-middle {
    font-size: 4px;
}

#menu-left-section .menu-item-object-custom {
    padding: 0.3em;
}

.search-mobile-out {
    padding-top: 20px;
}

a.wpml-ls-link {
    font-size: 10pt;
}

.search-form {
    width: 100%;
    max-width: 180px;
    position: relative;
    margin-left: 3%;
}

.search-form form .wrap-fields {
    opacity: 0;
}

.search-form form.open .wrap-fields {
    opacity: 1;
}

.search-form form .wrap-fields:after {
    content: '';
    background-color: #000;
    width: 0%;
    height: 1px;
    transition: .5s;
    display: block;
}

.search-form form.open .wrap-fields:after {
    width: 100%;
}

.search-form form .wrap-fields label {
    display: none;
}

.search-form form .wrap-fields input {
    font-style: italic;
    font-size: 12px;
    text-transform: lowercase;
    font-weight: 500;
    border: none;
    width: 100%;
    background: transparent;
    box-sizing: border-box;
    padding-left: 12px;
    outline: none;
}

.search-form form .wrap-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    transition: .5s;
}

.search-form form.open .wrap-btn {
    width: 28px;
    left: auto;
    right: 0;
}

.search-form form .wrap-btn button {
    width: 100%;
    border: none;
    background: transparent;
    cursor: pointer;
}

.search-form form .wrap-btn button:before {
    content: '';
    background-image: url('assets/images/search-icon.svg');
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.search-form form.open .wrap-btn button:before {
    background-image: url('assets/images/close.svg');
}

ul.autocomplete-results {
    position: absolute;
    background: #fff;
    width: 100%;
    padding: 10px;
    max-height: 300px;
    overflow-y: auto;
}

.search-loader {
    width: 10px;
    height: 10px;
    border: 3px solid #e5e5e5;
    border-top: 3px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

ul.autocomplete-results::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
	background-color: #fff;
}

ul.autocomplete-results::-webkit-scrollbar
{
	width: 5px;
}

ul.autocomplete-results::-webkit-scrollbar-thumb
{
	background-color: #000000;
}

ul.autocomplete-results li a {
    font-size: 14px;
    display: inline-block;
}

ul.autocomplete-results li {
    margin-bottom: 5px;
}

ul.autocomplete-results li a:after {
    content: '';
    background: #000;
    height: 1px;
    width: 0%;
    display: block;
    transition: .3s;
}

ul.autocomplete-results li a:hover:after {
    width: 100%;
}

.left-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    text-align: start
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal {
    margin-left: -8px;
    padding: 0;
}

.aws-search-btn.aws-form-btn {
    margin: 0;
    transition: none;
}

.menu-architecture-container {
    width: 100%;
    display: flex;
    margin-top: 10px;
}

.menu-architecture li {
    display: flex;
    align-items: center;
}

.wpml-ls-current-language a {
    font-weight: bold;
}

p.underline-lang {
    margin-top: 0px;
    margin-bottom: 0;
    width: 10px;
    margin-left: 4px
}

a.wpml-ls-link p.underline-lang {
    width: 0;
    height: 1px;
    background: #000;
    display: block;
    margin: 2px 0 0;
    transition: .3s;
    margin: 3px auto 0;
}

a.wpml-ls-link:hover p.underline-lang,
.wpml-ls-current-language a p.underline-lang {
    width: 80%;
}

/* Middle section */
ul#menu-main-menu,
ul#menu-main-menu-en {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    margin: 0;
    justify-content: space-evenly;
    align-items: baseline;
    align-content: stretch;
    gap: 25px;
}

ul#menu-main-menu li a:hover,
ul#menu-main-menu-en li a:hover {
    background-color: transparent;
}

ul#menu-main-menu li.active a,
ul#menu-main-menu-en li.active a {
    font-weight: 600;
}

ul#menu-main-menu li.active .underline-middle,
ul#menu-main-menu-en li.active .underline-middle {
    display: none;
}

ul#menu-main-menu li.news-link.active .underline-middle,
ul#menu-main-menu-en li.news-link.active .underline-middle {
    margin-left: 7px;
}

.brand {
    font-weight: 700;
    font-size: 18px;
}

/* Right section */
.art-link {
    display: inline-block;
}

.cart-link a {
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

#back-archi-project, #arrow-archi-back {
    display: none;
}

.social-newsletter {
    width: 100%;
}

#archi-menu h5, #art-menu h5 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.navbar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.dropdown a:focus {
    text-decoration: none;
}

.dropdown-menu {
    position: relative !important;
    float: none;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    padding-left: 30px;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-menu li a.nav-link {
    font-size: 18px;
}

ul.left-menu {
    list-style-type: none;
    display: inline-flex;
}

ul.left-menu li {
    margin-left: 1em;
}

nav ul {
    text-align: center;
}

.websiteLogo h4 {
    text-align: center;
}

#art-cart a, #art-menu h5 {
    float: right;
}

.archi-link.active {
    font-weight: 700;
}

#architecture-link.active {
    font-weight: 600;
}

i#arrow-archi-back {
    padding-right: 5px;
}

#back-archi-project, 
#back-art-project, 
#back-archi-project:hover, 
#back-art-project:hover {
    color: #000;
    font-size: 13px;
    display: inline-block;
}

#arrow-art {
    margin-right: 0;
    margin-left: 8px;
    transform: rotate(0deg);
}

.archi-link:hover #arrow-archi {
    transform: rotate(90deg);
}

.art-link:hover #arrow-art {
    transform: rotate(-90deg);
}

.page-template-page-architecture .art-link:hover #arrow-art {
    transform: rotate(270deg);
    font-size: 15px;
    padding-left: 5px;
    color: #000;
}

.page-template-page-architecture #arrow-archi, 
.projects-template-default #arrow-archi, 
.product-template-default #arrow-art, 
.page-template-page-art #arrow-art, 
.post-type-archive-product #arrow-art, 
.page-shop #arrow-art {
    display: none;
}

.page-template-page-art #arrow-archi, 
.post-type-archive-product #arrow-archi, 
.product-template-default #arrow-art, 
.page-shop #arrow-archi {
    transform: rotate(45deg);
}

a.active {
    font-weight: 700;
}

.mobile-simple-header, .mobile-archi-header {
    display: none;
}

#cart-container {
    margin-left: 3em;
}

.wp-block-woocommerce-cart {
    height: 51vh;
    border: 1px solid #000;
}

.wc-block-components-sidebar {
    height: 51vh;
    background-color: #e5e1dd;
}

.wc-block-cart-items__header-image span {
    display: none;
}

.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul {
    text-align: start;
}

/* Home page */
.images-container2 {
    height: 100vh;
    width: 100vw;
    overflow: hidden;
}

.welcome2 {
    width: 100%;
    height: 100%;
    position: relative;
}

.architecture-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s !important;
    clip-path: polygon(30% 0%, 30% 15%, 90% 100%, 0% 100%, 0% 0%);
    cursor: pointer;
}

.art-img {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all 0.5s !important;
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    cursor: pointer;
}

.architecture-img.active {
    clip-path: polygon(50% 0%, 50% 15%, 100% 100%, 0% 100%, 0% 0%);
}

.art-img.not-active {
    clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 85%);
    filter: grayscale(1);
}

.architecture-img.not-active {
    clip-path: polygon(0% 0%, 0% 15%, 50% 100%, 0% 100%, 0% 0%);
    filter: grayscale(1);
}

.art-img.active {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 85%);
}

/* end of home page */
/* Cart page */
.page-template-page-cart .woocommerce {
    display: flex;
    padding: 40px 40px 0;
    font-family: 'Averta-Extrathin';
    flex-wrap: wrap;
}

/* form -> table with the products */
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 40%;
    background-color: #e5e1dd;
}

.woocommerce table.cart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-template-page-cart .woocommerce table.shop_table {
    border-color: transparent;
    width: 87%;
    border-collapse: collapse;
}

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

.woocommerce a.button {
    background-color: transparent !important;
    color: #000 !important;
    border: 1px solid #000;
    border-radius: 0;
}

.woocommerce-notices-wrapper {
    padding: 0 40px;
    width: 100%;
}

.woocommerce a.remove {
    font-size: 12px;
    height: 1em;
    width: 100%;
    text-align: end;
    line-height: 1;
    border-radius: 100%;
    color: #000 !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    text-transform: uppercase;
    padding-right: 40px;
}

.woocommerce a.remove:hover {
    font-size: 12px;
    height: 1em;
    width: 100%;
    text-align: end;
    line-height: 1;
    border-radius: 100%;
    color: #000 !important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    padding-right: 40px;
}

.woocommerce table.shop_table td.product-name {
    padding-top: 75px;
}

.woocommerce table.shop_table td.product-name .product-subtotal {
    margin-top: 2em;
    font-weight: 500;
    font-size: 20px;
    .woocommerce-Price-currencySymbol {
        font-weight: 200;
    }
}

.woocommerce table.shop_table td.product-name a.product-name {
    font-size: 29px;
    font-weight: 400;
}

.woocommerce table.shop_table td.product-name p {
    padding-top: 8px;
}

a.variation-attribute {
    font-size: 17px;
}

.product-row .col-4 {
    margin: 24px;
    width: 50%;
}

.products-container hr {
    border-top: 1px solid #000;
    width: 94%;
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
    background-color: transparent;
    color: #000;
    border-radius: 0;
    border: 1px solid #000;
}

.page-template-page-cart .cart-collaterals .cart_totals h2 {
    text-align: center;
    font-size: 51px;
    font-family: 'Averta-Extrathin';
}

.page-template-page-cart .wc-proceed-to-checkout {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.page-template-page-cart .wc-proceed-to-checkout a {
    width: 50%;
    padding: 15px;
}

.page-template-page-cart .lang-menu {
    text-align: center;
    margin-bottom: 4em;
}

#subheading {
    text-align: center;
    margin-top: 2em;
    font-size: 15pt;
}

.cart-totals-custom {
    padding-top: 35px;
}

#number-items {
    font-weight: bold;
}

.order-total-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;
    border-bottom: 1px solid black;
    margin-top: 4em;
    margin-left: 12em;
    margin-bottom: 2em;
}

.order-total-div p:first {
    font-size: 26px;
}

.order-total-div p {
    font-size: 22px;
}

.cart_totals table {
    display: none;
}

.image-payment {
    padding-left: 182px;
    padding-top: 115px;
}

#order_review_heading {
    text-align: center;
    font-size: 39px;
}

button.close {
    background-color: transparent;
    border: none;
    font-size: 14px;
    float: right;
    padding-top: 42px;
    padding-right: 27px;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
}

.tax-product_cat {
    ul.products.columns-4 {
        padding-left: 40px;
    }

    p.woocommerce-result-count {
        padding-left: 40px;
        padding-top: 40px;
    }

    form.woocommerce-ordering {
        padding: 40px;
    }
}

.page-checkout {
    .shop_table {
        display: flex;
        justify-content: center;
    }

    .shop_table tr.cart_item {
        display: none !important;
    }

    .shop_table.woocommerce-checkout-review-order-table thead {
        display: none;
    }
}

button[name=update_cart] {
    display: none !important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: none !important;
}

.woocommerce form .form-row .required {
    color: #000;
}

.woocommerce-checkout input[type=radio]+label::after {
    border: none;
    width: 5px;
    height: 5px;
    background: #000;
    margin: 0 auto;
    left: 10px;
    top: 10px;
}

.woocommerce-checkout input[type=radio]~label::before,
.woocommerce-checkout input[type=checkbox]~label::before, 
.woocommerce-checkout input[type=checkbox]~span::before {
    border: 1px solid #000;
    width: 23px;
    height: 23px;
}

.woocommerce-checkout input[type=checkbox]~span {
    line-height: 25px;
}

.woocommerce-info {
    border-top-color: #000;
    background-color: #e5e1dd;
    color: #000;
    padding: 13px 0 20px 60px;
}

.woocommerce-info::before {
    color: #000;
}

#checkout-payment-methods .wc_payment_methods>li label img {
    display: none;
}

/* Footer */
/* Modal  Form*/
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error {
    color: #000;
}

div.wpforms-container-full .wpforms-form .wpforms-title {
    border-bottom: 1px solid #000;
    line-height: normal !important;
    margin-right: 28px !important;
    font-size: 30px !important;
    font-weight: 100 !important;
    padding-bottom: 20px;
}

.wpforms-submit-container {
    text-align: center;
}

.contact-m .wpforms-field-container {
    display: flex;
    flex-wrap: wrap;
    margin-left: 70px !important;
    padding-right: 20px;
    gap: 20px;
}

.contact-m .wpforms-field {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.contact-m .modal-body {
    margin-bottom: 100px;
}

.contact-m .wpforms-field label {
    order: 2;
    font-size: 10pt !important;
    font-weight: normal;
    padding-top: 5px !important;
}

.contact-m span.wpforms-required-label {
    color: #000;
}

.contact-m .wpforms-field input {
    order: 1;
}

.contact-m .wpforms-field.name-form-input, .contact-m .wpforms-field.lastname-form-input {
    width: 48.6666%;
}

.contact-m input[type=text],
.contact-m input[type=email]{
    border-radius: 0 !important;
    margin-right: 15px;
	padding: 0 !important;
}

div.wpforms-container-full input[type=email], div.wpforms-container-full input[type=month], div.wpforms-container-full input[type=number], div.wpforms-container-full input[type=password], div.wpforms-container-full input[type=range], div.wpforms-container-full input[type=search], div.wpforms-container-full input[type=tel], div.wpforms-container-full input[type=text], div.wpforms-container-full input[type=time], div.wpforms-container-full select {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
    border-radius: 0 !important;
    padding: 0;
    box-shadow: none !important;
}

div.wpforms-container-full:not(:empty) {
    padding: 0 10px;
    margin: 0;
}

label {
    color: #000 !important;
}

div.wpforms-field-container textarea {
    background-color: transparent !important;
    border: 1px solid #000 !important;
}

.contact-m div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .contact-m div.wpforms-container-full button[type=submit]:hover {
    margin-right: 1.5em;
}

.contact-m .modal-content {
    padding: 20px;
}

.contact-btn-send {
    float: right !important;
    background-color: transparent !important;
    color: black !important;
    text-transform: uppercase !important;
    border: 1px solid black !important;
    border-radius: 0 !important;
    font-size: 10pt !important;
    padding: 0.5em 11em !important;
    margin-bottom: 38pt !important;
}

/* End Modal Form */
/* Footer */
.container-footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 40px;
    background-color: #e5e1dd;
    color: #000;
    font-style: normal;
    line-height: normal;
    margin-top: -5px;
}

.page-template-page-about footer, 
.page-template-default footer {
    background-color: #838a70;
}

.page-template-page-architecture footer, 
.projects-template-default footer {
    background-color: #c9c3bc;
}

.page-template-page-news footer, 
.home.page-template-default footer, 
.page-template-default.page-template-page-cart footer, 
.page-template-default.page-checkout footer, .page-template-page-contact footer {
    background-color: #e5e1dd;
}

.page-template-page-art footer, 
.post-type-archive-product footer, 
.page-shop footer, 
.tax-product_cat .container-footer, 
.products-template-default footer, 
.product-template-default footer {
    background-color: #b67466;
}

#contact-info .textwidget p {
    font-size: 14px;
    line-height: 27px;
}

#contact-info .title {
    font-size: 20px;
}

#contact-info .widget-title {
    font-weight: 300;
    font-size: 20pt;
}

#contact-info p {
    font-weight: normal;
    font-size: 8.5pt;
}

#contact-info #tel, #contact-info #email {
    font-size: 13pt;
}

.social-link {
    font-size: 10pt;
    font-weight: normal;
    position: relative;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin: 2.5em;
    text-transform: uppercase;
}

button.plan-btn {
    background: transparent;
    border: none;
    padding: 0;
}

#contact-btn, 
#contact-info .textwidget p:last-child a,
.product-template-default .woocommerce-product-details__short-description button,
button.plan-btn span {
    color: #000;
    background-color: transparent;
    border-radius: 0;
    border: 1px solid black;
    width: fit-content;
    padding: 1em 1.5em;
    text-transform: uppercase;
    margin-top: 17px;
    font-size: 10pt;
    font-weight: normal;
    cursor: pointer;
    margin-top: 20px;
    display: block;
    transition: .3s;
}

#contact-btn:hover, 
#contact-info .textwidget p:last-child a:hover,
button.plan-btn:hover span,
.product-template-default .woocommerce-product-details__short-description button:hover {
    color: #fff;
    background-color: #000;
    font-weight: bold;
}

.woocommerce .back-btn, 
.woocommerce #payment #place_order, 
.woocommerce-page #payment #place_order, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    transition: .3s;
}

.woocommerce .back-btn:hover, 
.woocommerce #payment #place_order:hover, 
.woocommerce-page #payment #place_order:hover, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: #000 !important;
    color: #fff !important;
    font-weight: bold;
}

.woocommerce .back-btn:hover .long-arrow-left::after {
    background-color: #fff;
}

.woocommerce .back-btn:hover .long-arrow-left {
    border-color: #fff;
}

#social-news {
    text-align: center;
}

#social-news #social-container {
    padding-bottom: 20px;
    margin-top: 2em;
}

.fa-square-facebook, .fa-square-instagram, .fa-linkedin {
    opacity: 0;
    text-align: center;
}

.link-text, i.fa-brands {
    transition: opacity 0.3s ease-in-out;
}

.social-link i.fa-brands {
    position: absolute;
    top: 0;
    left: 30px;
    opacity: 0;
}

#social-mobile .social-link i.fa-brands {
    position: absolute;
    top: 0;
    left: 30px;
    opacity: 1;
}

.social-link {
    margin: 1.5em;
}

.social-link:hover .link-text {
    opacity: 0;
}

.social-link:hover i {
    opacity: 1;
}

#facebook:hover.fa-square-facebook, #insta:hover.fa-square-instagram, #linkedin:hover.fa-linkedin {
    display: inline-block;
    text-align: center;
}

#newsletter {
    color: #000;
    font-size: 30px;
    text-align: center;
    transition: text-align 0.5s ease-in-out;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 140px;
}

#arrow-newsletter {
    transform: rotate(-45deg);
    font-size: 15px;
    margin-left: 5px
}

#arrow-newsletter:before {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 18px;
    height: 13px;
    display: inline-block;
    transform: rotate(45deg);
    background-position: center;
    background-repeat: no-repeat;
}

#hover-mouse {
    display: none;
}

#hover-mouse {
    display: none;
}

#newsletter-email {
    width: 0%;
    transition: width .3s ease-in-out;
    border: 0;
    padding: 0;
    background-color: transparent;
    font-size: 12pt;
    font-style: italic;
    font-weight: 100;
}

#userLinks {
    padding-top: 15px;
}

#useLinks p {
    margin-top: 2em;
    text-align: end;
}

#useLinks p a {
    color: #000;
    text-decoration: none;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
}

div.copyright {
    order: 4;
    text-align: end;
    width: 100%;
    grid-row: 2;
    grid-column: 3;
    margin-top: -45px;
}

.copyright p {
    text-align: end;
    color: #000;
    font-size: 8.5pt;
    margin: 0;
    padding-top: 6px;
}

#newsletter-col {
    margin-top: 6em;
}

#copyright-col {
    margin-top: 4em;
}

/* #newsletter:hover #newsletter-email:focus #arrow-newsletter , */
#newsletter:hover #arrow-newsletter {
    transform: rotate(270deg);
}

.textwidget {
    width: 100%;
}

/* #newsletter #newsletter-email:focus */
#newsletter:hover #newsletter-email {
    width: 50%;
    padding-left: 5px;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid black !important;
    font-size: 13px;
    color: #000;
    text-transform: lowercase;
    margin-left: 15px;
    outline: 0;
}

::placeholder {
    color: #000;
}

.form-group input {
    border: 1px solid transparent;
    border-bottom: 1px solid #000;
    box-shadow: none;
    background-color: #e5e1dd;
}

.form-group textarea {
    border: 1px solid #000;
    background-color: #e5e1dd;
}

.page-template-page-about .contact-m .form-group input, .page-template-default .contact-m .form-group input {
    background-color: #838a70;
}

.page-template-page-about .contact-m .form-group textarea, .page-template-default .contact-m .form-group textarea {
    border: 1px solid #000;
    background-color: #838a70;
}

.page-template-page-news .contact-m .form-group input, .page-template-page-news .contact-m .form-group textarea, .page-template-default.page-template-page-cart .contact-m .form-group input, .page-template-default.page-template-page-cart .contact-m .form-group textarea {
    background-color: #e5e1dd;
}

.page-template-default.page-template-page-architecture .contact-m .form-group input, .page-template-default.page-template-page-architecture .contact-m .form-group textarea {
    background-color: #c9c3bc;
}

.page-template-default.page-template-page-art .contact-m .modal-content, .post-type-archive-product .contact-m .modal-content, .product-template-default .contact-m .modal-content {
    background-color: #b67466;
}

#contact-btn:focus, #contact-info .textwidget p a:last-child:focus {
    outline: transparent;
}

.col-form-label {
    font-size: 11px;
}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #f3f3f3 !important;
    border: none !important;
}

div.wpforms-container-full .wpforms-confirmation-container-full p:last-child, div[submit-success]>.wpforms-confirmation-container-full p:last-child {
    color: #000 !important;
}

.modal.contact-m {
    position: fixed;
    bottom: 63px;
    max-width: 940px;
	width: 100%;
    left: -100%;
    z-index: 9999;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    transition: left 0.5s ease-in-out;
}

.contact-m.modal.open {
    left: 0;
}

.modal.contact-m .wpforms-title {
    font-size: 30px;
    font-weight: 300;
}

.page-template-page-about {
    border-color: transparent;
}

.modal-header, .modal-footer {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.contact-m .modal-content {
    border-radius: 0;
    box-shadow: none;
    border-color: transparent;
    background-color: #e5e1dd;
}

.page-template-page-about .contact-m .modal-content, .page-template-default .contact-m .modal-content {
    background-color: #889170;
    border-color: #889170;
}

.page-template-default.page-template-page-architecture .contact-m .modal-content, .projects-template-default .contact-m .modal-content {
    background-color: #c9c3bc;
}

.page-template-default.page-template-page-contact .contact-m .modal-content, .page-template-page-news .contact-m .modal-content, .page-template-default.page-template-page-cart .contact-m .modal-content, .page-template-default.page-checkout .contact-m .modal-content, .page-template-default.page-home-page .contact-m .modal-content {
    background-color: #e5e1dd;
}

.modal-header, .modal-footer {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.contact-btn-send {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    width: 30%;
    text-transform: uppercase;
}

/*Front page*/
div.main-container {
    display: flex;
}

div.images-container {
    display: flex;
    align-items: center;
}

.architecture-image {
    width: 50%;
    height: 650px;
    display: block;
    position: relative;
    object-fit: cover;
}

.art-image {
    width: 50%;
    height: 650px;
    display: block;
    float: right;
    z-index: 35;
    object-fit: cover;
}

img {
    max-width: 100%;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.line {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: black;
    transform-origin: 0% 0%;
    transform: rotate(45deg);
    transition: transform 0.3s ease-in-out;
}

.image-container:hover .line {
    transform: rotate(45deg) translate(50%, 0);
}

.image-container:hover img:first-child {
    transform: scale(1.2);
}

.image-container:hover img:last-child {
    filter: grayscale(100%);
    transform: scale(0.8);
}

.archi-image, .art-image {
    width: 150%;
    height: 86vh;
}

/* About page */
/* First section */
section.about-first {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* padding: 40px 45px */
    padding: 30px 45px
}

#about-text {
    margin-top: 25px;
}

#img-about-col {
    text-align: center;
    padding-right: 128px;
}

#img-about-col img {
    /* width: 385px;
     position: absolute;
     right: 129px;
     height: 575px; */
    width: 412pt;
    position: absolute;
    right: 120px;
    height: 620pt;
    object-fit: cover
}

#about-text .title {
    padding-bottom: 2px;
	margin-top: 0;
    margin-bottom: 0;
    font-size: 4.5vw;
    font-family: 'Averta-Extrathin';
}

#about-text p {
    margin-top: 15px;
}

/* Bio section */
.bio {
    background-image: url(assets/images/Fishbone_About.svg);
    background-size: 100%;
    padding-top: 19px;
}

.bio-container {
    display: grid;
    padding: 72px 40px 80px 40px;
    margin-top: 4em;
    background-color: #838a70;
    width: 85%;
}

.bio-container img {
    object-fit: cover;
    margin-bottom: 62pt;
    width: 372pt;
    height: 279pt;
    object-position: 100%;
}

.bio-list {
    list-style-type: none;
    column-count: 2;
    padding-left: 10px;
    padding-top: 35px;
}

.bio-list li {
    line-height: 2em;
    font-weight: 700;
}

.bio-container .title {
    margin-top: 0em;
    font-weight: 300;
    font-size: 32px;
}

.bio-container #bio-text {
    margin-top: 65px;
}

.page-template-page-about .content-bio {
    font-family: 'Averta';
    font-weight: 300;
    font-size: 15pt;
    color: #000;
    columns: 60px 2;
}

.content-bio ul {
    list-style-type: disc;
    padding-left: 35px;
}

p.explain-star {
    font-size: 12pt;
}

div#last-row {
    display: grid;
    grid-template-columns: 50.6% 50%;
    justify-items: stretch;
    align-items: baseline;
}

.woocommerce div.product {
    margin-bottom: 50px;
}

/* end About page */
/* ==== Architecture and Art page === */
section.about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: fit-content;
    padding-bottom: 93px;
}

.page-template-page-art section.about {
    padding-right: 40px;
    background: #b67466;
}

div#main-about {
    padding: 40px 45px 40px 35px;
}

.page-template-page-architecture section.about {
    padding-left: 40px;
    background-color: #c9c3bc;
}

div#main-architecture {
    padding: 20px 50px 0 0;
}

div#main-architecture p {
    font-size: 21px;
    color: #000;
    font-weight: 300;
}

.architecture-btn {
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #000;
}

.architecture-btn {
    text-transform: uppercase;
    font-size: 10pt;
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #000;
    cursor: pointer;
    transition: .3s;
}

.architecture-btn:hover {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.page-template-page-art .projects-list .nav-item a {
    padding-right: 10px;
}

.page-template-page-art .intro-text p {
    font-size: 21px;
    font-family: 'Source Serif 4';
    color: #000;
    margin-top: 0;
}

.page-template-page-art .intro-text p:last-child {
    padding-top: 20px;
}

.intro-text a[href="#projects"],
#main-architecture #main-section > p > a {
    color: #000;
    text-transform: uppercase;
    font-size: 10pt;
    padding: 10px 15px;
    background-color: transparent;
    border: 1px solid #000;
    cursor: pointer;
    transition: .3s;
}

.intro-text a[href="#projects"]:hover,
#main-architecture #main-section > p > a:hover {
    background: #000;
}

.intro-text a[href="#projects"]:hover strong,
#main-architecture #main-section > p > a:hover > strong {
    color: #fff;
}

.page-template-page-art section#projects {
    background-image: linear-gradient(to bottom, #b67466 28%, #fff 19%, #fff 49%);
}

.page-template-page-art .list-title {
    font-family: 'Source Serif 4';
    font-weight: normal;
}

.page-template-page-art .projects-list li a {
    font-family: 'Source Serif 4';
}

div#image-wrapper img {
    height: 660pt;
    object-fit: cover;
    object-position: left;
    width: 100%;
}

.box {
    margin-top: 100px;
}

.box-arrow {
    display: grid;
    animation: bounce 2000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.box-arrow a {
    border: 1px solid #000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.box-arrow button {
    border: 1px solid #000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: transparent;
    cursor: pointer;
}

.box-arrow a i {
    font-size: 23px;
    margin: 21px;
}

/* .box-arrow a i:before {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 19px;
    height: 23px;
    display: inline-block;
    transform: rotate(45deg);
    background-position: center;
    background-repeat: no-repeat;
} */

.box-arrow button i {
    font-size: 23px;
    margin: 9px;
}

section#projects {
    padding-left: 40px;
}

.list-title {
    font-size: 30pt;
    margin-bottom: 0;
}

ul.projects-list {
    display: flex;
    margin-top: 26px;
    list-style-type: none;
    padding: 6px 0 0 0;
    line-height: 2.5em;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
}

.page-template-page-architecture ul.projects-list,
.page-template-page-art ul.projects-list {
    display: none;
}

.main-project-list {
    display: grid;
    align-items: end;
    position: relative;
}

.projects-list li a {
    color: #000;
    font-size: 15pt;
    font-style: normal;
    line-height: normal;
    text-wrap: nowrap;
    z-index: 25;
    position: relative;
    text-transform: uppercase
}

.projects-list .nav-item a i {
    transform: rotate(45deg);
}

.projects-list li a:hover {
    font-weight: bold;
}

.projects-list span {
    padding-right: 10px;
}

li.nav-item.active a {
    font-weight: bold;
}

.category-descr {
    width: 51%;
    padding-bottom: 80px;
    font-size: 15pt;
    font-weight: 300;
}

li.nav-item {
    text-transform: uppercase;
}

#main-section {
    font-size: 20px;
    font-weight: 300;
    text-wrap: wrap;
    color: #000;
    padding-right: 70px;
}

.page-template-page-architecture .beforeAfter {
    height: 300px;
}

section#products {
    display: grid;
    grid-template-columns: 6% 94%;
    background-image: linear-gradient(to bottom, #b67466 32%, #fff 32%, #fff 49%);
    padding-bottom: 60px;
}

.hide {
    display: none;
}

.dropdown-toggle {
    cursor: pointer;
}

/* .projects-template-default .slick-slide,
 .slick-slide {
     width: 378px !important;
     height: 340px;
 } */
.slick-slide {
    cursor: pointer;
}

#main-project h3 {
    font-size: 34px;
    font-family: 'Averta-Extrathin';
}

.page-template-page-architecture .projects-list li a {
    font-weight: 300;
}

.page-template-page-architecture .list-title {
    font-size: 30pt;
    font-weight: 300;
}

/* end page architecture and page art */
.post-type-archive-product {
    section {
        font-family: Tinos;
    }

    .about {
        height: 800px;
    }

    .project {
        background-image: linear-gradient(to bottom, #b67466 19%, #fff 19%, #fff 49%);
    }

    #main-about>p {
        font-family: Tinos;
        margin-top: 7em;
        font-weight: 800;
        font-size: 25px;
        margin-right: 7em;
        color: #000;
    }

    .box {
        margin-top: 1em;
        margin-right: 13em;
        margin-left: 0;
        p {
            color: #000;
            font-size: 17px;
            ; }
    }
}

/* scrollbar in page cart and in page  art */
.page-template-page-art {
    /* width */
    ::-webkit-scrollbar {
        width: 6px;
        height: fit-content;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #000;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000;
    }
}

.page-template-page-cart {
    /* width */
    ::-webkit-scrollbar {
        width: 2px;
        height: 2px;
        /* height: fit-content; */
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #000;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000;
    }
}

.post-type-archive-product {
    /* width */
    ::-webkit-scrollbar {
        width: 6px;
        height: fit-content;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #000;
    }

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #000;
    }
}

/* Single project (architecture) */
.intro {
    background-image: linear-gradient(to bottom, #c9c3bc 74%, #c9c3bc 65%, #fff 35%);
    padding: 35px 40px 0;
}

.small-description {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.projects-template-default #main-intro {
    padding: 0;
}

.image-descr {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 3%;
}

.image-descr .container-img {
    width: 66%;
}

.image-descr:empty {
    height: 150px;
    margin-bottom: -100px;
}

.projects-template-default #main-intro h1 {
    font-size: 4vw;
    font-family: 'Averta-Extrathin';
    font-weight: 600;
}

.projects-template-default #main-intro #main-section {
    font-size: 20px;
    font-family: 'Averta';
    font-weight: 300;
    font-style: italic;
    margin-bottom: 35px;
}

.project-info {
    width: 23%;
    /* font-weight: 300; */
    line-height: 25px;
    font-size: 18px;
}

.project-info li {
    color: #000;
    padding-right: 13em;
    font-weight: 300;
    font-style: italic;
    font-size: 13pt;
}

.project-info .pdf_file {
    border: 1px solid #000000;
    padding: 10px;
    display: inline-block;
    font-size: 14px;
    max-width: 230px;
    width: 100%;
    margin: 15px 0 0;
    text-align: center;
    font-weight: bold;
}

.project-info .pdf_file:before {
    content: '';
    background-image: url('assets/images/pdf-icon.svg');
    background-size: contain;
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.plans {
    width: 80%;
    margin: 0 auto;
}

.plans .tabs {
    display: flex;
    margin-bottom: 50px;
    gap: 3%;
}

.plans .tab-item {
    cursor: pointer;
    background-color: transparent;
    color: #000;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    font-weight: 400;
    transition: .3s;
}

.plans .tab-item:after {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 15px;
    height: 15px;
    display: none;
}

.plans .tab-item.active {
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.plans .tab-item.active:after {
    display: inline-block;
    margin-left: 20px;
}

.plans .images {
    display: flex;
    flex-direction: column;
}

.plans .image-item {
    display: none;
    mix-blend-mode: multiply;
}

.compare-menu {
    display: flex;
    margin-bottom: 150px;
    gap: 3%;
}

.compare-menu .item {
    cursor: pointer;
    background-color: transparent;
    color: #000;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    font-weight: 400;
    transition: .3s;
}

.compare-menu .item:after {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 15px;
    height: 15px;
    display: none;
}

.compare-menu .item.active {
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.compare-menu .item.active:after {
    display: inline-block;
    margin-left: 20px;
}

.compare-items .compare-item {
    display: none;
}

.compare-items .compare-item.active {
    display: block;
}


#next-project img {
    width: 194px;
    height: 142px;
    object-fit: cover;
    object-position: top;
}

#next-project .next-item {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 12px 12px 9px;
    margin-left: 17px;
}

#next-project .next-item:before {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: 18px;
    width: 25px;
    height: 24px;
    display: inline-block;
    transform: rotate(-45deg);
    background-position: center;
    background-repeat: no-repeat;
}

#next-project a:hover {
    color: #000;
    text-decoration: none;
}

#next_post_title {
    font-size: 20px;
    font-weight: 300;
}

.next-project-link {
    float: right;
}

.container-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: 30% 76%;
}

/* section second with gallery*/
section.second {
    background-color: #fff;
}

section.second.single-project {
    padding-left: 40px;
    padding-top: 60px;
}

#text-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10%;
}

div#text-gallery #text-wrapper {
    width: 65%;
}

.products-template-default section.second, .product-template-default section.second {
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 88%, #fff 88%, #b67466 12%);
    padding-top: 4em;
}

#text-wrapper p:first-child {
    color: #000;
    font-size: 24px;
    margin-bottom: 25px;
    margin-top: 0;
    width: 86%;
    font-weight: 600;
}

#text-wrapper p {
    color: #000;
    font-size: 18px;
}

.projects-template-default .slick-slide {
    padding-left: 40px;
}

#text-gallery #text-wrapper p:last-child {
    margin-bottom: 135px;
    /* width: 795pt */
    width: 100%;
}

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

section.floor-plan {
    padding: 5px 40px 40px 40px;
}

section.floor-plan h3 {
    font-size: 30px;
    font-weight: 300;
    margin-top: 70px;
}

.floor-plan .floor-main-section {
    display: grid;
    grid-template-columns: 40% 60%;
    padding-bottom: 75px;
}

.floor-plan .before-after-section {
    display: grid;
    margin-top: 93px;
}

ul.floor-numbers-explain {
    list-style-type: decimal;
    column-count: 2;
    width: 100%;
    line-height: 25px;
}

.floor-numbers-explain li::marker {
    content: counter(list-item)"\a0\a0";
    font-weight: bold;
    font-size: 11pt;
}

.floor-numbers-explain li {
    font-size: 15pt;
    font-weight: 300;
}

section#gallery-slider {
    padding-bottom: 70px;
}

section#gallery-slider .slick-list {
    margin-left: -35px;
}

.responsive-projects .card {
    width: 385px;
    margin-left: 45px;
	display: block;
}

div#number-list {
    padding-left: 40px;
}

span.cd-handle {
    width: 40px;
    height: 40px;
}

.text-cd-handle {
    position: absolute;
    left: 50%;
    text-transform: uppercase;
    text-align: center;
    font-size: 12pt;
    font-weight: normal;
}

.text-cd-handle-before, .text-cd-handle-after {
    font-size: 11pt;
}

.text2-cd-handle {
    position: absolute;
    height: 61px;
    width: 10%;
    left: 50%;
    top: -9%;
    margin-left: -38px;
    margin-top: -22px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}

div#image-comparison {
    padding-top: 40px;
}

#img-container-bottom img {
    width: 100%;
    height: 600px;
    object-fit: cover;
    object-position: 50% 83%;
}

span.text-cd-handle {
    top: -120px;
    width: 100px;
    margin: 0 auto;
    transform: translateX(-50%);
}

span.cd-handle {
    top: -6%;
}

.projects-template-default .next-project-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin-top: 15px;
    animation: bounce-horizontal 2000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

/* #next-project a {
      float: right;
  } */
.page-template-page-art .about, .tax-product_cat .about, .post-type-archive-product .about {
    background-color: #b67466;
}

.tax-product_cat .woocommerce-result-count, .tax-product_cat .woocommerce-ordering {
    display: none;
}

.tax-product_cat ul.products.columns-4 {
    display: none;
}

.tax-product_cat section.about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: fit-content;
    font-family: Tinos;
    color: #000;
    padding-bottom: 100px;
}

.tax-product_cat .intro-text {
    margin-top: 250px;
    font-size: 21px;
    padding: 40px 100px 40px 60px;
    font-family: 'Source Serif 4';
}

.tax-product_cat div#art-wrapper img {
    height: 880px;
    object-fit: cover;
    object-position: left;
    width: 909px;
}

.single-product .art-intro .title-mob, .single-product .art-intro .tback {
    display: none;
}

.single-product .art-intro .tback {
    text-align: left;
    font-size: 11px;
    margin-bottom: 15px;
}

.single-product .art-intro .tback:before {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    transform: rotate(135deg);
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 5px;
}

.single-product button.slick-next.slick-arrow {
    right: 0;
    top: 120%;
}

.single-product button.slick-prev.slick-arrow {
    left: 0px;
    top: 120%;
}

.wpgs-nav .slick-slide {
    margin-right: 5px;
}

.tax-product_cat .box.box-art {
    margin-top: 136px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
}

.tax-product_cat .box-arrow {
    padding-left: 25px;
}

.tax-product_cat .box-arrow a {
    border: 1px solid #000;
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.tax-product_cat .box-arrow a i {
    font-size: 23px;
    margin: 19px;
}

.tax-product_cat .box-text {
    padding-right: 49px;
    margin-right: 2em;
}

.tax-product_cat .box-text p {
    font-size: 15px;
    font-family: 'Source Serif 4';
    font-style: italic;
}

.tax-product_cat section#products {
    display: grid;
    grid-template-columns: 10% 90%;
    background-image: linear-gradient(to bottom, #b67466 19%, #fff 19%, #fff 49%);
    padding-bottom: 60px;
    font-family: 'Source Serif 4';
}

.tax-product_cat section#products\ no-products {
    background-image: none;
    background-color: #fff;
}

.tax-product_cat .woocommerce-no-products-found {
    padding-left: 40px;
}

.tax-product_cat .list-title {
    font-size: 30px;
    font-family: 'Source Serif 4';
    font-weight: normal;
    margin-bottom: 0;
}

.tax-product_cat .project-list-view.active {
    display: none;
}

.tax-product_cat .project-list-hide {
    display: block;
}

.tax-product_cat div#main-project-list {
    padding-top: 40px;
}

.tax-product_cat #main-about>p {
    font-family: 'Source Serif 4';
    margin-top: 7em;
    font-weight: 800;
    font-size: 25px;
    margin-right: 7em;
    color: #000;
}

.tax-product_cat .projects-list li a {
    font-family: 'Source Serif 4';
}

/* arhitecture - gallery */
.page-template-page-architecture section#projects {
    overflow: hidden;
    background-image: linear-gradient(to bottom, #c9c3bc 36%, #fff 32%, #fff 49%);
}

.page-template-page-architecture section#small-background {
    background-image: linear-gradient(to bottom, #c9c3bc 28%, #fff 21%, #fff 49%);
    padding-left: 40px;
}

.main-project-list {
    grid-template-columns: 20% 71%;
    margin-bottom: 80px;
}

.page-template-page-architecture .projects-list .nav-item a {
    padding-right: 20px;
}

.page-template-page-art .projects-list .nav-item a i:before,
.page-template-page-architecture .projects-list .nav-item a i:before {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    transform: rotate(-45deg);
}

.gallery-projects {
    padding-bottom: 100px;
}

#project-show,
#project-hide {
    cursor: pointer;
}

#project-show .arrow:after {
    content: '';
    background-image: url('assets/images/arrow-down.svg');
    background-size: contain;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 7px;
}

#project-hide .close:before, 
#project-hide .close:after {
    position: absolute;
    right: 45px;
    content: ' ';
    height: 12px;
    width: 1px;
    background-color: #000;
    top: 6px;
}

#project-hide .close:before {
  transform: rotate(45deg);
}

#project-hide .close:after {
  transform: rotate(-45deg);
}

.all-projects {
    position: absolute;
    top: 95px;
    z-index: 1;
}

.all-projects .items {
    margin-top: 20px;
    background: rgba(255, 255, 255, 0.9);
    padding: 10px;
    display: none;
}

.all-projects .items.open {
    display: block;
}

.all-projects .items > a {
    display: block;
    margin: 5px 0;
}

.all-projects #project-hide {
    display: none;
}

/* Art page  */
/* end art page */
#main-project h3 {
    font-size: 34px;
    font-family: 'Averta-Extrathin';
}

/* Architecture and art pages slider */
/* responsive projects slider - card */
.responsive-projects {
    display: flex;
}

.responsive-projects .slick-list {
    margin-left: -50px;
    overflow: visible;
}

.responsive-projects > div {
    width: 100%;
}

.card {
    color: inherit;
    cursor: pointer;
    width: 90%;
    height: 310px;
    perspective: 1000px;
    position: relative;
}

.page-template-page-art .card {
    height: 480px;
}

.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.back div {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
}

.page-template-page-art .card h4, .tax-product_cat .card h4 {
    font-family: 'Source Serif 4';
    font-weight: normal;
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 30%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper > img {
    height: 634px;
    width: 100%;
    max-width: 100%;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    padding: 0 40px;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    margin-right: 2%;
    margin-left: 40px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    display: none;
}

.card h4 {
    color: #000;
    font-size: 20pt;
    padding-right: 10px;
}

i.fa-solid.fa-arrow-right.project-art-arrow {
    display: block;
}

.front, .back {
    display: flex;
    background-position: center;
    background-size: cover;
    text-align: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: ease-in-out 600ms;
    overflow: hidden;
}

.front {
    &:before {
        position: absolute;
        display: block;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(135deg, adjust-hue(#b99494, -20deg), #b99494);
        opacity: .25;
        z-index: -1;
    }

    img {
        background-color: #fff;
    }

    .card:hover & {
        transform: rotateY(-180deg);
    }
;
}

.back {
    background: #fff;
    transform: rotateY(-180deg);
    .button {
        background: linear-gradient(135deg, adjust-hue(#b99494, -20deg), #b99494);
        &:before {
            box-shadow: 0 0 10px 10px rgba(#b99494, 0.25);
            background-color: rgba(#b99494, 0.25);
        }
    }

    .card:hover & {
        transform: rotateY(0deg);
    }

    .card:nth-child(even) & {
        transform: rotateY(180deg);
        .button {
            background: linear-gradient(135deg, adjust-hue(#9c5d5d, -20deg), #9c5d5d);
            &:before {
                box-shadow: 0 0 10px 10px rgba(#9c5d5d, 0.25);
                background-color: rgba(#9c5d5d, 0.25);
            }
        }
    }

    .card:nth-child(even): hover & {
        transform: rotateY(0deg);
    }
}

.card {
    display: inline-block;
}

a.card {
    margin-bottom: 50px;
}

.back {
    width: 100%;
}

.slider {
    width: 100%;
}

.slick-prev:before, .slick-next:before {
    color: black;
}

.projects-template-default .slide img {
    width: 100%;
    max-width: 500px;
    height: 405px;
    object-fit: cover;
}

.post-template-default .slick-slide img {
    width: 540pt;
    height: 400pt;
    object-fit: cover;
    object-position: center;
}

.post-template-default .box-arrow {
    margin-top: 80pt;
    animation: bounce 2000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.slick-slide {
    opacity: 1;
}

.slick-active, .slick-current {
    opacity: 1;
}

button.slick-prev.slick-arrow {
    top: -90px;
    left: auto;
    right: 100px;
    border: 1px solid #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 1;
    transition: .3s;
}

button.slick-next.slick-arrow {
    top: -40px;
    right: 40px;
    border: 1px solid #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    opacity: 1;
    transition: .3s;
}

.projects-template-default button.slick-prev.slick-arrow {
    left: 0;
    top: -50px;
}

.projects-template-default button.slick-next.slick-arrow {
    top: -50px;
}

.gallery-projects button.slick-next.slick-arrow,
.gallery-projects button.slick-prev.slick-arrow {
    top: -100px;
}

button.slick-prev.slick-arrow.slick-disabled, button.slick-next.slick-arrow.slick-disabled {
    opacity: 0;
}

#lg-counter span {
    color: #fff !important;
}

.lg-backdrop {
    background-color: #c9c3bc;
}

.lg-backdrop.in {
    opacity: 1;
}

.slick-prev:before, 
.slick-next:before {
    font-family: 'Tinos';
    color: #000;
    font-size: 25pt;
    text-align: center
}

.slick-next:before,
.slick-prev:before {
    content: '';
    background-image: url('assets/images/arrow-down-bold.svg');
    background-size: contain;
    width: 19px;
    height: 16px;
    display: inline-block;
    transform: rotate(-45deg);
    background-position: center;
    background-repeat: no-repeat;
}

.slick-prev:before {
    transform: rotate(135deg);
}

/* end responsive projects slider - card */
/* Art single product */
.art-intro {
    background-image: linear-gradient(to bottom, #b67466 90%, #fff 90%, #fff 10%);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 50px;
}

section.related.products {
    display: none;
}

div#art-photo-product {
    padding-left: 29px;
}

#main-intro {
    padding: 40px;
}

#main-intro h1 {
    font-size: 61pt;
    font-family: 'Source Serif 4';
    font-weight: normal;
    margin-bottom: 0;
}

#main-intro p {
    font-size: 19px;
    color: #000;
    font-family: 'Source Serif 4';
    margin: 0;
}

#art-photo-product img {
    width: 100%;
    height: 821px;
    object-fit: cover;
}

.woocommerce-result-count {
    padding-left: 40px;
}

.woocommerce-ordering {
    padding-right: 40px;
}

.post-type-archive-product ul.products.columns-4 {
    padding: 10px 40px;
}

/* Main product area */
.micromodal-slide .ttt-pnwc-container, 
.micromodal-slide .ttt-pnwc-overlay {
    will-change: unset;
}

.ttt-pnwc-header .ttt-pnwc-close:before, 
.ttt-pnwc-header .ttt-pnwc-close:after {
  position: absolute;
  left: 22px;
  content: ' ';
  height: 25px;
  width: 1px;
  background-color: #000;
  top: 11px;
}

.ttt-pnwc-header .ttt-pnwc-close:before {
  transform: rotate(45deg);
}

.ttt-pnwc-header .ttt-pnwc-close:after {
  transform: rotate(-45deg);
}

.product-type-variable, .product-type-simple {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    width: 25%;
}

div#another-product {
    position: absolute;
    right: 40px;
    animation: bounce 2000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

#another-product a {
    font-family: 'Source Serif 4';
    font-size: 20px;
    font-weight: normal;
    color: black;
    text-decoration: none;
}

#another-product a:first-child span {
    width: 70%;
    padding-top: 5px;
    padding-right: 8px;
}

#another-product a:hover {
    color: black;
    text-transform: none;
    text-decoration: none;
}

#another-product a i {
    border: 1px solid black;
    padding: 20px;
    border-radius: 50%;
}

.summary.entry-summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.product-row form.cart {
    margin-top: 88px;
}

.product-template-default .woocommerce-product-details__short-description p:last-child {
    padding-bottom: 24px;
}

.product_meta {
    order: 5;
    padding-bottom: 50px;
}

form.cart {
    order: 4;
}

.woocommerce-product-details__short-description {
    order: 2;
}

p.price {
    order: 3;
}

h1.product_title.entry-title {
    order: 1;
}

.page-template-page-cart .type-product {
    font-family: Tinos;
    background-image: linear-gradient(to bottom, #fff 19%, #fff 37%, #B67466 35%);
}

.woocommerce-breadcrumb {
    display: none;
}

.product-type-variable h1.product_title.entry-title {
    padding-top: 30px !important;
}

h1.product_title.entry-title {
    font-family: 'Source Serif 4';
    font-weight: normal;
    font-size: 42px;
    margin-bottom: 0;
}

.product-template-default .woocommerce-product-details__short-description {
    color: #000;
    font-size: 15px;
    line-height: normal;
    font-family: 'Source Serif 4';
    font-weight: normal;
}

.product-template-default .woocommerce-product-details__short-description * {
    margin-bottom: 0;
    font-family: 'Source Serif 4';
    font-size: 16px;
}

th.label {
    padding: 0;
    width: 100%;
    text-align: left;
    font-family: 'Source Serif 4';
    font-weight: normal;
    font-size: 15px;
}

span.variable-item-span.variable-item-span-button {
    font-family: 'Source Serif 4';
    font-size: 15px;
}

.product-template-default #main {
    color: #000;
    font-family: 'Source Serif 4';
}

.woocommerce-product-gallery__image a img {
    margin-left: 0;
}

.woocommerce div.product div.images img {
    object-fit: cover;
    height: 527px;
}

.woocommerce div.product div.images .wpgs-nav img {
    height: 150px;
}

.wpgs-for > i {
    display: none !important;
}

.product-type-simple p.price {
    display: block;
}

.product-type-variable p.price {
    display: none;
}

.reset_variations {
    visibility: hidden !important;
    display: none !important;
}

.single_variation_wrap {
    margin-top: 30px;
    font-family: 'Source Serif 4';
}

.variations {
    margin-top: 0.5em;
}

.variations tr {
    display: flex;
    flex-wrap: wrap;
}

.variations .label label {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'Source Serif 4';
}

.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
    font-family: 'Source Serif 4';
}

.variations .label label::after {
    content: ":";
}

.woo-variation-items-wrapper ul li:not(.selected) {
    box-shadow: none !important;
}

ul.variable-items-wrapper.button-variable-items-wrapper.wvs-style-squared li {
    margin-right: 20px !important;
}

form.variations_form.cart.wvs-loaded {
    margin-bottom: 15px !important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover, .woo-variation-items-wrapper ul li.selected {
    box-shadow: none;
    font-weight: 700;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) p.underline-middle {
    margin-top: -5px;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected p.underline-middle, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover p.underline-middle {
    border-top: 1px solid #000;
    width: 75%;
    margin-top: -5px;
}

.woo-variation-swatches .variable-items-wrapper {
    display: block;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
    text-align: left !important;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
    width: 100%;
}

.reset_variations {
    visibility: hidden;
}

.product-template-default form.cart {
    display: flex;
    align-content: stretch;
    /* flex-wrap: nowrap; */
    justify-content: flex-start;
    align-items: flex-end;
    margin-bottom: 10px !important;
}

.single_variation_wrap .woocommerce-variation-add-to-cart {
    margin-top: 40px;
    display: inline-flex;
}

.product-template-default .qib-button-wrapper {
    margin-right: 0;
}

.product-template-default .qib-button-wrapper .minus.qib-button {
    order: 3;
}

.product-template-default .qib-button-wrapper div.quantity.wqpmb_quantity {
    order: 2;
}

.product-template-default .qib-button-wrapper .quantity input.input-text.qty.text {
    padding: 0;
    width: 35px;
    text-align: center;
    font-size: 16px;
    outline: none;
}

.product-template-default .quantity {
    order: 2;
}

.product-template-default .qib-button-wrapper {
    order: 2;
    margin-left: 15px;
}

.product-template-default .single_add_to_cart_button {
    order: 1;
}

.woocommerce-product-details__short-description {
    color: #000;
    font-size: 18px;
    line-height: normal;
}

.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
    border-radius: 0;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    margin-left: 0;
    padding-left: 0;
}

body.product-template-default.single.single-product {
    padding: 0;
}

.woocommerce div.product form.cart .button {
    border-radius: 0;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    padding: 13px 15px;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Averta';
    text-transform: uppercase;
    transition: .3s;
}

.woocommerce div.product form.cart .button:hover {
    color: #fff;
    position: relative;
    font-weight: bold;
    background: #000;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    border-radius: 0;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    padding: 13px 15px;
}

#menu-product-menu-pages {
    display: inline-flex;
    color: #000;
}

#menu-product-menu-pages li a {
    font-size: 10pt;
}

#menu-product-menu-pages li.return-policy::after {
    content: ' /';
}

.product-template-default div.product span.price {
    color: #000;
    font-size: 26pt;
    font-weight: bold;
    font-family: 'Tinos' !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price bdi {
    color: #000;
    font-size: 26pt;
    font-family: 'Tinos' !important;
}

.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
    margin-bottom: 0;
    margin-right: 100px;
}

.page-template-page-cart div.wpforms-container-full button[type=submit]:hover, .product-template-default div.wpforms-container-full button[type=submit]:hover {
    background: linear-gradient(0deg, #b8614f, #b8614f), #b8614f;
}

div.wpforms-container-full button[type=submit]:hover {
    background: linear-gradient(0deg, #c9c3bc, #c9c3bc), #c9c3bc;
}

.page-template-page-about div.wpforms-container-full button[type=submit]:hover {
    background: linear-gradient(0deg, #91997b, #91997b), #91997b;
}

.product-template-default ul.products {
    display: flex;
    justify-content: space-evenly;
    padding-top: 70px;
}

.product-template-default ul.products li img {
    height: 300px !important;
    width: 255px !important;
    object-fit: contain
}

.product-template-default section.upsells .woocommerce-loop-product__title {
    display: none;
}

.page-template-page-cart ul.products {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.page-template-page-cart .cross-sells {
    display: none;
}

.page-template-page-cart .woocommerce ul.products li.product .woocommerce-loop-category__title, .page-template-page-cart .woocommerce ul.products li.product .woocommerce-loop-product__title, .page-template-page-cart .woocommerce ul.products li.product h3 {
    display: none;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    display: none;
}

.woocommerce ul.products li.product .button {
    display: none;
}

.background-container {
    background: url('assets/images/Fishbone_About.svg') repeat;
    background-size: cover;
    height: 62px;
}

.post-type-archive-product .background-container, 
.page-template-page-art .background-container, 
.product-template-default .background-container {
    background: url('assets/images/Fishbone_Art.svg') repeat;
    background-size: cover;
}

.home .background-container,
.page-template-page-cart .background-container,
.page-template-page-checkout .background-container {
    background: url('assets/images/Fishbone_HomePage.svg') repeat;
    background-size: cover;
}

.page-template-page-architecture .background-container, 
.projects-template-default .background-container, 
.blog .background-container, 
.post-template-default .background-container,
.page-template-default.page-template-page-cart .background-container,
.page-template-page-news .background-container {
    background: url('assets/images/Fishbone_Architecture.svg') repeat;
    background-size: cover;
}

.page-template-page-contact .background-container {
    background: url('assets/images/footer-icons-1.svg') repeat;
}

.projects-template-default .background-container .title {
    font-size: 36px;
    font-family: 'Averta-Extrathin';
}

.sm-descr {
    font-size: 24px;
    line-height: 1.2em;
    font-family: 'Averta';
    font-weight: 300;
}

#useful-pages {
    margin-top: 1em;
}

#useful-pages ul {
    display: flex;
}

#useful-pages ul li {
    padding-left: 5px;
    color: #000;
}

#useful-pages li.return-policy::after {
    content: ' /';
}

.up-sells {
    width: 100%;
}

.available {
    padding-left: 40px;
    width: 100%;
}

.available h2 {
    color: #000;
    font-family: 'Source Serif 4';
    padding-top: 76px;
    margin-top: 0;
    font-size: 30pt;
    font-weight: normal;
}

.container-available {
    text-align: center;
    display: flex;
    margin-top: 42px;
    margin-bottom: 100px;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-evenly;
}

.container-available img {
    object-fit: contain;
    padding: 1.5em;
    margin-right: 25px;
    width: 360px;
    height: 408px;
}

/* News page */
.latest-news {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-content: space-evenly;
    justify-items: start;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #fff 69%, #fff 88%, #e5e1dd 30%);
    padding: 0 40px;
    height: 677px;
}

.latest-news h2 {
    font-weight: 300;
    font-size: 42px;
    margin: 0;
    padding-bottom: 10px;
}

#text-column-latest p {
    margin: 0;
}

#text-column-latest p#summary-news {
    margin: 20px 0 40px;
    font-weight: 300;
    font-size: 20px;
}

.content.p-3 h3 {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 0px;
    margin-top: 0;
    line-height: normal;
}

.content.p-3 p {
    font-family: 'Gotham Greek';
    font-size: 15px;
    margin-bottom: 20px;
}

.wc-empty-cart-message {
    width: 100%;
}

p.return-to-shop {
    margin-bottom: 100px;
    margin-top: 0;
}

/* News page */

.single-post {
    img.attachment-large.size-large.wp-post-image {
        width: 100%;
        height: 479pt;
        object-fit: cover;
        max-width: 90%;
    }
}

.single-post button.slick-next.slick-arrow {
    top: -89px;
}

.page-template-page-news {

    img.attachment-large.size-large.wp-post-image {
        width: 100%;
        height: 479pt;
        object-fit: cover;
        max-width: 90%;
    }
    
    .box-arrow {
        display: grid;
        margin-top: 5em;
        animation: bounce 2000ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
    }

    .box-arrow a {
        border: 1px solid #000;
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

    .box-arrow a i {
        font-size: 23px;
        margin: 19px;
    }
}

#news-img-new img {
    width: 859px;
    height: 547px;
    object-fit: cover;
    padding-right: 5em;
    margin-left: 0.5em
}

section.news-list {
    display: grid;
    grid-template-columns: 95% 5%;
    padding: 40px;
    background-color: #e5e1dd;
}

.content.p-3 {
    width: 100%;
}

.news-container {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(3, 1fr);
    padding: 40px;
    row-gap: 50px;
    justify-items: center;
    column-gap: 70px;
}

/* Inside news */
section.main-news-body {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 40px 40px 40px;
}

.gallery-news {
    padding: 100px 40px 100px;
}

.gallery-news .slick-slide {
    padding: 0 20px;
}

.gallery-news .slick-slide:last-child {
    padding-right: 0px;
}

#text-column-single {
    padding: 40px 158px 10px 15px;
}

#text-column-single h2 {
    font-size: 42px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: normal;
}

#text-column-single p {
    font-family: 'Gotham Greek';
    font-size: 14px;
}

#text-column-single p#introduction {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Averta';
}

#small-text-start {
    font-size: 18pt;
}

section.more-news {
    background-color: #e5e1dd;
    padding: 80px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-content: center;
    justify-content: center;
    gap: 3%;
}

.more-news p {
    text-wrap: wrap;
    padding-top: 2em;
    font-size: 14px;
}

.news-item {
    margin-bottom: 40px;
}

.post-template-default .more-news h3 {
    font-size: 30px;
    font-weight: 400;
    margin: 0 0 10px;
    line-height: normal;
}

.post-template-default .more-news p {
    padding-top: 0;
    font-size: 14px;
    font-family: 'Gotham Greek';
    margin-bottom: 20px;
}

.single-image-container img.attachment-medium_large.size-medium_large.wp-post-image {
    height: 400px;
    object-fit: cover;
    object-position: center;
}

.single-image-container {
    padding: 0;
}

.read-more {
    border-radius: 0;
    border: 1px solid #000;
    padding: 9px 27px;
    text-transform: uppercase;
    background-color: transparent;
    margin-bottom: 15px;
    cursor: pointer;
    transition: .3s;
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.read-more:hover {
    color: #fff;
    background-color: #000;
    font-weight: bold;
}

.read-more:hover i {
    color: #fff;
}

.post-template-default .read-more {
    margin-top: 0;
}

.read-more i {
    padding-left: 15px;
    font-size: 10pt;
}

#newTag {
    color: #fff;
    border: 1px solid #000;
    background-color: #000;
    padding: 5px 15px;
    font-size: 11px;
    margin-bottom: 10px;
    display: inline-block;
}

#text-column {
    padding: 75px;
}

.btn-tag {
    background-color: #000;
}

#text-column h2 {
    padding-bottom: 2px;
    margin-bottom: 0;
}

#text-column p {
    margin-top: 15px;
}

#date {
    font-size: 13px;
}

.readMode {
    border-radius: 0;
    border: 1px solid black;
    background: white;
    color: black;
}

.bio-list {
    padding-left: 5px;
}

/* .content-bio {
     font-family: 'Averta';
     color: #000;
     font-size: 17px;
     font-weight: 300;
     padding-right: 115px;
 } */
.blog-col {
    margin-bottom: 35px;
}

.blog-img img {
    height: 400px;
    object-position: center;
    object-fit: cover;
}

.project-list-view i {
    transform: rotate(45deg);
    font-size: 10px;
    margin-left: 4px;
}

.project-list-view:hover i {
    transform: rotate(0deg);
}

.content {
    width: 65%;
    h3 {
        font-size: 33px;
        text-wrap: wrap;
    }

    p {
        margin-top: 15px;
    }

    small {
        font-size: 10px;
    }

    .read-more i {
        margin-left: 15px;
    }
}

.float-right {
    color: #000;
    padding-top: 0;
    padding-bottom: 5px;
}

.news-container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-around;
}

#text-column-latest {
    margin-top: 52px;
    padding-right: 58px;
}

.news-container .row:first-child {
    padding-left: 90px;
}

.bio-container p {
    padding-right: 44px;
}

.bio-container p:first-child {
    margin-top: 0;
}

#gallery-slider a:focus, .card:focus {
    outline: none;
}

.image-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    padding-top: 55px;
    top: 60%;
    transform: translateY(-50%);
    /* left: calc(50% - 600px); */
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    /* backdrop-filter: blur(1px); */
    /* background: rgba(114,90,90,0.1); */
    /* -webkit-backdrop-filter: blur(4px); */
}

.close-image {
    position: absolute;
    /* top: 20px;
     right: 100px; */
    top: 16px;
    right: 25%;
    color: black;
    font-size: 30px;
    font-weight: normal;
    cursor: pointer
}

.close-image-text {
    position: absolute;
    top: 3%;
    right: 26%;
    color: black;
    font-weight: normal;
    cursor: pointer;
    font-size: 12px;
}

.modal-content#modalImage {
    margin: auto;
    display: block;
    width: 1000px;
    height: 750px;
    object-fit: cover;
}

.art-link.current-menu-item a {
    font-weight: 600;
}

.lg-actions .lg-next, 
.lg-actions .lg-prev {
    color: #000;
}

.page-return-items-policy .container {
    padding: 40px;
}

#cat-desc {
    width: 87%;
    font-size: 15pt;
    font-family: 'Source Serif 4';
    padding-bottom: 50px;
}

.page-template-default .title.text-center {
    padding: 40px;
    font-size: 60px;
}

.page-template-default .container {
    padding: 40px;
}

.woocommerce-Tabs-panel.woocommerce-Tabs-panel--description.panel.entry-content.wc-tab {
    margin: 35px 0 0;
}

.wc-tab-info #info-title {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.wc-tab-info #info-title:before{
    content: '';
    width: 0%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: -5px;
    transition: .3s;
    margin: 5px auto 0;
    left: 0;
    right: 0;
}

.wc-tab-info #info-title:hover:before,
.wc-tab-info #info-title.open:before {
    width: 90%;
}

.wc-tab-info #info-title:after {
    content: '';
    background-image: url(assets/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    width: 13px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    margin-top: -6px;
    transition: .3s;
}

.wc-tab-info #info-title:hover:after,
.wc-tab-info #info-title.open:after {
    transform: rotate(-45deg);
}

.wc-tab-info .info-content {
    height: 0;
    overflow: hidden;
}

.wc-tab-info #info-title.open ~ .info-content {
    height: auto;
}

.mobile-simple-header {
    display: none;
}

.wpforms-container .wpforms-field {
    padding: 15px 0 0 !important;
}

/* End Header   */
/*MARIOS ADDS START*/
/* .art-img {
     clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 75% 100%, 75% 85%);
 }
 
 .art-img.not-active {
     clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 85%);
 }
 
 .art-img.active {
     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 85%);
 }
 
 .architecture-img {
     clip-path: polygon(0% 0%, 25% 0%, 25% 15%, 75% 100%, 0% 100%);
 }
 
 .architecture-img.not-active {
     clip-path: polygon(0% 0%, 0% 0%, 0% 15%, 50% 100%, 0% 100%);
 }
 
 .architecture-img.active {
     clip-path: polygon(0% 0%, 50% 0%, 50% 15%, 100% 100%, 0% 100%);
 } */
.architecture-img {
    clip-path: polygon(0% 0%, 35% 0%, 35% 15%, 65% 100%, 0% 100%);
}

.architecture-img.not-active {
    clip-path: polygon(0% 0%, 0% 0%, 0% 15%, 35% 100%, 0% 100%);
}

.architecture-img.active {
    clip-path: polygon(0% 0%, 65% 0%, 65% 15%, 100% 100%, 0% 100%);
}

.art-img {
    clip-path: polygon(35% 0%, 100% 0%, 100% 100%, 65% 100%, 65% 85%);
}

.art-img.not-active {
    clip-path: polygon(65% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 85%);
}

.art-img.active {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 35% 100%, 35% 85%);
}

.images-container2 {
    height: calc(100vh - 170px);
}

.menu-item-object-page>i {
    transition: all 0.3s;
}

form.aws-search-form.aws-show-clear {
    padding: 0px;
    margin-left: 30px;
    width: 30px;
}

/*MARIOS ADDS END*/
section.contact-page {
    background: #e5e1dd;
    padding: 80px 40px;
}

section.contact-page .page-title {
    color: #000;
    font-size: 50px;
    font-weight: 100;
    font-family: 'Averta';
}

section.contact-page .short-desc {
    max-width: 634px;
    font-size: 20px;
    font-family: 'Averta';
    font-weight: 100;
    line-height: 25px;
}

section.contact-page .details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
    margin-top: 50px;
}

section.contact-page .details .item {
    width: 33%;
}

section.contact-page .details .item > div:first-child {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Averta';
    text-transform: uppercase;
    padding-bottom: 10px;
}

section.contact-page .details .item > div:last-child {
    font-size: 20px;
    font-weight: 300;
    font-family: 'Averta';
}

section.contact-page .details .item > div:last-child a:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0.3;
}

section.contact-page .details .item > div:last-child > a {
    display: inline-block;
}

/**
 * Accordion
*/
.faq-accordion-item {
    margin-bottom: 10px;
}

.faq-accordion-header {
    position: relative;
    cursor: pointer;
    background-color: transparent;
    padding: 10px;
    border: 1px solid #000000;
    font-family: 'Source Serif 4';
    font-size: 21px;
}

.faq-accordion-content {
    display: none;
    padding: 10px 10px 0;
    border: 1px solid #000;
    border-top: none;
    background: #dcdcdc;
}

.faq-accordion-content * {
    color: #000;
}

  .faq-accordion-header .arrow {
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 17px;
    width: 11px;
    height: 11px;
    background: transparent;
    text-indent: -9999px;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    transition: all 250ms ease-in-out;
    text-decoration: none;
    color: transparent;
    transform: rotate(-135deg);
  }

  .faq-accordion-header .arrow:before {
    display: block;
    height: 200%;
    width: 200%;
    margin-left: -50%;
    margin-top: -50%;
    content: "";
    transform: rotate(45deg);
  }
  
.faq-accordion-header .arrow.rotate {
    transform: rotate(45deg);
    top: 20px;
}

.faq-accordion-header .rotate {
    transform: rotate(90deg);
}

/**
 * My Account
 */
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
    display: block;
    padding-bottom: 200px;
}

.woocommerce-account .woocommerce-MyAccount-content {
    display: inline-block;
    float: left;
    margin-left: 5%;
    width: 75%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    list-style: none;
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
    opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 5px;
    display: block;
    text-align: left;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
    margin-right: 20px;
    opacity: .25;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
    opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
    content: "\f0e4";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
    content: "\f291";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
    content: "\f1c6";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
    content: "\f015";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
    content: "\f09d";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
    content: "\f007";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
    content: "\f08b";
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
    font-size: 25px;
    text-align: center;
    font-weight: 600;
}

.woocommerce-account p.order-again {
    text-align: right;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
    margin-top: 50px;
    float: right;
}

.woocommerce-account .woocommerce form .form-row input.input-text {
    background: transparent;
}

.woocommerce-account .woocommerce form .form-row > span {
    font-size: 11px;
}

.woocommerce-account button.woocommerce-Button.button,
.woocommerce-checkout .checkout_coupon .button {
    background: transparent;
    color: #000;
    border: 1px solid #000;
    border-radius: 0px;
    font-size: 15px;
    transition: .3s;
}

.woocommerce-checkout .checkout_coupon .button:hover {
    background: #000;
    color: #fff;
}

.woocommerce-checkout .checkout_coupon .form-row-last {
    float: none;
}

.woocommerce-account .addresses .title h3 {
    font-size: 20px;
    margin: 0 0 20px;
}

.woocommerce-account .addresses .title .edit {
    font-size: 17px;
}

.woocommerce-account address {
    margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content > p {
    padding: 0;
}

.wpforms-container .wpforms-required-label, .wp-core-ui div.wpforms-container .wpforms-required-label {
    color: #000;
}

.woocommerce-description_below_add_to_cart {
    font-size: 15px;
    margin: 35px 0 15px;
}

.woocommerce-description_below_add_to_cart a {
    font-weight: bold;
    text-decoration: underline;
}

.woocommerce-description_below_add_to_cart .btn.btn-outline-dark {
    border-radius: 0;
    border: 1px solid #000;
    background-color: transparent;
    color: #000;
    padding: 13px 15px;
    font-weight: normal;
    font-size: 12px;
    font-family: 'Averta';
    text-transform: uppercase;
    transition: .3s;
    cursor: pointer;
}

.woocommerce-description_below_add_to_cart .btn.btn-outline-dark:hover {
    color: #fff;
    position: relative;
    font-weight: bold;
    background: #000;
}

.compare-items {
    margin-bottom: 50px;
}

.cards-logos img {
    max-width: 420px;
}

@media all and (max-width: 1366px) {
    /* Header */ .simple-header {
        display: block;
    }

    .mobile-simple-header {
        display: none;
    }

    /* Lang */
    .lang-menu ul {
        display: inline-flex;
    }

    .lang-menu ul li {
        margin: 6px;
    }

    #menu li {
        /* list-style-type: none; */
        /* padding: 10px 0; */
        /* transition-delay: 2s; */
    }

    #menuToggle input#check-menu:checked~ul {
        transform: none;
    }

    div#imageModal {
        width: 97%;
        height: 700px;
        top: 123px;
    }

    .close-image-text {
        top: 4%;
        right: 15%;
    }

    .close-image {
        top: 2%;
        right: 13%;
    }

    .brand {
        text-align: center;
    }

    /* End Header   */
    .intro {
        padding: 40px;
    }

    section.second.single-project {
        padding-top: 5px;
        padding-left: 20px;
    }

    #text-column-single {
        padding: 40px 0px 10px 35px;
    }

    .page-template-page-about .content-bio {
        padding-right: 0;
    }

    div#last-row {
        grid-template-columns: 51% 50%;
    }

    #img-about-col img {
        position: absolute;
        right: 45px;
        width: 400px;
    }

    button.plan-btn {
        width: 43%;
    }

    .news-container {
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(2, 1fr);
        padding: 40px;
        row-gap: 80px;
        justify-items: center;
        /* column-gap: 70px; */
    }

    .projects-template-default .slide img {
        /* width: 382px; */
    }

    .main-project-list {
        align-items: end;
    }

    #subheading {
        font-size: 15px;
    }

    .page-template-page-art .intro-text {
        margin-top: -15px;
    }

    .page-template-page-art .intro-text p {
        font-size: 19px;
    }

    .page-template-page-art .intro-text p:last-child {
        font-size: 15px;
    }

    #main-intro h1 {
        font-size: 61px;
    }

    #cat-desc {
        /* font-size:15px; */
    }

    .latest-news h2 {
        font-size: 42px;
    }

    #text-column-latest p#summary-news {
        font-size: 20px;
    }

    #date, .read-more a, .read-more a:hover {
        font-size: 10px;
    }

    div#main-architecture p, .card h4, #next_post_title,#text-wrapper p:first-child {
        font-size: 20px;
        width: 100%;
    }

    .list-title, section.floor-plan h3, .content.p-3 h3 {
        font-size: 30px;
    }

    .projects-list li a, .category-descr, 
	.projects-template-default #main-intro #main-section, 
	#text-gallery #text-wrapper p:last-child, .floor-numbers-explain li {
        font-size: 18px;
    }

    .projects-template-default #main-intro h1 {
        font-size: 52px;
    }

    .project-info li {
        font-size: 13px;
    }

    .content.p-3 p {
        font-size: 14px;
    }

    .copyright p {
        text-align: center;
        font-size: 8.5px;
    }

    #contact-info .widget-title {
        font-size: 20px;
    }

    #contact-info p {
        font-size: 8.5px;
    }

    #contact-info #tel, #contact-info #email {
        /* font-size: 13px; */
    }

    #useLinks p a {
        /* font-size: 10px; */
    }

    #pages p {
        line-height: 1.5em;
        font-size: 14px;
    }
	
	.bio {
		padding-top: 13px;
	}
}

/* tablet */
@media all and (max-width: 1024px) {

    .search-form {
        max-width: 85%;
        margin: 0 auto 30px;
    }

    .search-form form .wrap-btn button {
        width: auto;
    }

    .responsive-projects .slick-list {
        margin-left: 0;
    }

    section.floor-plan h3 {
        position: relative;
    }

    div#main-intro a#back-art-project {
        display: none;
    }

    .projects-template-default {
        div#text-gallery {
            width: 100%;
            padding-bottom: 50px;
        }

        div#number-list {
            padding-left: 27px;
            order: 2;
        }

        span.text2-cd-handle {
            width: 32%;
        }

        span.cd-handle {
            top: -10%;
        }

        .floor-main-section {
            grid-template-columns: auto !important;
            margin: 0;
        }

        .cd-image-container {
            width: 100%;
        }

        .cd-image-container img {
            min-height: 100%;
            height: 100%;
        }

        section.floor-plan {
            padding: 5px 20px 20px 20px;
        }

        div#image-comparison {
            padding-top: 105px;
            margin-bottom: 50px;
        }
    }
    
    .plans {
        margin: 0 0 40px;
        width: 100%;
    }
    
    .plans .tabs {
        margin-bottom: 20px;
        display: block;
    }
    
    .single-post {
        img.attachment-large.size-large.wp-post-image {
            max-width: 100%;
        }
    }   

    .all-projects {
        top: 50px;
    }
    
    .card {
        height: 200px;
        margin-bottom: 20px !important;
    }

    div#text-gallery #text-wrapper {
        width: 100%;
    }

    .projects-template-default .intro {
        background-image: linear-gradient(to bottom, #c9c3bc 55%, #c9c3bc 55%, #fff 35%);
    }

    .image-descr {
        display: block;
    }
    
    .image-descr .container-img {
        width: 100%;
    }

    .project-info {
        width: 100%;
        margin-top: 22px;
    }

    .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item .variable-item-span {
        padding: 0;
    }

    .single_variation_wrap .woocommerce-variation-add-to-cart {
        margin-top: 40px;
    }

    .single-product main#main.small {
        background-image: linear-gradient(to bottom, #fff 80%, #b67466 80%, #B67466 37%) !important;
    }
    
    div.product-type-variable, .product-type-simple {
        padding: 10px;
        margin-top: -210px;
    }

    .single-product .art-intro .title-mob {
        display: block;
        text-align: left;
        font-size: 32px;
        display: block;
        margin-bottom: 20px;
    }

    .single-product .art-intro .tback {
        display: block;
    }

    .single-product .art-intro #main-intro h1 {
        display: none;
    }

    .contact-m .modal-content {
        padding: 10px;
    }

    .modal.contact-m {
        max-width: 100%;
        top: 0;
        bottom: auto;
    }

    .contact-m .wpforms-field-container {
        margin: 0 !important;
        padding: 0 !important;
    }

    .contact-m .wpforms-container-full .wpforms-form .wpforms-head-container {
        padding: 0;
    }

    .contact-m .wpforms-field.name-form-input, .contact-m .wpforms-field.lastname-form-input {
        width: 100%;
        margin: 0;
    }

    .contact-m .wpforms-container-full .wpforms-form .wpforms-title {
        margin: 0 !important;
    }

    .page-template-page-architecture section.about {
        padding: 0;
    }

    .page-template-page-architecture section.about #main-architecture {
        order: 2;
        padding: 10px;
        margin-bottom: 40px;
    }

    .page-template-page-architecture section.about #image-wrapper {
        order: 1;
    }

    .woocommerce-notices-wrapper {
        padding: 0 10px;
    }

    #text-column-single h2 {
        font-size: 26px;
    }

    .gallery-news {
        padding: 100px 15px;
    }

    .gallery-news .slick-slide {
        padding: 0px 15px;
    }

    .woocommerce-account .woocommerce {
        padding: 0 10px;
    }

    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
        padding-bottom: 145px;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        margin: 0;
    }

    div.wpforms-container-full button[type=submit] {
        width: 200px;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    section.contact-page {
        padding: 35px 10px;
    }

    section.contact-page .page-title {
        font-size: 32px;
    }

    section.contact-page .short-desc {
        font-size: 16px;
    }

    section.contact-page .details {
        margin-bottom: 50px;
        display: block;
    }

    section.contact-page .details .item {
        margin-bottom: 50px;
        width: 100%;
    }

    section.contact-page .details .item > div:last-child {
        font-size: 18px;
    }

    /* Header */
    .simple-header {
        display: none !important;
    }

    .mobile-simple-header {
        display: block;
    }

    header.mobile-simple-header #check-menu {
        font-size: 14px;
    }

    header.mobile-simple-header .cart-link {
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
    }

    header.mobile-simple-header .cart-link a {
        font-weight: normal;
        font-size: 14px;
    }

    header.mobile-simple-header .brand {
        padding: 0;
    }

    .menu-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .menu-top .logo img {
        height: 42px;
    }

    .menu-top .close, .menu-top .cart-link {
        font-size: 14px;
    }

    .menu-mobile-menu-container ul li {
        text-align: center;
        padding-bottom: 30px;
    }

    .menu-mobile-menu-container {
        padding-top: 60px;
    }

    .menu-mobile-menu-container ul li a {
        font-size: 28px;
        font-weight: 100;
        position: relative;
    }

    .menu-mobile-menu-container ul li a:after {
        content: '';
        background-image: url('assets/images/arrow-down.svg');
        width: 14px;
        height: 14px;
        display: block;
        background-repeat: no-repeat;
        position: absolute;
        right: -25px;
        top: 14px;
        background-size: contain;
    }

    #menuToggle .copyright {
        position: absolute;
        bottom: 20px;
        font-size: 12px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    /* Lang */
    .lang-menu ul {
        display: inline-flex;
    }

    .lang-menu ul li {
        margin: 6px;
    }

    div#imageModal {
        height: 795px;
        top: 70px;
        right: 1%;
    }

    .modal-content#modalImage {
        width: 100%;
        height: 495px;
    }

    #menuToggle input#check-menu:checked~ul {
        transform: none;
    }

    .brand {
        text-align: center;
    }

    .aws-container .aws-search-form {
        justify-content: center;
        width: 61% !important;
        margin: 40px auto !important;
    }

    .aws-search-form .aws-wrapper {
        width: 100% !important;
        flex-grow: 1 !important;
    }

    .aws-search-form input.aws-search-field {
        width: 100% !important;
        max-width: 100% !important;
        border-bottom: 1px solid #000 !important;
    }

    .lang-selector .wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-horizontal ul {
        text-align: center;
    }

    .logged-in.admin-bar header.mobile-simple-header {
        top: 32px;
        z-index: 10000;
    }

    .woocommerce-info {
        margin-bottom: 0;
    }

    .woocommerce ul#shipping_method li label,
    .woocommerce input[type=radio]~label, 
    .woocommerce input[type=checkbox]~label, 
    .woocommerce input[type=checkbox]~span{
        font-size: 14px;
        padding: 2px 35px;
    }

    /* End Header   */
    .contact-m .modal-body {
        height: 90vh;
        padding-top: 45px;
        overflow: scroll;
    }

    button.close {
        padding-top: 2em;
        padding-right: 3em;
        position: absolute;
        left: 15px;
        top: 0;
    }

    section.about {
        grid-template-columns: repeat(1, 1fr);
        padding: 0;
        width: 100%;
    }

    .page-template-page-art section.about {
        padding: 0;
    }

    div#main-architecture {
        /* padding: 0; */
    }

    section#projects {
        grid-template-columns: repeat(1, 1fr);
    }

    div#image-wrapper {
        width: 100%;
    }

    .page-template-page-art div#image-wrapper {
        width: 100%;
    }

    .page-template-page-art div#main-about {
        padding: 10px;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
        padding: 0;
    }

    .page-template-page-art div#image-wrapper img {
        height: 450px !important;
        max-width: 100%;
    }

    .page-template-page-art .intro-text {
        margin-top: 0px !important;
    }

    .page-template-page-art .intro-text p {
        font-size: 19px;
    }

    .page-template-page-art .intro-text p:last-child {
        font-size: 15px;
    }

    .page-template-page-architecture section#projects {
        background-image: linear-gradient(to bottom, #c9c3bc 40%, #fff 22%, #fff 49%);
    }

    .page-template-page-architecture section#small-background {
        background-image: linear-gradient(to bottom, #c9c3bc 31%, #fff 21%, #fff 49%);
        padding: 10px;
    }

    .category-descr {
        width: 85%;
    }

    ul.projects-list {
        justify-content: space-between;
        margin: 0;
        padding: 0;
    }

    .main-project-list {
        grid-template-columns: 100%;
    }

    .box {
        margin-top: 55px;
        margin-bottom: 25px;
        display: none;
    }

    .intro {
        padding: 20px;
    }

    .small-description {
        display: block;
    }

    .projects-template-default #next-project {
        display: none;
    }

    .projects-template-default div#main-intro {
        padding-top: 15px;
    }

    #main-intro h1 {
        font-size: 61px;
    }

    #cat-desc {
        padding: 15px 0px;
    }

    section.art-intro #cat-desc p {
        font-size: 15px;
        line-height: normal;
    }

    .projects-template-default .project-info li {
        padding-right: 7.5em;
    }

    .latest-news {
        display: flex;
        flex-wrap: wrap;
        padding: 10px;
        background-image: linear-gradient(to bottom, #fff 100%, #fff 91%, #e5e1dd 5%);
        height: fit-content;
        justify-content: center;
        align-items: baseline;
    }

    .latest-news h2 {
        font-size: 42px;
    }

    #text-column-latest p#summary-news {
        font-size: 20px;
    }

    #date, .read-more a, .read-more a:hover {
        font-size: 10px;
    }

    .page-template-page-news {
        img.attachment-large.size-large.wp-post-image {
            width: 100% !important;
            max-width: 100%;
            /* height: 479px; */
            object-fit: cover !important;
        }
    }

    div#text-column-latest {
        padding: 0;
        margin-top: 20px;
        margin-bottom: 50px;
    }

    .news-container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0;
        row-gap: 10px;
        gap: 10px;
    }

    .container-footer {
        padding: 30px 10px;
    }

    section.news-list {
        padding: 30px 10px;
        display: block;
    }

    .arrow-container {
        display: none;
    }

    .post-template-default .slick-slide img {
        height: 350px;
        width: 100%;
    }

    img.attachment-medium_large.size-medium_large.wp-post-image {
        width: 100%;
        height: 230px;
    }

    .blog-post.rounded.border {
        width: 100%;
        margin-bottom: 30px;
    }

    section.main-news-body {
        padding: 10px;
        grid-template-columns: repeat(1, 1fr);
    }

    div#text-column-single {
        margin-top: 1em;
        padding: 0;
    }

    .post-template-default .box-arrow {
        display: none;
    }

    #text-column-single p#introduction {
        font-size: 18px;
    }

    .post-template-default .more-news h3 {
        font-size: 24px;
    }

    .post-template-default .more-news p {
        font-size: 14px;
        padding-right: 20px;
    }

    section.more-news {
        padding: 30px 10px;
        gap: 2%;
    }
    
    .more-news div.news-item {
        width: 100%;
    }

    .single-image-container {
        width: 100%;
    }

    .single-image-container img.attachment-medium_large.size-medium_large.wp-post-image {
        width: 100%;
        height: 300px;
    }

    li.nav-item {
        width: 100%;
    }

    section.art-intro {
        padding: 10px 10px 200px;
        grid-template-columns: repeat(1, 1fr);
        margin-bottom: 0;
    }

    div#main-intro {
        padding: 0;
        order: 2;
    }

    .product-template-default .site-main {
        padding-top: 20px;
    }

    .woocommerce div.product div.images img {
        padding: 0;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper > img {
        height: 450px;
    }

    .woocommerce div.product div.images.woocommerce-product-gallery {
        margin: 0;
        width: 100%;
    }

    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
        width: 100%;
    }

    section.up-sells.upsells.products.available {
        padding: 20px;
    }

    div#another-product {
        /* position: relative; */
        bottom: 80px;
        right: 10px;
    }

    #another-product a {
        font-size: 15px;
    }

    .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
        margin-right: 34px;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 29%;
        margin: 0;
    }

    #another-product a i {
        padding: 16px;
    }

    .page-template-page-art section#projects {
        background-image: linear-gradient(to bottom, #b67466 38%, #fff 19%, #fff 49%);
        padding: 10px;
    }

    .page-template-page-architecture section#projects {
        background-image: linear-gradient(to bottom, #c9c3bc 49%, #fff 22%, #fff 49%);
    }

    div#text-gallery {
        width: 100%;
    }

    div#last-row {
        grid-template-columns: 50% 50%;
        padding: 0 10px;
    }

    /* About page */
    #about-text .title {
        font-size: 48px;
        margin: 0;
    }

    .sm-descr {
        font-size: 13px;
    }

    .page-template-page-about .content-bio {
        padding-right: 0;
        font-size: 15px;
    }

    .bio-container {
        padding: 220px 0px 70px 0px;
        width: 100%;
    }

    body:not(.page-about) .bio-container {
        padding-top: 50px;
    }

    .bio-container p {
        padding: 0 10px;
    }

    #img-about-col {
        display: none;
    }

    section.about-first {
        display: block;
        padding: 10px;
    }

    .bio-container img {
        width: 372px;
        height: 279px;
        position: absolute;
        top: 190px;
        right: 0;
    }

    p.explain-star {
        font-size: 12px;
        padding: 0;
    }

    button.plan-btn {
        width: 70%;
        font-size: 10px;
    }

    #img-about-col img {
        width: 307px;
        height: 463px;
        right: 23px;
    }

    span.text2-cd-handle {
        width: 18%;
    }

    .contact-m .wpforms-field-name input, .contact-m .lastname-form-input input {
        max-width: 100% !important;
    }

    div#image-container-news {
        text-align: center;
    }

    .floor-plan .floor-main-section {
        grid-template-columns: 43% 60%;
        padding-bottom: 20px;
    }

    .close-image-text {
        top: 4%;
        right: 3%;
    }

    .close-image {
        top: 2.4%;
        right: 0%;
    }

    div.copyright {
        margin-top: -44px;
    }

    .copyright p {
        text-align: end;
        font-size: 8.5px;
    }

    #contact-info .widget-title {
        font-size: 20px;
    }

    #contact-info p {
        font-size: 8.5px;
    }

    #newsletter {
        margin-top: 104px;
    }

    .list-title, section.floor-plan h3, .content.p-3 h3 {
        font-size: 25px;
        margin: 0 0 30px;
    }

    .project-info li {
        font-size: 13px;
    }

    .content.p-3 p {
        font-size: 14px;
    }

    div#art-photo-product {
        padding-left: 0;
        overflow: hidden;
    }

    .product-template-default #art-photo-product img {
        width: 100%;
        height: 300px;
    }

    .woocommerce div.product div.summary {
        margin-bottom: 8em;
    }
}

@media all and (max-width: 920px) {
    .single-projects button.slick-next.slick-arrow,
    .single-projects button.slick-prev.slick-arrow {
        top: -53px;
    }
}

/* modile */
@media all and (max-width: 767px) {
	
	.bio {
		background-size: 300%;
		padding-top: 9px;
	}
	
    .woocommerce-store-notice.demo_store {
        display: none !important;
    }
    
    .card {
        width: 97%;
        height: 310px;
    }

    .single-projects button.slick-prev.slick-arrow {
        right: 60px;
        top: -10px;
    }

    button.slick-next.slick-arrow {
        right: 0;
        top: -60px;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
        padding: 0;
        margin-top: 40px;
    }
    
    .single-product button.slick-next.slick-arrow {
        right: 10px;
    }

    button.slick-prev.slick-arrow, 
    .projects-template-default button.slick-next.slick-arrow {
        top: -10px;
    }

    .project-info {
        padding-bottom: 20px;
    }

    .plans .tab-item {
        margin-bottom: 10px;
    }

    .architecture-img {
        clip-path: polygon(0% 0%, 0% 0%, 0% 17%, 104% 100%, 0% 100%);
    }

    .art-img {
        clip-path: polygon(-3% 0%, 100% 0%, 100% 100%, 120% 100%, 100% 83%);
    }

    .gallery-news .slick-slide {
        padding: 0;
    }

    div.wpforms-container-full .wpforms-form .wpforms-head-container {
        padding-bottom: 5px;
    }

    div.wpforms-container .wpforms-form .wpforms-field>* {
        margin-bottom: 0;
    }

    div.wpforms-container-full .wpforms-form .wpforms-title {
        font-size: 28px !important;
    }

    .simple-header {
        display: none;
    }

    .mobile-simple-header {
        display: block;
    }

    /* Lang */
    .lang-menu ul {
        display: inline-flex;
    }

    .lang-menu ul li {
        margin: 6px;
    }

    .brand {
        text-align: center;
    }

    header.mobile-simple-header > nav {
        grid-template-columns: 20% 56% 24%;
    }

    header.mobile-simple-header .brand {
        font-size: 16px;
    }

    .text-cd-handle-before {
        left: calc(50% - 80px);
    }

    .search-mobile-out {
        padding-top: 20px;
    }

    .logged-in.admin-bar header.mobile-simple-header {
        top: 40px;
        z-index: 10000;
    }

    /* Footer  */
    footer.container-footer {
        padding: 30px;
        display: flex;
        flex-wrap: wrap;
    }

    div#contact-info {
        width: 100%;
        order: 2;
        text-align: center;
    }

    #contact-info .contact > div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    #contact-info .contact > div > p:first-child, #contact-info .contact > div > p:last-child {
        width: 100%;
    }

    div#social-news {
        order: 1;
        width: 100%;
        padding-top: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    #useLinks p {
        margin-top: 0;
        text-align: center;
    }

    .right-footer {
        order: 2;
        padding-top: 20px;
        padding-left: 10px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    div.copyright {
        margin-top: 25px;
        text-align: center;
        order: 4;
        width: 100%;
    }

    .copyright p {
        text-align: center;
        font-size: 8.5px;
    }

    #contact-info .widget-title {
        font-size: 20px;
    }

    #contact-info p {
        font-size: 8.5px;
    }

    #contact-info #tel, #contact-info #email {
        font-size: 12px;
        text-align: center;
        padding: 0;
        border: none;
    }

    .page-template-default.page-template-page-cart footer {
        position: relative;
    }

    #copyright {
        text-align: center;
    }

    #contact-btn, 
    #contact-info .textwidget p a:last-child {
        padding: 10px 18px;
        box-sizing: border-box;
    }

    footer #contact-info .textwidget p a:last-child {
        margin: 0 auto;
    }

    #contactModal form {
        margin-left: 0.5em;
    }

    #newsletter {
        margin-bottom: 25px;
        margin-top: 0;
        padding-top: 20px;
    }

    #pages p {
        line-height: 1.5em;
        font-size: 14px;
    }

    .page-template-default.page-template-page-cart footer {
        position: relative;
    }

    #copyright {
        text-align: center;
    }

    #social-news #social-container {
        margin-top: 0;
        padding-bottom: 0;
    }

    .social-link {
        font-size: 10px;
    }

    #contactModal form {
        margin-left: 0.5em;
    }

    .page-template-page-art .modal.contact-m .modal-dialog, .product-template-default .modal.contact-m .modal-dialog {
        width: 100%;
        bottom: 250px;
        top: 70px;
    }

    .page-template-page-about .modal.contact-m .modal-dialog {
        width: 80%;
    }

    .home .modal.contact-m .modal-dialog {
        width: 69%;
        bottom: 127px;
    }

    .modal.contact-m .modal-dialog.archi-contact {
        left: 7px;
        width: 100%;
        top: 40px;
        bottom: 0;
    }

    #cat-desc {
        width: 100%;
    }

    #social-mobile .social-newsletter .textwidget p {
        text-align: center;
    }

    #main-intro p {
        padding: 0;
    }

    div#category_description {
        padding-bottom: 140px;
    }

    #category-description {
        width: 90%;
    }

    #art-photo-product {
        text-align: center;
        width: 414px;
        height: 335px;
    }

    .product-template-default #art-photo-product {
        padding: 0;
        width: 100%;
        height: 100%;
        order: 1;
    }

    .product-template-default section.second {
        background-image: linear-gradient(to bottom, #fff 100%, #fff 88%, #b67466 12%);
    }

    #product-information {
        margin: 1.5em;
    }

    /* About page */
    #about-text .title {
        font-size: 32px;
    }

    #img-about-col img {
        height: 340px;
        width: 150px;
        top: 110px;
        right: 21px;
    }

    #about-text p {
        margin-top: 0;
    }

    .bio-list {
        padding-top: 26px;
        padding-left: 24px;
        width: 100%;
    }

    #bio-text {
        margin-top: 0;
    }

    .page-template-page-about .content-bio {
        columns: 60px 1;
        padding-left: 0;
        width: 100%;
        font-size: 15px;
        padding-top: 160px;
    }

    div#last-row {
        grid-template-columns: 100%;
    }

    button.plan-btn {
        width: fit-content;
    }

    /* news  */
    #news-img-new img {
        width: auto;
        height: auto;
        padding-right: 0.5em;
    }

    .latest-news h2 {
        font-size: 32px;
    }

    #text-column-latest p#summary-news {
        font-size: 18px;
    }

    .news-list {
        padding-top: 0;
    }

    .image-modal {
        top: 88px;
    }

    div#imageModal {
        width: 97%;
        height: 550px;
        top: 75px;
    }

    .modal-content#modalImage {
        width: 100%;
        height: 534px;
        object-fit: cover;
    }

    .news-container, #news-img-new img {
        margin-left: 0;
    }

    .content p {
        width: auto;
    }

    .about-first .row {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .post-template-default .slick-slide img {
        height: 300px;
    }

    #about-text h2 {
        font-size: 52px;
    }

    .bio-container {
        margin-top: 1em;
    }

    .bio-container img {
        width: 320px;
        margin: 0;
        top: 155px;
        height: 250px;
    }

    button.plan-btn {
        font-size: 10px;
        margin-left: 0;
    }

    p.explain-star {
        font-size: 12px;
    }

    .page-template-page-art .intro-text p {
        font-size: 16px;
    }

    .page-template-page-art .intro-text p:last-child {
        font-size: 15px;
    }

    #img-about-col {
        padding: 0;
    }

    .page-template-page-architecture section#small-background {
        background-color: #c9c3bc;
        padding-left: 10px;
        background-image: none;
    }

    .intro {
        background-image: linear-gradient(to bottom, #c9c3bc 55%, #c9c3bc 65%, #fff 35%);
        padding: 0 10px;
        /* height: fit-content; */
    }

    .image-descr {
        margin-top: 10px;
    }

    div#next-project {
        padding-top: 20px;
    }

    .small-description {
        grid-template-columns: auto;
    }

    .container-img img {
        height: 250px;
    }

    section.second {
        padding-top: 0;
    }

    section.second.single-project {
        padding-left: 10px;
        padding-right: 10px;
    }

    #gallery-slider {
        margin-top: 1em;
    }

    .projects-template-default .slide img {
        /* padding-left: 1em; */
    }

    #image-wrapper img {
        height: auto !important;
    }

    .projects-template-default .project-info li {
        padding-right: 3em;
    }

    .close-image-text {
        top: 29%;
        right: 33px;
    }

    .projects-template-default {
        section.intro {
            /* padding: 20px; */ }

        #main-intro {
            padding-left: 0px;
            padding-top: 0px;
        }

        #main-intro #main-section {
            padding-right: 0;
        }

        .next-project-link {
            float: left;
            padding-top: 5px;
            padding-right: 0;
        }

        #next-project img {
            width: 179px;
            height: 130px;
        }

        #next-project .next-item {
            margin-left: 8px;
            font-size: 14px;
        }

        
    }

    .close-image {
        top: 27.2%;
        right: 10px;
    }

    .project-info li {
        font-size: 13px;
    }

    .projects-template-default .slide img {
        height: 320px;
        object-fit: cover;
        width: 100%;
    }

    .projects-template-default #main-intro #main-section {
        font-size: 15px;
    }

    button.close {
        padding-right: 20px;
    }

    form#wpforms-form-617 {
        margin-right: 0;
    }

    #main-intro {
        padding-left: 30px;
    }

    .product-type-variable h1.product_title.entry-title {
        padding-top: 60px !important;
    }

    .projects-template-default #main-intro h1 {
        font-size: 31px;
        margin-bottom: 10px;
    }

    #menu-product-menu-pages {
        display: block;
    }
    
    #menu-product-menu-pages li.return-policy::after {
        display: none;
    }

    #main-section {
        width: 100%;
    }

    #img-container-bottom img {
        height: 250px;
    }

    .news-container .row:first-child {
        padding-left: 15px;
    }

    .blog-col {
        padding-left: 40px;
    }

    .content.p-3 h3 {
        font-size: 24px;
    }

    .content.p-3 p {
        margin-top: 15px;
        font-size: 14px;
    }

    .content {
        width: 90%;
    }

    .page-template-page-about #img-about-col img {
        position: unset;
        width: 270px;
        height: 100%;
    }

    section.about-first {
        display: block;
    }

    div#about-text {
        margin: 0;
    }

    .more-news .read-more {
        margin-bottom: 50px;
    }

    .background-container {
        height: 38px !important;
        background-size: 300%;
    }

    .page-template-default #main-section {
        padding-left: 15px;
    }

    #menuToggle input#check-menu:checked~ul {
        transform: none;
    }

    section#gallery-slider {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .projects-template-default .slick-slide {
        padding: 0;
    }

    section#gallery-slider .slick-list {
        height: auto;
        margin: 0 auto;
    }

    header.mobile-simple-header {
        z-index: 250;
    }

    section.floor-plan {
        padding-top: 2em;
    }

    ul.floor-numbers-explain {
        column-count: 1;
    }
    
    .floor-numbers-explain li {
        font-size: 15px;
        margin-bottom: 0px;
        padding: 0;
    }

    /*
      * Single product page
      */
    .art-intro, .container-available {
        flex-wrap: wrap;
    }

    #main-section-art {
        padding-right: 20px;
        padding-bottom: 1em;
    }

    #image-to-cart img {
        object-fit: contain;
        height: 400px;
    }

    #useful-pages {
        margin-top: 4em;
    }

    .available {
        padding: 3em;
    }

    div#image-wrapper {
        width: 100%;
        height: fit-content;
    }

    .page-template-page-architecture .main-project-list {
        grid-template-columns: 100%;
    }

    ul.projects-list li {
        width: 100%;
        line-height: 25px;
    }

    li.nav-item span {
        text-wrap: wrap;
    }

    .category-descr {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .page-template-page-architecture section#projects {
        background-image: linear-gradient(to bottom, #c9c3bc 39%, #fff 32%, #fff 49%);
    }

    .responsive-projects.slider.slick-initialized.slick-slider {
        height: auto;
        padding-bottom: 55px;
    }

    .simple-header {
        display: none;
    }

    .gallery-projects {
        padding-bottom: 0;
    }

    .gallery-projects button.slick-next.slick-arrow, 
    .gallery-projects button.slick-prev.slick-arrow {
        top: auto;
        bottom: 0;
        width: 40px;
        height: 40px;
    }

    .gallery-projects button.slick-prev.slick-arrow {
        right: 60px;
    }
    
    .gallery-projects button.slick-next.slick-arrow {
        right: 10px;
    }

    .mobile-simple-header {
        display: block;
    }

    #social-mobile .social-link {
        margin-right: 25px;
    }

    .project {
        padding-left: 20px;
    }

    .page-template-page-news {
        img.attachment-large.size-large.wp-post-image {
            height: 319px;
        }

        .news-container {
            grid-template-columns: repeat(1, 1fr);
        }
    }

    section.main-news-body {
        grid-template-columns: repeat(1, 1fr);
    }

    #image-container-news img {
        margin-bottom: 23px;
    }

    section.more-news {
        display: block;
    }

    .gallery-news {
        padding-left: 10px;
        padding-bottom: 25px;
    }

    .page-template-default #main-section {
        padding-left: 0 !important;
    }

    .architecture {
        display: block !important;
        padding: 10px;
    }

    div#main-architecture {
        margin-top: 0 !important;
        padding: 10px;
    }

    .page-template-page-architecture {
        .box {
            grid-template-columns: auto !important;
            margin: 55px 20px;
        }

        .box-arrow {
            order: 2;
        }

        .box-text {
            order: 1;
        }
    }

    .page-template-page-art {
        .box {
            margin: 0 !important;
            padding: 0 !important;
            grid-template-columns: repeat(1, 1fr) !important;
        }

        .box-arrow {
            order: 1;
        }

        .box-text {
            order: 2;
            padding-top: 15px;
            padding-right: 10px !important;
            margin-left: 0 !important;
        }
    }

    .box-arrow a {
        width: 45px;
        height: 45px;
    }

    .box-arrow a i {
        font-size: 23px;
        margin: 12px;
    }

    section#projects {
        background-image: linear-gradient(to bottom, #b67466 20%, #fff 20%, #fff 49%);
        grid-template-columns: 29% 71% !important;
        padding-left: 10px;
    }

    .front img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .back {
        width: 100%;
        padding: 0px;
    }

    .card h4 {
        font-size: 20px;
    }

    .main-project-list {
        margin-bottom: 35px;
    }

    .single-projects .modal-content#modalImage {
        width: 98%;
        height: 90%;
        object-fit: contain;
    }

    section.about {
        display: block !important;
        padding: 10px;
    }

    .page-template-page-architecture section.about {
        display: grid !important;
    }

    .page-template-page-art div#image-wrapper img {
        height: 260px !important;
    }

    .intro-text {
        margin-top: 40px !important;
        padding: 0 !important;
    }

    .box.box-art {
        margin-top: 40px !important;
        padding: 0 !important;
        justify-items: start;
    }

    section.responsive-projects.slider.slick-initialized.slick-slider {
        height: 660px;
        padding-top: 0;
    }

    div#text-gallery {
        padding-bottom: 10px;
    }

    #text-gallery #text-wrapper p:last-child {
        margin-bottom: 25px;
    }

    div#text-column-latest {
        padding-right: 0;
    }

    .tax-product_cat section#products {
        grid-template-columns: 28% 73%;
    }

    .projects-template-default div#imageModal {
        width: 100%;
        height: 100%;
        top: 50%;
        left: 0;
        background: rgba(0,0,0,0.2);
    }

    .projects-template-default .slide img {
        /* padding-left: 0; */
    }

    .page-template-page-art {
        #main-about p: first-child {
            margin-right: 1em;
            margin-top: 2em;
        }

        .box {
            margin-right: 2em;
            text-wrap: wrap;
        }

        .card {
            margin: 3em -3em;
        }

        .project {
            background-image: linear-gradient(to bottom, #B67466 28%, #fff 19%, #fff 46%);
        }
    }

    .post-type-archive-product {
        .card {
            margin: 3em -3em;
        }
    }

    .product-template-default {
        .woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {
            width: 100% !important;
            height: auto !important;
        }

        .woocommerce div.product div.images.woocommerce-product-gallery, .woocommerce div.product div.summary {
            width: 100% !important;
        }

        section.second {
            padding-top: 6em;
        }

        section.art-intro {
            grid-template-columns: repeat(1, 1fr);
            background-image: linear-gradient(to bottom, #b67466 100%, #fff 90%, #fff 10%);
        }

        .woocommerce div.product div.images img {
            padding-left: 20px;
        }

        .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
            width: 100%;
        }

        main#main.small {
            background-image: linear-gradient(to bottom, #fff 39%, #b67466 13%, #B67466 37%);
        }
    }

    .woocommerce div.product div.images img {
        height: 340px;
    }

    .product-template-default ul.products {
        display: grid;
        justify-content: space-evenly;
        padding-top: 70px;
        align-content: center;
        align-items: center;
    }

    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
        width: 100%;
        margin-bottom: 100px;
        padding-top: 20px;
    }

    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }

    .page-template-default.page-template-page-cart {
        .woocommerce {
            margin-left: 0;
            padding: 20px 0;
            flex-wrap: wrap;
            padding-bottom: 0;
        }

        .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
            display: block !important;
        }

        .woocommerce table.shop_table td {
            border: none !important;
        }

        .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
            text-align: left !important;
        }

        .woocommerce table.shop_table_responsive td.product-thumbnail {
            width: 20%;
        }

        .woocommerce table.shop_table .image-container-cart {
            width: 100%;
            height: 65px;
        }

        .woocommerce table.shop_table_responsive td.product-name {
            width: 50%; 
            padding: 20px 0;
        }

        .woocommerce table.shop_table_responsive tr: nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
            background-color: transparent;
        }

        .woocommerce table.shop_table_responsive tr td: :before, .woocommerce-page table.shop_table_responsive tr td::before {
            content: " ";
            font-weight: 700;
            float: left;
        }

        .woocommerce table.cart img {
            width: 100px;
            height: 100px;
        }

        .woocommerce a.remove {
            padding-right: 0;
        }

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

        .wc-proceed-to-checkout {
            display: flex;
            justify-content: space-between;
        }
    }

    .page-template-page-cart .custom-table-container {
        width: auto !important;
    }

    .page-template-page-cart .cart-collaterals .cart_totals h2 {
        font-size: 34px !important;
    }

    .page-template-page-cart form.woocommerce-cart-form {
        width: 100%;
    }

    .page-template-page-cart .woocommerce {
        margin-left: 0;
        padding: 20px 0;
    }

    .page-template-page-cart .woocommerce-cart-form>h3 {
        padding-left: 20px;
    }

    .page-template-page-cart .woocommerce table.shop_table {
        width: 100%;
    }

    .page-template-page-cart .wc-proceed-to-checkout {
        display: block;
    }
    
    .page-template-page-cart .wc-proceed-to-checkout a {
        width: 60%;
        margin: 0 auto;
    }

    .page-template-page-cart .cards-logos {
        margin: 0;
    }

    .page-checkout {
        #billing_city_field, #shipping_city_field {
            width: 70%;
        }

        #billing_postcode_field, #shipping_postcode_field {
            width: 30%;
        }

        .woocommerce-additional-fields {
            margin: 1em 0.5em;
        }

        .choose-payment {
            margin: 1em;
        }

        .payment-div {
            width: 100%;
        }

        .woocommerce-shipping-fields__field-wrapper {
            margin: 1em 0.5em;
        }

        .woocommerce form .form-row textarea {
            height: 6em;
        }
    }


    div#main-about {
        padding: 20px 0;
    }

    .page-template-page-art section#projects {
        background-image: none;
        background-color: #b67466;
    }
    
    .main-project-list {
        grid-template-columns: 100%;
    }

    .search-results section.art-intro {
        grid-template-columns: repeat(1, 1fr);
        padding: 0 20px;
    }

    .search-results div#art-photo-product {
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 0;
        order: 2;
        padding-left: 0;
    }

    .search-results div#main-intro {
        order: 1;
    }

    .search-results #art-photo-product img {
        margin-top: 15px;
        width: 100%;
        height: 100%;
    }

    div#image-container-news {
        text-align: center;
    }

    .box-arrow {
        justify-content: start;
    }

    div#text-column-single {
        margin-top: 0;
    }

    div#main-architecture p {
        font-size: 16px;
    }

    #date {
        font-size: 10px;
    }

    .read-more a, .read-more a:hover {
        font-size: 10px;
    }

    .post-template-default img.attachment-large.size-large.wp-post-image {
        width: 100%;
        height: 319px;
    }

    .page-template-page-architecture .list-title {
        font-size: 30px;
    }

    .projects-list li a {
        font-size: 14px;
    }

    .woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr {
        display: flex !important;
        flex-wrap: wrap;
        gap: 20px;
    }

    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        display: none;
    }

    button.close {
        margin-top: 30px;
        padding-top: 0;
    }

    .slick-next:before {
        font-size: 25px;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper > img {
        height: 300px;
    }
}

@media all and (max-width: 600px) {
    .logged-in.admin-bar header.mobile-simple-header {
        top: 0px;
        z-index: 10000;
    }

    main#main.small {
        /* background-image: linear-gradient(to bottom, #fff 46%, #b67466 37%, #B67466 37%); */
        background-image: linear-gradient(to bottom, #fff 60%, #b67466 14%, #B67466 37%)!important;
    }
}