/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');


/* Глобальные переменные */

:root {

    /* size */

    --max-data-width: 1720px;
    --base-font-size: 20px;

    /* colors */

    --black-color: #000;
    --white-color: #fff;

    --gray-color: #9b9b9b;
    --dark-gray-color: #797979;
    --light-gray-color: #ddd;
    --thin-gray-color: #f6f6f6;

    --main-blue-color: #2877be;
    --main-cian-color: #00a8b3;
    --main-light-blue-color: #d6e0ea;

    --yandex-link-color: #000080;
    --yandex-gray-color: rgba(84, 96, 122, 0.68);

    --main-blue-color-trans50: rgba(40,119,190,0.5);


    /* backgrounds */
    --top-logo-bg : url("../graph/mir-okon-logo.png") left center no-repeat;
    --end-logo-bg : url("../graph/mir-okon-logo-w.png") left center no-repeat;

    --menu-link-bg : url("../graph/menu-link.png") center center no-repeat;
    --menu-close-bg : url("../graph/menu-close-w.png") center center no-repeat;

    --work-time-bg : url("../graph/work-time-icon.png") left center no-repeat;
    --address-bg : url("../graph/address-icon.png") left center no-repeat;
    --nav-bg : url("../graph/direct-arrow.png") center center no-repeat;

    --froze-icon : url("../graph/froze-icon.png") top center no-repeat;
    --froze-bg : url("../graph/froze-bg-light.png") no-repeat;
    --froze-info-bg : url("../graph/froze-bg-dark.png") left center no-repeat;

    --callback-bg : url("../graph/callback-bg-light.png") no-repeat;
    --callback-info-bg : url("../graph/callback-bg-dark.png") left center no-repeat;

    --phone-bg : url("../graph/phone-cian-icon.png") center center no-repeat;
    --phone-white-bg : url("../graph/phone-white-icon.png") center center no-repeat;

    --list-mark-bg : url("../graph/mark-icon.png") left center no-repeat;
    --list-circle-mark-bg : url("../graph/mark-circle-icon.png") top left no-repeat;

    --bg-full-height: auto 100%;
    --bg-90-height: auto 90%;
    --bg-75-height: auto 75%;
    --bg-full-width: 100% auto;

    --bg-slider-data: linear-gradient(to right, rgba(255,255,255,0.9), rgba(255,255,255,0.01));
    --bg-main-brand-item: linear-gradient(to top, #e5edf5, #fff);
    --bg-hover-main-brand-item: linear-gradient(to top, #e5f5f5, #fff);

    --cian-blue-gradient: linear-gradient(to bottom, var(--main-cian-color), var(--main-blue-color));

    --form-bg-blue-color: #f3f6f9;
    --advantage-bg-blue-color: #e4edf6;
    --white-bg-color-25per: rgba(255,255,255,0.25);
    --white-bg-color-50per: rgba(255,255,255,0.5);
    --white-bg-color-75per: rgba(255,255,255,0.75);
    --white-bg-color-90per: rgba(255,255,255,0.9);

    --black-bg-color-10per: rgba(0,0,0,0.1);


  }


/* Сетка */

.flex-columns {position: relative; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
.flex-columns.top-align {align-items:stretch;}

.flex-columns.content-left {justify-content: flex-start;}
.flex-columns.content-right {justify-content: flex-end;}
.flex-columns.content-center {justify-content: center;}
.flex-columns.content-between {justify-content: space-between;}
.flex-columns.content-around {justify-content: space-around;}

.col-1, .col-1x1 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

.col-1x2 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}

.col-1x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.3%; max-width: 33.3%;}
.col-2x3 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.66666%; flex: 0 0 66.6%; max-width: 66.6%;}

.col-1x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-3x4 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}

.col-1x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
.col-2x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
.col-3x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
.col-4x5 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%;}

.col-1x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 16.66666%; flex: 0 0 16.6%; max-width: 16.6%;}
.col-5x6 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.3%; max-width: 83.3%;}

.col-1x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%;}
.col-3x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37.5%; flex: 0 0 37.5%; max-width: 37.5%;}
.col-5x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}
.col-7x8 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 62.5%; flex: 0 0 62.5%; max-width: 62.5%;}

.col-1x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%;}
.col-11x12 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 91.66666%; flex: 0 0 91.66666%; max-width: 91.66666%;}


