/* Шрифты */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Глобальные переменные */
:root {
  /* размеры */

  --base-font-size: 20px;
  --max-data-width: 1380px;
  --wrap-data-padding: 0 2rem;

  /* цвета */

  --blue-color: #009bde;
  --cian-color: #00a996;
  --green-color: #92cd00;
  --red-color: red;

  --dark-blue-color: #0063a6;
  --dark-green-color: #00b058;
  --dark-cian-color: #02897a;
  --dark-red-color: #a41010;

  --deep-dark-blue-color: #034b7b;

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

  --light-olive-color: #eeefe9;
  --thin-olive-color: #f6f8f3;

  --gray-color: #9b9b9b;
  --dark-gray-color: #797979;
  --middle-gray-color: #a8a8a8;
  --light-gray-color: #ddd;
  --thin-gray-color: #f0f0f0;
  --super-thin-gray-color: #f6f7fb;
  --blue-thin-gray-color: #f2f3f8;

  --vk-bg-color: #3d769c;
  --ok-bg-color: #eb6b0e;

  --thin-gray-op-color: rgba(64, 64, 64, 0.05);

  /* фоны */

  --cian-bg-50: rgba(0, 169, 150, 0.5);
  --cian-bg-20: rgba(0, 169, 150, 0.2);
  --cian-bg-10: rgba(0, 169, 150, 0.1);

  --blue-bg-75: rgba(0, 99, 166, 0.5);
  --blue-bg-50: rgba(0, 99, 166, 0.5);
  --blue-bg-20: rgba(0, 99, 166, 0.2);
  --blue-bg-10: rgba(0, 99, 166, 0.1);

  --black-bg-90: rgba(0, 0, 0, 0.9);
  --black-bg-85: rgba(0, 0, 0, 0.85);
  --black-bg-75: rgba(0, 0, 0, 0.75);
  --black-bg-50: rgba(0, 0, 0, 0.5);
  --black-bg-40: rgba(0, 0, 0, 0.4);
  --black-bg-25: rgba(0, 0, 0, 0.25);
  --black-bg-15: rgba(0, 0, 0, 0.15);


  --black-bg-gradient: linear-gradient(to bottom, rgba(0,0,0,0.45) 5%, transparent);
  --black-bottom-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.5) 5%, transparent);
  --black-totop-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.6) 5%, transparent);
  --super-thin-bg-gradient: linear-gradient(to top, rgba(244,240,234,1) 5%, transparent);
  --black-menu-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.25) 70%, rgba(0,0,0,0.05) 99%);

  --dark-blue-red-gradient: linear-gradient(to right, rgba(6,32,119,1) 10%, rgba(164,16,16,1) 100%);

  /* --black-menu-bg-gradient: linear-gradient(to top, rgba(0,0,0,0.75) 80%, rgba(0,0,0,0.15) 99%);  */

  --white-bg-75: rgba(255, 255, 255, 0.75);
  --white-bg-60: rgba(255, 255, 255, 0.6);
  --white-bg-50: rgba(255, 255, 255, 0.5);
  --white-bg-25: rgba(255, 255, 255, 0.25);
  --white-bg-20: rgba(255, 255, 255, 0.2);
  --white-bg-15: rgba(255, 255, 255, 0.15);
  --white-bg-10: rgba(255, 255, 255, 0.1);

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

  /* размеры фонов */

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

  --bg-height-30: auto 30%;
  --bg-height-40: auto 40%;
  --bg-height-50: auto 50%;
  --bg-height-60: auto 60%;
  --bg-height-65: auto 65%;
  --bg-height-70: auto 70%;
  --bg-height-75: auto 75%;
  --bg-height-80: auto 80%;
  --bg-height-90: auto 90%;
  --bg-height-95: auto 95%;


  /* иконки */
  --phone-cian-icon : url("../graph/icon-cian-phone.svg") left center no-repeat;
  --phone-blue-icon : url("../graph/icon-blue-phone.svg") left center no-repeat;
  --phone-black-icon : url("../graph/icon-black-phone.svg") left center no-repeat;
  --phone-white-icon : url("../graph/icon-white-phone.svg") left center no-repeat;
  --phone-black-mob-icon : url("../graph/icon-black-phone.svg") center center no-repeat;
  --phone-blue-mob-icon : url("../graph/icon-blue-phone.svg") center center no-repeat;

  --close-mob-icon : url("../graph/icon-close.svg") center center no-repeat;
  --catalog-left-white-icon : url("../graph/icon-white-catalog.svg") left center no-repeat;

  --menu-white-left-icon : url(../graph/icon-white-menu.svg) left center no-repeat;
  --menu-black-center-icon : url(../graph/icon-black-menu.svg) center center no-repeat;

  --search-white-icon : url(../graph/icon-white-search.svg) left center no-repeat;

  --user-white-icon : url(../graph/icon-white-user.svg) left center no-repeat;
  --user-blue-icon : url(../graph/icon-cian-user.svg) left center no-repeat;
  --user-cian-icon : url(../graph/icon-cian-user.svg) center center no-repeat;

  --eye-black-icon : url(../graph/icon-black-eye.svg) center center no-repeat;

  --top-fav-icon: url(../graph/icon-blue-fav.svg) top center no-repeat;
  --top-fav-cian-icon: url(../graph/icon-cian-fav.svg) top center no-repeat;
  --top-cart-icon: url(../graph/icon-blue-cart.svg) top center no-repeat;
  --top-cart-cian-icon: url(../graph/icon-cian-cart.svg) top center no-repeat;
  --top-view-icon: url(../graph/icon-blue-viewed.svg) top center no-repeat;
  --top-view-cian-icon: url(../graph/icon-cian-viewed.svg) top center no-repeat;

  --address-blue-icon : url("../graph/icon-blue-address.svg") left center no-repeat;
  --address-white-icon : url("../graph/icon-white-address.svg") left center no-repeat;

  --blue-right-arrow : url("../graph/icon-blue-right-arrow.svg") center center no-repeat;

  --filter-list-icon : url("../graph/icon-filter-list.svg") center center no-repeat;
  --filter-list-icon-active : url("../graph/icon-filter-list-active.svg") center center no-repeat;
  --filter-icon-icon : url("../graph/icon-filter-icons.svg") center center no-repeat;
  --filter-icon-icon-active : url("../graph/icon-filter-icons-active.svg") center center no-repeat;

  --scroll-arrow-icon : url(../graph/icon-scroll-arrow.svg) center center no-repeat;
  --scroll-arrow-black-icon : url(../graph/icon-black-scroll-arrow.svg) center center no-repeat;

  --vk-icon : url(../graph/icon-vk.svg) center center no-repeat;
  --ok-icon : url(../graph/icon-ok.svg) center center no-repeat;

  --fav-icon : url(../graph/icon-fav.svg) center center no-repeat;
  --fav-icon-active : url(../graph/icon-fav-active.svg) center center no-repeat;

  --del-icon : url(../graph/bin.svg) center center no-repeat;


  /*

  --vk-icon-bg : url("../graph/icon-vk.png") center center no-repeat;
  --tg-icon-bg : url("../graph/icon-tg.png") center center no-repeat;
  --yt-icon-bg : url("../graph/icon-yt.png") center center no-repeat;

  --blue-arrow-icon : url("../graph/icon-blue-arrow.png") center center no-repeat;
  --black-arrow-icon : url("../graph/icon-black-arrow.png") center center no-repeat;
  */


  /* логотип */
  --logo: url(../graph/uamkt-logo.png) center center no-repeat;
  --small-logo: url(../graph/uamkt-small-logo.png) center center no-repeat;

}

