@charset "UTF-8";
/* ------------------ Header with authorization -------------- */
/*** HEADER ***********************************************************************************************************/
@media (min-width: 768px) {
  .header-container {
    margin-bottom: 0;
    position: relative; }

  .header-container.with-menu {
    /*    margin-bottom: 96px;*/ }

  #header {
    margin: 10px auto 0;
    position: relative;
    z-index: 50;
    padding: 0; }

  .logo {
    background: url(../../images/logo.png) no-repeat;
    display: block;
    width: 160px;
    height: 47px;
    cursor: pointer;
    text-align: center;
    color: #aeaeae;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 19px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .logo {
    background: url(../../images/small_logo.jpg) no-repeat;
    display: block;
    width: 110px;
    height: 32px;
    margin-top: 30px; } }
@media (min-width: 768px) {
  .logo-link {
    background: url(../../images/logo.png) no-repeat;
    float: left;
    display: block;
    width: 160px;
    height: 47px;
    margin-right: 57px; }

  .logo-title {
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #a1a0a0;
    margin-top: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .logo-link {
    margin-right: 50px; }

  .logo-title {
    font-size: 12px; } }
@media (min-width: 768px) {
  .info-drop {
    background: #f7f7f7;
    height: 100px;
    padding: 15px 0;
    margin-top: -100px;
    -webkit-transition: margin-top .3s ease;
    -moz-transition: margin-top .3s ease;
    transition: margin-top .3s ease; }

  .info-drop.show {
    margin-top: 0; }

  .gray-title-12 {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: #939393;
    margin-bottom: 5px; }

  .label-10 {
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: #939393;
    margin-bottom: 4px; }

  .contacts-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 46px; }

  .contacts-block:last-child {
    margin: 0; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .contacts-block {
    margin-right: 33px; } }
@media (min-width: 768px) {
  .phone-20 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #344049; }

  .phone-20 sup {
    font-style: normal;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px; }

  .phone-16 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #344049;
    text-transform: uppercase; }

  .cb-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin: 4px 9px 0 0; }

  .cb-ico.phone {
    background: url(../../images/bg-tel.png) no-repeat; }

  .cb-ico.skype {
    background: url(../../images/icons/ico_skype.png) no-repeat; }

  .cb-ico.whatsup {
    background: url(../../images/icons/ico_whatsup.png) no-repeat; }

  .extender {
    background: url(../../images/icons/extender.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 1px 0 0 4px;
    position: relative; }

  .extender-content {
    display: none;
    position: absolute;
    top: 7px;
    left: -143px;
    padding-top: 20px;
    z-index: 1000; }

  .extender:hover .extender-content {
    display: block; }

  .extender-inner {
    background: #fff;
    width: 300px;
    padding: 8px 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    position: relative;
    color: #344049;
    text-transform: none;
    font-weight: normal; }

  .extender-inner ul {
    font-size: 12px;
    line-height: 20px; }

  .extender-inner:before {
    content: '';
    background: url(../../images/extender_arrow.png) no-repeat;
    display: block;
    width: 20px;
    height: 11px;
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -10px; }

  .top-panel {
    background: #f7f7f7;
    width: 100%;
    height: 7px;
    font-size: 0;
    position: relative;
    z-index: 80; }

  .phone-sprav {
    position: relative;
    display: block;
    height: 32px;
    padding: 10px 0 0px 20px;
    font-size: 20px;
    color: #424242;
    font-weight: 600;
    width: 100%; }

  .phone-sprav:hover {
    color: #225378; }

  .phone-sprav:before {
    content: url(../../images/phone-icon_min.png);
    position: absolute;
    left: 7px;
    bottom: 1px; }

  .phone-sprav span {
    position: absolute;
    top: -5px;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #737373;
    left: 21px; }

    /*@media only screen and (max-width: 78em) {
        .phone-sprav {
        font-size: 18px;
        }

        .phone-sprav span {
        font-size: 8px;
        }
    }
    */ }
@media only screen and (min-width: 768px) and (max-width: 72em) {
  .phone-sprav {
    font-size: 17px; }

  .phone-sprav span {
    font-size: 8px; } }
@media (min-width: 768px) {
  /* Side-panel */
  .side-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    width: 100%;
    max-width: 220px;
    height: 78px;
    float: right;
    margin: 1px 0 0 0;
    padding: 0;
    z-index: 31; }

  .isityourcity {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 160px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #FFEB3B;
    -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 998; }

  .isityourcity:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 1px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #FFEB3B;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent; }

  .side-panel > .change-city-box {
    position: relative;
    align-self: center;
    flex-grow: 2;
    width: 100%;
    height: 35px; }

  .city-wrap {
    align-self: center;
    flex-grow: 2;
    position: relative;
    /*    background: #f3f3f3 url(../../images/ico01.png) no-repeat 10px 50%;*/
    width: 100%;
    height: 35px;
    font-weight: 600;
    text-align: left;
    padding: 0; }

  .side-panel > .city-wrap > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url(../../images/ico01.png) no-repeat 7px center;
    padding: 6px 5px 5px 20px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    transition: background .3s ease;
    overflow: hidden; }

  .side-panel > .city-wrap > a:hover {
    background-color: #E5E5E5; }

  .side-panel > .city-wrap > a:hover:after {
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #c0dadc 60%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #c0dadc 60%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #e5e5e5 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#C0DADC', GradientType=1); }

  .side-panel > .city-wrap > a:hover:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 7px;
    width: 1px;
    border-top: 4px solid #262626;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    z-index: 1; }

  .side-panel > .city-wrap > a:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    /*    background: #fff;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 60%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 60%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(243, 243, 243, 1) 60%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f3f3', GradientType=1);*/ }

  .side-panel > .city-wrap > a > span.opener-city {
    display: inline-block;
    line-height: 14px;
    border-bottom: 1px dotted #333;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    position: relative;
    white-space: nowrap;
    text-transform: inherit;
    color: #225378;
    transition: all 0.5s; }

  .side-panel > .city-wrap > a > span.city-label {
    color: #262626;
    font-size: 10px; }

  * + html .side-panel .city-wrap a .opener-city {
    border-bottom: 1px dotted; }

  * + html .side-panel .city-wrap a .opener-city:hover {
    border: 0; }

  .side-panel .services-wrap {
    position: relative;
    width: 100%;
    height: 37px;
    clear: both; }

  .side-panel .language-wrap {
    align-self: center;
    position: relative;
    width: 47px;
    height: 35px;
    /*    display: inline-block;*/
    /*    float: left;*/
    background: #f3f3f3;
    margin: 0 5px 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease; }

  .side-panel .language-wrap:hover {
    background-color: #C0DADC; }

  .side-panel .frame:after, .side-panel .language-wrap:after {
    display: block;
    clear: both;
    content: ""; }

  .side-panel .language-wrap.active-language .wrap, .side-panel .language-wrap:hover .wrap {
    background: #fdfdfd; }

  .side-panel .language-wrap .wrap {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px; }

  .side-panel .language-wrap .language {
    height: 12px;
    position: absolute;
    right: 8px;
    top: 12px;
    padding: 0 12px 0 0;
    background: url(../../images/arrow01.png) no-repeat 100% 6px; }

  .side-panel .language-wrap .drop {
    position: absolute;
    text-transform: uppercase;
    top: 100%;
    left: 0;
    width: 93px;
    background: #dcdce6;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 600;
    font-size: 10px;
    line-height: 18px;
    display: none;
    z-index: 1; }

  .side-panel .language-wrap.active-language .drop {
    display: block; }

  .side-panel .language-wrap .drop li {
    border-top: 1px solid #f8f8fa;
    cursor: pointer;
    position: relative; }

  .side-panel .language-wrap .drop li:first-child {
    border-top: 0; }

  .side-panel .language-wrap .drop li:hover {
    background-color: #225378; }

  .side-panel .language-wrap .drop li.active {
    background: #225378 url(../../images/arrow07.png) no-repeat 91% 12px; }

  .side-panel .language-wrap .drop li img {
    position: absolute;
    right: 28px;
    top: 12px; }

  .side-panel .language-wrap .drop a {
    padding: 9px 15px 12px;
    text-decoration: none;
    color: #262626;
    display: block;
    position: relative; }

  .side-panel .language-wrap .drop a:hover, .side-panel .language-wrap .drop .active a {
    color: #fff; }

  * + html .side-panel .language-wrap, * + html .side-panel .city-wrap {
    display: inline-block; }

  .login-wrap {
    align-self: center;
    position: relative;
    background: #f7f7f7 url(../../images/icons/ico_key.png) no-repeat center center;
    display: inline-block;
    float: right;
    width: 47px;
    height: 35px;
    border-radius: 3px;
    transition: background .3s ease; }

  .login-wrap-full {
    align-self: center;
    flex-grow: 2;
    position: relative;
    background: #f7f7f7 url(../../images/icons/ico_key.png) no-repeat 10px 50%;
    display: inline-block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 35px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 10px;
    white-space: nowrap;
    text-transform: uppercase;
    transition: background .3s ease; }

  .login-wrap:hover, .login-wrap-full:hover {
    background-color: #C0DADC; }

  .login-wrap:hover {
    background-color: #fdfdfd; }

  .phone-link {
    align-self: center;
    flex-grow: 2;
    position: relative;
    /*display: inline-block;
    float: left;*/
    /*padding: 8px 0;*/
    padding: 0 3px 0 12px;
    margin: 0 6px 0 0;
    height: 35px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    background: #f3f3f3 url(../../images/bg-tel.png) 10px 50% no-repeat;
    border-radius: 3px;
    transition: background .3s ease; }

  .phone-link:hover {
    background-color: #C0DADC; }

  .phone-link em {
    font-style: normal;
    border-bottom: 1px dotted;
    margin: 0 0 0 18px;
    line-height: 35px; }

  /*.phone-link.active,
  .phone-link:hover {
      background-color: #fdfdfd;
  }*/
  .phone-link:active em, .phone-link:hover em {
    border: none; }

  /* side-panel < 1200px */ }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .login-wrap {
    width: 40px; }

  .side-panel .language-wrap {
    width: 30px; }

  .side-panel .language-wrap .language {
    right: -5px;
    background: none; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .phone-link em {
    display: none; }

  .phone-link {
    background-position: 50% 50%;
    flex-grow: 2;
    width: 44px;
    height: 35px;
    margin: 0 6px 0 0; }

  /* .side-panel .city-wrap {
      padding: 0 0 0 22px;
  } */
  /*.phone-link {
      flex-grow: 2;
      width: 44px;
      height: 35px;
      margin: 0 6px 0 0;
      background-position: 50% 50%;
  }
  .phone-link em {
      display: none;
  }*/ }
@media (min-width: 768px) {
  .main-search {
    width: 100%;
    position: relative;
    display: table-cell;
    margin: 0;
    vertical-align: top;
    /*    overflow: hidden;*/
    z-index: 30; }

  .cart-box {
    position: relative;
    display: table-cell;
    width: 120px;
    height: 100%;
    vertical-align: top;
    /* padding-left: 14px; */
    empty-cells: hide;
    border-left: 4px solid #fff; }

  /*    .login-box {
        position: relative;
        display: table-cell;
        width: 120px;
        height: 100%;
        vertical-align: top;
             padding-left: 14px; 
        empty-cells: hide;
        border-left: 14px solid #fff;
      }*/
  .main-search .search-wrap {
    zoom: 1;
    height: 55px;
    background: #f3f3f3;
    position: relative;
    z-index: 20; }

  .main-search .search-wrap.parent-active {
    /* background: #fff; */ }

  .main-search .search-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 14px;
    height: 54px;
    background: #fff;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg);
    z-index: 1; }

  .main-search .search-wrap:after {
    display: block;
    clear: both;
    content: ""; }

  .main-search .input-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0 10px 0 50px; }

  .main-search .input-wrap input {
    width: 680px;
    z-index: 20;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    background: none;
    border: 0;
    position: relative;
    padding: 0;
    float: left;
    /*width: 100%;*/
    margin: 15px 0 0;
    color: #9a9999;
    transition: all 0.3s ease; }

  .main-search .input-wrap input:focus {
    margin: 5px 0 0 0;
    line-height: 50px;
    height: 50px;
    /*border-bottom: 3px solid #156cc2;*/ } }
@media screen and (min-width: 768px) and (max-width: 77.5em) {
  .main-search .input-wrap input {
    width: 390px; }

  .main-search .input-wrap input, .input-placeholder-text {
    font-size: 15px; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .main-search .input-wrap input {
    width: 325px; }

  .main-search .input-wrap input, .input-placeholder-text {
    font-size: 13px; } }
@media (min-width: 768px) {
  .main-search .input-wrap input.text-active {
    color: #156CC2;
    font-size: 22px; }

  .main-search .input-wrap .ico {
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 16px;
    top: 17px; }

  .main-search .input-wrap .ico img {
    vertical-align: middle; }

  .main-search .input-wrap .text {
    position: absolute;
    left: 50px;
    top: 17px;
    line-height: 18px;
    height: 18px;
    color: #9a9999;
    font-size: 16px;
    font-weight: 400; }

  .main-search .input-wrap .text a {
    text-decoration: none;
    color: #1695a3;
    position: relative; }

  .main-search .input-wrap .text a:after {
    left: 0;
    right: 0;
    bottom: 2px;
    border-bottom: 1px dotted;
    position: absolute;
    height: 1px;
    content: ""; }

  .main-search .blue-btn {
    /*background-image: url(../../images/ui-new-search-ico.png);
    background-repeat: no-repeat;
    background-position: 14px 50%;*/
    position: absolute;
    right: -5px;
    top: 0;
    height: 54px;
    width: 77px;
    padding: 0 0 0 20px;
    line-height: 49px;
    border: 0;
    background-color: #e6e6e6;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    z-index: 30;
    border-radius: 0;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    transform: skewX(10deg);
    overflow: visible; }

  .main-search .blue-btn::before {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    width: 10px;
    height: 100%;
    background: #fff;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    transform: skewX(-10deg); }

  .main-search .blue-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    height: 100%;
    background: url(../../images/ui-new-search-ico.png) 50% 50% no-repeat;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    transform: skewX(-10deg); }

  .main-search .blue-btn:hover {
    background-color: #0cc3d4;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease; }

  .main-search .blue-btn:hover::after {
    background: url(../../images/ui-new-search-ico-active.png) 50% 50% no-repeat; }

  .main-search .blue-button {
    background-color: #156cc2; }

  .main-search .blue-button::after {
    background: url(../../images/ui-new-search-ico-active.png) 50% 50% no-repeat; }

  .cart {
    width: 100px;
    background: #156cc2 url(../../images/cart-ico.png) no-repeat 0 0;
    display: inline-block;
    height: 55px;
    padding: 0 5px 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 55px;
    color: #344049;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    /*border-left: 14px solid #fff;*/ }

  .cart-value {
    display: block;
    background: #f7931e;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    position: absolute;
    top: -15px;
    right: 6px;
    font-size: 12px; }

  /*    .cab-login {
          width: 100px;
          background: #0bafbd url(../../images/cart-ico.png) no-repeat 0 0;
          display: inline-block;
          height: 55px;
          padding: 0 5px 0 5px;
          font-family: 'Open Sans', sans-serif;
          font-size: 10px;
          font-weight: 600;
          line-height: 55px;
          color: #fff;
          text-transform: uppercase;
          text-decoration: none;
          position: relative;
          cursor: pointer;
          border-left: 14px solid #fff;
      }*/
  /*    .cab-login.active {
        background: #fff url(../../images/login-ico-hover.png) no-repeat 0 0;
        color: #0badbc;
        box-shadow: 0 1px 3px rgba(0,0,0,.3);
        z-index: 10000;
      }*/
  /*    .cab-logged {
          width: 100px;
          background: #0bafbd url(../../images/logged-ico.png) no-repeat 0 0;
          display: inline-block;
          height: 55px;
          padding: 0 5px 0 5px;
          font-family: 'Open Sans', sans-serif;
          font-size: 10px;
          font-weight: 600;
          line-height: 55px;
          color: #fff;
          text-transform: uppercase;
          text-decoration: none;
          position: relative;
          cursor: pointer;
          border-left: 14px solid #fff;
      }*/
  /*    .cab-logged-text {
        position: relative;
        display: inline-block;
        padding: 0 5px 0 44px;
      }*/
  .cab-notification {
    display: block;
    background: #1bad03;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    position: absolute;
    top: -15px;
    right: 6px;
    font-size: 12px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .cab-login.active {
    background: #fff url(../../images/login-ico-hover-min.png) no-repeat 0 0; } }
@media (min-width: 768px) {
  .cab-login.active::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    height: 5px;
    background: #fff;
    z-index: 10000; }

  /*    .cab-login-text {
        position: relative;
        display: inline-block;
        padding: 0 5px 0 44px;
      }*/
  /*.cab-login:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0bafbd;
  }*/
  .cab-content {
    margin-top: 40px;
    float: left; }

  .cab-body {
    position: relative;
    display: block;
    margin-left: 60px;
    width: 500px; }

    /*input.shadow-input, select.shadow-input {
      width: 100%;
      height: 40px;
      border: 1px solid #e2e2e2;
      background-color: #fafafa;
      padding: 0 30px 0 20px;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease;
    }

    .shadow-textarea {
        width: 100%;
        border: 1px solid #e2e2e2;
        background-color: #fafafa;
        padding: 20px;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
    }

    input.shadow-input:focus {
      border: 1px solid #ccc;
    }

    .reveal-modal .shadow-input {
        height: 40px;
        margin: 0 0 1rem 0;
    }

    .reveal-modal .shadow-input:hover {
        border-color: #B0BEC5;
        -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease;
    }*/
  .law-info {
    position: relative;
    display: inline-block;
    color: #262626;
    margin: 3px 0;
    padding: 8px 0 12px;
    border-top: 1px solid #f0f0f0;
    font-size: .9rem;
    line-height: 1.4em; }

  .law-info > a {
    text-decoration: underline; }

  .law-block {
    font-size: 12px;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e6e6e6; }

  .partners-login-wrap {
    border-top: 1px solid #e6e6e6;
    margin-top: 14px;
    padding: 0; }

  .partners-login {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    background: #fff url(../../images/key-grey-ico.png) no-repeat 10px 50%; }

  .partners-login:hover {
    background: #f2f2f2 url(../../images/key-grey-ico.png) no-repeat 10px 50%; }

  /*.login-box:hover .login-dropdown {
    display: block;
  }*/
  .cart-text {
    position: relative;
    display: inline-block;
    padding: 0 5px 0 38px; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .main-search .blue-btn {
    width: 65px;
    background-position: 50% 50%; }

  .user-box {
    width: 55px; }

  /*        .cab-login {
            width: 55px;
            background: #0bafbd url(../../images/logged-ico.png) no-repeat 0 0;
          }*/
  /*        .cab-logged {
            width: 55px;
            background: #0bafbd url(../../images/logged-ico.png) no-repeat 0 0;
          }*/
  .login-dropdown-wrapper::before {
    left: auto;
    right: 76px;
    margin: 0; }

  .cart-box {
    width: 55px; }

  .cart {
    width: 55px;
    background: #156cc2 url(../../images/cart-ico.png) no-repeat 0 0; }

  .login-dropdown {
    left: -186px; } }
@media (min-width: 768px) {
  .filter-search {
    display: none;
    float: right;
    -webkit-border-radius: 0 16px 16px 0;
    -moz-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
    padding: 0 140px 0 0; }

  .filter-search .title {
    color: #97979b;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
    position: relative;
    z-index: 10; }

  .filter-search .filter-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 43px;
    padding: 14px 0 0 23px; }

  * + html .filter-search .filter-wrap {
    display: inline; }

  .filter-search .filter-wrap .opener-filter {
    background: url(../../images/arrow02.png) no-repeat 100% 3px;
    display: inline-block;
    text-decoration: none;
    color: #262626;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 10px;
    padding: 0 19px 0 0;
    cursor: pointer;
    position: relative;
    z-index: 10; }

  .filter-search .filter-wrap .opener-filter span {
    border-bottom: 1px dotted;
    position: relative; }

  .filter-search.active-filter .filter-wrap .opener-filter, .filter-search .filter-wrap .opener-filter:hover {
    color: #225378; }

  .filter-search .filter-wrap .mask {
    background: #f7f7f7;
    position: absolute;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    top: 6px;
    left: 10px;
    right: -10px;
    height: 53px;
    display: none; }

  .filter-search .filter-wrap .mask span {
    z-index: 20;
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7; }

  .filter-search.active-filter .filter-wrap .mask {
    display: block; }

  .filter-search .filter-wrap .filter-drop {
    position: absolute;
    top: 59px;
    width: 206px;
    margin: 0;
    list-style: none;
    background: #f7f7f7;
    padding: 9px 20px 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    left: -9999px; }

  .filter-search.active-filter .filter-wrap .filter-drop {
    right: -10px;
    left: auto; }

  .filter-search .filter-wrap .filter-drop li {
    margin: 0 0 5px; }

  .filter-search .filter-wrap .opener-filter .text748, .filter-search .text748 {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .filter-search .filter-wrap .filter-drop {
    top: 44px;
    width: 185px;
    padding-left: 7px;
    padding-right: 0; }

  .filter-search .filter-wrap .filter-drop .ch-wrap {
    font-size: 11px; }

  .filter-search.active-filter .filter-wrap .filter-drop {
    right: 0; }

  .filter-search .filter-wrap .opener-filter .text, .filter-search .text {
    display: none; }

  .filter-search .filter-wrap .opener-filter .text748, .filter-search .text748 {
    display: block; }

  .filter-search .filter-wrap .mask {
    display: none !important; }

  .filter-search {
    padding-right: 76px; }

  .filter-search .filter-wrap {
    padding-top: 12px;
    height: 45px;
    padding-left: 13px; } }
@media (min-width: 768px) {
  .site-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    height: 76px;
    margin-left: 20px; }

  .site-links > ul {
    display: inline-block;
    padding: 0; }

  .site-links > ul > li {
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 1.1em; }

  .site-links > ul > li:first-child > a {
    font-weight: 700; }

  .site-links > ul > li > a {
    position: relative;
    display: inline-block;
    padding: 8px 23px 8px 46px;
    margin: 0 13px 0 0;
    color: #344049;
    font-size: 14px;
    font-size: 1.1em;
    font-weight: 400;
    /*    border-radius: 30px 0 0 30px;*/
    letter-spacing: -0.02em; }

  .site-links > ul > li > a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    width: 10px;
    height: 100%;
    background: #fff;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  .site-links > ul > li > a:hover {
    background: #f7f7f7; }

  .site-links > ul > li > a.apteki {
    background-image: url(../../images/apteki-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.doctors {
    background-image: url(../../images/doctor-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.beauty {
    background-image: url(../../images/beauty-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.fitness {
    background-image: url(../../images/fitness-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a > span.small {
    display: inline-block;
    font-size: 9px;
    font-size: 0.8em;
    color: #a9a8a8;
    text-transform: lowercase;
    font-weight: 400;
    clear: both; }

  .site-links > ul > li:hover > a > span.small {
    text-decoration: underline;
    color: #008CBA; }

  .site-links > .menu-toggle {
    position: relative;
    display: none; }

  .site-links > .menu-toggle > a#more-links {
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 30px;
    border: 1px solid #DADADA;
    margin: 0;
    color: #949494;
    padding: 11px 19px;
    font-size: 13px;
    font-size: 1em; }

  a#more-links > span.hamburger {
    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 16px;
    height: 3px;
    background: #ccc; }

  .site-links > .menu-toggle > a#more-links:hover {
    border: 1px solid #DADADA; }

  a#more-links:hover > span.hamburger, a#more-links:hover > span.hamburger:before, a#more-links:hover > span.hamburger:after {
    background: #777; }

  a#more-links > span.hamburger:before, a#more-links > span.hamburger:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ccc; }

  a#more-links > span.hamburger:before {
    top: -5px;
    left: 0; }

  a#more-links > span.hamburger:after {
    top: 5px;
    left: 0; }

  .site-links > a#more-links:after {
    content: '';
    position: absolute;
    width: 1px;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .site-links > a#more-links:hover, .site-links > a#more-links.active {
    opacity: 1; }

    /*#site-links-drop-menu {
        display: none;
        position: absolute;
        top: 42px;
        right: 2px;
        background: #fff;
        box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
        z-index: 100;
    }

    #site-links-drop-menu:before {
        content: '';
        position: absolute;
        top: -7px;
        right: 10px;
        width: 14px;
        height: 14px;
        background: #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #site-links-drop-menu.show {
        display: block;
    }

    #site-links-drop-menu>ul {
        margin: 0;
        padding: 0;
    }

    #site-links-drop-menu>ul>li {
        display: block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #site-links-drop-menu>ul>li>a {
        width: 230px;
        position: relative;
        display: inline-block;
        padding: 11px 19px 11px 50px;
        margin: 0;
        color: #344049;
        font-size: 13px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.1em;
        letter-spacing: -0.02em;
    }

    #site-links-drop-menu>ul>li>a>span.small {
        display: inline-block;
        font-size: 9px;
        font-size: 0.8em;
        color: #a9a8a8;
        text-transform: lowercase;
        font-weight: 400;
        clear: both;
    }

    #site-links-drop-menu>ul>li>a.apteki {
        background-image: url(apteki-ico-min.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.doctors {
        background-image: url(doctors-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.beauty {
        background-image: url(beauty-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.fitness {
        background-image: url(fitnes-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }*/
  /* site menu < 1200px = 960px */ }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  /*   .site-links > ul {
      margin: 36px 0 0 30px;
  }*/
  .site-links > ul > li:nth-child(n+4):nth-child(-n+4) {
    display: none; }

  .site-links > ul > li > a {
    padding: 6px 16px 9px 44px;
    margin: 0 14px 0 0;
    font-size: 1em; }

  .site-links > .menu-toggle > a#more-links {
    width: 30px;
    height: 30px;
    padding: 9px 17px; }

  .site-links > .menu-toggle {
    position: relative;
    display: inline-block; }

  .site-links > .menu-toggle > a#more-links {
    font-size: 0.9em; }

  #site-links-drop-menu > ul > li:nth-child(-n+3) {
    display: none; } }
@media (min-width: 768px) {
  /* site menu < 960px = 768px */ }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .site-links > ul > li:nth-child(n+3):nth-child(-n+4) {
    display: none; }

  /*.site-links > ul {
      margin: 30px 0 0 23px;
  }*/
  .site-links > ul > li > a {
    margin: 0 19px 0 0;
    font-size: 1em; }

  #site-links-drop-menu > ul > li:nth-child(-n+3) {
    display: block; }

  #site-links-drop-menu > ul > li:nth-child(-n+2) {
    display: none; } }
@media only screen and (min-width: 768px) and (min-width: 77.5em) {
  .site-links > a#more-links, #site-links-drop-menu > ul > li {
    display: none; } }
@media (min-width: 768px) {
  .nav-row {
    top: -1px;
    margin-bottom: -37px; }

  .main-menu {
    position: relative;
    margin: 22px 0 40px 0; }

  .tabs_and_search {
    position: relative;
    display: table;
    width: 100%;
    margin: 0;
    background: #fff; }

  .main_menu_tabs_box {
    display: table-cell;
    empty-cells: show;
    width: 210px;
    min-width: 210px; }

  .main_menu_tabs_box > .active-tab {
    position: relative;
    background: #0bafbd;
    color: #fff;
    z-index: 1; }

  .main_menu_tab {
    position: relative;
    display: block;
    width: 97px;
    height: 60px;
    padding: 0 0 0 8px;
    line-height: 60px;
    text-align: center;
    float: left;
    background: #1C96A0;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff; }

  .main_menu_tab::after {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 13px;
    height: 100%;
    background: #1C96A0;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  .main_menu_tab:hover, .main_menu_tab:hover::after {
    background: #26A1AB;
    color: #fff; }

  .main_menu_tabs_box > .main_menu_tab.active-tab:hover {
    background: #0bafbd;
    color: #f0f0f0; }

  .main_menu_tabs_box > .main_menu_tab.active-tab::after, .main_menu_tabs_box > .main_menu_tab.active-tab:hover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 13px;
    height: 100%;
    background: #0bafbd;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  #nav, #nav-firms {
    background: #0BAFBD;
    /*background: rgb(11,173,188);
    background: -moz-linear-gradient(left, rgba(11,173,188,1) 0%, rgba(52,155,229,1) 100%);
    background: -webkit-linear-gradient(left, rgba(11,173,188,1) 0%,rgba(52,155,229,1) 100%);
    background: linear-gradient(to right, rgba(11,173,188,1) 0%,rgba(52,155,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0badbc', endColorstr='#349be5',GradientType=1 );
        */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    top: -1px; }

  #nav-firms {
    justify-content: flex-start; }

  /*#nav-firms {
      display: none;
  }*/
  #nav:after, #nav-firms:after {
    display: block;
    clear: both;
    content: ""; }

  #nav > li, #nav-firms > li {
    /*    float: left;*/
    padding: 0 0 0 1px;
    position: relative;
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

  #nav-firms > li {
    /*    float: left;*/
    padding: 0 0 0 1px;
    position: relative;
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto; }

  #nav > li:last-child, #nav-firms > li:last-child {
    border-right: none; }

  #nav > li:first-child, #nav-firms > li:first-child {
    /* width: 250px;*/
    background: none;
    padding: 0; }

  #nav > li .wrap748 > a, #nav > li > a, #nav-firms > li .wrap748 > a, #nav-firms > li > a {
    height: 60px;
    padding: 0 14px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: block;
    transition: background 0.5s ease; }

  #nav-firms > li .wrap748 > a, #nav-firms > li > a {
    padding: 0 14px; }

  #nav-firms > li:first-child > a {
    padding: 0 20px; }

  #nav > li.drop > a, #nav-firms > li.drop > a {
    padding: 0 26px 0 20px; }

  #nav > li > a:hover, #nav-firms > li > a:hover {
    background: #16bfcd;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33ffffff', GradientType=0); } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  #nav > li .wrap748 > a, #nav > li > a {
    font-size: 12px;
    padding: 0 15px; } }
@media (min-width: 768px) {
  #nav .more-drop .wrap748:hover > a, #nav > li.active-menu-drop .wrap748 > a, #nav > li.active-nav-drop > a {
    background: none;
    color: #1695a3;
    text-shadow: none;
    transition: all 0s ease; }

  #nav > li.more-drop {
    position: relative;
    float: left;
    width: 120px; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  #nav > li.more-drop {
    padding: 0;
    margin: 0;
    width: 98px;
    float: right; } }
@media (min-width: 768px) {
  #nav .more-drop .wrap748 > a span, #nav .drop > a span {
    position: relative;
    display: inline-block;
    vertical-align: top; }

  #nav .more-drop .wrap748 > a span:after, #nav .drop > a span:after {
    content: '';
    position: absolute;
    top: 27px;
    right: -15px;
    width: 1px;
    height: 1px;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  #nav .more-drop .wrap748 > a span:after {
    content: '';
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none; } }
@media (min-width: 768px) {
  #nav .more-drop {
    z-index: 13; }

  #nav .drop {
    z-index: 15; }

  #nav .mask {
    position: absolute;
    top: 4px;
    left: -9999px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    height: 58px; }

  /*#nav .drop:hover .mask,*/
  #nav .active-nav-drop .mask {
    left: 0;
    right: 0; }

  #nav .mask span {
    bottom: 0;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 5; }

  .nav-drop {
    position: absolute;
    top: 62px;
    background: #fff url(../../images/bg-nav-drop.jpg) no-repeat 100% 100%;
    left: -9999px;
    width: 1223px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding: 43px 18px; }

  /*#nav .drop:hover .nav-drop,*/
  .active-nav-drop.nav-drop {
    left: 0;
    z-index: 10000; }

  .nav-drop a {
    color: #1695a3; }

  .catalog-wrapper .col, .nav-drop .col {
    float: left;
    width: 352px;
    padding: 0 0 0 60px; } }