/* Тэги */
html {position:relative; min-height:100%; margin:0; padding:0; font-size: var(--base-font-size);}
body {position:relative; margin:0; padding:0;  min-height: 100vh; text-align:center; font-family:'Rubik', 'Arial', 'Sans Serif'; font-weight:300;  font-size: 0.9rem; color: #000; -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both}

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; color: var(--main-cian-color); opacity:1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
a:hover {color:var(--main-blue-color);  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300;}
h1, h2 {font-size:3rem; }
h3 {font-size:2rem; }
h4 {font-size:1.8rem; }

iframe { border-width: 0px; }

input[type="text"], input[type="number"], input[type="password"], textarea, select {border:solid 1px var(--white-color); font-family:'Rubik', 'Arial', 'Sans Serif';}

input[type="text"]::-webkit-input-placeholder {color: #c4c4c4;}
input[type="text"]::-moz-placeholder {color: #c4c4c4;}
input[type="number"]::-webkit-input-placeholder {color: #c4c4c4;}
input[type="number"]::-moz-placeholder {color: #c4c4c4;}
textarea::-webkit-input-placeholder {color: #c4c4c4;}
textarea::-moz-placeholder {color: #c4c4c4;}

input[type="text"].errorinput { border:solid 1px red !important; }
input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: red;}
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: red;}
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: red;}
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: red;}


/* Модификаторы */
.a-left {text-align:left;}
.a-right {text-align:right;}
.a-center {text-align:center;}

/* Секции */
.wrapper {position:relative; width:100%;  padding:0;  margin:0; text-align:center; }
    .wrapper .wrap {position: relative; display:block; max-width:var(--max-data-width); margin:auto; padding:0 2.5%;}


/* Главние меню */
.main-menu {position: fixed; display:none; top:0; left:0; bottom:0; background: var(--cian-blue-gradient); width:27%; min-width:20rem; text-align:left; z-index:50; }

  .main-menu .main-menu-data {position:relative; margin:6%;}

  .main-menu .menu-logo {position: relative; width:70%;  top:0; }
    .main-menu .menu-logo a {position: relative; display:inline-block; cursor:pointer; width:100%; height:0; padding-top:29%; background: var(--end-logo-bg); background-size: var(--bg-full-height);}

  .main-menu .menu-close {position:absolute; display:inline-block; width:15%; right:2.5%; top:0.75rem; overflow:hidden;}
    .main-menu .menu-close a {position:relative; display:inline-block; cursor:pointer; width:100%; height:0; padding-top:100%; background: var(--menu-close-bg); background-size: var(--bg-full-height); opacity:0.65;}
      .main-menu .menu-close a:hover {opacity:1;}

  .main-menu .menu-items {position: relative; margin-top:10%}
    .main-menu .menu-items .menu-block {position: relative; margin-bottom:1.25rem;}
      .main-menu .menu-items .menu-block ul {position: relative; margin:0; padding:0; list-style: none;}
        .main-menu .menu-items .menu-block ul li {position: relative; margin:0; padding:0;}
          .main-menu .menu-items .menu-block ul li a {position: relative; display:block; padding:0.35rem 0; font-size:1.2em; font-weight:400;  color:var(--white-color); opacity: 0.75;}
            .main-menu .menu-items .menu-block ul li a:hover {opacity: 1;}
            .main-menu .menu-items .menu-block ul li ul {display:none; padding:0.4rem 0;}
              .main-menu .menu-items .menu-block ul li:hover ul {display:block; }
              .main-menu .menu-items .menu-block ul li ul li a {padding:0.2rem 0; margin-left:1.3rem; font-size:0.9rem; font-weight:300; }
          .main-menu .menu-items .menu-block ul li.parent a span {position: relative; display: inline-block; padding-right:0.85rem;}
          .main-menu .menu-items .menu-block ul li.parent a span::after {content:"›"; position: absolute; top:0; right:0; display:inline-block; transform: rotate(90deg);}
          .main-menu .menu-items .menu-block ul li.parent:hover a span::after {content:"›"; position: absolute; top:0; right:0; display:inline-block; transform: rotate(-90deg);}



/* Шапка */
.wrtop { background-color: var(--white-color); box-shadow: 0 0.15rem 0.3rem rgba(0, 0, 0, 0.1); z-index: 6;}
    .wrtop .wrap { height:6.5rem;  /* height:7.5vw; min-height:4.5rem; */  text-align:left; display: block;}
    .wrtop .top-colums {position:relative; margin:1rem 0; height:calc(100% - 1rem);}
        .wrtop .top-colums .col-1x3 { text-align: left; }
        .wrtop .top-logo {position:relative; display:inline-block; height:90%; width:0; min-width:calc(7.5rem - 45%); padding-left:45%; border-right:solid 1px var(--main-blue-color-trans50);  overflow:hidden; }
            .wrtop .top-logo a {position: absolute; display: inline-block; cursor:pointer;  left:0; top:5%; right:0; bottom:0; background: var(--top-logo-bg); background-size: var(--bg-full-height); text-indent: -999em;}
        .wrtop .top-menu-link {position:relative; display:inline-block; height:90%; width:0; padding-left: 25%; margin-left:2.5%; overflow:hidden;}
            .wrtop .top-menu-link a {position: absolute; display: inline-block; cursor:pointer;  left:0; top:5%; right:0; bottom:0; background: var(--menu-link-bg); background-size: var(--bg-full-height); opacity:0.65;}
            .wrtop .top-menu-link a:hover {opacity:1;}
        .wrtop .top-colums .col-2x3 {display:flex; justify-content:right; align-items:center;}
        .wrtop .top-contacts { display:inline-block; margin-right:27%; text-align: right; font-size:0.7rem; color:var(--dark-gray-color);}
            .wrtop .top-contacts .top-work-time span { position:relative;display: inline-block; margin-bottom:0.25rem; padding-left:1rem; background: var(--work-time-bg);  background-size: auto 80%; }
            .wrtop .top-contacts .top-address span { position:relative;display: inline-block; margin-bottom:0.25rem; padding-left:1rem; background: var(--address-bg);  background-size: auto 90%;}
            .wrtop .top-contacts .top-phone a { position:relative; display:inline-block; margin-top:0.2rem; font-size:2.2rem; color:var(--black-color);}

    .wrtop .top-callback {position:absolute; top:-1rem; right:0; width:14%; padding:2rem 1rem; text-align:center; background-color: var(--main-cian-color);}
      .wrtop .top-callback:hover {background: var(--cian-blue-gradient);}
      .wrtop .top-callback a {position:relative; display:block; padding-top:40%;  font-size:1.15rem; font-weight:400; color:var(--white-color); opacity: 0.75; text-transform: uppercase; background: var(--froze-icon); background-size: auto 45%;}
        .wrtop .top-callback a span {display:block; font-size:0.95rem; }
        .wrtop .top-callback:hover a {opacity: 1;}


/* Слайдер на главной */
.slider {position: relative; height: 0; padding-top: 41%; overflow: hidden; }
  .slider .slider-data {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow:hidden; }

  .slider .ms-item {position:relative; z-index: 3;}
    .slider .ms-item .ms-container {position:absolute; display:flex; top: 0; left:0; right: 0; bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center; justify-content: left;  z-index: 4; }
      .slider .ms-item .ms-container .ms-data {position:relative; display:inline-block; width:45%; padding:2.5rem 5%; padding-top:3.5rem; font-size:1.2rem; text-align:left; background: var(--bg-slider-data);}
        .slider .ms-item .ms-container .ms-data .ms-text {padding-right:5%;}
        .slider .ms-item .ms-container .ms-data h3 {margin-bottom:1rem; line-height:1.1; font-size:2.7rem; font-weight: 600; color:var(--main-cian-color); text-transform:uppercase;}
          .slider .ms-item .ms-container .ms-data h3 span {display:block; color:var(--main-blue-color);}
        .slider .ms-item .ms-container .ms-data a.button {position: relative; display: inline-block; margin:1rem 0; padding:1rem 2rem; font-weight: 400;}
          .slider .ms-item .ms-container .ms-data a.button::before {content: "["; position: absolute; display: inline-block; top:0; left:0; font-size:2.9rem; font-weight: 300;  }
          .slider .ms-item .ms-container .ms-data a.button::after {content: "]"; position: absolute; display: inline-block; top:0; right:0; font-size:2.9rem; font-weight: 300; }

    .slider .ms-item .ms-img img.mob-pic {display: none;}

  .slider .owl-carousel {position: unset;}

  .slider .owl-carousel .owl-nav {position: absolute; bottom:15%; left:70%; width:30%; }
    .slider .owl-carousel .owl-nav div {position:relative; display: inline-block; width:4rem; height:3.5rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 60%; background-color: var(--white-color); border-radius:0.3rem 0 0 0.3rem; overflow: hidden; opacity:0.75;}
      .slider .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
      .slider .owl-nav div.owl-next {transform:rotate(180deg)}

  .slider .owl-carousel .owl-dots {position: absolute; bottom:9%; left:70%; width:30%; }
    .slider .owl-carousel .owl-dots .owl-dot {position: relative; display: inline-block; width: 0.9rem; height: 0.9rem; margin: 0 0.25rem; border-radius: 50%;  background-color: var(--white-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; opacity:0.6; }
      .slider .owl-carousel .owl-dots .owl-dot.active {background-color: var(--main-cian-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;  opacity:1;  }
      .slider .owl-carousel .owl-dots .owl-dot::hover {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; transition: all 1s ease;    opacity:1;  }


/* Окна на главной */
.wrmainwin {padding-top:2rem; padding-bottom:2rem; }
  .wrmainwin::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:6.5rem; background-color: var(--form-bg-blue-color);}


.wrmainwin .wrtitle {position: relative; padding:1rem;}
.wrmainwin .wrtitle h1 {position: relative; text-align:left; font-size:1.65rem; color:var(--main-blue-color);}
.wrmainwin .wrtitle h2 {position: relative; text-align:left; font-size:2.75rem; }

  .wrmainwin .prod-list {position: relative; padding-top:0.5rem;}
    .wrmainwin .prod-list .prod-item {position: relative; margin:1rem 0.5rem; }
      .wrmainwin .prod-list .prod-item .prod-item-data {position: relative; padding:5% 10%; background-color: var(--white-color); box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.15); z-index:5;}
        .wrmainwin .prod-list .prod-item .prod-item-data::before {content:""; position: absolute; left:0; top:22%; width:100%; height:45%; background-color: var(--thin-gray-color); z-index:5;}
        .wrmainwin .prod-list .prod-item .prod-item-data .prod-data {position: relative; text-align: left;}
          .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a {display:inline-block; line-height:1.1; font-size: 1.3rem; font-weight:600; color:var(--main-blue-color); text-transform: uppercase;}
            .wrmainwin .prod-list .prod-item:hover .prod-item-data .prod-data h4 a { color:var(--main-cian-color); }
          .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span {display:block; font-size:0.75rem; line-height: 1.2;}
        .wrmainwin .prod-list .prod-item .prod-item-data .prod-img {position: relative; margin:0; width:100%; height:unset; padding-top:150%; z-index:6;}
          .wrmainwin .prod-list .prod-item .prod-item-data .prod-img img {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
          .wrmainwin .prod-list .prod-item .prod-item-data .prod-price {position: relative; padding-top:0.5rem; font-size:1.4rem; font-weight:600; z-index:6;}
            .wrmainwin .prod-list .prod-item .prod-item-data .prod-price span {font-size:2rem;}
            .wrmainwin .prod-list .prod-item .prod-item-data .prod-price sup {font-size:0.8rem;}
            .wrmainwin .prod-list .prod-item .prod-item-data .prod-button {position: relative; margin:0.75rem 0;}
              .wrmainwin .prod-list .prod-item .prod-item-data .prod-button a {display: block; padding:0.75rem 0; font-size:1.1rem; text-align:center; }

  .wrmainwin .brand-list {position: absolute; display:inline-block; top:-3.5rem; right:0; width:35%; max-width:25.5rem}
    .wrmainwin .brand-list .flex-columns .col-1x3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .wrmainwin .brand-list .brand-item {position:relative; width:calc(100% - 0.5rem); margin:0 0.25rem; background: var(--bg-main-brand-item); }
      .wrmainwin .brand-list .brand-item:hover {background: var(--bg-hover-main-brand-item); }
      .wrmainwin .brand-list .brand-item a {position:relative; display: block;}
        .wrmainwin .brand-list .brand-item a span {position:relative; display: inline-block; width:90%; height:0; padding-top:70%; margin:5%;  overflow:hidden;}
          .wrmainwin .brand-list .brand-item a span img {position: absolute; width:70%; top:50%; left:50%; transform: translate(-50%, -50%);}


/* Назначения на главной */
.wrdestination {padding-top:3rem; padding-bottom:1rem}
  .wrdestination::before {content: ""; position: absolute; top:0; right:0; width:60%; height:1.5rem; background-color: var(--form-bg-blue-color);}
  .wrdestination::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:5.7rem; background-color: var(--form-bg-blue-color);}

  .wrdestination .wrtitle h3 {position: relative; text-align:left; font-size:1.45rem; color:var(--main-blue-color);}
  .wrdestination .wrtitle h2 {position: relative; text-align:left; font-size:2.25rem; }

  .wrdestination .dest-list {position: relative; padding:1.5rem 0; z-index:5}
    .wrdestination .dest-list .dest-item {position: relative; display: inline-block; width:90%; margin:1rem 0;}
    .wrdestination .dest-list .col-1x3:nth-child(3n+1) .dest-item {padding-left:2%; padding-right:8%; }
    .wrdestination .dest-list .col-1x3:nth-child(3n-1) .dest-item {padding-left:7%; padding-right:5%; }
    .wrdestination .dest-list .col-1x3:nth-child(3n) .dest-item {padding-left:10%; padding-right:0; }
      .wrdestination .dest-list .dest-item .dest-img {position: relative; width:100%; height:0; padding-top:56%; overflow: hidden; box-shadow: 0 0 0.75rem rgb(0 0 0 / 25%);}
        .wrdestination .dest-list .dest-item .dest-img img {position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
      .wrdestination .dest-list .dest-item h4 {position: absolute; bottom:5%; width:75%;}
         .wrdestination .dest-list .dest-item h4 a {display:block; padding:0.75rem 0.5rem; font-size: 1.2rem; color:var(--white-color); text-align:center; background-color: var(--main-cian-color);}
        .wrdestination .dest-list .col-1x3:nth-child(3n+1) .dest-item h4 {left:0;}
        .wrdestination .dest-list .col-1x3:nth-child(3n-1) .dest-item h4 {left:5%}
        .wrdestination .dest-list .col-1x3:nth-child(3n) .dest-item h4 {left:8%}




/* Назначения на главной */
.wrdestination {padding-top:3rem; padding-bottom:1rem}
  .wrdestination::before {content: ""; position: absolute; top:0; right:0; width:60%; height:1.5rem; background-color: var(--form-bg-blue-color);}
  .wrdestination::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:5.7rem; background-color: var(--form-bg-blue-color);}

  .wrdestination.wralprod { padding-top:0;}
  .wrdestination.wralprod:before { display: none;}

  .abrand-page .wrdestination.wralprod { padding-top:1.5rem; background-color: var(--form-bg-blue-color);}

  .wrdestination .wrtitle h3 {position: relative; text-align:left; font-size:1.45rem; color:var(--main-blue-color);}
  .wrdestination .wrtitle h2 {position: relative; text-align:left; font-size:2.25rem; }

  .wrdestination .dest-list {position: relative; padding:1.5rem 0; z-index:5}
    .wrdestination .dest-list .dest-item {position: relative; display: inline-block; width:90%; margin:1rem 0;}
    .wrdestination .dest-list .col-1x3:nth-child(3n+1) .dest-item {padding-left:2%; padding-right:8%; }
    .wrdestination .dest-list .col-1x3:nth-child(3n-1) .dest-item {padding-left:7%; padding-right:5%; }
    .wrdestination .dest-list .col-1x3:nth-child(3n) .dest-item {padding-left:10%; padding-right:0; }
      .wrdestination .dest-list .dest-item .dest-img {position: relative; width:100%; height:0; padding-top:56%; overflow: hidden; box-shadow: 0 0 0.75rem rgb(0 0 0 / 25%);}
        .wrdestination .dest-list .dest-item .dest-img img {position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
      .wrdestination .dest-list .dest-item h4 {position: absolute; bottom:5%; width:75%;}
         .wrdestination .dest-list .dest-item h4 a {display:block; padding:0.75rem 0.5rem; font-size: 1.2rem; color:var(--white-color); text-align:center; background-color: var(--main-cian-color);}
        .wrdestination .dest-list .col-1x3:nth-child(3n+1) .dest-item h4 {left:0;}
        .wrdestination .dest-list .col-1x3:nth-child(3n-1) .dest-item h4 {left:5%}
        .wrdestination .dest-list .col-1x3:nth-child(3n) .dest-item h4 {left:8%}


/* Протфолио на главной */
.wrportfolio {padding-top:3rem; padding-bottom:1rem}
  .wrportfolio::before {content: ""; position: absolute; top:0; right:0; width:60%; height:1.5rem; background-color: var(--form-bg-blue-color);}
  .wrportfolio::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:5.7rem; background-color: var(--form-bg-blue-color);}

  .wrportfolio .wrtitle h3 {position: relative; text-align:left; font-size:1.45rem; color:var(--main-blue-color);}
  .wrportfolio .wrtitle h2 {position: relative; text-align:left; font-size:2.25rem; }
  .wrportfolio h3 {margin-bottom: 1rem; font-size: 1.8rem;  font-weight: 300; }


  .wrportfolio .portfolio-list {position: relative; padding:1.5rem 0; z-index:5}
    .wrportfolio .portfolio-list .portfolio-item {position: relative; display: inline-block; width:90%; margin:1rem 0;}
    .wrportfolio .portfolio-list .col-1x3:nth-child(3n+1) .portfolio-item {padding-left:2%; padding-right:8%; }
    .wrportfolio .portfolio-list .col-1x3:nth-child(3n-1) .portfolio-item {padding-left:7%; padding-right:5%; }
    .wrportfolio .portfolio-list .col-1x3:nth-child(3n) .portfolio-item {padding-left:10%; padding-right:0; }
      .wrportfolio .portfolio-list .portfolio-item .portfolio-img {position: relative; width:100%; height:0; padding-top:56%; overflow: hidden; box-shadow: 0 0 0.75rem rgb(0 0 0 / 25%);}
        .wrportfolio .portfolio-list .portfolio-item .portfolio-img img {position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
      .wrportfolio .portfolio-list .portfolio-item h4 {position: absolute; bottom:5%; width:75%;}
         .wrportfolio .portfolio-list .portfolio-item h4 a {display:block; padding:0.75rem 0.5rem; font-size: 1.2rem; color:var(--white-color); text-align:center; background-color: var(--main-cian-color);}
        .wrportfolio .portfolio-list .col-1x3:nth-child(3n+1) .portfolio-item h4 {left:0;}
        .wrportfolio .portfolio-list .col-1x3:nth-child(3n-1) .portfolio-item h4 {left:5%}
        .wrportfolio .portfolio-list .col-1x3:nth-child(3n) .portfolio-item h4 {left:8%}





/*  Отзывы */
.wrreviews { padding-top: 0; padding-bottom: 1rem; text-align:left; background-color: var(--form-bg-blue-color);}

  .wrreviews .wrtitle h3 {display:inline-block; font-size: 2.25rem;  text-align: left; }

  .wrreviews .reviews-list {position: relative; padding: 1.5rem 0; }
    .wrreviews .reviews-list .review-item {position: relative;margin: 1rem 5%; min-height: 9rem; background-color: var(--white-color);  box-shadow: 0.15rem 0.15rem 0.3rem rgba(0, 0, 0, 0.1); }
    .wrreviews .reviews-list .review-item .review-item-data { position: relative; padding: 0.75rem; }
      .wrreviews .reviews-list .review-item .review-author {position: relative; display: flex; align-items: center; padding-bottom: 0.5rem;}
        .wrreviews .reviews-list .review-item .review-author .review-avatar {position: relative; display: flex; width: 2.5rem;}
          .wrreviews .reviews-list .review-item .review-author .review-avatar img {position: relative; border-radius: 50%; max-width: 2.1rem;}
        .wrreviews .reviews-list .review-item .review-author .review-name {display: flex; width: calc(100% - 2.5rem);  font-size: 0.75rem;  font-weight: 600;  color: var(--yandex-link-color);}
      .wrreviews .reviews-list .review-item .review-date-stars {position: relative; display: flex; align-items: center;  padding-bottom: 0.25rem;}
        .wrreviews .reviews-list .review-item .review-date { position: relative; display: flex; font-size: 0.7rem; color: var(----yandex-gray-color);  line-height: 0.8rem;}
        .wrreviews .reviews-list .review-item .review-stars { position: relative; padding-right: 0.25rem;}
          .wrreviews .reviews-list .review-item .review-stars span {display: inline-block; width: 0.75rem; height: 0.75rem; margin-right: 0.05rem; background: url(../graph/yandex_star.svg) center center no-repeat;  background-size: auto 100%;}
        .wrreviews .reviews-list .review-item .review-text {position: relative; padding-right: 0.25rem; font-size: 0.7rem; max-height: 4rem; line-height: 1.2; text-align:left;  overflow: auto;}
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar {  width: 2px; }
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar-track { background-color: var(--white-color);}
          .wrreviews .reviews-list .review-item .review-text::-webkit-scrollbar-thumb { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);}

    .wrreviews .reviews-links {position: relative; display: inline-block; left: 6.5%; top: 0.75rem;}
      .wrreviews .reviews-links span {display: block; margin-bottom: 0.5rem; text-transform: uppercase; opacity: 0.6;}
      .wrreviews .reviews-links .reviews-links-list { display: flex; align-items: flex-start;}
        .wrreviews .reviews-links .reviews-links-list div {margin-right: 0.25rem;}
          .wrreviews .reviews-links .reviews-links-list div img {max-height: 2.25rem;}

    .wrreviews .owl-carousel .owl-nav {position: absolute; top:-4.5rem; right:0.5rem;  }
      .wrreviews .owl-carousel .owl-nav div {position:relative; display: inline-block; width:3rem; height:3.5rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 60%;  border-radius:0.3rem 0 0 0.3rem; overflow: hidden; opacity:0.25;}
       .wrreviews .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
       .wrreviews .owl-nav div.owl-next {transform:rotate(180deg)}


/* Преимущества */
.wradvantages  {padding:0; padding-bottom:1.5rem; text-align:left; background-color: var(--advantage-bg-blue-color);}
  .wradvantages::after {content: ""; position: absolute; bottom:0; left:0; width:40%; height:1.5rem; background-color: var(--white-color);}
  .wradvantages::before {content: ""; position: absolute; bottom:0; right:0; width:60%; height:1.5rem; background-color: var(--form-bg-blue-color);}



  .wradvantages .advantages-list .advantage-item {position: relative; display:flex; width:100%; padding:2.5rem 0; justify-content:center;}
    .wradvantages .advantages-list .advantage-item::before {content:""; position:absolute; display:inline-block; right:0; top:0; height:100%; width:1px; background-color: var(--white-color);}
    .wradvantages .advantages-list .col-1x3:last-child .advantage-item::before {content:""; display:none;}
    .wradvantages .advantages-list .col-1x3:nth-child(2) .advantage-item {background-color: var(--white-bg-color-25per);}
    .wradvantages .advantages-list .advantage-item-data {position: relative; display:inline-block; margin:auto; text-align:left;}
      .wradvantages .advantages-list .advantage-item-data .advantage-title {position: relative; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;}
        .wradvantages .advantages-list .advantage-title .advantage-img {position: relative; display:inline-block; width:2.75rem; height:2.75rem; overflow: hidden; }
          .wradvantages .advantages-list .advantage-title .advantage-img img {position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
        .wradvantages .advantages-list .advantage-title h5 {position:relative; margin-left:1rem; font-size:1.5rem; font-weight:600; color:var(--main-blue-color); text-transform: uppercase;}
      .wradvantages .advantages-list .advantage-item-data .advantage-text {position: relative; margin-top:0.5rem; font-weight: 400;}
        .wradvantages .advantages-list .advantage-item-data .advantage-text ul {position: relative; margin-left:0; padding:0; padding-left:0.2rem; list-style: none;  }
          .wradvantages .advantages-list .advantage-item-data .advantage-text ul li {position: relative; margin:0.25rem 0; padding:0; padding-left:1.25rem; }
            .wradvantages .advantages-list .advantage-item-data .advantage-text ul li::before {content:""; position: absolute; left:0; top:25%; width:0.75rem; height:0.5rem; background:var(--list-mark-bg); background-size: var(--bg-full-height);   }



/* Аксессуары на главной */
.wraccessories {padding-top:2rem; padding-bottom:2rem}
  .wraccessories::after {content: ""; position: absolute; bottom:0; left:0; width:100%; height:7.5rem; background-color: var(--form-bg-blue-color);}

  .wraccessories .wrtitle h3 {position: relative; text-align:left; font-size:1.45rem; color:var(--main-blue-color);}
  .wraccessories .wrtitle h2 {position: relative; text-align:left; font-size:2.25rem; }

  .wraccessories .access-list {position: relative; padding:2rem 0; z-index:6;}
    .wraccessories .access-list .access-item {position: relative; padding-right:2rem; }
      .wraccessories .access-list .access-item .access-img {position: relative; width:100%; height:0; padding-top:150%; overflow: hidden;}
        .wraccessories .access-list .access-item .access-img:after {content:""; position: absolute; display: inline-block; top:70%; left:0; width:100%; height:20%; background: var(--white-bg-color-50per);  }
          .wraccessories .access-list .access-item:hover .access-img:after {content:""; position: absolute; display: inline-block; top:70%; left:0; width:100%; height:20%; background: var(--white-bg-color-75per);  }
        .wraccessories .access-list .access-item .access-img img {position: absolute; height:100%; top:50%; left:50%; transform: translate(-50%, -50%);}
      .wraccessories .access-list .access-item h4 {position: absolute; bottom:7.5%; right:1rem; width:90%; text-align:left; background-color: var(--main-cian-color);}
        .wraccessories .access-list .access-item h4 a {position: relative; display:block; padding:1rem 5%; font-size:1.25rem; color: var(--white-color);}

  .wraccessories .owl-carousel .owl-nav {position: absolute; top:-5rem; right:0.5rem;  }
    .wraccessories .owl-carousel .owl-nav div {position:relative; display: inline-block; width:3rem; height:3.5rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 60%;  border-radius:0.3rem 0 0 0.3rem; overflow: hidden; opacity:0.25;}
      .wraccessories .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
      .wraccessories .owl-nav div.owl-next {transform:rotate(180deg)}



/* Аксессуары на странице */

.wraccessories.page-access  {padding-top:0;}
  .wraccessories.page-access::after { display: none; }
    .wraccessories.page-access .access-list .access-item {width:60%; margin-bottom:2rem;}
      .wraccessories.page-access .access-list .access-item .access-img:after {content:""; position: absolute; display: inline-block; top:11%; left:0; width:100%; height:20%; background: var(--white-bg-color-50per);  }
        .wraccessories.page-access .access-list .access-item:hover .access-img:after {content:""; position: absolute; display: inline-block; top:11%; left:0; width:100%; height:20%; background: var(--white-bg-color-75per);  }
      .wraccessories.page-access .access-list .access-item h4 {bottom:unset; top:19%; }
    .wraccessories.page-access .access-list .access-desc {position: absolute; top:35%; right:5%; width: calc(92% - 2rem); padding:1rem; font-size:0.9rem; font-weight:400; text-align:left;  background-color: var(--white-bg-color-90per);}




/* Горизотнальные формы */
.wrformline {padding: 3rem 0; text-align:left; }
  .wrformline .form-info {position: relative; margin-bottom:1rem; }
    .wrformline .form-info .form-info-title {position:relative; display:inline-block; width: 31%; margin-right:2%; }
      .wrformline .form-info .form-info-title div {position:relative; display:inline-block; padding-left:15%; font-size:1.3rem; color:var(--main-cian-color); }
        .wrformline .form-info .form-info-title div span {position:relative; display:block; font-size:1.7rem; font-weight:400; color:var(--black-color); text-transform: uppercase; }
    .wrformline .form-info .form-info-text {position:relative; display:inline-block; width:30%; font-size:0.8rem;}
    .wrformline .form-info .form-info-privacy {position:relative; display:inline-block; width:30%; margin-left: 5%; font-size:0.6rem; color: var(--gray-color); text-align: center;}
  .wrformline .form-data input {position: relative; width:calc(90% - 2.5rem); padding:0.75rem 1.25em; font-size:1.1rem; }
  .wrformline .form-data .button a {display:block; padding:0.75rem 0; font-size:1.1rem; font-weight:400; text-align:center; border:solid 1px var(--main-cian-color);}

  .frozeline {background: var(--froze-bg); background-position: 88% ; background-size: auto 120%; background-color: var(--main-light-blue-color); overflow: hidden;}
    .frozeline .form-info .form-info-title div {background: var(--froze-info-bg); background-size:var(--bg-full-height);}
  .callbackline {background: var(--callback-bg); background-position: 88% ; background-size: auto 120%; background-color: var(--main-light-blue-color); overflow: hidden;}
    .callbackline .form-info .form-info-title div {background: var(--callback-info-bg); background-size:var(--bg-full-height);}



 /* Карта в футере */
.wrmap {margin:0.1rem 0;}
  .wrmap .map {display: block; width:100%; height:21rem; filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1);	-moz-filter: grayscale(1);	-o-filter: grayscale(1); }
  /* [class*="ymaps-2"][class*="-ground-pane"] {filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1);	-moz-filter: grayscale(1);	-o-filter: grayscale(1); } */

  .wrmap .map-contacts {position: absolute; display: flex; top:0; bottom:0; left:10%; padding:2rem 4%; align-items:center; background-color: var(--white-bg-color-90per);}
    .wrmap .map-contacts .map-contacts-data {position: relative; display: inline-block; text-align:left;}

    .wrmap .map-contacts  h3 { position:relative; display:inline-block; font-weight: 600; color:var(--main-blue-color)}
    .wrmap .map-contacts  .map-phone a { position:relative; display:inline-block; margin:1rem 0; font-size: 2rem; color:var(--black-color)}
    .wrmap .map-contacts  .map-address span { position:relative; display: inline-block; margin-bottom:1rem; padding-left:2.5rem; background: var(--address-bg);  background-size: auto 90%;}
    .wrmap .map-contacts  .map-work-time span { position:relative; display: inline-block; padding-left:2.5rem; background: var(--work-time-bg);  background-size: auto 80%; }


/* Подвал */
.wrend {padding: 2rem 0; background-color: var(--main-cian-color); text-align:left;}

  .wrend .end-info { padding-bottom:1.5rem; margin-bottom:1.5rem; border-bottom: solid 1px var(--white-bg-color-50per);  }

  .wrend .end-logo { position: relative;  }
    .wrend .end-logo a { position: relative; display: block; width:100%; height:0; padding-bottom:30%; overflow: hidden; background: var(--end-logo-bg); background-size: var(--bg-full-height);}

  .wrend .end-menu { position: relative; padding:3% 0; }
    .wrend .end-menu ul { position: relative; padding:0; margin:0; column-count:3; }
      .wrend .end-menu ul li { position: relative;  margin:0; margin-left:-20%; list-style: none; }
        .wrend .end-menu ul li:nth-child(-n+6) { margin-left:0; }
        .wrend .end-menu ul li a { position: relative; display: inline-block; padding:0.25rem 0; margin:0; font-size:0.95rem; color:var(--white-color); opacity: 0.6; }
          .wrend .end-menu ul li a:hover {opacity:1}

  .wrend .end-phone { position: relative; width:100%; padding:0.25rem; text-align:right; }
    .wrend .end-phone a { position: relative; display: inline-block; font-size:1.5rem; color:var(--white-color); }

    .wrend .end-callback { position: relative; width:100%; padding:0.25rem; text-align:right;}
      .wrend .end-callback a { position: relative; display: inline-block; padding:0.7rem 2rem; font-size:0.95rem; text-transform: uppercase; color:var(--white-color); border:solid 1px var(--white-color); opacity: 0.75; }
        .wrend .end-callback a:hover {opacity:1}

  .wrend .end-cpr {position: relative; font-size:0.7rem; color:var(--white-bg-color-75per);}
    .wrend .end-cpr a {color:var(--white-bg-color-75per);}
      .wrend .end-cpr a:hover {color:var(--white-color);}
    .wrend .end-cpr .privacy { display: inline-block; }
    .wrend .end-cpr .cpr { display: inline-block; margin-right:1rem; }
    .wrend .end-cpr .geokon { width:100%; text-align:right; }



/* Внутренние страницы */
.wrpage {padding-bottom:3rem; text-align:left;}

  .wrpage .wrap {z-index: 5;}
  .wrpage .wrpage-top-bg {position:absolute; top:0; left:0; width:100%; height:10rem; overflow:hidden; z-index: 4;}
    .wrpage .wrpage-top-bg::after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;  background:var(--bg-slider-data);}
    .wrpage .wrpage-top-bg span {position:relative; display: block; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
      .wrpage .wrpage-top-bg span img {position:absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%); opacity:0.75;}

  .wrpage .krohi {position: relative; padding-top:2.5rem; font-size:0.8rem; color:var(--dark-gray-color) }
    .wrpage .krohi span {display:inline-block; margin:0 0.25rem;}
    .wrpage .krohi a {color:var(--dark-gray-color)}
      .wrpage .krohi a:hover {color:var(--black-color)}
    .wrpage .krohi ul {position:relative; display:inline-block; margin:0; padding:0;}
      .wrpage .krohi ul li {position:relative; display:inline-block; margin:0; padding:0; padding-left:0.5rem; padding-right:0.25rem; }
      .wrpage .krohi ul li:before {content:">"; position: absolute; display:inline-block; left:0; top:0.15rem; margin:0; font-size:0.6rem;}
      .wrpage .krohi ul li:first-child {padding-left:0; }
      .wrpage .krohi ul li:first-child:before {content:""; display:none;}


   .wrpage h1 { position: relative; font-size: 2.75rem; font-weight:400; margin-bottom:5rem;}

   .standart-page .wrpage { padding-bottom: 0; }


  /* .wrpage .page-info .block-data { min-height:15rem; } */



  .wrpage .block-text {font-size:1rem;}
  .wrpage .block-text h2 {position: relative; margin-top:0.5rem; margin-bottom:0.75rem; font-size:1.75rem;  }
  .wrpage .block-text h3 {position: relative; margin-top:0.5rem; margin-bottom:0.75rem; font-size:1.5rem; }


/*  Страница производителя  */
  .brand-page .wrpage, .abrand-page .wrpage  { padding-bottom: 1.5rem; }
  .brand-page .wrpage h1, .brand-page .wrpage h1 { margin-bottom: 0; }

  .wr-brand-info { padding:1.5rem 0; padding-top:2.5rem;  }
  .abrand-page .wr-brand-info { padding:1.5rem 0; padding-top:2.5rem;  }

    .wr-brand-info .brand-img {position: relative; display:inline-block; width:75%; }
      .wr-brand-info .brand-img span { display:inline-block; width:80%; height:0; padding: 60%; overflow: hidden; }
        .wr-brand-info .brand-img span img { position: absolute; height:100%; top:50%; left:50%; transform: translate(-50%, -50%); }
    .wr-brand-info .brand-info {margin-left:5%;}




  .wr-brand-products  { padding:2.5rem 0; background-color: var(--form-bg-blue-color); }
    .wr-brand-products  h2 { margin-bottom:2rem; font-size: 2.2rem; font-weight:300; text-align:center; }
    .wr-brand-products  .brand-prod-list { margin:1rem 0;  }

    .wr-brand-products .prod-item { position: relative; margin-right:2%; margin-bottom:1.5rem; padding:1.5rem; background-color: var(--white-color);  box-shadow: 0 0 0.75rem rgb(0 0 0 / 10%); }
      .wr-brand-products .prod-item h3 a { display:inline-block; margin-bottom:0.5rem;  line-height:1.1; font-size: 1.75rem; font-weight:600; color:var(--main-blue-color); text-transform: uppercase; }
      .wr-brand-products .prod-item .prod-img {position: relative; margin: 0;  width: 100%; }
        .wr-brand-products .prod-item .prod-img a {display: block; margin: 0;  width: 100%; height: unset; padding-top: 150%; overflow:hidden;}
        .wr-brand-products .prod-item .prod-img a img {position: absolute; max-width:100%;  top:50%; left:50%; transform: translate(-50%, -50%);}
      .wr-brand-products .prod-item .prod-price {position: relative; padding-top:0.5rem; font-size:1.4rem; font-weight:600; }
        .wr-brand-products .prod-item .prod-price span {font-size:2rem;}
        .wr-brand-products .prod-item .prod-price sup {font-size:0.8rem;}
      .wr-brand-products .prod-item .prod-button {position: relative; margin:0.75rem 0;}
        .wr-brand-products .prod-item .prod-button a {display: inline-block; padding:0.75rem 1.5rem; font-size:1.1rem}
      .wr-brand-products .prod-item .prod-info {position:relative; margin-left:5%;}
        .wr-brand-products .prod-item .prod-info .prod-desc {font-weight: 400;}
        .wr-brand-products .prod-item .prod-info .prod-features {position:relative; font-size:0.75rem;}
          .wr-brand-products .prod-item .prod-info .prod-features span {position:relative; display:inline-block; margin:0.2rem 0;}
            .wr-brand-products .prod-item .prod-info .prod-features span:first-child {width:70%;}
            .wr-brand-products .prod-item .prod-info .prod-features span:last-child {width:20%; }


  .wr-brand-advantages  { padding:1.5rem 0; padding-top:2.5rem;}
    .wr-brand-advantages  h2 { margin-bottom:2rem; font-size: 2.2rem; font-weight:300; text-align:center; }
    .wr-brand-advantages  .brand-advantages-list { margin:1rem 0;  }

    .wr-brand-advantages .brand-advantage-item {position: relative; margin:1.5rem; font-size:0.75rem}
      .wr-brand-advantages .col-1x4:nth-child(4n+1)  .brand-advantage-item  {margin-left:0;}
      .wr-brand-advantages .col-1x4:nth-child(4n) .brand-advantage-item  {margin-right:0;}

      .wr-brand-advantages .brand-advantage-item h5 {position:relative; padding-bottom:0.75em; font-size:1.2rem; font-weight: 600; ; color: var(--main-blue-color);}
        .wr-brand-advantages .brand-advantage-item h5 span {position:relative;  display: inline-block; padding-left:10%; background: var(--list-circle-mark-bg); background-size: auto 1.25rem;  }

      .wr-brand-advantages .brand-advantage-item .brand-advantage-text {text-align: justify;}

      .portfolio-list .owl-carousel .owl-nav {position: absolute; top:-4.5rem; right:1.5rem;  }
      .portfolio-list .owl-carousel .owl-nav div {position:relative; display: inline-block; width:3rem; height:3.5rem; margin:0 0.25rem; background:var(--nav-bg); background-size: auto 60%;  border-radius:0.3rem 0 0 0.3rem; overflow: hidden; opacity:0.25;}
       .portfolio-list .owl-nav div:hover {opacity: 1; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
       .portfolio-list .owl-nav div.owl-next {transform:rotate(180deg)}



/*  Страница продукции  */
.prod-page .wrpage  { padding-bottom: 1.5rem; }
.prod-page .wrpage h1 { margin-bottom: 0; }

.wr-prod-info { padding:1.5rem 0; padding-top:2.5rem;  }

  .wr-prod-info .prod-img {position: relative; display:inline-block; width:65%; /* border:solid 1px var(--light-gray-color); */ }
    .wr-prod-info .prod-img span { display:inline-block; width:90%; height:0; padding: 60%; overflow: hidden; }
      .wr-prod-info .prod-img span img { position: absolute; height:100%; top:50%; left:50%; transform: translate(-50%, -50%); }
  .wr-prod-info .prod-info {margin-left:0;}


  .wrfeatures {padding:1.5rem 0; /* background-color: var(--form-bg-blue-color); */}
  .wrfeatures h2 {padding:0.5rem; font-size:2.2rem; text-align: center;}
  .wrfeatures .prod-features {position: relative; padding:1.5rem 0;  }
  .wrfeatures .prod-features .feature-line { position: relative; padding:0.5rem; font-size:1rem; }
    .wrfeatures .prod-features .feature-line:nth-child(2n-1) { background-color: var(--white-bg-color-75per); }
      .wrfeatures .prod-features .feature-line span { position: relative; display: inline-block; width:40%; padding:0 2.5%; }
      .wrfeatures .prod-features .feature-line span:first-child { text-align:right; width:50%; }


  .wrgoods {padding:2.5rem 0; background-color: var(--form-bg-blue-color); }
  .wrgoods h3 {padding:0.5rem; font-size:2.2rem; text-align: center;}
    .wrgoods .prod-goods {position: relative; padding:1.5rem 0;  }
      .wrgoods .prod-goods .goods-item {position: relative; padding:0.5rem 3%; text-align:center; }
        .wrgoods .prod-goods .goods-item h5 {position: relative; padding-bottom: 0.25em; font-size: 1.4rem; font-weight: 400; color: var(--main-blue-color);}
        .wrgoods .prod-goods .goods-item .goods-img {position: relative; width:80%; margin:0.5rem 10%; }
          .wrgoods .prod-goods .goods-item .goods-img span {position: relative; display: block; width:100%; height: 0; padding-top:100%; overflow:hidden}
            .wrgoods .prod-goods .goods-item .goods-img span img {position:absolute; min-height:100%; max-width:100%; top:50%; left:50%; transform: translate(-50%, -50%); }
        .wrgoods .prod-goods .goods-item .goods-price {position: relative; padding-top:0.5rem; font-size:1.4rem; font-weight:600; }
           .wrgoods .prod-goods .goods-item .goods-price span {font-size:2rem;}
        .wrgoods .prod-goods .goods-item .goods-button {position: relative; margin:0.75rem 0;}
          .wrgoods .prod-goods .goods-item .goods-button a {display: inline-block; padding:0.75rem 1.5rem; font-size:1.1rem}
    .wrgoods .price-link {position: relative; padding:1rem 0; text-align:center }
      .wrgoods .price-link a {display: inline-block; padding:1rem 2rem; font-size:1.25rem; color:var(--white-color); background-color: var(--main-blue-color);}


  .wr-compare {padding:1.5rem 0; background-color: var(--form-bg-blue-color);}
    .wr-compare h3 {padding:0.5rem; font-size:2.2rem; text-align: center;}


/* Страница направления */
.wralbrands, .wrbrands {padding:0; }

.wralbrands .al-brand-list { position: relative; width:70%;  margin:0 15%; }
  .wralbrands .al-brand-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; }

.wrbrands .brand-list { position: relative; width:70%; margin:0 15%; margin-top:-2rem; }
  .wrbrands .brand-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%; }
  .wrbrands .brand-list .brand-item { position: relative; width:70%; margin:15%; }
    .wrbrands .brand-list .brand-item a { position: relative; display:inline-block; width:100%; height:0; padding-top:75%; overflow: hidden; }
      .wrbrands .brand-list .brand-item a img {position:absolute; height:100%; top:50%; left:50%; transform: translate(-50%, -50%);}



/*  Страница продукции (алюминий) */

.aprod-brands {position: relative; padding-top:2rem; padding-bottom:3rem; text-align:center; background-color: var(--form-bg-blue-color); }
  .aprod-brands h2 {position:relative; padding-bottom:2rem;  font-size:2.2rem;   }
  .aprod-brands h2 span {text-transform: lowercase;}
  .aprod-brands .brand-item { padding-bottom:1.5rem; border-right:solid 1px var(--main-light-blue-color); text-align:center;  }
    .aprod-brands .col-1x3:last-child .brand-item {border-right:0}
  .aprod-brands .brand-price { position: relative; width:90%; margin:0 5%; text-align: center; }
    .aprod-brands .brand-price .price-item { position: relative; width:90%; margin-left:10%; text-align: center; }
    .aprod-brands .brand-price .col-1x2:last-child .price-item { margin-right:10%; margin-left:0;}
      .aprod-brands .brand-price h4 span { font-size: 1.5rem;  color: var(--black-color); }
      .aprod-brands .brand-price .price-item h4 { font-size: 1.1rem; font-weight: 600;  }
        .aprod-brands .brand-price .price-item h4 span { font-size: 1.5rem;  color: var(--black-color); }
        .aprod-brands .brand-price .price-item h4 sup { font-size: 0.6rem;  }
      .aprod-brands .brand-price .price-item h5 { font-size: 0.95rem; color: var(--main-blue-color);  }
      .aprod-brands .brand-price .price-item .goods-button {position: relative; margin:0.75rem 0;}
  .aprod-brands .brand-price-button { padding-top:2rem; }
    .aprod-brands .brand-price-button a {display: inline-block; padding:0.75rem 1.5rem; font-size:1.1rem}



/* Страница с выделенной аннотацией */

.wrpagedesc { padding: 2rem 0; /* margin-bottom:2rem; */ font-size:1.2rem; font-weight:300; color:var(--white-color); background-color: var(--main-cian-color); }
  .wrpagedesc .wrap { text-align: left; }

.wrpagetext { position:relative; padding-bottom: 3rem;  padding-top: 3rem; text-align:left;  overflow:hidden}
  .wrpagetext h3 { font-size:1.75rem; font-weight:400; padding-top:0.5rem; padding-bottom: 0.75rem;  }
  .wrpagetext h4 { font-size:1.15rem; font-weight:400; padding-top:0.75rem; padding-bottom: 0.5rem;  }
  .wrpagetext ul { margin-top:0.1rem; margin-bottom:0.75rem;   }
  .wrpagetext .page-pic-bg {position: absolute; left:0; right:0; top:0; bottom:0; text-align:right; z-index:3;}
    .wrpagetext .page-pic-bg.pich img { min-height:100%; min-width:60%; margin-right:-20%;}
    .wrpagetext .page-pic-bg.picv img { min-height:100%; min-width:40%; }
  .wrpagetext .page-pic-gradient { position: absolute; display:block; right:0; top:0; bottom:0; left:0; background: -moz-linear-gradient( to right, rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(to right, rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);  background: linear-gradient(to right, rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%); z-index:4; }
  .wrpagetext .page-info {position: relative; width:65%; z-index:5;}

.description-page .wrpage { padding-bottom: 2rem; }
  .description-page .wrpage h1 {margin-bottom: 0;}
.description-page .wrmainwin { padding-top: 0; padding-bottom: 1rem; }


/* Страница аксессуара */
.access-unit-item { position: relative; width:100%; margin-bottom:1rem; }
  .access-unit-item .access-unit-img { position: relative; width:100%; height:0; padding-top:100%; overflow:hidden; }
    .access-unit-item .access-unit-img img { position: absolute; width:100%; top:50%; left:50%; transform: translate(-50%, -50%);  }
  .access-unit-item .access-unit-data {position: relative; padding-left:3%;}

/* Страница портфолио */

.portfolio-page .wrpage h1 {margin-bottom: 0;}
.wr-portfolio-info {padding:2rem 0; background-color: var(--form-bg-blue-color); }
.wr-portfolio-info .wrap {padding:0;}

    .wr-portfolio-info .portfolio-first-img {position:relative; width:90%; margin-right:10%; overflow:hidden;}
      .wr-portfolio-info .portfolio-first-img span {position:relative; display:inline-block; width:100%; height:0; padding-top:75%; overflow:hidden;}
        .wr-portfolio-info .portfolio-first-img span img {position:absolute; min-height:100%; max-width:100%; top:50%; left:50%; transform: translate(-50%, -50%); }
    .wr-portfolio-info .portfolio-info {position:relative; width:90%; margin-left:5%; overflow:hidden;}

  .wr-gallery {padding:2rem 0; margin-bottom:2rem}
    .wr-gallery .gallery-item {position: relative; width:100%; padding:0.5rem 0; overflow: hidden;}
      .wr-gallery .gallery-item a {position:relative; display:inline-block; width:100%; height:0; padding-top:75%; overflow:hidden;}
        .wr-gallery .gallery-item a img {position:absolute; min-height:100%; max-width:100%; top:50%; left:50%; transform: translate(-50%, -50%); }

  .standart-page  .wrportfolio { padding-top:0; }
    .standart-page .wrportfolio::before {display: none;}


/* Сертификаты */
.wrsertificates {position: relative;  }

.sert-gallery {padding:0; margin-bottom:2rem}
  .sert-gallery .gallery-item {position: relative; width:100%; padding:0.5rem 0; overflow: hidden;}
    .sert-gallery .gallery-item a {position:relative; display:inline-block; width:100%; height:0; padding-top:125%; overflow:hidden;}
      .sert-gallery .gallery-item a img {position:absolute; min-height:100%; max-width:100%; top:50%; left:50%; transform: translate(-50%, -50%); }


/* Таблица сравнения характеристик продукции */

.compare-table {position: relative; padding:2rem 0; width:100%;}
  .compare-table tr:nth-child(2n) td  {background-color: var(--white-color);}
    .compare-table tr td {position:relative; padding:0.75rem 0.25rem; width:10%; text-align:center; font-size:1rem;}
    .compare-table tr td.ct-feature { text-align:left; width:25%; padding-left:2%; font-size:0.9rem; font-weight:400;}
    .compare-table tr td .ct-img {position: relative; display:inline-block; width:60%; height:0; padding-top:90%; overflow:hidden;}
      .compare-table tr td .ct-img img {position:absolute; width:100%;  top:50%; left:50%; transform: translate(-50%, -50%);}
    .compare-table tr td .ct-title {position: relative; display:block; margin-bottom:0.75rem; font-size:0.9rem; font-weight: 600;}

/* Навигация каруселей  */
.owl-dots {position: absolute; display: none; bottom: -10%; left:0; width:100%; text-align:center; z-index: 10;}
.owl-dots .owl-dot {position: relative; display: inline-block; width: 0.75rem; height: 0.75rem; margin-left: 0.5rem; border-radius: 50%; border: solid 1px var(--gray-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.owl-dots .owl-dot.active {background-color: var(--main-blue-color); border: solid 1px var(--main-blue-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.owl-dots .owl-dot::hover {border: solid 1px var(--main-cian-color); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

.page-gallery .owl-dots { display: inline-block }


/* Video */
.video { position: relative; clear:both; width: 100%; padding-bottom: 56.25%; margin-top:1rem; height: 0; overflow: hidden; }
.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }



/* Кнопки */
.wrtitle { position:relative;  }
.top-right-button { position: absolute; right:0; top:1.25rem; }
.top-right-button .prod-button a {display: inline-block; padding: 0.75rem 1.25rem; font-size: 1.1rem; text-align: center;}


/* Окна magnific */
.white-popup-block {
  padding: 1.75rem 1.5rem;
  max-width: 22.5rem;
  margin: 1.75rem auto;
  border-radius: 0.3rem;
}
.white-popup-block h6 {
  padding: 0px;
  margin: 0px;
  margin-bottom: 1rem;
  font-size: 1.1rem;
}
.white-popup-block .orderformtext {
  padding-bottom: 0.75rem;
  font-size: 0.6rem;
  color: var(--dark-gray-color);
  text-align: center;
}
.white-popup-block .popup-formdata {
  position: relative;
}
.white-popup-block .popup-formdata p {
  width: 100%;
  margin-bottom: 0.7rem;
  padding-bottom: 0;
}
.white-popup-block .popup-formdata p.center {
  text-align: center;
}
.white-popup-block .popup-formdata p span {
  display: block;
  padding-bottom: 0.1rem;
  font-size: 0.8rem;
  font-weight: 300;
  color: var(--dark-gray-color);
}
.white-popup-block .popup-formdata p input[type="text"] {
  display: block;
  width: 90%;
  padding: 0.5rem 5%;
  font-weight: 300;
  font-size: 0.9rem;
  border-radius: 0.2rem;
  border: solid 1px var(--light-gray-color);
}

.white-popup-block .popup-formdata p textarea {
  display: block;
  width: 90%;
  height: 4rem;
  padding: 0.5rem 5%;
  font-weight: 300;
  font-size: 0.7rem;
  border-radius: 0.2rem;
  border: solid 1px var(--light-gray-color);
}

.white-popup-block .popup-formdata p label {
  position: relative;
  display: block;
  padding: 0.25rem 0;
  /* padding-left: 1.25rem; */
  font-weight: 400;
  font-size: 0.5rem;
  text-align: center;
}

.white-popup-block .popup-formdata p label a {
  color: var(--main-cian-color);
}

.white-popup-block .popup-formdata p label input {
  position: absolute;
  left: 0;
}

.white-popup-block .error-warning {
  position: relative;
  display: none;
  padding: 0.3rem;
  font-size: 0.5rem;
  color: var(--red-color);
  font-weight: 400;
  text-align: center;
}

.white-popup-block a.form-button {
  position: relative;
  display: inline-block;
  width: calc(100% - 4.6rem);
  margin-top: 0.5rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  line-height: 1;
  color: var(--white-color);
  background-color: var(--main-cian-color);
}

.popup-result {
  margin: auto;
  padding: 0.7rem 0;
  font-size: 0.7rem;
  text-align: center;
}
.popup-result h2 {
  margin-bottom: 20px;
  color: var(--main-cian-color);
  font-size: 1.2rem;
  font-weight: 500;
}

.callback .popup-result {
  padding-left: 5%;
  padding-right: 5%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.2rem;
}

.loading { width:100%; text-align:center; }
.loading img { width:unset !important; }


/* Кнопки */
.button a {position:relative; display:inline-block; cursor:pointer; background-color: var(--main-cian-color); color:var(--white-color); opacity:0.75; }
.button a:hover {opacity:1;}
.blue-button a {background-color: var(--main-blue-color);}
.prod-item .button a {width:12rem; /* max-width: calc(100% - 3rem) !important; */ max-width:100% !important; text-align:center;}

/* Прочее */
.hidden {display:none;}


/* Cookie popup */
.cookiewin { position: fixed; display: none; bottom: 20px; left: 20px; width: 28%; min-width: 280px; padding: 20px; background-color: rgba(255, 255, 255, 1); z-index: 999; box-shadow: 0 0 48px rgb(17 56 86 / 20%); }
.cookiewin .cookiewin-data { position: relative; font-size: 13px; text-align: center; }
.cookiewin .cookiewin-data span { display: block; font-size: 16px; font-weight: normal; }
.cookiewin .cookiewin-data a { text-decoration: none; color: var(--main-cian-color); }
.cookiewin .cookiewin-close a { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 16px; height: 16px; background: url(../img/close-icon.svg) center center no-repeat; }
.cookiewin .cookiewin-button a {display: inline-block; cursor: pointer; background-color: var(--main-cian-color); margin-top: 10px; padding: 10px 30px; text-transform: uppercase;  text-align: center;  color: white; }
@media only screen and (max-width: 1680px) {

  .wrformline .form-info .form-info-title div span { font-size: 1.5rem; }

}


@media only screen and (max-width: 1580px) {

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a { font-size:1rem }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-price span { font-size:1.6rem }

  .wrdestination .dest-list .dest-item h4 a {font-size: 1rem; }
  .wrportfolio .portfolio-list .portfolio-item h4 a {font-size: 1rem; }
  .wraccessories .access-list .access-item h4 a { font-size: 0.9rem; }

  .sert-gallery .gallery-item a { padding-top: 135%; }
  .wr-brand-advantages .brand-advantage-item h5 {font-size:1rem}
  .wr-brand-advantages .brand-advantage-item h5 span { padding-left:12%;}
  .aprod-brands .brand-price .price-item h5 { font-size: 0.85rem; color: var(--main-blue-color); }

  .page3 strong {display: block; padding-bottom: 0.2rem;}

}



@media only screen and (max-width: 1440px) {

  .wrtop .top-logo { min-width: calc(7.5rem - 25%); }
  .wrtop .top-callback a span {font-size: 0.9rem;}

  .slider .ms-item .ms-container .ms-data { font-size: 1rem; }
  .slider .ms-item .ms-container .ms-data h3 { font-size: 2.1rem; }
  .slider .ms-item .ms-container .ms-data a.button::before { content: "["; position: absolute; display: inline-block; top: 0; left: 0; font-size: 2.5rem; font-weight: 300;}
  .slider .ms-item .ms-container .ms-data a.button::after { content: "]"; position: absolute; display: inline-block; top: 0; right: 0; font-size: 2.5rem; font-weight: 300;}

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.65rem; }
  .wrformline .form-info .form-info-text { font-size: 0.7rem; }
  .wrformline .form-info .form-info-title div span { font-size: 1.3rem; }

  .wrend .end-menu ul li a { font-size: 0.75rem; opacity: 0.9; }

  .wrgoods .prod-goods .goods-item h5 { font-size: 1.2rem; }

  .wraccessories.page-access .access-list .access-desc { font-size: 0.7rem; font-weight: 300; }

  .wr-portfolio-info .portfolio-first-img { margin-left: 10%; margin-right: 0; }

}


@media only screen and (max-width: 1366px) {

  .wrtop .top-callback a span { font-size: 0.85rem; }

  .slider .ms-item .ms-container .ms-data { width:50%; }

  .wrmainwin .wrtitle h1 { font-size:1.5rem; }
  .wrmainwin .wrtitle h2 { font-size:2.25rem; }

  .wrformline .form-info .form-info-title div { font-size:1.1rem; }
  .wrformline .form-info .form-info-title div span { font-size: 1.2rem; }

  .wrend .end-phone a { font-size:1.4rem }
  .wrend .end-callback a { font-size: 0.85rem; }

  .wr-brand-advantages .brand-advantages-list  .col-1x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }
  .wr-brand-advantages .brand-advantage-item h5 span { padding-left: 2rem; }

  .wr-brand-advantages .brand-advantage-item h5 { text-align: center; }
  .wr-brand-advantages .brand-advantages-list { margin-top: 0; }
  .wr-brand-advantages .col-1x4 .brand-advantage-item { margin:1.5rem 5% !important; }
  .wr-brand-advantages .brand-advantage-item .brand-advantage-text { text-align:center; }

  .aprod-brands .brand-price .price-item h4 span { font-size: 1.3rem; }
  .aprod-brands .brand-price .price-item h5 { font-size: 0.75rem; }

  .end-info .flex-columns { align-items:stretch; padding-top:1rem; }
  .wrend .end-menu { padding-top:0; }

}


@media only screen and (max-width: 1280px) {

  .wrtop .top-callback a span { font-size: 0.75rem; }

  .slider .ms-item .ms-container .ms-data { font-size: 0.9rem; }
  .slider .ms-item .ms-container .ms-data h3 { font-size: 1.9rem; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.6rem; }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-button a { font-size: 0.9rem; }

  .wrdestination .dest-list .col-1x3  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }
  .wrdestination .dest-list .col-1x3:nth-child(3n+1) .dest-item { padding-left: unset; padding-right: unset }
  .wrdestination .dest-list .col-1x3:nth-child(3n-1) .dest-item { padding-left: unset; padding-right: unset }
  .wrdestination .dest-list .col-1x3:nth-child(3n) .dest-item { padding-left: unset; padding-right: unset }
  .wrdestination .dest-list .col-1x3 .dest-item h4 { left:0 !important }
  .wrdestination .dest-list .col-1x3 .dest-item { padding-left: 5%; padding-right: 0; }
  .wrdestination .dest-list .col-1x3:nth-child(2n+1) .dest-item { padding-left: 0; padding-right: 5%; }

  .wradvantages .advantages-list .advantage-item-data .advantage-text { font-size: 0.75rem; }
  .wradvantages .advantages-list .advantage-title h5 { font-size: 1.2rem; }

  .wrportfolio .portfolio-list { padding-top:0.5rem }
  .wrportfolio .portfolio-list .col-1x3  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }
  .wrportfolio .portfolio-list .col-1x3:nth-child(3n+1) .portfolio-item { padding-left: unset; padding-right: unset }
  .wrportfolio .portfolio-list .col-1x3:nth-child(3n-1) .portfolio-item { padding-left: unset; padding-right: unset }
  .wrportfolio .portfolio-list .col-1x3:nth-child(3n) .portfolio-item { padding-left: unset; padding-right: unset }
  .wrportfolio .portfolio-list .col-1x3 .portfolio-item h4 { left:0 !important }
  .wrportfolio .portfolio-list .col-1x3 .dest-item { padding-left: 5%; padding-right: 0; }
  .wrportfolio .portfolio-list .col-1x3:nth-child(2n+1) .portfolio-item { padding-left: 0; padding-right: 5%; }

  .wraccessories .access-list .col-1x3  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }

  .wrend .end-phone a { font-size:1.25rem }
  .wrend .end-callback a { font-size: 0.7rem; }

  .wrmap .map-contacts h3 { font-size:1.75rem }
  .wrmap .map-contacts .map-phone a { font-size:1.8rem }

  .wrformline .form-info .form-info-title div span { font-size: 1.1rem; }

  .wr-brand-info .brand-img { width:90% }
  .wrgoods .prod-goods .goods-item h5 { font-size: 1.1rem; }
  .wrpagedesc { font-size:1rem; }
  .wrpagetext .page-info { width:90%; }
  .wrpagetext .page-pic-bg { opacity: 0.6; }

  .aprod-brands .brand-price .col-1x2  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; }
  .aprod-brands .brand-price .price-item  { width: 90%; margin: 0 5% !important; padding-bottom:0.5rem; }

}