/* Сетка */
.flex-columns {position: relative; width:100%; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; align-items:center;}
.flex-columns.top-align {align-items:stretch;}
.flex-columns.end-align {align-items:end;}

.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-1x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 14.25%; flex: 0 0 14.25%; max-width: 14.25%;}
.col-2x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 28.5%; flex: 0 0 28.5%; max-width: 28.5%;}
.col-3x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 42.85%; flex: 0 0 42.85%; max-width: 42.85%;}
.col-4x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 57.15%; flex: 0 0 57.15%; max-width: 57.15%;}
.col-5x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 71.5%; flex: 0 0 71.5%; max-width: 71.5%;}
.col-6x7 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 85.75%; flex: 0 0 85.75%; max-width: 85.75%;}


.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 87.5%; flex: 0 0 87.5%; max-width: 87.5%;}


.col-1x9 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 11%; flex: 0 0 11%; max-width: 11%;}
.col-4x9 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%;}
.col-5x9 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 56%; flex: 0 0 56%; max-width: 56%;}
.col-8x9 {position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 89%; flex: 0 0 89%; max-width: 89%;}

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


/* Тэги */
html {min-height:100%; margin:0; padding:0; font-size: var(--base-font-size); min-height: 100vh;}
body {position:relative; margin:0; padding:0; text-align:center; font-family: 'Roboto', sans-serif; font-weight:300;  font-size:1rem; color: var(--black-color); -webkit-text-size-adjust: 100%;  transition: 0.5s ease-out; -webkit-animation: fade-animation 1s both; animation: fade-animation 1s both; min-height: 100vh;}
body.fix { overflow:hidden;height: 100vh; }

form {padding:0; margin: 0;}
p {margin:0; padding: 0 0 0.5rem;}
a {text-decoration: none; cursor: pointer; color:var(--dark-blue-color); opacity:1;  }
a:hover { opacity:1 !important; color:var(--deep-dark-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; }
b {font-weight:500;}
img,a img {border:0;}

h1,h2,h3,h4,h5,h6 {padding:0; margin:0; font-weight:300; color:var(--dark-blue-color); }
h1 {font-size:3.25rem; }
h2 {font-size:2.75rem;  }
h3 {font-size:2rem; line-height:1.1; }
h4 {font-size:1.5rem; line-height:1.1; }

iframe { border-width: 0px; }

input[type="text"], input[type="number"], input[type="password"], textarea, select {border:solid 1px var(--white-color); outline: 0 !important; font-family: 'Roboto', sans-serif;}

input[type="text"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
input[type="text"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
input[type="number"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
input[type="number"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
input[type="password"]::-webkit-input-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
input[type="password"]::-moz-placeholder {color: var (--light-gray-color); font-weight:300 !important; font-family: 'Roboto', sans-serif;}
textarea::-webkit-input-placeholder {color: var (--light-gray-color);}
textarea::-moz-placeholder {color: var (--light-gray-color);}

/* input[type="text"].errorinput { border:solid 1px var(--red-color) !important; } */
div.erroritem { border:solid 1px var(--red-color) !important; }
input[type="text"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); font-family: 'Roboto', sans-serif;}
input[type="text"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); font-family: 'Roboto', sans-serif;}
input[type="password"].errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); font-family: 'Roboto', sans-serif;}
input[type="password"].errorinput::-moz-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); font-family: 'Roboto', sans-serif;}
textarea.errorinput::-webkit-input-placeholder {font-weight:300; font-size:0.75rem; color: var(--red-color); font-family: 'Roboto', sans-serif;}
textarea.errorinput::-moz-placeholder {font-weight: 300; font-size:0.75rem; color: var(--red-color);}


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


/* Логотип */
.logo a { display:inline-block; width:100%; height:0; padding-top:85%; overflow:hidden; background: var(--logo); background-size: var(--bg-full-height); }


