@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icons/icomoon.eot?6affxa");
  src: url("../fonts/icons/icomoon.eot?6affxa#iefix") format('embedded-opentype'), url("../fonts/icons/icomoon.ttf?6affxa") format('truetype'), url("../fonts/icons/icomoon.woff?6affxa") format('woff'), url("../fonts/icons/icomoon.svg?6affxa#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Light.woff2") format('woff2'), url("../fonts/SFUIDisplay-Light.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Regular.woff2") format('woff2'), url("../fonts/SFUIDisplay-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Medium.woff2") format('woff2'), url("../fonts/SFUIDisplay-Medium.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Semibold.woff2") format('woff2'), url("../fonts/SFUIDisplay-Semibold.woff") format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Bold.woff2") format('woff2'), url("../fonts/SFUIDisplay-Bold.woff") format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Heavy.woff2") format('woff2'), url("../fonts/SFUIDisplay-Heavy.woff") format('woff');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'SF UI Display';
  src: url("../fonts/SFUIDisplay-Black.woff2") format('woff2'), url("../fonts/SFUIDisplay-Black.woff") format('woff');
  font-weight: 900;
  font-style: normal;
}
/* GLOBAL
^^^^^^^^^^^^ */
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  height: 100%;
  color: #000;
  /* background: #f8f8f8; */
  font: 300 18px/1.35 'SF UI Display', Arial, Tahoma, Geneva, sans-serif;
  overflow-y: scroll;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
b, strong {
    font-weight: 700 !important;
}
sup {
  line-height: 0;
}
a {
  text-decoration: underline;
  color: #f58356;
  text-decoration-skip-ink: none;
}
a:hover {
  color: #fda37f;
  text-decoration: none;
}
img {
  border: none;
  display: block;
  max-width: 100%;
}
input,
textarea,
select,
button {
  vertical-align: middle;
  font: 100% 'Museo Sans Cyrl', Arial, Tahoma, Geneva, sans-serif;
}
button * {
  position: relative;
}
form,
fieldset {
  border-style: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
#main {
  overflow: hidden;
  min-width: 320px;
  position: relative;
  z-index: 100;
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 192rem;
  margin: 0 auto;
  -webkit-box-shadow: 0 0 100rem rgba(0,0,0,0.3);
          box-shadow: 0 0 100rem rgba(0,0,0,0.3);
}
h1 {
  font-size: 2.8rem;
  font-weight: 600;
  color: #2f2f2f;
  margin: 0 0 3rem;
  text-align: center;
}
h2 {
  font-size: 3.6rem;
  color: #2f2f2f;
  font-weight: bold;
  margin: 0 0 1.3rem;
}
h3 {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 900;
  margin: 0 0 2rem;
}
p {
  margin: 0 0 2.5rem;
}
ul {
  list-style: url("../img/list.gif");
  margin: -2rem 0 2.5rem 18px;
  letter-spacing: -0.36em;
}
ul li {
  letter-spacing: normal;
  vertical-align: top;
  padding: 2rem 0 0;
}
ol {
  margin: -2rem 0 2rem;
  counter-reset: section;
  list-style-type: none;
}
ol li {
  padding: 2rem 0 0 2rem;
  position: relative;
}
ol li::before {
  counter-increment: section;
  content: counters(section, ".") " ";
  position: absolute;
  top: 2rem;
  left: 0;
}
blockquote {
  font-weight: 600;
  font-size: 2.2rem;
  padding: 1.3rem 0 1.3rem 3rem;
  border-left: 0.5rem solid #f58356;
}
.line {
  height: 0.1rem;
  background: #e8e8e8;
  margin: 5rem 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
.ruble {
  display: inline-block;
  font-style: normal;
}
.ruble::before {
  display: inline-block;
  content: '₽';
}
.img_left {
  float: left;
  margin: 0 3rem 3rem 0;
  max-width: 55%;
}
.btn {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  background: #f58356;
  border: 0.2rem solid #f58356;
  font-size: 2rem;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  line-height: 1.2;
  border-radius: 0.5rem;
  text-align: center;
  text-transform: uppercase;
  padding: 2rem 2.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  z-index: 97;
}
.btn.btn-full-width {
  width: 100%;
}
.btn.btn-middle {
  font-size: 2rem;
  font-weight: bold;
  padding: 1.5rem 2.5rem;
}
.btn.btn-small {
  font-size: 1.2rem;
  padding: 1.1rem 2.5rem;
  line-height: 1.25;
  font-weight: bold;
}
.btn i {
  line-height: 0;
  margin: 0 1rem 0 0;
  font-size: 110%;
}
.btn i.icon-arrow {
  margin: 0 0 0 1.5rem;
  font-size: 50%;
}
.btn i.icon-check {
  font-size: 80%;
}
.btn:hover {
  color: #fff;
  background: #fda37f;
  border-color: #fda37f;
}
.btn.btn-border {
  background: none;
  color: #f58356;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn.btn-border:hover {
  background: #fda37f;
  border-color: #fda37f;
  color: #fff;
}
.open-menu {
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 3rem;
  color: #f58356;
  line-height: 0;
}
.btn-center {
  text-align: center;
}

.btns-center{
    display: flex;
    justify-content:center;
        margin-top: 5px;
}

.btns-center form:first-child{
    margin-right: 20px;
}
/* HEADER
------------*/
#header {
  position: absolute;
  top: -6rem;
  margin-top: 6rem;
  left: 0;
  right: 0;
  background: #2f2f2fe6;
  z-index: 200;
  padding: 0 1rem;
}
/* #header.header-index {
  background: none;
} */

@media (min-width: 992px) and (max-height:680px){
    #header .menu .has-drop:hover .menu-drop-box{
      max-height: calc(100vh - 200px);
      overflow-y: scroll;
    }
}

@media only screen and (min-width: 992px) {
  #header.header-fixed {
    position: fixed;
    /* background: #2f2f2f; */
    top: 0;
    margin-top: 0;
    -webkit-transition: top 0.3s ease;
    -o-transition: top 0.3s ease;
    transition: top 0.3s ease;
    z-index: 200;
  }
  #header.header-fixed .header-box {
    height: 8rem;
  }
  #header.header-fixed .logo {
    width: 10%;
    height: 7rem;
  }
  #header.header-fixed .header-info-hidden {
    display: none;
  }
  #header.header-fixed .menu >li {
    height: 8rem;
  }
  #header.header-fixed .menu >li >a {
    font-size: 1.45rem;
  }
  
  #header.header-fixed .header-content {
    padding: 0 0 0 4rem;
    width: 90%;
  }
  #header.header-fixed .header-content-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #header.header-fixed .menu-box {
    width: -webkit-calc(100% - 55rem);
    width: calc(100% - 55rem);
    padding: 0 5rem 0 0;
  }
  #header.header-fixed .header-info {
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 55rem;
        -ms-flex: 0 0 55rem;
            flex: 0 0 55rem;
  }
  #header.header-fixed .header-info >div {
    padding: 0;
  }
  #header.header-fixed .header-call {
    display: block;
    margin-left: -3%;
    line-height: 1.8rem;
  }
  

  
  #header.header-fixed .header-call .callback {
    font-size: 1.1rem;
  }
  #header.header-fixed .header-data {
    margin: 0;
    flex-wrap:nowrap;
  }
  #header.header-fixed .header-data >div {
    padding: 0;
  }
  
  #header.header-fixed .header-info{
      padding-left: 0;
  }
  
  #header.header-fixed .header-content-box{
      border-left: none;
  }
  
  #header.header-fixed .header-call{
      border: none;
  }
}
@media (max-width:1440px) {
    #header.header-fixed .header-call {
        margin-left: -53%;
      }      
  }

@media only screen and (min-width: 992px) and (max-width: 1200px) {
  #header.header-fixed .header-content {
    padding-left: 2rem;
  }
  #header.header-fixed .header-call {
    display: none;
  }
  #header.header-fixed .header-info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 19rem;
        -ms-flex: 0 0 19rem;
            flex: 0 0 19rem;
  }
  #header.header-fixed .menu-box {
    padding-right: 2rem;
    width: -webkit-calc(100% - 19rem);
    width: calc(100% - 19rem);
  }
}
.header-box {
  max-width: 142rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  Justify-content: space-between;
  height: 14rem;
}
.logo {
  width: 13%;
  display: table;
  height: 13rem;
  position: relative;
  /* z-index: 1; */
 z-index: 1000;
  margin: 0 0 -2rem;
}
/* .logo::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f6f6f6;
  -webkit-box-shadow: 0 0.4rem 6.4rem 0 rgba(0,0,0,0.25);
          box-shadow: 0 0.4rem 6.4rem 0 rgba(0,0,0,0.25);
  z-index: -1;
} */
.logo a {
  display: block;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 0 1.5rem;
}
.logo a img {
  margin: 0 auto;
}
.header-content {
  width: 87%;
  padding: 0 0 0 4rem;
}
.header-content-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  border-left: 0.1rem solid rgba(255,255,255,0.15);
  
}
.header-info {
  Justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 8rem;
  padding-left: 4rem;
}
.social {
  color: #fff;
  font-size: 1.4rem;
  margin: -1rem -0.5rem 0;
}
.social >div {
  padding: 1rem 0.5rem 0;
}
.list-social {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: -1.5rem 0 0 -1.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.list-social li {
  padding: 1.5rem 0 0 1.5rem;
  line-height: 0;
}
.list-social li a {
  font-size: 2rem;
  color: #fff;
  text-decoration: none;
}
.list-social li a:hover {
  color: #fda37f;
}
.list-social li a i.icon-ok {
  font-size: 1.8rem;
}
.list-social li a i.icon-instagram {
  font-size: 1.6rem;
}
.header-data {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 0rem;
}
@media (max-width:1199px) {
    .header-data {
        margin: 0 -3rem;
    }
}
.header-data .btn {
    color: #FFF;
}
.header-data >div {
  padding: 0 2rem;
}
.header-call {
    margin-left: 1rem;
    /* padding-left: 3.5rem; */
    /* padding-right: 1.5rem; */
    border-left: 0.1rem solid rgba(255,255,255,0.15);
    border-right: 0.1rem solid rgba(255,255,255,0.15);
    font-size:1.3rem;
    flex-direction:row;
    color: #FFF;
    justify-content: center;
}

@media(min-width: 1441px){
    .header-index:not(.header-fixed) .header-call .col-auto{
        max-width:50%;
    }
}

.header-call .phone {
  text-decoration: none;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 800;
}

#header.header-fixed .header-call .phone {
  text-decoration: none;
  color: #fff;
  font-size: 1.16rem;
  font-weight: bold;
}

#header.header-fixed .phone-delimetr,
#header .phone-br
{
    /* display: none; */
}

#header .phone-delimetr,
#header.header-fixed .phone-br
{
    display: initial;
}

.header-call .col-auto{
    padding-left:11px;
    padding-right:11px;
}

.header-index:not(.header-fixed) .header-call .col-auto:nth-of-type(2){
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

@media(max-width: 991px){
    .header-call .col-auto{
        display:block;
        font-size: 1.6rem;
        margin:5px auto;
        align-items:center;
    }
}

.header-call .callback {
    display: inline-block;
  text-decoration: none;
  color: #f58356;
  font-size: 1.1rem;
  font-weight: 800;
  text-transform: uppercase;
  border-bottom: 0.1rem dotted #f58356;
}
.header-call .callback:hover {
  color: #fda37f;
  border-bottom-color: #fda37f;
}
.menu-box {
  border-top: 0.1rem solid rgba(255,255,255,0.15);
  padding-left: 4rem;
}
.menu {
  list-style: none;
  margin: 0 -1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  Justify-content: space-between;
}
.menu >li {
  padding: 0;
  height: 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 1rem;
}
.menu >li.has-drop {
  cursor: pointer;
}
.menu >li >a {
  font-size: 1.4rem;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
}
.menu >li >a:hover,
.menu >li >a.active {
  color: #fda37f;
}
.menu >li >a.main-menu {
  padding: 0 0 0 3rem;
  position: relative;
  color: #fff;
  font-weight: 800;
  text-align: left;
}
.menu >li >a.main-menu:hover {
  color: #fda37f;
}
.menu >li >a.main-menu:hover i {
  color: #fda37f;
}
.menu >li >a.main-menu i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 120%;
  color: #f58356;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.menu >li:hover .main-menu {
  color: #fda37f;
}
.menu >li:hover .main-menu i {
  color: #fda37f;
}
.menu >li:hover .menu-drop {
  opacity: 1;
  height: auto;
  overflow: visible;
  z-index: 1000;
}

.menu-drop {
  position: absolute;
  top: calc(100% - 2rem);
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  height: 0;
  overflow: hidden;
}

/* .menu-drop::before{
    content:'';;
    display: block;
    background-color: #000;
    opacity: 0.5;
    position: absolute;
    position: fixed;
    left: 0;
    right: 0;
    top: 170px;
    bottom: 0;
    z-index: 999;
} */
.menu-drop-box {
  width: 30rem;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 3.4rem 0 rgba(0,0,0,0.1);
          box-shadow: 0 0.5rem 3.4rem 0 rgba(0,0,0,0.1);
  position: relative;
  margin: 1rem 0 0;
}
.menu-drop-box::before {
  display: block;
  content: '';
  border-bottom: 0.5rem solid #fff;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  position: absolute;
  left: 50%;
  bottom: 100%;
}
.menu-category {
  list-style: none;
  margin: 0;
  border-radius: 0.5rem;
}
.menu-category >li {
  padding: 0.1rem 0 0;
  position: relative;
  overflow: hidden;
}
.menu-category >li:first-child {
  padding-top: 0;
}
.menu-category >li:first-child::before {
  display: none;
}
.menu-category >li::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  height: 0.1rem;
  background: #e8e8e8;
}
.menu-category >li >a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  padding: 1.5rem;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.2;
  color: #2f2f2f;
}
.menu-category >li >a:hover,
.menu-category >li >a.active {
  background: #f8f8f8;
}
.menu-category >li >a .box-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4rem;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  margin: 0 1rem 0 0;
}
.menu-category >li >a .box-icon img {
  margin: auto;
}
.menu-category >li >a .menu-name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.menu.search-opened li:not(.search-block){
    display:none;
}

.menu .search-block{
    color: #ffffff;
    position:relative;
    padding-left:30px;
    transition:.5s;
    display:flex;
    justify-content:space-between;
}

.menu .search-block .icon-close{
    display:none;
    cursor:pointer;
}

.menu.search-opened .search-block .icon-close{
    display:block;
    position:absolute;
    right:20px;
    top:50%;
    transform: translateY(-10px);
}

.menu.search-opened .search-block{
    width:100%;
    flex-direction:row-reverse;
}

.menu .search-block:before{
    content:"";
    display: block;
    width:1px;
    background-color: #ffffff;
    height:30px;
    width:1px;
    position:absolute;
    left:0;
    top:50%;
    margin-top: -15px;
    opacity:0.15;
}