@media screen and (min-width: 768px) and (max-width: 77.5em) {
  .nav-drop {
    width: 942px; }

  .nav-drop .col {
    width: 270px; } }
@media (min-width: 768px) {
  #nav .more-drop .wrap748 > a .text748 {
    display: none; }

  .nav-drop .col:first-child {
    padding-left: 0; }

  .nav-drop h3 {
    background: url(../../images/pill_ico.png) no-repeat 0 7px;
    padding: 0 0 0 24px;
    margin: 0 0 8px; }

  .nav-drop h3 a {
    font-size: 18px;
    color: #1695a3;
    text-decoration: none;
    border-bottom: 1px dotted #0a659c; }

  /*.nav-drop h3 a span {
      background: url(../../images/blue_dot.png) repeat-x 0 95%;
  }*/
  .nav-drop h3 a:hover {
    background: none;
    border-bottom: 0; }

  .nav-drop .example {
    padding: 0 0 0 24px;
    font-size: 12px;
    color: #a2a2a2; }

  .nav-drop .box {
    margin: 20px 0 0; }

  .catalog-wrapper .box:first-child, .nav-drop .box:first-child {
    margin-top: 0; }

  #nav .more-drop:hover .mask, #nav .more-drop.active-menu-drop .mask {
    right: 0;
    left: 0; }

  .menu-drop {
    position: absolute;
    top: 62px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    max-width: 300px;
    min-width: 150px;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
    left: -9999px; }

  .side-plagin.visible960, .menu-drop .visible748, .menu-drop .visible960 {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 77.5em) {
  .side-plagin.visible960, .menu-drop .visible960 {
    display: block; }

  #nav .hidden960 {
    display: none; }

  #nav .hidden768 {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .menu-drop .visible748 {
    display: block; }

  #nav .hidden748 {
    display: none; } }