/* Шапка */
.wrtop { padding:0.75rem 0; background-color: var(--white-color); box-shadow: 0 0.1rem 0.35rem var(--thin-gray-color); z-index:15; overflow:unset !important; }
  .wrtop.fixed-menu {position: fixed; top: 0; z-index: 1000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; }
    .wrtop.fixed-menu .top-first-line, .wrtop.fixed-menu .top-third-line { display:none; }
    .wrtop.fixed-menu .top-sec-line { margin-top:0.25rem; }
    .wrtop.fixed-menu .logo a { padding-top:35%; background: var(--small-logo); background-size: var(--bg-full-height);}

  .top-logo  { position: relative;  width:100%; }
  .top-data { position: relative; width:97%; margin-left:3%; }

  .top-first-line { position: relative; margin-top:0.25rem; margin-bottom:0.75rem; }
    .top-menu { position: relative; text-align: left; }
      .top-menu ul { padding:0; margin:0; list-style: none; }
        .top-menu ul li { display: inline-block; padding:0; margin:0; }
          .top-menu ul li a { position:relative; display: inline-block; padding:0 0.7rem; font-size:0.75rem; font-weight:400; line-height:1; }
            .top-menu ul li a::after { content: ''; position: absolute; top:0; left:0; bottom:0; width:1px; background-color: var(--deep-dark-blue-color); opacity: 0.25; }
          .top-menu ul li:first-child a { padding-left:0;  }
            .top-menu ul li:first-child a::after { display:none;  }
    .top-phone { position: relative; text-align: right;  }
      .top-phone .phone a {  position: relative; display:inline-block; padding-left:1.25rem; font-size:1rem; color:var(--deep-dark-blue-color); font-weight:400; background: var(--phone-blue-icon); background-size: var(--bg-height-75); }

  .top-sec-line { position: relative;}
    .top-cat-link { position: relative;  }
      .top-cat-link a { display: inline-block; width:100%; padding:0.65rem 0; color:var(--white-color); font-size:0.8rem; font-weight:400; background-color: var(--dark-blue-color); border-radius: 0.25rem;  }
        .top-cat-link a:hover { background-color: var(--deep-dark-blue-color);  }
        .top-cat-link a span { display:inline-block; padding-left:1.05rem; background: var(--catalog-left-white-icon); background-size: var(--bg-height-90);  }
    .top-search { position: relative; width:97.5%; margin-left:2.5%; }
      .top-search .search { position: relative; width:100%; background-color: var(--dark-blue-color); border-radius: 0.25rem; text-align: left; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease;}
          .top-search .search:hover { background-color: var(--deep-dark-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; }
        .top-search .search input { position: relative; width:calc(90% - 4.1rem); padding:0 0.5rem; padding-right:2.5rem; font-weight:400; font-size:0.7rem; line-height: 2.05rem; border:solid 0.1rem var(--dark-blue-color); border-radius: 0.25rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
          .top-search .search:hover input { border:solid 0.1rem var(--deep-dark-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; }
        .top-search .search a { position: absolute; display: inline-block; right:0.75rem; top:0.5rem; width:1.25rem; height:1.25rem; background: var(--search-white-icon); background-size: var(--bg-full-height);  }
    .top-actions-links { position: relative; }
      .top-goods a { position: relative; min-width:3.7rem; padding:0 0.25rem; font-size:0.55rem; font-weight: 400; color:var(--deep-dark-blue-color);  display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; }
        .top-goods a:hover { color:var(--cian-color) }
      .top-goods a span { display:inline-block; padding-top:1.55rem;  }
        .top-goods a span ins { text-decoration: none; }
        .top-goods a span.fav-link { background: var(--top-fav-icon); background-size: var(--bg-height-60); }
          .top-goods a:hover span.fav-link { background: var(--top-fav-cian-icon); background-size: var(--bg-height-60); }
        .top-goods a span.cart-link { background: var(--top-cart-icon); background-size: var(--bg-height-60); }
          .top-goods a:hover span.cart-link { background: var(--top-cart-cian-icon); background-size: var(--bg-height-60); }
        .top-goods a span.view-link { background: var(--top-view-icon); background-size: var(--bg-height-65); }
          .top-goods a:hover span.view-link { background: var(--top-view-cian-icon); background-size: var(--bg-height-65); }
        .top-goods a span sup { position: absolute; display: inline-block; top:0; right:24%; width:0.85rem; height:0.85rem; line-height:0.85rem; font-size:0.45rem; font-weight:600; color:var(--white-color);  background-color: var(--dark-green-color);  border-radius: 50%; overflow: hidden;}
    .top-login { position: relative;  }
        .login-link a { display: inline-block; width:100%; padding:0.65rem 0; color:var(--white-color); font-size:0.8rem; font-weight:400; background-color: var(--cian-color); border-radius: 0.25rem;  }
          .login-link a:hover { background-color: var(--dark-cian-color);  }
          .login-link a span { display:inline-block; padding-left:1.1rem; background: var(--user-white-icon); background-size: var(--bg-height-90);  }

    .top-user-data { position: relative; cursor:pointer;  }
      .top-user-name { position: relative; height:2rem; padding-right:2.5rem; justify-content:right; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items:center;  }
        .top-user-name:after {content:''; position: absolute; top:0; right:0; width:2rem; height:2rem; border-radius: 0.25rem;  background:var(--user-cian-icon); background-size: var(--bg-height-50);  background-color: var(--cian-bg-20);  }
        .top-user-name span { display: inline-block; font-size:0.8rem; font-weight:400; color:var(--dark-cian-color); }
      .top-user-menu { position: absolute; display: none; top:2rem; right:0;  padding:1rem; text-align:left; background-color: var(--white-color); border-radius:0.25rem; box-shadow: 0 0.2rem 0.6rem var(--thin-gray-color); z-index:10; }
      .top-user-data:hover .top-user-menu { display: block; }
        .tu-name { position: relative; white-space: nowrap; }
          .tu-name span { position: relative; padding-left:1rem; font-size:0.75rem; background: var(--user-blue-icon); background-size: var(--bg-height-75); }
          .tu-links { position: relative; padding:0.5rem 0;}
            .tu-links a { position: relative; display:block;  padding:0.15rem 0; font-size:0.75rem;}


  .top-third-line { position: relative; margin-top: 0.75rem; height: 1.25rem;  overflow:hidden;}
    .top-goods-links { position: relative;  width:100%; height:1.25rem;  text-align: left; overflow:hidden; }
      .top-goods-links h5 { display:inline-block;  }
        .top-goods-links h5 a { display:inline-block; padding:0 0.575rem; font-size:0.7rem; color:var(--black-color) }
        .top-goods-links h5:first-child a { padding-left:0;}
        .top-goods-links h5:first-child a { padding-right:0;}
    .top-slog { position: relative; width:100%; text-align: right; }
      .top-slog h3 { font-size: 0.91rem; font-weight: 500; color:var(--blue-color) }

  .topcat-menu { position: relative;  }
  .topcat-menu:hover .catalog-menu { display: block;  }
    .topcat-menu .catalog-menu { position: absolute; display: none; padding:1rem 0; text-align:left;  background-color: var(--white-color); border-radius:0.25rem; box-shadow: 0 0.2rem 0.6rem var(--thin-gray-color); z-index:10;}
      .topcat-menu .catalog-menu .catalog-menu-data { position: relative; width:100%; }
        .topcat-menu .catalog-menu ul { position: relative; padding: 0; margin:0; list-style: none;  }
          .topcat-menu .catalog-menu ul li { padding: 0 0.5rem; margin:0; width:100%;  }
            .topcat-menu .catalog-menu ul li a { position: relative; display: block; padding: 0.5rem 1rem; padding-right:1.75rem; font-size:0.8rem; white-space: nowrap; border-radius:0.25rem; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; 	transition: all 0s ease;}
              .topcat-menu .catalog-menu ul li:hover a { font-weight: 400; background-color: var(--super-thin-gray-color); -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; 	transition: all 0s ease; }
              .topcat-menu .catalog-menu ul li:hover a::after { content: '\203A'; position: absolute; right:1.3rem; top:0.15rem; font-size:1.25rem; color:var(--dark-blue-color); }
        .topcat-menu .catalog-menu ul li ul { position:absolute; display:none; flex: 1; width:125%;  bottom:-1rem; top:-1rem; left:100%; padding-top:3.25rem; padding-bottom:1rem; align-items:flex-start;  border:solid 0px;  background-color: var(--white-color); border-left:solid 1px var(--thin-gray-color);  box-shadow: 0.3rem 0.2rem 0.6rem var(--thin-gray-color);  overflow-y: auto; overflow-x: unset; }

           .topcat-menu .catalog-menu ul li ul::-webkit-scrollbar { width: 7px; background-color: var(--super-thin-gray-color); }
           .topcat-menu .catalog-menu ul li ul::-webkit-scrollbar-thumb { border-radius: 10px;  background-color: var(--light-gray-color); }
           .topcat-menu .catalog-menu ul li ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: var(--white-color);}

           .topcat-menu .catalog-menu ul li ul::before { content: attr(data-owner); position:absolute; top:1.4rem; left:1.5rem; font-size:0.9rem; font-weight: 500; color:var(--dark-cian-color); }
           .topcat-menu .catalog-menu ul li:hover ul { display: inline-block;  }
            .topcat-menu .catalog-menu ul li ul li { position: relative; display: inline-flex; width:calc(100% - 1rem); padding: 0 0.5rem; padding-top:0.25rem; padding-bottom:0.5rem; -webkit-box-flex: 0; -ms-flex: 0 0 calc(48% - 1rem); flex: 0 0 calc(48% - 1rem); max-width: calc(48% - 1rem);  }
              .topcat-menu .catalog-menu ul li ul li a { position: relative; font-size:0.7rem; padding:0 1rem; white-space:unset; }
              .topcat-menu .catalog-menu ul li ul li a::after { display:none; }
                .topcat-menu .catalog-menu ul li:hover ul li a { display:block; font-size:0.7rem; white-space:unset; background-color: unset; }
                  .topcat-menu .catalog-menu ul li:hover ul li a:hover { font-weight:500; }
        .topcat-menu .catalog-menu ul li ul li ul { position: relative !important; display: none !important; flex:unset; top:unset; bottom:unset; left: unset; width:calc(98% - 1rem);  padding:0.3rem 0.5rem; border-left:0; box-shadow: unset; }
          .topcat-menu .catalog-menu ul li ul li:hover ul { display: block !important;  }
          .topcat-menu .catalog-menu ul li ul li ul:before { content:''; display: none;  }
          .topcat-menu .catalog-menu ul li ul li ul li {  max-width:100%; padding-top:0; padding-bottom:0;  }
            .topcat-menu .catalog-menu ul li ul li ul li a { font-size:0.6em !important; line-height: 0.75rem !important; font-weight:300 !important; color:var(--dark-gray-color) !important; padding:0 ; margin:0;  }


/* Слайдер на главной */
.wrslider { position: relative; padding-top:1rem; padding-bottom:1.75rem; z-index:4; overflow: hidden; background-color: var(--super-thin-gray-color); }
  .slider { position: relative; width:160%; margin-left:-30% }
    .slider .slider-item { position: relative; width: calc(100% - 1rem); margin:0 0.5rem; }
      .slider .slider-item a { position: relative; display:inline-block; width:100%; height:0; padding-top:35.7%; overflow: hidden; }


/* Заголовки блоков */
.wrapper-title { position: relative; width:100%; text-align: left; padding-bottom:1.25rem;  }
  .wrapper-title h1 { position: relative; display:inline-block; font-size:2rem; font-weight: 400; color:var(--dark-cian-color);  }
  .wrapper-title h2 { position: relative; display:inline-block; font-size:1.75rem; font-weight: 400; color:var(--dark-cian-color); }
  .wrapper-title .allink { position: relative; display:inline-block; margin-left:1rem; padding-right:1rem; font-size:0.9rem; /* background: var(--blue-right-arrow); background-size: var(--bg-height-75); */ }



/* Акционные стикеры */
.wractionstickers { position: relative; padding-top:1rem; padding-bottom:1.5rem; }

 .sticker-list { position: relative; }
  .sticker-list .action-sticker { position: relative; width:calc(100% -  1rem); margin:0 0.5rem;  margin-bottom:0.5rem; }
    .sticker-list .action-sticker a { position: relative; display:inline-block; width:100%; padding-bottom:40%; overflow: hidden; }
  .sticker-list .col-1x3:nth-child(3n) .action-sticker { margin-right:0; margin-left:1rem; }
    .sticker-list .col-1x3:nth-child(3n+1) .action-sticker { margin-left:0; margin-right:1rem; }
  .sticker-list .col-1x4:nth-child(4n) .action-sticker { margin-right:0; margin-left:1rem; }
   .sticker-list .col-1x4:nth-child(4n+1) .action-sticker { margin-left:0; margin-right:1rem; }


/* Список категорий */
.wrmaincatalogs { position: relative; padding:2.5rem 0; background-color: var(--blue-thin-gray-color); }

.category-list { position: relative; }
  .category-list .category-item { position: relative; cursor:pointer; width:calc(100% - 1rem); margin:0 0.5rem; margin-bottom:1rem; background-color: var(--white-color); border-radius: 1.5rem; overflow: hidden;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
    /* .category-list .category-item:hover { background-color: var(--blue-bg-10); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }  */
    .category-list .category-item .category-icon { position: relative; padding:0.5rem; }
      .category-list .category-item .category-icon span { position: relative; display:inline-block; width:100%; height:0; padding-top: 100%; border-radius: 0.5rem; overflow: hidden;  }
    .category-list .category-item h3 { position: relative; padding:0.5rem 1.5rem; font-size:1.1rem; font-weight:500; }

    .category-list .col-1x3:nth-child(3n) .category-item { margin-right:0; margin-left:1rem; }
    .category-list .col-1x3:nth-child(3n+1) .category-item { margin-left:0; margin-right:1rem; }


.wrsubcat { padding-top:2rem; padding-bottom:1.5rem; margin:1rem 0; background-color: var(--blue-thin-gray-color); }
  .wrsubcat .category-item { position: relative; cursor:pointer; width:calc(100% - 1rem); margin:0 0.5rem; margin-bottom:1rem;  background-color: var(--white-color); border-radius: 1.5rem; overflow: hidden;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
    .wrsubcat .category-item .category-data { position: relative; width:80%; margin:0.5rem 10%; text-align:left; }
      .wrsubcat .category-item .category-data .category-title { min-height:4rem; }
        .wrsubcat .category-item .category-data .category-title h3 { position: relative; padding-top:0.5rem; font-size:0.9rem; font-weight:500; }
        .wrsubcat .category-item .category-data .category-title span { display:block; margin-top:0.25rem; font-size:0.65rem; font-weight:400; color:var(--gray-color); }
      .wrsubcat .category-item .category-data .category-icon { position: relative; display:inline-block; width:100%; height:0; padding-top: 65%; margin:0.75rem 0; border-radius: 0.5rem; overflow: hidden;  }


  .cat-owner-link { position: relative; padding-top:1rem; text-align: center; }
    .cat-owner-link a { position: relative; display: inline-block; padding:1rem 2rem; font-size:0.9rem; font-weight: 400; background-color: var(--blue-thin-gray-color); border-radius: 0.25rem;  }
    .cat-owner-link a:hover { color:var(--white-color); background-color: var(--dark-cian-color);  }


/* Список производителей */
.wrmainbrands { position: relative; padding:2rem 0;  }

.main-brand-list { position: relative; width:100%; }
  .main-brand-list .brand-item { position: relative; width:90%; padding:0.5rem 5%; overflow: hidden; }
    .main-brand-list .brand-item a { position: relative; display:inline-block; width:100%; height:0; padding-top:65%; overflow: hidden;  }



/* Фильтры списка товаров */
.filters { position: relative; padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:solid 1px var(--thin-gray-color) }
  .filters h5 { position: relative; text-align: left; font-size: 1rem; font-weight: 500; }

  .sort-filter { position: relative; width:100%; text-align: left; font-size:0.8rem; }

  .filters .show-filter { position: relative; width:100%; text-align: right; }
    .filters .show-filter a { position: relative; display: inline-block; width:1.3rem; height:1.3rem;  overflow: hidden; }
      .filters .show-filter a.icons { background: var(--filter-icon-icon); background-size: var(--bg-full-height); }
        .filters .show-filter a.icons.active { background: var(--filter-icon-icon-active); background-size: var(--bg-full-height); }
      .filters .show-filter a.list { background: var(--filter-list-icon); background-size: var(--bg-full-height); }
        .filters .show-filter a.list.active { background: var(--filter-list-icon-active); background-size: var(--bg-full-height); }

/* Список товаров */
.wrpagegoods { position: relative; padding-top:1rem;  padding-bottom:2rem; }

.category-goods { position: relative; width:100%; overflow: hidden; }
  .category-goods .flex-columns { width: calc(100% + 1rem - 2px); margin-left:-0.5rem; }
   .category-goods .show-list .flex-columns { width:100%; margin-left:0; }

  .show-icon .goods-item { position: relative; display: inline-block; width: calc(100% - 1rem); margin:0.25rem 0.5rem; margin-bottom:0.75em; border:solid 1px var(--light-gray-color); border-radius: 0.5rem;  }
    .show-icon .goods-item:hover { box-shadow: 0 0.1rem 0.5rem var(--light-gray-color);  }
  .show-list .goods-item { position: relative; display: inline-block; width:100%; margin:0.25rem 0; margin-bottom:0.75em; padding:0.5rem 0;  border-top: solid 1px var(--light-gray-color); }
    .show-list .goods-item:first-child { border-top: unset; }

    .goods-item .goods-data { margin:1rem;}

      .goods-item .goods-top-line { position: relative; padding:0.25rem 0; font-size:0.6rem; color:var(--dark-gray-color); text-align:left; }
        .goods-item a.fav { position:absolute; top:0; right:0; display:inline-block; width:1rem; height:1rem; background: var(--fav-icon) ; background-size: var(--bg-full-height); opacity: 0.3; }
        .goods-item a.fav.active { background: var(--fav-icon-active) ; background-size: var(--bg-full-height); opacity: 0.9; }
        .show-list .goods-item .goods-art { font-size:0.7rem; color:var(--gray-color);  }

      .goods-item .goods-img { position: relative; width:80%; height:0; padding-top:80%; margin:0.75rem 10%;  overflow: hidden; }
       .goods-item .goods-img img { border-radius: 0.5rem; }
       .show-list .goods-item .goods-img { margin:0 10%; }

      .goods-item .goods-info {position: relative; width:80%; margin:0 10%;  text-align: left; }

      .goods-item  h3 { position: relative; width:100%;  height:3rem;  font-size:0.9rem; font-weight: 400; }
      .show-list .goods-item  h3 { height:auto; min-height:unset; margin-top:0.5rem; font-size:1.25rem; text-align: left; }
      .show-icon .goods-item  h3 { min-height:unset; margin-bottom:0.5rem; overflow: hidden;  }

      .goods-item .goods-price-data { position: relative; display: inline-block; margin-left:calc(100% - 11rem); width:10rem; max-width:100%; text-align:left; }

      .goods-item  .goods-price { font-size:1.25rem; font-weight:600; color:var(--black-color);  }
        .goods-item  .goods-price span { font-size:0.8rem; font-weight:300; color:var(--black-color);  }
        .show-list .goods-item .goods-price p { padding:0; }
      .goods-item  .goods-price-select { position: relative; width:80%; height:1.5rem;  margin:0 10%; margin-bottom:0.5rem; overflow: hidden; }
        .show-list .goods-item  .goods-price-select { position: relative; width:100%; height:unset;  margin:0.5rem 0; overflow: hidden; }
        .goods-item  .goods-price-select select {position: relative; padding:0.25rem; width:calc(100% - 0.1rem); border:solid 1px var(--thin-gray-color); }

        .goods-order { position: relative; width:100%;  }
         .goods-order a { display:inline-block; width:80%; margin:0 10%; padding: 0.65rem 0; text-align: center; font-size:0.8em; font-weight:500; color:var(--white-color); border-radius:0.25rem; }
        .show-list  .goods-order a { display:inline-block; width:100%; margin:0; padding: 0.65rem 0; text-align: center; font-size:0.8em; font-weight:500; color:var(--white-color); border-radius:0.5rem; }
            .goods-order a.order-button, .goods-order a.show-button { background-color: var(--cian-color); }
              .goods-order a.order-button:hover, .goods-order a.show-button:hover { background-color: var(--dark-cian-color); }
            .goods-order a.incart-button { background-color: var(--blue-color); }
              .goods-order a.incart-button:hover { background-color: var(--dark-blue-color); }
              .goods-order a.incart-button span { font-weight: 300; }

      .goods-item  .goods-no-price { position: relative; margin-top:0.6rem; background-color: var(--super-thin-gray-color); border-radius: 0.5rem; }
        .show-icon .goods-item .goods-no-price  { margin-top:2.5rem; }
        .goods-item  .goods-no-price a { display:block; padding:1rem; text-align: center; font-size:0.7rem; color:var(--dark-gray-color); }

.wrpagefooterdesc { padding:2rem 0; font-size:0.8rem; background-color: var(--super-thin-gray-color); }
  .wrpagefooterdesc h2 { font-size:1.35rem; font-weight: 400; padding-top: 1rem;  padding-bottom: 1.5rem }





/* Страница товара  */
.wrgoods { position: relative; padding:2rem 0; }

  .wrgoods .goods-gallery { position: relative; width:45%; }
  .cgoods-item .wrgoods .goods-gallery { position: relative; width:35%; }
    .wrgoods .goods-gallery .page-pic { position: relative; width:100%; overflow: hidden; }
      .wrgoods .goods-gallery .page-pic img { max-width:100%;  }
    .wrgoods .goods-gallery .icon-gallery { position: relative; width: calc(100% - 4rem); margin:1rem 2rem; }
      .wrgoods .goods-gallery .icon-gallery .gallery-item { position: relative; width:100%; height:0; padding-top:100%; overflow:hidden; }
        .wrgoods .goods-gallery .icon-gallery .gallery-item img { cursor: pointer; }

      .wrgoods .goods-gallery .icon-gallery .owl-carousel .owl-stage { margin:auto; }
      .wrgoods .goods-gallery .icon-gallery .owl-carousel .owl-nav { width: calc(100% + 4rem);  top: calc(50% - 1rem); left:-2rem; }
      .wrgoods .goods-gallery .icon-gallery .owl-carousel .owl-nav .owl-prev { position: absolute; display: inline-block; left: 0; right: unset; width: 2rem; height: 2rem; }
      .wrgoods .goods-gallery .icon-gallery .owl-carousel .owl-nav .owl-next { position: absolute; display: inline-block; right: 0; left: unset; width: 2rem; height: 2rem; }

  .wrgoods .goods-data { position: relative; width:50%; }
  .cgoods-item .wrgoods .goods-data { position: relative; width:60%; }
    .wrgoods .goods-data .goods-info { position: relative; width:90%; margin:0 5%; font-size:0.8rem; text-align:left;  }
      .wrgoods .goods-data .goods-info .goods-top { position: relative; padding:1.5rem; margin-bottom:1.5rem; background-color: var(--blue-thin-gray-color); border-radius: 0.25rem; }
        .wrgoods .goods-data .goods-info .goods-top .goods-top-info { position: relative; margin-bottom:0.5rem;  }
          .wrgoods .goods-data .goods-info .goods-top .goods-top-info span { display: block; padding-bottom: 0.25rem; }
        .wrgoods .goods-data .goods-info .goods-top .goods-price { font-size: 1rem; font-weight: 400; }
          .wrgoods .goods-data .goods-info .goods-top .goods-price span { font-size: 2rem; font-weight: 500; }

    .goods-text h2 { font-size:1.5rem; padding-bottom:1rem; }


  .wrgoods .goods-info .goods-order {position:absolute; bottom:1.5rem; right:1.5rem; width:37%; margin:0; }
    .wrgoods .goods-info .goods-order a { width:100%; margin:0; padding:0.75rem 0; font-size:1rem; border-radius: 0.25rem;}
    .wrgoods .goods-info .goods-no-price a {  padding:1.5rem; font-size:0.8rem; background-color: var(--super-thin-gray-color); font-weight: 400; }
      .wrgoods .goods-info .goods-no-price a span { display:block; padding-top:0.5rem; font-size:1.1rem; font-weight: 500;  }

    .wrgoods a.fav { position:absolute; top:1.5rem; right:1.5rem; display:inline-block; width:1.5rem; height:1.5rem; background: var(--fav-icon) ; background-size: var(--bg-full-height); opacity: 0.3; }
      .wrgoods a.fav.active { background: var(--fav-icon-active) ; background-size: var(--bg-full-height); opacity: 0.9; }





.wrrecgoods { padding-bottom:2rem; position: relative;  }
  .wrrecgoods .wrapper-title {  margin-top:1.5rem; padding-top: 2rem; border-top:solid 1px var(--thin-gray-color); }
    .wrrecgoods .wrapper-title h2 { font-size: 1.75rem; }


/* Страница категории-товара */

.cgoods-list  h4 { font-size:1.1rem; padding-bottom: 0.5rem; }

.cgoods-list .goods-item { padding:0.25rem 0; margin-top:0.25rem; background-color: var(--white-bg-75); }
.cgoods-list .goods-item div div { margin:0.25rem 0.5rem; }

.wrgoods .goods-info .cgoods-list .cgoods-name a { font-size:0.9rem; font-weight: 400; }
.wrgoods .goods-info .cgoods-list .cgoods-name span { font-size:0.6rem; color: var(--dark-gray-color); }

.wrgoods .goods-info .cgoods-list .cgoods-price { font-size: 0.6rem; white-space:nowrap;  }
.wrgoods .goods-info .cgoods-list .cgoods-price b { font-size: 0.9rem; }

.wrgoods .goods-info .cgoods-list .goods-order {position:relative; bottom: unset; right: unset; width: auto; text-align: center; }
.wrgoods .goods-info .cgoods-list .goods-order a { width: 90%; margin: 0; padding: 0.5rem 0; font-size: 0.7rem; font-weight: 400;  border-radius: 0.25rem;}
.wrgoods .goods-info .cgoods-list .goods-order a span { display: inline !important; }



/* Отзывы */
.wrreviews { position: relative;  padding: 2.5rem 0; background-color: var(--blue-thin-gray-color); }

/*  Отзывы */
.wrreviews { padding-top: 0; padding-top:2.5rem; padding-bottom: 1rem; background-color: var(--super-thin-gray-color);}

  .wrreviews .reviews-list {position: relative; padding-bottom: 1.5rem; text-align:left;  }
    .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); border-radius: 0.75rem; }
    .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: absolute; display: inline-block; right: 5%; top: 0.25rem;}
      .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;}