@media only screen and (max-width: 1152px) {

  .wrtop .top-menu-link a { top: 10%; bottom: 10%;}

  .wrtop .top-contacts { margin-right: 30%; }
  .wrtop .top-callback { width:16%; }
  .wrtop .top-contacts .top-phone a { font-size: 2rem; }

  .slider .ms-item .ms-container .ms-data h3 { font-size: 1.7rem; }
  .slider .ms-item .ms-container .ms-data { font-size: 0.8rem; }

  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2 { font-size: 2rem; }
  .wrmainwin .wrtitle h1, .wrdestination .wrtitle h3, .wrportfolio .wrtitle h3, .wraccessories .wrtitle h3 { font-size: 1.3rem; }

  .wradvantages .advantages-list .advantage-item-data .advantage-text { font-size: 0.65rem; }

  .wrformline .form-info .form-info-title div { font-size: 0.9rem; }

  .wrend .end-logo a { padding-bottom: 37%; }

  .wrend .end-menu ul {  column-count: 2; }
  .wrend .end-menu ul li { margin-left: 0 !important; }

  .wrend .end-phone a { font-size: 1.1rem; }
  .wrend .end-callback a { padding: 0.7rem 1rem; font-size: 0.8rem; }

  .wrpage h1 { font-size: 2.25rem; }

  .wr-brand-info {  padding-top: 3.5rem; }
  .wr-brand-info .brand-info { font-size: 0.8rem; }
  .wr-brand-products .brand-prod-list .col-1x2  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%; }
  .wr-brand-products .prod-item { margin-right:0; margin-bottom:1rem; }

  .wrgoods h3, .wr-compare h3, .aprod-brands h2 {  font-size: 2rem; }

  .wrgoods .prod-goods { padding-top:0; }
  .wr-prod-info {  padding-top: 1rem; }
  .wrgoods .price-link a { padding: 1.25rem 2rem;  }
  .wrgoods .prod-goods .goods-item h5, .wrgoods .prod-goods .goods-item .goods-button a { font-size: 0.9rem; }

  .compare-table { padding: 1rem 0 }

  .aprod-brands h2 { padding-bottom:1rem; }

  .wrend .end-menu ul { margin-left: 10%; }

}