.menu.search-opened .search-block:before{
    display:none;
}

.menu .search-block input{
    background-color:transparent;
    border:none;
    color: #ffffff;
    text-transform:uppercase;
    font-size:1.4rem;
    transition: .3s;
}

.menu.search-opened .search-block{
    padding:0;
    background-color: rgba(255,255,255,.1);
    border-radius:4px;
    width:98%;
    margin-top:10px;
    margin-left:10px;
}

.search-btn{
    border:none;
    background:transparent;
    color: #ffffff;
}

.menu.search-opened .search-btn{
    position:absolute;
    left:10px;
    top:50%;
    transform: translateY(-10px);
}

.menu.search-opened .search-block input{
    width:100%;
    padding:15px 40px 15px 40px;
}
    

.menu .search-block input::placeholder{
    color: rgba(255,255,255,.4);
    font-size: 1.5rem;
}

.menu .search-block .search-results{
    display:none;
    background-color: #fff;
}

@media (max-width:991px) {
    .menu-box {
      padding-left: 0;
    }
}

/* CONTENT
------------*/
.content {
  padding: 14rem 1rem 8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.content-box {
  max-width: 142rem;
  margin: 0 auto;
}
.content-box > *:last-child {
  margin-bottom: 0;
}
.section-content-last {
  margin-bottom: -10rem !important;
}
.section-index-top {
  margin: 0 -1rem 0;
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.section-index-top .content-box {
  width: 100%;
  position: relative;
}
.section-index-top .img-box {
  position: absolute;
  bottom: 0;
  left: 66.5rem;
  z-index: 20;
  pointer-events: none;
}
.section-index-top .img-box img {
  max-width: inherit;
}
/*SlIDER*/
.Slider {
  background: url("../img/bg-slider.jpg") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  max-width: 70rem;
  margin: 0 0 -7rem !important;
  padding: 0 0 10rem;
  -webkit-box-shadow: 0 2.4rem 10.4rem 0 rgba(38,73,94,0.25);
          box-shadow: 0 2.4rem 10.4rem 0 rgba(38,73,94,0.25);
  display: none;
}
.Slider.slick-slider {
  display: block;
}
.Slider .slick-arrow {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  margin: 0;
  width: 50%;
  height: 10rem;
  background: none;
  border-radius: 0;
  border-top: 0.1rem solid rgba(255,255,255,0.2);
}
.Slider .slick-arrow::before {
  content: '\e901';
  color: #fff;
  font-size: 4rem;
}
.Slider .slick-arrow:hover {
  background: #648193;
}
.Slider .slick-next {
  left: 50%;
  border-left: 0.1rem solid rgba(255,255,255,0.2);
}
.Slider .slick-dots {
  list-style: none;
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  height: 5rem;
  width: 5rem;
  margin: 0 0 0 -2.5rem;
  background: #375d74;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  z-index: 11;
}
.Slider .slick-dots li {
  font-size: 1.6rem;
  font-weight: bold;
  display: none;
  color: #fff;
  padding: 0;
}
.Slider .slick-dots li.slick-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
}
.Slider .slick-dots li span {
  color: rgba(255,255,255,0.2);
  padding: 0 0.3rem;
  font-weight: 300;
  font-size: 150%;
}
.slids {
  padding: 7.3rem 8rem 6rem;
  color: #fff;
  font-size: 3rem;
  line-height: 1.2;
}
.slids .name {
  font-size: 6.8rem;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 2.5rem;
}
.slids p {
  margin: 0 0 4.3rem;
}
.section {
  margin: 0 0 16rem;
}
.section > *:last-child {
  margin-bottom: 0;
}
.section-title {
  text-align: center;
  margin: 0 0 3.7rem;
}
.section-title > *:last-child {
  margin-bottom: 0;
}
.section-title h2 {
  font-size: 3.6rem;
}
.list-item {
  list-style: none;
  margin: 0 0 3rem;
  overflow: hidden;
}
.list-item >li {
  padding: 0;
}
.section-category {
  padding: 3rem 0 3rem;
  /* background: url("../img/bg-line.png") repeat-y 50% 0; */
}
.section-title {
  text-align: center;
  margin: 0 0 1.5rem;
}
.section-title > *:last-child {
  margin-bottom: 0;
}
/* .section-title h2 {
  font-size: 4.2rem;
} */
.list-category {
  list-style: none;
  margin: 0 -1rem 6rem;
  justify-content: center;
}
.list-category >li {
  padding: 4rem 1rem 0;
}
.category, .item-cat {
  display: block;
  /* padding: 0 0 6.8rem; */
  position: relative;
  text-decoration: none;
}
.category-wrap{
    padding-bottom: 3rem;
}
.category-pane, .item-cat-pane{
    /* padding-bottom: 3rem; */
}
.category__front, .item-cat__front{
    position: relative;
}
.category__back, .item-cat__back{
    display: none;
    padding-bottom: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #26495e;
}
.category__back-inner, .item-cat__back-inner{
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1.8rem;
    color:#fff;
    font-size: 1.6rem;
    display: flex;
    flex-direction:column;
    align-items:center;
    justify-content: center;
    text-align: center;
}
@media (max-width:1440px) {
    .category__back-inner, .item-cat__back-inner{
        padding: 20px;
    }
}

.category__back-inner strong, .item-cat__back-inner strong{
    font-size: 2rem;
    margin-bottom: 1.2rem;
    display: block;
}


.item-cat-wrap{
    -webkit-perspective: 500;
    -moz-perspective: 500;
    -ms-perspective: 500;
    perspective: 500;
    -ms-transform: perspective(500px);
    -moz-transform: perspective(500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style:preserve-3d;
    /* background-color: #787e871a; */
}

.item-cat-pane{
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-timing-function: cubic-bezier(.5,.3,.3,1);
    transition-timing-function: cubic-bezier(.5,.3,.3,1);
}

.item-cat-wrap.item-cat-wrap_opened .item-cat-pane{
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.item-cat__front{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 2;
}

.item-cat__back{
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotate3d(360,0,0,180deg);
        transform: rotate3d(360,0,0,180deg);
}

.item-cat__back-inner{
    transform: translateZ(3rem);
    -webkit-transform: translateZ(3rem);
}

@media (min-width: 991px){
    .category-wrap, .item-cat-wrap{
        -webkit-perspective: 500;
        -moz-perspective: 500;
        -ms-perspective: 500;
        perspective: 500;
        -ms-transform: perspective(500px);
        -moz-transform: perspective(500px);
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style:preserve-3d;
        /* background-color: #787e871a; */
    }
    
    .category-pane, .item-cat-pane{
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transition-timing-function: cubic-bezier(.5,.3,.3,1);
        transition-timing-function: cubic-bezier(.5,.3,.3,1);
    }
    
   /* .category-wrap:hover .category-pane, .item-cat-wrap:hover .item-cat-pane{
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    */
    /* Корректировка галереии на странице услуг */
    .text-page .photo-galery img {max-height:100%;height:auto;}
    /* Конец корректировки */
    .category__front, .item-cat__front{
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        z-index: 2;
    }
    
    .category__back, .item-cat__back{
        display: block;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: rotate3d(360,0,0,180deg);
            transform: rotate3d(360,0,0,180deg);
    }
    
    .category__back-inner, .category .category-content, .item-cat__back-inner{
        transform: translateZ(3rem);
        -webkit-transform: translateZ(3rem);
    }

}
.category .img-box{
    position: relative;
    overflow:hidden;
    padding-bottom: 100%;
}
.category img {
  position: absolute;
  width: 100%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.category .category-content {
  position: absolute;
  bottom: -2.6rem;
  left: 4rem;
  right: 4rem;
  background: #26495eb8;
  min-height: 10rem;
  padding: 2rem 2rem 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.category .name {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  /* height: 6rem; */
}
.category .link {
  /* border-top: 0.1rem solid rgba(255,255,255,0.2); */
  padding: 2rem 0 0;
  font-size: 1.1rem;
  font-weight: 800;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f58356;
  text-transform: uppercase;
}
.category .link i {
  margin: 0 0 0 1rem;
}
/* .category:hover {
  -webkit-transform: translateY(-0.2rem);
      -ms-transform: translateY(-0.2rem);
       -o-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
.category:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
       -o-transform: scale(1.05);
          transform: scale(1.05);
} */
.section-advantage {
  /* background: url("../img/bg-section-advantage.jpg") no-repeat 50% 0; */
  background: #fff;
  -webkit-background-size: cover;
          background-size: cover;
  position: relative;
  z-index: 5;
  margin: 0 -1rem;
  padding: 3rem 1rem 0;
}
.section-advantage::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../img/bg-line-advantage.png") repeat-y 50% 0;
  z-index: -1;
}
.section-advantage .section-title h2 {
  /* color: #fff; */
}
.list-advantage {
  list-style: none;
  margin: -2rem -1rem 6rem;
}
.list-advantage >li {
  padding: 2rem 1rem 0;
  min-height: 14rem;
}
.advantage {
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  min-height: 100%;
  font-size: 2.1rem;
}
.advantage .img-box {
    flex: 0 0 6rem;
    margin: 0 1.5rem 0 0;
}
.advantage .img-box img {
  margin: auto;
}
.advantage .advantage-cont{
    font-size: 1.7rem;
}

@media (max-width:575px) {
    .advantage .advantage-cont{
        font-size: 1.6rem;
    }
}

.section-coment {
  margin: 0 -1rem;
  padding: 2rem 1rem 6rem;
  /* background: url("../img/bg-line.png") repeat-y 50% 0; */
}
.serteficat {
  background: url("../img/bg-sertificat.png") no-repeat;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 2.5rem;
  display: block;
  max-width: 24.6rem;
  margin: auto;
}
.CaruselComent {
  padding: 0 11.5rem;
  margin: 0 0 6rem;
}
.CaruselComent .slick-slide {
  padding: 0 2.5rem;
}
.slick-arrow {
  display: block;
  height: 8rem;
  width: 8rem;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.4rem 5rem 0 rgba(0,0,0,0.1);
          box-shadow: 0 0.4rem 5rem 0 rgba(0,0,0,0.1);
  border: 0;
  font-size: 0;
  position: absolute;
  top: 50%;
  margin: -4rem 0 0;
  cursor: pointer;
  color: #f58356;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
}
.slick-arrow:hover {
  background: #fda37f;
  color: #fff;
}
.slick-arrow::before {
  display: block;
  content: '\e900';
  font-family: 'icomoon';
  font-size: 3rem;
  margin: 0 0 0 0.6rem;
}
.slick-prev {
  left: 0;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}
.slick-next {
  right: 0;
}
.section-about {
  /* background: #e5e5e5; */
  position: relative;
  margin: 0 -1rem;
  padding: 4rem 1rem 5rem;
  display: flex;
}
.section-about .imgBox {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
}
.about {
  max-width: 50%;
  position: relative;
  padding: 0 13rem 0 0;
}
.about .section-title {
  text-align: left;
  margin: 0 0 2.5rem;
}
.about p {
  margin: 0 0 4.5rem;
}

.section-partners{
    margin: 0 -1rem;
    padding: 10rem 1rem;
    /* background: url("../img/bg-line.png") repeat-y 50% 0; */
}

.list-partners{
    list-style:none;
    margin-top:5.5rem;
    background-color: white;
    margin:1rem;
}

.list-partners li{
    padding:0;
}

.list-partners .partner{
    margin:2rem 0;
    filter: grayscale(100%);
    transition: filter .4s;
}

.list-partners .partner:hover{
    filter: grayscale(0%);
}

.list-partners .partner a{
    display:flex;
    height: 20rem;
    justify-content:center;
    align-items:center;
    /*filter: grayscale(1);
    transition:0.5s;*/
}

/*.list-partners .partner a:hover{
    filter: grayscale(0);
}*/

.section-partners .btn-center{
    margin-top:6rem;
}

.section-contact {
  position: relative;
  margin: 0 -1rem;
}
#map {
  height: 80rem;
  background: #ccc;
}
[class*="ymaps-2"][class*="-ground-pane"] {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.contact {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 50%;
  width: 38rem;
  background: #fff;
  -webkit-box-shadow: 0 2.4rem 10.4rem 0 rgba(38,73,94,0.2);
          box-shadow: 0 2.4rem 10.4rem 0 rgba(38,73,94,0.2);
  padding: 3rem 3rem;
  margin: 0 0 0 -71rem;
}
.contact h2 {
  font-size: 4rem;
  font-weight: 500;
  margin: 0 0 1.7rem;
}
.list-contact {
  list-style: none;
  margin: 0;
}
.list-contact >li {
  border-top: 0.1rem solid #e5e5e5;
  padding: 1.5rem 0;
}
.list-contact >li:first-child {
  border-top: 0;
  padding-top: 0;
}
.list-contact >li:last-child {
  padding-bottom: 0;
}
.contact-one {
  margin: 0 -1rem;
}
.contact-one >div {
  padding: 0 1rem;
}
.contact-one .box-icon {
  height: 4rem;
  width: 4rem;
  border: 0.1rem solid rgbA(245, 131, 86, 0.3);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  color: #f58356;
  font-size: 1.7rem;
}
.contact-one .name {
  font-size: 1.6rem;
  color: #a5a5a5;
  text-transform: uppercase;
  margin: 0 0 0.2rem;
}
.contact-one .phone {
  font-size: 1.8rem;
  font-weight: 500;
}
.contact-one .phone a {
  color: #2f2f2f;
  text-decoration: none;
}
.contact-one .data {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
}
.contact-one .link {
  color: #2f2f2f;
  text-decoration: none;
}
.photo-galery {
  list-style: none;
  margin: -2rem -1rem 2rem;
}
.photo-galery >li {
  padding: 2rem 1rem 0;
}
.breadcrumb {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 2.5rem 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background:none !important;
}
.breadcrumb >li {
  padding: 0 2.2rem 0 0;
  margin: 0 1.7rem 0 0;
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
}
.breadcrumb >li::before {
  display: block;
  content: '/';
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
  position: absolute;
  top: 0;
  right: 0;
  color: #d7d7d7;
}
.breadcrumb >li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.breadcrumb >li:last-child::before {
  display: none;
}
.breadcrumb >li:first-child a {
  color: #f58356;
}
.breadcrumb >li:first-child a:hover {
  color: #fda37f;
}
.breadcrumb >li a {
  text-decoration: none;
  color: #26495e;
}
.breadcrumb >li a:hover {
  color: #fda37f;
}
.breadcrumb >li a .icon-home {
  font-size: 120%;
}
/*column*/
.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -1rem 0;
}
.column > *:last-child {
  margin-bottom: 0;
}
.column.column-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.column-content {
  width: -webkit-calc(100% - 30rem);
  width: calc(100% - 30rem);
  padding: 0 1rem 0;
}
.column-content > *:last-child {
  margin-bottom: 0;
}
.column-sitebar {
  width: 30rem;
  padding: 0 1rem 0;
}
.column-sitebar > *:last-child {
  margin-bottom: 0;
}
/*column*/
.column-width {
  max-width: 98rem;
}
.column-width > *:last-child {
  margin-bottom: 0;
}
#OpenSitebar,
#OpenFilter {
  display: none;
}
.sitebar {
  list-style: none;
  margin: 0;
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ebebeb;
}
.sitebar li {
  padding: 0;
  position: relative;
}
.sitebar li.active::before {
  opacity: 1;
}
.sitebar li.active a {
  background: #f8f8f8;
}
.sitebar li::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  background: #f58356;
  width: 0.2rem;
  height: 5rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.sitebar li::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 2rem;
  right: 2rem;
  background: #e8e8e8;
  height: 0.1rem;
}
.sitebar li:first-child::after {
  display: none;
}
.sitebar li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 3rem;
  font-size: 1.5rem;
  font-weight: 900;
  color: #1b1b1b;
  text-decoration: none;
  height: 9.4rem;
}
.sitebar li a .box-icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4rem;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
  margin: 0 1rem 0 0;
}
.sitebar li a .box-icon img {
  margin: 0 auto;
}
.sitebar li a:hover {
  background: #f8f8f8;
}
/*sitebar*/
.sitebar-box {
  margin: 0 0 5rem;
}
.sitebar-box .menu-category {
  background: #26495e;
  border-radius: 0;
}
.sitebar-box .menu-category >li::before {
  background: rgba(255,255,255,0.2);
}
.sitebar-box .menu-category >li >a {
  color: #fff;
  padding-right: 3rem;
}
.sitebar-box .menu-category >li >a:hover,
.sitebar-box .menu-category >li >a.active {
  background: #365d74;
}
.sitebar-box .menu-category >li >a .box-icon {
  margin: 0 1.5rem 0 0;
}
.section-more h2 {
  font-size: 3rem;
  margin: 0 0 4rem;
  padding: 0 10rem 0 0;
}
.Carusel .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.Carusel .slick-slide {
  float: none;
  min-height: 100%;
  height: auto;
}
.Carusel .slick-slide >div {
  display: block;
  height: 100%;
}
.Carusel .slick-slide >div >div {
  display: block;
  height: 100%;
}
.Carusel::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 0.2rem;
  background: #fff;
  z-index: 10;
}
.Carusel .slick-arrow {
  position: absolute;
  bottom: 100%;
  right: 0;
  height: 4rem;
  width: 4rem;
  border-radius: 0.5rem;
  background: #c7deee;
  border: 0.2rem solid #c7deee;
  font-size: 0;
  color: #f58356;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  margin: 0 0 4rem;
}
.Carusel .slick-arrow:hover {
  border-color: #8bd;
}
.Carusel .slick-arrow::before {
  display: block;
  content: '\e901';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 1.2rem;
}
.Carusel .slick-next {
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
       -o-transform: scaleX(-1);
          transform: scaleX(-1);
}
.Carusel .slick-prev {
  right: 5rem;
}
.img-main {
  margin: 0 0 3rem;
}
.form-coment {
  background: #26495e;
  padding: 4.5rem 6rem;
  margin: 0 0 10rem;
}
.form-coment h2 {
  color: #fff;
  font-size: 4.8rem;
  margin: 0 0 2.5rem;
}
.form-coment .btn {
  width: 25rem;
}
.form-row {
  margin: -2rem -1rem 0;
}
.form-row >div {
  padding: 2rem 1rem 0;
}
.form-row >div > *:last-child {
  margin-bottom: 0;
}
.btn-load {
  display: block;
  max-width: 25rem;
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.btn-load input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
}
.btn-load .btn {
  font-size: 1.4rem;
  padding-top: 1.9rem;
  padding-bottom: 1.9rem;
}
.form-code {
  display: block;
  position: relative;
  max-width: 37rem;
}
.form-code .form-element {
  margin: 0;
}
.form-code .form-element .form-error {
  padding: 0 6rem 0 14rem;
}
.form-code .tx {
  padding: 0 6rem 0 14rem;
}
.form-code .form-code-img {
  position: absolute;
  top: 0.2rem;
  bottom: 0.2rem;
  left: 0.2rem;
  width: 14rem;
  z-index: 22;
  border-radius: 0.4rem 0 0 0.4rem;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-code .form-code-img img {
  max-height: 100%;
}
.form-code button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  bottom: 0.2rem;
  width: 6rem;
  z-index: 22;
  background: none;
  border: 0;
  cursor: pointer;
  color: #f58356;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-code button:hover {
  color: #fda37f;
}
.form-reting {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  min-height: 6rem;
}
.form-reting label {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 1rem 0 0;
}
.stars-reting .jq-selectbox__select,
.stars-reting select {
  display: none;
}
.stars-reting .br-widget {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 2.2rem;
  line-height: 2.2rem;
}
.stars-reting .br-widget a {
  text-decoration: none;
  color: #fff;
  margin: 0 0 0 0.5rem;
}
.stars-reting .br-widget a::before {
  display: block;
  content: '\e902';
  font-family: 'icomoon';
}
.stars-reting .br-widget a.br-active {
  color: #fda37f;
}
.stars-reting .br-widget a.br-selected {
  color: #f58356;
}
.section-last {
  margin-bottom: -15rem !important;
}
.list-coment {
  list-style: none;
  margin: 0;
}
.list-coment >li {
  padding: 3rem 0 0;
}
.list-coment >li:first-child {
  padding-top: 0;
}
.coment {
  background: #fff;
  padding: 4rem 4rem;
}
.coment .img-box {
  background: url("../img/bg-sertificat.png") no-repeat;
  padding: 2.5rem;
  -webkit-box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
          box-shadow: 0 0 2rem 0 rgba(0,0,0,0.3);
  width: 24.6rem;
}
.coment .name {
  font-size: 2.4rem;
  font-weight: bold;
}
.coment .city {
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
.coment .line {
  height: 0.1rem;
  background: #e5e5e5;
  margin: 2.6rem 0;
}
.coment .coment-content {
  margin: -3rem -3rem 0;
}
.coment .coment-content >div {
  padding: 3rem 3rem 0;
}
.coment .coment-content >div > *:last-child {
  margin-bottom: 0;
}
.reting {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -0.1rem;
}
.reting >li {
  padding: 0 0.1rem;
  font-size: 1.6rem;
}
.reting >li.active {
  color: #f58356;
}
.page-none {
  background: #000 url("../img/bg-404.jpg") no-repeat 50% 0;
}
.page-none-404 {
  height: 33.6rem;
  position: relative;
  margin: 0 0 17.5rem;
}
.search-page {
  color: #fff;
  text-align: center;
}
.search-page h1 {
  color: #fff;
  font-size: 7.6rem;
  line-height: 1;
  margin: 0 0 1.5rem;
}
.search-page p {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 3rem;
}
.search-page p a {
  color: #fff;
  text-decoration: none;
  border-bottom: 0.1rem solid rgba(255,255,255,0.5);
}
.search-page-box {
  max-width: 70rem;
  margin: auto;
  position: relative;
}
.search-page-box button {
  position: absolute;
  top: 0;
  right: 0;
  height: 6rem;
  width: 6rem;
  background: none;
  border: 0;
  font-size: 2.3rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #dadada;
  z-index: 11;
}
.search-page-box button:hover {
  color: #fda37f;
}
.search-page-box .tx {
  padding-right: 7rem;
}
.search-page-box .form-element .form-error {
  padding-right: 7rem;
}
.from-callback {
  background: #fff;
  padding: 6rem 5rem;
  margin-top: -5rem;
  position: relative;
  z-index: 15;
}
.from-callback h2 {
  text-align: center;
  font-size: 4.8rem;
  margin: 0 0 2.5rem;
}
.from-callback .check-small {
  text-align: left;
  font-size: 1.8rem;
  margin: 0;
}
.from-callback .form-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 -1rem 0;
}
.from-callback .form-button >div {
  padding: 2rem 1rem 0;
}
.section-callback {
  background: #26495e;
  margin: 0 -1rem;
}
.list-work {
  list-style: none;
  margin: -2rem -1rem 0;
}
.list-work >li {
  padding: 2rem 1rem 0;
}
.photo {
  display: block;
  position: relative;
  color: #fff;
  text-decoration: none;
}
.photo::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f58356;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}
.photo:hover {
  color: #fff;
}
.photo:hover i {
  opacity: 1;
}
.photo:hover::before {
  opacity: 0.7;
}
.photo i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  font-size: 6.4rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.photo img {
  width: 100%;
}
.list-catalog {
  list-style: none;
  margin: -2rem -1rem 0;
}
.list-catalog >li {
  padding: 2rem 1rem 0;
}
.item {
    position: relative;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;

}
/* .item:hover {
  -webkit-box-shadow: 0 0.5rem 4rem 0 rgba(0,0,0,0.1);
          box-shadow: 0 0.5rem 4rem 0 rgba(0,0,0,0.1);
} */