/* Производители */
.wrbrands { position: relative; padding-top:1rem; }

/* Магазины */
.wrshops  { position: relative; padding-top:1.5rem; }
  .wrshops .shop-item {position: relative; width:97%; margin: 0 1.5%; margin-bottom:1rem; text-align:left;}
    .wrshops .col-1x2:nth-child(2n+1) .shop-item {margin-left: 0; margin-right:3% }
    .wrshops .col-1x2:nth-child(2n) .shop-item {margin-left: 3%; margin-right:0 }
    .wrshops .shop-item .shop-img {position: relative; width:100%; height:0; padding-top:60%; overflow: hidden; }
    .wrshops .shop-item h2 {position: relative; padding:0.75rem 0; font-size:1.5rem; font-weight: 500;  }

  .wrshops .shop-city-map { position: relative; margin:2rem 0; width:100%; text-align:left; }
    .wrshops .shop-city-map h3 { font-size:1.75rem; padding-bottom:1rem }


/* Текстовые страницы */
.page-info, .page-block { position: relative; text-align:left; }
.page-title h1 { position: relative; display:block;  font-size:2rem; font-weight: 400;  color:var(--dark-cian-color);  }
.wr-page-text { position: relative; padding:1.25rem 0; margin-bottom:2rem; }
  .wr-page-text .block-text h2 { position: relative; display:block; margin:0.5rem 0; font-size:1.5rem; font-weight: 400;   }
  .wr-page-text .block-text h3 { position: relative; display:block; margin:0.5rem 0; font-size:1.25rem; font-weight: 400;   }
  .wr-page-text .block-text ul { position: relative; padding-top:0; padding-bottom:0.5rem; margin-top:0; margin-bottom:0;  }
  .wr-page-text .block-text img { max-width:100%; height:auto !important; }