@media only screen and (max-width: 1024px) {

  .wrtop .top-callback a { font-size: 1.1rem; }
  .wrtop .top-callback a span { font-size: 0.70rem; }

  .wrtop .top-callback a span { font-size: 0.70rem; }
  .wrdestination .dest-list .dest-item h4 a { font-size: 0.9rem; }

  .wrend .end-phone a { font-size: 1rem; }
  .wrend .end-callback a { padding: 0.7rem 1rem; font-size: 0.75rem; }

  .wr-portfolio-info .col-1x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; }
  .wr-portfolio-info .col-3x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 66.6%; flex: 0 0 66.6%; max-width: 66.6%; }

  .wrfeatures .prod-features .feature-line span { width: 15%; }
  .wrfeatures .prod-features .feature-line span:first-child { width: 65%; }

}


@media only screen and (max-width: 960px) {

   body { font-size: 0.8rem; }

  .wrmainwin .brand-list { position: relative; display: inline-block; top: 0; right: 0; width: 100%; }
  .wrmainwin { padding-top: 1rem; padding-bottom: 1rem;}

  .wrpage h1 {font-size: 1.8rem;}

  .wrtop .wrap { height: 5.5rem; }
  .wrtop .top-contacts .top-phone a { font-size: 1.5rem; }
  .wrtop .top-contacts { font-size:0.6rem; }
  .wrtop .top-logo { min-width: calc(6rem - 25%); }
  .wrtop .top-callback a { font-size: 0.9rem; }
  .wrtop .top-callback a span { font-size: 0.60rem; }

  .slider .ms-item .ms-container .ms-data { width: 70%; }

  .wrtitle,  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2,  .wraccessories .wrtitle h2  { text-align:center; }
  .wrmainwin .wrtitle h1, .wrdestination .wrtitle h3, .wrportfolio .wrtitle h3, .wraccessories .wrtitle h3  { text-align:center; font-size: 1rem; }

  .wrreviews { padding-top:1rem; }
  .wrreviews  .wrtitle { text-align:left; padding-left:2.5%; }
  .wrreviews .reviews-list { padding-bottom:0.5rem; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a { font-size: 0.95rem; }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { min-height:2.5rem }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-price span { font-size: 1.4rem; }

  .wradvantages { padding-bottom:0; }
  .wradvantages::before, .wradvantages::after { display: none; }
  .wradvantages .wrap { padding:0; }
  .advantages-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .advantages-list .col-1x3:last-child { display: none; }

  .owl-carousel .owl-nav { display: none !important; }
  .owl-dots { display: inline-block !important; }
  .prod-list .owl-dots { bottom: 0; }


  .wrformline { padding: 2rem 0; text-align: left; }
  .wrformline .form-info { position: unset; width:95%; }
  .wrformline .form-info .form-info-title { width: 48%; margin-right: 4%; }
  .wrformline .form-info .form-info-text { width: 45%; }
  .wrformline .form-info .form-info-privacy { position: absolute; width: 95%; left: 0; bottom: 3.5rem;  margin-left: 0; font-size: 0.6rem; color: var(--gray-color); text-align: center; }
  .wrformline .form-data { padding-left: 2.5%; }
  .form-data .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .form-data .col-1x3:last-child { position: relative; margin-top:3rem; -webkit-box-flex: 0; -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; }
  .wrformline .form-info .form-info-text {  font-size: 0.65rem; }

  .end-info .col-1x5 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; }
  .end-info .col-1x5:first-child { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
  .end-info .col-3x5 { display:none; }
  .wrend .end-phone a {  font-size: 1.5rem; }
  .wrend .end-callback a { padding: 0.7rem 2.75rem; font-size: 0.75rem; }
  .end-info .flex-columns { padding-top: 1rem; }
  .wrapper .wrap { padding: 0 4%; }

  .slider .ms-item .ms-container .ms-data a.button::before { content: "["; position: absolute; display: inline-block; top: 0; left: 0; font-size: 1.5rem; font-weight: 300;}
  .slider .ms-item .ms-container .ms-data a.button::after { content: "]"; position: absolute; display: inline-block; top: 0; right: 0; font-size: 1.5rem; font-weight: 300;}
  .slider .ms-item .ms-container .ms-data a.button { margin:0.5rem 0; padding: 0.35rem 2rem; font-weight: 400; }

  .wrpage .wrpage-top-bg { height: 8.5rem; }
  .wrgoods h3, .wr-compare h3, .aprod-brands h2 { font-size: 1.5rem; }
  .wrpagedesc { padding:1rem 0; font-size: 0.85rem; }
  .wrpagetext { padding:2rem 0; }
  .wrpagetext .page-info { width:100%; }
  .wr-portfolio-info .portfolio-info { font-size: 0.75rem }
  .wrpage .block-text { font-size: 0.8rem; }
  .wrpage .krohi { padding-top: 2rem; }

  .brand-item .brand-img, .al-brand-list .brand-item { width:100%; overflow: hidden; }
  .brand-item .brand-img img, .al-brand-list .brand-item img { max-width:100%; }

  .aprod-brands .brand-price-button { padding-top: 0.5rem; }
  .aprod-brands .brand-price-button a { font-size:0.9rem; }
  .aprod-brands {  padding-bottom: 1rem; }
  .wrportfolio::before, .wrportfolio::after { display: none; }
  .wrportfolio { padding-top:2rem; }

  .wrportfolio .portfolio-list .portfolio-item h4 a { font-size: 0.75rem; }

  .wr-brand-advantages h2 { margin-bottom: 1rem; font-size: 1.5rem; }
  .wrfeatures h2 { padding: 0.5rem; font-size: 1.6rem; }

  .wrgoods .prod-goods .col-1x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;  }
  .wrgoods .prod-goods .goods-item h5, .wrgoods .prod-goods .goods-item .goods-button a { font-size: 1.2rem; }

  .wrformline .form-info .form-info-title div span { font-size: 1rem; }

  .wrmap .map { height: 15rem; }
  .wrpage .wrpage-top-bg span img { opacity: 0.3; }

  .wr-portfolio-info .flex-columns, .wr-brand-info .flex-columns { align-items:stretch; }
  .wrmap .map-contacts h3 { font-weight:300;  }

  .wr-brand-info .brand-img span { padding: 50%; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a { font-size: 0.9rem; }

  .wradvantages .wrap { padding:0; }
  .wradvantages .advantages-list .col-1x3:nth-child(2) .advantage-item:before { display: none; }

  .main-menu .menu-items .menu-block ul li ul { display: block; }
  .wr-brand-advantages .brand-advantage-item .brand-advantage-text { text-align: left; }

  .wr-brand-advantages .brand-advantage-item h5 { text-align:left; }

  .page-access .access-list  { padding:0; }

  .wrreviews { padding-bottom: 2rem; }


  .wrbrands .brand-list {width: 90%; margin: 0 5%;    margin-top: -2rem;}


  .prod-list .owl-carousel { padding-bottom:1.5rem; }

  .top-right-button { display:none; }


}


@media only screen and (max-width: 800px) {

  .wrpage .wrpage-top-bg { height: 7.5rem; }

  .slider .ms-item .ms-container .ms-data h3 { font-size: 1.5rem; }
  .slider .ms-item .ms-container .ms-data a.button { padding: 0.35rem 1rem; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a {font-size: 1.5rem;}
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.8rem; }
  .wrdestination .dest-list .dest-item h4 a { font-size: 0.7rem; }
  .wraccessories .access-list .access-item h4 a { font-size: 0.8rem; }
  .wrformline .form-info .form-info-title div span {font-size: 0.9rem; }
  .wrformline .form-info .form-info-privacy { position: absolute; width: 80%; padding:0 10%; }
  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2 { font-size: 1.8rem; }
  .wrend .end-cpr { font-size: 0.6rem; }

  .page-access .access-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; }
  .page-access .access-list .access-item { padding-right:0; }
  .page-access .access-list .access-item .access-img { padding-top: 80%; }
  .page-access .access-list .access-item .access-img img { width: 100%; height:unset; }
  .page-access .access-list .access-item h4 a { font-size: 1.3rem; }
  .page-access .access-list .access-desc { font-size: 0.85rem !important;  border-bottom: solid 1px var(--black-bg-color-10per); }

  .wr-brand-products h2 { font-size: 1.8rem; }
  .wrpage.wrportfolio, .wrpage.wrportfolio.wrdestination  { text-align:center; }

  .wrtop .top-colums .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 63%; flex: 0 0 63%;  max-width: 63%;}
  .wrtop .top-colums .col-2x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 37%; flex: 0 0 37%;  max-width: 37%;}
  .wrtop .top-contacts .top-work-time, .wrtop .top-contacts .top-address { display: none; }
  .wrtop .top-contacts .top-phone { position: absolute; display:inline-block; left:0; top:0;  width:4rem; height: 4rem; overflow:hidden; }
  .wrtop .top-contacts .top-phone a { position: relative; display:inline-block; top: -0.25rem; width:4rem; height: 4rem; overflow:hidden; font-size: 1px; color:var(--white-color); background: var(--phone-bg); background-size: var(--bg-90-height);  }


  .wrtop .top-callback { width: 18%; }
  .wrtop .top-logo { min-width: calc(6rem - 25%);  padding-left: 42%; }
  .wrtop .top-menu-link a { top:0; bottom:0; }

  .wrtop .top-colums { height: 4.5rem; }
  .wrtop .top-callback { padding: 0.95rem 1rem; }

  .cookiewin { width: calc(100% - 80px) !important; bottom: 40px;  }


}