@media (min-width: 768px) {
  .more-drop .wrap748:hover .menu-drop, .active-menu-drop .menu-drop {
    right: 0;
    left: auto; }

  .menu-drop li {
    margin: 5px 0 0; }

  .menu-drop li:first-child {
    margin-top: 0; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  #nav .more-drop .wrap748 > a .text {
    display: none; }

  #nav .more-drop .wrap748 > a .text748 {
    display: block; }

  #nav .more-drop .wrap748 > a span, #nav .drop > a span {
    background: none; }

  #nav .more-drop .wrap748 > a {
    font-size: 12px;
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: left; }

  #nav .more-drop .wrap748:hover > a {
    background: rgba(255, 255, 255, 0.15); }

  #nav > .drop:hover > a, #nav > li.active-menu-drop .wrap748 > a, #nav .more-drop .wrap748:hover > a, #nav .more-drop .wrap748 > a:hover {
    z-index: 10;
    position: relative;
    color: #fff; }

  #nav .more-drop .wrap748 > a span {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 11px;
    width: 78px;
    font-weight: 600; }

  #nav .more-drop .wrap748 > a span:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 18px;
    width: 1px;
    height: 25px;
    background: rgba(255, 255, 255, 0.2); }

  #nav .more-drop .wrap748 > a span:after {
    content: '';
    position: absolute;
    top: 26px;
    right: 0;
    width: 1px;
    height: 1px;
    border-top: 6px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent; }

  #nav .more-drop .mask {
    display: none !important; }

  .menu-drop {
    top: 58px;
    right: 0;
    width: 125px;
    font-size: 11px;
    min-width: 100px;
    padding: 10px 5px 10px 11px; }

  .wrap748 {
    margin: auto 0;
    position: relative;
    height: 60px;
    width: 120px; }

  #nav .wrap748:hover .menu-drop, .active-menu-drop .menu-drop {
    right: 8px;
    left: auto; } }