/* Футер */
.wrend { position: relative;  padding:2.5rem 0; padding-bottom:1.5rem; background-color: var(--deep-dark-blue-color); }

  .wrend, .wrend a {  color:var(--white-color); }

  .end-links { position: relative; text-align: left; }
    .end-links h4  { font-size:1.15rem; font-weight:400; color:var(--white-color) }
    .end-catalog ul, .end-menu ul { position: relative; padding:1rem 0; margin:0; list-style: none;  }
      .end-catalog ul li, .end-menu ul li { padding:0; margin:0; }
        .end-catalog ul li a, .end-menu ul li a { position:relative; display:inline-block; width:90%; padding:0.25rem 0; padding-left:0.75rem; font-size:0.8rem;  }
          .end-catalog ul li a::after, .end-menu ul li a::after { content: '\203A'; position: absolute; left:0; top:-0.125rem; font-size:1.2rem; color:var(--white-bg-75);  }

  .end-contacts {  position: relative; text-align:right; }
    .end-contacts h4  { font-size:1.15rem; font-weight:400; color:var(--white-color) }
    .end-contacts .end-shops { position:relative; padding-bottom:1rem;}

    .end-contacts .end-shops .shop-data { padding-top:0.5rem; }
      .end-contacts .end-shops .shop-data h5 a { position: relative; display: inline-block; padding:0.15rem 0; padding-left:1.15rem; font-size:0.75rem; font-weight: 400; background: var(--address-white-icon); background-size: var(--bg-full-height); }
      .end-contacts .end-shops .shop-data .phone a { position: relative; display:inline-block; padding-left:1rem; font-size:1rem; /* color:var(--deep-dark-blue-color); */ color:var(--white-color); font-weight:400; background: var(--phone-white-icon); background-size: var(--bg-height-75); }

    .end-contacts .end-social { position: relative;  }
      .end-contacts .end-social .soc-link { display: inline-block; margin-left:0.25rem; }
        .end-contacts .end-social .soc-link a { display: inline-block; width:2rem; height:2rem; background-color: var(--blue-bg-50); border-radius: 50%; overflow: hidden;;}
          .soc-link.vk a { background: var(--vk-icon); background-size: var(--bg-height-30); }
            .soc-link.vk a:hover { background-color: var(--vk-bg-color); }
          .soc-link.ok a { background: var(--ok-icon); background-size: var(--bg-full-height); }
            .soc-link.ok a:hover { background-color: var(--ok-bg-color); }

  .end-official { position:absolute; right:0; bottom:1rem; text-align: right; font-size:0.7rem }
    .end-official .end-cpr span {display: block;}
    .end-official .end-privacy { padding:0.5rem 0; font-size:0.67rem}
    .end-official .geokon { font-size:0.6rem; opacity:0.5; }

  .wrend .oferta { width:11rem; padding-top:1rem; font-size:0.6rem; opacity:0.6; }