@media only screen and (max-width: 720px) {

  .wrtop .top-colums .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%;  max-width: 60%;}
  .wrtop .top-colums .col-2x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%;  max-width: 40%;}
  .wrtop .top-callback { width: 19%;  padding: 1.15rem 1rem; }

  .slider .ms-item .ms-container .ms-data { padding: 1.5rem 5% !important; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.7rem; }

  .wrdestination .dest-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%; max-width: 100%; }

  .wrdestination .dest-list .col-1x3:nth-child(2n+1) .dest-item { padding-right:0; }
  .wrdestination .dest-list .dest-item h4 a {  font-size: 1.2rem; }

  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2, .wrportfolio h3 { font-size: 1.6rem; }
  .wrmainwin .wrtitle h1, .wrdestination .wrtitle h3, .wrportfolio .wrtitle h3, .wraccessories .wrtitle h3 {margin-top:0.25rem; font-size: 0.9rem; }

  .wrformline .form-info .form-info-text { display: none; }
  .wrformline .form-info .form-info-title { width: 88%; margin-right: 4%;}
  .wrformline .form-info .form-info-title div { padding-left: 2.5rem; }
  .wrformline .form-data input { font-size: 1rem; }
  .wrportfolio .portfolio-list .portfolio-item h4 a { font-size: 0.6rem; }
  .wrmap .map-contacts .map-address span, .wrmap .map-contacts .map-work-time span { padding-left: 2rem; }

  .wrmap .map-contacts h3 {font-size: 1.25rem;}
  .wrmap .map-contacts .map-phone a { font-size: 1.3rem; }
  .wrmap .map-contacts-data { font-size:0.7rem }

  .end-info .col-1x5:first-child { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%;  max-width: 40%;}
  .end-info .col-1x5 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%;  max-width: 60%;}

  .end-cpr .col-3x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }
  .end-cpr .col-1x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;  max-width: 50%; }

  .wrend .end-cpr .privacy { display: none; }

  .compare-table tr td.ct-feature {font-size: 0.8rem; }
  .wrfeatures .prod-features .feature-line span:first-child { width: 75%;}
  .wrfeatures .prod-features .feature-line span { width: 10%; }

  .wrpagetext .page-pic-gradient { display: none; }
  .wrpagetext .page-pic-bg { position:relative; margin-top:-2rem; margin-bottom:1rem; width:100%; padding-top:60%; text-align:center;  overflow:hidden; opacity:1;  }
  .wrpagetext .page-pic-bg img { position: absolute; top:0; left:0; height:100%; margin:0; min-width:unset !important; min-height:unset !important; }
  .acces-page .wrpagetext .page-pic-bg img { height:unset;  width:100%; margin-top:-30%; }
  .aprod-page .page-pic-bg img { height:unset;  width:100%; }

  .wrpage .krohi ul { display: none; }
  .wrpage h1 { font-size: 1.6rem; }
  .wrportfolio .portfolio-list .portfolio-item h4 a { font-size: 0.9rem; }
  .aprod-brands .brand-price-button a { padding: 0.75rem 1rem; font-size:0.8rem; }

  .block3 .block-text table tr td { display:block !important; width:100% !important; }
  .wrpage .block3 .block-text h3 { margin:0 !important; }

}

