/*
 Theme Name:   Pithree Child Theme
 Theme URI:    http://themes.g5plus.net/pithree/
 Description:  Pithree Child Theme
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     pithree
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
 Text Domain: 		pithree
*/
/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/

body {
	line-height: 1.8 !important;
}
a {
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
}
a.b-btn {
    font-size: 18px;
    font-weight: 700;
    color: var(--g5-color-accent) !important;
    border: 1px solid var(--g5-color-accent);
    border-radius: 50px;
    padding: 14px 35px;
    display: inline-block;
    line-height: 1.4;
}
a.b-btn:hover, a.b-btn:focus {
    border-color: var(--g5-color-accent) !important;
    background: var(--g5-color-accent) !important;
    color: #fff !important;
}
a.btn {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    background: var(--g5-color-accent) !important;
    border: 1px solid var(--g5-color-accent);
    border-radius: 50px;
    padding: 21px 36px;
    display: inline-block;
    line-height: 1.4;
    position: relative;
}
a.btn:hover, a.btn:focus {
    background-color: #1c4c4c !important;
    border-color: #1c4c4c !important;
    color: #ffffff !important;
}
a.btn.arrow {
    padding: 21px 66px 21px 36px;
}
a.btn.arrow:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    background: url(/wp-content/uploads/2025/11/arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
}
a.btn.arrow:hover:after, a.btn.arrow:focus:after {
    transform: translate(5px, -50%);
}
.container {
    margin: 0px;
    width: 100%;
    padding-left: 110px;
    padding-right: 110px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    letter-spacing: 0px;
    color: var(--g5-text-color);
}
p:last-child {
	margin-bottom: 0px;
}












/*************************************** HEADER *****************************************************/

.main-header .x-nav-menu > .x-menu-item > .x-menu-a-text {
    font-size: 18px;
    text-transform: unset;
    font-weight: 400;
	padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}