/* Оформление заказа  */
.order-cart {padding-top:1.5rem; margin-top:1rem;  background-color: var(--blue-thin-gray-color);}
.order-page {padding-bottom:1.5rem; text-align:left;   margin-bottom:25px;}

.cart {width:95%;}
.cart .item-data {padding:0; background:none;}

.cart-title {position:relative; font-size:1.6rem;}

.cart-title-line {margin-top:0.75rem;	padding:0.5rem 0;	text-align:center; font-size:0.75rem;}
.cart-title-1 {text-align:left;}

.cart-item-line {padding:0.5rem 0; text-align:center; background-color: var(--white-color); margin-bottom:10px; font-size:0.8rem; border-radius: 0.5rem;}
  .cart-item-line .cart-col-1 .item-data {cursor:pointer; text-align:left; margin-left:4%; min-height:3.5rem;}
  .cart-item-line .cart-col-1 .item-img { width:80%;  overflow:hidden;  text-align:center;}
    .cart-item-line .cart-col-1 .item-img img { max-width:100%; max-height:3.5rem;}
  .cart-item-line .cart-col-1 h5 {font-size:0.8rem; padding-right:1rem;}
    .cart-item-line .cart-col-1 h5 span {display:block; margin-top:3px; font-size:0.65rem; font-weight:300; color: var(--dark-gray-color);}
  .cart-item-line .cart-col-2 { white-space: nowrap; }
    .cart-item-line .cart-col-2 span {display:inline-block; line-height:1rem;}
      .cart-item-line .cart-col-2 span.num-val {padding:0 0.5rem;}
      .cart-item-line .cart-col-2 span.num-minus,
      .cart-item-line .cart-col-2 span.num-plus {cursor:pointer; width:1rem; font-size:1rem; font-weight:400; border:solid 1px var(--light-gray-color);	border-radius: 0.1rem;}
  .cart-item-line .cart-col-5 a { display:inline-block; cursor:pointer; width:0.8rem; height:0.8rem; background: var(--del-icon); background-size: var(--bg-full-height);	opacity:0.5; }
    .cart-item-line .cart-col-5 a:hover { opacity:1; }