@media only screen and (max-width: 640px) {

  .top-callback  { display:none; }
  .wrtop .top-colums::before {content:""; position: absolute; right:-1rem; top:-1rem; height:6.5rem; width:6.5rem; background-color: var(--main-cian-color);   }
  .wrtop .top-contacts .top-phone { left:unset; right:0.1rem; }
  .wrtop .top-contacts .top-phone a { top: 0; width: 4rem; height: 4rem; color: var(--main-cian-color); background: var(--phone-white-bg); background-size: var(--bg-full-height); }

  .wrtop .top-logo {  padding-left: 46%; }
  .wrtop .top-menu-link { margin-left: 3.5%; }

  .wrpage h1 { text-align:center }

  .advantages-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .wradvantages .advantages-list .advantage-item { padding:1rem 0; }

  .wrreviews .wrtitle { text-align: center; padding-left: 0; }
  .wrreviews .reviews-links { left:unset; }
  .advantages-list .col-1x3:last-child {  display: block; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a {font-size: 1.1rem;}
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.6rem;}

  .wr-brand-info .col-1x4, .wr-prod-info .col-1x3, .wr-portfolio-info .col-1x4 { position: relative;  -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom:1rem; }
  .wr-brand-info .col-3x4, .wr-prod-info .col-2x3, .wrgoods .prod-goods .col-1x4, .wr-portfolio-info .col-3x4 { position: relative;  -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .wr-portfolio-info .portfolio-first-img { margin-left: 5%; }

  .wr-brand-info, .wr-prod-info { padding-top: 1.5rem;}
  .wr-brand-info .brand-info, .wr-prod-info .prod-img { margin-left: 0;}
  .wr-brand-info .brand-img, .wr-prod-info .prod-img { width: 100%; left: 0;  text-align:center; }

  .wr-brand-products h2 { font-size: 1.5rem; }
  .wrfeatures .prod-features .feature-line { font-size:0.9rem }
  .wrfeatures h2 { padding: 0.5rem; font-size: 1.3rem;}

  .abrand-page .wr-brand-info { padding: 1.5rem 0; padding-top: 0;}
  .wrpage .wrpage-top-bg span img {  width: unset;  height: 100%; }

  .wrmainwin .wrtitle { padding-top: 0.25rem; }
  .slider .ms-item .ms-img img.desc-pic {display: none;}
  .slider .ms-item .ms-img img.mob-pic {display: block; opacity:0.5;}

  .slider { padding-top: 115%; }
  .slider .ms-item .ms-container .ms-data { width: 60%; }

  .al-brand-list { width:90%; margin:0 5%; }
  .wrbrands .brand-list {width: 100%; margin: 0;}

  .messagers { position: fixed; bottom: -10px; right: calc(50% - 98px); z-index: 1000;  }
  .messagers span a { display:inline-block; margin:0 5px; }

  .prod-page .wrgoods { padding-top:1.5rem; }
  .wrpage h1 { font-weight: bold !important; }
  .prod-page .wrgoods h3 { display:none; }

}

@media only screen and (max-width: 540px) {

  .wrtop .wrap { height: 5rem; }
  .wrtop .top-colums::before { height: 6.05rem; width: 6.05rem; }
  .wrtop .top-contacts .top-phone a { background-size: var(--bg-90-height); }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-price { font-size: 1rem; }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-button a { display:inline-block; font-size: 1.1rem; }

  .wr-brand-advantages .brand-advantage-item h5 { text-align: left; }
  .wr-brand-advantages .brand-advantage-item {  font-size: 0.7rem; }

  .compare-table tr td.ct-feature { font-size: 0.7rem; }

  .form-data .col-1x3 { position: relative; margin-bottom:0.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 106%; flex: 0 0 106%; max-width: 106%; }
  .main-menu { width: 100%;  min-width: 16rem; }

  .wrportfolio .portfolio-list .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%;  max-width: 100%;  }
  .wrportfolio .portfolio-list .col-1x3:nth-child(2n+1) .portfolio-item { padding-left: 0; padding-right: 0; }

  .slider .ms-item .ms-container .ms-data h3 { font-size:2rem; color:var(--main-blue-color); }
  .slider .ms-item .ms-container .ms-data h3 span { display:none; }

}

