@import "reset.css";
:focus {
    outline: medium none;
}
html * {max-height:1000000px;}
html{
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
.clear {
    clear: both;
}

@font-face {
    font-family: 'MuseoSansCyrls100';
    src: url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.eot');
    src: url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.eot') format('embedded-opentype'),
         url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.woff2') format('woff2'),
         url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.woff') format('woff'),
         url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.ttf') format('truetype'),
         url('../fonts/MuseoSansCyrl_100/MuseoSansCyrl_100.svg#MuseoSansCyrl_100') format('svg');
    font-weight: 100;
}

@font-face {
    font-family: 'MuseoSansCyrl';
    src: url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.eot');
    src: url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.eot') format('embedded-opentype'),
         url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.woff2') format('woff2'),
         url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.woff') format('woff'),
         url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.ttf') format('truetype'),
         url('../fonts/MuseoSansCyrl_300/MuseoSansCyrl_300.svg#MuseoSansCyrl_300') format('svg');
    font-weight: 300;
}

@font-face {
    font-family: 'MuseoSansCyrl';
    src: url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.eot');
    src: url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.eot') format('embedded-opentype'),
         url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.woff2') format('woff2'),
         url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.woff') format('woff'),
         url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.ttf') format('truetype'),
         url('../fonts/MuseoSansCyrl_500/MuseoSansCyrl_500.svg#MuseoSansCyrl_500') format('svg');
    font-weight: 500;
}

@font-face {
    font-family: 'MuseoSansCyrl';
    src: url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.eot');
    src: url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.eot') format('embedded-opentype'),
         url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.woff2') format('woff2'),
         url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.woff') format('woff'),
         url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.ttf') format('truetype'),
         url('../fonts/MuseoSansCyrl_700/MuseoSansCyrl_700.svg#MuseoSansCyrl_700') format('svg');
    font-weight: 700;
}
@font-face {
    font-family: 'Majestic_X';
    src: url('../fonts/MajesticX/Majestic_X.eot');
    src: url('../fonts/MajesticX/Majestic_X.eot') format('embedded-opentype'),
         url('../fonts/MajesticX/Majestic_X.woff2') format('woff2'),
         url('../fonts/MajesticX/Majestic_X.woff') format('woff'),
         url('../fonts/MajesticX/Majestic_X.ttf') format('truetype'),
         url('../fonts/MajesticX/Majestic_X.svg#Majestic_X') format('svg');
}

body {
  font-family: 'MuseoSansCyrl';
  color: #a1a0a0;
  font-weight: 700;
}

img {max-width: 100%;}
.main {
  width: 1170px;
  margin: 0 auto;
  box-sizing: border-box;
  
}

.main:after {content: '';clear: both;display: block;}

.inline-block > li{
  display: inline-block;
  vertical-align: top;
}

input[type="submit"] {
    -webkit-appearance: button;
    border-radius: 0;
}

select {-webkit-appearance: none;}

.flex {display: flex;}

.top-wr {
  background: #0f0f0f url("../images/top-wr.jpg") no-repeat center bottom;
  /* background-size: cover; */
  height: 86px;
  padding-top: 12px;
  padding-bottom: 101px;
}

/*revas*/
.mt0 {margin-top: 0;}
.pb16 {padding-bottom: 16px;}
.w70 {width: 70px;}
.pr20 {padding-right: 20px}
.seo {
    font-size: 21px;
    font-weight: 100;
    font-family: 'MuseoSansCyrls100';
    box-sizing: border-box;
    line-height: 1.2;
    letter-spacing: 1.1px;
    margin-top: -176px;
    margin-bottom: 22px;
    padding-left: 20px;
    padding-right: 20px;
}
.catcon {
    line-height: 1.2;
    font-family: 'MuseoSansCyrls100';
    font-size: 18px;
}
ul.news .img img {
    max-width: 369px;
    max-height: 208px;
}
.new-text img { width: 300px }
/*revas*/

.top-wr.inside {background: #0f0f0f;    padding-bottom: 30px;}


.top {color: #d58950;margin-bottom: 9px;}
.top:after {content: '';clear: both;;}

.top.flex, nav .flex {justify-content: space-between;}
.tel, .adres {font-weight: 700;margin-top: 10px;font-size: 20px;float: right;letter-spacing: 0.7px;} 
.tel a{color: #d58950;text-decoration: none;letter-spacing: 1.1px;}
.tel p {line-height: 1.5;}
.adres p {line-height: 1.5;}

.tel {text-align: center;margin-left: 18px;}

.adres {}

nav {
  border-top: 1px solid #62422a;
  border-bottom: 1px solid #62422a;
  position: relative;
}

nav:after {position: absolute;content: '';display: block;width: 98px;height: 20px;background: #0f0f0f url(../images/icon-nav.png) no-repeat center;left: 50%;margin-left: -49px;bottom: -14px;}
nav > ul > li {position: relative;}
nav > ul > li.hassub {background: url("../images/icon-sub.png") no-repeat right 50%;padding-right: 15px;}
nav > ul > li:after {
  position: absolute;
  content: '';
  display: block;
  width: 15px;
  height: 20px;
  background: url("../images/icon-menu.png") no-repeat center;
  right: -46px;
  top: 15px;
}

nav > ul > li:last-child:after {display: none;}
nav > ul > li > a {color: #a1a0a0;text-transform: uppercase;text-decoration: none;font-size: 20px;font-weight: 700;line-height: 48px;display: block;}

.submenu {position: absolute;display: none;background: #0f0f0f;border: 1px solid #5f4029;box-sizing: border-box;padding: 15px;left: -84px;width: 230px;}
.submenu li a {
  color: #a1a0a0;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 1.7;
  display: block;
  font-size: 15px;
}

nav > ul > li.hassub:hover .submenu {display: block;}

.submenu li a:hover {text-decoration: underline;}

h1 {font-size: 50px;text-align: center;color: #a1a0a0;margin: 98px 0 0;font-weight: 700;}
h1 span{font-family: 'Majestic_X';color: #d58950;font-size: 150px;font-weight: normal;}

.slogan {}
.slogan > p{
  font-size: 30px;
  color: rgb(105, 103, 103);
  text-align: center;
  font-weight: 100;
  font-family: 'MuseoSansCyrls100';
  letter-spacing: 8px;
}
.slogan > b{
  font-size: 38px;
  color: rgb(105, 103, 103);
  text-decoration: underline;
  font-weight: 700;
  text-align: center;
  display: block;
  letter-spacing: 15px;
  line-height: 1.25;
  margin-bottom: 26px;
}

.zakaz {
  background-color: rgb(234, 196, 167);
  width: 257px;
  height: 56px;
  text-transform: uppercase;
  display: block;
  margin: 51px auto;
  border: none;
  font-weight: 500;
  font-size: 22px;
  cursor: pointer;
}

h2.title {text-align: center;font-size: 30px;color: #a1a0a0;font-weight: 700;margin-bottom: 82px;position: relative;}
h2.title p {display: inline-block;}
h2.title:after {content: '';background: #ebc6ab;height: 1px;width: 45%;position: absolute;bottom: -5px;right: 0;}
h2.title:before {content: '';background: #ebc6ab;height: 1px;width: 45%;position: absolute;bottom: -5px;left: 0;}
h2.title span {font-family: 'Majestic_X';color: #d58950;font-size: 92px;font-weight: normal;}
h2.title p:after {position: absolute;content: '';display: block;width: 79px;height: 20px;background: url(../images/icon-nav.png) no-repeat center;left: 50%;margin-left: -40px;bottom: -14px;}

.what ul.flex {flex-wrap:wrap;justify-content: space-between;}
.what ul.flex li{width: 48.5%;display: inline-flex;border: 1px solid #eac4a7;margin-bottom: 98px;}
.main.what {padding: 92px 0 7px;}



.what ul.flex li .capt {
    box-sizing: border-box;
    padding: 20px;
    height: 185px;
    overflow: hidden;
}
.what ul.flex li .capt a{text-align: center;font-weight: 500;font-size: 25px;display: block;color: #a1a0a0;margin-bottom: 7px;line-height: 1.3;}
.what ul.flex li .capt p{font-weight: 100;font-family: 'MuseoSansCyrls100';font-size: 17px;color: #a1a0a0;line-height: 1.35;}

.about {
      background: #0f0f0f url(../images/about-bg.jpg) no-repeat center bottom;
      background-size: cover;
      padding: 90px 0 98px;
}

.about .img {max-width: 630px;}
.about .about-text {color: #8b8a8a;font-size: 21px;font-weight: 100;font-family: 'MuseoSansCyrls100';box-sizing: border-box;max-width: 472px;line-height: 1.2;letter-spacing: 1.1px;}
.about .about-text p {margin-bottom: 5px;}
.about .flex, .news-reviews .flex {
    justify-content: space-between;
}

a.more {color: #d58950;text-decoration: none;display: inline-block;border: 1px solid #d58950;text-transform: uppercase;margin-top: 38px;padding: 0 34px;line-height: 44px;font-size: 15px;font-weight: 300;}
.main-news {
    max-width: 49%;
}
.main-news li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  align-items: flex-start;
}

.main-news li:last-child {margin-bottom: 0;}
.main-news li .img {
    width: 168px;
    height: 90px;
    margin-right: 30px;
        margin-bottom: 10px;
}
.main-news li p {color: #aaa9a9;font-family: 'MuseoSansCyrls100';line-height: 1.15;font-size: 17px;letter-spacing: 1.1px;    max-width: 65%;}
.main.news-reviews {padding: 90px 0 98px;}
.main-reviews {
    max-width: 46.5%;
}
.main-reviews .review{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.review .img{
    margin-right: 38px;
    margin-top: 31px;
    width: 116px;
}

.review .img img {max-width: 100%;border-radius: 50%;width: 116px;object-fit: cover;margin-bottom: 11px;}
.img p{
    text-align: CENTER;
    font-size: 20px;
    color: #a1a0a0;
    line-height: 1.2;
}
.main-review-text {
    color: #aaa9a9;
    font-family: 'MuseoSansCyrls100';
    line-height: 1.15;
    font-size: 17px;
    letter-spacing: 1.1px;
    max-width: 68%;
}
.main-review-text p{
    margin-bottom: 10px;
}

.news-reviews a.more {margin: 49px auto 0;width: 145px;display: block;text-align: center;}

footer {
  background: #0f0f0f;
  padding: 40px 0;
}


footer .flex {justify-content: space-between;}
.foot-link a{color: #b4b3b3;font-size: 17px;letter-spacing: 0.2px;line-height: 1.2;}
.copyright {color: #b4b3b3;opacity: 0.5;font-family: 'MuseoSansCyrls100';font-size: 18px;}
.foot-tel a{font-weight: 700;font-size: 20px;color: #d58950;text-decoration: none;letter-spacing: 0.8px;}
.what ul.flex li .img {width: 299px;height: 190px;}
.what ul.flex li .img img {display: block;object-fit: cover;    height: 100%;width: 100%;}

.breadcrumbs {
    font-family: 'MuseoSansCyrls100';
    margin-top: 34px;
    margin-bottom: 34px;
}
.breadcrumbs li{position: relative;margin-right: 54px;}
.breadcrumbs li:after{content: '';position: absolute;width: 9px;height: 6px;background: url("../images/icon-sub.png") no-repeat;transform: rotate(-90deg);top: 5px;background-size: 100%;right: -33px;}
.breadcrumbs li:last-child:after {display: none;}
.breadcrumbs li.active a{color: #dab59a;}
.breadcrumbs li a{color: #9d9d9d;font-size: 15px;text-decoration: none;}

.content {
    padding-bottom: 41px;
}
.content.with-sidebar {
    display: flex;
    justify-content: space-between;
}
.content.with-sidebar main{
    max-width: 74.5%;
}
.content.with-sidebar aside{
    max-width: 23.5%;
    text-align: center;
}
.content.with-sidebar aside ul li {
    border-bottom: 1px solid #f5e3d8;
    position: relative;
}
.content.with-sidebar aside ul li:hover {}
.content.with-sidebar aside ul li:hover a{
    color: #c37d49;
}
.content.with-sidebar aside ul li:before {content: '';display: none;position: absolute;content: '';width: 98px;height: 16px;background: #fff url(../images/icon-nav.png) no-repeat center;left: 50%;margin-left: -49px;top: -5px;opacity: 0.8;}
.content.with-sidebar aside ul li:after {
    content: '';
    display: none;
    position: absolute;
    content: '';
    width: 98px;
    height: 20px;
    background: #fff url(../images/icon-nav.png) no-repeat center;
    left: 50%;
    margin-left: -49px;
    bottom: -9px;
    opacity: 0.8;
    }
.content.with-sidebar aside ul li:hover:after, .content.with-sidebar aside ul li:hover:before, 
.content.with-sidebar aside ul li.active:after, .content.with-sidebar aside ul li.active:before {display: block;}
.content.with-sidebar aside ul li a{
    color: #9d9d9d;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px 0 15px;
    display: block;
}
.content.with-sidebar aside ul li.active a{}

.card-carousel {}

.content h3, .content h4 {
      text-align: center;
      font-size: 30px;
      color: #a1a0a0;
      /*revas*//*margin-bottom: 91px;*/ margin-bottom: 34px;
      position: relative;
      font-weight: 100;
}
.content h3 span, .content h4 span{
      font-family: 'Majestic_X';
    color: #d58950;
    font-size: 92px;
    font-weight: normal;
}

.content h3:after {content: '';background: url("../images/after.png") no-repeat center;position: absolute;bottom: -10px;width: 100%;height: 20px;display: block;}
.card-carousel .lSSlideWrapper {text-align: center;}
.card-caption {
    margin-top: 34px;
    font-size: 21px;
    font-weight: 100;
    font-family: 'MuseoSansCyrls100';
    letter-spacing: 1.25px;
    line-height: 1.1;
    margin-bottom: 52px;
}
.card-caption p {
  margin-bottom: 21px;
  font-weight: 700;
}

.card-caption table {width: 100%;margin-top: 62px;}
.card-caption table thead {background: #fdf5f0;}
.card-caption table tr {
    line-height: 1.9;
}

.card-caption table tbody tr td:first-child {padding-left: 23px;}
.card-caption table tbody tr:nth-child(even) {background: #fdf5f0;}
.card-caption table tbody tr:nth-child(odd) {}

button.all {
      background: rgb(234, 196, 167) url("../images/icon-sub.png") no-repeat 95% center;
      width: 257px;
      height: 31px;
      text-transform: uppercase;
      display: block;
      margin: 15px auto;
      border: none;
      font-weight: 500;
      font-size: 13px;
      cursor: pointer;
}

.visible-xs {display: none !important;}

.reviews .review {display: flex;margin-bottom: 50px;align-items: flex-start;}
.reviews .review .img {margin-right: 99px;margin-top: 0;}
.reviews .review .main-review-text {max-width: 100%;border: 1px solid #d58950;box-sizing: border-box;padding: 4px 33px;font-size: 20px;letter-spacing: 2.2px;line-height: 1.2;}

.pagination {text-align: center;justify-content: center;align-items: center;}
.pagination li {
    margin: 0 19px;
}
.pagination li a{
    color: #a1a0a0;
    font-size: 21px;
    text-decoration: none;
    transition: all 0.1s linear;
    width: 20px;
    display: block;
}
.pagination li.active a, .pagination li:hover a{
    font-size: 30px;
    color: #d58950;
}

.left-review {
      background: #0f0f0f url(../images/about-bg.jpg) no-repeat center bottom;
      background-size: cover;
      padding: 52px 0 116px;
      margin-bottom: 60px;
          margin-top: 43px;
}

.left-review form:after {content: '';clear: both;}
.left-review form input[type="text"]{
    display: block;
    border: none;
    width: 530px;
    box-sizing: border-box;
    padding: 14px 20px;
    font-family: inherit;
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.left-review form input[type="submit"]{
  color: #d58950;
  text-decoration: none;
  display: inline-block;
  border: 1px solid #d58950;
  text-transform: uppercase;
  margin-top: 20px;
  padding: 0 34px;
  line-height: 44px;
  font-size: 15px;
  font-weight: 300;
  background: transparent;
  float: right;
}
.left-review form textarea{
    display: block;
    border: none;
    width: 100%;
    box-sizing: border-box;
    padding: 14px 20px;
    font-family: inherit;
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 18px;
    height: 207px;
    resize: none;
}


input[type="checkbox"] {
   opacity: 0;
    width: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
label.agree {cursor: pointer;font-size: 21px;color: #010101;font-family: 'MuseoSansCyrls100';}
label.agree span {
    display:inline-block;
    width: 16px;
    height: 14px;
    margin: 5px 8px 0 0;
    vertical-align:middle;
    background: #fff;
    cursor:pointer;
    border-radius: 2px;
    transition: all 0.1s linear;
    float: left;
}
input[type="checkbox"]:checked + label span {  background:#fff url(../images/icon-checked.png) no-repeat center;
  background-size: 70%;
}

.content img.align-left {float: left;margin-right: 30px;margin-bottom: 50px;}
.content img.align-right {float: right;margin-left: 30px;margin-bottom: 50px;}

.about-page p, .new-text p{font-size: 21px;font-family: 'MuseoSansCyrls100';text-align: justify;margin-bottom: 10px;line-height: 1.3;}

.pink-block {
      background: #0f0f0f url(../images/about-bg.jpg) no-repeat center bottom;
      background-size: cover;
      padding: 40px 0 98px;
      margin: 26px auto 51px;
}

.pink-block p {max-width: 66%;margin: 0 auto;}

.new-text span {float: right;display: block;margin-bottom: 20px;}

.other-news li {display: flex;margin-bottom: 50px;}
.other-news li .img {margin-right: 31px;}
.other-news li .new-link {font-weight: 500;text-decoration: none;color: inherit;font-size: 26px;}
   
 .other-news li p {font-family: 'MuseoSansCyrls100';line-height: 1.5;}  
   .other-news {margin-top: 50px;}

.contact li {display: flex;font-size: 21px;margin-bottom: 20px;}
.contact li p {color: #d58950;min-width: 240px;}

.contact a {text-decoration: none;color: inherit;text-decoration: none;}

.page404 {
    text-align: center;
        padding: 50px 0;
}
.page404 h2{font-size: 195px;font-family: 'Majestic_X';color: #d58950;font-weight: normal;margin: 0;}
.page404 h2 + span {font-size: 27px;color: #a1a0a0;font-weight: 700;text-transform: uppercase;    display: block;
    margin-bottom: 20px;}
.page404 h2 + span + p {font-size: 22px;font-family: 'MuseoSansCyrls100';}
.page404 h2 + span + p a{color: #d58950;}

.catalog {
    margin-top: 16px;
}
.catalog.flex {flex-wrap: wrap; text-align: center;}
.catalog.flex li {width: 31%;border: 1px solid #eac4a7;margin-right: 18px;margin-bottom: 53px;padding-bottom: 18px;}
.catalog.flex li .img {width: 100%;height: 205px;margin-bottom: 16px;}
.catalog.flex li .img img{width: 100%;display: block;height: 100%;object-fit: cover;}
.catalog.flex li a {font-size: 22px;color: inherit;font-weight: 500;display: block;margin-bottom: 10px;}
.catalog.flex li p {line-height: 1.2;font-family: 'MuseoSansCyrls100';font-size: 18px;}

.news {
    margin-top: 50px;
}
.news li{display: flex;justify-content: space-between;margin-bottom: 49px;}
.news-capt {position: relative;width: 65.8%;/*revas max-width: 65.8%;*/}
.news li span.date{position: absolute;left: 0;top: 0;font-family: 'MuseoSansCyrls100';font-size: 20px;}
.news li .new-link {
      font-weight: 500;
      text-decoration: none;
      color: inherit;
      font-size: 28px;
      text-align: center;
      display: block;
      margin-bottom: 8px;
}
.news li .img {margin-right: 31px;width: 371px;}
.news li .img img {width: 100%;display: block;height: 100%;object-fit: cover;}
.news li p {
    font-family: 'MuseoSansCyrls100';
    line-height: 1.5;
    font-size: 22px;
}

.news li a.more {margin-top: 27px;}
.lightbox1{position: fixed;width: 100%;height: 100%;z-index: 9000;background-color: rgba(0,0,0, 0.9);display:none;top: 0px;    overflow-y: auto;}
 .lightbox1-wrapper{
    position: relative;
    margin: 0px auto;
    top: 50%;
    margin-top: -130px;
    background: #f8f8f8;
    width: 600px;
    box-sizing: border-box;
    padding: 20px;
}
.lightbox-close {
    position: absolute;
    right: -40px;
    top: -14px;
    border: 1px solid #fff;
    width: 26px;
    height: 26px;
    cursor: pointer;
    background: url(../images/icon-close.png) no-repeat center;
    border-radius: 15px;
    color: #fff;
    font-size: 24px;
    font-family: 'MuseoSansCyrls100';
    text-align: center;
    line-height: 22px;
}

 .lightbox1-wrapper input[type='text'] {
  
display: block;
  
border: none;
  
width: 100%;
  
box-sizing: border-box;
  
padding: 14px 20px;
  
font-family: inherit;
  
font-size: 20px;
  
letter-spacing: 2px;
  
margin-bottom: 15px;
  
font-weight: 300;
 }

  .lightbox1-wrapper input[type='submit'] {background-color: rgb(234, 196, 167);width: 257px;height: 56px;text-transform: uppercase;display: block;margin: 11px auto 0;border: none;font-weight: 500;font-size: 22px;cursor: pointer;    color: #fff;}

@media (min-width: 1170px) {
  .what ul.flex li .img img{display: block;width: 299px;height: 190px;object-fit: cover;}
  .indeximg {
    min-width: 299px;
    height:190px;
}
}

@media (max-width: 1169px) {
  .what ul.flex li .img {width: 100%;height: auto;}
  .indeximg {
    min-width: 299px;
    height:190px;
}
}
@media (min-width: 1024px) and (max-width: 1169px) {
    .main {width: 100%;padding-left: 15px !important;padding-right: 15px !important;}
    nav > ul > li:after {right: -30px;}
    .what ul.flex li .capt {max-width: 50%;}
    .indeximg {
    min-width: 299px;
    height:190px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main {width: 100%;padding-left: 15px !important;padding-right: 15px !important;}
  img {max-width: 100%;}
  .about .img { max-width: 50%;}
  .top {display: flex;    justify-content: space-between;}
  .top:after {display: none;}
  .tel, .adres {text-align: right;    font-size: 17px;}
  nav > ul > li > a {font-size: 16px;}
  nav > ul > li:after {    right: -23px;}
  .what ul.flex li {display: block;}
  .what ul.flex li .img img{width: 100%;}
  .about .about-text {    max-width: 47%;}
  .main-news li {display: block;}
  .card-caption table {font-size: 14px;}
  .indeximg {
    min-width: 299px;
    height:190px;
}
}
@media (max-width: 767px) {
   
  .main {width: 100%;padding: 0 15px;}
  .flex {display: block;}
  .slogan > b {    font-size: 26px;letter-spacing: 0;}
  .tel, .adres, .logo {float: none;width: 100%;margin: 10px auto;text-align: center;}
  nav > ul > li > a {font-size: 13px;line-height: 32px;}
  nav > ul > li:after {position: static;    margin: -5px auto 0;  }
  nav > ul > li.hassub:before {top: 15px;right: -5px;}
  nav .flex {display: flex;flex-wrap: wrap;justify-content: flex-start;}
  h1 {font-size: 25px;    margin: 28px 0 0;}
  h1 span {font-size: 68px;}
  nav > ul > li:last-child:after {display: block;}
  nav > ul > li { position: static;margin: 0 10px 15px;}
  nav {position: relative;}
  .submenu {left: 0;}
  nav > ul > li.hassub a {    pointer-events: none;}
  .what ul.flex li {width: 49%;display: block;    box-sizing: border-box;}
  img {max-width: 100%;}
  .what ul.flex li .img img{width: 100%;}
  .top-wr {    padding-bottom: 51px;}
  h2.title span {    font-size: 61px;}
  h2.title {    font-size: 19px;}
  .main.about, .main.news-reviews {    padding: 50px 15px 48px;}
  .main-news, .main-reviews {max-width: 100%;}
  .about .about-text {font-size: 18px;}
  .main-news li {display: block;}
  footer {text-align: center;}
  .what ul.flex {display: flex;}
  nav > ul > li.hassub {background: url(../images/icon-sub.png) no-repeat right 12px;}
  .content.with-sidebar {display: block;}
  .content.with-sidebar aside, .content.with-sidebar main {max-width: 100%;}
  .card-caption table {font-size: 12px;}
  .card-caption table tbody tr td:first-child { padding-left: 5px;}
  .content.with-sidebar aside {display: none;}
  .content h3 {font-size: 23px;}
  .content h3 span {    font-size: 52px;}
  .visible-xs {display: block !important;}
  .other-news li {display: block;}
  
}

@media (max-width: 626px) {
    ul.flex li {
        overflow: -webkit-paged-x;
    }
}

@media (max-width: 479px) {
  nav .flex {
        justify-content: space-between;
  }
  .what ul.flex li {width: 100%;}

}
@media (min-width: 1170px) {
  .what ul.flex li .img img{display: block;width: 299px;height: 190px;object-fit: cover;}
}

@media (max-width: 1169px) {
  .what ul.flex li .img {width: 100%;height: auto;}
}
@media (min-width: 1024px) and (max-width: 1169px) {
    .main {width: 100%;padding-left: 15px !important;padding-right: 15px !important;}
    nav > ul > li:after {right: -30px;}
    .what ul.flex li .capt {max-width: 50%;}
    .catalog.flex li {    margin-right: 10px;}
	.top-wr {height: 85px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
  .main {width: 100%;padding-left: 15px !important;padding-right: 15px !important;}
  img {max-width: 100%;}
  .about .img { max-width: 50%;}
  .top {display: flex;    justify-content: space-between;}
  .top:after {display: none;}
  .tel, .adres {text-align: right;    font-size: 17px;}
  nav > ul > li > a {font-size: 16px;}
  nav > ul > li:after {    right: -23px;}
  .what ul.flex li {display: block;}
  .what ul.flex li .img img{width: 100%;}
  .about .about-text {    max-width: 47%;}
  .main-news li {display: block;}
  .card-caption table {font-size: 14px;}
  .other-news li { display: block;}
  .catalog.flex li {    margin-right: 10px;}
  .top-wr {height: 151px;}
}
@media (max-width: 767px) {
  .main {width: 100%;padding: 0 15px;}
  .flex {display: block;}
  .slogan > b {    font-size: 26px;letter-spacing: 0;}
  .tel, .adres, .logo {float: none;width: 100%;margin: 10px auto;text-align: center;}
  nav > ul > li > a {font-size: 13px;line-height: 32px;}
  nav > ul > li:after {position: static;    margin: -5px auto 0;  }
  nav > ul > li.hassub:before {top: 15px;right: -5px;}
  nav .flex {display: flex;flex-wrap: wrap;justify-content: flex-start;}
  h1 {font-size: 25px;    margin: 28px 0 0;}
  h1 span {font-size: 68px;}
  nav > ul > li:last-child:after {display: block;}
  nav > ul > li { position: static;margin: 0 10px 15px;}
  nav {position: relative;}
  .submenu {left: 0;}
  nav > ul > li.hassub a {    pointer-events: none;}
  .what ul.flex li {width: 49%;display: block;    box-sizing: border-box;}
  img {max-width: 100%;}
  .what ul.flex li .img img{width: 100%;}
  .top-wr {    padding-bottom: 51px;  height: 390px;}
  h2.title span {    font-size: 61px;}
  h2.title {    font-size: 19px;}
  .main.about, .main.news-reviews {    padding: 50px 15px 48px;}
  .main-news, .main-reviews {max-width: 100%;}
  .about .about-text {font-size: 18px;}
  .main-news li {display: block;}
  footer {text-align: center;}
  .what ul.flex {display: flex;}
  nav > ul > li.hassub {background: url(../images/icon-sub.png) no-repeat right 12px;}
  .content.with-sidebar {display: block;}
  .content.with-sidebar aside, .content.with-sidebar main {max-width: 100%;}
  .card-caption table {font-size: 12px;}
  .card-caption table tbody tr td:first-child { padding-left: 5px;}
  .content.with-sidebar aside {display: none;}
  .content h3 {font-size: 23px;    margin-bottom: 40px;}
  .content h3 span {    font-size: 52px;}
  .visible-xs {display: block !important;}
  .reviews .review {display: block;}
  .left-review form input[type="text"] {width: 100%;}
  .pagination li {   margin: 0 5px;}
  .pink-block p {max-width: 100%;}
  .contact li {display: block;}
  .catalog.flex {    justify-content: space-between;display: flex;}
  .catalog.flex li {width: 47%;margin-right: 0;}
  .news {display: flex;flex-wrap: wrap;    justify-content: space-between;}
  .news li {display: block;width: 46%;}
  .news li .img {width: 100%;}
  .news-capt {max-width: 100%;}
  .news li span.date {position: static;margin: 10px auto;display: block;}
   .lightbox1-wrapper {max-width: 100%;}
   label.agree {    font-size: 15px;}
   .lightbox-close {
        right: 10px;
      top: -34px;
   }
}

@media (max-width: 479px) {
  nav .flex {
        justify-content: space-between;
  }
  .what ul.flex li {width: 100%;}
  .catalog.flex li {width: 100%;margin-right: 0;}
   .news li {width: 100%;} 

}

.mt26 {margin-top: 26px;}