.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } .clearfix:after { clear: both; } /**************/ header, section, footer, nav { display: block; } /**************/ .fll { float: left; } .flr { float: right; } .page { max-width: 1280px; min-width: 320px; margin: 0 auto; } .container { /* padding-left: 100px; padding-right: 100px;*/ /* margin-left: 100px; margin-right: 100px;*/ max-width: 1280px; margin: auto; } @media screen and (max-width: 1360px) { .container { /* padding-left: 60px; padding-right: 60px;*/ margin-left: 80px; margin-right: 80px; } } @media screen and (max-width: 1200px) { .container { /* padding-left: 40px; padding-right: 40px;*/ margin-left: 60px; margin-right: 60px; } } @media screen and (max-width: 920px) { .container { /* padding-left: 30px; padding-right: 30px;*/ margin-right: 40px; margin-left: 40px; } } @media screen and (max-width: 540px) { .container { /* padding-left: 15px; padding-right: 15px;*/ margin-left: 20px; margin-right: 20px; } } /********* header **********/ .page__header { position: relative; padding: 28px 0px 11px; border-bottom: 6px solid transparent; margin-bottom: 12px; z-index: 1000; } .page__header:after { content: ''; position: absolute; bottom: -6px; left: 0; right:0; height: 6px; background: #e6e6e6; max-width: 100%; width:100%; margin: 0 auto; } /*.page__header .container { margin: 0; }*/ .header__container{ display: flex; justify-content: space-between; align-items: center; } .header__left { text-align: center; /*float: left;*/ /*padding-right: 30px;*/ align-self: center; } .header__menu .catalog-menu { /*padding-top: 20px;*/ /*float: left;*/ } .header__menu .catalog-menu__icon { display: none; width: 40px; height: 40px; background: url('/i/new/burger-icon.svg') 50% 50% no-repeat; } @media screen and (max-width: 1400px) { .header__left { padding-right: 0; } .header__menu .catalog-menu { float: none; clear: both; text-align: center; text-align-last: center; /*margin-bottom: 20px;*/ } } @media screen and (max-width: 880px) { .header__menu .catalog-menu__icon { margin-top: 10px; display: block; position: absolute; top:25px; right: 0; } .header__menu .catalog-menu { } .header__menu .catalog-menu .menu { display: none; position: absolute; top: 80px; right: -10px; background: #fff; padding: 20px; width: 280px; } .is-open .catalog-menu__icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; } .is-open.catalog-menu .menu { display: block; } .header__menu .catalog-menu .menu__item { display: block; text-align: left; text-align-last: left; padding: 10px 0; border-bottom: 1px solid #bfc3cf; } } /* @media screen and (max-width: 720px) { .header__menu .catalog-menu__icon { margin-top: 10px; display: block; } .header__menu .catalog-menu { position: absolute; top: 0; right: 25px; } .header__menu .catalog-menu .menu { display: none; position: absolute; top: 80px; right: -10px; background: #fff; padding: 20px; width: 280px; } .is-open .catalog-menu__icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; } .is-open.catalog-menu .menu { display: block; } .header__menu .catalog-menu .menu__item { display: block; text-align: left; text-align-last: left; padding: 10px 0; border-bottom: 1px solid #bfc3cf; } }*/ @media screen and (max-width: 540px) { .header__menu .catalog-menu { position: absolute; top: 0; right: 10px; } } @media screen and (max-width: 480px) { .header__menu .catalog-menu__icon { right: -13px; } } .header__info { text-align: right; /*float: right;*/ max-width: 250px; } .header__info-icon { display: none; width: 40px; height: 40px; background: url('/i/new/phone-icon.svg') 50% 50% no-repeat; } .header__phone { font-size: 18px; font-weight: 700; } .header__place { font-size: 12px; line-height: 16px; } @media screen and (max-width: 1024px) { .header__info-icon { display: block; background-size: 25px; top:36px; right: 50px; } .header__info-block { display: none; position: absolute; top: 100px; right: 0px; background: #fff; padding: 20px; } .is-open .header__info-icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; background-size: 20px; } .is-open .header__info-block { display: block; } } @media screen and (max-width: 880px) { .header__info-icon { position: absolute; } } @media screen and (max-width: 720px) { .header__info-icon { display: block; } .header__info-block { display: none; position: absolute; top: 100px; right: 0px; background: #fff; padding: 20px; } .is-open .header__info-icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; background-size: 30px; } .is-open .header__info-block { display: block; } } @media screen and (max-width: 480px) { .header__info-icon { right: 40px; } } .header--inner { margin-bottom: 20px; } .header--inner .container_24 { padding-bottom: 20px; border-bottom: 2px solid #B4ACA5; } .slogan { width: 100%; text-transform: uppercase; text-align: center; color: #7c6d62; font-size: 10px; margin: 6px 0; border-top: 2px solid #b4aca5; border-bottom: 2px solid #b4aca5; letter-spacing: 5px; word-spacing: 10px; } .logo { display: block; text-decoration: none; width: 12vw; min-width: 145px; max-width: 193px; min-height: 50px; height: 6vh; max-height: 62px; background: url("/i/home/logo.png") no-repeat left top; background-size: contain; } @media screen and (max-width: 540px) { .logo { width: 160px; } } .vk { display: inline-block; vertical-align: middle; } .phone { min-height: 20px; font-size: 12px; display: inline-block; vertical-align: middle; color: #8f9293; padding-left: 30px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATNJREFUeNp0kj1LA0EQhm+PFBYSLPwH+QdWFnZaiUljFzQqamFABAshVnYpgikSSSWSoFaKX8HOTqs0qfMLlJDOwk88nxfmwrHGgYfZ3Zl3bm5nXRRFgW8r2bkT3Boo2IJSq/3wEsdDS6pBI6G7gUU4gFV4Jp4fitio0jZssT7WIVXvcGm4Ze3wZ3BOfElxV1iY9fubgDd4VxzaCHNWcB0m1V4vIbiHb5I+QbF5yCK4Zr9hOU19aZfFoR2kCb56lzKDe4QpmIaGqtWtHdmRf5MUecJ9QC7uKuTwC79sOQUql4K/Ng4V+8cLF89J1263KNunWDn4x1xyuAibcrY9hSoUrZNLxSj2E3r9a5A12yqxC5swBprR1fBFeMIdE/RHdJYaKTKhXkAG9qADA5uhnlbwK8AAh75rHc+WGYAAAAAASUVORK5CYII=') no-repeat 10px 2px; } .phone p, .phone strong { margin: 0; } .line { display: block; border: 0; margin: 4px 0 3px 10px; height: 2px; background: url("../../i/home/line.png") no-repeat left top; } .menu { text-align: justify; display: flex; justify-content: space-between; } .menu__item { display: inline-block; vertical-align: top; margin-right: 15px; } .menu__item:last-child{ margin-right: 0px; } .menu__link { display: block; text-decoration: none; text-transform: lowercase; font-size: 14px; color: #8f9293; } .menu__item:hover .menu__link, .menu__item.active .menu__link { text-decoration: underline; } @media screen and (max-width: 1400px) { .menu__item { /*margin-left: 15px;*/ margin-left: 0px; margin-right: 15px; } } .catalog-menu .menu__link { text-transform: uppercase; color: #000; font-size: 16px; font-family: 'PT Serif', serif; } .social__link { display: inline-block; vertical-align:top; border-radius: 3px; overflow: hidden; } .social__link img { display: block; max-width: 18px; max-height: 18px; width: auto; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,#greyscale"); } .social__link + .social__link { margin-left: 5px; } .search { /*float: right;*/ } .search.m--on-page { float: none; margin-bottom: 10px; } .search__icon { display: none; width: 40px; height: 40px; background: url('/i/new/search-icon.svg') 50% 50% no-repeat; } .search.m--on-page .search__form { width: 100%; max-width: 400px; } .search__form { margin-bottom: 0px; border: 2px solid #bfc3cf; width: 190px; height: 34px; } .search__input, .search__submit { display: block; background: #fff; height: 33px; font-size: 12px; border: none; float: left; } .search__input { text-align: left; width: 150px; padding: 11px 10px; color: #999; font-size: 14px; outline: none; box-sizing: border-box; } .search.m--on-page .search__input { width: calc(100% - 40px); } .search__submit { cursor: pointer; text-align: center; width: 40px; background: url('/i/new/search.svg') 50% 50% no-repeat; } @media screen and (max-width: 1680px) { .search__form { width: 190px; } .search__input { width: 150px; } } @media screen and (max-width: 1280px) { .search__form { width: 100%; margin-top: 0; } .search__input { width: 240px; } .search__icon { background-size: 20px; display: block; } .search__block { display: none; position: absolute; top: 105px; right: 0px; background: #fff; padding: 20px; } .is-open .search__icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; background-size: 20px; } .is-open .search__block { display: block; } } @media screen and (max-width: 880px) { .search__icon { background-size: 20px; display: block; position: absolute; top:35px; right: 100px; } } @media screen and (max-width: 720px){ .search__icon { width: 40px; height: 40px; /*margin-top: 10px;*/ display: block; background-size: 30px; } .is-open .search__icon { background: url('/i/new/close-icon.svg') 50% 50% no-repeat; background-size: 30px; } } @media screen and (max-width: 480px) { .search__icon { right: 84px; } } .place { margin-top: 5px; font-size: 12px; color: #8f9293; } /******* content **********/ .page__content { padding-bottom: 60px; } .slider { position: relative; overflow: hidden; } .slider__small { /* position: relative; float: left; */ width: 33%; position: absolute; top: 0; left: 0; bottom: 0; padding-top: 115px; } .slider__list { position: relative; /*height: 435px;*/ float: right; width: 66%; } /*@media screen and (max-width: 1300px) { .slider__small { width: 50%; } .slider__list { width: 50%; } }*/ @media screen and (max-width: 1200px) { .slider__small { padding-top: 70px; } } @media screen and (max-width: 1024px) { .slider__small { padding-top: 50px; } } @media screen and (max-width: 890px) { .slider__small { padding-top: 30px; } } @media screen and (max-width: 720px) { .slider__small { position: relative; top: auto; left: auto; bottom: auto; float: none; width: 100%; text-align: center; padding-top: 0; margin-top: 40px; } .slider__list { float: none; width: 100%; } } .slider__list .slick-list { z-index: 1; } .slider__list .slick-dots { position: absolute; text-align: center; top: 410px; width: 100%; z-index: 100; } .slider__list .slick-dots li { display: inline-block; margin: 0px 2px; border-radius: 10px; border: 1px solid #fff; overflow: hidden; width: 12px; height: 12px; line-height: 1; } .slider__list .slick-dots li button { text-indent: -9999px; width: 10px; height: 10px; border-radius: 10px; padding: 0; border:0; background: transparent; margin: 1px; cursor: pointer; outline: 0; box-sizing: border-box; } .slider__list .slick-dots li.slick-active button { background: #fff; } .slider__list .slick-prev, .slider__list .slick-next { position: absolute; display: block; bottom: 20px; right: 30px; width: 75px; height: 44px; background: rgba(255,255,255,0.87); border: none; padding: 0; font-size: 30px; cursor: pointer; z-index: 100; } .slider__list .slick-prev { right: 105px; border-radius: 15px 0 0 15px; } .slider__list .slick-next { border-radius: 0 15px 15px 0; } .slider__item { position: relative; background: #fff; height: 100%; } .slider__item a { overflow: hidden; } .slider__item img { width: 100%; /* min-height: 520px;*/ height: auto; max-width: 100%; max-height: 520px; object-fit: cover; } .slider__item-title { padding-bottom: 8px; font-size: 45px; line-height: 45px; text-transform: uppercase; font-family: 'PT Serif', serif; color: #4d4d4d; } .slider__item-content { font-size: 16px; line-height: 26px; margin-bottom: 32px; padding-right: 40px; color: #4d4d4d; overflow: hidden; } @media screen and (max-width: 1600px) { .slider__item-title { font-size: 45px; line-height: 45px; } .slider__item-content { font-size: 14px; } } @media screen and (max-width: 1024px) { .slider__item-content { max-height: 160px; } /* .slider__item img { min-height: 350px; }*/ .slider__item-title { font-size: 35px; } } @media screen and (max-width: 720px) { .slider__item-title { font-size: 40px; line-height: 40px; } .slider__item-content { font-size: 14px; padding-right: 0; } } .slider__item-btn, .slider__item-btn:visited, .slider__item-btn:hover { /*position: absolute;*/ bottom: 0; left: 0; display: block; font-size: 15px; /* line-height: 45px;*/ font-weight: 400; text-transform: lowercase; text-align: center; padding: 10px; width: 150px; color: #000; border: 2px solid #e6e6e6; /*background-image: linear-gradient(to bottom, #7b7673, #45413f);*/ text-decoration: none; box-sizing: border-box; } @media screen and (max-width: 720px) { .slider__item-btn, .slider__item-btn:visited, .slider__item-btn:hover { position: relative; bottom: auto; left: auto; display: inline-block; } } .photo_banner { text-align: right; height: 435px; overflow: hidden; } .photo_banner a { display: block; text-decoration: none; } .photo_banner img { display: inline-block; max-width: 100%; width: 100%; height: auto; } .content-menu { padding: 20px 0px; } .content-menu .menu { text-align: center; display: table; width: 100%; } .content-menu .menu__item { display: table-cell; vertical-align: middle; } .content-menu .menu__item.first { text-align: left; width: 15%; } .content-menu .menu__item.last { text-align: right; width: 10%; } .content-menu .menu__link { color: #8f9293; text-transform: uppercase; font-size: 12px; font-family: 'Times New Roman'; letter-spacing: 5px; } .catalog { padding-top: 55px; text-align: justify; text-align-last: justify; } .catalog__item { position: relative; display: inline-block; width: 220px; min-width: 220px; height: 360px; box-sizing: border-box; margin-bottom: 20px; } .catalog__item.news { width: calc((100% - 700px)/2); } @media screen and (max-width: 1300px) { .catalog__item { width: 32%; min-width: 200px; } .catalog__item.news { width: 49%; } } @media screen and (max-width: 700px) { .catalog__item { width: 100%; min-width: 200px; } .catalog__item.news { width: 49%; } } @media screen and (max-width: 540px) { .catalog__item { width: 100%; min-width: 200px; } .catalog__item.news { width: 100%; } } .catalog__image { position: relative; height: 360px; width: 100%; } .catalog__image:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; /*background-image: linear-gradient(to top, rgba(123, 118, 114, 0), #45413f);*/ height: 50%; background-image: linear-gradient(to top, rgba(123, 118, 114, 0), #45413f 98%); transition: 0.2s ease-in-out; } .catalog__item:hover .catalog__image:after { background-image: linear-gradient(to top, rgba(123, 118, 114, 0), #45413f); height: 70%; } .catalog__image img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .catalog__title { position: absolute; top: 15px; left: 0; padding: 15px; font-size: 25px; line-height: 34px; color: #fff; font-family: 'PT Serif', serif; /*background: rgba(69,66,63,0.7);*/ text-align: left; text-align-last: left; } .catalog__more { position: absolute; bottom: 15px; left: 15px; width: 130px; text-align: center; text-align-last: center; padding: 10px; font-size: 25px; line-height: 25px; color: #354052; background: #fff; font-size: 14px; text-decoration: none; line-height: 20px; } .catalog__fresh-title { text-align: center; text-align-last: center; font-size: 40px; line-height: normal; font-family: 'PT Serif', serif; margin-bottom: 50px; } @media screen and (max-width: 1600px) { .catalog__fresh-title { font-size: 35px; } } @media screen and (max-width: 1200px) { .catalog__fresh-title { font-size: 30px; } } @media screen and (max-width: 640px) { .catalog__fresh-title { text-align: left; text-align-last: left; } } .catalog__fresh-images { display: flex; justify-content: space-between; } .catalog__fresh-minis{ display: flex; justify-content: space-between; } .catalog__fresh { display: inline-block; width: 31%; vertical-align: top; margin-bottom: 80px; font-size: 0; } @media screen and (max-width: 800px) { .catalog__fresh { width: 100%; } .catalog__fresh-images { flex-direction: column; } } .catalog__fresh-image { /*margin-bottom: 30px;*/ } .catalog__fresh-image img { width: 100%; height: auto; } .catalog__fresh-pic { display: inline-block; vertical-align: top; width: 49%; height: 120px; } .catalog__fresh-pic.small { width: 31%; height: 100px; overflow: hidden; } .catalog__fresh-pic.small a { display: block; height: 100px; } .catalog__fresh-pic.small img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .catalog__fresh-pic.medium { width: 48%; height: 100px; overflow: hidden; } .catalog__fresh-pic.medium a { display: block; height: 100px; } .catalog__fresh-pic.medium img { width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: cover; } .catalog__fresh-pic img { width: 100%; height: auto; } /* .catalog__item { box-sizing: border-box; padding-bottom: 20px; } .catalog__item.first { float: right; width: 307px; padding-left: 10px; border-left: 2px solid #b4aca5; margin-left: -2px; } .catalog__ann { font-size: 14px; } .catalog__image img { display: block; max-width: 100%; height: auto; width: 100%; } .catalog__item.first .catalog__ann { padding-left: 30px; } .catalog__item.second, .catalog__item.middle { float: left; width: 645px; border-right: 2px solid #b4aca5; padding-right: 25px; } .catalog__item.middle { border-top: 2px solid #b4aca5; padding-top: 20px; } .catalog__item.second .catalog__image { float: left; margin-right: 20px; width: 200px; } .catalog__item.second .catalog__ann { float: right; width: 398px; } .catalog__item.middle .catalog__image { float: right; margin-left: 20px; width: 200px; } .catalog__item.middle .catalog__ann { float: left; width: 398px; } .catalog__item.big { float: left; width: 100%; border-top: 2px solid #b4aca5; padding-top: 25px; } .catalog__item.big .catalog__image { float: left; margin-right: 20px; width: 250px; } .catalog__item.big .catalog__ann { float: left; width: 550px; } .catalog__title { text-decoration: none; text-transform: uppercase; color: #7c6d62; font-size: 24px; font-weight: bold; font-family: 'Times New Roman'; display: block; margin: 15px 0; } */ /****** footer ***********/ .page__footer { background-image: linear-gradient(to bottom, #7b7672, #45413f); padding-bottom: 30px; font-size: 16px; color: #fff; margin: 0 auto; /*max-width: 1440px;*/ padding: 0 60px; box-sizing: border-box; } .row--menu { margin-bottom: 10px; } .footer__menu { /*border-top: 2px solid #b4aca5;*/ padding-top: 40px; } .footer__menu .menu { text-align: justify; display: block; width: 100%; } .footer__menu .menu__item { display: block; float: left; width: 25%; text-align: left; text-align-last: left; margin-left: 0; margin-right: 0; margin-bottom: 20px; } @media screen and (max-width: 1600px) { .page__footer { padding: 0; } } @media screen and (max-width: 920px) { .footer__menu .menu__item { width: 33%; } } @media screen and (max-width: 720px) { .footer__menu .menu__item { width: 100%; float: none; margin-bottom: 40px; max-width: 300px; margin-left: auto; margin-right: auto; } } .footer__menu .menu__item.social { text-align: right; text-align-last: right; } .footer__menu .menu__item.social a { vertical-align: middle; display: inline-block; margin-left: 30px; } @media screen and (max-width: 920px) { .footer__menu .menu__item.social { text-align: center; text-align-last: center; float: none; width: 100%; padding-top: 40px; margin-bottom: 40px; clear: both; } .footer__menu .menu__item.social a { margin-left: 15px; margin-right: 15px; } } .footer__menu .menu__item.last { padding-right: 0; } .footer__menu .menu__item .menu__link { font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none; font-family: 'PT Serif', serif; } .footer__menu .sub-menu { margin-top: 20px; } .footer__menu .sub-menu__item + .sub-menu__item { margin-top: 7px; } .footer__menu .sub-menu__item .sub-menu__link { font-size: 16px; color: #fff; text-decoration: none; } .footer__menu .address { margin-top: 20px; } .footer__menu .address a, .footer__menu .address a:visited, .footer__menu .address a:hover { color: #fff; } .copyright { padding: 8px 0 0; font-size: 14px; text-align: right; float: right; margin-bottom: 30px; } .developer { text-align: left; float: left; } .developer a { text-decoration: none; text-transform: lowercase; } .developer a span { margin-right: 5px; } @media screen and (max-width: 920px) { .copyright { text-align: center; float: none; } .developer { text-align: center; float: none; } } @media screen and (max-width: 540px) { jdiv { display: none !important; } }