.checkout {position:relative; padding:1.5rem 1rem;  background-color: var(--white-color); border-radius: 0.5rem; }
  .checkout .checkout-price { padding-bottom:0.75rem; margin-bottom:0.75rem; font-size:1.75rem; font-weight:500; }
    .checkout .checkout-price .checkout-price-val { text-align:right;  }
      .checkout .checkout-price .checkout-price-val span{ font-size:1.5rem; font-weight:400; }
  .checkout .checkout-button a,
  .checkout .checkout-form .order-button a  {display:block; cursor:pointer; padding:0.75rem 0; text-align:center; font-size:1rem; font-weight: 400; color:var(--white-color); background-color: var(--cian-color);  border-radius: 0.25rem; }
    .checkout .checkout-button a:hover,
    .checkout .checkout-form .order-button a:hover  {color:var(--white-color); background-color: var(--dark-cian-color); }


.checkout .checkout-form {display:none; position:relative; text-align:left;}
  .checkout .checkout-form .input-overlay {position:relative; padding:0.15rem; margin-bottom:0.25rem; text-align:left; border:solid 1px var(--light-gray-color); border-radius: 0.25rem; }
    .checkout .checkout-form .input-overlay input {border:solid 0.1rem var(--white-color); width:88%; margin:0 5%; padding:0.25rem 1%;  font-size:0.8rem; outline:none;}
    .checkout .checkout-form .input-overlay textarea {border:solid 2px var(--white-color);; width:88%; margin:0 5%; padding:0.25rem 1%;  font-size:0.8rem; outline:none;}
    .checkout .checkout-form .input-overlay select {border:solid 2px var(--white-color);; width:88%; margin:0 5%; padding:0.25rem 1%;  font-size:0.8rem; outline:none;}
    .checkout .checkout-form .input-overlay span { font-size:0.65rem; color: var(--gray-color);}
      .checkout .checkout-form sub a { font-size:12px; color: var(--gray-color);}
      .checkout .checkout-form sup a { font-size:11px; color: var(--gray-color);}
    .checkout .checkout-form .secure {position:relative; padding-left:1.5rem; padding-bottom:0.5rem; text-align:left;  font-size:0.55rem; color: var(--gray-color);}
      .checkout .checkout-form .secure input {position:absolute; left:0; top:-1px;}
      .checkout .checkout-form .secure a {color: var(--dark-gray-color);}
    .checkout .checkout-form .form-submit a {position:relative; cursor:pointer; display:block; margin:0.5rem 0; padding:0.65rem; color:var(--white-color); text-align:center; background-color: var(--cian-color);  border-radius: 0.25rem; }
      .checkout .checkout-form .form-submit a:hover { background-color: var(--dark-cian-color); }


.null-order-page {padding:2rem 0; margin-top:1rem;  background-color: var(--blue-thin-gray-color)}
  .null-order-text  {width:calc(100% - 2rem); font-size:1rem;  padding:2.5rem 1rem;  margin-bottom:2rem;  text-align:center;}
    .null-order-text h3 { font-size:1.75rem;  font-weight:700;  padding-bottom:1rem; }
    .null-order-text h4 {  font-size:1.3rem;  font-weight:700;  padding:10px 0; }
  .null-order-text img { width:90%;  max-width:600px;  margin-bottom:1.25rem;}

.order-result {position:relative; width:100%; padding:1rem 0; font-size:0.9rem; text-align: center; }
  .order-result img {max-width:50%; margin-bottom:0.5rem;}
  .order-result h3 {margin-bottom:0.5rem; font-size:1.75rem; }
  .order-result p div {font-size:0.87rem; color:var(--dark-gray-color);}


/* Личные данные */
.wrpersonalinfo { padding:1rem 0; margin-bottom:1rem; }
.user-form { position: relative; width:95%; margin-right:5%; margin-bottom:1rem; text-align:left; }
  .user-form .user-form-data { position: relative; width:calc(100% - 2rem); padding:1rem; background-color: var(--blue-thin-gray-color); border-radius: 0.5rem; overflow: hidden; }

  .page-form-submit { width:12rem; padding: 0.75rem 0 !important; text-align: center; }
  .user-form-data.popup-data h3 { font-size: 1.25rem; padding-top:0;  padding-bottom:1rem; text-align: center; }


/* Список заказов пользователя */

.wruserorders { padding:1rem 0; margin-bottom:1rem; }
.user-order-list { position: relative; padding:1rem 0;   }
  .user-order-list .user-order-title { padding:1rem 0; font-weight: 400; background-color: var(--super-thin-gray-color);  }
  .user-order-list .user-order-data { padding:1rem 0; border-top:solid 1px var(--light-gray-color);  }
    .user-order-list .user-order-data:first-child { border-top:unset; }
    .user-order-list .user-order-data:nth-child(2n+1) { background-color: var(--super-thin-gray-color); }
      .user-order-list .user-order-data .uo-goods { display: none; }
  .user-order-list .user-order-goods { width:85%; margin: 1.5rem 7.5%;  }




/* Навигация каруселей */
.owl-carousel .owl-dots { position: absolute; bottom:-1.2rem; width:100%; text-align:center; }
  .owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width:1.75rem; height:0.3rem; margin:0 0.25rem; background-color:var(--light-gray-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;}
    .owl-carousel .owl-dots .owl-dot.active {background-color: var(--cian-color);  -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; 	transition: all 1s ease;}

