@import url("fonts.css");
html {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
list-style-type: none;
}
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
padding-top: 208px;
color: #000000;
}
body a{
color: #000000;
}
@media (max-width: 750px) {
body {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
padding-top: 98px;
}
}
.page-wrapper{
width: 100%;
max-width: 1352px;
padding: 0 16px;
margin: auto;
}
.header{
display: flex;
flex-direction: column;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 21;
background-color: #FFFFFF;
padding-bottom: 20px;
}
.header .top-wrapper{
width: 100%;
background-color: #000000;
color: #FFFFFF;
}
.header .top-wrapper a{
color: #FFFFFF;
}
.header .top-area{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 9px;
padding-bottom: 9px;
gap: 15px;
}
.header .top-area .contact-items{
display: flex;
align-items: center;
gap: 20px;
}
.header .top-area .contact-items .item {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 300;
}
.header .top-area .contact-items .item:hover {
color: #BB9255;
}
.header .top-area .contact-items .item.tel::before {
content: '';
display: inline-block;
width: 20px;
min-width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
}
.header .top-area .contact-items .item.tel:hover::before {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .change-text-area{
font-weight: 500;
font-size: 14px;
max-width: 50%;
overflow: hidden;
}
.header .top-area .search-social-area{
display: flex;
align-items: center;
gap: 32px;
}
.header .top-area .search-social-area .search-area{
display: flex;
align-items: center;
gap: 8px;
}
.header .top-area .search-social-area .search-area .icon {
content: '';
display: inline-block;
width: 17px;
min-width: 17px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
}
.header .top-area .search-social-area .search-area .search-item {
background-color: transparent;
border: unset;
border-bottom: 1px solid #ffffff;
padding: 2px 10px 5px;
text-align: center;
color: #FFFFFF;
font-size: 8px;
width: 155px;
}
.header .top-area .search-social-area .search-area .search-item:focus {
outline: none;
box-shadow: none;
border-bottom: 1px solid #BB9255;
}
.header .top-area .search-social-area .search-area .search-item::placeholder {
color: #FFFFFF;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2.5px;
}
.header .top-area .search-social-area .social-area{
display: flex;
align-items: center;
gap: 5px;
}
.header .top-area .search-social-area .social-area .item{
width: 19px;
height: 19px;
min-height: 19px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: center;
background-size: 10px 10px;
}
.header .top-area .search-social-area .social-area .item:hover{
background-color: #BB9255;
}
.header .top-area .search-social-area .social-area .item.twiter {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.twiter:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.linkedin {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.linkedin:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.facebook {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.facebook:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.instagram {
background-image: url("data:image/svg+xml;utf8,");
}
.header .top-area .search-social-area .social-area .item.instagram:hover {
background-image: url("data:image/svg+xml;utf8,");
}
.header .midle-area{
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
.header .midle-area .menu {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
}
.header .midle-area .menu li {
min-height: 43px ;
}
.header .midle-area .menu li a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
padding-bottom: 16px;
border-bottom: 1px solid #000000;
padding: 13px;
font-weight: 500;
text-transform: uppercase;
font-size: 10px;
}
.header .midle-area .menu li a:hover{
color: #BB9255;
}
.header .midle-area .menu li.checked a{
border-bottom: 4px solid;
}
.header .midle-area .menu li:hover a{
border-bottom: 4px solid;
}
.header .midle-area .main-logo{
width: 184px;
height: 58px;
}
.header .midle-area .main-logo:hover{
opacity: 0.75;
}
.header .midle-area .main-logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.header .midle-area .admin-menu{
display: flex;
align-items: center;
gap: 25px;
font-size: 11px;
text-transform: uppercase;
}
.header .midle-area .admin-menu li{
display: flex;
align-items: center;
gap: 10px;
}
.header .midle-area .admin-menu li:hover a{
color: #BB9255;
}
.header .midle-area .admin-menu li.cabinet::before {
content: '';
display: flex;
width: 20px;
height: 19px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.header .midle-area .admin-menu li.cart::before {
content: '';
display: flex;
width: 19px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.header .midle-area .admin-menu li.cart{
display: flex;
justify-content: center;
gap: 10px;
}
.header .midle-area .admin-menu li.cart .number-cart {
display: flex;
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 12px;
border: 1px solid #BB9255;
color: #BB9255;
}
.header .midle-area .admin-menu li.cart .wrapper-cart {
display: flex;
justify-content: center;
align-items: center;
gap: 22px;
}
.header .midle-area .admin-menu li.cart.checked .wrapper-cart a{
font-weight: 700;
}
.header .midle-area .admin-menu .lang {
display: flex;
flex-direction: column;
gap: 10px;
}
.header .midle-area .admin-menu .lang li{
display: flex;
justify-content: center;
gap: 10px;
}
.header .midle-area .admin-menu .lang li.pl::before {
content: '';
display: flex;
width: 23px;
height: 16px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.header .midle-area .admin-menu .lang li.active.pl::before {
border: 1px solid #BB9255;
}
.header .menu-cat{
display: flex;
justify-content: space-between;
align-items: center;
}
.header .menu-cat li {
display: flex;
min-height: 30px;
}
.header .menu-cat li a{
display: flex;
justify-content: center;
padding: 16px 20px 0;
border-top: 1px solid #000000;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
align-items: flex-end;
}
.header .menu-cat li.checked a{
border-top: 3px solid #000000;
}
.header .menu-cat li a:hover{
border-top: 3px solid #000000;
}
.header .mob-buttons{
display: none;
align-items: center;
gap: 12px;
justify-content: center;
}
.header .mob-buttons .button{
display: flex;
align-items: center;
justify-content: center;
background-color: #ECE9E5;
width: 40px;
height: 40px;
}
.header .mob-buttons .button.search span{
display: flex;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.header .mob-buttons .button.gamburger span{
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media (max-width: 1100px) {
.header .menu-cat li a {
padding: 16px 10px 0;
}
.header .top-area {
justify-content: center;
gap: 45px;
}
.header .top-area .contact-items {
display: none;
}
.header .top-area .change-text-area {
font-size: 10px;
width: 40%;
text-align: center;
}
}
@media (max-width: 950px) {
.header .midle-area .main-logo {
width: 100px;
height: 36px;
}
.header .menu-cat li a {
padding: 8px 5px 0;
font-size: 7px;
font-weight: 500;
text-transform: uppercase;
}
.header .midle-area .menu li a {
gap: 10px;
padding-bottom: 8px;
padding: 8px;
font-size: 8px;
}
.header .midle-area .admin-menu {
gap: 12px;
font-size: 8px;
}
.header .midle-area .admin-menu li::before {
width: 14px !important;
height: 14px !important;
}
}
@media (max-width: 750px) {
.header {
padding-bottom: 0;
}
.header .top-area {
display: none;
}
.header .menu-cat {
display: none;
}
.header .midle-area .menu {
display: none;
}
.header .midle-area .admin-menu {
display: none;
}
.header .mob-buttons{
display: flex;
}
.header .midle-area {
box-shadow: 0px 4px 8px 8px rgba(24, 39, 29, 0.15);
padding-top: 12px;
padding-bottom: 12px;
}
.header .midle-area .main-logo {
width: 143px;
height: 45px;
}
}
main.main{
display: flex;
flex-direction: column;
gap: 80px;
width: 100%;
padding-bottom: 45px;
}
.site-first-section{
display: flex;
flex-direction: column;
position: relative;
align-items: center;
width: 100%;
height: 100vh;
}
.site-first-section .img-area{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.site-first-section .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.site-first-section .text-area {
display: flex;
flex-direction: column;
position: relative;
z-index: 2;
color: #FFFFFF;
gap: 20px;
}
.site-first-section .text-area a {
color: #FFFFFF;
}
.site-first-section .text-area .title-section {
font-size: 55px;
font-weight: 700;
}
.site-first-section .text-area .text-section {
font-size: 28px;
font-weight: 700;
width: 100%;
max-width: 670px;
color: #ECE9E5;
}
.site-first-section .text-area .button-section {
font-size: 12px;
line-height: 24.3px;
font-weight: 800;
width: 100%;
max-width: 150px;
background-color: #000000;
padding: 8px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
margin-top: 22px;
}
.site-first-section .text-area .button-section:hover {
background-color: #BB9255;
}
@media (max-width: 555px) {
.site-first-section {
height: 691px;
}
.site-first-section .text-area .title-section {
font-size: 42px;
}
.site-first-section .text-area .text-section {
font-size: 20px;
}
.site-first-section .text-area .button-section {
max-width: 200px;
}
}
.windows{
display: flex;
flex-direction: column;
gap: 50px;
}
.windows .first-part{
display: flex;
flex-direction: column;
gap: 32px;
}
.windows .title-area{
display: flex;
justify-content: space-between;
width: 100%;
max-width: 660px;
padding: 14px 20px 0;
margin-left: auto;
order: 2;
position: relative;
font-size: 42px;
text-transform: uppercase;
color: #414243;
}
.windows .title-area .title-section {
color: #414243;
line-height: 100%;
font-weight: 900;
letter-spacing: 15px;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.windows .title-area::after{
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.windows .title-area .button-go{
display: flex;
justify-content: center;
align-items: center;
width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.windows .title-area .button-go:hover{
background-color: #000000;
}
.windows .slider-area{
display: flex;
width: 100%;
overflow: hidden;
position: relative;
}
.windows .slider-area .button {
display: none;
justify-content: center;
align-items: center;
position: absolute;
width: 65px;
height: 102%;
background-color: rgba(187,146,85, 0.5);
z-index: 12;
top: 0;
}
.windows .slider-area:hover .button {
display: flex;
}
.windows .slider-area .button.button-left {
left: 0;
}
.windows .slider-area .button.button-right:after {
content: '';
display: flex;
width: 24px;
height: 25px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
right: 0;
}
.windows .slider-area .button.button-left:after {
content: '';
display: flex;
width: 24px;
height: 26px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
}
.windows .slider-area .button.button-right {
right: 0;
}
.windows .slider-area .slider{
display: flex;
width: 100%;
}
.windows .slider-area .slider .slide{
display: flex;
flex-direction: column;
width: 220px;
padding: 12px;
border: 1px solid transparent;
/* box-shadow: 0px 0px 15px 0px #BB9255; */
gap: 12px;
}
.windows .slider-area .slider .slide:hover{
border: 1px solid #BBBBBB;
}
.windows .slider-area .slider .slide .img-area{
position: relative;
width: 100%;
height: 151px;
}
.windows .slider-area .slider .slide .img-area img{
width: 100%;
height: 100%;
object-fit: contain;
}
.windows .slider-area .slider .slide .img-area .cat-area {
position: absolute;
top: 3px;
left: 3px;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.windows .slider-area .slider .slide .img-area .cat-area .cat-item{
display: flex;
background-color: #BB9255;
color: #ffffff;
padding: 3px;
font-size: 6px;
}
.windows .slider-area .slider .slide .logo-product-area{
width: 47px;
height: 47px;
}
.windows .slider-area .slider .slide .logo-product-area img{
width: 100%;
height: 100%;
object-fit: contain;
}
.windows .slider-area .slider .slide .item-title:hover{
color: #BB9255;
}
.windows .slider-area .slider .slide .item-text{
font-size: 10px;
font-weight: 400;
}
.windows .slider-area .slider .slide .price-area{
font-size: 20px;
font-weight: 900;
color: #BB9255;
}
.windows .slider-area .slider .slide .button-add {
font-size: 10px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 8px;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.windows .slider-area .slider .slide .button-add:hover {
background-color: #BB9255;
}
.windows .slider-area .slider .slide .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.windows .slider-area .slider .slide .button-add:hover::before {
background-image: url("data:image/svg+xml;utf8,");
}
.windows .slider-area .slider .slide .colors {
display: flex;
gap: 2px;
margin-top: auto;
}
.windows .slider-area .slider .slide .colors .color {
width: 13px;
height: 13px;
border: 1px solid #BB9255;
}
.windows .slider-area .slider .slide .colors .color.grey {
background-color: #8E91A1;
}
.windows .slider-area .slider .slide .colors .color.red {
background-color: #7C342B;
}
.windows .slider-area .slider .slide .colors .color.grey-blue {
background-color: #44516B;
}
.windows .slider-area .slider .slide .colors .color.green {
background-color: #3C5E3E;
}
.windows .slider-area .slider .slide .colors .color.dark-grey {
background-color: #414243;
}
.windows .slider-area .slider .slide .colors .color.black {
background-color: #000000;
}
.windows .block-img-text{
display: flex;
justify-content: space-between;
align-items: center;
gap: 80px;
order: 2;
}
.windows .block-img-text .img-area{
display: flex;
flex-wrap: wrap;
gap: 12px;
width: 565px;
flex-shrink: 0;
}
.windows .block-img-text .img-area img{
width: 180px;
height: 180px;
object-fit: cover;
}
.windows .block-img-text .text-area{
display: flex;
flex-direction: column;
gap: 40px;
}
.windows .block-img-text .text-area .title-block{
font-size: 40px;
font-weight: 500;
}
.windows .block-img-text .text-area .more-text{
font-size: 20px;
font-weight: 400;
}
.windows .block-img-text .text-area .button {
font-size: 12px;
font-weight: 800;
background-color: #000000;
color: #FFFFFF;
max-width: max-content;
padding: 12px 60px;
margin-top: 20px;
}
.windows .block-img-text .text-area .button:hover {
background-color: #BB9255;
}
@media (max-width: 1000px) {
.windows .block-img-text {
flex-direction: column;
text-align: center;
}
.windows .block-img-text .text-area {
align-items: center;
gap: 30px;
}
}
@media (max-width: 750px) {
.windows .title-area {
flex-direction: column-reverse;
justify-content: center;
gap: 20px;
font-size: 35px;
order: unset;
}
.windows .first-part {
gap: 41px;
}
}
@media (max-width: 630px) {
.windows .block-img-text {
gap: 20px;
}
.windows .block-img-text .img-area {
gap: 7px;
width: 100%;
max-width: 565px;
flex-shrink: unset;
}
.windows .block-img-text .img-area img {
width: calc(33.3% - 5px);
height: auto;
object-fit: cover;
}
.windows .block-img-text .text-area .button {
margin-top: 0;
}
.windows .block-img-text .text-area .title-block {
font-size: 30px;
}
.windows .block-img-text .text-area .more-text {
font-size: 18px;
}
}
.popular-cat{
display: flex;
flex-direction: column;
gap: 40px;
}
.popular-cat .title-area {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 0 0;
margin-left: auto;
position: relative;
font-size: 42px;
text-transform: uppercase;
color: #414243;
gap: 20px;
}
.popular-cat .title-area .title-section {
color: #414243;
font-weight: 900;
letter-spacing: 4px;
line-height: 90%;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.popular-cat .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.popular-cat .title-area .button-go {
display: flex;
justify-content: center;
align-items: center;
width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.popular-cat .title-area .button-go:hover {
background-color: #000000;
}
.popular-cat .items-area {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.popular-cat .items-area .item{
display: flex;
flex-direction: column;
gap: 15px;
width: calc(25% - 15px);
}
.popular-cat .items-area .item .img-area{
width: 100%;
height: 400px;
}
.popular-cat .items-area .item .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.popular-cat .items-area .item .title-item{
font-size: 20px;
font-weight: 800;
}
.popular-cat .items-area .item .text{
font-size: 14px;
font-weight: 300;
}
.popular-cat .items-area .item .button{
font-size: 12px;
font-weight: 800;
display: flex;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
background-color: #000000;
color: #FFFFFF;
margin-top: auto;
}
.popular-cat .items-area .item .button:hover{
background-color: #BB9255;
}
.popular-cat > .img-area{
width: 100%;
height: 825px;
}
.popular-cat > .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
@media (max-width: 950px) {
.popular-cat .items-area .item {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.popular-cat .title-area {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.popular-cat .title-area .title-section {
line-height: 120%;
font-size: 30px;
}
}
@media (max-width: 650px) {
.popular-cat > .img-area {
height: 408px;
}
}
@media (max-width: 555px) {
.popular-cat .items-area .item .img-area {
height: 225px;
}
.popular-cat .items-area .item .title-item {
font-size: 16px;
}
.popular-cat .items-area .item .button {
width: 100%;
}
.popular-cat .items-area .item {
text-align: center;
}
}
@media (max-width: 360px) {
.popular-cat .items-area .item {
width: 100%;
}
}
.blog{
display: flex;
flex-direction: column;
gap: 60px;
}
.blog .top_area{
display: flex;
gap: 15px;
justify-content: space-between;
}
.blog .top_area .text_area {
display: flex;
flex-direction: column;
gap: 35px;
width: 100%;
max-width: 665px;
}
.blog .top_area .text_area .title-area {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 0 0;
margin-left: auto;
position: relative;
font-size: 42px;
text-transform: uppercase;
color: #414243;
gap: 20px;
}
.blog .top_area .text_area .title-area .title-section {
color: #414243;
font-weight: 900;
letter-spacing: 4px;
line-height: 90%;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.blog .top_area .text_area .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog .top_area .text_area .title-area .button-go {
display: flex;
justify-content: center;
align-items: center;
width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.blog .top_area .text_area .title-area .button-go:hover {
background-color: #000000;
}
.blog .top_area .text_area .sub_title {
font: 500 35px/1.2 'Montserrat', sans-serif;
margin-top: auto;
}
.blog .top_area .text_area .text_block {
font: 300 20px/1.4 'Montserrat', sans-serif;
color: #414243;
margin-bottom: auto;
}
.blog .top_area .img_area {
width: 100%;
height: 560px;
}
.blog .top_area .img_area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.blog .articles_area{
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.blog .articles_area .item{
display: flex;
flex-direction: column;
gap: 12px;
width: calc(33% - 11px);
}
.blog .articles_area .item .img_area{
width: 100%;
height: 269px;
}
.blog .articles_area .item .img_area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.blog .articles_area .item .title_item{
font: 800 20px/1.4 'Montserrat', sans-serif;
color: #000000;
}
.blog .articles_area .item .text_item{
font: 300 14px/1.4 'Montserrat', sans-serif;
color: #000000;
}
.blog .articles_area .item .button_url{
font: 600 16px/1.4 'Montserrat', sans-serif;
color: #BB9255;
text-decoration: underline;
}
.blog .articles_area .item .button_url:hover{
color: #000000;
}
@media (max-width: 1150px) {
.blog .top_area {
gap: 30px;
flex-direction: column;
}
.blog .top_area .text_area {
max-width: unset;
}
}
@media (max-width: 950px) {
.blog .articles_area .item {
width: calc(50% - 10px);
}
}
@media (max-width: 555px) {
.blog .top_area .img_area {
display: none;
}
.blog .top_area .text_area .title-area {
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.blog .top_area .text_area .title-area .title-section {
font-size: 30px;
text-align: center;
}
.blog .top_area .text_area .sub_title {
font-size: 30px;
text-align: center;
}
.blog .top_area .text_area .text_block {
font-size: 18px;
text-align: center;
}
.blog .articles_area .item {
width: 100%;
}
}
@media (max-width: 490px) {
.blog .articles_area .item {
align-items: center;
}
.blog .articles_area .item .title_item {
font-size:18px;
text-align: center;
}
.blog .articles_area .item .text_item {
text-align: center;
}
}
.products_sec{
display: flex;
flex-direction: column;
gap: 50px;
}
.products_sec .title-area {
display: flex;
justify-content: space-between;
width: 100%;
padding: 14px 0 0;
margin-left: auto;
position: relative;
font-size: 35px;
text-transform: uppercase;
color: #414243;
gap: 25px;
}
.products_sec .title-area .title-section {
color: #414243;
line-height: 100%;
font-weight: 900;
letter-spacing: 8px;
position: relative;
text-align: right;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.products_sec .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.products_sec .title-area .button-go {
display: flex;
justify-content: center;
align-items: center;
width: 196px;
min-width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.products_sec .title-area .button-go:hover {
background-color: #000000;
}
.products_sec .menu-cat {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 15px;
}
.products_sec .menu-cat li a{
min-height: 30px;
align-items: flex-end;
}
.products_sec .menu-cat li a {
display: flex;
justify-content: center;
padding: 16px 20px 0;
border-top: 1px solid #000000;
font-size: 9px;
font-weight: 500;
text-transform: uppercase;
}
.products_sec .menu-cat li a:hover {
border-top: 3px solid #000000;
}
.products_sec .menu-cat li.active a {
border-top: 3px solid #000000;
}
.products_sec .slider-area {
display: flex;
width: 100%;
overflow: hidden;
position: relative;
}
.products_sec .slider-area .button {
display: none;
justify-content: center;
align-items: center;
position: absolute;
width: 65px;
height: 102%;
background-color: rgba(187, 146, 85, 0.5);
z-index: 12;
top: 0;
}
.products_sec .slider-area:hover .button {
display: flex;
}
.products_sec .slider-area .button.button-left {
left: 0;
}
.products_sec .slider-area .button.button-right:after {
content: '';
display: flex;
width: 24px;
height: 25px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
right: 0;
}
.products_sec .slider-area .button.button-left:after {
content: '';
display: flex;
width: 24px;
height: 26px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
left: 0;
}
.products_sec .slider-area .button.button-right {
right: 0;
}
.products_sec .slider-area .slider {
display: flex;
width: 100%;
}
.products_sec .slider-area .slider .slide {
display: flex;
flex-direction: column;
width: 220px;
padding: 12px;
border: 1px solid transparent;
/* box-shadow: 0px 0px 15px 0px #BB9255; */
gap: 12px;
}
.products_sec .slider-area .slider .slide:hover {
border: 1px solid #BBBBBB;
}
.products_sec .slider-area .slider .slide .img-area {
position: relative;
width: 100%;
height: 151px;
}
.products_sec .slider-area .slider .slide .img-area img {
width: 100%;
height: 100%;
object-fit: contain;
}
.products_sec .slider-area .slider .slide .img-area .cat-area {
position: absolute;
top: 3px;
left: 3px;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.products_sec .slider-area .slider .slide .img-area .cat-area .cat-item {
display: flex;
background-color: #BB9255;
color: #ffffff;
padding: 3px;
font-size: 6px;
}
.products_sec .slider-area .slider .slide .logo-product-area {
width: 47px;
height: 47px;
}
.products_sec .slider-area .slider .slide .logo-product-area img {
width: 100%;
height: 100%;
object-fit: contain;
}
.products_sec .slider-area .slider .slide .item-title {
font-size: 12px;
font-weight: 500;
line-height: 100%;
}
.products_sec .slider-area .slider .slide .item-title:hover {
color: #BB9255;
}
.products_sec .slider-area .slider .slide .item-text {
font-size: 10px;
font-weight: 400;
}
.products_sec .slider-area .slider .slide .price-area {
font-size: 20px;
font-weight: 900;
color: #BB9255;
}
.products_sec .slider-area .slider .slide .button-add {
font-size: 10px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 8px;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.products_sec .slider-area .slider .slide .button-add:hover {
background-color: #BB9255;
}
.products_sec .slider-area .slider .slide .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.products_sec .slider-area .slider .slide .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
}
.products_sec .slider-area .slider .slide .colors {
display: flex;
gap: 2px;
margin-top: auto;
}
.products_sec .slider-area .slider .slide .colors .color {
width: 13px;
height: 13px;
border: 1px solid #BB9255;
}
.products_sec .slider-area .slider .slide .colors .color.grey {
background-color: #8E91A1;
}
.products_sec .slider-area .slider .slide .colors .color.red {
background-color: #7C342B;
}
.products_sec .slider-area .slider .slide .colors .color.grey-blue {
background-color: #44516B;
}
.products_sec .slider-area .slider .slide .colors .color.green {
background-color: #3C5E3E;
}
.products_sec .slider-area .slider .slide .colors .color.dark-grey {
background-color: #414243;
}
.products_sec .slider-area .slider .slide .colors .color.black {
background-color: #000000;
}
@media (max-width: 767px) {
.products_sec .title-area {
flex-direction: column-reverse;
align-items: center;
}
.products_sec .title-area .title-section {
text-align: center;
font-size: 28px;
}
}
.feedbackform {
display: flex;
}
.feedbackform .wrapper-form {
display: flex;
overflow: hidden;
justify-content: space-between;
width: 100%;
gap: 32px;
padding: 60px;
background: #000000;
}
.feedbackform .wrapper-form .text-area {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
max-width: 500px;
}
.feedbackform .wrapper-form .text-area .title {
color: #FFF;
font-size: 42px;
font-weight: 600;
line-height: 120%;
}
.feedbackform .wrapper-form .text-area .text {
color: #FFF;
font-size: 16px;
font-weight: 300;
line-height: 140%;
}
.feedbackform .wrapper-form .form-area {
display: flex;
flex-direction: column;
width: 100%;
max-width: 500px;
gap: 16px;
}
.feedbackform .form-area .text {
width: 100%;
padding: 14px 20px;
border: 1px solid #DFDFDF;
background: #FFF;
color: #18271D;
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.feedbackform .form-area .text:focus {
border: 1px solid #DFDFDF;
outline: unset;
}
.feedbackform .form-area .text::placeholder {
color: #D9D9D9;
opacity: 1;
}
.feedbackform .form-area .text:-ms-input-placeholder {
color: #999;
}
.feedbackform .form-area .text::-ms-input-placeholder {
color: #999;
}
.feedbackform .form-area .button {
display: flex;
height: 50px;
padding: 16px 28px;
justify-content: center;
align-items: center;
gap: 10px;
background: #BB9255;
border: none;
max-width: max-content;
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 110%;
cursor: pointer;
margin-top: 16px;
transition: background 0.7s;
}
.feedbackform .form-area .button:hover {
background: #ffffff;
color: #000000;
}
@media (max-width: 950px) {
.feedbackform .wrapper-form {
padding: 24px;
}
.feedbackform .wrapper-form .text-area .title {
font-size: 32px;
}
.feedbackform .wrapper-form .text-area .text {
font-size: 14px;
}
.feedbackform .form-area .button {
margin-top: 8px;
width: 100%;
max-width: unset;
}
.feedbackform .wrapper-form {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
@media (max-width: 555px) {
.feedbackform.page-wrapper {
padding: 0;
}
}
.services{
display: flex;
flex-direction: column;
gap: 50px;
}
.services .wrapper_title{
display: flex;
justify-content: space-between;
gap: 30px;
}
.services .wrapper_title .title-area {
display: flex;
flex-direction: column;
width: 100%;
padding: 14px 0 0;
margin-left: auto;
position: relative;
font-size: 35px;
text-transform: uppercase;
color: #414243;
gap: 25px;
padding-right: 50px;
}
.services .wrapper_title .title-area .title-section {
color: #414243;
line-height: 100%;
font-weight: 900;
letter-spacing: 8px;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.services .wrapper_title .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.services .wrapper_title .title-area .button-go {
display: flex;
justify-content: center;
align-items: center;
width: 196px;
min-width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.services .wrapper_title .title-area .button-go:hover {
background-color: #000000;
}
.services .wrapper_title .text_title{
font: 300 20px/1.2 'Montserrat', sans-serif;
color: #414243;
padding-top: 25px;
}
.services .items_area{
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.services .items_area .item{
display: flex;
flex-direction: column;
width: calc(33.3% - 7px);
min-height: 280px;
overflow: hidden;
position: relative;
padding: 12px;
}
.services .items_area .item .img-area{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.services .items_area .item .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.services .items_area .item .text-area{
display: flex;
flex-direction: column;
padding: 10px;
gap: 10px;
background: rgba(225, 255, 255, 0.58);
position: relative;
width: 85%;
}
.services .items_area .item .text-area .title-item{
font: 800 20px/1.2 'Montserrat', sans-serif;
color: #000000;
}
.services .items_area .item .text-area .text-item{
font: 500 12px/1.2 'Montserrat', sans-serif;
color: #000000;
}
@media (max-width: 970px) {
.services .wrapper_title {
flex-direction: column;
}
.services .items_area .item {
width: calc(50% - 10px);
padding: 0;
}
.services .items_area .item .text-area {
width: 95%;
}
}
@media (max-width: 600px) {
.services .items_area {
flex-wrap: nowrap;
overflow-x: auto;
overflow-y: hidden;
width: 100%;
scrollbar-width: none;
-ms-overflow-style: none;
}
.services .items_area::-webkit-scrollbar {
display: none;
}
.services .items_area .item {
width: 287px;
min-width: 287px;
}
.services .items_area .item .text-area .title-item {
font: 800 16px/1.2 'Montserrat', sans-serif;
}
.services .items_area .item .text-area .text-item {
font: 500 10px/1.2 'Montserrat', sans-serif;
}
}
@media (max-width: 600px) {
.services .wrapper_title {
gap: 20px;
}
.services .wrapper_title .title-area {
font-size: 25px;
text-align: center;
padding-right: 0 ;
align-items: center;
}
.services .wrapper_title .title-area .title-section{
line-height: 1.3;
}
.services .wrapper_title .text_title {
text-align: center;
}
}
@media (max-width: 350px) {
.services .wrapper_title .title-area .title-section {
font-size: 23px;
}
}
.footer{
display: flex;
flex-direction: column;
}
.footer .top-area{
display: flex;
justify-content: center;
align-items: center;
background-color: #000000;
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
gap: 5px;
height: 36px;
}
.footer .top-area .tel-area{
font-weight: 800;
color: #FFFFFF;
}
.footer .top-area .tel-area:hover{
color: #BB9255;
}
.footer .main-area{
display: flex;
justify-content: space-between;
background-color: #ECE9E5;
padding: 40px 70px;
width: 100%;
gap: 50px;
}
.footer .main-area .logo-social{
display: flex;
flex-direction: column;
gap: 50px;
width: 210px;
}
.footer .main-area .logo-social .logo{
width: 210px;
height: 67px;
}
.footer .main-area .logo-social .logo:hover{
opacity: 0.75;
}
.footer .main-area .logo-social .logo img{
width: 100%;
height: 100%;
object-fit: contain;
}
.footer .main-area .sub-logo-wrapper{
display: flex;
flex-direction: column;
gap: 35px;
width: 100%;
}
.footer .main-area .sub-logo-wrapper .logo-sub-title{
font-size: 14px;
font-weight: 500;
width: 100%;
}
.footer .main-area .sub-logo-wrapper .social-area {
display: flex;
align-items: center;
gap: 5px;
}
.footer .main-area .sub-logo-wrapper .social-area .item {
width: 29px;
height: 29px;
min-height: 19px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #000000;
background-repeat: no-repeat;
background-position: center;
background-size: 14px 14px;
}
.footer .main-area .sub-logo-wrapper .social-area .item:hover {
background-color: #BB9255;
}
.footer .main-area .sub-logo-wrapper .social-area .item.twiter {
background-image: url("data:image/svg+xml;utf8,");
}
.footer .main-area .sub-logo-wrapper .social-area .item.linkedin {
background-image: url("data:image/svg+xml;utf8,");
}
.footer .main-area .sub-logo-wrapper .social-area .item.facebook {
background-image: url("data:image/svg+xml;utf8,");
}
.footer .main-area .sub-logo-wrapper .social-area .item.instagram {
background-image: url("data:image/svg+xml;utf8,");
}
.footer .main-area .menu-area{
display: flex;
justify-content: space-between;
width: 100%;
max-width: 450px;
gap: 35px;
flex-shrink: 1;
}
.footer .main-area .menu-area .menu-wrapper{
display: flex;
flex-direction: column;
gap: 8px;
}
.footer .main-area .menu-area .menu-wrapper .title-menu{
font-size: 14px;
padding-bottom: 5px;
position: relative;
}
.footer .main-area .menu-area .menu-wrapper .title-menu::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 35px;
height: 2px;
background-color: #000000;
font-family: 700;
}
.footer .menu a:hover{
color: #BB9255;
}
.footer .main-area .menu-area .menu-wrapper.main-menu-wrapper .menu{
font-size: 12px;
text-transform: uppercase;
line-height: 24px;
}
.footer .main-area .menu-area .menu-wrapper .menu{
font-size: 12px;
gap: 8px;
line-height: 24px;
}
.footer .main-area .form-area{
display: flex;
flex-direction: column;
width: 233px;
gap: 20px;
flex-shrink: 0.5;
}
.footer .main-area .form-area .title-footer {
font-size: 14px;
padding-bottom: 5px;
position: relative;
}
.footer .main-area .form-area .title-footer::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 35px;
height: 2px;
background-color: #000000;
font-family: 700;
}
.footer .main-area .form-area .form {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer .main-area .form-area .form input {
border: none;
background-color: #ffffff;
width: 100%;
height: 50px;
padding: 0 20px;
font-size: 10px;
color: #B3B3B3;
font-weight: 600;
outline: none;
box-shadow: none;
border: none;
}
.footer .main-area .form-area .form .buttom {
border: none;
background-color: #BB9255;
width: 100%;
height: 50px;
padding: 0 20px;
font-size: 14px;
color: #ffffff;
font-weight: 600;
cursor: pointer;
}
.footer .main-area .form-area .form .buttom:hover {
background-color: #000000;
}
.footer .bottom-area{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 14px 0;
gap: 25px;
}
.footer .bottom-area .copyright{
font-size: 12px;
line-height: 17px;
font-weight: 400;
}
.footer .bottom-area .logo-area{
width: 82px;
height: 26px;
}
.footer .bottom-area .logo-area img{
width: 100%;
height: 100%;
object-fit: contain;
}
.footer .bottom-area .more-text{
font-size: 14px;
font-weight: 500;
}
@media (max-width: 975px) {
.footer .main-area {
flex-wrap: wrap;
justify-content: center;
}
.footer .main-area .menu-area {
order: 1;
max-width: 495px;
}
}
@media (max-width: 655px) {
.footer .main-area {
flex-direction: column;
align-items: center;
gap: 30px;
padding: 40px 15px;
}
.footer .main-area .menu-area {
order: unset;
flex-direction: column;
align-items: center;
max-width: 235px;
gap: 25px;
}
.footer .main-area .menu-area .menu-wrapper {
align-items: center;
text-align: center;
gap: 12px;
}
.footer .main-area .sub-logo-wrapper {
align-items: center;
text-align: center;
gap: 20px;
}
.footer .main-area .form-area {
align-items: center;
}
.footer .main-area .form-area .form {
width: 100%;
}
.footer .main-area .logo-social {
width: 100%;
align-items: center;
gap: 20px;
}
.footer .main-area .logo-social .logo {
width: 100%;
max-width: 358px;
height: 113px;
}
}
@media (max-width: 590px) {
.footer .bottom-area {
flex-direction: column;
padding: 15px 0;
gap: 15px;
}
}
@media (max-width: 500px) {
.footer .top-area {
font-size: 14px;
font-weight: 700;
gap: 20px;
height: auto;
flex-direction: column;
padding: 25px;
text-align: center;
height: 150%;
}
}
.mob-menu {
display: flex;
position: fixed;
top: 0;
left: -150%;
z-index: 9999;
width: 100vw;
height: 100vh;
background-color: rgba(255, 255, 255, 0.6);
overflow: hidden;
transition: left 0.7s ease;
}
.mob-menu.active {
left: 0;
}
.mob-menu .mob-menu-wrapper {
display: flex;
flex-direction: column;
padding: 14px;
gap: 14px;
width: 100%;
max-width: 410px;
background-color: #ffffff;
}
.mob-menu .mob-menu-wrapper .top-area {
display: flex;
justify-content: space-between;
align-items: center;
gap: 14px;
color: rgba(34, 36, 34, 0.30);
text-align: center;
font-size: 16px;
font-weight: 600;
line-height: 120%;
}
.mob-menu .mob-menu-wrapper .top-area .back-button {
display: flex;
justify-content: center;
align-items: center;
background-color: #ECE9E5;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 50%;
}
.mob-menu .mob-menu-wrapper .top-area .back-button::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M7.1775 4.4475L2.625 9L7.1775 13.5525' stroke='%23222422' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.3749 9H2.75244' stroke='%23222422' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.mob-menu .mob-menu-wrapper .top-area .clouse-button {
display: flex;
justify-content: center;
align-items: center;
background-color: #ECE9E5;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 50%;
}
.mob-menu .mob-menu-wrapper .top-area .clouse-button::before {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M3.75073 3.75L14.25 14.2493' stroke='%23222422' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.74997 14.2493L14.2493 3.75' stroke='%23222422' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mob-menu .mob-menu-wrapper .lang-area {
display: flex;
align-items: center;
gap: 12px;
margin-top: 12px;
}
.mob-menu .mob-menu-wrapper .lang-area .item {
display: flex;
align-items: center;
justify-content: center;
background-color: #ECE9E5;
width: 40px;
height: 40px;
flex-shrink: 0;
border-radius: 50%;
color: rgba(34, 36, 34, 0.50);
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 100%;
}
.mob-menu .mob-menu-wrapper .lang-area .item.active {
background-color: #222422;
color: #FFFFFF;
}
.mob-menu .mob-menu-wrapper .m-menu {
margin-top: 26px;
display: flex;
flex-direction: column;
gap: 20px;
}
.mob-menu .mob-menu-wrapper .m-menu .item {
display: flex;
justify-content: space-between;
gap: 20px;
width: 100%;
border-bottom: 1px solid rgba(34, 36, 34, 0.10);
}
.mob-menu .mob-menu-wrapper .m-menu .item a {
padding-bottom: 20px;
display: flex;
justify-content: space-between;
align-items: center;
color: #222422;
font-size: 20px;
font-weight: 500;
line-height: 120%;
width: 100%;
text-transform: uppercase;
}
.mob-menu .mob-menu-wrapper .m-menu .item.has-child a {
color: #BB9255;
}
.mob-menu .mob-menu-wrapper .m-menu .item.has-child a::after {
content: '';
display: flex;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.61107 4.99985L11.0063 7.40192L13.4016 9.804L8.61107 14.6082' stroke='%23BB9255' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.mob-menu .mob-menu-wrapper .tel-button {
border-radius: 100px;
background: #BB9255;
padding: 24px;
margin-top: 34px;
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
width: 100%;
color: #FFF;
font-size: 18px;
font-weight: 500;
line-height: 100%;
}
.mob-menu .mob-menu-wrapper .tel-button .icon {
display: inline-block;
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M14.6466 12.22C14.6466 12.46 14.5933 12.7066 14.4799 12.9466C14.3666 13.1866 14.2199 13.4133 14.0266 13.6266C13.6999 13.9866 13.3399 14.2466 12.9333 14.4133C12.5333 14.58 12.0999 14.6666 11.6333 14.6666C10.9533 14.6666 10.2266 14.5066 9.45992 14.18C8.69325 13.8533 7.92659 13.4133 7.16659 12.86C6.39992 12.3 5.67325 11.68 4.97992 10.9933C4.29325 10.3 3.67325 9.57331 3.11992 8.81331C2.57325 8.05331 2.13325 7.29331 1.81325 6.53998C1.49325 5.77998 1.33325 5.05331 1.33325 4.35998C1.33325 3.90665 1.41325 3.47331 1.57325 3.07331C1.73325 2.66665 1.98659 2.29331 2.33992 1.95998C2.76659 1.53998 3.23325 1.33331 3.72659 1.33331C3.91325 1.33331 4.09992 1.37331 4.26659 1.45331C4.43992 1.53331 4.59325 1.65331 4.71325 1.82665L6.25992 4.00665C6.37992 4.17331 6.46659 4.32665 6.52659 4.47331C6.58659 4.61331 6.61992 4.75331 6.61992 4.87998C6.61992 5.03998 6.57325 5.19998 6.47992 5.35331C6.39325 5.50665 6.26659 5.66665 6.10659 5.82665L5.59992 6.35331C5.52659 6.42665 5.49325 6.51331 5.49325 6.61998C5.49325 6.67331 5.49992 6.71998 5.51325 6.77331C5.53325 6.82665 5.55325 6.86665 5.56659 6.90665C5.68659 7.12665 5.89325 7.41331 6.18659 7.75998C6.48659 8.10665 6.80659 8.45998 7.15325 8.81331C7.51325 9.16665 7.85992 9.49331 8.21325 9.79331C8.55992 10.0866 8.84659 10.2866 9.07325 10.4066C9.10659 10.42 9.14659 10.44 9.19325 10.46C9.24659 10.48 9.29992 10.4866 9.35992 10.4866C9.47325 10.4866 9.55992 10.4466 9.63325 10.3733L10.1399 9.87331C10.3066 9.70665 10.4666 9.57998 10.6199 9.49998C10.7733 9.40665 10.9266 9.35998 11.0933 9.35998C11.2199 9.35998 11.3533 9.38665 11.4999 9.44665C11.6466 9.50665 11.7999 9.59331 11.9666 9.70665L14.1733 11.2733C14.3466 11.3933 14.4666 11.5333 14.5399 11.7C14.6066 11.8666 14.6466 12.0333 14.6466 12.22Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.before_content{
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 80px;
}
.banner{
display: flex;
position: relative;
padding: 20px;
align-items: center;
justify-content: space-between;
width: 100%;
height: 100px;
}
.banner .img-area{
display: flex;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.banner .img-area::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.45);
}
.banner .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.banner .text-area{
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
position: relative;
z-index: 2;
color: #ffffff;
gap: 20px;
}
.banner .text-area .center-text {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: center;
}
.banner .text-area .center-text .sub-text{
font: 500 14px/1.2 'Montserrat', sans-serif;
letter-spacing: 10%;
}
.banner .text-area .center-text .main-text{
font: 900 26px/1.2 'Montserrat', sans-serif;
letter-spacing: 10%;
}
.banner .text-area .left-text,
.banner .text-area .right-text{
font: 500 12px/1.2 'Montserrat', sans-serif;
letter-spacing: 10%;
}
@media (max-width: 700px) {
.banner{
height: auto;
}
.banner .text-area{
display: flex;
flex-direction: column;
}
}
.breadcrumbs{
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
justify-content: center;
align-items: center;
background-color: #000000;
color: #ffffff;
padding: 45px 20px;
text-transform: uppercase;
}
.breadcrumbs a{
color: #ffffff;
}
.breadcrumbs .title-page{
font: 900 32px/1.2 'Montserrat', sans-serif;
padding: 0 25px 12px;
border-bottom: 3px solid #BB9255;
width: 100%;
max-width: max-content;
text-align: center;
letter-spacing: 5px;
}
.breadcrumbs .bread_items{
display: flex;
font: 600 12px/1 'Montserrat', sans-serif;
gap: 10px;
letter-spacing: 2px;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.breadcrumbs .bread_items a{
padding-right: 10px;
border-right: 2px solid #ffffff;
}
.breadcrumbs .bread_items span{
font-weight: 900;
}
@media (max-width: 700px) {
.breadcrumbs {
padding: 20px 15px;
}
.breadcrumbs .title-page {
font: 900 24px/1.2 'Montserrat', sans-serif;
padding: 0 12px 12px;
max-width: unset;
}
.breadcrumbs .bread_items {
font: 600 10px/1 'Montserrat', sans-serif;
gap: 15px;
}
}
.product-page{
display: flex;
justify-content: center;
gap: 62px;
width: 100%;
}
.product-page .imgs-price-area{
display: flex;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 571px;
}
.product-page .imgs-price-area .img-price-wrapper{
display: flex;
flex-direction: column;
gap: 17px;
}
.product-page .imgs-price-area .img-price-wrapper .slider-area{
display: flex;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
overflow: hidden;
/* height: 466px; */
}
.product-page .imgs-price-area .img-price-wrapper .slider-area .arrows-area{
display: flex;
position: absolute;
width: 70px;
height: 30px;
bottom: 40px;
border-radius: 100px;
background-color: #ffffff;
justify-content: space-between;
z-index: 2;
padding: 6px;
}
.product-page .swiper-button-next:after,
.product-page .swiper-rtl .swiper-button-prev:after {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.product-page .swiper-button-prev:after,
.product-page .swiper-rtl .swiper-button-next:after{
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
transform: rotate(180deg);
}
.product-page .swiper-button-next,
.product-page .swiper-button-prev {
position: unset;
width: unset;
height: unset;
margin: 0;
padding: 0;
}
.product-page .imgs-price-area .img-price-wrapper .price-area{
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.product-page .imgs-price-area .img-price-wrapper .price-area .price{
font: 900 20px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.product-page .imgs-price-area .img-price-wrapper .price-area .button-add {
font-size: 14px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 8px;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
max-width: 296px;
}
.product-page .imgs-price-area .img-price-wrapper .price-area .button-add:hover {
background-color: #BB9255;
}
.product-page .imgs-price-area .img-price-wrapper .price-area .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.product-page .imgs-price-area .img-price-wrapper .price-area .button-add:hover::before {
background-image: url("data:image/svg+xml;utf8,");
}
.product-page .imgs-price-area .widok {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
}
.product-page .imgs-price-area .widok .tab-area {
display: flex;
background-color: #000000;
color: #ffffff;
border-radius: 100px;
padding: 3px;
}
.product-page .imgs-price-area .widok .tab-area .btn_item{
display: flex;
justify-content: center;
align-items: center;
border-radius: 100px;
padding: 11px 9px;
font: 400 7px/1 'Montserrat', sans-serif;
cursor: pointer;
}
.product-page .imgs-price-area .widok .tab-area .btn_item.active{
background-color: #BB9255;
}
.product-page .imgs-price-area .widok .img-area-widok{
display: flex;
width: 100%;
/* height: 363px; */
justify-content: center;
align-items: center;
overflow: hidden;
}
.product-page .imgs-price-area .widok .img-area-widok img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-page .main-area{
display: flex;
flex-direction: column;
gap: 54px;
width: 100%;
max-width: 687px;
}
.product-page .main-area .tabs-area{
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.product-page .main-area .tabs-area .tab{
font: 500 10px/1 'Montserrat', sans-serif;
padding-bottom: 16px;
border-bottom: 1px solid #000000;
min-width: calc(25% - 15px);
text-align: center;
cursor: pointer;
min-height: 30px;
}
.product-page .main-area .tabs-area .tab:hover,
.product-page .main-area .tabs-area .tab.active{
border-bottom: 4px solid #000000;
}
.product-page .main-area .prod-area{
display: none;
flex-direction: column;
width: 100%;
gap: 25px;
}
.product-page .main-area .prod-area.active{
display: flex;
}
.product-page .main-area .prod-area .text-prod{
display: flex;
flex-direction: column;
gap: 10px;
}
.product-page .main-area .prod-area .text-prod .title_prod{
display: flex;
justify-content: center;
font: 700 16px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
margin-bottom: 15px;
}
.product-page .main-area .prod-area .text-prod .text_1{
font: 500 12px/1.2 'Montserrat', sans-serif;
margin-bottom: 15px;
}
.product-page .main-area .prod-area .text-prod .text_2{
font: 500 12px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: uppercase;
margin-bottom: 15px;
}
.product-page .main-area .prod-area .text-prod .text_3{
font: 500 12px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
margin-bottom: 15px;
}
.product-page .main-area .prod-area .text-prod .text{
font: 300 12px/1.2 'Montserrat', sans-serif;
}
.product-page .main-area .prod-area .choose-area{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.product-page .main-area .prod-area .choose-area .choose-item{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
.product-page .main-area .prod-area .choose-area .choose-item .choose-title{
background-color: #000000;
font: 600 12px/1.2 'Montserrat', sans-serif;
color: #ffffff;
text-align: center;
padding: 12px;
width: 100%;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area{
padding: 25px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 4px solid #000000;
max-width: 582px;
gap: 20px;
flex-wrap: wrap;
width: 100%;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 156px;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area{
display: flex;
gap: 8px;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area input{
border: none;
text-align: center;
font: 500 12px/1.2 'Montserrat', sans-serif;
color: #000000;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area .minus,
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area .pluse{
cursor: pointer;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area .minus::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus .input-item-area .pluse::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
.product-page input[type=number]::-webkit-inner-spin-button,
.product-page input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.product-page input[type=number] {
-moz-appearance: textfield;
}
.product-page .main-area .prod-area .choose-area .choose-item .input-area .input-add-minus label {
font: 700 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: lowercase;
width: 100%;
border-top: 1px solid #000000;
margin-top: 10px;
padding-top: 3px;
}
.product-page .main-area .prod-area .choose-area .color-area{
display: flex;
padding: 25px;
border-bottom: 4px solid #000000;
gap: 10px 5px;
flex-wrap: wrap;
max-width: 582px;
}
.product-page .main-area .prod-area .choose-area .name-color{
font: 700 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: lowercase;
width: 100%;
padding-top: 3px;
}
.product-page .main-area .prod-area .choose-area .color_section{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.product-page .main-area .prod-area .choose-area .choose-item .color_item_1 {
display: none;
flex-direction: column;
}
.product-page .main-area .prod-area .choose-area .choose-item .color_item_1.active {
display: flex;
}
.product-page .main-area .prod-area .choose-area .color-area .color{
display: flex;
width: 20px;
height: 20px;
position: relative;
box-shadow: 0px 4px 4px 0px rgba(24, 39, 29, 0.25);
}
.product-page .main-area .prod-area .choose-area .color-area .color .sqw{
width: 100%;
height: 100%;
}
.product-page .main-area .prod-area .choose-area .color-area .color input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.product-page .main-area .prod-area .choose-area .color-area .color input:checked + .sqw{
border: 2px solid #BB9255;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts{
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
width: 100%;
max-width: 572px;
padding: 25px;
border-bottom: 4px solid #000000;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper{
display: flex;
flex-direction: column;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .real-select {
display: none;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select {
position: relative;
width: 240px;
cursor: pointer;
user-select: none;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select .selected-option {
padding: 10px;
border-bottom: 1px solid #000000;
text-align: center;
line-height: 1.3;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select .options-list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 10;
background-color: #fff;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select .option-item {
padding: 10px 5px;
border-bottom: 1px solid #000;
font-size: 9px;
text-align: center;
line-height: 1.4;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select .option-item:hover {
color: #BB9255;
border-bottom: 1px solid #BB9255;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .fake-select.open .options-list {
display: block;
}
.product-page .main-area .prod-area .choose-area .choose-item .custom-select-wrapper .label_item {
font: 700 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: lowercase;
width: 100%;
padding-top: 3px;
}
.product-page .main-area .prod-area .choose-area .choose-item .extra_price {
display: none;
justify-content: center;
align-items: center;
font: 500 20px/1.2 'Montserrat', sans-serif;
color: #333;
text-transform: uppercase;
gap: 10px;
}
.product-page .main-area .prod-area .choose-area .choose-item .extra_price.active {
display: flex;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts .img-area{
display: flex;
flex-direction: column;
width: 240px;
height: 140px;
margin-top: 10px;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts .img-area img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts .extra-area{
display: none;
justify-content: center;
align-items: center;
font: 500 20px/1.2 'Montserrat', sans-serif;
color: #333;
text-transform: uppercase;
gap: 10px;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts .extra-area{
display: none;
justify-content: center;
align-items: center;
font: 500 20px/1.2 'Montserrat', sans-serif;
color: #333;
text-transform: uppercase;
gap: 10px;
margin-top: 10px;
max-width: 240px;
}
.product-page .main-area .prod-area .choose-area .choose-item .select-area-producnts .extra-area.active{
display: flex;
}
.product-page .main-area .text-prod .list-items{
display: flex;
flex-direction: column;
gap: 15px;
}
.product-page .main-area .text-prod .list-items .item{
display: flex;
align-items: center;
gap: 10px;
}
.product-page .main-area .text-prod .list-items .item .icon{
width: 24px;
min-width: 24px;
height: 24px;
}
.product-page .main-area .text-prod .list-items .item .icon img{
width: 100%;
height: 100%;
object-fit: contain;
}
.product-page .main-area .text-prod .list-items .item .text-item{
font: 300 12px/1.2 'Montserrat', sans-serif;
color: #333;
}
.product-page .main-area .price-area {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 20px;
}
.product-page .main-area .price-area .price {
font: 600 12px/1.2 'Montserrat', sans-serif;
}
.product-page .main-area .price-area .price span {
font: 800 12px/1.2 'Montserrat', sans-serif;
}
.product-page .main-area .price-area .button-add {
font-size: 14px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 8px;
width: 100%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
max-width: 296px;
}
.product-page .main-area .price-area .button-add:hover {
background-color: #BB9255;
}
.product-page .main-area .price-area .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.product-page .main-area .price-area .button-add:hover::before {
background-image: url("data:image/svg+xml;utf8,");
}
.product-page .main-area .opis{
display: none;
flex-direction: column;
}
.product-page .main-area .opis.active {
display: flex;
}
.product-page .main-area .opis .text-prod{
display: flex;
flex-direction: column;
gap: 25px;
}
.product-page .main-area .opis .text-prod .title_prod{
display: flex;
justify-content: center;
font: 800 16px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.product-page .main-area .opis .text-prod .item_text{
display: flex;
flex-direction: column;
gap: 10px;
}
.product-page .main-area .opis .text-prod .item_text .text_1{
font: 500 12px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.product-page .main-area .opis .text-prod .item_text .text{
font: 300 12px/1.2 'Montserrat', sans-serif;
}
.product-page .main-area .opis .text-prod .item_text a{
font: 500 12px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.product-page .main-area .opis .text-prod .item_text .list-items{
display: flex;
flex-direction: column;
font: 300 12px/1.2 'Montserrat', sans-serif;
gap: 10px;
}
.product-page .main-area .opis .text-prod .item_text .list-items .item{
display: flex;
align-items: center;
gap: 0;
}
.product-page .main-area .opis .text-prod .item_text .list-items .item::before{
content: '';
display: flex;
width: 2px;
min-width: 2px;
height: 2px;
background-color: #000;
border-radius: 50%;
margin: 0 8px;
}
.product-page .main-area .opis .instructions{
display: flex;
flex-direction: column;
gap: 20px;
text-transform: uppercase;
font: 500 12px/1.2 'Montserrat', sans-serif;
}
.product-page .main-area .opis .instructions .instr-item {
display: flex;
gap: 10px;
align-items: center;
}
.product-page .main-area .opis .instructions .instr-item:hover a{
color: #BB9255;
}
.product-page .main-area .opis .instructions .instr-item::before {
content: '';
display: flex;
width: 25px;
min-width: 25px;
height: 24px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3gMfCDQxT91IkwAAA6lJREFUSMflVUtoXVUUXXuf8+6975Nnqy2E+iElGCtqNVJrJdFYi1QxTgyKk1IEpejAglQHUoviQKEgTkQUh9FJtLYQbWtF2wi2VURRpKYlLcE2TWN86cvn3Xffu2dvB6/5SRJvmsy8w305e5291tlr0aX2+7GIj0ACYbBC5/itUALNrHDixgZwDCYlYrDSfPj/qiQFUBKCcYgdkaoKJOHBpABQVWPYD4xAockP2uQA+V2vAzL+0XtcGFQBaPkANCr7bVuC1jYA0TcHK8PDYJlT5KukSKuxbWiUwt9x32m79halpN0XoYERVcNkrVZDECXun4wisrY60J++ZqXm8jJwXhQGpMmmSDQB+X504iQARGVXLJraSi0nRUQSh+UvPneXC1IcVaguMwAAEjc6ZtfcaFet1is76wCAmFSXAYCc8e5Yr0Bmx07j+RAhGIBZRIlBtOQJUim77rbwy/22vj7zzAsSTogSQYUUWIiwhIsWpVs2qXNR9z7561Ju+46474/SgS5ksmCu9aern4BIyyW75VE3OBCPFMY+eNf1n81te85rWidOCASd1GPxAAoAKpTyMve2Sn+fDF00K1cP73qe2GSe3GZW5MX3KBsYP7tYiq74JYEkLHktD8La6McTEoaswrm60lfdmSeepiCLwOdcnY6PlT77pPrrLyBR8MwtsfMnFykUqqjGwYb7AIQHDwStD6W3ttumW82a68lYv+WB6KeT5UP7cztf9c6dqfz289S1pnSfX2QVJpXY8dpGe8+m6vn+a9/vTDXerOIqPUeLe99wF/5c8dpb3t0bvfXNUhyJjveQU7UgkMp0ctLcmawgVbEmVX9DuuOpoG0rXFzpPRUdPVz+9rBeHkUuDSIiDjY/krqpITx2JD59CkEaClIHsjoZebMAaq9NnRCpd9eGTHtH6vZmqqsrf31oYl+nXBhw40UTpMUYUiWQqmhYUheTnyHfg0LhGKxziUyAIxjVmHP53PZn0491xOd6XRSiWBjv/FCGBsGGM1kFat6gUBBRJkuTkQeAZneffqYMCDMASvn5F18JHn587O09pU+7zHWrSl0fy/AQjF3AD/7bi0TVCCOues0b/dbNo++8WZ0Yy7+8u/LdsfKR7kU4ynx7oERKjphQHJHRYt1Lu9mYyg/Hi3v3MMExLWyZC/lATWSa2g1xtqEpdWezDl2Mvu9RYjAnjq8FJpjmzMRne6tnfidm2BTV4lexVIpm1yzZmcBLaL8U9f43AP8AJaatpEjhxpgAAAAASUVORK5CYII=") no-repeat center;
background-size: cover;
}
@media (max-width: 1220px) {
.product-page {
flex-direction: column;
align-items: center;
}
.product-page .imgs-price-area {
max-width: 900px;
}
}
@media (max-width: 555px) {
.product-page .imgs-price-area .img-price-wrapper .price-area {
justify-content: center;
}
.product-page .main-area .price-area {
justify-content: center;
}
.product-page .imgs-price-area .img-price-wrapper .slider-area .arrows-area {
bottom: 10px;
}
}
.simvols{
display: flex;
padding: 40px 15px;
background-color: #000;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
.simvols .simvol{
display: flex;
width: 100px;
height: 100px;
}
.simvols .simvol img{
width: 100%;
height: 100%;
object-fit: contain;
}
.blog_2{
display: flex;
flex-direction: column;
gap: 45px;
}
.blog_2 .title-area {
display: flex;
justify-content: space-between;
width: 100%;
padding: 20px 0 0;
margin-left: auto;
position: relative;
font-size: 42px;
text-transform: uppercase;
color: #414243;
gap: 20px;
}
.blog_2 .title-area .title-section {
color: #414243;
font-weight: 900;
letter-spacing: 4px;
line-height: 90%;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.blog_2 .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog_2 .title-area .button-go {
display: flex;
justify-content: center;
align-items: center;
width: 196px;
min-width: 196px;
height: 40px;
background-color: #BB9255;
color: #FFFFFF;
font-size: 10px;
font-weight: 800;
}
.blog_2 .title-area .button-go:hover {
background-color: #000000;
}
.blog_2 .items-area {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.blog_2 .articles_area {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.blog_2 .articles_area .item {
display: flex;
flex-direction: column;
gap: 12px;
width: calc(33% - 11px);
}
.blog_2 .articles_area .item .img_area {
width: 100%;
height: 269px;
}
.blog_2 .articles_area .item .img_area img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog_2 .articles_area .item .title_item {
font: 800 20px/1.4 'Montserrat', sans-serif;
color: #000000;
}
.blog_2 .articles_area .item .text_item {
font: 300 14px/1.4 'Montserrat', sans-serif;
color: #000000;
}
.blog_2 .articles_area .item .button_url {
font: 600 16px/1.4 'Montserrat', sans-serif;
color: #BB9255;
text-decoration: underline;
}
.blog_2 .articles_area .item .button_url:hover {
color: #000000;
}
@media (max-width: 950px) {
.blog_2 .articles_area .item {
width: calc(50% - 10px);
}
}
@media (max-width: 767px) {
.blog_2 .title-area {
flex-direction: column;
align-items: center;
}
.blog_2 .title-area .title-section {
line-height: 120%;
font-size: 30px;
text-align: center;
}
}
@media (max-width: 555px) {
.blog_2 .articles_area .item {
width: 100%;
}
}
@media (max-width: 490px) {
.blog_2 .articles_area .item {
align-items: center;
}
.blog_2 .articles_area .item .title_item {
font-size: 18px;
text-align: center;
}
.blog_2 .articles_area .item .text_item {
text-align: center;
}
}
.basket_add_info{
position: fixed;
z-index: 22;
top: 0;
left: -200%;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.63);
display: flex;
justify-content: center;
align-items: center;
overflow: scroll;
}
.basket_add_info.active {
left: 0;
}
.basket_add_info .wrapper_basket{
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background-color: #fff;
width: 100%;
max-width: 900px;
padding: 50px 35px;
gap: 40px;
}
.basket_add_info .wrapper_basket .top-area{
display: flex;
width: 100%;
gap: 35px;
}
.basket_add_info .wrapper_basket .top-area .img-price-area{
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
max-width: 285px;
gap: 15px;
}
.basket_add_info .wrapper_basket .top-area .img-price-area .img-area{
width: 100%;
height: 233px;
}
.basket_add_info .wrapper_basket .top-area .img-price-area .img-area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.basket_add_info .wrapper_basket .top-area .img-price-area .price{
font: 900 20px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.basket_add_info .wrapper_basket .top-area .main-area{
display: flex;
flex-direction: column;
gap: 32px;
}
.basket_add_info .wrapper_basket .top-area .main-area .title-product{
font: 900 16px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details{
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail{
display: flex;
flex-direction: column;
width: 40%;
font: 500 10px/1.2 'Montserrat', sans-serif;
text-align: center;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail .detail-text{
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #000000;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail .detail-color{
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #000000;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail .detail-color .color{
width: 13px;
height: 13px;
border: 1px solid #BB9255;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail .detail-name {
padding-top: 3px;
font: 700 10px/1.2 'Montserrat', sans-serif;
text-align: start;
color: #BB9255;
}
.basket_add_info .wrapper_basket .bottom-area{
display: flex;
gap: 42px;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: center;
}
.basket_add_info .wrapper_basket .bottom-area .back_to_shop{
font-size: 12px;
font-weight: 800;
color: #ffffff;
background-color: #BB9255;
padding: 17px;
width: 100%;
max-width: max-content;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.basket_add_info .wrapper_basket .bottom-area .back_to_shop::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
}
.basket_add_info .wrapper_basket .bottom-area .to_basket {
font-size: 12px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 17px 14px;
width: 100%;
max-width: 296px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.basket_add_info .wrapper_basket .bottom-area .to_basket::before {
content: '';
display: flex;
width: 20px;
height: 19px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media (max-width: 730px) {
.basket_add_info .wrapper_basket .top-area {
flex-direction: column;
align-items: center;
text-align: center;
}
.basket_add_info .wrapper_basket .bottom-area {
gap: 20px;
}
.basket_add_info .wrapper_basket .top-area .main-area .title-product {
font: 900 14px/1.2 'Montserrat', sans-serif;
}
.basket_add_info .wrapper_basket .top-area .main-area .area-details .detail {
width: 100%;
}
.basket_add_info .wrapper_basket{
top: 20px;
position: absolute;
left: 15px;
width: calc(100% - 30px);
}
}
@media (max-width: 425px) {
.basket_add_info .wrapper_basket {
padding: 50px 15px;
}
}
.cart_area{
display: flex;
gap: 25px;
justify-content: space-between;
}
.cart_area .basket_info_incart{
display: none;
align-items: center;
flex-direction: column;
width: 100%;
max-width: 616px;
gap: 15px;
}
.cart_area .basket_info_incart.active{
display: flex;
}
.cart_area .basket_info_incart .basket_item{
display: flex;
gap: 35px;
width: 100%;
}
.cart_area .basket_info_incart .img-price-area {
display: flex;
align-items: center;
flex-direction: column;
width: 100%;
max-width: 235px;
gap: 10px;
}
.cart_area .basket_info_incart .img-price-area .img-area {
width: 100%;
height: 189px;
}
.cart_area .basket_info_incart .img-price-area .img-area img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cart_area .basket_info_incart .img-price-area .price {
font: 700 15px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.cart_area .basket_info_incart .main-area {
display: flex;
flex-direction: column;
gap: 20px;
}
.cart_area .basket_info_incart .main-area .title-product {
font: 600 10px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
display: flex;
justify-content: space-between;
gap: 10px;
}
.cart_area .basket_info_incart .main-area .title-product .del_icon {
width: 17px;
min-width: 17px;
height: 17px;
display: inline-block;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
cursor: pointer;
}
.cart_area .basket_info_incart .main-area .area-details {
display: flex;
align-items: flex-end;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px 24px;
}
.cart_area .basket_info_incart .main-area .area-details .detail {
display: flex;
flex-direction: column;
width: 100%;
max-width: 140px;
font: 500 8px/1.2 'Montserrat', sans-serif;
text-align: center;
}
.cart_area .basket_info_incart .main-area .area-details .detail .detail-text {
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #000000;
}
.cart_area .basket_info_incart .main-area .area-details .detail .detail-color {
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #000000;
}
.cart_area .basket_info_incart .main-area .area-details .detail .detail-color .color {
width: 13px;
height: 13px;
border: 1px solid #BB9255;
}
.cart_area .basket_info_incart .main-area .area-details .detail .detail-name {
padding-top: 3px;
font: 700 8px/1.2 'Montserrat', sans-serif;
text-align: start;
color: #BB9255;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 156px;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area {
display: flex;
gap: 8px;
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
border-bottom: 1px solid #000000;
width: 100%;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area input {
border: none;
text-align: center;
font: 500 10px/1.2 'Montserrat', sans-serif;
color: #000000;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .minus,
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .pluse {
cursor: pointer;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus label {
padding-top: 3px;
font: 700 8px/1.2 'Montserrat', sans-serif;
text-align: start;
color: #BB9255;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .minus::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
.cart_area .basket_info_incart .main-area .area-details .input-add-minus .input-item-area .pluse::before {
content: '';
display: inline-block;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,') no-repeat center;
background-size: contain;
}
.cart_area input[type=number]::-webkit-inner-spin-button,
.cart_area input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.cart_area input[type=number] {
-moz-appearance: textfield;
}
.cart_area .basket_info_total_area{
display: flex;
width: 100%;
max-width: 481px;
flex-direction: column;
gap: 20px;
}
.cart_area .basket_info_total_area .item_info{
display: flex;
flex-direction: column;
background-color: #ECE9E5;
justify-content: center;
align-items: center;
padding: 25px;
gap: 20px;
}
.cart_area .basket_info_total_area .item_info .title_item{
font: 600 14px/1.2 'Montserrat', sans-serif;
}
.cart_area .basket_info_total_area .item_info .info_item{
display: flex;
flex-direction: column;
width: 100%;
max-width: 270px;
}
.cart_area .basket_info_total_area .item_info .info_item .text_info{
font: 500 10px/1.2 'Montserrat', sans-serif;
text-align: center;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
}
.cart_area .basket_info_total_area .item_info .info_item span{
font: 700 10px/1.2 'Montserrat', sans-serif;
}
.cart_area .basket_info_total_area .item_info .info_item label{
font: 700 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
padding-top: 3px;
text-align: center;
}
.cart_area .basket_info_total_area .item_info .info_total_text{
font: 700 16px/1.2 'Montserrat', sans-serif;
}
.cart_area .basket_info_total_area .item_info .info_total_text span{
font: 900 14px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.cart_area .basket_info_total_area .item_info.bottm_info .button {
width: 100%;
max-width: 198px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
background-color: #000000;
color: #ffffff;
font: 800 10px/1.2 'Montserrat', sans-serif;
}
@media (max-width: 1000px) {
.cart_area .basket_info_incart {
gap: 30px;
}
.cart_area .basket_info_incart .basket_item {
flex-direction: column;
align-items: center;
}
.cart_area .basket_info_incart .main-area .title-product {
align-items: center;
text-align: center;
}
.cart_area .basket_info_incart .main-area .area-details {
justify-content: center;
}
}
@media (max-width: 700px) {
.cart_area {
flex-direction: column-reverse;
align-items: center;
}
}
.buttons_area_pp {
display: flex;
gap: 42px;
flex-wrap: wrap;
width: 100%;
justify-content: center;
align-items: center;
}
.buttons_area_pp .back_to_shop {
font-size: 12px;
font-weight: 800;
color: #ffffff;
background-color: #BB9255;
padding: 17px;
width: 100%;
width: 100%;
max-width: 296px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.buttons_area_pp .back_to_shop::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
}
.buttons_area_pp .to_basket {
font-size: 12px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 17px 14px;
width: 100%;
max-width: 296px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.buttons_area_pp .to_basket::before {
content: '';
display: flex;
width: 20px;
height: 19px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
@media (max-width: 670px) {
.buttons_area_pp {
gap: 20px;
}
}
@media (max-width: 650px) {
.buttons_area_pp .back_to_shop {
max-width: unset;
}
.buttons_area_pp .to_basket {
max-width: unset;
}
}
.indicator_area{
display: flex;
background-color: #000000;
color: #ffffff;
justify-content: center;
align-items: center;
padding: 12px 0;
}
.indicator_area .item-indicator{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 33.3%;
}
.indicator_area .item-indicator.active{
color: #BB9255;
}
.indicator_area .item-indicator .number{
font: 900 24px/1.2 'Montserrat', sans-serif;
width: 100%;
padding-bottom: 6px;
text-align: center;
border-bottom: 3px solid #ffffff;
}
.indicator_area .item-indicator.active .number{
border-bottom: 3px solid #BB9255;
}
.indicator_area .item-indicator .name{
font: 900 12px/1.2 'Montserrat', sans-serif;
width: 100%;
padding-top: 6px;
text-align: center;
text-transform: uppercase;
}
@media (max-width: 600px) {
.indicator_area {
flex-direction: column;
gap: 30px;
padding: 30px 0;
}
.indicator_area .item-indicator {
width: 95%;
}
}
.cart_area .delivery_address_area{
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 620px;
}
.cart_area .delivery_address_area.active{
display: flex;
}
.cart_area .delivery_address_area .delivery{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.cart_area .delivery_address_area .delivery .title_delivery{
font: 600 14px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.cart_area .delivery_address_area .delivery .items{
display: flex;
flex-direction: column;
gap: 15px;
}
.cart_area .delivery_address_area .delivery .items .item{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
max-width: 300px;
cursor: pointer;
}
.cart_area .delivery_address_area .delivery .items .item .item-title{
font: 800 10px/1.2 'Montserrat', sans-serif;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
width: 100%;
opacity: 0.5;
}
.cart_area .delivery_address_area .delivery .items .item input{
display: none;
}
.cart_area .delivery_address_area .delivery .items .item .item-text{
font: 400 9px/1.2 'Montserrat', sans-serif;
padding: 3px 10px;
opacity: 0.5;
}
.cart_area .delivery_address_area .delivery .items .item input:checked ~ .item-title{
opacity: 1;
}
.cart_area .delivery_address_area .delivery .items .item input:checked ~ .item-text{
opacity: 1;
}
.cart_area .delivery_address_area .address{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
width: 100%;
max-width: 300px;
}
.cart_area .delivery_address_area .address .title_delivery{
font: 600 14px/1.2 'Montserrat', sans-serif;
}
.cart_area .delivery_address_area .address .items{
display: flex;
flex-direction: column;
gap: 15px;
width: 100%;
}
.cart_area .delivery_address_area .address .items .item{
display: flex;
flex-direction: column;
}
.cart_area .delivery_address_area .address .item input{
border: none;
border-bottom: 1px solid #000000;
text-align: center;
padding-bottom: 10px;
font: 500 10px/1.2 'Montserrat', sans-serif;
outline: unset;
}
.cart_area .delivery_address_area .address .item .name{
font: 500 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: lowercase;
text-align: center;
padding-top: 3px;
}
.cart_area .pay_method_area {
display: none;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 40px;
width: 100%;
max-width: 620px;
}
.cart_area .pay_method_area.active {
display: flex;
}
.cart_area .pay_method_area .pay_block {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
.cart_area .pay_method_area .pay_block .title_delivery {
font: 600 14px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.cart_area .pay_method_area .pay_block .items {
display: flex;
flex-direction: column;
gap: 15px;
}
.cart_area .pay_method_area .pay_block .items .item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
width: 100%;
max-width: 300px;
cursor: pointer;
}
.cart_area .pay_method_area .pay_block .items .item .item-title {
font: 800 10px/1.2 'Montserrat', sans-serif;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
width: 100%;
opacity: 0.5;
}
.cart_area .pay_method_area .pay_block .items .item input {
display: none;
}
.cart_area .pay_method_area .pay_block .items .item .item-text {
font: 400 9px/1.2 'Montserrat', sans-serif;
padding: 3px 10px;
opacity: 0.5;
}
.cart_area .pay_method_area .pay_block.type_pay_1 .items .item .item-text {
color: #BB9255;
}
.cart_area .pay_method_area .pay_block .items .item input:checked~.item-title {
opacity: 1;
}
.cart_area .pay_method_area .pay_block .items .item input:checked~.item-text {
opacity: 1;
}
.thanks_area{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 120px 0;
gap: 35px;
text-align: center;
}
.thanks_area .title_page{
font: 600 52px/1.2 'Montserrat', sans-serif;
}
.thanks_area .number_order{
font: 500 24px/1.2 'Montserrat', sans-serif;
}
.thanks_area .button{
font: 600 24px/1.2 'Montserrat', sans-serif;
text-decoration: underline;
}
@media (max-width: 700px) {
.thanks_area .title_page{
font: 600 30px/1.2 'Montserrat', sans-serif;
}
.thanks_area .number_order{
font: 500 20px/1.2 'Montserrat', sans-serif;
}
.thanks_area .button{
font: 600 20px/1.2 'Montserrat', sans-serif;
}
}
.about_us{
display: flex;
gap: 30px;
}
.about_us .img_rea{
width: 100%;
max-width: 576px;
height: 679px;
flex-shrink: 0;
}
.about_us .img_rea img{
width: 100%;
height: 100%;
object-fit: cover;
}
.about_us .text_main_area{
display: flex;
flex-direction: column;
padding: 32px;
background-color: #ECE9E5;
gap: 20px;
}
.about_us .text_main_area .title_text{
font: 700 24px/1.2 'Montserrat', sans-serif;
}
.about_us .text_main_area .text_1{
font: 500 12px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.about_us .text_main_area .text_2{
font: 300 12px/1.2 'Montserrat', sans-serif;
}
.about_us .text_main_area .items_area{
display: flex;
gap: 80px;
}
.about_us .text_main_area .items_area .item{
display: flex;
flex-direction: column;
gap: 8px;
}
.about_us .text_main_area .items_area .item .item_title{
font: 700 12px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.about_us .text_main_area .items_area .item .item_main{
font: 600 20px/1.2 'Montserrat', sans-serif;
}
@media (max-width: 1200px) {
.about_us {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 600px) {
.about_us {
padding: 0;
}
.about_us .text_main_area {
text-align: center;
gap: 12px;
}
.about_us .text_main_area .items_area {
flex-direction: column;
gap: 20px;
text-align: center;
}
.about_us .text_main_area .title_text {
text-align: center;
}
.about_us .img_rea {
display: none;
}
}
@media (max-width: 600px) {
.about_us .text_main_area {
padding: 32px 15px;
}
}
.contact{
display: flex;
flex-direction: column;
}
.contact .contact_items{
display: flex;
gap: 20px;
flex-wrap: wrap;
justify-content: center;
}
.contact .contact_items .item{
display: flex;
flex-direction: column;
width: calc(33.33% - 15px);
gap: 25px;
}
.contact .contact_items .item .img_text_area{
width: 100%;
height: 260px;
position: relative;
}
.contact .contact_items .item .img_text_area .img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.contact .contact_items .item .img_text_area .img::after{
content: '';
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1;
}
.contact .contact_items .item .img_text_area .img img{
width: 100%;
height: 100%;
object-fit: cover;
}
.contact .contact_items .item .img_text_area .title_item{
font: 900 40px/1.2 'Montserrat', sans-serif;
color: #ffffff;
position: relative;
z-index: 2;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
padding: 28px;
}
.contact .contact_items .item .text_area{
display: flex;
flex-direction: column;
gap: 25px;
}
.contact .contact_items .item .text_area .text_item{
font: 300 14px/1.4 'Montserrat', sans-serif;
}
.contact .contact_items .item .text_area .sub_item_contacts{
display: flex;
flex-direction: column;
gap: 15px;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item{
display: flex;
align-items: center;
gap: 10px;
font: 300 20px/1.4 'Montserrat', sans-serif;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item .icon{
display: flex;
width: 22px;
min-width: 22px;
height: 22px;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item .icon.tel{
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-repeat: no-repeat;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item .icon.email {
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
background-repeat: no-repeat;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item .icon.calendar {
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
background-repeat: no-repeat;
}
.contact .contact_items .item .text_area .sub_item_contacts .sub_item .icon.geo {
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
background-repeat: no-repeat;
}
@media (max-width: 930px) {
.contact .contact_items .item {
width: 426px;
}
}
@media (max-width: 600px) {
.contact .contact_items .item {
width: 100%;
}
}
.feedbackform2 {
display: flex;
}
.feedbackform2 .wrapper-form {
display: flex;
overflow: hidden;
justify-content: space-between;
width: 100%;
gap: 32px;
padding: 60px;
background: #ECE9E5;
}
.feedbackform2 .wrapper-form .text-area {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
width: 100%;
max-width: 500px;
}
.feedbackform2 .wrapper-form .text-area .title {
font-size: 48px;
font-weight: 600;
line-height: 120%;
}
.feedbackform2 .wrapper-form .text-area .text {
font-size: 24px;
font-weight: 300;
line-height: 140%;
}
.feedbackform2 .wrapper-form .form-area {
display: flex;
flex-direction: column;
width: 100%;
max-width: 592px;
gap: 16px;
}
.feedbackform2 .form-area .text {
width: 100%;
padding: 14px 20px;
border: 1px solid #DFDFDF;
background: #FFF;
color: #18271D;
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.feedbackform2 .form-area .text:focus {
border: 1px solid #DFDFDF;
outline: unset;
}
.feedbackform2 .form-area .text::placeholder {
color: #D9D9D9;
opacity: 1;
}
.feedbackform2 .form-area .text:-ms-input-placeholder {
color: #999;
}
.feedbackform2 .form-area .text::-ms-input-placeholder {
color: #999;
}
.feedbackform2 .form-area .textarea {
width: 100%;
padding: 14px 20px;
border: 1px solid #DFDFDF;
background: #FFF;
color: #18271D;
font-size: 16px;
font-weight: 400;
line-height: 140%;
}
.feedbackform2 .form-area .textarea:focus {
border: 1px solid #DFDFDF;
outline: unset;
}
.feedbackform2 .form-area .textarea::placeholder {
color: #D9D9D9;
opacity: 1;
}
.feedbackform2 .form-area .textarea:-ms-input-placeholder {
color: #999;
}
.feedbackform2 .form-area .textarea::-ms-input-placeholder {
color: #999;
}
.feedbackform2 .form-area .button {
display: flex;
height: 50px;
padding: 16px 28px;
justify-content: center;
align-items: center;
gap: 10px;
background: #BB9255;
border: none;
max-width: max-content;
color: #FFF;
font-size: 16px;
font-weight: 600;
line-height: 110%;
cursor: pointer;
margin-top: 16px;
transition: background 0.7s;
}
.feedbackform2 .form-area .button:hover {
background: #ffffff;
color: #000000;
}
@media (max-width: 950px) {
.feedbackform2 .wrapper-form {
padding: 60px 24px;
flex-direction: column;
align-items: center;
justify-content: center;
}
.feedbackform2 .wrapper-form .text-area .title {
font-size: 32px;
}
.feedbackform2 .wrapper-form .text-area .text {
font-size: 14px;
}
.feedbackform2 .form-area .button {
margin-top: 8px;
width: 100%;
max-width: unset;
}
}
@media (max-width: 555px) {
.feedbackform2.page-wrapper {
padding: 0;
}
}
.text_page_only {
display: flex;
flex-direction: column;
}
.text_page_only .text_main_area {
display: flex;
flex-direction: column;
padding: 60px;
background-color: #ECE9E5;
gap: 50px;
}
.text_page_only .text_main_area .text_area{
display: flex;
flex-direction: column;
gap: 10px;
}
.text_page_only .text_main_area .title_text {
font: 700 24px/1.2 'Montserrat', sans-serif;
margin-bottom: 10px;
}
.text_page_only .text_main_area .text_1 {
font: 500 18px/1.2 'Montserrat', sans-serif;
text-transform: uppercase;
}
.text_page_only .text_main_area .text_2 {
font: 300 20px/1.2 'Montserrat', sans-serif;
}
.text_page_only .text_main_area .items_area {
display: flex;
gap: 80px;
}
.text_page_only .text_main_area .items_area .item {
display: flex;
flex-direction: column;
gap: 8px;
}
.text_page_only .text_main_area .items_area .item .item_title {
font: 700 12px/1.2 'Montserrat', sans-serif;
color: #BB9255;
}
.text_page_only .text_main_area .items_area .item .item_main {
font: 600 20px/1.2 'Montserrat', sans-serif;
}
.text_page_only .img_area {
width: 100%;
height: 530px;
}
.text_page_only .img_area img{
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 1200px) {
.text_page_only {
flex-direction: column;
align-items: center;
}
}
@media (max-width: 767px) {
.text_page_only .text_main_area {
display: flex;
flex-direction: column;
padding: 50px 16px;
background-color: #ECE9E5;
gap: 50px;
}
}
@media (max-width: 600px) {
.text_page_only {
padding: 0;
}
.text_page_only .text_main_area {
text-align: center;
}
.text_page_only .text_main_area .items_area {
flex-direction: column;
gap: 20px;
text-align: center;
}
.text_page_only .text_main_area .title_text {
text-align: center;
}
.text_page_only .img_area {
height: 311px;
}
}
.blog .pagination {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
color: #B3B3B3;
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 110%;
}
.blog .pagination .page {
cursor: pointer;
}
.blog .pagination .page.active,
.blog .pagination .page:hover {
color: #BB9255;
font-weight: 600;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}
.blog .pagination .arrow {
cursor: pointer;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M6.75101 4.49998L8.90675 6.66185L11.0625 8.82372L6.75101 13.1475' stroke='%23BB9255' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: inline-block;
}
.blog .pagination .arrow.left {
transform: rotate(180deg);
}
.blog .pagination .arrow:hover,
.blog .pagination .arrow.no-page {
opacity: 0.3;
}
.faq {
display: flex;
flex-direction: column;
width: 100%;
gap: 45px;
}
.faq .title-area {
display: flex;
justify-content: flex-end;
padding: 20px 0 0 59px;
margin-left: auto;
position: relative;
font-size: 38px;
text-transform: uppercase;
color: #414243;
gap: 20px;
}
.faq .title-area .title-section {
color: #414243;
font-weight: 900;
letter-spacing: 4px;
line-height: 90%;
position: relative;
text-shadow:
6px 0 #F1F0EF,
-6px 0 #F1F0EF,
0 6px #F1F0EF,
0 -6px #F1F0EF,
6px 6px #F1F0EF,
-6px -6px #F1F0EF,
-6px 6px #F1F0EF,
6px -6px #F1F0EF,
0px 8px 8px rgba(0, 0, 0, 0.25);
}
.faq .title-area::after {
content: '';
width: 100%;
height: 3px;
position: absolute;
background-color: #BB9255;
top: 0;
left: 0;
box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.faq .items {
display: flex;
width: 100%;
flex-direction: column;
gap: 40px;
}
.faq .items .item {
display: flex;
width: 100%;
flex-direction: column;
padding-bottom: 48px;
border-bottom: 2px solid #BB9255;
gap: 32px;
}
.faq .items .item .top-area {
display: flex;
justify-content: space-between;
align-items: center;
color: #222422;
font-size: 36px;
font-weight: 600;
line-height: 120%;
gap: 110px;
cursor: pointer;
}
.faq .items .item .top-area .icon {
display: flex;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
flex-shrink: 0;
border-radius: 50px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M30 55C43.75 55 55 43.75 55 30C55 16.25 43.75 5 30 5C16.25 5 5 16.25 5 30C5 43.75 16.25 55 30 55Z' fill='%23BB9255'/%3E%3Cpath d='M20 30H40' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M30 40V20' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 100% auto;
}
.faq .items .item.active .top-area .icon {
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Cpath d='M30 55C43.75 55 55 43.75 55 30C55 16.25 43.75 5 30 5C16.25 5 5 16.25 5 30C5 43.75 16.25 55 30 55Z' fill='%23222422'/%3E%3Cpath d='M20 30H40' stroke='%23F0F0F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.faq .items .item .text {
color: #222422;
font-size: 20px;
font-weight: 400;
line-height: 140%;
display: none;
flex-direction: column;
transition: all 0.3s ease;
}
.faq .items .item.active .text {
display: flex;
}
@media (max-width: 1000px) {
.faq .items {
gap: 32px;
}
.faq .items .item {
padding-bottom: 32px;
border-bottom: 1px solid #F0F0F0;
gap: 24px;
}
.faq .items .item .top-area {
font-size: 20px;
gap: 15px;
}
.faq .items .item .top-area .icon {
width: 32px;
height: 32px;
}
.faq .items .item .text {
font-size: 14px;
}
}
.article{
display: flex;
flex-direction: column;
gap: 50px;
background-color: #FAFAFA;
width: 100%;
max-width: 1352px;
margin: auto;
padding: 50px 0;
}
.article .title_area{
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 46px;
}
.article .title_area .title_article{
display: flex;
text-align: center;
justify-content: center;
align-items: center;
font: 700 40px/1.2 'Montserrat', sans-serif;
color: #333;
}
.article .title_area .date_author{
display: flex;
gap: 10px;
font: 600 20px/1.2 'Montserrat', sans-serif;
color: #BB9255;
flex-wrap: wrap;
}
.article .img_area{
width: 100%;
height: 520px;
position: relative;
}
.article .img_area .img {
width: 100%;
height: 100%;
}
.article .img_area img{
width: 100%;
height: 100%;
object-fit: cover;
}
.article .cat_area {
position: absolute;
top: 20px;
left: 20px;
display: flex;
gap: 10px;
z-index: 2;
flex-wrap: wrap;
}
.article .cat_area .cat{
display: flex;
background-color: #FFFFFF;
padding: 12px;
border-radius: 100px;
font: 500 16px/1.2 'Montserrat', sans-serif;
color: #222422;
}
.article .text_area{
display: flex;
flex-direction: column;
gap: 20px;
padding: 0 45px;
}
.article .text_area h2,
.article .text_area h3{
font: 700 32px/1.2 'Montserrat', sans-serif;
color: #000000;
}
.article .text_area p{
font: 400 20px/1.2 'Montserrat', sans-serif;
color: #000000;
}
.article .text_area img{
width: 100%;
max-width: 904px;
height: 610px;
object-fit: cover;
margin: auto;
}
.article .text_area ul{
display: flex;
flex-direction: column;
gap: 20px;
}
.article .text_area ul li{
display: flex;
align-items: center;
font: 400 16px/1.2 'Montserrat', sans-serif;
color: #222422;
}
.article .text_area ul li::before{
content: '';
display: flex;
width: 2px;
height: 2px;
margin: 0 5px;
background-color: #222422;
}
@media (max-width: 600px) {
.article .text_area h2,
.article .text_area h3 {
font: 700 28px/1.2 'Montserrat', sans-serif;
}
.article .text_area {
padding: 0 16px;
text-align: center;
align-items: center;
}
.article .text_area ul {
text-align: center;
justify-content: center;
align-items: center;
max-width: max-content;
}
.article .text_area ul li{
text-align: center;
justify-content: center;
max-width: max-content;
}
.article .text_area ul li::before{
display: none;
}
.faq .title-area {
font-size: 20px;
justify-content: center;
align-items: center;
text-align: center;
padding: 20px 0;
}
.faq .title-area .title-section{
line-height: 1.3;
}
.article .title_area .title_article {
font: 700 29px/1.2 'Montserrat', sans-serif;
}
.article .title_area {
padding: 0 16px;
}
}
.filter_section{
display: flex;
gap: 48px;
width: 100%;
position: relative;
}
.filter_section .filter_area{
display: flex;
flex-direction: column;
width: 258px;
gap: 25px;
}
.filter_section .filter_area .title_filter{
display: flex;
gap: 10px;
font: 600 40px/1.2 'Montserrat', sans-serif;
justify-content: space-between;
}
.filter_section .filter_area .title_filter .icon {
width: 32px;
height: 32px;
display: none;
justify-content: center;
align-items: center;
background-color: #BB9255;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
.filter_section .mob_ver_button_filter{
display: none;
gap: 10px;
font: 600 40px/1.2 'Montserrat', sans-serif;
justify-content: space-between;
}
.filter_section .mob_ver_button_filter .icon {
width: 48px;
height: 48px;
display: flex;
justify-content: center;
align-items: center;
background-color: #ECE9E5;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 24px 24px;
}
.filter_section .filter_area .body_filter{
display: flex;
flex-direction: column;
gap: 24px;
}
.filter_section .filter_area .body_filter .item_filter{
display: flex;
flex-direction: column;
gap: 24px;
}
.filter_section .filter_area .body_filter .item_filter .name_filter{
font: 600 24px/1.2 'Montserrat', sans-serif;
display: flex;
justify-content: space-between;
}
.filter_section .filter_area .body_filter .item_filter .name_filter .icon {
width: 24px;
min-width: 24px;
height: 24px;
background: url("data:image/svg+xml;utf8,") no-repeat center;
background-size: contain;
}
.filter_section .filter_area .body_filter .item_filter.active .name_filter .icon {
transform: rotate(180deg);
}
.filter_section .filter_area .body_filter .item_filter .filter_place {
display: none;
flex-direction: column;
}
.filter_section .filter_area .body_filter .item_filter.active .filter_place {
display: flex;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper {
display: flex;
flex-direction: column;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .real-select {
display: none;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select {
position: relative;
width: 240px;
cursor: pointer;
user-select: none;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select .selected-option {
padding: 10px;
border-bottom: 1px solid #000000;
text-align: center;
line-height: 1.3;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select .options-list {
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 10;
background-color: #fff;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select .option-item {
padding: 10px 5px;
border-bottom: 1px solid #000;
font-size: 9px;
text-align: center;
line-height: 1.4;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select .option-item:hover {
color: #BB9255;
border-bottom: 1px solid #BB9255;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .fake-select.open .options-list {
display: block;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .custom-select-wrapper .label_item {
font: 700 10px/1.2 'Montserrat', sans-serif;
color: #BB9255;
text-transform: lowercase;
width: 100%;
padding-top: 3px;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color_section {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 30px;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color_section .color-area {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color {
display: flex;
width: 20px;
height: 20px;
position: relative;
box-shadow: 0px 4px 4px 0px rgba(24, 39, 29, 0.25);
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color .sqw {
width: 100%;
height: 100%;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color input {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
z-index: 2;
cursor: pointer;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .color input:checked+.sqw {
border: 2px solid #BB9255;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .items_checked_area{
display: flex;
flex-direction: column;
gap: 16px;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .items_checked_area .item_area{
display: flex;
align-items: center;
gap: 12px;
font: 500 16px/1.2 'Montserrat', sans-serif;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .items_checked_area .item_area input[type="checkbox"] {
display: none;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .items_checked_area .item_area .fack-input {
width: 24px;
min-width: 24px;
height: 24px;
border: 1px solid #ccc;
background-color: #fff;
position: relative;
transition: border-color 0.2s, background-color 0.2s;
}
.filter_section .filter_area .body_filter .item_filter .filter_place .items_checked_area .item_area input[type="checkbox"]:checked+.fack-input::after {
content: "";
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
background-color: #BB9255;
border-radius: 2px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: 70%;
}
.filter_section .product_area{
display: flex;
flex-direction: column;
gap: 40px;
width: 959px;
}
.filter_section .product_area .panel_area{
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
width: 100%;
cursor: pointer;
}
.filter_section .product_area .panel_area .filters{
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.filter_section .product_area .panel_area .filters .filter{
border: 1px solid #BB9255;
padding: 9px 16px;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
font: 500 16px/1.2 'Montserrat', sans-serif;
cursor: pointer;
}
.filter_section .product_area .panel_area .filters .filter::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-left: 8px;
/* по желанию, отступ */
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.filter_section .product_area .panel_area .reset_all {
width: 129px;
min-width: 129px;
font: 500 14px/1.2 'Montserrat', sans-serif;
text-align: center;
padding: 9px 0;
border-bottom: 1px solid #BB9255;
cursor: pointer;
}
.filter_section .product_area .items_area {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.filter_section .product_area .items_area .item {
display: flex;
flex-direction: column;
width: 31%;
padding: 12px;
border: 1px solid transparent;
/* box-shadow: 0px 0px 15px 0px #BB9255; */
gap: 2%;
}
.filter_section .product_area .items_area .item:hover {
border: 1px solid #BBBBBB;
}
.filter_section .product_area .items_area .item .img-area {
position: relative;
width: 100%;
height: 227px;
}
.filter_section .product_area .items_area .item .img-area img {
width: 100%;
height: 100%;
object-fit: contain;
}
.filter_section .product_area .items_area .item .img-area .cat-area {
position: absolute;
top: 3px;
left: 3px;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.filter_section .product_area .items_area .item .img-area .cat-area .cat-item {
display: flex;
background-color: #BB9255;
color: #ffffff;
padding: 3px;
font-size: 6px;
}
.filter_section .product_area .items_area .item .logo-product-area {
width: 47px;
height: 47px;
}
.filter_section .product_area .items_area .item .logo-product-area img {
width: 100%;
height: 100%;
object-fit: contain;
}
.filter_section .product_area .items_area .item .item-title:hover {
color: #BB9255;
}
.filter_section .product_area .items_area .item .item-text {
font-size: 10px;
font-weight: 400;
}
.filter_section .product_area .items_area .item .price-area {
font-size: 20px;
font-weight: 900;
color: #BB9255;
}
.filter_section .product_area .items_area .item .button-add {
font-size: 10px;
font-weight: 800;
color: #ffffff;
background-color: #000000;
padding: 8px;
width: 100%;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
margin-top: auto;
}
.filter_section .product_area .items_area .item .button-add:hover {
background-color: #BB9255;
}
.filter_section .product_area .items_area .item .button-add::before {
content: '';
display: flex;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.filter_section .product_area .items_area .item .button-add:hover::before {
background-image: url("data:image/svg+xml;utf8,");
}
.filter_section .product_area .items_area .item .colors {
display: flex;
gap: 2px;
margin-top: auto;
}
.filter_section .product_area .items_area .item .colors .color {
width: 13px;
height: 13px;
border: 1px solid #BB9255;
}
.filter_section .product_area .items_area .item .colors .color.grey {
background-color: #8E91A1;
}
.filter_section .product_area .items_area .item .colors .color.red {
background-color: #7C342B;
}
.filter_section .product_area .items_area .item .colors .color.grey-blue {
background-color: #44516B;
}
.filter_section .product_area .items_area .item .colors .color.green {
background-color: #3C5E3E;
}
.filter_section .product_area .items_area .item .colors .color.dark-grey {
background-color: #414243;
}
.filter_section .product_area .items_area .item .colors .color.black {
background-color: #000000;
}
@media (max-width: 1000px) {
.filter_section .product_area .panel_area {
flex-direction: column-reverse;
gap: 35px;
}
.filter_section .product_area .panel_area .reset_all {
width: 100%;
max-width: max-content;
}
}
@media (max-width: 950px) {
.filter_section .mob_ver_button_filter{
display: flex;
padding-bottom: 20px;
border-bottom: 1px solid #000000;
}
.filter_section .filter_area {
position: absolute;
top: 0;
left: -200%;
width: 100%;
background-color: rgba(225, 255, 255, 0.9);
z-index: 10;
padding: 80px 24px;
}
.filter_section .filter_area.active {
left: 0;
}
.filter_section .filter_area .title_filter .icon {
display: flex;
}
}
@media (max-width: 670px) {
.filter_section .product_area .items_area .item {
width: calc(50% - 12.5px);
gap: 25px;
}
.filter_section .product_area .items_area .item .img-area img {
object-fit: cover;
}
}
@media (max-width: 490px) {
.filter_section .product_area .items_area .item {
width: 100%;
gap: 25px;
}
.filter_section .product_area .items_area .item .img-area img {
object-fit: contain;
}
}