.header-customize-nav .header-customize-item {
    margin: 0px !important;
}
nav.primary-menu {
    width: calc(100% - 88px);
    display: flex;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
nav.primary-menu:before {
    content: "";
}
.main-header .is-sticky .logo-header img {
    max-height: 80px;
}
.main-header .is-sticky .menu-categories, .main-header .is-sticky .logo-header {
    height: 80px;
    line-height: 100px;
}
.main-header .is-sticky .menu-categories, .main-header .is-sticky .menu-categories-select > i, .main-header .is-sticky .header-customize-nav .header-customize-item {
    line-height: 100px;
}













/*************************************** FOOTER *****************************************************/

.footer-logo {
    margin: 0px !important;
}
.footer-logo img {
    width: 148px;
    height: auto;
}
.footer-inner > .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer-inner > .row .footer-desc {
    margin-bottom: 0px;
    text-align: right;
    color: #a1a1aa !important;
}
body:not(.home) .main-footer-wrapper {
    background: #f9f8f4;
}













/*************************************** HOME *****************************************************/

.slider-row, .about-row, .assortiment-row, .colors-row, .sert-row, .clients-row, .map-row, .contacts-row {
    padding-top: 60px;
}
.slider-row, .about-row, .assortiment-row, .colors-row, .sert-row, .clients-row, .map-row, .contacts-row {
    padding-bottom: 60px;
}
.slider-row {
    background-image: url(/wp-content/uploads/2025/11/e657cf83dffd8d637f6e04225f53029435e6fdfb8c31941749615ed05a2bdcbb.jpeg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider-row .vc_row .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	gap: 30px;
    justify-content: space-between;
}
.slider-row .slider-desc, .slider-row .slider-img {
    width: calc(50% - 15px);
}
.slider-row img {
    border-radius: 15px;
}
h1, .h1 {
    margin-bottom: 45px !important;
}
.about-row {
    background-color: #f5f2eb;
}
.title p {
    margin-bottom: 65px !important;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
}
.about-info .vc_column-inner > .wpb_wrapper {
    background: #fff;
    border-radius: 25px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.about-info .about-img, .about-info .about-desc, .sert-row .title, .sert-row .sert-img, .map-row .map-desc, .map-row .map-img,
.contacts-row .contacts-desc, .contacts-row .wpb_raw_code {
    width: calc(50% - 20px);
}
.about-info .about-img figure, .about-info .about-img .vc_single_image-wrapper {
    width: 100%;
    height: 100%;
}
.about-info .about-img img {
    width: 100%;
    height: 688px;
    object-fit: cover;
    object-position: 50% 80%;
}
.about-info .about-desc {
    padding: 130px 100px;
    display: flex;
    align-items: center;
}
.assortiment-row {
    background: url(/wp-content/uploads/2025/11/c0f2d92561f902ec2f8f601085b7a9bda9f7c745fc4705b8dd8b7bc8be603c50.jpeg);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: cover;
}
.assortiment-row .wpb_gallery_slides ul {
    height: auto !important;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.assortiment-row .wpb_gallery_slides ul li {
    position: relative !important;
    left: unset !important;
    top: unset !important;
    bottom: unset !important;
    right: unset !important;
    width: calc(25% - 23.5px);
    border-radius: 25px;
    overflow: hidden;
    transform: none !important;
}
.assortiment-row .wpb_gallery_slides ul li a {
    width: 100%;
    height: 100%;
}
.assortiment-row .wpb_gallery_slides ul li img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
.assortiment-row .title p {
    margin-bottom: 15px !important;
}
.assortiment-row .gray, p.gray {
    color: #a1a1aa !important;
    margin-bottom: 50px;
}
.assortiment-btn {
    text-align: center;
    margin-top: 50px;
}
.colors-row {
    background-color: #eae5df;
}
.colors-grid .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 70px;
    justify-content: center;
}
.color-item {
    width: calc(25% - 23.5px);
}
.color-item p {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 700;
}
.color-item img {
    margin: 0 0 15px 0 !important;
    width: 100%;
    height: 220px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}
.sert-row, .clients-row {
    background-color: #f9f8f4;
}
.about-row.bed {
    background-image: url(/wp-content/uploads/2025/11/ca19c1a846a5d743404aa4be6ee.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #f9f8f4;
}
.about-info .about-desc strong {
    font-size: 28px;
    line-height: 1.3;
}
.sert-row .vc_row .vc_column-inner > .wpb_wrapper, .map-row .vc_row .vc_column-inner > .wpb_wrapper, .contacts-row .vc_row .vc_column-inner > .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
}
.sert-row .sert-img img, .map-img img {
	overflow: hidden;
	border-radius: 15px;
}
.sert-row .title p {
    margin-bottom: 0px !important;
}
.clients-inner .vc_column-inner > .wpb_wrapper {
    display: flex;
	flex-wrap: wrap;
    gap: 30px;
}
.clients-inner .clients-item {
    width: calc(33.333% - 20px);
    padding: 115px 32px 32px;
    background-color: #fff;
    border: 1px solid #e9ecf1;
    border-radius: 25px;
    position: relative;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
}
.clients-inner .clients-item:nth-child(1):before {
    content: "01";
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 56px;
    color: #ccfbf1;
    font-weight: 700;
}
.clients-inner .clients-item:nth-child(2):before {
    content: "02";
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 56px;
    color: #ccfbf1;
    font-weight: 700;
}
.clients-inner .clients-item:nth-child(3):before {
    content: "03";
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 56px;
    color: #ccfbf1;
    font-weight: 700;
}
.map-row {
    background-image: url(/wp-content/uploads/2025/11/2824f34a271d10de37b7a845cbba20313974314794b64b66a07bee5d29c827cd.jpeg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f9f8f4;
}
.contacts-row {
    background-color: #ebe6e0;
}
.contacts-row .contacts-desc h2 {
    margin-bottom: 50px;
}
.contacts-row .contacts-desc ul {
    padding: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.contacts-row .contacts-desc ul li {
    position: relative;
    line-height: 20px;
    padding-left: 35px;
    font-weight: 700;
}
.contacts-row .contacts-desc ul li:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 13px;
    top: 3px;
    left: 0px;
    background: url(/wp-content/uploads/2025/11/list.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}
.contacts-row .contacts-desc ul li a {
    border-bottom: 1px solid;
}
.contacts-row .contacts-desc ul li a:hover, .contacts-row .contacts-desc ul li a:focus {
    border-color: transparent;
}
.contacts-row form {
    background-color: #ccfbf1;
    border-radius: 25px;
    padding: 60px;
}
.contacts-row form .form-row p {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 30px !important;
}
.contacts-row form .form-row p br {
    display: none;
}
.contacts-row form .form-row p label {
    margin: 0px;
    width: calc(50% - 15px);
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
	color: var(--g5-text-color);
}
.contacts-row form .form-row p label input {
    margin-top: 12px;
    padding: 34px 24px;
    border-radius: 32px;
    background-color: #fff;
    color: #a1a1aa;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    border: 1px solid #fff;
}
form.wpcf7-form.init p {
    margin-bottom: 0px;
}
.bt, button, input[type=button], input[type=reset], input[type=submit] {
    line-height: 1.25 !important;
    font-size: 18px;
    font-weight: 700;
    padding: 22px 36px;
    border-radius: 50px;
    width: 100%;
}
.bt:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .bt:focus, button:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus {
    background-color: #1c4c4c;
}
span.wpcf7-spinner {
    display: none !important;
}
.wpcf7-not-valid-tip {
    font-size: 15px;
    color: var(--g5-text-color);
    margin: 5px 0 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 30px 0 0;
    padding: 10px 20px;
    border: 2px solid var(--g5-color-accent) !important;
    border-radius: 20px;
}
.price-row {
    background-color: #f9f8f4;
}
.price-row {
    padding-top: 80px;
	padding-bottom: 80px;
}
.price-title p {
    color: #a1a1aa;
    text-transform: uppercase;
    font-weight: 700;
}
.price-title p strong {
    color: var(--g5-text-color);
    text-transform: none;
    font-size: 36px;
    line-height: 1;
}
.price-title {
    margin-bottom: 50px;
}
#wrapper-content {
	background: #f9f8f4
}
.entry-summary {
	background: #fff;
	padding: 20px;
}
.social-share {
	display: none;
}
.woocommerce-product-details__short-description {
	margin-bottom: 20px;
}
.stock-info img {
	width: 28px;
	float: left;
	margin-right: 10px;
}
.stock-info {
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: var(--g5-color-accent);
}







@media screen and (max-width: 1200px) {
	h1, h2 {
    font-size: 46px !important;
}
	.title p {
    margin-bottom: 40px !important;
}
	h1, .h1 {
    margin-bottom: 40px !important;
}
	.about-info .vc_column-inner > .wpb_wrapper {
    gap: 20px;
}
	.about-info .about-img, .about-info .about-desc, .sert-row .title, .sert-row .sert-img, .map-row .map-desc, 
	.map-row .map-img, .contacts-row .contacts-desc, .contacts-row .wpb_raw_code {
    width: calc(50% - 10px);
}
	.about-info .about-desc {
    padding: 40px 40px;
}
	.title p {
    font-size: 32px !important;
}
	.clients-inner .clients-item {
    width: 220px;
    padding: 110px 20px 30px;
}
	.clients-inner .clients-item:nth-child(2) {
    width: calc(100% - 500px);
    padding: 110px 20px 25px;
}
	.assortiment-row .gray, p.gray {
    margin-bottom: 30px;
}
	.contacts-row .contacts-desc h2 {
    margin-bottom: 30px;
}
	.contacts-row form {
    padding: 30px 30px;
}
	.contacts-row form .form-row p {
    gap: 10px;
    margin-bottom: 20px !important;
}
	.contacts-row form .form-row p label {
    width: calc(50% - 5px);
}
	.bt, button, input[type=button], input[type=reset], input[type=submit] {
    padding: 21px 36px;
}
	.contacts-row form .form-row p label input {
    padding: 33px 20px;
}
	.footer-logo img {
    width: 120px;
}
	.main-header .logo-header img {
    max-height: 70px;
}
	a.b-btn {
    padding: 14px 25px;
}
}










@media screen and (max-width: 991px) {
	.header-mobile .header-mobile-container-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
	.header-mobile .header-mobile-container-inner:before, .header-mobile .header-mobile-container-inner:after {
	content: none !important;
}
	.container {
    padding-left: 20px;
    padding-right: 20px;
}
	.logo-mobile-wrapper img {
    height: 52px;
}
	.header-mobile .header-mobile-container-inner > div {
    line-height: 100px !important;
}
	.toggle-icon-wrapper .toggle-icon {
    height: 23px;
    width: 35px;
}
	.toggle-icon-wrapper .toggle-icon:before {
    top: 0%;
}
	.toggle-icon-wrapper .toggle-icon:after {
    bottom: 0%;
}
	a.b-btn {
    font-size: 12px;
    padding: 11px 25px 9px;
}
	.header-mobile .header-mobile-container-inner > div {
    line-height: 68px !important;
    padding: 0px !important;
    position: relative !important;
}
	.slider-row, .about-row, .assortiment-row, .colors-row, .sert-row, .clients-row, .map-row, .contacts-row {
    padding-top: 35px;
}
	.slider-row, .about-row, .assortiment-row, .colors-row, .sert-row, .clients-row, .map-row, .contacts-row {
    padding-bottom: 35px;
}
	.slider-row .slider-desc, .slider-row .slider-img {
    width: 100%;
}
	.slider-row .slider-desc {
    text-align: center;
}
	h1, h2 {
        font-size: 36px !important;
    }
	h1, .h1 {
        margin-bottom: 30px !important;
    }
	a.btn.arrow {
    padding: 15px 66px 15px 36px;
    font-size: 16px;
}
	.title p br {
    display: none;
}
	.title p {
        font-size: 28px !important;
    }
	.about-info .about-img, .about-info .about-desc, .sert-row .title, .sert-row .sert-img, .map-row .map-desc, .map-row .map-img, .contacts-row .contacts-desc, .contacts-row .wpb_raw_code {
        width: 100%;
    }
	.about-info .about-img img {
    height: 400px;
    object-fit: contain;
    background-color: #1c4c4c;
}
	    .about-info .about-desc {
        padding: 20px 40px 40px;
        text-align: center;
    }
	a.btn {
    padding: 15px 35px;
    font-size: 16px;
}
	.assortiment-btn {
    margin-top: 30px;
}
	.color-item img {
    height: 170px;
    margin: 0 0 10px 0 !important;
}
	.colors-grid .vc_column-inner > .wpb_wrapper {
    column-gap: 10px;
    row-gap: 30px;
}
	.color-item {
    width: calc(25% - 7.5px);
}
	.color-item p {
    font-size: 18px;
}
	.about-info .about-desc strong {
    font-size: 22px;
}
	.about-row.bed .about-info .about-img img {
    object-fit: cover;
    height: 530px;
    object-position: 50% 100%;
}
	.clients-inner .vc_column-inner > .wpb_wrapper {
    gap: 10px;
}
	    .clients-inner .clients-item, .clients-inner .clients-item:nth-child(2) {
        width: calc(33.333% - 6.7px);
        padding: 90px 20px 30px;
        font-size: 20px;
    }
	.clients-inner .clients-item:before {
    top: 20px !important;
    font-size: 50px !important;
}
	.title p {
        margin-bottom: 30px !important;
    }
	.sert-row .vc_row .vc_column-inner > .wpb_wrapper, .map-row .vc_row .vc_column-inner > .wpb_wrapper, .contacts-row .vc_row .vc_column-inner > .wpb_wrapper {
    gap: 20px;
}
	.bt, button, input[type=button], input[type=reset], input[type=submit] {
        padding: 16px 35px;
        font-size: 16px;
    }
	.contacts-row form .form-row p label input {
        padding: 27px 20px;
    }
	.footer-inner .col-md-6 {
    text-align: center;
}
	.footer-inner > .row .footer-desc {
    margin-top: 15px;
    text-align: center;
}
	.footer-inner {
    padding-top: 40px;
    padding-bottom: 40px;
}
	.mobile-nav-overlay {
    display: none !important;
}
	.toggle-icon-wrapper.in .toggle-icon:before {
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    -ms-transform: rotate(38deg);
    -o-transform: rotate(38deg);
    transform: rotate(38deg);
}
	.toggle-icon-wrapper.in .toggle-icon:after {
    -webkit-transform: rotate(-38deg);
    -moz-transform: rotate(-38deg);
    -ms-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    transform: rotate(-38deg);
}
	body.mobile-nav-in .menu-drop-fly {
    left: unset !important;
    right: 0px !important;
}
	.header-mobile .menu-drop-fly {
    top: 60px !important;
    left: unset !important;
    right: -264px !important;
    width: 264px !important;
    background-color: #fff !important;
    color: var(--g5-text-color) !important;
}
	#wpadminbar {
        display: none !important;
    }
	.header-mobile .menu-drop-fly .nav-menu-mobile a {
    color: var(--g5-text-color) !important;
}
	html[lang="ru-RU"] {
    margin-top: 0px !important;
}
	body.mobile-nav-in {
    overflow-y: hidden !important;
}
	.header-mobile .x-sub-menu, .header-mobile .x-nav-menu, .header-mobile .x-nav-menu li.x-menu-item + li {
    border-top: none !important;
}
	.header-mobile .x-nav-menu {
    padding-top: 46px;
}
	.header-mobile .menu-drop-fly .nav-menu-mobile a {
    width: 100%;
    text-transform: none;
    font-weight: normal;
    padding: 11px 32px !important;
    font-size: 16px;
    line-height: 20px;
}
	#wrapper-content {
    position: relative;
    z-index: 0;
}
	header.header-mobile {
    position: relative;
    z-index: 1;
}
	.header-mobile .is-sticky {
    height: 60px;
    position: fixed;
    width: 100%;
}
	#primary-content {
    padding-top: 60px !important;
}
	h1, h2 {
        font-size: 45px !important;
    }
	.map-row .vc_row .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
}
	.map-row .map-img figure, .map-row .map-img .vc_single_image-wrapper {
    width: 100%;
}
	.map-row .map-img img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    object-position: center;
}
	.map-row .map-desc h2 br {
    display: none;
	}
}