/* .item-cat__front{
    padding-bottom: 100%;
    overflow:hidden;
} */

.item-cat__front img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit:cover;
}

.list-catalog .item:not(.item-cat__outer), .item-cat__front{
  padding-bottom: 100%;
  overflow:hidden;    
}

.list-catalog .item:not(.item-cat__outer)::after, .item-cat__front::after{
    content:'';
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #1B2026 0%, rgba(27, 32, 38, 0) 100%);
}

.list-catalog .item:not(.item-cat__outer) a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.item a img{
    width: 100%;
    height: 100%;
    
}

.slider-top .item img{
    /* width: 100vw !important; */
}

.item .availability {
    text-align: center;
    padding: 0 15px;
    margin: 0 0 23px;
}

.item .availability .status {
    color: #2F2F2F;
    font-size: 18px;
    line-height: 1;
}

.item .availability .status.ok i {
    color: #88C07A;
}

.item .availability .status.no i {
    color: #E3B04B;
}

.item .availability .status i {
    margin-right: 4px;
}
.item .item-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.item .img-box {
  display: block;
}
.item .img-box img {
  width: 100%;
  object-fit:cover;
}
.item .name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 50%;
    display: flex;
    z-index: 2;
    align-items: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 1.8rem;
  font-weight: bold;
  padding: 2rem 1.5rem;
  line-height: 1.1;
  text-align: center;
  color:#fff;
 
}
.item .name a {
  text-decoration: none;
  color: #2f2f2f;
}
.item .name a:hover {
  color: #fda37f;
}
.item .item-price {
  color: #969696;
  font-size: 2.2rem;
  text-align: center;
  border-top: 0.1rem solid #dfdfdf;
  padding: 1.8rem 1.5rem;
}
.item .item-price .price {
  font-weight: bold;
  color: #f58356;
  margin: 0 1rem 0 0;
  display: inline-block;
}
.item .item-price .price-old {
  font-size: 2.4rem;
  font-weight: 500;
  position: relative;
  display: inline-block;
}
.item .item-price .price-old::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: -0.5rem;
  right: -0.2rem;
  height: 0.2rem;
  background: #f58356;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.filter {
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 4rem rgba(0,0,0,0.1);
          box-shadow: 0 0.5rem 4rem rgba(0,0,0,0.1);
  padding: 0 3rem;
}
.filter .name {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 2rem;
  line-height: 1.1;
}
.filter-box {
  padding: 3.5rem 0;
  border-bottom: 0.1rem solid #dfdfdf;
}
.filter-box > *:last-child {
  margin-bottom: 0;
}
.list-filter-check {
  list-style: none;
  margin: -2rem 0 2rem;
}
.list-filter-check >li {
  padding: 2rem 0 0;
}
.filter-more {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
}
.filter-more span {
  border-bottom: 0.1rem dotted #f58356;
}
.filter-more i {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.filter-button {
  margin: 0 -1rem 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  padding: 1rem 0 4rem;
}
.filter-button >div {
  padding: 2rem 1rem 0;
}
.filter-button .btn-small {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.btn-reset {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
  border: none;
  font-size: 1.8rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-reset:hover {
  color: #fda37f;
}
.btn-reset:hover span {
  border-bottom-color: #fda37f;
}
.btn-reset span {
  border-bottom: 0.1rem dotted #2f2f2f;
}
.btn-reset i {
  font-size: 1rem;
  margin: 0 0.5rem 0 0;
}
.DragSliderData {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #f8f8f8;
  position: relative;
  height: 5.3rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
}
.DragSliderData::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  height: 2.8rem;
  width: 0.1rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #ebebeb;
}
.DragSliderData .slider-drag-data {
  width: 50%;
  padding: 0 1.5rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.DragSliderData .sub {
  font-weight: 300;
  color: #969696;
  margin: 0 0.5rem 0 0;
}
.noUi-target {
  height: 0.4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #dfdfdf;
  border: 0;
}
.noUi-horizontal .noUi-handle {
  height: 2rem;
  width: 2rem;
  border: 0;
  border-radius: 0.3rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #fff;
  border: 0.5rem solid #f58356;
  -webkit-box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.15);
          box-shadow: 0 0.2rem 1rem 0 rgba(0,0,0,0.15);
  top: -8px;
  right: -10px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.noUi-horizontal .noUi-handle::before,
.noUi-horizontal .noUi-handle::after {
  display: none;
}
.noUi-horizontal .noUi-handle:hover {
  border-color: #fda37f;
}
.noUi-connect {
  background: #f58356;
}
.card {
  border-bottom: 0.1rem solid #dfdfdf;
  padding: 0 0 10rem;
  margin: 0 0 9rem;
}
.card > *:last-child {
  margin-bottom: 0;
}
.card:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.card h3 {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 1.3rem;
}
.card .line {
  margin: 3.5rem 0;
}
.card .card-info {
  background: #f8f8f8;
  Justify-content: space-between;
  padding: 1rem 1.5rem 2rem;
  margin: 0;
  line-height: 1.1;
}
.card .card-info >div {
  padding: 1rem 0.5rem 0;
}
.card .name-price {
  font-size: 2.2rem;
  color: #969696;
}
.card .price {
  font-size: 3.8rem;
  font-weight: bold;
  color: #f58356;
  margin: 0 2rem 0 0;
}
.card .price-old {
  font-size: 2.2rem;
  position: relative;
  display: inline-block;
  color: #969696;
}
.card .price-old::before {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: -0.5rem;
  right: -0.2rem;
  height: 0.2rem;
  background: #f58356;
  -webkit-transform: rotate(-5deg);
      -ms-transform: rotate(-5deg);
       -o-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.card .price-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.card .btn {
  font-size: 1.6rem;
  font-weight: 800;
}
.card-row {
  margin: 0 0 7.5rem;
  padding: 5rem 4.5rem;
  background: #fff;
  font-size: 1.6rem;
}
.card-row >div {
  padding: 0 3rem;
}
.SliderCard {
  margin: 0 0 2rem;
}
.SliderCard img {
  width: 100%;
}
.SliderCardNav {
  padding: 0 5rem;
}
.SliderCardNav .slick-slide {
  padding: 0 1rem;
}
.SliderCardNav .img-box {
  position: relative;
  cursor: pointer;
}
.SliderCardNav .img-box img {
  width: 100%;
  border: 0.2rem solid #e3e3e3;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.SliderCardNav .img-box:hover img {
  border-color: #fda37f;
}
.SliderCardNav .slick-current .img-box {
  cursor: default;
}
.SliderCardNav .slick-current .img-box img {
  border-color: #f58356;
}
.SliderCardNav .slick-arrow {
  height: 4rem;
  width: 4rem;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f58356;
  background: rgba(245,131,86,0.1);
  margin: -2rem 0 0;
}
.SliderCardNav .slick-arrow:hover {
  background: #fda37f;
  color: #fff;
}
.SliderCardNav .slick-arrow::before {
  font-size: 1.6rem;
  margin: 0 0 0 0.4rem;
}
.slider-top {
    width: 100%;
    box-shadow: 0px 3px 4px 0px rgba(0,0,0,.25);
    /* width: 80%; */
    margin: 0 auto;
}

@media (max-width:991px) {
    .slider-top{
        width: 100%;
    }
}

.slider-top .slick-arrow {
    background: transparent;
    width: 59px;
    height: 114px;
    box-shadow: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 333;
    left: initial;
    margin: 0;
}

.slider-top .slick-arrow:before {
    display: none;
}

.slider-top .slick-arrow.next {
    right: 50%;
    margin-right: -700px;
}

.slider-top .slick-arrow.prev {
    left: 50%;
    margin-left: -700px;
}
.list-card-data {
  list-style: none;
  margin: 0 0 3.5rem;
}
.list-card-data >li {
  padding: 1.2rem 0 0;
}
.list-card-data >li:first-child {
  padding-top: 0;
}
.card-data {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  Justify-content: space-between;
  z-index: 5;
}
.card-data::before {
  display: block;
  content: '';
  position: absolute;
  top: 1.5rem;
  left: 0;
  right: 0;
  height: 0.1rem;
  border-top: 0.1rem dashed #a9a9a9;
  z-index: -1;
}
.card-data .name-sub {
  background: #fff;
  padding: 0 1rem 0 0;
}
.card-data .result {
  background: #fff;
  padding: 0 0 0 1rem;
  font-weight: bold;
  text-align: right;
}
.section-item h2 {
  font-size: 4.8rem;
  text-align: center;
  margin: 0 0 3.5rem;
}
.CaruselItem {
  margin: -1rem -1rem 0;
  padding: 0 0 11rem;
}
.CaruselItem .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.CaruselItem .slick-slide {
  padding: 2rem 1rem;
  float: none;
  min-height: 100%;
  height: auto;
}
.CaruselItem .slick-slide >div {
  height: 100%;
}
.CaruselItem .slick-slide >div >div {
  height: 100%;
}
.CaruselItem .item:hover {
  -webkit-box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,0.1);
          box-shadow: 0 0.5rem 1.5rem 0 rgba(0,0,0,0.1);
}
.CaruselItem .slick-arrow {
  height: 8rem;
  width: 8rem;
  top: auto;
  bottom: 0;
  margin: 0;
}
.CaruselItem .slick-prev {
  left: 50%;
  margin: 0 0 0 -9rem;
}
.CaruselItem .slick-next {
  right: 50%;
  margin: 0 -9rem 0 0;
}
.skin-main {
  margin: -2rem -1rem 0;
  /* -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse; */
}
.skin-main >div {
  padding: 2rem 1rem 0;
}
.skin-main .btn-skin-load {
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: bold;
  /* padding: 1.9rem 2rem; */
  padding: 1.5rem 1.5em;
}
.skin {
  background: #fff;
  padding: 2rem;
  height: 100%;
}
.skin-button {
  list-style: none;
  margin: -2rem -1rem 2rem;
}
.skin-button >li {
  padding: 2rem 1rem 0;
}
.skin-button .skin-color {
  height: 100%;
}
.skin-button .btn-skin {
  min-height: 100%;
}
.btn-skin {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: none;
  padding: 1.3rem 1.5rem;
  width: 100%;
}
.skin-color {
  position: relative;
}
.skin-color.active {
  z-index: 20;
}
.skin-color.active .skin-color-drop {
  opacity: 1;
  height: auto;
  overflow: visible;
}
.skin-color-drop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.skin-color-drop-box {
  background: #fff;
  -webkit-box-shadow: 0 0.5rem 3.4rem 0 rgba(0,0,0,0.1);
          box-shadow: 0 0.5rem 3.4rem 0 rgba(0,0,0,0.1);
  padding: 3rem 2.5rem;
  margin: 1.5rem 0 0;
  position: relative;
}
.skin-color-drop-box::before {
  display: block;
  content: '';
  position: absolute;
  top: -0.6rem;
  left: 50%;
  height: 0.6rem;
  width: 1rem;
  margin: 0 0 0 -0.5rem;
  border-bottom: 0.6rem solid #fff;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
}
.list-check-color {
  list-style: none;
  margin: -1rem -0.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.list-check-color li {
  padding: 1rem 0.5rem 0;
}
.check-color {
  display: block;
  position: relative;
}
.check-color input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.check-color span {
  display: block;
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  cursor: pointer;
}
.check-color span::before {
  display: block;
  content: '';
  position: absolute;
  top: -0.2rem;
  left: -0.2rem;
  right: -0.2rem;
  bottom: -0.2rem;
  border: 0.2rem solid #fda37f;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.check-color span:hover::before {
  opacity: 1;
}
.check-color input:checked + span::before {
  opacity: 1;
  border-color: #f58356;
}
.skin-result {
  overflow: hidden;
  margin: 0 0 2rem;
  position: relative;
  width: 1020px;
  height: 600px;
  max-width: 100%;
}

.skin-result .fartuk img{
    max-height: 165px;
    
}
.skin-result img {
  width: 100%;
}

.skin-result .fartuk{
  position: absolute;
  top: 160px;  
  width: 770px;
  right: 0;
  /* position: relative; */
      display: flex;
    justify-content: flex-end;
  height: 133px;
  }
  
.skin-result .top{
  position: absolute;
  }  
   
.skin-result .compt{
  position: absolute;
  }  

.skin-result .bottom{
  position: absolute;
  }  
  
.skin-result .top-block{
    width:100%;
        height: 29%;
    position:absolute;
    top: -15px;
    /* left:0; */
    right: 0;
    z-index:2;
    background-color: white;
}

.skin-content-left .scroll-wrapper::before{
    display: none;
}

.skinali-types{
    width:100%;
    margin:0;
    padding: 0 20px;
}

.skinali-type{
    list-style:none;
    min-height:50px;
    border-bottom: 1px solid #ffffff40;
    padding:0;
}

.skinali-type:hover{
    cursor:pointer;
}

.skinali-type:last-child{
    border:none;
}

/* .skinali-type a{
    font-family: SF UI Display;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 33px;
    color: #FFFFFF;
    text-decoration:none;
} */

.skinali-type label{
    margin:0;
    width:100%;
    height: 100%;
    padding:10px 0;
}

.skinali-type label:hover{
    cursor:pointer;
}
.skinali-type span{
    font-family: SF UI Display;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    /* line-height: 33px; */
    color: #FFFFFF;
    text-decoration:none;
}

.skinali-type input[type="radio"]{
    display:none;
}

@media(min-width: 1201px) and (max-width:1440px){
    .skin-result .top-block {
        height: 130px;
        top: 1px;
        right: 0;
    }
}

@media(min-width: 768px) and (max-width:1200px){
    .skin-result .top-block{
                height: 106px;
        top: 0px;
        right: 0;
    }
}

.skin-result .bottom-block{
    width:100%;
    /* height:34.5%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:3; */
    background-color: white;
    height: 26.5%;
    position: absolute;
    bottom: 143px;
    /* left: 0; */
    right: 0;
    z-index: 3;
}

@media(min-width: 1201px) and (max-width:1440px){
    .skin-result .bottom-block{
        bottom: 228px;
        height: 21%;
        right: 0;
    }
}

@media(min-width: 992px) and (max-width:1200px){
    .skin-result .bottom-block{
        bottom: 300px;
        height: 17.5%;
        right: 0;
    }
}

@media(max-width:991px){
    .skin-result .bottom-block{
        bottom:185px;
        height: 24%;
    }
}

@media(max-width:769px){
    .skin-result .bottom-block{
        bottom:10px;
        height: 34%;
    }
}

.skin-result .compt-block{
    width:100%;
    height: 10px;
    position:absolute;
    top:49%;
    right: 0;
    z-index:3;
    background-color: white;
}

@media(max-width: 1440px){
    .skin-result .compt-block{
        top: 40%;
        right: 0;
        height: 8px;
    }
}

@media(max-width: 1200px){
    .skin-result .compt-block{
        top: calc(33% + -2px);
        height: 6px;
    }
}

@media(max-width: 991px){
    .skin-result .compt-block{
        top: calc(44% + 1px);
        /* height: 6px; */
    }
}

@media(max-width: 769px){
    .skin-result .compt-block{
        top:63%;
    }
}

@media(max-width: 603px){
    /* .skin-result .compt-block{
        top:200px;
    } */
}

@media(max-width: 575px){
    .skin-result .compt-block{
        top:205px;
    }
}

@media(max-width: 570px){
    .skin-result .compt-block{
        top:62%;
    }
}

.skin-result .kitchen-template{
    position:absolute;
    z-index:5;
    top:0;
    left:0;
}

.btn-upload {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
}
.btn-upload input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.btn-upload .btn {
  width: 100%;
}
.skin-content, .skin-content-left{
  background: #fff;
  padding: 2.8rem 1rem 2rem;
  min-height: 100%;
}
.skin-content h3 {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  margin: 0 0 3.5rem;
}
.skin-content-left{
    background: #26495E;
    box-shadow: 0px 24px 104px rgba(38, 73, 94, 0.2);
    /* padding: 0; */
    padding-top: 15px;
}
/* .scroll-wrapper::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
  background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  background: linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  z-index: 90;
} */
/* .SkinScrolBig.scroll-wrapper::before {
  display: block;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff));
  background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  background: -o-linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  background: linear-gradient(rgba(255,255,255,0) 0%, #fff 100%);
  z-index: 1000;
} */
.SkinScrol {
  /* height: 63rem; */
    /* height: 65rem;*/
    height: 71rem;
}
.SkinScrol.SkinScrolBig {
  /* height: 75rem; */
      height: 66rem;
}
.SkinScrol.scroll-content {
  padding-right: 1.5rem;
}
.SkinScrol >.scroll-element {
  background: #efefef;
  border-radius: 0.3rem;
}
.SkinScrol.SkinScrolLeft  .scroll-element_track{
    background: #1A3849;
}
.SkinScrol.SkinScrolLeft .scroll-bar{
    background: #41708C !important;
}
.SkinScrol .scroll-element.scroll-x {
  height: 2rem;
  position: relative;
  margin: 1rem 0 0;
}
.SkinScrol .scroll-element.scroll-x >div {
  height: 2rem;
}
.SkinScrol .scroll-element.scroll-y {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1rem;
  width: 6px;
  border-radius: 3px;
  z-index: 95;
}
.SkinScrolLeft .scroll-element.scroll-y{
    background: #1A3849;
    border-radius: 3px !important;
}
.SkinScrol .scroll-element.scroll-y >div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.SkinScrol .scroll-element.scroll-y >div .scroll-element_size,
.SkinScrol .scroll-element.scroll-y >div .scroll-element_track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.SkinScrol .scroll-element.scroll-y .scroll-bar {
  height: auto;
  width: 6px;
  min-height: 2.4rem;
  right: 0;
}
.SkinScrol .scroll-element .scroll-bar {
  height: 2rem;
  background: #d1d1d1;
  position: absolute;
  border-radius: 0.3rem;
}
.list-skinali {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -0.5rem 0;
}
.list-skinali >li {
  padding: 0 0.5rem 1rem;
}
.skinali {
  display: block;
  position: relative;
  margin: 0;
}
.skinali input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: auto;
  opacity: 0;
}
.skinali .skinali-box {
  position: relative;
  background: #efefef;
  border-radius: 0.3rem;
  font-size: 1.6rem;
  text-align: center;
  display: block;
  cursor: pointer;
}
.skinali .skinali-box::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 0.3rem;
  border: 0.2rem solid #fda37f;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.skinali .skinali-box:hover::before {
  opacity: 1;
}
.skinali .skinali-box img {
  width: 100%;
  border-radius: 0.3rem 0.3rem 0 0;
}
.skinali .name {
  padding: 0.5rem;
  display: block;
}
.skinali input:checked + .skinali-box::before {
  opacity: 1;
  border-color: #f58356;
}
.skinTab{
    margin: 0;
}
.CaruselSkin .slick-list{
    /* margin-right: 30px; */
}
.skin-nav {
  list-style: none;
  margin: -6rem auto 3rem;
  max-width: 70rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  Justify-content: center;
  position:relative;
  z-index:10;
  font-family: SF UI Display;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 24px;
    text-align: center;
    color: #2F2F2F;
    margin-top: -135px;
}
.skin-nav >li {
  width: 100%;
}
.check-nav {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
}
.check-nav input {
  position: absolute;
  top: 0;
  left: 0;
}
.check-nav .check-nav-box {
  background: #efefef;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  text-decoration: none;
  color: #2f2f2f;
  min-height: 100%;
  padding: 1.4rem 1rem;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  height: 100%;
}
.check-nav .check-nav-box::before {
  display: block;
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  height: 0.4rem;
  width: 1rem;
  border-top: 0.4rem solid #f58356;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  margin: 0 0 0 -0.5rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}
.check-nav .check-nav-box span {
  border-bottom: 0.1rem dashed #c8c8c8;
}
.check-nav .check-nav-box:hover,
.check-nav .check-nav-box.active {
  background: #f58356;
  color: #fff;
}
.check-nav .check-nav-box:hover span,
.check-nav .check-nav-box.active span {
  border-bottom-color: transparent;
}
.check-nav input:checked + .check-nav-box {
  color: #fff;
  background: #f58356;
  cursor: default;
}
.check-nav input:checked + .check-nav-box::before {
  opacity: 1;
}
.check-nav:last-child a {
  border-radius: 0 0.3rem 0.3rem 0;
}
.check-nav:first-child a {
  border-radius: 0.3rem 0 0 0.3rem;
}
.check-skin {
  display: block;
  position: relative;
  margin: auto;
}
.check-skin input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.check-skin .check-skin-box {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  height: 7.3rem;
  border: 0.2rem solid #f4f4f4;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding: 0 10px;
}
.check-skin .check-skin-box:hover {
  border-color: #fda37f;
}
.check-skin input:checked + .check-skin-box {
  border-color: #f58356;
}
.check-color input:checked + span::before

.CaruselSkin {
  padding: 0 2.5rem;
  margin: 0 0 3rem;
}

.CaruselSkin .list-check-color{
  width: 4rem !important;
  margin-top: 2rem;
  }

.CaruselSkin .slick-slide {
  padding: 0 0.5rem;
  display:flex;
  justify-content: center;
  align-items: center;
  /* width: auto !important; */
  /* margin: 0 20px; */
  padding: 0 22px;
  /* opacity:0; */
}

/* .CaruselSkin .slick-slide.slick-active{
    opacity;1;
} */
.CaruselSkin .slick-arrow {
  height: 2.8rem;
  width: 1.7rem;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  /* margin: -1.4rem 0 0; */
  margin: -0.7rem 0 0;
}
.CaruselSkin .slick-arrow:hover {
  background: none;
  color: #fda37f;
}
/* FOOTER
-----------*/
#footer {
  background: #2f2f2f;
  -webkit-background-size: cover;
          background-size: cover;
  padding: 0 1rem;
  color: #fff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 20rem;
  z-index: 2;
}
@media (max-width:991px) {
    #footer {
        padding: 0 4rem;
    }
}
.footer-box {
  max-width: 142rem;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}
.footer-box::before {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 66%;
  right: -100rem;
  background: #272727;
  z-index: -1;
}
.footer-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3.5rem 0 2rem;
}
.footer-logo {
  width: 19%;
  padding: 0 6rem 0 0;
}
.footer-data {
  width: 47%;
  padding: 0 6rem;
}
.footer-contact {
  width: 34%;
  padding: 0 0 0 6rem;
}
.footer-title {
  font-size: 1.8rem;
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 2.6rem;
}
.footer-nav li {
  padding: 1.2rem 0 0;
}
.footer-nav li a {
  color: #fff;
  text-decoration: none;
}
.footer-nav li a:hover {
  color: #fda37f;
}
.list-footer-contact {
  list-style: none;
  margin: 0 0 3rem;
}
.list-footer-contact >li {
  padding: 1rem 0 0;
}
.list-footer-contact >li:first-child {
  padding-top: 0;
}
.footer-contact-one {
  padding: 0 0 0 2.5rem;
  position: relative;
  font-size: 1.6rem;
}
.footer-contact-one i {
  position: absolute;
  top: 0.3rem;
  left: 0;
  color: #f58356;
  font-size: 1.5rem;
}
.footer-contact-one .link {
  text-decoration: none;
  color: #fff;
}
@media(min-width:767px) and (max-width:1200px){
    .footer-contact-one .phone:last-of-type{
        display:block;
    }
}