@media only screen and (max-width: 480px) {

  .wrtop .top-logo { padding-left: 40%; }
  .wrtop .top-logo a { background-size: var(--bg-90-height); }
  .slider .ms-item .ms-container .ms-data h3 { font-size: 1.4rem; }

  .slider .ms-item .ms-container .ms-data { font-size: 0.75rem; }
  .slider .ms-item .ms-container .ms-data h3 { font-size: 1.8rem; }

  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2, .wrportfolio h3 {  font-size: 1.5rem; }
  .wrmainwin .wrtitle h1, .wrdestination .wrtitle h3, .wrportfolio .wrtitle h3, .wraccessories .wrtitle h3 {  font-size: 0.8rem; }

  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data h4 a { font-size: 1.4rem; }
  .wrmainwin .prod-list .prod-item .prod-item-data .prod-data span { font-size: 0.8rem; }

  .wraccessories .access-list .access-item h4 a { font-size: 1.3rem; }
  .wraccessories .access-list .access-item .access-img {padding-top: 120%;}

  .end-info .col-1x5:first-child, .end-info .col-1x5, .end-cpr .col-3x4  { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; }

  .wrend { text-align: center; }
  .wrend .end-phone, .wrend .end-callback { position: relative; width: 100%; padding: 0.25rem;  text-align:center; }

  .wrend .end-logo { padding-bottom:0.5rem; }
  .wrend .end-logo a {width: 50%; margin: auto; padding-bottom: 24.5%; background-size: var(--bg-full-height);}

  .end-cpr .col-1x4 { display: none; }

  .page-access .access-list .access-desc { font-size: 0.75rem !important; }
  .wraccessories.page-access .access-list .access-item {width: 80%; margin-bottom: 1rem;}
  .wraccessories .access-list .access-item h4 a { font-size: 1.2rem; }
  .page-access .access-list .access-desc { border-bottom:0; }

  .wrpage h1 {   margin-bottom: 4rem; min-height:3.5rem; }
  .wrpage .krohi { padding-top: 1rem; }

  .prod-item .col-1x3, .prod-item .col-2x3, .wr-brand-advantages .brand-advantages-list .col-1x4 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .prod-item .col-1x3 { text-align:center; }

  .wr-brand-advantages .col-1x4 .brand-advantage-item {  margin: 1rem 5% !important; }

  .wr-brand-products .prod-item .prod-img { margin-left:20%; width: 60%; }
  .wr-brand-products .prod-item .prod-price, .wr-brand-products .prod-item .prod-button { text-align:center }

  .compare-table tr td.ct-feature { font-size: 0.6rem; }
  .compare-table tr td .ct-title { font-size: 0.8rem; }
  .compare-table tr td { font-size: 0.7rem; }

  .wrgoods .price-link a { font-size: 1.1rem; }

  .wrpagetext h3 { font-size: 1.25rem; text-align:left !important; }
  .wrpagetext h4 { font-size: 1rem; text-align:left !important; }

  .access-unit-item .col-1x5, .access-unit-item .col-4x5 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%; }
  .access-unit-item .access-unit-img { padding-top: 75%; }
  .access-unit-data h4 { text-align: center !important; }

  .al-brand-list { width:100%; margin:0; }

}