@media screen and (max-width: 767px) {
	    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
	.logo-mobile-wrapper img {
        height: 49px;
    }
	a.b-btn {
        padding: 9px 25px 8px;
    }
	.header-mobile.header-mobile-2 .toggle-icon-wrapper {
    margin-left: 0px;
}
	#primary-content {
        padding-top: 68px !important;
    }
	    h1, h2 {
        font-size: 34px !important;
    }
	.slider-row .slider-desc a.btn {
    width: 100%;
}
	    .header-mobile-wrapper.sticky-wrapper {
        position: fixed;
        width: 100%;
        height: 68px;
        box-shadow: 0 0 10px 0 #00000012;
    }
	    .about-info .about-img img {
        height: 300px;
    }
	.about-info .about-desc {
        padding: 20px 20px 40px;
    }
	.assortiment-row .wpb_gallery_slides ul {
    gap: 15px;
}
	.assortiment-row .wpb_gallery_slides ul li {
    width: calc(50% - 7.5px);
    margin: 0px !important;
}
	.assortiment-btn a.btn {
    width: 100%;
}
	    .color-item {
        width: calc(50% - 7.5px);
    }
	.colors-grid .vc_column-inner > .wpb_wrapper {
        column-gap: 15px;
        row-gap: 20px;
    }
	.about-row.bed .about-info .about-img img {
        height: 310px;
    }
	.sert-row .vc_row .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
    text-align: center;
}
	.clients-inner .clients-item, .clients-inner .clients-item:nth-child(2), .map-row .map-desc a.btn {
        width: 100%;
    }
	.map-row .map-desc {
    text-align: center;
}
	h2 {
        font-size: 28px !important;
    }
	.map-row .map-img img {
        height: 300px;
    }
	.footer-inner > .row, .contacts-row .vc_row .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
}
	.contacts-row form .form-row p label {
        width: 100%;
    }
	    .contacts-row form .form-row p {
        gap: 20px;
    }
	
	
	
	
	
	
	
	
	
	
}