@media(max-width:350px){
    .footer-contact-one .phone:last-of-type{
        display:block;
    }
}

.footer-contact-one .sep {
  color: rgba(255,255,255,0.2);
  margin: 0 1rem;
}
.footer-contact-one address {
  font-style: normal;
}
.footer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.footer-left {
  width: 66%;
  padding: 0 6rem 0 0;
}
.footer-right {
  width: 34%;
  padding: 0 0 0 6rem;
}
.footer-bottom-box {
  border-top: 0.1rem solid rgba(255,255,255,0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  Justify-content: space-between;
  flex-wrap: wrap;
  padding: 3.5rem 0;
  font-size: 1.4rem;
}
.sitework {
  text-align: right;
  width: 100%;
}
.sitework a {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
.sitework a:hover {
  color: #fda37f;
}
.lock {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f58356;
}
.lock i {
  line-height: 0;
  margin: 0 0.8rem 0 0;
}
.lock a {
  color: #f58356;
}
.lock a:hover {
  text-decoration: underline;
  color: #fda37f;
}
.footer-nav-box {
  margin-top: -2.5rem;
}
.footer-nav-box >div {
  padding-top: 2.5rem;
}
.footer-nav-box >div > *:last-child {
  margin-bottom: 0;
}
/*POPUP*/
.popup {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
  text-align: center;
  background: rgba(0,0,0,0.75);
  width: 0;
  overflow: hidden;
  opacity: 0;
  letter-spacing: -0.36em;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.popup .popup-box {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
       -o-transform: scale(0.5);
          transform: scale(0.5);
}
.popup::before {
  display: inline-block;
  content: '';
  height: 100%;
  width: 1px;
  vertical-align: middle;
}
.popup.active {
  width: auto;
  opacity: 1;
  overflow-y: scroll;
  min-width: 320px;
}
.popup.active .popup-box {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}
.popup-box {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  max-width: 46rem;
  width: 94%;
  position: relative;
  text-align: left;
  background: #fff;
  margin: 1.5rem 0;
  padding: 4rem 5rem 4rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.close-popup {
  position: absolute;
  top: 2rem;
  right: 2rem;
  height: 1.6rem;
  width: 1.6rem;
  font-size: 1.6rem;
  text-decoration: none;
  color: #000;
}
.close-popup:hover {
  color: #fda37f;
}
body.hidden {
  overflow-y: hidden;
}
/*END POPUP*/
/* POPUP MORE*/
.popup-green .popup-box {
  background: #89c17b;
  padding: 6rem 1.5rem 5.5rem;
  color: #fff;
}
.popup-green .close-popup {
  color: #2f2f2f;
  opacity: 0.2;
}
.popup-green .close-popup:hover {
  opacity: 0.75;
}
.popup-thanks {
  text-align: center;
  max-width: 34rem;
  margin: auto;
}
.popup-thanks > *:last-child {
  margin-bottom: 0;
}
.popup-thanks .box-icon {
  height: 12rem;
  width: 12rem;
  border-radius: 50%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  Justify-content: center;
  font-size: 12rem;
  margin: 0 auto 3.5rem;
}
.popup-thanks h2 {
  font-size: 3.6rem;
  margin: 0 0 0.3rem;
  color: #fff;
}
.popup-thanks p {
  font-size: 2.4rem;
  line-height: 1.3;
}
/* END POPUP MORE*/
.form-popup h2 {
  font-size: 4rem;
  text-align: center;
  margin: 0 0 0.3rem;
}
.form-popup-text {
  text-align: center;
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 1.8rem;
}
/* FORM ELEMENT*/
.form-element {
  position: relative;
  margin: 0 0 2rem;
}
.form-element.error .form-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.form-element.error .tx {
  background: #fff;
  border-color: #fda37f;
}
.form-element .form-error {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.8rem;
  font-weight: 300;
  color: #ff5050;
  line-height: 1.1;
  display: none;
  background: #fff;
  border: 0.2rem solid #fda37f;
  border-radius: 0.4rem;
  padding: 0 2rem;
}
label {
  display: block;
  line-height: 1.4;
  margin: 0 0 1rem;
}
.tx {
  display: block;
  width: 100%;
  height: 6rem;
  background: #fff;
  border: 0.2rem solid #fff;
  font-size: 1.8rem;
  padding: 0 2rem;
  border-radius: 0.4rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tx:hover,
.tx:focus {
  position: relative;
  z-index: 10;
  background: #fff;
  border-color: #fda37f;
}
.tx.tx-grey {
  background: #f8f8f8;
}
textarea {
  resize: none;
  display: block;
  width: 100%;
  height: 14rem;
  background: #fff;
  border: 0.2rem solid #fff;
  font-size: 1.8rem;
  padding: 2rem 2rem;
  border-radius: 0.4rem;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
textarea.tx-grey {
  background: #f8f8f8;
}
textarea:hover,
textarea:focus {
  position: relative;
  z-index: 10;
  border-color: #fda37f;
}
.button-center {
  text-align: center;
}
.form-page-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: -2rem;
}
.form-page-button >div {
  padding-top: 2rem;
}
.form-page-button .check-small {
  margin: 0;
}
.check {
  line-height: 0;
}
.check label {
  display: inline-block;
  cursor: pointer;
  line-height: 1.15;
  font-size: 1.8rem;
  position: relative;
  padding: 0 0 0 3rem;
  margin: 0;
}
.check label span {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check label strong {
  font-weight: 900;
}
.check label input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.check label i {
  display: block;
  height: 2rem;
  width: 2rem;
  background: #f8f8f8;
  border: 0.1rem solid #dfdfdf;
  position: absolute;
  top: 0rem;
  left: 0;
  color: #fff;
  font-size: 1rem;
  font-style: normal;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.check label i::before {
  display: block;
  content: '\e903';
  font-family: 'icomoon';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
.check label input:checked + i {
  color: #f58356;
}
.check label input:checked + i::before {
  opacity: 1;
}
.check label:hover i {
  border-color: #fda37f;
}
.check label:hover span {
  color: #fda37f;
}
.check-small {
  margin: 2.3rem -1rem 0;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}
.check-small a {
  color: #2f2f2f;
}
/* END FORM ELEMENT*/
*::-webkit-input-placeholder {
  opacity: 1;
}
*:-moz-placeholder {
  opacity: 1;
}
*::-moz-placeholder {
  opacity: 1;
}
*:-ms-input-placeholder {
  opacity: 1;
}
a {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-slide >div {
  display: block !important;
}
.slick-slide >div >div {
  display: block !important;
}
.slick-dots {
  list-style: none;
  margin: 0.5rem 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  Justify-content: center;
}
.slick-dots >li {
  padding: 1rem 1rem 0;
}
.slick-dots >li:before {
  display: none;
}
.slick-dots >li button {
  display: block;
  height: 1.2rem;
  width: 1.2rem;
  font-size: 0;
  border-radius: 50%;
  border: 0.2rem solid #f58356;
  background: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.slick-dots >li.slick-active button {
  background: #f58356;
}
.imgBox {
  -webkit-background-size: cover !important;
          background-size: cover !important;
}
.imgBox img {
  display: none;
}

/*skin tab*/
.skinTabBox {
  opacity: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.skinTabBox.active {
  opacity: 1;
  height: auto;
  overflow: visible;
  margin-top: -35px;
}
/*end skin tab*/


/* load skin */

.skin-result.load-image:before {
    content: '';
    height: 40px;
    width: 40px;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    transform: scale(0);
    background: rgba(245, 131, 86, 0.8);
    opacity: 1;
    animation: spin 800ms linear infinite;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 50px);
    z-index: 33;
}

.skin-result:after {
    content: 'Загружаем изображение';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: .3s opacity;
    text-align: center;
    color: #ffffffa3;
    padding-top: 320px;
    font-size: 16px;
}

.skin-result.load-image:after {
    opacity: 1;
}


.sizes div {
	display: inline-block;
	margin-right: 10px;
}
.sizes div input[type=radio] {
	display: none;
}
.sizes div label {
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	line-height: 34px;
	border: 0.2rem solid #f58356;
	border-radius: 6px;
	user-select: none;
}
 
/* Checked */
.sizes div input[type=radio]:checked + label {
	background: #f58356;
  color: #fff;
  font-weight: bold;
}
 
/* Hover */
.sizes div label:hover {
	color: #666;
}
 
/* Disabled */
.sizes div input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}


@keyframes spin {
	to {
		transform: scale(1.5);
		opacity: 0;
	}
}


/***** FITTING *****/


.fitting-wardrobe {
    padding: 20px;
    background: #FFF;
    padding-bottom: 6px;
}

.fitting_types {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-weight: bold;
    font-size: 22px;
    margin: 0 0 20px;
    justify-content:center;
}

.fitting_types ul {
    margin: 0 20px;
    padding: 0;
    letter-spacing: 0;
}

.fitting_types ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    padding: 0;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #333;
    line-height: 50px;
    background: #EFEFEF;
    border-radius: 3px;
    transition: .3s color, .3s background;
    cursor: pointer;
}

.fitting_types ul li.active {
    color: #FFF;
    background: #f58356;
}

.fitting_items .item_tab {
    display: none;
}

.fitting_items .item_tab.active {
    display: block;
    position:relative;
    z-index:50;
}

.fitting_items .item_tab .item {
    display: block;
    position: relative;
    margin-left: -115px;
}

@media (max-width:1440px){
    .fitting_items .item_tab .item {
        margin-left: -65px;
    }
}

@media (max-width: 1199px){
    .fitting_items .item_tab .item {
        margin-left: -35px;
    }
}

@media (max-width: 991px){
.fitting_items .item_tab .item {
    margin-left: 0px;
}
}

.fitting_items .item_texture {
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute;
}

.teach-block {
    left: 18.2% !important;
    top: 10.6%  !important;
    width: 12.8%  !important;
}

@media (max-width:1440px){
    .teach-block {
        left: 21.2% !important;
        top: 10.6% !important;
        width: 14.8% !important;
    }
}

.fitting_items .item_texture.type-1 {
    height: 83.3%;
/*     left: 21.2%;
top: 10.6%;
width: 14.8%; */
    left: 18.2%;
    top: 10.6%;
    width: 12.8%;
    
}

@media (max-width:1440px){
    .fitting_items .item_texture.type-1 {
        left: 21.2%;
        top: 10.6%;
        width: 14.8%;
        
    }
}

.fitting_items .item_texture img {
    height: 100% !important;
    max-width: none !important;
    position: absolute;
    width: auto !important;
    left:0;
    top: 0;
}

.fitting_items .item_texture.type-2 {
    height: 83.3%;
/*     left: 21.2%;
top: 10.6%;
width: 14.8%; */
    left: 18.2%;
    top: 10.4%;
    width: 25.6%;
}

.fitting_items .item_texture.type-3 {
    height: 83.5%;
/*     left: 21.2%;
top: 10.4%;
width: 29.6%; */
    left: 18.2%;
    top: 10.4%;
    width: 25.6%;
}

@media (max-width:1440px){
    .fitting_items .item_texture.type-3 {
        left: 21.2%;
        top: 10.4%;
        width: 29.6%;
    }
}

.fitting_items .item_texture.type-3:after {
    background-color: #443731;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    top: 0;
    width: 1%;
    z-index: 50;
    box-shadow: inset 0 0 4px #000;
}

.fitting_items .item_texture.type-4 {
    height: 83.45%;
    left: 21.2%;
    top: 10.4%;
    width: 11.18%;
}

.fitting_items .item_texture.type-5 {
    height: 83.45%;
    left: 43.7%;
    top: 10.4%;
    width: 11.18%;
}


.fitting_items .item_texture.type-5 img {
    right: 0;
    left: initial;
}

.fitting_items .item_texture.type-6 {
    height: 83.45%;
/*     left: 6.8%;
top: 10.4%;
width: 44.1%; */
    left: 5.8%;
    top: 10.4%;
    width: 38.1%;
    
}

@media (max-width:1440px){
    .fitting_items .item_texture.type-6 {
        left: 6.8%;
        top: 10.4%;
        width: 44.1%;
    }
}

.fitting_items .item_texture.type-6:before,
.fitting_items .item_texture.type-6:after {
    background-color: #443731;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1%;
    z-index: 50;
    box-shadow: inset 0 0 4px #000;
}

.fitting_items .item_texture.type-6:before {
    left: 33.33%;
    margin-left: -1px;
}

.fitting_items .item_texture.type-6:after {
    left: 66.66%;
    margin-left: -1px;
}

.fitting_items .item_texture.type-7 {
    height: 83.45%;
/*     left: 3.9%;
top: 10.4%;
width: 58.7% */
    left: 3.1%;
    top: 10.4%;
    width: 50.8%;
}

@media (max-width:1440px){
    .fitting_items .item_texture.type-7 {
        left: 3.9%;
        top: 10.4%;
        width: 58.7%
    }
}

.fitting_items .item_texture.type-7:before,
.fitting_items .item_texture.type-7:after,
.fitting_items .item_texture.type-7 .line {
    background-color: #443731;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 1%;
    z-index: 50;
    box-shadow: inset 0 0 4px #000;
}

.fitting_items .item_texture.type-7:before {
    left: 25%;
    margin-left: -5px
}

.fitting_items .item_texture.type-7:after {
    left: 75%;
    margin-left: 0px
}

.fitting_items .item_texture.type-7 .line {
    left: 50%;
    margin: 0 0 0 -3px;
}

.fitting_items .item_texture.type-6 img,
.fitting_items .item_texture.type-7 img {
    width: 100% !important;
    /*object-fit: cover;*/
}

.fitting_items {
    margin: 0 0 20px;
}

.fitting_lists .items {
    background: #F8F8F8;
    border-radius: 3px;
    position: relative;
}

.fitting_lists .items ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    /* flex-wrap: wrap; */
    list-style: none;
    /* margin: 0 0 20px; */

}

.fitting_lists .items ul.cat-wrapper{
    max-height: 200px;
    overflow-y: auto;   
    padding: 20px;
    padding-right: 30px;
}

.fitting_lists .items ul.subcat-wrapper{
    padding-left: 10px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s;
}

.fitting_lists .items ul.subcat-wrapper.opened{
    max-height:1200px;
}


.fitting_lists .items ul li {
    width: calc(100% / 2 - 10px / 2);
    background: #FFF;
    /* margin: 0 10px 0 0; */
    border-radius: 3px;
    padding: 10px 10px 10px 45px;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: #2F2F2F;
}

.fitting_lists .items ul.cat-wrapper>li:last-child{
    margin-bottom: 40px;
}

.fitting_lists .items ul li:before {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #EBEBEB;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    color: #FFF;
    text-align: center;
    font-size: 22px;
    line-height: 20px;
}

.fitting_lists .items ul li.active:before {
    background: #f58356;
    content: "\e906";
    font-family: 'icomoon' !important;
    left: 14px;
}

.fitting_lists .items ul li:nth-child(2n) {
    margin-right: 0;
}

.fitting_lists .search {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
}

.fitting_lists .search input {
    background: #EAEAEA;
    border-radius: 0px 0px 3px 3px;
    width: 100%;
    border: none;
    padding: 16px 60px 16px 20px;
    font-size: 16px;
    height: 50px;
}

.fitting_lists .search button {
    width: 50px;
    height: 50px;
    line-height: 54px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 0;
    background: #eaeaea;
    color: #f58356;
    cursor: pointer;
    font-size: 24px;
}

.fitting_lists .items.type_cat{
    /* padding-top: 15px; */
}

.fitting_lists .items.type_images {
    background-color:#fff;
    /* height: 330px; */
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px 20px 20px;
    width: 100% !important;
    align-items: flex-start;
    align-content: flex-start;
}

.fitting_lists .items.type_images .item {
    display: block;
    background: #FFF;
    text-align: center;
    width: calc(100% / 4 - 40px / 4);
    min-height: auto;
    margin: 0 10px 10px 0;
    box-shadow: none;
    cursor: pointer;
    transition: 0s;
}

.fitting_lists .items.type_images .item img {
    margin: 0 0 10px;
    height: 100px;
    width: 100%;
    object-fit: contain;
}

.fitting_lists .items.type_images .item span {
    font-size: 14px;
    padding: 0 10px 10px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.fitting_lists .items.type_images .item.active {
    outline: 2px solid #f58356;
}

.fitting_lists .items.type_images .item:hover {
    outline: 2px solid #CCC;
}

.type_cat .scroll-element.scroll-y,
.type_images .scroll-element.scroll-y{
    top: 10px;
    right: 10px;
}

/* .fitting_lists .items .scroll-element {
  background: #efefef;
  border-radius: 0.3rem;
}
.fitting_lists .items .scroll-element.scroll-x {
  height: 2rem;
  position: relative;
  margin: 1rem 0 0;
}
.fitting_lists .items .scroll-element.scroll-x >div {
  height: 2rem;
}
.fitting_lists .items .scroll-element.scroll-y {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 1rem;
  width: 1rem;
  height: auto;
}
.fitting_lists .items .scroll-element.scroll-y >div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fitting_lists .items .scroll-element.scroll-y >div .scroll-element_size,
.fitting_lists .items .scroll-element.scroll-y >div .scroll-element_track {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.fitting_lists .items .scroll-element.scroll-y .scroll-bar {
  height: auto;
  width: 1rem;
  min-height: 2.4rem;
  right: 0;
  background: #41708C !important;
      background: #d1d1d1;
    position: absolute;
    border-radius: 0.3rem;
}
.fitting_lists .items .scroll-element .scroll-bar {
  height: 2rem;
  background: #d1d1d1;
  position: absolute;
  border-radius: 0.3rem;
}

.fitting_lists .items.scroll-wrapper::before {
    display: none;
} */

/* прелоадер для выбора картинки для шкафа */

.type_images .item.preload{
    position:relative;
}

.type_images .item.preload .loader{
    background-color: #f58356;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    flex-direction:column;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes ball-spin-fade-loader {
  50% {
    opacity: 0.3;
    -webkit-transform: scale(0.4);
            transform: scale(0.4); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.type_images .item.preload .preloader {
  position: relative;
  top: -10px;
  left: -10px; }
  .type_images .item.preload .preloader > div:nth-child(1) {
    top: 25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.96s infinite linear;
            animation: ball-spin-fade-loader 1s -0.96s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(2) {
    top: 17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.84s infinite linear;
            animation: ball-spin-fade-loader 1s -0.84s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(3) {
    top: 0;
    left: 25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.72s infinite linear;
            animation: ball-spin-fade-loader 1s -0.72s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(4) {
    top: -17.04545px;
    left: 17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.6s infinite linear;
            animation: ball-spin-fade-loader 1s -0.6s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(5) {
    top: -25px;
    left: 0;
    -webkit-animation: ball-spin-fade-loader 1s -0.48s infinite linear;
            animation: ball-spin-fade-loader 1s -0.48s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(6) {
    top: -17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.36s infinite linear;
            animation: ball-spin-fade-loader 1s -0.36s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(7) {
    top: 0;
    left: -25px;
    -webkit-animation: ball-spin-fade-loader 1s -0.24s infinite linear;
            animation: ball-spin-fade-loader 1s -0.24s infinite linear; }
  .type_images .item.preload .preloader > div:nth-child(8) {
    top: 17.04545px;
    left: -17.04545px;
    -webkit-animation: ball-spin-fade-loader 1s -0.12s infinite linear;
            animation: ball-spin-fade-loader 1s -0.12s infinite linear; }
  .type_images .item.preload .preloader > div {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    margin: 2px;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
    position: absolute; }
    
@media(min-width: 992px){
    .search-btn-mobile{
        display:none;
    }
    
    .header-fixed .search-btn-mobile{
        display:block;
        margin-left: 10px;
    }
    
    .mobile-search{
        display:none;
    }
    
    .header-fixed .mobile-search{
        display:block;
    }
}


    .mobile-search{
        display:block;
        position: fixed;
        top: 80px;
        left: 100%;
        z-index: 100;
        width:calc(100% - 30px);
        border:none;
        transition-property: left;
        transition-duration: .5s;
    }
    
    .header-fixed ~ .mobile-search{
        top:120px;
    }
    
    .header-fixed ~ .mobile-search input{
        border:1px solid #E1E1E1;
    }
    
    .mobile-search--opened{
        left:15px;
    }
    
    .mobile-search input{
        width:100%;
        padding: 7px;
        border-radius: 6px;
        border: none;
    }
    
    .mobile-search form.search-block{
        display:block !important;
    }
    
    .mobile-search .search-close-btn{
        display:none;
    }
    
    .mobile-search .search-btn{
        display:none;
    }

.block-not-found{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.block-not-found img{
    margin-top: 30px;
}

.header-fixed .search-block{
    display:none;
}

/* НОВЫЙ КАТАЛОГ */
@media(min-width: 992px){
    .menu > li.has-drop--modified:hover .menu-drop:not(.menu-drop--opened){
        display:none;
    }
    
/*     .menu-list__submenu--image-items .menu-list__submenu{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
} */
}

.menu-drop--opened{
    display:block;
    opacity:1;
    height: auto;
    overflow: visible;
}

.has-drop--modified .menu-drop-box{
    border-radius:0;
    width:33rem;
}

.has-drop--modified .menu-drop{
    z-index:1000;
}

.has-drop--modified .menu-list{
    list-style:none;
    position:relative;
    margin:0;
}

.menu-list{
    margin: 0;
    position: relative;
}

.menu-list__submenu{
    list-style:none;
    position:absolute;
    top:0;
    left:100%;
    margin:0;
    background-color: #ffffff;
    /* padding:10px; */
    font-size: 1.8rem;
    font-weight: bold;
    min-width:250px;
    border-left:1px solid #efefef;
    display:none;
    transition:.5s;
}

.menu-list__item a{
    align-items: center;
    text-decoration: none;
    padding: 1.5rem 3.5rem 1.5rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.2;
    color: #2f2f2f;
    display:flex;
}

.menu-list__item .box-icon{
    margin-right: 10px;
}

.menu-list__item .menu-name{
    /* margin-left: 10px; */
}

.menu-list__submenu-item{
    padding: 0;
}

.menu-list__submenu-item:hover{
    background-color: #f6f6f6;
    color:#f58356;
}

.menu-list__submenu-item.menu-list__submenu-item--image-item:hover{
    background-color: #ffffff;
}

.menu-list__item{
    /* padding:0 20px; */
    padding: 0;
    /*position:relative;*/
    /* margin:0 20px; */
    list-style:none;
}

.menu-list__item--has-submenu:hover>.menu-list__submenu,
.menu-list__submenu:hover{
    display: block;
    height: 100%;
}

.menu-list__item--has-submenu.menu-list__submenu--image-items:hover>.menu-list__submenu{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    padding: 10px;
}

.menu-list__submenu--image-items>.menu-list__submenu:hover{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.menu-list__item:not(:last-child){
    border-bottom: 1px solid #DFDFDF;
}

@media (max-width:991px) {
    .menu-list__item:first-child{
    border-top: 1px solid #DFDFDF;
}

}
.menu-list__item > a{
    position:relative;
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
    /* margin:0 -20px; */
}
.menu-list__item:hover > a{
    background-color: #f6f6f6;
/* border-top:3px solid #f58356;
border-bottom:3px solid #f58356; */
    border-top:2px solid #2f2f2f;
    border-bottom:2px solid #2f2f2f;
}

.menu-list__item > a:after{
    display:none;
    content:"";
    width:10px;
    height:10px;
    background-color: white;
    position:absolute;
    top:50%;
    transform:translateY(-5px) rotate(45deg);
    right:-10px;
    z-index:500;
    border-bottom:1px solid #efefef;
    border-left:1px solid #efefef;
}

.menu-list__item--has-submenu > a:before{
    display:block;
    content:"";
    width:10px;
    height:10px;
    background-color:transparent;
    position:absolute;
    top:50%;
    transform:translateY(-5px) rotate(-135deg);
    right:20px;
    z-index:1;
    border-bottom:2px solid #C5C5C5;
    border-left:2px solid #C5C5C5;
}

.menu-list__item--opened.menu-list__item--has-submenu > a:after{
    display:block;
}

.menu-list__submenu-item--has-submenu > a{
    position:relative;
}

.menu-list__submenu-item > a{
    border-top:2px solid transparent;
    border-bottom:2px solid transparent;
}

.menu-list__submenu-item:hover > a{
    border-top:2px solid #2f2f2f;
    border-bottom:2px solid #2f2f2f;
    /* color: #f58356; */
}

.menu-list__submenu-item--opened.menu-list__submenu-item--has-submenu > a:after{
    display:block;
    content:"";
    width:10px;
    height:10px;
    background-color: white;
    position:absolute;
    top:50%;
    transform:translateY(-5px) rotate(45deg);
    right:-15px;
    z-index:500;
    border-bottom:1px solid #efefef;
    border-left:1px solid #efefef;
}

.menu-list__submenu-item--has-submenu > a:before{
    display:block;
    content:"";
    width:10px;
    height:10px;
    background-color:transparent;
    position:absolute;
    top:50%;
    transform:translateY(-5px) rotate(-135deg);
    right:10px;
    z-index:500;
    border-bottom:2px solid #C5C5C5;
    border-left:2px solid #C5C5C5;
}

.menu-list__submenu .backward-button{
    padding-left: 30px;
    position:relative;
}

.menu-list__submenu .backward-button:before{
    display:block;
    content:"";
    width:10px;
    height:10px;
    background-color:transparent;
    position:absolute;
    top:50%;
    transform:translateY(5px) rotate(45deg);
    left:10px;
    z-index:1;
    border-bottom:2px solid #C5C5C5;
    border-left:2px solid #C5C5C5;
}

.menu-list__submenu--image-items .backward-button{
    width:100%;
}

.menu-list__submenu-item--image-item a{
    padding:0 5px 15px 5px;
}

.menu-list__submenu-item--image-item a{
    display:flex;
    flex-direction:column;
    align-items: center;
}

.menu-list__submenu-item--image-item span{
    margin-top: 10px;
}

.menu-list__submenu--image-items{
    flex-wrap: wrap;
}

.menu-list__item--opened > .menu-list__submenu{
    display:none;
}

.menu-list__submenu-item--opened.menu-list__submenu-item--has-submenu > .menu-list__submenu{
    display:block;
}

.menu-list__submenu-item--has-submenu.menu-list__submenu-item--opened > .menu-list__submenu--image-items{
    display:flex;
    justify-content:space-evenly;
    align-content:flex-start;
}

.menu-list__submenu-item--image-item img{
    width: 100px;
    height:100px;
}

.menu-list__submenu-item--image-item span {
	font-size: 1.3rem;
	max-width: 100px;
	text-align: center;
}

.menu-list__submenu .backward-button{
    display: none;
}

@media(max-width: 991px){
    .has-drop--modified .menu-drop-box{
        width:290px;
    }
    .menu-list__submenu{
        min-width:290px;
    }
    
    .menu-list__submenu--image-item{
        min-width:290px;
    }
    
    .menu-list__item--opened > .menu-list__submenu{
        left:0;
        z-index:100;
        height: 100%;
    }
    
    .menu-list__submenu-item--opened > .menu-list__submenu{
        left:0;
        z-index:150;
    }
    
    .menu-list__item--opened > a:before{
        display:none;
    }
    
    .menu-list__item--opened ~ .menu-list__item--has-submenu > a:before{
        display:none;
    }
    
    .menu-list__submenu-item--opened > a: before{
        display:none;
    }
    
    .menu-list__submenu-item--opened ~ .menu-list__submenu-item--has-submenu > a::before{
        display:none;
    }
    
    .menu-list__submenu-item--opened > a::before{
        display: none;
    }
    
    .menu-list__submenu-item--image-item{
        width: 50%;
    }
    
    .menu-list__submenu .backward-button{
        display: block;
    }
}

.box-icon img{
    width:37px !important;
    height: auto;
}

/* .menu-list__submenu--image-items .menu-list__submenu{
    display:none;
} */

.menu-list__submenu--image-items .menu-list__submenu .backward-button{
    width:100%;
}

.menu-list__item--opened.menu-list__submenu--image-items .menu-list__submenu{
    display:flex;
    flex-wrap: wrap;
    align-content: flex-start;
}

.menu-list__submenu .menu-list__item{
    border:none;
}

.menu-list__submenu .menu-list__item > a{
    display:block;
    padding: 1.5rem 3.5rem 1.5rem 2rem;
        /* padding: 1.4rem 2.5rem 1rem 1.2rem; */
/*     padding-right: 25px; */
}

.menu-list__submenu .menu-list__item > a .menu-name{
    /* margin-left:5px; */
}

/* Раздел "Наши партнеры" */

.partner-cards{
    width:100%;
    display:flex;
    flex-dirction:row;
    flex-wrap:wrap;
    justify-content:space-evenly;
    align-items:stretch;
    background-color: #fff;
}

.partner-card{
    /* flex: 1 0; */
	width: 50%;
	min-width:50%;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content: stretch;
    align-items: flex-start;
    position: relative;
    padding:42px 43px 35px;
}

.partner-card:nth-child(4n-1), .partner-card:nth-child(4n) {
    border-bottom: 1px solid #00000012;
}

.partner-card:nth-child(even):after{
    position: absolute;
    content: '';
    top: 30px;
    bottom: 30px;
    left: 0px;
    border-left: 1px solid #00000012;
    width: 1px;
    height:80%;
}


.partner-card__img{
    width:200px;
    height:200px;
    object-fit:contain;
    object-position:center top;
}

.partner-card__content{
    margin-left:39px;
}

.partner-card__title{
    font-family: SF UI Display;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    /* or 144% */
    color: #2F2F2F;
}

.partner-card__desc{
    font-family: SF UI Display;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    /* or 157% */
    color: #000000;
}

@media (max-width:1220px){
    .partner-card{
        padding:25px;
    }
    
    .partner-card__img{
        width:150px;
        height:150px;
    }

    .partner-card__content{
       margin-left:20px;
    }
    
    .partner-card__desc{
        font-size: 13px;
    }
}

@media (max-width:995px){
    .partner-card{
        flex-direction: column;
        justify-content:flex-start;
        align-items:flex-start;
    }
    
    .partner-card__img{
        width:200px;
        height: 200px;
        object-position: left center;
    }
    
    .partner-card__content{
        margin-left:0;
        margin-top:15px;
    }
    
    .partner-card__desc{
        font-size: 14px;
    }
}

@media (max-width:620px){
    .partner-card{
        width:100%;
        min-width: 100%;
        flex-wrap:nowrap;
        justify-content: stretch;
        align-items: flex-start;
        position: relative;
        padding:42px 43px 35px;
    }
}

.overlay{
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    /* position:absolute; */
    position:fixed;
    left: 0;
    right: 0;
    top:14rem;
    bottom: 0;
    z-index:999;
    transition: opacity .3s ease;
}

.has-drop:hover+.overlay{
    opacity:0.5;
    visibility: visible;
}

.header-fixed .overlay{
    top: 8rem;
}

/* .has-drop::before{
    content:'';
    display:none;
    background-color: #000;
    opacity:0.5;
    position:absolute;
    position:fixed;
    left: 0;
    right: 0;
    top:170px;
    bottom: 0;
    z-index:999;
}

.has-drop:hover::before{
    display: block;
} */

.has-drop:hover .overlay{
    display: block;
}

.AboutSlider{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    max-height: 100%;
    overflow: hidden;
}

.AboutSlider .slick-prev{
    margin-left:30px;
}

.AboutSlider .slick-next{
    margin-right:30px;
}

.AboutSlider, .AboutSlider img, .AboutSlider .slick-slide>div, .AboutSlider .slick-track, .AboutSlider .slick-list  {
    height: 100%;
}

.AboutSlider img{
    object-fit:cover;
}

div::-webkit-scrollbar, ul::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.fitting-wardrobe-wrapper{
    background-color: #fff;
}

      .fitting-wardrobe{
          position:relative;
      }
      
      .fitting_lists{
          position:absolute;
          top:0;
          left:0;
          width:100%;
          background-color: #fff;
          /* z-index: 10; */
      }
      
      @media(max-width: 768px){
          .fitting_lists{
              position:static;
          }
      }
      
      .fitting_lists .right{
          display:flex;
          justify-content: flex-end;
      }
      
      @media(max-width: 768px){
          .fitting_lists .right{
              justify-content: flex-start;
          }
      }
      .fitting_lists .type_cat{
          width:200px;
          position:relative;
          z-index:95;
          background-color: #26495E;
      }
      
      @media(max-width: 575px){
          .fitting_lists .type_cat{
              width:100%;
              margin-top: 30px !important;
          }
      }
      
      .fitting_lists .type_cat > div{
          /* height: 470px !important; */
          /* height: 630px !important; */
      }
      
      .fitting_lists .type_cat > div:before{
          display:none;
      }
      
      .fitting_lists .items ul li{
          width:100%;
          background-color: transparent;
          color: #fff;
          border-bottom: 1px solid #fff;
          padding: 10px;
      }
      
      .fitting_lists .items ul li:last-child{
          border-bottom:none;
      }
      
      .fitting_lists .items ul li.parent-cat{
          padding: 0;
      }
      
      @media(max-width: 575px){
          .fitting_lists .items ul li{
/*               width: calc(100% / 2 - 10px / 2);
border-left: 1px solid #fff; */
          }
      }
      
      .fitting_lists .items ul li:before{
          display:none;
      }
      
      .fitting_lists .items ul li span{
          display: block;
          padding: 10px;
          /* border-bottom: 1px solid #fff; */
      }
      
      .fitting_lists .items.type_images{
          width: 440px !important;
          position:relative;
          z-index:95;
      }
      
      @media(max-width: 1440px){
          .fitting_lists .items.type_images{
                width: 280px !important;
          }
      }  
      
      @media (max-width: 991px){
        .fitting_lists .items.type_images {
            width: 200px !important;
        }
      }
      
      @media(max-width: 575px){
          .fitting_lists .items.type_images{
              width: auto !important;
          }
      }
      
      
      .fitting_lists .items.type_images .item{
          width: calc(25% - 15px);
      }
      
      @media(max-width: 1440px){
          .fitting_lists .items.type_images .item{
              width: calc(33.3% - 15px);
          }
      }
      
      .fitting_lists .items.type_images{
          /* height: 470px; */
          /* height: 630px; */
      }
      
      .fitting_types{
          font-size: 16px;
      }
      
      .fitting_types{
    	position: relative;
    	z-index: 90;
        margin-left: -220px;    	
      }
      
      
      @media (max-width:1440px){
        .fitting_types{
            /* flex-direction: column; */
            margin-left: -75px;
        }
    /*         
    .fitting_types ul{
        margin-top: 10px;
        margin-bottom: 10px;
    } */
        
      }
      
      @media(max-width: 1199px){
        .fitting_types{
            width:50%;
            margin: 0 auto;
            margin-left: 200px;
            margin-bottom: 10px;
            flex-direction: column
        }
        
        .fitting_types ul{
            margin-top: 10px;
            margin-bottom: 10px;
        }
    }
    
     @media(max-width: 991px){
        .fitting_types{
            margin-left:auto;
        }
     }
    
    @media(max-width: 575px){
        .fitting_types{
            width:auto;
        }
    }
    
    @media(max-width: 768px){
        .fitting_lists .row > div:nth-child(1){
            display:flex;
            justify-content: flex-end;
        }
    }
    
    
    .btn-skin-load,
    .btn-skin-download{
        display:block;
        margin: 10px auto;
    }
    
    .btn-skin-download{
        display:inline-block;
    }
    
    .buttons{
        display:flex;
        flex-direction: column;
        /* justify-content: space-between; */
        justify-content: center;
        align-items: center;
        margin-left: -190px;
    }
    
    @media (max-width:1440px){
        .buttons{
            margin-left: -95px;
         }
    }
    
    @media (max-width: 1199px){
        .buttons {
            margin-left: -65px;
        }
    }
    
    @media (max-width: 991px){
        .buttons {
            margin-left: 0;
        }
    }    
    
    .buttons .btn{
        padding: 1.5rem 2rem;
        font-size: 1.6rem;
         margin: 10px;
        
    }
    
    @media(min-width: 1200px){
        .buttons{
            flex-direction: row;
            padding: 0 28%;
        }
        
/*         .buttons .btn{
     margin-left: -35px;
} */
    }
    
    .item-texture__wrapper{
        position:relative;
        width: 100%;
        height: 100%;
    }
    
    .offset-buttons {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	position:relative;
    	z-index: 50;
    	margin-left: -190px;
    }
    
    @media (max-width:1440px){
        .offset-buttons {
            margin-left: -95px;
        }
    }
    
    @media (max-width: 1199px){
        .offset-buttons {
            margin-left: -65px;
        }
    }
    
    @media (max-width: 991px){
        .offset-buttons {
            margin-left: 0;
        }
        
        .offset-buttons .btn{
            padding: 1.9rem;
        }
    }
    
    .offset-buttons span{
        margin: 0 15px;
        text-align:center;
    }

.text-page img{
    max-width: 100%;
    height: 500px;
    object-fit: cover;
}

@media (max-width:991px){
    .text-page img{
        height: 400px;
    }
}

@media (max-width: 575px){
    .text-page img {
        height: 300px;
    }
}

@media (max-width: 400px){
    .text-page img {
        height: auto;
    }
}

.calc-btn-block{
    display: flex;
    justify-content:center;
    padding: 20px 0;
    /* background-color: #EEEEEE; */
    padding: 3rem 2rem 3rem;
    /* background: url(../img/bg-line.png) repeat-y 50% 0; */
}

.calc-btn-block .btn{
    font-weight:700;
    /* background: #ffffff91; */
    font-size:2rem;
}

@media (max-width:550px) {
    .calc-btn-block .btn{
        font-size:1.8rem;
    }
}

.section-category{
    margin-top: -3rem;
}
.section-category .section-title {margin-bottom:0;}

.img-responsive{
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow:hidden;
}

.img-responsive img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit:cover;
}



.category__back-inner .img-responsive, .item-cat__back-inner .img-responsive{
    width: 80%;
    padding-bottom: 80%;
}



@media (max-width:1440px) {
    .category__back-inner .img-responsive, .item-cat__back-inner .img-responsive{
        width: 60%;
        padding-bottom: 60%;
    }
}

.footer-nav{
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width:1199px) {
    .footer-nav{
        grid-template-columns: 1fr;
    }
}

.footer-nav li{
    margin-left: 18px;
}

.mobile-fitting{
    display: none;
}

.mobile-fitting a{
    margin-bottom: 10px;
}

@media (max-width:991px) {
    .mobile-fitting{
        padding: 15px;
        display: flex;
        flex-direction: column;
        justify-content:center;
        align-items:center;
    }
    
    .header-info .header-data .not-mobile-fitting{
        display: none;
    }
}


.m-header-phone{
    display: none;
    justify-content:center;
    align-items:center;
    height: 100%;
    text-decoration: none;
}

@media (max-width:991px) {
    .m-header-phone{
        display: flex;
    }
}

.item-cat__back-inner_product{
    transform:unset;
    justify-content:flex-start;
}

.item__title{
    font-size: 1.6rem !important;
}

.item__title_orange{
    color:#f58356;
}

.item-desc{
    text-align:left;
}

.item__desc{
    margin-bottom: 1rem;
    font-size: 1.4rem;
}

.item-params{
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.item-params__item{
    width: 100%;
}

.item-params{
    margin: 0;
    padding: 0;
    list-style:none;
    /* flex-grow:2; */
}

.item-params__item{
    margin: 0;
    padding: 0;
    display: flex;
    justify-content:space-between;
    font-size:1.4rem;
}

.item-params__title{
    font-weight:600;
    text-align: left;
}

.item-params__delim{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 3px;
    flex-grow: 2;
    border-bottom: 0.1rem dashed #a9a9a9;
}
.item-params__item span:last-child{
    white-space:nowrap
}
.item__price{
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.7rem;
    color: #f58356;
    font-weight: 600;
    /* text-transform: uppercase; */
    align-self: flex-end;
}

.item__price span{
    color:#fff;
}

.item__view{
    display: none;
    margin-top: auto;
    color: #f58356;
    align-self: flex-end;
    font-weight: 500;
    font-size:1.4rem;
}

.item__view i{
    font-size:1.1rem;
}

@media (max-width: 1440px){
    .item__title {
        font-size: 1.6rem !important;
        margin-bottom: 0.5rem;
    }
    
    .item-desc{
        font-size: 1.54rem;
    }
    
    .item-params__item{
        font-size:1.2rem;
    }
    
    .item__price{
        font-size:1.6rem;
        margin-top: 1rem;
    }
    
}

@media (max-width: 991px){
    .item__view{display: block;}
}

.page-title-block{
    margin: 0 0 3rem;
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: space-between;
}

.page-title-block h1{
    margin: 0;    
    text-align: left;
}

.page-title-block__btn{
    font-family:'SF UI Display';
    font-size: 1.8rem !important;
    margin-left: 3rem;
}

@media (max-width: 991px){
    .page-title-block{
        margin-top: 3rem;
        display: flex;
        flex-direction: column-reverse;
        flex-wrap:nowrap;
        align-items: stretch;
        justify-content: flex-start;
    }
    
    
    .page-title-block__btn{
        margin-left: 0;
        margin-bottom: 1.5rem;
    }
}

@keyframes slowScale{
    0%{
        transform:scale(1);
    }
    
    90%{
        transform:scale(1.5);
    }
    100%{
        transform:scale(1);
    }
}
.item.item--anim-scale:hover img{
    animation: slowScale 1.5s ease-in-out;
    /* transition:transform 0s ease-in-out; */
}

/* .item.item--anim-scale:hover img{
    transform:scale(1.5);
    transition:transform 2s ease-out;
} */


@keyframes blink{
    0%{
        opacity:1;
    }
    50%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

.item.item--anim-blink:hover{
    animation:blink 0.6s ease-in-out;
}
.slick-arrow{
    outline:none;
}

#jGrowl{
    display: none;
}

.lock {
    display: flex;
}

.sitemap {
    margin-right: 10px;
    display: block;
}
form input[name="name"], form input[name="phone"] {display:none;}
.categorywork img {width:100%;}
.categorywork a.title{    display: block;
    padding: 10px;
    background: #26495e;
    color: #FFF;
    text-align: center;
    text-decoration: none;}

/* калькулятор 27.06.2022 */

.calc {
    position: relative;
}

.calc-dropdown {
    position: absolute;
    bottom: -85px;
    padding: 10px;
    background-color: #fff;
    
    box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.25);
    
    clip-path: url('M291.005 53C286.161 53 281.615 50.6605 278.799 46.7186L274 40L269.201 46.7186C266.385 50.6605 261.839 53 256.995 53H51C47.134 53 44 56.134 44 60V126C44 129.866 47.134 133 51 133H497C500.866 133 504 129.866 504 126V60C504 56.134 500.866 53 497 53H291.005Z');
}

.calc .calc-btn {
    font-family: 'SF UI Display';
    font-weight: 800;
    font-size: 17px;
    line-height: 20px;
    
    outline: none;
    padding: 20px 55px;
}

.calc-dropdown .calc-btn {
    padding: 21px 30px;
}

.calc-dropdown .calc-btn:not(:last-child) {
    margin-right: 10px;
}

.calc .calc-btn:focus {
    box-shadow: none;
}

.content-gray {
    background-color: #eee;
}

.calc-dropdown,
.tile {
    /* display: none; */
}

.calc-dropdown.visible,
.tile.visible {
    display: block;
}

.calc-dropdown {
    display: none;
}

.tile__header {
    margin-bottom: 70px;
}

.tile__header-title {
    font-weight: 700;
    font-size: 64px;
    line-height: 76px;
    text-align: center;
    
    margin: 0;
}

.tile__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 20px;
  
  margin-bottom: 20px;
}

.tile__item {
  background: #FFFFFF;
}

.tile__footer {
    display: flex;
    justify-content: center;
    align-items: center;
    
    background-color: #fff;
    padding: 20px 0;
}

.tile__footer-btn--reset {
    background-color: #fff;
    color: #f58356;
}

.tile__footer-btn:not(:last-child) {
    margin-right: 20px;
}

.tile__footer-btn:focus {
    box-shadow: none;
}

.tile-btn {
    font-family: 'SF UI Display';
    font-weight: 800;
    font-size: 17px;
    line-height: 20px;
}

.tile-btn svg {
    margin-right: 13px;
}

.tile__item {
    padding-top: 35px;
    padding-left: 30px;
    padding-right: 30px;
    
    min-height: 220px;
}

.tile__item-header {
    margin-bottom: 30px;
}

.tile__item-caption {
    display: block;
    
    color: #2F2F2F;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    
    text-align: center;
}

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

.tile__size-name {
    display: block;
    
    color: #797979;
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    
    margin-bottom: 8px;
}

.tile__size-field {
    position: relative;
    
    width: 130px;
    height: 50px;
}

.tile__size-input {
    width: 100%;
    height: 100%;
    
    background: #F0F0F0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    
    padding-left: 15px;
    padding-right: 35px;
}

.tile__size-value {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #797979;
}

.tile__form {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.tile__form-label {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    
    cursor: pointer;
    
    transition: color .3s ease-in-out;
}

.tile__form-label:hover {
    color: #F58356;
}

.tile__form-label svg {
    fill: currentColor;
}

.tile__form-radio:last-child svg {
    fill: none;
    stroke: currentColor;
}

.tile__form-radio {
    width: 85px;
    
    position: relative;
}

.tile__form-input {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.tile__form-input:checked + .tile__form-label {
    color: #F58356;
}

.tile__form-radio:nth-child(2) svg,
.tile__form-radio:first-child svg {
    margin-bottom: 22px;
}

.tile__form-radio:nth-child(4) svg,
.tile__form-radio:nth-child(3) svg {
    margin-bottom: 14px;
}


.tile__form-radio:nth-child(3) {
    margin-top: -10px;
}

.tile__form-radio:nth-child(4) {
    margin-top: -5px;
}

.tile__item--form {
    padding-left: 0;
    padding-right: 0;
}

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

.tile__type-radio {
    position: relative;
}

.tile__type-input {
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.tile__type-label {
    color: #2F2F2F;
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    
    cursor: pointer;
    
    transition: color .3s ease-in-out;
}

.tile__type-label:hover {
    color: #F58356;
}

.tile__type-input:checked + .tile__type-label {
    color: #F58356;
}

.tile__type-radio svg {
    margin-bottom: 14px;
}

.tile__type-radio:last-child svg {
    stroke: currentColor;
    fill: currentColor;
}

.tile__type-radio:first-child svg {
    stroke: currentColor;
}

.tile__scale {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
    grid-column-gap: 30px;
}

.tile__scale-radio {
    position: relative;
}

.tile__scale-input {
     -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.tile__scale-input:checked + .tile__scale-label::after {
    opacity: 1;
}

.tile__scale-label {
    color: #2F2F2F;
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    
    margin: 0;
    
    cursor: pointer;
    padding-left: 34px;
    
    transition: color .3s ease-in-out;
}

.tile__scale-label:hover {
    color: #F58356;
}

.tile__scale-label:hover::before {
    border: 1px solid #F58356;
}

.tile__scale-label::before,
.tile__scale-label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    
    transform: translateY(-50%);
    
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 1px solid #E3E3E3;
    
    transition: border .3s ease-in-out;
}

.tile__scale-label::after {
    background-color: #F58356;
    border: 1px solid transparent;
    
    background-image: url('../img/tile-check.svg');
    background-repeat: no-repeat;
    background-position: center;
    
    z-index: 2;
    
    opacity: 0;
}

.tile__color {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
}

.tile__color-label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.tile_color-radio {
    position: relative;
}

.tile__color-input {
     -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.tile__color-input:checked + .tile__color-label img {
    border: 2px solid #F58356;
}

.tile__color-input:checked + .tile__color-label {
    color: #F58356;
}

.tile__color-radio img {
    width: 50px;
    height: 50px;
    margin-bottom: 9px;
    
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 2px;
    
    transition: border .3s ease-in-out;
}

.tile__color-label {
    color: #2F2F2F;
    font-family: 'SF UI Display'
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    
    cursor: pointer;
    transition: color .3s ease-in-out;
}

.tile__color-label:hover {
    color: #F58356;
}

.tile__color-label:hover img {
    border: 2px solid #F58356;
}

.tile-pano {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tile__pano-content .tile__pano-counter {
    margin-left: 34px;
}

.tile__pano-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(47, 47, 47, 0.1);
}

.tile__pano-title {
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
}

.tile__pano-counter {
    position: relative;
    width: 106px;
    height: 34px;
    
    background: #F0F0F0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.tile__pano-input {
    background-color: transparent;
    
    width: 100%;
    height: 100%;
    text-align: center;
    
    border: none;
    
    font-family: 'SF UI Display';
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    
    display: block;
    
    padding-left: 13px;
}


.tile__pano-text {
    font-family: 'SF UI Display';
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    
    position: absolute;
    
    top: 5px;
    right: 20px;
}

.tile__pano-btn {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    
    background-color: rgba(121, 121, 121, 0.4);
    border: none;
    
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    
    outline: none;
    
    display: flex;
    justify-content: center;
    align-items: center;
}

.tile__pano-btn:focus {
    outline: none;
}

.tile__pano-btn._minus {
    left: 8px;
}

.tile__pano-btn._plus {
    right: 8px;
}

.tile__pano-checkbox {
    position: relative;
}

.tile__pano-checkbox:not(:last-child) {
    margin-bottom: 14px;
}

.tile__pano-input--check {
     -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.tile__pano-input--check:checked + .tile__pano-label::before {
    opacity: 1;
}

.tile__pano-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    font-family: 'SF UI Display';
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    
    margin-bottom: 13px;
    
    position: relative;
    padding-left: 34px;
    
    cursor: pointer;
}

.tile__pano-label::before,
.tile__pano-label::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    
    width: 24px;
    height: 24px;
    border: 1px solid #E3E3E3;
    border-radius: 3px;
}

.tile__pano-label::before {
    background-image: url('../img/check-orange.svg');
    background-repeat: no-repeat;
    background-position: center;
    
    z-index: 2;
    opacity: 0;
}

.tile__pano-tooltip {
    cursor: pointer;
}

.tile__item--account {
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 4;
  
  padding-top: 28px;
  padding-right: 85px;
  padding-left: 50px;
  padding-bottom: 25px;
}

.tile__item--account .tile__item-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tile__item-desc {
    color: #F58356;
    font-family: 'SF UI Display';
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    
    max-width: 300px;
    
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 42px;
    
    background-image: url('../img/text.svg');
    background-repeat: no-repeat;
    background-position: left center;
}

.account__items {
    display: flex;
    margin-bottom: 21px;
}

.account__item {
    position: relative;
}

.account__item-label {
    margin: 0;
    border: 1px solid #F58356;
    padding: 9px 35px;
    
    color: #F58356;
    font-family: 'SF UI Display';
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    
    cursor: pointer;
    
    transition: background-color .3s ease-in-out, color .3s ease-in-out;
}

.account__item-label:hover {
    background-color: #F58356;
    color: #fff;
}

.account__item:first-child .account__item-label {
    border-radius: 4px 0px 0px 4px;
}

.account__item:last-child .account__item-label {
    margin-left: -1px;
    
    border-radius: 0 4px 4px 0;
}

.account__item-input {
      -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   
   position: absolute;
   opacity: 0;
}

.account__item-input:checked + .account__item-label {
    background-color: #F58356;
    color: #fff;
}


/* new item 17.08.22 */
main.main-catalog-new.content {
    background: #F8F8F8;
}
.item-new {
    background: #FFFFFF;
}
.item-new__container {
    display: flex;
    flex-direction: column;
}
.item-new__top {}
.item-new__img {
    position: relative;
    width: 100%;
    height: 272px;
    display: block;
}
.item-new__img img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}
.item-new__content {
    display: flex;
    flex-direction: column;
    padding: 27px 40px 40px 40px;
}
.item-new__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #2F2F2F;
    margin-bottom: 10px;
}
.params-item-new {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}
.params-item-new:empty {
    margin: 0;
}
.params-item-new__item {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #797979;
    padding: 0;
}
.params-item-new__title {}
.params-item-new__desc {
    font-weight: 600;
}
.price-item-new {
    display: flex;
    align-items: center;
}
.price-item-new:not(:last-child) {
    margin-bottom: 29px;
}
.price-item-new__actual {
    font-weight: 800;
    font-size: 36px;
    line-height: 26px;
    color: #F58356;
}
.price-item-new__actual:not(:last-child) {
    margin-right: 23px;
}
.price-item-new__old {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #969696;
    position: relative;
}
.price-item-new__old:before {
    content: '';
    width: 115%;
    height: 2px;
    background: #F58356;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-10.82deg);
}
.item-new__link {
    width: 100%;
    height: 43px;
    background: #F58356;
    border-radius: 3px;
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.item-new__link i {
    margin-left: 8px;
}
.status-item-new {
    margin-bottom: 10px;
}
.status-item-new__item {
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #797979;
}
.status-item-new__item i {
    margin-right: 9px;
}
.status-item-new__item.ok i:before {
    color: #88C07A;
}
.sizes-item-new {
    margin-bottom: 30px;
}
.sizes-item-new__title {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #797979;
    margin-bottom: 10px;
}
.sizes-item-new__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.sizes-item-new__list li {
    padding: 0;
}
.sizes-item-new__list li input {
    position: absolute;
    z-index: -1;
    height: 0;
    overflow: hidden;
}
.sizes-item-new__list li label {
    font-weight: 600;
    font-size: 11px;
    line-height: 13px;
    color: #797979;
    padding: 6px 7px 4px 7px;
    border: 1px solid #F58356;
    border-radius: 3px;
    cursor: pointer;
    margin: 0;
}
.sizes-item-new__list li:not(:last-child) {
    margin-right: 5px;
}
.sizes-item-new__list li input:checked+label {
    color: #FFFFFF;
    background: #F58356;
}
.main-catalog-new .breadcrumb {
    margin-bottom: 80px;
}
.item-new__top--glass {
    padding: 18px 24px;
}
@media (min-width: 992px) {
    .menu-list__item--has-submenu>.menu-list__submenu {
        width: 600px;
        /* width: auto; */
        max-height: 100%;
        overflow: auto;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        height: auto;
        padding: 35px 30px;
        background: #F5F6F6;
        border-radius: 0px 3px 3px 0px;
    }
    .menu-list__item--has-submenu:hover>.menu-list__submenu {
        display: grid;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu>.menu-list__submenu {
        display: block;
        position: static;
        width: auto;
        padding: 0;
        gap: unset;
        border: none;
        padding-left: 70px;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu a {
        padding: 0;
        border: none;
        font-weight: 700;
        font-size: 16px;
        line-height: 24px;
        max-width: 250px;
        margin-bottom: 10px;
        display: flex;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu a .box-icon {
        position: relative;
        width: 50px;
        flex: 0 0 50px;
        height: 50px;
        margin-right: 20px;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu a:before {
        content: none;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu a .box-icon img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100%;
        object-fit: cover;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu a .menu-name {
        max-width: 185px;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu>.menu-list__submenu .menu-list__submenu-item {
        max-width: 144px;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item--has-submenu>.menu-list__submenu .menu-list__submenu-item a {
        font-weight: 300;
        font-size: 13px;
        line-height: 18px;
        padding: 0;
        border: none;
    }
    .menu-list__item {
        padding: 0px 30px;
    }
    .menu-list__item > a {
        border-top: none;
        border-bottom: 1px solid #DFDFDF;
        padding: 22px 0;
        background: transparent;
    }
    .menu-list__item--has-submenu>.menu-list__submenu .menu-list__item {
        padding: 0;
    }
    .menu-list__item:hover {
        background-color: #F5F6F6;
    }
    .menu-list__item:hover > a {
        border-color: transparent;
    }
    .menu-list__item:not(:last-child) {
        border: none;
    }
}
@media (max-width: 1440px) {
    .item-new__content {
        padding: 15px 25px 25px 25px;
    }
    .item-new__img {
        height: 240px;
    }
}
@media (max-width: 650px) {
    .item-new__img {
        height: 200px;
    }
    .main-catalog-new .breadcrumb {
        margin-bottom: 40px;
    }
}
/* new item 17.08.22 */