@media only screen and (max-width: 440px) {

  .wrapper { overflow-x:hidden; }
  .wrtop { overflow:hidden; }


  .wrtop .wrap { height: 4.2rem; }
  .wrtop .top-colums { height: 3.7rem; margin: 0.5rem 0; margin-top:0.75rem; }
  .wrtop .top-colums::before { height: 5.2rem; width: 5.3rem; }
  .wrtop .top-contacts .top-phone a { width: 3rem;  height: 3.2rem; }
  .wrtop .top-logo { padding-left: 32%; }
  .wrtop .top-menu-link { padding-left: 28%; }
  .wrtop .top-contacts .top-phone { right: 0.25rem }

  .wrtop .top-contacts .top-phone { left: unset; right: 0.1rem; }

  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2, .wrportfolio h3 { font-size: 1.15rem; }
  .wrmainwin .wrtitle h1, .wrdestination .wrtitle h3, .wrportfolio .wrtitle h3, .wraccessories .wrtitle h3 {  font-size: 0.7rem; }

  .wrformline .form-info .form-info-privacy { bottom: 4.1rem; }
  .wrdestination .dest-list .dest-item h4 a { font-size: 0.85rem; }

  .wraccessories .access-list .access-item { padding-right: 0; }
  .wraccessories .access-list { padding: 1rem 0; }

  .wrformline .form-info .form-info-title { width: 98%; margin-right: 0}
  .wrformline .form-info .form-info-title div span { font-size: 0.9rem; }
  .wrformline .form-info .form-info-title div {font-size: 0.85rem;}

  .wrmap .map-contacts { top: 0; bottom: 0; left: 0; right: 0; padding: 2rem 15%; }

  .wrgoods h3, .wr-compare h3, .aprod-brands h2 { font-size: 1.2rem; }
  .wr-compare .wrap { padding:0; }
  .compare-table tr td .ct-title { font-size: 0.7rem; font-weight: 400; }

  .wrmap { border-top:solid 1px var(--main-light-blue-color); }
  .wrpage h1 { font-size: 1.4rem; }

  .wrdestination .dest-list { padding: 0; }
  .wr-brand-advantages { padding: 0 !important; padding-top:0.75rem !important; }

  .aprod-brands .col-1x3 { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

  .main-menu .menu-items { margin-top: 5%; }
  .main-menu .menu-items .menu-block ul li a {  padding: 0.25rem 0; font-size: 1.1em;}

  .wrpagedesc .page-info p { text-align: left !important; }

}

@media only screen and (max-width: 370px) {

  .wrmainwin .wrtitle h2, .wrdestination .wrtitle h2, .wrportfolio .wrtitle h2, .wrreviews .wrtitle h3, .wraccessories .wrtitle h2, .wrportfolio h3 { font-size: 1.1rem; }
  .wrformline .form-info .form-info-privacy { bottom: 3.9rem; }
  .wrformline .form-info .form-info-title div span { font-size: 0.85rem; }
  .wrmap .map-contacts { padding: 2rem 10%; }
  .wrtop .top-logo { padding-left: 22%; }
  .main-menu .menu-items .menu-block ul li ul li a { padding: 0.15rem 0; margin-left: 1.3rem; font-size: 0.8rem; font-weight: 300; }
  .wrtop .top-logo a { background-size: var(--bg-75-height); }
  .wr-brand-products .prod-item .prod-button a { font-size: 1rem; }

}