.owl-carousel .owl-nav { position: absolute; top:-3.5rem; width:20%; right:0; text-align:right; z-index:10 }
  .owl-carousel .owl-nav .owl-prev { position:relative; display:inline-block; right:0; width:2.5rem; height:2.5rem; margin-right:1rem; background: var(--blue-right-arrow); background-size: var(--bg-full-height); transform: rotate(180deg);  opacity: 0.4;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
    .owl-carousel .owl-nav .owl-prev:hover { 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; }
  .owl-carousel .owl-nav .owl-next { display:inline-block; width:2.5rem; height:2.5rem; background: var(--blue-right-arrow); background-size: var(--bg-full-height);  opacity: 0.4;  -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; 	transition: all 0.5s ease; }
    .owl-carousel .owl-nav .owl-next:hover { 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; }



/* Хлебные крошки */
.wrpage .krohi {position: relative; width:100%; padding-top:1rem; padding-bottom:0.75rem; font-size:0.65rem; color:var(--dark-gray-color); text-align:left; white-space: nowrap; overflow: hidden;  }
  .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:"\203A"; position: absolute; display:inline-block; left:0; top:-0.25rem; margin:0; font-size:1rem; font-stretch: ultra-condensed; }
      .wrpage .krohi ul li:first-child {padding-left:0; }
      .wrpage .krohi ul li:first-child:before {content:""; display:none;}
      .wrpage .krohi ul li:last-child a { cursor:default; }

/* Ссылка "показать еще" */
.morelink { position: relative; width:100%; text-align: center; }
  .morelink a { position: relative; display: inline-block; margin-top:1rem; padding:1rem 2.5rem; font-size:1.25rem; color:var(--olive-color);  background-color: var(--light-olive-color); }

/* Прокрутка в началу страницы */
.scrollup { position: fixed; cursor:pointer; display: none; bottom:5%; left:2.1%; width:3.5rem; height:3.5rem; background: var(--scroll-arrow-icon); background-size: var(--bg-height-50);  background-color: var(--blue-bg-50); border-radius: 50%; overflow:hidden; z-index:50; }
  .scrollup:hover { background-color: var(--blue-bg-75); }

/* Прогрессбар */
.loading { position:relative; width:100%; margin:2rem 0; text-align:center; }
.loading img { width:unset !important; }

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

/* Адаптивные изображения */
img.fullw { position: absolute; max-width:100% !important; width:unset !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.fullh { position: absolute; max-height:100% !important; width: unset !important; height:unset !important  ; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.fullsmallw { position: absolute; max-width:90% !important; width:unset !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.hardfullw { position: absolute; width:100% !important; height: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }
img.hardfullh { position: absolute; height:100% !important; width: unset !important; top: 50%; left: 50%; transform: translate(-50%, -50%); }

/* Прочее */
.hidden {display:none;}
.link { cursor: pointer; }
.fixed { position: fixed;  bottom:unset; top:0; z-index:50000; }

.eye { display:inline-block !important; cursor:pointer; width:1rem; height:0.65rem; background: var(--eye-black-icon); background-size: var(--bg-full-height); z-index:10; opacity:0.5; }
.eye:hover { opacity:0.75; }


/* Пейджинация */
 .pagelinks { position:relative; display:block;  padding:1rem 5%; text-align: center; }
   .pagelinks a { position: relative; margin:0.25rem; width:2rem; height:2rem; line-height:2rem; font-size:0.8rem; text-align:center; background-color: var(--blue-thin-gray-color); border-radius:50%; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;  }
     .pagelinks a.active { color:var(--white-color); background-color: var(--dark-cian-color); }
     .pagelinks a:hover { color:var(--white-color); background-color: var(--dark-blue-color); }


/* Окна magnific */
.mfp-bg { opacity: 0.6; }
.white-popup-block { padding: 2rem; width:calc(98% - 4rem); max-width: 25rem; margin: 1rem auto; border-radius: 1rem; background-color: var(--thin-gray-color); }

.popup-data {position: relative;  }

  .popup-data h3 { padding-top: 0.75rem; font-size: 1.65rem; }
  .popup-data h4 { padding-bottom: 0.75rem; font-size: 1.2rem; font-weight: 500; }
  .popup-data p  { position:relative; padding-bottom: 0.5rem; }
  .popup-data p input { width: calc(100% - 1rem); padding: 0.5rem 0.5rem; font-size: 0.9rem; line-height:1rem; border-radius: 0.25rem;}
  .popup-data p textarea { width: calc(100% - 1rem); padding: 0.5rem 0.5rem; height:4rem; font-size: 0.9rem; line-height:1rem;  border-radius: 0.25rem;}
  .popup-data p span { display: block; padding: 0.25rem 0; font-size: 0.65rem; text-align: center;}
  .popup-data p span a { color: var(--dark-gray-color); }
  .popup-data p label { display: block; padding-bottom: 0.25rem; padding-left:0.65rem; color:var(--gray-color); font-size: 0.65rem; text-align: left;}
  .popup-data p label a { color:var(--gray-color); font-size: 0.55rem; }
  .popup-data p .eye { position: absolute; right:0.5rem; bottom:1rem;  }

  .popup-data a.red-button {position: relative; display: inline-block; font-weight:500; color:var(--white-color); text-align: center; background-color: var(--cian-color); border-radius: 0.25rem;}
    .popup-data a.red-button:hover { background-color: var(--dark-cian-color); }

.popup-result { padding: 1rem 7.5%; font-size:0.7rem; text-align: center;}
  .popup-result h3 { font-size: 1.25rem; }

.popup-form-submit { width:100%; padding: 0.75rem 0 !important; }
.popup-form-links { position: relative; padding-top:1rem; font-size:0.65rem; }
.popup-form-info { position: relative; text-align:center; padding-bottom:0.5rem; font-size:0.75rem; }
.popup-error-data, .order-error-data { position: relative; display:none; text-align:center; padding-bottom:0.5rem; font-size:0.7rem; color:var(--red-color) }
.popup-ok-data { position: relative; display:none; text-align:center; padding:0.5rem 0; margin-bottom:0.5rem; font-size:0.9rem; background-color: var(--cian-bg-50); color:var(--white-color); border-radius: 0.25rem; }


.login-add-links { position: relative; margin-top:1rem; font-size:0.75rem; font-weight: normal; }
.login-add-links .col-1x2:last-child { text-align:right; }



/* Станицы без шаблона */
.fullscreen {position:absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center;}
.notfound {color:#666;}
  .notfound h1 {font-size:10rem; line-height:0.8; margin:0.75rem 0; padding:0; color:#bbb; }
  .notfound h2 {font-size:3.5rem; margin:0; padding:0; padding-bottom:1rem; color:#5abad9; font-weight:normal;}
  .notfound h4 {font-size:1.25rem; margin:0; padding:0; color:#666; font-weight:300;}
.activate {color:#666;}
  .activate h1 {font-size:3.5rem; line-height:0.8; margin:1rem 0; padding:0;  color:#bbb; }
  .activate h2 {font-size:2rem; margin:0; padding:0; padding-bottom:1rem; color:#5abad9; font-weight:normal;}
  .activate h4 {font-size:1.25rem; margin:1rem 0; padding:0; color:#666; font-weight:300;}


/* 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%); border-radius: 10px; }
.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(--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(--cian-color); margin-top: 10px; padding: 10px 30px; text-transform: uppercase;  text-align: center;  color: white;  border-radius: 5px; }