@media (min-width: 768px) {
  .top-contact {
    float: right;
    position: relative;
    text-align: right;
    min-height: 38px; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .top-contact {
    margin-left: -50px; } }
@media (min-width: 768px) {
  .top-contact .col {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 30px; }

  .top-contact .col:first-child {
    margin-left: 0; }

  .top-contact .tel {
    background: url(../../images/bg-tel.png) no-repeat 0 4px;
    color: #344049;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 0 0 22px; }

  .top-contact .tel span {
    vertical-align: top;
    font-size: 18px;
    position: relative;
    top: -2px; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .top-contact .col {
    margin-left: 10px; }

  .top-contact .tel {
    font-size: 20px; }

  .top-contact .tel span {
    font-size: 14px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .top-contact .col {
    margin-left: 10px; }

  .top-contact .tel {
    font-size: 16px; }

  .top-contact .tel span {
    font-size: 12px; } }
@media (min-width: 768px) {
  * + html .top-contact .col {
    display: inline; }

  .login-btn {
    /*    width: 100%;*/
    width: 120px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px; }

  /* ------------------ Header finished -------------- */
  /* ------------------ jquery datepicker reorder -------------- */
  .ui-datepicker {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

  .ui-widget-header {
    border: none;
    background: transparent;
    color: #222;
    font-weight: bold;
    margin: 0 0 .4rem 0;
    border-bottom: 1px solid #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 2.2em;
    text-align: center; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:active {
    background-color: #e2f1f2;
    color: #0BAFBD; }

  .ui-widget .ui-datepicker-calendar {
    border: none;
    background: transparent; }

  .ui-datepicker-calendar table thead {
    background: transparent; }

  table.ui-datepicker-calendar tbody tr td, table.ui-datepicker-calendar tr td {
    display: table-cell;
    line-height: 1.625rem; }

  .ui-datepicker-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: transparent;
    font-weight: bold;
    color: #333; }

  a.ui-state-default:hover {
    background-color: #0BAFBD;
    color: #fff; }

  .ui-state-default.ui-state-highlight, .ui-state-default.ui-state-highlight:hover {
    background-color: #156cc2 !important;
    color: #ffffff !important; }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    margin-left: 0;
    top: 0;
    margin-top: 0; }

  .ui-datepicker .ui-datepicker-next span {
    left: 0; }

  .ui-widget-content {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    max-height: 170px; }

  .ui-menu-item {
    display: block;
    padding: 3px 12px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    zoom: 1;
    font-weight: 400; }

  .ui-datepicker {
    padding: 0 12px;
    max-height: none; }

  .ui-datepicker-prev {
    position: relative;
    width: 50%;
    height: 30px;
    margin: 5px 0;
    float: left; }

  .ui-datepicker-next {
    position: relative;
    width: 50%;
    height: 30px;
    margin: 5px 0;
    float: right; }

  .ui-state-hover.ui-datepicker-prev-hover, .ui-state-hover.ui-datepicker-next-hover {
    background: #f7f7f7; }

  .ui-datepicker-prev > .ui-icon {
    height: 100%;
    background: url(../../images/datepicker-arrow-l.png) 50% 50% no-repeat; }

  .ui-datepicker-next > .ui-icon {
    height: 100%;
    background: url(../../images/datepicker-arrow-r.png) 50% 50% no-repeat; }

  .ui-datepicker-calendar td a {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%; }

  .ui-datepicker-unselectable {
    color: #ccc; }

  /* ------------------ jquery datepicker reorder finished -------------- */
  /*------------------ Cabinet 3 -------------------------*/
  .cab-sem-container {
    position: relative;
    display: block;
    margin: 0 0 30px 0; }

  .cab-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 12px 0 0;
    border-bottom: 1px solid #e9eff0;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden; }

  .cab-header-box {
    position: relative;
    display: inline-block; }

  .cab-header-box.active {
    border-bottom: 3px solid #0bafbd; }

  .cab-user {
    position: relative;
    width: 240px;
    display: block;
    float: left;
    padding: 5px 24px 9px 10px;
    overflow: hidden; }

  .cab-user-avatar {
    position: relative;
    bottom: -2px;
    width: 50px;
    height: 50px;
    background: url(../../images/cab-user-ava.png) 0 0 no-repeat;
    background-size: 50px 50px;
    float: left;
    padding: 0 10px 5px 0;
    margin: 0 0 0px 0; }

  .cab-user-name {
    margin: 0 0 0 60px; }

  .cab-user-phone {
    font-weight: 400;
    margin: 2px 0 0 60px;
    padding: 5px 0; }

  .cab-user > .cab-logout {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 60px;
    padding: 0 0 0 20px;
    background-image: url(../../images/ui-logout.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-decoration: underline; }

  .floating-button {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: #9E9E9E url(../../images/ui-edit-white.png) 50% 50% no-repeat;
    opacity: .1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .floating-button > .edit-text {
    display: none;
    font-size: 10px;
    font-weight: 400;
    color: #fff; }

  .cab-user:hover .floating-button {
    opacity: .5;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .floating-button:hover {
    opacity: .9; }

  .cab-header-navigation {
    position: relative;
    display: block;
    margin: 0 0 0 300px; }

  .cab-menu-item a {
    position: relative;
    display: inline-block;
    height: 111px;
    padding: 75px 10px 10px;
    box-sizing: border-box; }

  .cab-menu-item a:hover {
    position: relative;
    display: inline-block;
    height: 111px;
    background-color: #f9f9f9;
    padding: 75px 10px 10px;
    box-sizing: border-box; }

  .cab-menu-item a.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #16bfcd;
    z-index: 10; }

  /*.cab-menu-item.active {
    font-weight: 700;
  }*/
  .cab-menu-item.cab-change-pass {
    position: absolute;
    display: block;
    padding-right: 0;
    right: 0;
    bottom: 0; }

  .cab-menu-item.cab-change-pass:hover a {
    color: #f54737; }

  .nav-orders {
    background-image: url(../../images/cab-nav-orders.png);
    background-position: 50% 40%;
    background-repeat: no-repeat; }

  .nav-settings {
    background-image: url(../../images/cab-nav-settings.png);
    background-position: 50% 40%;
    background-repeat: no-repeat; }

  .orders-filters-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #f7f7f7;
    margin: 5px 0;
    text-transform: uppercase;
    font-size: 10px;
    overflow: hidden; }

  .order-filters-title {
    position: relative;
    padding: 0 0 0 12px; }

  .cab-filter-box {
    position: relative;
    display: block;
    float: left;
    height: 100%;
    /*padding: 0 10px;*/ }

  .cab-filter-box.box-bordered {
    border-left: 2px solid #fff; }

  .cab-search-box {
    /*padding: 6px;*/
    position: relative;
    margin-right: 10px;
    width: 180px;
    float: right; }

  .cab-filter-datepicker {
    position: relative;
    display: block;
    float: left;
    margin: 4px 12px 0;
    padding: 0;
    width: 240px;
    height: 42px;
    line-height: 42px;
    font: 13px 'Open Sans', sans-serif;
    border: 1px solid #d4dadd;
    border-radius: 0;
    outline: none;
    background: #fff; }

  .cab-filter-datepicker.error {
    background-color: #FFCDD2;
    border-color: #C62828; }

  .cab-filter-datepicker .cab-filter-box {
    padding: 0;
    border: 0; }

  .cab-defis {
    position: relative;
    float: left;
    display: inline-block;
    height: 100%;
    line-height: 40px; }

  .hasDatepicker {
    float: left;
    display: block;
    width: 114px;
    height: 40px;
    padding: 0 10px;
    margin: 0;
    background: transparent;
    /*    text-align: center;*/
    border: 0;
    box-sizing: border-box; }

  .hasDatepicker::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #999; }

  .hasDatepicker::-moz-placeholder {
    /* Firefox 19+ */
    color: #999; }

  .hasDatepicker:-ms-input-placeholder {
    /* IE 10+ */
    color: #999; }

  .hasDatepicker:-moz-placeholder {
    /* Firefox 18- */
    color: #999; }

  .cab-search-box .inp-search {
    background: #fff;
    width: 100%;
    height: 40px;
    /*margin: 5px 0;*/
    font-size: 12px;
    padding: 0 12px;
    border: 0;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    outline: none;
    position: relative;
    box-sizing: border-box; }

  .cab-search_container {
    position: relative;
    width: 100%;
    float: left; }

  .cab-search-box .btn-search {
    /*float: left;*/
    display: inline-block;
    /*padding: 5px 10px;*/
    width: 50px;
    height: 40px;
    vertical-align: middle;
    /*margin: 6px 0;*/ }

  .cab-search-box .btn-search img {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .cab-how-search {
    display: none; }

    /*@media only screen and (max-width: 77.5em) {



    }*/ }
@media only screen and (min-width: 768px) and (max-width: 1240px) {
  /*.cab-header {
    background: #efefef;
  }*/
  .cab-user {
    position: relative;
    width: 100%;
    display: block;
    float: none;
    padding: 0 24px 0 0; }

  .cab-user-avatar {
    position: relative;
    top: -2px;
    width: 70px;
    height: 55px;
    background: transparent url(../../images/cab-user-ava.png) 0 0 no-repeat;
    background-size: 50px 50px;
    float: left;
    padding: 0 18px 5px 0;
    margin: 0 0 0px 0; }

  .cab-header-navigation {
    margin: 29px 0 0 0; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .cab-how-search {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: url(../../images/bg-search-dark-min.png) 50% 50% no-repeat;
    float: right;
    cursor: pointer; }

  .cab-how-search.active {
    background: url(../../images/close-dark.png) 50% 50% no-repeat; }

  .cab-how-search:hover {
    background-color: #f0f0f0; }

  .cab-search-box {
    padding: 0 6px;
    position: relative;
    width: 500px;
    float: left;
    display: none; }

  .cab-search_container {
    position: relative;
    width: 420px;
    float: left; } }
@media (min-width: 768px) {
  .cab-order3 {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    box-sizing: border-box;
    border: 1px solid #e9eff0;
    overflow: hidden; }

  .order-title {
    position: relative;
    padding: 12px 24px;
    background: #e9eff0; }

  .cab3-btn-remove {
    position: relative;
    display: block;
    padding: 0 30px 0 0;
    background: url(../../images/remove-trash-icon2.png) 100% -2px no-repeat;
    float: right;
    font-size: 10px;
    color: #5f5f5f;
    text-transform: uppercase; }

  .cab3-btn-remove:hover {
    background: url(../../images/remove-trash-icon2-active.png) 100% -2px no-repeat;
    color: #f54737; }

  .order-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch; }

  .order3-info {
    position: relative;
    display: block;
    width: 34%;
    padding: 12px 50px 12px 24px;
    box-sizing: border-box; }

  .order-status {
    position: relative;
    padding: 3px 0 12px 0;
    line-height: 1.4em; }

  .oi3-status {
    padding: 2px 5px;
    margin: 0;
    font-size: 18px;
    font-weight: 600; }

  .oi3-status__new {
    background: #156cc2;
    color: #fff;
    display: inline-block;
    border-radius: 2px; }

  .oi3-status__inwork {
    background: #0badbc;
    color: #fff;
    display: inline-block;
    border-radius: 2px; }

  .oi3-status__entered {
    background: #1bad03;
    color: #fff;
    display: inline-block;
    border-radius: 2px; }

  .oi3-status__completed {
    background: #ca9645;
    color: #fff;
    display: inline-block;
    border-radius: 2px; }

  .oi3-status__canceled {
    background: #f54737;
    color: #fff;
    display: inline-block;
    border-radius: 2px; }

  .order-cancel .order3-content, .order-cancel .order-delivery-price, .order-cancel .order-meta ul li, .order-cancel .order-meta a {
    color: #ccc; }

  .oi-status-date {
    position: relative;
    display: block;
    margin: 5px 0 0 0;
    padding: 0 0 0 16px;
    background: url(../../images/ui-calendar-ico.png) 0 50% no-repeat;
    clear: both; }

  .oi-delivery-date {
    position: relative;
    display: block;
    font-weight: 600; }

  .order-meta {
    position: relative;
    display: block;
    margin-top: 24px; }

  .order-meta ul li {
    position: relative;
    display: block;
    margin: 6px 0 0;
    font-size: 12px;
    color: #666; }

  .order-meta-label {
    /*display: block;*/
    font-size: 10px;
    font-weight: 600;
    color: #b3b3b3;
    letter-spacing: .05em;
    text-transform: uppercase; }

  .order3-content {
    position: relative;
    display: block;
    width: 66%;
    padding: 12px;
    color: #333; }

  .order-list-item, .order-list-legend {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    padding: 14px 26px;
    box-sizing: border-box;
    font-size: 14px; }

  .order-list-legend {
    padding: 8px 26px;
    font-size: 10px;
    font-weight: 600;
    color: #b3b3b3;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-bottom: 4px solid #e9eff0; }

  .order-list-item:nth-of-type(even) {
    background: #fafafa; }

  .order-content-name {
    -webkit-box-flex: 0 0 70%;
    -moz-box-flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    width: 70%; }

  .order-content-number, .order-content-price {
    -webkit-box-flex: 0 0 15%;
    -moz-box-flex: 0 0 15%;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    width: 15%;
    text-align: right; }

  .order-content-number {
    text-align: center; }

  .order-summary-item {
    position: relative;
    margin-top: 12px;
    padding: 12px 26px 0 0;
    text-align: right;
    border-top: 1px solid #e9eff0;
    font-size: 16px; }

  .order-delivery-price {
    font-size: 14px;
    color: #999999; }

  /*.reveal-modal, dialog {
    padding: 0;
  }*/
  .reveal-modal .modal-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    margin: 0;
    border: none; }

  p.lead {
    font-size: 1rem;
    line-height: 1.6; }

  .cab-cp-modal-wrapper {
    position: relative;
    display: block;
    width: 50%;
    margin: 0 auto; }

  .modal-wrapper-fullwidth {
    position: relative;
    padding: 20px 0 10px;
    margin: 0 0 20px;
    background: #eff6f7;
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.2) inset; }

  .input-stylish-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }

  .input-stylish {
    background: #fff;
    width: 100%;
    height: 50px;
    font: 13px 'Open Sans', sans-serif;
    padding: 0 14px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    outline: none;
    position: relative; }

  textarea.input-stylish {
    background: #fff;
    width: 100%;
    min-height: 80px;
    font: 13px 'Open Sans', sans-serif;
    padding: 14px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    outline: none;
    position: relative; }

  .input-stylish:focus {
    background: #fff;
    border: 1px solid #0badbc; }

  .input-stylish.code-input {
    width: 140px;
    font-size: 20px;
    letter-spacing: 0.06rem;
    float: left;
    margin-right: 10px; }

  .orders-filters-bar .ui-selectmenu-button {
    position: relative;
    display: block;
    height: 50px !important;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-right: 2px solid #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-sizing: border-box; }

  .orders-filters-bar .ui-selectmenu-button span.ui-icon {
    background: url(../../images/ui-arrow-down.png) no-repeat 0 center;
    display: block;
    width: 20px;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }

  .orders-filters-bar .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #333;
    line-height: 50px;
    padding: 0 21px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    /* box-sizing: border-box; */ }

  .box-styled {
    position: relative;
    display: block;
    border-left: 3px solid #e9eff0;
    padding: 0 20px; }

  .bottom-lined {
    padding-bottom: 14px;
    border-bottom: 3px solid #e9eff0; }

  /* input */
    /*.input-error {
        border: 1px solid #ff6600;
    }

    .input-error-message {
        position: relative;
        display: block;
        width: 100%;
        margin-top: 10px;
        padding: 8px 16px;
        background-color: #ff6600;
        color: #fff;
        font-weight: 600;
        box-sizing: border-box;
    }

    .input-error-message:before {
        content: '';
        position: absolute;
        top: -16px;
        left: 16px;
        border-top: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ff6600;
        border-left: 8px solid transparent;
    }*/
  /* input */
  /* messages */
  .message {
    position: relative;
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    border: 1px solid #ededed;
    border-radius: 2px; }

  .success-message {
    background-color: #fff8e1;
    border: 2px solid  #ffca28;
    /*    padding: 20px 20px 20px 70px;*/
    /*    background-image: url(../../images/fireworks.png);
        background-repeat: no-repeat;
        background-position: 0 50%;*/ }

  .error-message {
    background-color: #FFCDD2;
    border: 2px solid #C62828;
    /*    padding: 20px 20px 20px 70px;*/
    /*    background-image: url(../../images/fireworks.png);
        background-repeat: no-repeat;
        background-position: 0 50%;*/ }

  /* messages finish */
  /* REVIEWS */
    /*
    .review-body {
        position: relative;
        display: block;
        width: 100%;
    }

    .review-rating {
        display: block;
        width: 180px;
        float: left;
        margin-left: -180px;
        padding: 0 10px 0 0;
        box-sizing: border-box;
    }

    .review-body .rating {
        margin: 14px 0 0 0;
    }

    .review-comment {
        margin: 0 0 0 180px;
    }

    .review-comment p {
        margin: 14px 0 0 0;
    }

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

        .review-rating {
            width: 120px;
            margin-left: -120px;
        }

        .review-comment {
            margin: 0 0 0 120px;
        }

    }

    @media all and (max-width: 768px) {

        .review-rating {
            position: relative;
            float: none;
            width: 200px;
            margin-left: 0;
        }

        .review-rating:after {
            content: '';
            display: block;
            clear: both;
        }

        .review-rating > .review-resume {
            float: right;
        }

        .review-rating > .rating {
        }

        .review-comment {
            margin: 0;
        }

    }

    .reviews-list .name, .reviews-list .review-addr, .reviews-list .review-date, .reviews-list .review-resume {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        margin: 0 10px 0 0;
    }

    .reviews-list .name {
        font-weight: 700;
    }

    .reviews-list .review-date {
        color: #bdbdbd;
    }

    .review-login-box {
        margin: 10px 0 0 0;
    }

    p.small-attention {
        font-size: 12px;
        border-left: 4px solid #ffcc80;
        padding: 0 10px;
        color: #4d4d4d;
    }*/
  /* REVIEWS finised */
  .summary-row {
    padding: 20px 0 0 0;
    background-color: #e0f7fa;
    text-align: center; }

  .order-minimal {
    display: block;
    position: relative; }

  .order-attention {
    display: block;
    position: relative;
    font-size: 13px; }

  .order-summary {
    position: relative;
    display: block;
    padding: 0 0 10px 0;
    box-sizing: border-box;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem; }

  .order-top {
    background-color: #e0f7fa;
    /*    border-bottom: 1px solid #f0f0f0;*/
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    font-size: 0.9rem;
    text-align: center; }

  #add-to-cart.box-modal select {
    width: 100%; }

  .custom-table td > .order-minimal {
    font-size: 14px;
    color: #FF6600;
    margin: 6px 0 1px;
    font-weight: 600; }

  .custom-table td > .order-attention {
    font-size: 13px;
    line-height: 1.5;
    margin: 0 !important;
    padding: 0;
    background: transparent; }

  .custom-table td > .order-attention:before, .custom-table td > .order-attention:after {
    content: '';
    display: none; }

  .order-row {
    margin: 1rem 0 20px 0; } }
@media all and (min-width: 768px) and (max-width: 767px) {
  .order-row .btn {
    width: 100%;
    text-align: center; }

  .order-summary, .order-top {
    text-align: center; } }
@media (min-width: 768px) {
  .forgotpassword {
    display: block;
    position: relative;
    padding: 0 0 1rem 0;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    text-decoration: underline; } }
/*mobile cabinet*/
/* ------------------ Header with authorization -------------- */
/*** HEADER ***********************************************************************************************************/
@media (min-width: 200px) and (max-width: 767px) {
  .header-container {
    margin-bottom: 60px;
    position: relative; }

  .header-container.with-menu {
    margin-bottom: 96px; }

  #header {
    margin: 10px auto 0;
    position: relative;
    z-index: 50;
    padding: 0; }

  .logo {
    background: url(../../images/logo.png) no-repeat;
    display: block;
    width: 160px;
    height: 47px;
    cursor: pointer;
    text-align: center;
    color: #aeaeae;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    margin-top: 19px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .logo {
    background: url(../../images/small_logo.jpg) no-repeat;
    display: block;
    width: 110px;
    height: 32px;
    margin-top: 30px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .logo-link {
    background: url(../../images/logo.png) no-repeat;
    float: left;
    display: block;
    width: 160px;
    height: 47px;
    margin-right: 57px; }

  .logo-title {
    float: left;
    font-size: 16px;
    line-height: 16px;
    color: #a1a0a0;
    margin-top: 15px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .logo-link {
    margin-right: 50px; }

  .logo-title {
    font-size: 12px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .info-drop {
    background: #f7f7f7;
    height: 100px;
    padding: 15px 0;
    margin-top: -100px;
    -webkit-transition: margin-top .3s ease;
    -moz-transition: margin-top .3s ease;
    transition: margin-top .3s ease; }

  .info-drop.show {
    margin-top: 0; }

  .gray-title-12 {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: #939393;
    margin-bottom: 5px; }

  .label-10 {
    font-size: 10px;
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    color: #939393;
    margin-bottom: 4px; }

  .contacts-block {
    display: inline-block;
    vertical-align: top;
    margin-right: 46px; }

  .contacts-block:last-child {
    margin: 0; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .contacts-block {
    margin-right: 33px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .phone-20 {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    color: #344049; }

  .phone-20 sup {
    font-style: normal;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 4px; }

  .phone-16 {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    color: #344049;
    text-transform: uppercase; }

  .cb-ico {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin: 4px 9px 0 0; }

  .cb-ico.phone {
    background: url(../../images/bg-tel.png) no-repeat; }

  .cb-ico.skype {
    background: url(../../images/icons/ico_skype.png) no-repeat; }

  .cb-ico.whatsup {
    background: url(../../images/icons/ico_whatsup.png) no-repeat; }

  .extender {
    background: url(../../images/icons/extender.png) no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 1px 0 0 4px;
    position: relative; }

  .extender-content {
    display: none;
    position: absolute;
    top: 7px;
    left: -143px;
    padding-top: 20px;
    z-index: 1000; }

  .extender:hover .extender-content {
    display: block; }

  .extender-inner {
    background: #fff;
    width: 300px;
    padding: 8px 15px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    position: relative;
    color: #344049;
    text-transform: none;
    font-weight: normal; }

  .extender-inner ul {
    font-size: 12px;
    line-height: 20px; }

  .extender-inner:before {
    content: '';
    background: url(../../images/extender_arrow.png) no-repeat;
    display: block;
    width: 20px;
    height: 11px;
    position: absolute;
    top: -11px;
    left: 50%;
    margin-left: -10px; }

  .top-panel {
    background: #f7f7f7;
    width: 100%;
    height: 7px;
    font-size: 0;
    position: relative;
    z-index: 80; }

  /* Side-panel */
  .side-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    width: 100%;
    height: 78px;
    float: right;
    margin: 1px 0 0 0;
    padding: 0;
    z-index: 31; }

  .side-panel > a.city-wrap {
    align-self: center;
    flex-grow: 2;
    position: relative;
    background: #f3f3f3 url(../../images/ico01.png) no-repeat 10px 50%;
    /*width: 60%;*/
    height: 35px;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    padding: 6px 5px 5px 25px;
    border-radius: 3px;
    overflow: hidden;
    transition: background .3s ease; }

  .side-panel > a.city-wrap:hover {
    background-color: #C0DADC; }

  .side-panel > a.city-wrap:hover:after {
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #c0dadc 60%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #c0dadc 60%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #c0dadc 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#C0DADC', GradientType=1); }

  .side-panel > a.city-wrap:before {
    content: '';
    position: absolute;
    top: 14px;
    right: 7px;
    width: 1px;
    border-top: 4px solid #262626;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    z-index: 1; }

  .side-panel > a.city-wrap:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 100%;
    background: #fff;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 60%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 60%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f3f3 60%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f3f3f3', GradientType=1); }

  .side-panel > a.city-wrap > span.opener-city {
    border-bottom: 1px dotted #333;
    text-decoration: none;
    font-weight: 400;
    font-size: 10px;
    position: relative;
    white-space: nowrap;
    text-transform: uppercase; }

  .side-panel > a.city-wrap > span.city-label {
    color: #262626;
    font-size: 10px; }

  .side-panel > a.city-wrap:hover > span.opener-city {
    border: none; }

  * + html .side-panel a.city-wrap .opener-city {
    border-bottom: 1px dotted; }

  * + html .side-panel a.city-wrap .opener-city:hover {
    border: 0; }

  .side-panel .services-wrap {
    position: relative;
    width: 100%;
    height: 37px;
    clear: both; }

  .side-panel .language-wrap {
    align-self: center;
    position: relative;
    width: 47px;
    height: 35px;
    /*    display: inline-block;*/
    /*    float: left;*/
    background: #f3f3f3;
    margin: 0 5px 0 0;
    border-radius: 3px;
    cursor: pointer;
    transition: background .3s ease; }

  .side-panel .language-wrap:hover {
    background-color: #C0DADC; }

  .side-panel .frame:after, .side-panel .language-wrap:after {
    display: block;
    clear: both;
    content: ""; }

  .side-panel .language-wrap.active-language .wrap, .side-panel .language-wrap:hover .wrap {
    background: #fdfdfd; }

  .side-panel .language-wrap .wrap {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px; }

  .side-panel .language-wrap .language {
    height: 12px;
    position: absolute;
    right: 8px;
    top: 12px;
    padding: 0 12px 0 0;
    background: url(../../images/arrow01.png) no-repeat 100% 6px; }

  .side-panel .language-wrap .drop {
    position: absolute;
    text-transform: uppercase;
    top: 100%;
    left: 0;
    width: 93px;
    background: #dcdce6;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 600;
    font-size: 10px;
    line-height: 18px;
    display: none;
    z-index: 1; }

  .side-panel .language-wrap.active-language .drop {
    display: block; }

  .side-panel .language-wrap .drop li {
    border-top: 1px solid #f8f8fa;
    cursor: pointer;
    position: relative; }

  .side-panel .language-wrap .drop li:first-child {
    border-top: 0; }

  .side-panel .language-wrap .drop li:hover {
    background-color: #225378; }

  .side-panel .language-wrap .drop li.active {
    background: #225378 url(../../images/arrow07.png) no-repeat 91% 12px; }

  .side-panel .language-wrap .drop li img {
    position: absolute;
    right: 28px;
    top: 12px; }

  .side-panel .language-wrap .drop a {
    padding: 9px 15px 12px;
    text-decoration: none;
    color: #262626;
    display: block;
    position: relative; }

  .side-panel .language-wrap .drop a:hover, .side-panel .language-wrap .drop .active a {
    color: #fff; }

  * + html .side-panel .language-wrap, * + html .side-panel .city-wrap {
    display: inline-block; }

  .login-wrap {
    align-self: center;
    position: relative;
    background: #f7f7f7 url(../../images/icons/ico_key.png) no-repeat center center;
    display: inline-block;
    float: right;
    width: 47px;
    height: 35px;
    border-radius: 3px;
    transition: background .3s ease; }

  .login-wrap:hover {
    background-color: #fdfdfd; }

  .phone-link {
    align-self: center;
    flex-grow: 2;
    position: relative;
    /*display: inline-block;
    float: left;*/
    /*padding: 8px 0;*/
    padding: 0 3px 0 12px;
    margin: 0 6px 0 0;
    height: 35px;
    font-size: 10px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    background: #f3f3f3 url(../../images/bg-tel.png) 10px 50% no-repeat;
    border-radius: 3px;
    transition: background .3s ease; }

  .phone-link:hover {
    background-color: #C0DADC; }

  .phone-link em {
    font-style: normal;
    border-bottom: 1px dotted;
    margin: 0 0 0 18px;
    line-height: 35px; }

  /*.phone-link.active,
  .phone-link:hover {
      background-color: #fdfdfd;
  }*/
  .phone-link:active em, .phone-link:hover em {
    border: none; }

  /* side-panel < 1200px */ }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .login-wrap {
    width: 40px; }

  .side-panel .language-wrap {
    width: 30px; }

  .side-panel .language-wrap .language {
    right: -5px;
    background: none; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .phone-link em {
    display: none; }

  .phone-link {
    background-position: 50% 50%;
    flex-grow: 2;
    width: 44px;
    height: 35px;
    margin: 0 6px 0 0; }

  .side-panel .city-wrap {
    padding: 0 0 0 22px; }

  /*.phone-link {
      flex-grow: 2;
      width: 44px;
      height: 35px;
      margin: 0 6px 0 0;
      background-position: 50% 50%;
  }
  .phone-link em {
      display: none;
  }*/ }
@media (min-width: 200px) and (max-width: 767px) {
  .main-search {
    width: 100%;
    position: relative;
    display: table-cell;
    margin: 0;
    vertical-align: top;
    overflow: hidden;
    z-index: 30; }

  .cart-box {
    position: relative;
    display: table-cell;
    width: 120px;
    height: 100%;
    vertical-align: top;
    /* padding-left: 14px; */
    empty-cells: hide;
    border-left: 4px solid #fff; }

  /*    .login-box {
        position: relative;
        display: table-cell;
        width: 120px;
        height: 100%;
        vertical-align: top;
             padding-left: 14px; 
        empty-cells: hide;
        border-left: 14px solid #fff;
      }*/
  .main-search .search-wrap {
    zoom: 1;
    height: 55px;
    background: #f3f3f3;
    position: relative;
    z-index: 20; }

  .main-search .search-wrap.parent-active {
    /* background: #fff; */ }

  .main-search .search-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: -8px;
    width: 14px;
    height: 54px;
    background: #fff;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg);
    z-index: 1; }

  .main-search .search-wrap:after {
    display: block;
    clear: both;
    content: ""; }

  .main-search .input-wrap {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 0 10px 0 50px; }

  .main-search .input-wrap input {
    width: 680px;
    z-index: 20;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    background: none;
    border: 0;
    position: relative;
    padding: 0;
    float: left;
    /*width: 100%;*/
    margin: 15px 0 0;
    color: #9a9999;
    transition: all 0.3s ease; }

  .main-search .input-wrap input:focus {
    margin: 5px 0 0 0;
    line-height: 50px;
    height: 50px;
    /*border-bottom: 3px solid #156cc2;*/ } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .main-search .input-wrap input {
    width: 390px; }

  .main-search .input-wrap input, .input-placeholder-text {
    font-size: 15px; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .main-search .input-wrap input {
    width: 325px; }

  .main-search .input-wrap input, .input-placeholder-text {
    font-size: 13px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .main-search .input-wrap input.text-active {
    color: #156CC2;
    font-size: 22px; }

  .main-search .input-wrap .ico {
    text-align: center;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    left: 16px;
    top: 17px; }

  .main-search .input-wrap .ico img {
    vertical-align: middle; }

  .main-search .input-wrap .text {
    position: absolute;
    left: 50px;
    top: 17px;
    line-height: 18px;
    height: 18px;
    color: #9a9999;
    font-size: 16px;
    font-weight: 400; }

  .main-search .input-wrap .text a {
    text-decoration: none;
    color: #1695a3;
    position: relative; }

  .main-search .input-wrap .text a:after {
    left: 0;
    right: 0;
    bottom: 2px;
    border-bottom: 1px dotted;
    position: absolute;
    height: 1px;
    content: ""; }

  .main-search .blue-btn {
    /*background-image: url(../../images/ui-new-search-ico.png);
    background-repeat: no-repeat;
    background-position: 14px 50%;*/
    position: absolute;
    right: -5px;
    top: 0;
    height: 54px;
    width: 77px;
    padding: 0 0 0 20px;
    line-height: 49px;
    border: 0;
    background-color: #e6e6e6;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 600;
    z-index: 30;
    border-radius: 0;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    transform: skewX(10deg);
    overflow: visible; }

  .main-search .blue-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 100%;
    height: 100%;
    background: url(../../images/ui-new-search-ico.png) 50% 50% no-repeat;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    transform: skewX(-10deg); }

  .main-search .blue-btn:hover {
    background-color: #0cc3d4;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease; }

  .main-search .blue-btn:hover::after {
    background: url(../../images/ui-new-search-ico-active.png) 50% 50% no-repeat; }

  .main-search .blue-button {
    background-color: #156cc2; }

  .main-search .blue-button::after {
    background: url(../../images/ui-new-search-ico-active.png) 50% 50% no-repeat; }

  .cart {
    width: 100px;
    background: #156cc2 url(../../images/cart-ico.png) no-repeat 0 0;
    display: inline-block;
    height: 55px;
    padding: 0 5px 0 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: 600;
    line-height: 55px;
    color: #344049;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    /*border-left: 14px solid #fff;*/ }

  /*.cart-value {
    display: block;
    background: #f7931e;
    width: 26px;
    height: 26px;
    border: 2px solid #fff;
    border-radius: 16px;
    text-align: center;
    line-height: 23px;
    color: #fff;
    position: absolute;
    top: -15px;
    right: 6px;
    font-size: 12px;
  }*/
    /*.cab-login {
        width: 100px;
        background: #0bafbd url(../../images/cart-ico.png) no-repeat 0 0;
        display: inline-block;
        height: 55px;
        padding: 0 5px 0 5px;
        font-family: 'Open Sans', sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 55px;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        position: relative;
        cursor: pointer;
        border-left: 14px solid #fff;
    }

    .cab-login.active {
      background: #fff url(../../images/login-ico-hover.png) no-repeat 0 0;
      color: #0badbc;
      box-shadow: 0 1px 3px rgba(0,0,0,.3);
      z-index: 10000;
    }*/
  /*    .cab-logged {
          width: 100px;
          background: #0bafbd url(../../images/logged-ico.png) no-repeat 0 0;
          display: inline-block;
          height: 55px;
          padding: 0 5px 0 5px;
          font-family: 'Open Sans', sans-serif;
          font-size: 10px;
          font-weight: 600;
          line-height: 55px;
          color: #fff;
          text-transform: uppercase;
          text-decoration: none;
          position: relative;
          cursor: pointer;
          border-left: 14px solid #fff;
      }*/
  /*    .cab-logged-text {
        position: relative;
        display: inline-block;
        padding: 0 5px 0 44px;
      }*/
  /*    .cab-notification {
        display: block;
        background: #1bad03;
        width: 26px;
        height: 26px;
        border: 2px solid #fff;
        border-radius: 16px;
        text-align: center;
        line-height: 23px;
        color: #fff;
        position: absolute;
        top: -15px;
        right: 6px;
        font-size: 12px;
      }*/
    /*@media only screen and (max-width: 60em) {

      .cab-login.active {
        background: #fff url(../../images/login-ico-hover-min.png) no-repeat 0 0;
      }

    }*/
    /*.cab-login.active::after {
      content: '';
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 100%;
      height: 5px;
      background: #fff;
      z-index: 10000;
    }

    .cab-login-text {
      position: relative;
      display: inline-block;
      padding: 0 5px 0 44px;
    }*/
  /*.cab-login:hover::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: #0bafbd;
  }*/
  .cab-content {
    margin-top: .8rem; }

  .cab-nav {
    position: relative;
    display: block;
    width: 100%;
    margin: 1rem 0;
    overflow-x: auto;
    overflow-y: hidden; }

  /*    .vertical-menu {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
          -webkit-box-align: stretch;
          -ms-flex-align: stretch;
          align-items: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          width: 100%;
          text-align: center;
          overflow-x: scroll;
          -webkit-overflow-scrolling: touch;
          -ms-overflow-style: -ms-autohiding-scrollbar;
          z-index: 1;
      }*/
  /*    .vertical-menu > li {
          position: relative;
          -webkit-box-flex: 1 0 auto;
          -moz-box-flex: 1 0 auto;
          -webkit-flex: 1 0 auto;
          -ms-flex: 1 0 auto;
          flex: 1 0 auto;
          padding: 0 .2rem;
      }*/
  /*    .vertical-menu > li:first-child {
          padding: 0 .2rem 0 .4rem;
      }*/
  /*    .vertical-menu > li:last-child {
          padding: 0 .4rem 0 .2rem;
      }*/
  /*    .vertical-menu > li > a {
          position: relative;
          display: block;
          padding: .4rem .6rem;
          background: #f0f0f0;
          font-size: .8rem;
          font-weight: 400;
          border-radius: 20px;
      }*/
  .cab-body {
    position: relative;
    display: block;
    padding: 0.8rem; }

  input.shadow-input {
    width: 100%;
    height: 30px;
    border: 1px solid #e2e2e2;
    background: #fafafa;
    padding: 0 0 0 20px; }

  input.shadow-input:focus {
    border: 1px solid #ccc; }

  .partners-login-wrap {
    border-top: 1px solid #e6e6e6;
    margin-top: 14px;
    padding: 0; }

  .partners-login {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-weight: 600;
    background: #fff url(../../images/key-grey-ico.png) no-repeat 10px 50%; }

  .partners-login:hover {
    background: #f2f2f2 url(../../images/key-grey-ico.png) no-repeat 10px 50%; }

  .cart-text {
    position: relative;
    display: inline-block;
    padding: 0 5px 0 38px; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .main-search .blue-btn {
    width: 65px;
    background-position: 50% 50%; }

  .user-box {
    width: 55px; }

  .cart-box {
    width: 55px; }

  .cart {
    width: 55px;
    background: #156cc2 url(../../images/cart-ico.png) no-repeat 0 0; }

  .login-dropdown {
    left: -85px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .filter-search {
    display: none;
    float: right;
    -webkit-border-radius: 0 16px 16px 0;
    -moz-border-radius: 0 16px 16px 0;
    border-radius: 0 16px 16px 0;
    padding: 0 140px 0 0; }

  .filter-search .title {
    color: #97979b;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    line-height: 10px;
    position: relative;
    z-index: 10; }

  .filter-search .filter-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 43px;
    padding: 14px 0 0 23px; }

  * + html .filter-search .filter-wrap {
    display: inline; }

  .filter-search .filter-wrap .opener-filter {
    background: url(../../images/arrow02.png) no-repeat 100% 3px;
    display: inline-block;
    text-decoration: none;
    color: #262626;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 10px;
    padding: 0 19px 0 0;
    cursor: pointer;
    position: relative;
    z-index: 10; }

  .filter-search .filter-wrap .opener-filter span {
    border-bottom: 1px dotted;
    position: relative; }

  .filter-search.active-filter .filter-wrap .opener-filter, .filter-search .filter-wrap .opener-filter:hover {
    color: #225378; }

  .filter-search .filter-wrap .mask {
    background: #f7f7f7;
    position: absolute;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    top: 6px;
    left: 10px;
    right: -10px;
    height: 53px;
    display: none; }

  .filter-search .filter-wrap .mask span {
    z-index: 20;
    position: absolute;
    height: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7; }

  .filter-search.active-filter .filter-wrap .mask {
    display: block; }

  .filter-search .filter-wrap .filter-drop {
    position: absolute;
    top: 59px;
    width: 206px;
    margin: 0;
    list-style: none;
    background: #f7f7f7;
    padding: 9px 20px 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
    left: -9999px; }

  .filter-search.active-filter .filter-wrap .filter-drop {
    right: -10px;
    left: auto; }

  .filter-search .filter-wrap .filter-drop li {
    margin: 0 0 5px; }

  .filter-search .filter-wrap .opener-filter .text748, .filter-search .text748 {
    display: none; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .filter-search .filter-wrap .filter-drop {
    top: 44px;
    width: 185px;
    padding-left: 7px;
    padding-right: 0; }

  .filter-search .filter-wrap .filter-drop .ch-wrap {
    font-size: 11px; }

  .filter-search.active-filter .filter-wrap .filter-drop {
    right: 0; }

  .filter-search .filter-wrap .opener-filter .text, .filter-search .text {
    display: none; }

  .filter-search .filter-wrap .opener-filter .text748, .filter-search .text748 {
    display: block; }

  .filter-search .filter-wrap .mask {
    display: none !important; }

  .filter-search {
    padding-right: 76px; }

  .filter-search .filter-wrap {
    padding-top: 12px;
    height: 45px;
    padding-left: 13px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .site-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    height: 76px;
    margin-left: 20px; }

  .site-links > ul {
    display: inline-block;
    padding: 0; }

  .site-links > ul > li {
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 1.1em; }

  .site-links > ul > li:first-child > a {
    font-weight: 700; }

  .site-links > ul > li > a {
    position: relative;
    display: inline-block;
    padding: 8px 23px 8px 46px;
    margin: 0 13px 0 0;
    color: #344049;
    font-size: 14px;
    font-size: 1.1em;
    font-weight: 400;
    /*    border-radius: 30px 0 0 30px;*/
    letter-spacing: -0.02em; }

  .site-links > ul > li > a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -5px;
    width: 10px;
    height: 100%;
    background: #fff;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  .site-links > ul > li > a:hover {
    background: #f7f7f7; }

  .site-links > ul > li > a.apteki {
    background-image: url(../../images/apteki-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.doctors {
    background-image: url(../../images/doctor-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.beauty {
    background-image: url(../../images/beauty-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a.fitness {
    background-image: url(../../images/fitness-site-ico.svg);
    background-position: 4px 4px;
    background-repeat: no-repeat; }

  .site-links > ul > li > a > span.small {
    display: inline-block;
    font-size: 9px;
    font-size: 0.8em;
    color: #a9a8a8;
    text-transform: lowercase;
    font-weight: 400;
    clear: both; }

  .site-links > ul > li:hover > a > span.small {
    text-decoration: underline;
    color: #008CBA; }

  .site-links > .menu-toggle {
    position: relative;
    display: none; }

  .site-links > .menu-toggle > a#more-links {
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    border-radius: 30px;
    border: 1px solid #DADADA;
    margin: 0;
    color: #949494;
    padding: 11px 19px;
    font-size: 13px;
    font-size: 1em; }

  a#more-links > span.hamburger {
    position: absolute;
    top: 9px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 16px;
    height: 3px;
    background: #ccc; }

  .site-links > .menu-toggle > a#more-links:hover {
    border: 1px solid #DADADA; }

  a#more-links:hover > span.hamburger, a#more-links:hover > span.hamburger:before, a#more-links:hover > span.hamburger:after {
    background: #777; }

  a#more-links > span.hamburger:before, a#more-links > span.hamburger:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #ccc; }

  a#more-links > span.hamburger:before {
    top: -5px;
    left: 0; }

  a#more-links > span.hamburger:after {
    top: 5px;
    left: 0; }

  .site-links > a#more-links:after {
    content: '';
    position: absolute;
    width: 1px;
    bottom: 2px;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .site-links > a#more-links:hover, .site-links > a#more-links.active {
    opacity: 1; }

    /*#site-links-drop-menu {
        display: none;
        position: absolute;
        top: 42px;
        right: 2px;
        background: #fff;
        box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
        z-index: 100;
    }

    #site-links-drop-menu:before {
        content: '';
        position: absolute;
        top: -7px;
        right: 10px;
        width: 14px;
        height: 14px;
        background: #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    #site-links-drop-menu.show {
        display: block;
    }

    #site-links-drop-menu>ul {
        margin: 0;
        padding: 0;
    }

    #site-links-drop-menu>ul>li {
        display: block;
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    #site-links-drop-menu>ul>li>a {
        width: 230px;
        position: relative;
        display: inline-block;
        padding: 11px 19px 11px 50px;
        margin: 0;
        color: #344049;
        font-size: 13px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.1em;
        letter-spacing: -0.02em;
    }

    #site-links-drop-menu>ul>li>a>span.small {
        display: inline-block;
        font-size: 9px;
        font-size: 0.8em;
        color: #a9a8a8;
        text-transform: lowercase;
        font-weight: 400;
        clear: both;
    }

    #site-links-drop-menu>ul>li>a.apteki {
        background-image: url(apteki-ico-min.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.doctors {
        background-image: url(doctors-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.beauty {
        background-image: url(beauty-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }

    #site-links-drop-menu>ul>li>a.fitness {
        background-image: url(fitnes-icon.png);
        background-position: 7px 7px;
        background-repeat: no-repeat;
    }*/
  /* site menu < 1200px = 960px */ }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  /*   .site-links > ul {
      margin: 36px 0 0 30px;
  }*/
  .site-links > ul > li:nth-child(n+4):nth-child(-n+4) {
    display: none; }

  .site-links > ul > li > a {
    padding: 6px 16px 9px 44px;
    margin: 0 14px 0 0;
    font-size: 1em; }

  .site-links > .menu-toggle > a#more-links {
    width: 30px;
    height: 30px;
    padding: 9px 17px; }

  .site-links > .menu-toggle {
    position: relative;
    display: inline-block; }

  .site-links > .menu-toggle > a#more-links {
    font-size: 0.9em; }

  #site-links-drop-menu > ul > li:nth-child(-n+3) {
    display: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* site menu < 960px = 768px */ }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .site-links > ul > li:nth-child(n+3):nth-child(-n+4) {
    display: none; }

  /*.site-links > ul {
      margin: 30px 0 0 23px;
  }*/
  .site-links > ul > li > a {
    margin: 0 19px 0 0;
    font-size: 1em; }

  #site-links-drop-menu > ul > li:nth-child(-n+3) {
    display: block; }

  #site-links-drop-menu > ul > li:nth-child(-n+2) {
    display: none; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 77.5em) {
  .site-links > a#more-links, #site-links-drop-menu > ul > li {
    display: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  .nav-row {
    top: -1px;
    margin-bottom: -37px; }

  .main-menu {
    position: relative;
    margin: 22px 0 80px 0; }

  .tabs_and_search {
    position: relative;
    display: table;
    width: 100%;
    margin: 0;
    background: #fff; }

  .main_menu_tabs_box {
    display: table-cell;
    empty-cells: show;
    width: 210px;
    min-width: 210px; }

  .main_menu_tabs_box > .active-tab {
    position: relative;
    background: #0bafbd;
    color: #fff;
    z-index: 1; }

  .main_menu_tab {
    position: relative;
    display: block;
    width: 97px;
    height: 60px;
    padding: 0 0 0 8px;
    line-height: 60px;
    text-align: center;
    float: left;
    background: #1C96A0;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff; }

  .main_menu_tab::after {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 13px;
    height: 100%;
    background: #1C96A0;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  .main_menu_tab:hover, .main_menu_tab:hover::after {
    background: #26A1AB;
    color: #fff; }

  .main_menu_tabs_box > .main_menu_tab.active-tab:hover {
    background: #0bafbd;
    color: #f0f0f0; }

  .main_menu_tabs_box > .main_menu_tab.active-tab::after, .main_menu_tabs_box > .main_menu_tab.active-tab:hover::after {
    content: '';
    position: absolute;
    top: 0;
    right: -7px;
    width: 13px;
    height: 100%;
    background: #0bafbd;
    -webkit-transform: skewX(10deg);
    -moz-transform: skewX(10deg);
    -ms-transform: skewX(10deg);
    -o-transform: skewX(10deg);
    transform: skewX(10deg); }

  #nav, #nav-firms {
    background: #0BAFBD;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    top: -1px; }

  #nav-firms {
    display: none; }

  #nav:after, #nav-firms:after {
    display: block;
    clear: both;
    content: ""; }

  #nav > li, #nav-firms > li {
    float: left;
    padding: 0 0 0 1px;
    position: relative; }

  #nav > li:last-child, #nav-firms > li:last-child {
    border-right: none; }

  #nav > li:first-child, #nav-firms > li:first-child {
    /* width: 250px;*/
    background: none;
    padding: 0; }

  #nav > li .wrap748 > a, #nav > li > a, #nav-firms > li .wrap748 > a, #nav-firms > li > a {
    height: 60px;
    padding: 0 14px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    cursor: pointer;
    z-index: 10;
    display: block;
    transition: background 0.5s ease; }

  #nav-firms > li .wrap748 > a, #nav-firms > li > a {
    padding: 0 14px; }

  #nav-firms > li:first-child > a {
    padding: 0 20px; }

  #nav > li.drop > a, #nav-firms > li.drop > a {
    padding: 0 26px 0 20px; }

  #nav > li > a:hover, #nav-firms > li > a:hover {
    background: #16bfcd;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#33ffffff', GradientType=0); } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  #nav > li .wrap748 > a, #nav > li > a {
    font-size: 12px;
    padding: 0 15px; } }
@media (min-width: 200px) and (max-width: 767px) {
  #nav .more-drop .wrap748:hover > a, #nav > li.active-menu-drop .wrap748 > a, #nav > li.active-nav-drop > a {
    background: none;
    color: #1695a3;
    text-shadow: none;
    transition: all 0s ease; }

  #nav > li.more-drop {
    position: relative;
    float: left;
    width: 120px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 960px) {
  #nav > li.more-drop {
    padding: 0;
    margin: 0;
    width: 98px;
    float: right; } }
@media (min-width: 200px) and (max-width: 767px) {
  #nav .more-drop .wrap748 > a span, #nav .drop > a span {
    position: relative;
    display: inline-block;
    vertical-align: top; }

  #nav .more-drop .wrap748 > a span:after, #nav .drop > a span:after {
    content: '';
    position: absolute;
    top: 27px;
    right: -15px;
    width: 1px;
    height: 1px;
    border-top: 4px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  #nav .more-drop .wrap748 > a span:after {
    content: '';
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  #nav .more-drop {
    z-index: 13; }

  #nav .drop {
    z-index: 15; }

  #nav .mask {
    position: absolute;
    top: 4px;
    left: -9999px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
    height: 58px; }

  /*#nav .drop:hover .mask,*/
  #nav .active-nav-drop .mask {
    left: 0;
    right: 0; }

  #nav .mask span {
    bottom: 0;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
    z-index: 5; }

  .nav-drop {
    position: absolute;
    top: 62px;
    background: #fff url(../../images/bg-nav-drop.jpg) no-repeat 100% 100%;
    left: -9999px;
    width: 1223px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    padding: 43px 18px; }

  /*#nav .drop:hover .nav-drop,*/
  .active-nav-drop .nav-drop {
    left: 0; }

  .nav-drop a {
    color: #1695a3; }

  .catalog-wrapper .col, .nav-drop .col {
    float: left;
    width: 100%;
    padding: 0; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .nav-drop {
    width: 942px; }

  .nav-drop .col {
    width: 270px; } }
@media (min-width: 200px) and (max-width: 767px) {
  #nav .more-drop .wrap748 > a .text748 {
    display: none; }

  .nav-drop .col:first-child {
    padding-left: 0; }

  .nav-drop h3 {
    background: url(../../images/pill_ico.png) no-repeat 0 7px;
    padding: 0 0 0 24px;
    margin: 0 0 8px; }

  .nav-drop h3 a {
    font-size: 18px;
    color: #1695a3;
    text-decoration: none;
    border-bottom: 1px dotted #0a659c; }

  /*.nav-drop h3 a span {
      background: url(../../images/blue_dot.png) repeat-x 0 95%;
  }*/
  .nav-drop h3 a:hover {
    background: none;
    border-bottom: 0; }

  .nav-drop .example {
    padding: 0 0 0 24px;
    font-size: 12px;
    color: #a2a2a2; }

  .nav-drop .box {
    margin: 20px 0 0; }

  .catalog-wrapper .box:first-child, .nav-drop .box:first-child {
    margin-top: 0; }

  #nav .more-drop:hover .mask, #nav .more-drop.active-menu-drop .mask {
    right: 0;
    left: 0; }

  .menu-drop {
    position: absolute;
    top: 62px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    max-width: 300px;
    min-width: 150px;
    margin: 0;
    list-style: none;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
    left: -9999px; }

  .side-plagin.visible960, .menu-drop .visible748, .menu-drop .visible960 {
    display: none; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .side-plagin.visible960, .menu-drop .visible960 {
    display: block; }

  #nav .hidden960 {
    display: none; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .menu-drop .visible748 {
    display: block; }

  #nav .hidden748 {
    display: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  .more-drop .wrap748:hover .menu-drop, .active-menu-drop .menu-drop {
    right: 0;
    left: auto; }

  .menu-drop li {
    margin: 5px 0 0; }

  .menu-drop li:first-child {
    margin-top: 0; } }
@media screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  #nav .more-drop .wrap748 > a .text {
    display: none; }

  #nav .more-drop .wrap748 > a .text748 {
    display: block; }

  #nav .more-drop .wrap748 > a span, #nav .drop > a span {
    background: none; }

  #nav .more-drop .wrap748 > a {
    font-size: 12px;
    width: 120px;
    height: 60px;
    line-height: 60px;
    text-align: left; }

  #nav .more-drop .wrap748:hover > a {
    background: rgba(255, 255, 255, 0.15); }

  #nav > .drop:hover > a, #nav > li.active-menu-drop .wrap748 > a, #nav .more-drop .wrap748:hover > a, #nav .more-drop .wrap748 > a:hover {
    z-index: 10;
    position: relative;
    color: #fff; }

  #nav .more-drop .wrap748 > a span {
    position: relative;
    display: block;
    height: 60px;
    line-height: 60px;
    padding: 0 0 0 11px;
    width: 78px;
    font-weight: 600; }

  #nav .more-drop .wrap748 > a span:before {
    content: '';
    position: absolute;
    top: 16px;
    right: 18px;
    width: 1px;
    height: 25px;
    background: rgba(255, 255, 255, 0.2); }

  #nav .more-drop .wrap748 > a span:after {
    content: '';
    position: absolute;
    top: 26px;
    right: 0;
    width: 1px;
    height: 1px;
    border-top: 6px solid #fff;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent; }

  #nav .more-drop .mask {
    display: none !important; }

  .menu-drop {
    top: 58px;
    right: 0;
    width: 125px;
    font-size: 11px;
    min-width: 100px;
    padding: 10px 5px 10px 11px; }

  .wrap748 {
    margin: auto 0;
    position: relative;
    height: 60px;
    width: 120px; }

  #nav .wrap748:hover .menu-drop, .active-menu-drop .menu-drop {
    right: 8px;
    left: auto; } }
@media (min-width: 200px) and (max-width: 767px) {
  .top-contact {
    float: right;
    position: relative;
    text-align: right;
    min-height: 38px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .top-contact {
    margin-left: -50px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .top-contact .col {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    margin-left: 30px; }

  .top-contact .col:first-child {
    margin-left: 0; }

  .top-contact .tel {
    background: url(../../images/bg-tel.png) no-repeat 0 4px;
    color: #344049;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 0 0 22px; }

  .top-contact .tel span {
    vertical-align: top;
    font-size: 18px;
    position: relative;
    top: -2px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .top-contact .col {
    margin-left: 10px; }

  .top-contact .tel {
    font-size: 20px; }

  .top-contact .tel span {
    font-size: 14px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .top-contact .col {
    margin-left: 10px; }

  .top-contact .tel {
    font-size: 16px; }

  .top-contact .tel span {
    font-size: 12px; } }
@media (min-width: 200px) and (max-width: 767px) {
  * + html .top-contact .col {
    display: inline; }

  .login-btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px; }

  /* ------------------ Header finished -------------- */
  /* ------------------ jquery datepicker reorder -------------- */
  .ui-datepicker {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

  .ui-widget-header {
    border: none;
    background: transparent;
    color: #222;
    font-weight: bold;
    margin: 0 0 .4rem 0;
    border-bottom: 1px solid #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 2.2em;
    text-align: center; }

  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: #f0f0f0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-next:active {
    background-color: #e2f1f2;
    color: #0BAFBD; }

  .ui-widget .ui-datepicker-calendar {
    border: none;
    background: transparent; }

  .ui-datepicker-calendar table thead {
    background: transparent; }

  table.ui-datepicker-calendar tbody tr td, table.ui-datepicker-calendar tr td {
    display: table-cell;
    line-height: 1.625rem; }

  .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background: transparent;
    font-weight: 400;
    color: #333; }

  a.ui-state-default:hover {
    background-color: #e2f1f2;
    color: #0BAFBD; }

  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    width: 100%;
    left: 5px;
    height: 100%;
    margin-left: 0;
    top: 0;
    margin-top: 0; }

  .ui-datepicker .ui-datepicker-next span {
    left: -4px; }

  .ui-widget-content {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    max-height: 170px; }

  .ui-menu-item {
    display: block;
    padding: 3px 12px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    zoom: 1;
    font-weight: 400; }

  .ui-datepicker {
    padding: 0 12px;
    max-height: none; }

  .ui-datepicker-prev {
    position: relative;
    width: 50%;
    height: 30px;
    margin: 5px 0;
    float: left; }

  .ui-datepicker-next {
    position: relative;
    width: 50%;
    height: 30px;
    margin: 5px 0;
    float: right; }

  .ui-state-hover.ui-datepicker-prev-hover, .ui-state-hover.ui-datepicker-next-hover {
    background: #f7f7f7; }

  .ui-datepicker-prev > .ui-icon {
    height: 100%;
    background: url(../../images/datepicker-arrow-l.png) 0 50% no-repeat; }

  .ui-datepicker-next > .ui-icon {
    height: 100%;
    background: url(../../images/datepicker-arrow-r.png) 100% 50% no-repeat; }

  .ui-datepicker-calendar td a {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    height: 100%; }

  .ui-datepicker-unselectable {
    color: #ccc; }

  /* ------------------ jquery datepicker reorder finished -------------- */
  /*------------------ Cabinet 3 -------------------------*/
  h2.title-section_30 {
    padding: 2rem .8rem .4rem; }

  .cab-sem-container {
    position: relative;
    display: block;
    margin: 0 0 30px 0; }

  .cab-sem-container > fieldset {
    padding: 0; }

  .cab-header {
    position: relative;
    display: block;
    width: 100%;
    margin: 12px 0 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .9rem;
    font-weight: 400; }

  .cab-header-box {
    position: relative;
    display: inline-block; }

  .cab-header-box.active {
    border-bottom: 3px solid #0bafbd; }

  .cab-user {
    position: relative;
    display: block;
    padding: .4rem .8rem 1rem;
    box-sizing: border-box;
    overflow: hidden; }

  .cab-user-avatar {
    position: relative;
    bottom: -2px;
    width: 50px;
    height: 50px;
    background: url(../../images/cab-user-ava.png) 0 0 no-repeat;
    background-size: 50px 50px;
    float: left;
    padding: 0 10px 5px 0;
    margin: 0 0 0px 0; }

  .cab-user-name {
    margin: 0 0 0 65px;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: -0.02rem; }

  .cab-user-phone {
    font-weight: 400;
    margin: 0 0 0 65px;
    padding: 0;
    color: #999; }

  .cab-user > .cab-logout {
    font-size: 12px;
    font-weight: 400;
    margin: 0 0 0 15px;
    padding: 0 0 0 20px;
    background-image: url(../../images/ui-logout.png);
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-decoration: underline; }

  .floating-button {
    position: absolute;
    display: none;
    bottom: 10px;
    right: 0;
    width: 24px;
    height: 24px;
    border-radius: 2px;
    background: #9E9E9E url(../../images/ui-edit-white.png) 50% 50% no-repeat;
    opacity: .1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .floating-button > .edit-text {
    display: none;
    font-size: 10px;
    font-weight: 400;
    color: #fff; }

  .cab-user:hover .floating-button {
    opacity: .5;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .floating-button:hover {
    opacity: .9; }

  .cab-header-navigation {
    position: relative;
    display: block;
    margin: 0;
    border-top: 1px solid #f0f0f0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

  .cab-menu-item a {
    position: relative;
    display: inline-block;
    padding: 40px .3rem .5rem;
    box-sizing: border-box;
    font-size: .6rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .04rem; }

  .cab-menu-item.active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #16bfcd;
    z-index: 1; }

  /*.cab-menu-item.active {
    font-weight: 700;
  }*/
  .cab-menu-item.cab-change-pass {
    position: relative;
    display: inline-block;
    right: 0;
    bottom: 0; }

  .cab-menu-item.cab-change-pass:hover a {
    color: #f54737; }

  .nav-orders {
    background-image: url(../../images/cab-nav-orders.png);
    background-position: 50% 10%;
    background-repeat: no-repeat; }

  .nav-settings {
    background-image: url(../../images/cab-nav-settings.png);
    background-position: 50% 10%;
    background-repeat: no-repeat; }

  .orders-filters-bar {
    position: relative;
    display: block;
    /*    height: 50px;
        line-height: 50px;*/
    background: #f7f7f7;
    margin: 1.4rem 0;
    padding: 0.6rem 0;
    text-transform: uppercase;
    font-size: 10px;
    overflow: hidden; }

  /*.orders-filters-bar:before {
      content: 'Фильтры';
      position: absolute;
      top: -30px;
      width: 100%;
      left: auto;
      right: auto;
      height: 30px;
      line-height: 30px;
      margin: 0 auto;
      background-color: #f0f0f0;
      text-align: center;
  }*/
  .cab-filter-box.order-filters-title {
    display: none;
    position: relative;
    padding: 0 0 0 12px; }

  .cab-filter-box {
    position: relative;
    display: block;
    float: left;
    height: 100%;
    width: 50%;
    margin: 0;
    /* margin: 0.7rem 1.4rem; */
    padding: 0 1.4rem; }

  /*.cab-filter-box.box-bordered {
      position: relative;
      margin: .6rem 1.4rem;
  }*/
  .orders-filters-bar > .cab-filter-box.smt {
    padding: 0 1.4rem 0 .2rem; }

  .cab-filter-box.box-bordered.smt {
    padding: 0 .2rem 0 1.4rem; }

  .cab-filter-box.cab-search-box {
    /*padding: 6px;*/
    position: relative;
    width: 100% !important;
    padding: 0; }

  .cab-filter-datepicker {
    position: relative;
    display: block;
    margin: 4px 1.4rem 0;
    padding: 0;
    height: 42px;
    line-height: 42px;
    font: 13px 'Open Sans', sans-serif;
    border: 1px solid #d4dadd;
    border-radius: 0;
    outline: none;
    background: #fff; }

  .cab-filter-datepicker.error {
    border-color: #ffcc00; }

  .cab-filter-datepicker .cab-filter-box {
    width: 46% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-align: left;
    padding: 0 0 0 40px; }

  .cab-filter-datepicker .cab-filter-box:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-image: url(../../images/mobile/ui-calendar-small-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .cab-filter-datepicker .cab-filter-box:last-child {
    float: right; }

  .cab-defis {
    position: relative;
    float: left;
    width: 8%;
    display: inline-block;
    height: 100%;
    line-height: 40px;
    text-align: center; }

  .hasDatepicker {
    float: left;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 0 0 28px;
    margin: 0;
    background: transparent;
    text-align: left;
    border: 0;
    box-sizing: border-box; }

  .cab-search-box .inp-search {
    background: #fff;
    width: 100%;
    height: 40px;
    /*margin: 5px 0;*/
    font-size: 12px;
    padding: 0 12px 0 30px;
    border: 0;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    outline: none;
    position: relative;
    box-sizing: border-box; }

  .cab-search_container {
    position: relative;
    margin: 0 1.4rem; }

  .cab-search_container:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-image: url(../../images/mobile/search-ico2.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 11px;
    z-index: 10; }

  .cab-search-box .btn-search {
    /*float: left;*/
    display: inline-block;
    /*padding: 5px 10px;*/
    width: 50px;
    height: 40px;
    vertical-align: middle;
    /*margin: 6px 0;*/ }

  .cab-search-box .btn-search img {
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto; }

  .cab-how-search {
    display: none; }

  #cab-seller, #cab-order-status {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    margin: .8rem 0;
    border: 1px solid #d4dadd;
    background-color: #fff;
    box-sizing: border-box; }

    /*@media only screen and (max-width: 77.5em) {



    }*/
  /*@media only screen and (max-width: 1240px) {*/
  /*.cab-header {
    background: #efefef;
  }*/
  /*  .cab-user {
      position: relative;
      width: 100%;
      display: block;
      float: none;
      padding: 0 24px 0 0;
    }*/
    /*
      .cab-user-avatar {
        position: relative;
        top: -2px;
        width: 70px;
        height: 55px;
        background: transparent url(../../images/cab-user-ava.png) 0 0 no-repeat;
        background-size: 50px 50px;
        float: left;
        padding: 0 18px 5px 0;
        margin: 0 0 0px 0;
      }

      .cab-header-navigation {
        margin: 29px 0 0 0;
      }*/
  /*
  }*/
    /*@media only screen and (max-width: 60em) {

    .cab-how-search {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../../images/bg-search-dark-min.png) 50% 50% no-repeat;
        float: right;
        cursor: pointer;
      }

      .cab-how-search.active {
        background: url(../../images/close-dark.png) 50% 50% no-repeat;
      }

      .cab-how-search:hover {
          background-color: #f0f0f0;
        }

      .cab-search-box {
        padding: 0 6px;
        position: relative;
        width: 500px;
        float: left;
        display: none;
      }

      .cab-search_container {
        position: relative;
        width: 420px;
        float: left;
      }

      .cab-search-box .btn-search {

      }
    }*/
  .cab-order3 {
    position: relative;
    display: block;
    /*    width: 100%;
        margin-bottom: 5px;*/
    margin: 0 .4rem .5rem;
    box-sizing: border-box;
    /*    border: 1px solid #e9eff0;*/
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden; }

  .order-title {
    position: relative;
    padding: .6rem .2rem .6rem .4rem;
    background: #edf0f2;
    font-size: .8rem; }

  .cab3-btn-remove {
    position: relative;
    display: block;
    padding: .3rem 26px .3rem 0;
    background: url(../../images/remove-trash-icon2.png) 100% -2px no-repeat;
    float: right;
    font-size: .5rem;
    letter-spacing: .04rem;
    color: #5f5f5f;
    text-transform: uppercase; }

  .cab3-btn-remove:hover {
    background: url(../../images/remove-trash-icon2-active.png) 100% -2px no-repeat;
    color: #f54737; }

  .order-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch; }

  .order3-info {
    position: relative;
    /*    display: block;*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    /*    flex-direction: column-reverse;*/
    align-items: stretch;
    align-content: stretch;
    width: 100%;
    padding: 0;
    background: #edf0f2;
    box-sizing: border-box; }

  .order-status {
    position: relative;
    display: inline-block;
    padding: 0;
    line-height: 1.4em; }

  .oi3-status {
    display: inline-block;
    float: left;
    padding: .2rem .8rem;
    margin: 0 .4rem;
    font-size: .8rem;
    font-weight: 600; }

  .oi3-status__new {
    background: #156cc2;
    color: #fff; }

  .oi3-status__inwork {
    background: #0badbc;
    color: #fff; }

  .oi3-status__entered {
    background: #1bad03;
    color: #fff; }

  .oi3-status__completed {
    background: #ca9645;
    color: #fff; }

  .oi3-status__canceled {
    background: #f54737;
    color: #fff; }

  .order-cancel .order3-content, .order-cancel .order-delivery-price, .order-cancel .order-meta ul li, .order-cancel .order-meta a {
    color: #ccc; }

  .oi-status-date {
    position: relative;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 16px;
    font-size: .9rem;
    background: url(../../images/ui-calendar-ico.png) 0 50% no-repeat;
    clear: both; }

  .oi-delivery-date {
    position: relative;
    display: block;
    margin: 0 .4rem;
    font-weight: 400;
    font-size: .8rem; }

  .order-meta {
    position: relative;
    display: block;
    padding: .4rem .4rem 40px .4rem;
    /*    background: #e9eff0;*/ }

  .order-meta:before {
    content: 'Скрыть информацию о заказе';
    position: absolute;
    bottom: 0;
    left: 15px;
    height: 40px;
    line-height: 40px;
    font-size: .7rem;
    font-weight: 600;
    color: #333;
    padding: 0 .4rem; }

  .order-meta:after {
    content: '';
    position: absolute;
    bottom: 18px;
    left: .4rem;
    right: auto;
    border-top: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #4b4b4b;
    border-left: 4px solid transparent; }

  .order-meta.closed {
    position: relative;
    display: block;
    height: 40px;
    padding: .4rem; }

  .order-meta.closed:before {
    content: 'Показать информацию о заказе';
    position: absolute;
    top: 0;
    left: 15px;
    height: 40px;
    line-height: 40px;
    font-size: .7rem;
    font-weight: 600;
    color: #333;
    padding: 0 .4rem; }

  .order-meta.closed:after {
    content: '';
    position: absolute;
    top: 18px;
    left: .4rem;
    right: auto;
    border-top: 4px solid #4b4b4b;
    border-right: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent; }

  .order-meta.closed > ul {
    display: none;
    transition: all .5s ease; }

  .order-meta ul li {
    position: relative;
    display: block;
    margin: 6px 0 0;
    font-size: 12px;
    color: #666; }

  .order-meta-label {
    /*display: block;*/
    font-size: .6rem;
    font-weight: 700;
    color: #333;
    letter-spacing: .05em;
    text-transform: uppercase; }

  .order3-content {
    position: relative;
    display: block;
    padding: 0;
    width: 100%;
    color: #333; }

  .order-list-item, .order-list-legend {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    padding: .6rem .4rem;
    box-sizing: border-box;
    font-size: .8rem;
    border-bottom: 1px solid #e9eff0; }

  .order-list-legend {
    padding: .2rem .4rem;
    font-size: .6rem;
    font-weight: 400;
    color: #bdbdbd;
    letter-spacing: .05em;
    text-transform: uppercase; }

  /*.order-list-item:nth-of-type(even) {
      background: #fafafa;
  }*/
  .order-content-name {
    -webkit-box-flex: 0 0 70%;
    -moz-box-flex: 0 0 70%;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    width: 70%; }

  .order-content-number, .order-content-price {
    -webkit-box-flex: 0 0 15%;
    -moz-box-flex: 0 0 15%;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    width: 15%;
    text-align: right; }

  .order-content-number {
    text-align: center; }

  .order-summary-item {
    position: relative;
    padding: .6rem .8rem;
    text-align: center;
    border-top: 1px solid #e9eff0;
    font-size: .9rem;
    font-weight: 600; }

  .order-delivery-price {
    font-size: 14px;
    color: #999999; }

  /*.reveal-modal, dialog {
    padding: 0;
  }*/
  .reveal-modal .modal-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    padding: 40px 0 10px;
    margin: 0;
    border: none; }

  p.lead {
    font-size: 1rem;
    line-height: 1.6; }

  .cab-cp-modal-wrapper {
    position: relative;
    display: block;
    width: 50%;
    margin: 0 auto; }

  .modal-wrapper-fullwidth {
    position: relative;
    padding: 20px 0 10px;
    margin: 0 0 20px;
    background: #eff6f7;
    box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.2) inset; }

  .input-stylish-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px; }

  .input-stylish {
    background: #fff;
    width: 100%;
    height: 40px;
    font: 13px 'Open Sans', sans-serif;
    padding: 0 14px;
    border: 1px solid #e2e2e2;
    border-radius: 0;
    outline: none;
    position: relative; }

  .input-stylish:focus {
    background: #fff;
    border: 1px solid #0badbc; }

  .input-stylish.code-input {
    width: 140px;
    font-size: 20px;
    letter-spacing: 0.06rem;
    float: left;
    margin-right: 10px; }

  .orders-filters-bar .ui-selectmenu-button {
    position: relative;
    display: block;
    width: 100%;
    height: 50px !important;
    margin: 0.6rem 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    font-size: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 1px solid #d4dadd;
    /* border-right: 2px solid #fff; */
    box-sizing: border-box; }

  .orders-filters-bar .ui-selectmenu-button span.ui-icon {
    background: url(../../images/ui-arrow-down.png) no-repeat 0 center;
    display: block;
    width: 20px;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer; }

  .orders-filters-bar .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #333;
    line-height: 50px;
    padding: 0 21px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    /* box-sizing: border-box; */ }

  .box-styled {
    position: relative;
    display: block;
    border-left: 3px solid #e9eff0;
    padding: 0 20px; }

  .bottom-lined {
    padding-bottom: .4rem;
    border-bottom: 3px solid #e9eff0; }

  /* input */
  .input-row {
    position: relative;
    display: block;
    padding: .4rem 0; }

  .input-row > label {
    position: relative;
    font-size: .6rem;
    text-transform: uppercase;
    margin: 0 0 .2rem 0;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #333; }

  .input-row > input[type="submit"] {
    width: 100%;
    margin: .8rem auto; }

  .input-error {
    border: 1px solid #ff6600; }

  .input-error-message {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 8px 16px;
    background-color: #ff6600;
    font-size: .8rem;
    color: #fff;
    font-weight: 400;
    box-sizing: border-box; }

  .input-error-message:before {
    content: '';
    position: absolute;
    top: -16px;
    left: 16px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ff6600;
    border-left: 8px solid transparent; }

  /* input */
  /* messages */
  .message {
    position: relative;
    display: block;
    width: 100%;
    margin: 30px 0;
    padding: 20px;
    box-sizing: border-box;
    background-color: #f0f0f0;
    border: 1px solid #ededed;
    border-radius: 2px; }

  .success-message {
    background-color: #fff8e1;
    border: 2px solid  #ffca28;
    /*    padding: 20px 20px 20px 70px;*/
    /*    background-image: url(../../images/fireworks.png);
        background-repeat: no-repeat;
        background-position: 0 50%;*/ }

  .error-message {
    background-color: #FFCDD2;
    border: 2px solid #C62828;
    /*    padding: 20px 20px 20px 70px;*/
    /*    background-image: url(../../images/fireworks.png);
        background-repeat: no-repeat;
        background-position: 0 50%;*/ }

  /* messages finish */
  /* REVIEWS */
    /*
    .review-body {
        position: relative;
        display: block;
        width: 100%;
    }

    .review-rating {
        display: block;
        width: 180px;
        float: left;
        margin-left: -180px;
        padding: 0 10px 0 0;
        box-sizing: border-box;
    }

    .review-body .rating {
        margin: 14px 0 0 0;
    }

    .review-comment {
        margin: 0 0 0 180px;
    }

    .review-comment p {
        margin: 14px 0 0 0;
    }

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

        .review-rating {
            width: 120px;
            margin-left: -120px;
        }

        .review-comment {
            margin: 0 0 0 120px;
        }

    }

    @media all and (max-width: 768px) {

        .review-rating {
            position: relative;
            float: none;
            width: 200px;
            margin-left: 0;
        }

        .review-rating:after {
            content: '';
            display: block;
            clear: both;
        }

        .review-rating > .review-resume {
            float: right;
        }

        .review-rating > .rating {
        }

        .review-comment {
            margin: 0;
        }

    }

    .reviews-list .name, .reviews-list .review-addr, .reviews-list .review-date, .reviews-list .review-resume {
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
        margin: 0 10px 0 0;
    }

    .reviews-list .name {
        font-weight: 700;
    }

    .reviews-list .review-date {
        color: #bdbdbd;
    }

    .review-login-box {
        margin: 10px 0 0 0;
    }

    p.small-attention {
        font-size: 12px;
        border-left: 4px solid #ffcc80;
        padding: 0 10px;
        color: #4d4d4d;
    }*/
  /* REVIEWS finised */
  .law-info {
    position: relative;
    display: inline-block;
    color: #262626;
    margin: 3px 0;
    padding: 8px 0 12px;
    border-top: 1px solid #f0f0f0;
    font-size: .9rem;
    line-height: 1.4em; } }

/*# sourceMappingURL=cabinet.css.map */