@charset "UTF-8";
/*** FOUNDATION STYLES REORDER ****************************************************************************************/
@media (min-width: 768px) {
  body,
  h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: normal; }

  body {
    margin: 0;
    color: #262626;
    background: #fff;
    min-width: 1218px;
    height: 100%; } }
@media screen and (min-width: 768px) and (max-width: 77.5em) {
  body {
    min-width: 944px; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  body {
    min-width: 752px; } }
@media (min-width: 768px) {
  a {
    color: #225378; }

  button:focus {
    background-color: #0badbc; }

  button:hover {
    background-color: #0cc3d4; }

  @-moz-document url-prefix() {
    .reveal-modal.open, dialog.open {
      position: fixed; } }
  body.is-reveal-open {
    overflow: hidden; } }
@media only screen and (min-width: 768px) and (min-width: 48.0635em) {
  .reveal-modal.xlarge, dialog.xlarge {
    width: 96rem;
    max-width: 100%;
    /*                height: 96vh;*/
    max-height: 100%;
    left: 0;
    right: 0;
    margin: 0 auto !important;
    overflow: hidden; } }
@media (min-width: 768px) {
  .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    z-index: 999; }

  .modal-content-scroll {
    max-height: 100vh;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }

  .modal-content-scroll > .row {
    width: 100%;
    padding: 0 20px; }

  .modal-content-scroll > .row.summary-row {
    padding: 20px 20px 0 20px; }

  .modal-content-scroll > .row.order-top {
    padding: 0 20px 20px 20px; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .box-modal .row {
    width: 100%;
    min-width: 768px; } }
@media (min-width: 768px) {
  /*** CUSTOM STYLES ****************************************************************************************************/
  .row {
    max-width: 98.4615rem; }

  .hidden {
    display: none !important; }

  /*** LISTS ***/
  .drug-description li {
    position: relative;
    font-size: 13px;
    line-height: 24px;
    margin: 0; }

  .drug-description li.attention {
    margin: 0 0 0 20px;
    list-style-image: url(../../images/attention-recipe-min.svg); }

  .attention {
    color: #ff4545;
    /*    margin: 0 0 0 20px;
        background: url(attention-recipe.svg) 0 46% no-repeat;*/ }

  /*** BUTTONS, INPUTS ***/
  button {
    font-family: "Open Sans", sans-serif; }

  .input {
    border: 1px solid #d4dadd;
    /*    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;*/
    /*    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);*/
    background: #fff;
    height: 40px;
    font-weight: 400;
    color: #2d2d2d;
    font-size: 14px;
    line-height: 18px;
    padding: 7px 15px;
    position: relative; }

  .authorization-form .input {
    width: 128px; }

  .textarea {
    border: 1px solid #d4dadd;
    background: #fff;
    height: 100px !important;
    /*    font-weight: 400;
        color: #8690a2;
        font-size: 12px;
        line-height: 18px;
        padding: 7px 15px;
        width: 424px;
        resize: none;
        margin: 0;
        font-style: italic;*/
    overflow: auto; }

  .contact-tab .contact-form .textarea {
    width: 490px; }

  .textarea:focus,
  .input:focus,
  .textarea.focus,
  .input.focus {
    border-color: #b7d4ea; }

  .textarea.text-active,
  .input.text-active {
    font-style: normal;
    color: #2c363f; }

  .error.textarea,
  .error.input,
  .error .textarea,
  .error .input {
    border-color: red; }

  .input-placeholder-text {
    font-size: 16px;
    line-height: 18px;
    color: #9a9999;
    margin: 7px 0 0 15px;
    font-weight: 400; }

  .underlined {
    text-decoration: underline; }

  .underlined:hover {
    text-decoration: none; }

  .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; }

  /*** ALT-HEADER *******************************************************************************************************/
  .alt-header .logo-title {
    font-size: 12px;
    line-height: 16px; }

  .alt-header .top-contact {
    float: none; }

  .alt-header .top-contact .tel {
    font-size: 20px;
    line-height: 24px; }

  .alt-header .top-contact .tel span {
    font-size: 14px;
    line-height: 24px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .alt-header .top-contact .tel {
    font-size: 16px;
    line-height: 20px; }

  .alt-header .top-contact .tel span {
    font-size: 12px;
    line-height: 20px; } }
@media (min-width: 768px) {
  /*** POPUP ************************************************************************************************************/
  .popup-holder {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 9999; }

  .popup-holder .bg {
    background: #000;
    height: 100%;
    left: 0;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4; }

  .popup {
    background: #fff;
    width: 940px;
    left: 50%;
    z-index: 50;
    top: 169px;
    position: absolute;
    margin: 0 0 0 -470px;
    margin-top: 20px !important;
    padding: 26px 60px 35px;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); }

  .popup .close {
    background: url(../../images/bg-close.png) no-repeat;
    z-index: 999;
    position: absolute;
    right: -17px;
    top: -17px;
    width: 34px;
    height: 34px;
    overflow: hidden;
    text-indent: -9999px;
    cursor: pointer; }

  .cbx-wrapper {
    position: relative;
    top: 0;
    box-shadow: none;
    padding: 30px;
    width: 900px;
    max-width: 900px;
    box-sizing: border-box; }

  .popup h2 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    margin: 0 0 22px; }

  .popup .title-wrap {
    width: 100%;
    margin: 0 0 12px; }

  .popup .title-wrap h2 {
    display: inline;
    margin: 0 11px 0 0; }

  .popup .title-wrap .blue-btn {
    vertical-align: text-bottom;
    top: 3px; }

  .popup p {
    line-height: 18px; }

  .input-location {
    width: 100%;
    overflow: hidden;
    margin: 0 0 29px; }

  .input-location input {
    width: 100%;
    float: left;
    color: #cbcbd3;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #d5dbde;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.1); }

  .input-location input.text-active {
    color: #262626; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .cbx-wrapper {
    width: 830px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .cbx-wrapper {
    width: 690px; }

  .popup {
    background: #fff;
    width: 100%;
    margin-top: 20px !important;
    left: 0;
    z-index: 50;
    top: 169px;
    position: absolute;
    margin: 0;
    padding: 26px 30px 30px; }

  .input-location input {
    font-size: 16px; }

  .country_location .col {
    width: 40%;
    min-width: 164px;
    float: left; }

  .country_location .col.item-col {
    width: 55%;
    margin: 0 0 0 20px;
    float: left; } }
@media (min-width: 768px) {
  /* colorbox */
  .country_location .item-col .list {
    display: block;
    float: none; }

  /*** MAIN SECTION *****************************************************************************************************/
  #main {
    width: 100%;
    padding: 50px 0 0 0;
    /*padding: 0;*/
    margin-bottom: 40px; }

    /* .index #main {

    } */
  .search-drop {
    width: 99%;
    position: absolute;
    background: #fff;
    left: -9999px;
    top: 35px;
    font-weight: 400;
    padding: 15px 0 10px;
    box-sizing: border-box;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1); }

  .search-drop.opened {
    width: 98%;
    top: 55px;
    left: 11px;
    box-shadow: 0 -1px 0 #e5e5e5, 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
    z-index: 19; }

  .active-search .search-drop {
    right: 0;
    left: 0; }

  .search-drop .title {
    color: #818181;
    font-size: 9px;
    text-transform: uppercase;
    line-height: 18px;
    margin: 0 0 3px;
    padding: 0 33px; }

  .search-drop .list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #2c363f;
    font-size: 9px;
    line-height: 18px;
    overflow-y: auto;
    overflow-x: hidden;
    text-transform: uppercase; }

    /*.search-drop .list li:hover {

    }*/
  .search-drop .list a {
    display: block;
    padding: 7px 33px;
    text-decoration: none;
    /*    border-bottom: 1px dotted #225378;*/
    color: #aaaaaa;
    font-size: 14px;
    line-height: 18px;
    text-transform: none; }

  .sd-origname {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    margin: 0 6px 0 0;
    color: #225378; }

  .search-drop .list a:hover .sd-origname {
    border-bottom: 1px dotted #225378; }

  .sd-comgroup {
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 400;
    line-height: 18px; }

  .search-drop .list a:hover {
    background: #efefef; }

  .tab-wrapper {
    width: 100%;
    margin: 0 0 41px; }

  .tab-wrapper .tab-set {
    position: relative;
    zoom: 1;
    margin: 0;
    padding: 0 0 0 6px;
    list-style: none;
    background: #22b6c2; }

  .tab-wrapper .tab-set:after {
    display: block;
    clear: both;
    content: ""; }

  .tab-wrapper .tab-set li {
    float: left;
    margin: 0 -2px 0 0;
    padding: 5px 0 0;
    cursor: pointer; }

  .tab-wrapper .tab-set li:first-child {
    background: none; }

  .tab-wrapper .tab-set li a {
    float: left;
    height: 47px;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding: 11px 12px 0; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .tab-wrapper .tab-set li a {
    padding-left: 10px;
    padding-right: 10px; } }
@media (min-width: 768px) {
  .tab-wrapper .tab-set li a em {
    border-bottom: 1px dotted;
    font-style: normal; }

  .tab-wrapper .tab-set li.active a em,
  .tab-wrapper .tab-set li a:hover em {
    border: 0; }

  .tab-wrapper .tab-set li a span {
    padding: 0 7px 1px 22px;
    float: left; }

  .tab-wrapper .tab-set li.active a {
    color: #404040;
    background: #fff; }

  .tab-wrapper .tab-set li.star span {
    background: url(../../images/star.png) no-repeat 0 3px; }

  .tab-wrapper .tab-set li.star.active span {
    background-position: 0 -82px; }

  .tab-wrapper .tab-set li.discount span {
    background: url(../../images/discount.png) no-repeat 0 4px;
    margin: 0 0 0 2px; }

  .tab-wrapper .tab-set li.discount.active span {
    background-position: 0 -84px; }

  .tab-wrapper .tab-set li.popular span {
    background: url(../../images/popular.png) no-repeat 0 2px;
    margin: 0 0 0 2px; }

  .tab-wrapper .tab-set li.popular.active span {
    background-position: 0 -81px; }

  .main-tab-wrapper .tab-set li {
    margin-right: 15px; }

  .tab-wrapper.main-tab-wrapper .tab-body {
    padding-top: 38px;
    position: relative;
    background: #fff; }

  .tab-wrapper .tab {
    padding: 48px 0 0; }

  .tab-wrapper.main-tab-wrapper .tab {
    padding: 0; }

  .tab-wrapper .tab:after {
    display: block;
    clear: both;
    content: ""; }

  .item-list {
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 1232px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    margin-bottom: 65px !important; }

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

  * + html .item-list li {
    display: inline; }

  .item-list .category {
    color: #7e7e7e;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 2px; }

  .item-list h3 {
    margin: 0 0 11px;
    font-size: 18px;
    line-height: 21px;
    font-weight: 400; }

  .item-list h3 a {
    color: #1695a3;
    text-decoration: underline; }

  .item-list h3 a:hover {
    text-decoration: none; }

  .item-list .wrap {
    /* min-height: 65px; */
    height: 65px;
    margin-bottom: 5px;
    overflow: hidden; }

  .item-list .visual-image {
    height: 132px;
    border: 3px solid #f1f2f1;
    border-bottom: none;
    position: relative;
    overflow: hidden; }

  .item-list .visual-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .item-list .visual-info {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-align: center;
    margin: 0; }

  .item-list .visual-info .price {
    /*width: 184px;*/
    float: left;
    background: #f1f2f1;
    font-weight: 600;
    font-size: 16px;
    padding: 0 3px; }

  .item-list .buy-btn {
    display: block;
    /*width: 103px;*/
    float: right;
    background: #b1b1b1;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 3px;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease; }

  .item-list .buy-btn:hover {
    background: #0bafbd; }

  .item-list-one-row {
    overflow: hidden;
    position: relative; }

  .item-list-one-row .item-list {
    width: 9999px !important; }

  .partners-wrapper {
    width: 100%;
    margin: 0 0 20px; }

  .partners-wrapper h3 {
    background: url(../../images/dot03.gif) repeat-x 0 12px;
    margin: 0 0 23px;
    color: #2c363f;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center; }

  .partners-wrapper h3 span {
    background: #fff;
    padding: 0 27px; }

  .partners-gallery {
    width: 100%;
    position: relative;
    padding: 30px 0 0; }

  .partners-gallery .prev,
  .partners-gallery .next {
    background: url(../../images/arrow05.png) no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 93px;
    left: 1px;
    overflow: hidden;
    text-indent: -9999px; }

  .partners-gallery .next {
    background-position: -36px 0;
    left: auto;
    right: 1px; }

  /*.partners-gallery .all {
      color: #225378;
      font-weight: 600;
      font-style: italic;
      position: absolute;
      left: 998px;
      top: 69px;
      font-size: 16px;
      line-height: 24px;
  }*/
  .partners-gallery .gallery-holder {
    position: relative;
    padding: 0 76px; }

  .partners-gallery .gallery {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 9999px; }

  .partners-gallery .gallery li {
    float: left;
    width: 160px;
    padding: 0 15px; }

  .partners-gallery .all748 {
    display: none; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .partners-gallery .next {
    right: -20px; }

  .partners-gallery .prev {
    left: -20px; }

  .partners-gallery .all {
    left: 760px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .partners-gallery .next {
    right: -1px; }

  .partners-gallery .prev {
    left: -1px; }

  .partners-gallery .all {
    left: 621px;
    font-size: 13px;
    line-height: 18px;
    top: 89px; }

  .partners-gallery .all {
    display: none; }

  .partners-gallery .all748 {
    display: block; }

  .partners-gallery .gallery-holder {
    padding: 0 57px; } }
@media (min-width: 768px) {
  .partners-gallery .gallery a {
    text-decoration: none;
    display: block;
    cursor: pointer; }

  .partners-gallery .visual {
    margin: 0 0 19px;
    height: 57px;
    overflow: hidden;
    display: block; }

  .partners-gallery .text {
    border-top: 1px dotted #dcdce6;
    display: block;
    padding: 8px 0 0; }

  .partners-gallery .name {
    color: #2c363f;
    font-size: 13px;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin: 0 0 7px; }

  /*.partners-gallery .note {
      color: #2c363f;
      font-size: 11px;
      line-height: 16px;
      font-weight: 300;
      display: block;
  }*/
  .tab-description .side-navigation a {
    font-size: 14px;
    padding: 16px 12px;
    text-transform: lowercase; }

  .tab-description .side-navigation a:first-letter {
    text-transform: uppercase; }

  .tab-description .side-navigation a span {
    border-bottom: none; }

  .tab-description .side-navigation .active a span {
    border: 0; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .side-navigation {
    margin-right: 20px; }

  .side-navigation > li > a {
    padding: 10px 10px 10px 23px;
    font-size: 12px; }

  .side-navigation .submenu {
    padding-left: 23px;
    font-size: 12px;
    line-height: 15px; }

  .side-navigation .submenu li {
    padding: 0 0 10px 16px;
    background: url(../../images/green-plus748.png) no-repeat 1px 6px; } }
@media (min-width: 768px) {
    /*.catalog-wrapper {
        zoom: 1;
        padding: 45px 0 45px 78px;
        margin: 0 0 0 -40px;
    }
    .catalog-wrapper .col .list {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #1695a3;
    }
    .catalog-wrapper .col .list a {
        color: #1695a3;
    }
    .catalog-wrapper .col {
        width: 340px;
    }
    .catalog-wrapper .col.visible768 {
        display: none;
        width: 300px;
        padding-left: 88px;
    }
    .catalog-wrapper h3 {
        margin: 0 0 16px;
        color: #225378;
        font-size: 13px;
        text-transform: uppercase;
        line-height: 18px;
        font-weight: bold;
    }
    .catalog-wrapper h3 a {
        color: #225378;
        text-decoration: none;
    }
    .catalog-wrapper h3 a:hover {
        text-decoration: underline;
    }
    .catalog-wrapper .box {
        margin: 26px 0 0;
    }
    @media only screen and (max-width: 77.5em) {
        .catalog-wrapper .col {
            width: 251px;
        }

    }
    @media only screen and (max-width: 60em) {
        .catalog-wrapper {
            margin-left: -88px;
        }
        .catalog-wrapper .col {
            display: none;
        }
        .catalog-wrapper .col.visible768 {
            display: block;
        }
    }*/
  .drug-info {
    margin: 10px 0 30px; }

  .drug-info-row {
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 16px; }

  .fotorama__stage,
  .fotorama__thumb {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    box-sizing: border-box; }

  .drug-fotorama .item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

  .drug-fotorama .item img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .fotorama__img {
    width: 60% !important;
    height: auto !important;
    position: absolute;
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0 !important;
    margin: auto; }

  .fotorama__thumb-border {
    border-color: #90dce3; }

  .store-info {
    padding: 20px;
    border: 1px solid #90dce3; }

  .si-title {
    font-size: 18px;
    margin-bottom: 6px; }

  .si-subtitle {
    font-size: 16px;
    line-height: 30px;
    color: #919191;
    margin-bottom: 5px; }

  .si-price {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 12px; }

  .si-controls {
    font-size: 0; }

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

  .plugin-wrapper {
    margin-bottom: 45px; }

  .anchor-menu {
    background: #E0F3F5;
    display: block;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 40px;
    font-size: 0; }

  .anchor-menu li {
    display: inline-block;
    padding: 0 12px;
    height: 62px;
    font-size: 16px;
    line-height: 56px;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    transition: border-color .3s ease; }

  .anchor-menu li.active {
    border-bottom: 5px solid #5FD2DE; }

  .anchor-menu li a {
    line-height: 30px;
    color: #0BAFBD;
    vertical-align: middle;
    text-decoration: none; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .anchor-menu li {
    font-size: 14px; } }
@media (min-width: 768px) {
  .s-label {
    font-weight: bold;
    margin-bottom: 20px; }

  /*.release-form li {
      margin-bottom: 20px;
  }*/
  /*.show-all-forms {
      background: #0a848e;
      padding: 45px 20px !important;
      border: 1px solid #e9e9e9;
      margin-top: 89px;
      color: $white;
      font-size: 18px;
      line-height: 24px;
      text-align: center;
      cursor: pointer;
      -webkit-transition: background-color .2s ease;
      -moz-transition: background-color .2s ease;
      transition: background-color .2s ease;
  }
  .show-all-forms:hover {
      background: #0bafbd;
  }
  .show-all-forms span {
      border-bottom: 1px dotted $white;
  }
  .show-all-forms:hover span {
      border-bottom: none;
  }*/
  .release-form-title {
    /*min-height: 74px;*/
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 12px 0 8px;
    padding: 0 16px 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.8rem;
    color: #222; }

  .subtitle_18 {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4rem; }

  .rf-title {
    font-size: 18px; }

  .rf-visual-image {
    background: #fff;
    height: 136px;
    position: relative;
    display: block; }

  /*.rf-visual-image:before {
      content: '';
      display: block;
      position: absolute;
      top: -1px;
      left: 0;
      right: 0;
      width: 100px;
      height: 1px;
      background-color: #f0f0f0;
      margin: 0 auto;
  }*/
  .rf-visual-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .release-form-title > .attention {
    position: absolute;
    top: -9px;
    right: 4px;
    width: 20px;
    height: 16px;
    background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
    cursor: help;
    overflow: hidden; }

  .release-form-title > .attention:hover {
    opacity: 1;
    overflow: visible; }

  .release-form-title > .attention > .attention-popup {
    position: absolute;
    display: block;
    top: -15px;
    right: 30px;
    width: 170px;
    padding: 10px;
    background: #ff6600;
    color: #ffffff;
    font-size: 11px;
    cursor: default;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    z-index: 1; }

  .release-form-title > .attention > .attention-popup:after {
    content: '';
    position: absolute;
    top: 12px;
    right: -7px;
    width: 14px;
    height: 14px;
    background: #ff6600;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

  .release-form-title > .attention:hover > .attention-popup {
    top: -12px;
    opacity: 1; }

  .rf-visual-price {
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    padding: 2px 16px 16px;
    font-size: 20px;
    font-weight: 600;
    color: #222; }

  .rf-info {
    display: table;
    width: 100%;
    height: 52px;
    overflow: hidden;
    text-align: center;
    font-size: 13px; }

  .rf-info .to-cart,
  .rf-info .show-btn {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    line-height: 18px;
    padding: 0 5px; }

  /*.rf-info .to-cart {
      background: #0154a6;
      font-size: 13px;
      color: $white;
      text-transform: uppercase;
      -webkit-transition: background-color .2s ease;
      -moz-transition: background-color .2s ease;
      transition: background-color .2s ease;
  }*/
  /*.rf-info .to-cart:hover {
      background-color: #156cc2;
  }*/
  .rf-info .show-btn {
    background-color: #0bafbd;
    color: #fff;
    text-decoration: none;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease; }

  .rf-info .show-btn:hover {
    background-color: #16bfcd; }

  .rf-info .show-btn span {
    border-bottom: 1px dotted #fff; }

  .rf-info .show-btn:hover span {
    border: none; }

  .utsenka-mark {
    margin: auto;
    border-radius: 15px;
    line-height: 16px;
    font-style: italic;
    font-size: .85rem;
    background-color: #248E13;
    color: #ffffff;
    display: inline-block;
    padding: 0 7px;
    font-weight: 100; }

  .plugin-banner {
    position: relative;
    overflow: hidden;
    margin-left: 50px; }

  .plugin-banner.fixed {
    position: fixed; }

  .banner-item {
    float: right;
    margin-bottom: 10px; }

  .reference-caption {
    font-family: 'Conv_dincondensedc', sans-serif;
    font-size: 36px;
    line-height: 36px;
    color: #bfbfbf;
    text-align: center;
    margin: 50px 0 40px;
    text-transform: uppercase; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  .reference-caption {
    font-size: 30px; } }
@media (min-width: 768px) {
  .release-form {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    width: 100%; }

  .release-form-box {
    position: relative;
    display: block;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-box-flex: 0 0 24%;
    -moz-box-flex: 0 0 24%;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    margin: 0 1% 12px 0;
    border: 1px solid #f0f0f0;
    /*    text-align: center;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1; }

  .release-form-box:hover > .release-form-title {
    color: #0badbc; }

  .release-form-box:hover > .release-form-visual .rf-info .show-btn {
    background-color: #0cc3d4; }

  /*.release-form-box:nth-child(n+5) {
          display: none;
      }*/ }
@media all and (min-width: 768px) and (max-width: 960px) {
  .release-form-box {
    -webkit-box-flex: 0 0 32%;
    -moz-box-flex: 0 0 32%;
    -webkit-flex: 0 0 32%;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    margin: 0 1% 12px 0; }

  /*    .release-form-box:nth-child(n+4) {
          display: none;
      }
  */ }
@media (min-width: 768px) {
  .release-form-current {
    display: none;
    background: #fff;
    padding: 0 0 20px 0; }

  .release-form-current h3 {
    margin: 10px 0 0 0; }

  .release-form-current .rf-visual-image {
    width: 218px;
    margin-bottom: 10px; }

  .rfc-title {
    font-size: 24px;
    line-height: 30px; }

  .rfc-main-link {
    margin-bottom: 70px; }

  .rfc-main-link a {
    font-size: 16px;
    line-height: 30px; }

  .rfc-main-link a:not(:first-child) {
    margin-left: 20px; }

  .release-form-current .link-14 {
    font-size: 14px;
    line-height: 30px; }

  .rfc-form-container {
    font-size: 0;
    margin-bottom: 20px; }

  .rfc-form {
    display: block;
    padding: 11px 0;
    position: relative;
    width: 100%;
    font-size: 13px;
    border-bottom: 1px solid #ededed;
    overflow: hidden; }

  .dosage-link {
    border-bottom: 1px dotted; }

  .rfc-controls {
    font-size: 0; }

  .rfc-controls .btn:not(:last-child) {
    margin-right: 5px; }

  .rfc-form .title_18 {
    display: inline-block;
    width: 45%;
    vertical-align: top;
    font-size: 16px; }

  .rfc-form .title_18.full-width {
    display: block;
    width: 100%; }

  .rfc-form > .title_18 > span.attention {
    background: url(../../images/attention-recipe-min.svg) 0 46% no-repeat;
    display: block;
    margin: 5px 0 0 0;
    padding: 0 0 0 18px;
    font-size: 12px;
    font-weight: 400;
    clear: both; }

  .release-form-header {
    width: 100%;
    background: #f6f6f6;
    margin: 0 0 20px 0;
    overflow: hidden; }

  .link-14.js-go-rf-all {
    display: block;
    float: left;
    width: 120px;
    height: 70px;
    line-height: 100%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 10px;
    margin: 0 20px 0 0;
    padding: 24px 0 0 37px;
    background: url(../../images/arrow-left.png) 9px 50% no-repeat;
    border-right: 3px solid #fff; }

  .link-14.js-go-rf-all:hover {
    color: #16bfcd;
    background: #D2F4F7 url(../../images/arrow-left.png) 9px 50% no-repeat; }

  .release-form-current h2.title-section_30 {
    margin: 0;
    width: 100%;
    border: none;
    padding: 20px 0; }

  h4.title_24 {
    margin: 10px 0;
    font-size: 21px; }

  .rfc-filter-link {
    display: block;
    margin: 5px 0 5px 0;
    font-weight: 400;
    clear: both; }

  .rfc-filter-link li {
    display: block;
    position: relative;
    font-size: 12px; }

  .rfc-filter-link a {
    text-decoration: underline; }

  .rfc-filter-link a:hover {
    text-decoration: none; }

  .rfc-price {
    display: inline;
    /*margin-top: 5px;*/
    color: #0154A6;
    float: right; }

  .rfc-button-box {
    display: inline-block;
    float: right;
    position: relative;
    width: 45%;
    height: 50px;
    text-align: right; }

  .rfc-btn {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 50px;
    padding: 0;
    margin: 0 0 0 1%; }

  .rfc-offer-places {
    width: 100%;
    float: left;
    margin-top: 8px;
    font-weight: 600;
    font-size: 10px;
    line-height: 120%; }

  .rfc-price-btn {
    display: block;
    position: relative;
    font-size: 14px;
    /* padding-top: 5px; */
    margin-top: 5px;
    padding: 6px 0;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.08);
    text-transform: lowercase; }

  .rfc-price-btn.no-price {
    font-size: 11px;
    font-weight: 400; }

  .rf-visual-price em, .rfc-price-btn em {
    font-weight: 400;
    font-size: 11px;
    font-style: normal; }

  .rf-visual-price > .formatted-price {
    font-size: 18px !important; }

  .rfc-offer-numbers {
    position: absolute;
    width: 50px;
    top: 0;
    right: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    font-size: 14px;
    font-weight: 600; }

  .rfc-form.like-table {
    display: table;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 40px 0; }

  .rfc-form.like-table > .rfc-img {
    display: table-cell;
    empty-cells: show;
    width: 180px;
    vertical-align: top;
    padding: 0 30px 0 0;
    box-sizing: border-box; }

  .rfc-form.like-table > .title_18 {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 100%;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5em;
    /*    overflow: hidden;*/ }

  .rfc-form.like-table > .rfc-button-box {
    display: table-cell;
    vertical-align: top;
    width: 220px; }

  img.medtech-img {
    display: block;
    position: relative;
    width: 180px;
    max-width: 180px;
    height: 100px;
    border: 1px solid #f0f0f0; }

  .medtech-description {
    position: relative;
    display: block;
    width: 100%;
    height: 130px;
    /*    max-height: 130px;*/
    overflow: hidden; }

  .medtech-description:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .medtech-description > p {
    margin-bottom: 0.25rem; }

  .firm-description-wrapper:hover .block-toggler {
    opacity: 1; }

  .block-toggler:after {
    content: '';
    width: 7px;
    height: 1px;
    position: absolute;
    top: 9px;
    left: 8px;
    background: #bdbdbd;
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg); }

  .block-toggler:before {
    content: '';
    width: 7px;
    height: 1px;
    position: absolute;
    top: 9px;
    right: 8px;
    background: #bdbdbd;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg); }

  /*.block-toggler.opened-toggler {
      top: auto;
      bottom: 15px;
      -webrit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease;
      -ms-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg);
  }*/
  .rfc-form.like-table > .title_18 .rubber.opened-rubber:after {
    display: none; }

  .block-toggler.opened-toggler:before {
    top: 8px;
    -webrit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg); }

  .block-toggler.opened-toggler:after {
    top: 8px;
    -webrit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg); }

  .elem-text.opened-rubber:after {
    display: none; }

  .rfc-form.like-table > .title_18 h3 {
    font-weight: 600;
    margin-bottom: 5px; }

  .rfc-form.like-table > .title_18 .rubber {
    margin: 0 30px 0 0; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .rfc-form .title_18 {
    width: 45%; }

  .rfc-button-box {
    width: 50%; } }
@media (min-width: 768px) {
  .dn-top {
    margin-bottom: 16px; }

  .dn-logo {
    display: block;
    float: left;
    width: 62px;
    height: 45px;
    border: 1px solid #e6e6e6;
    position: relative;
    overflow: hidden;
    margin-right: 20px; }

  .dn-logo img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .panel-gray {
    background: #f6f6f6;
    padding: 8px 10px; }

  .panel-gray .panel-label {
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top; }

  .sort-link {
    display: inline-block;
    vertical-align: top;
    margin-top: 6px;
    font-size: 14px;
    line-height: 18px;
    color: #0154a6;
    position: relative; }

  .sort-link span {
    border-bottom: 1px dotted; }

  .sort-link:after {
    content: '';
    display: inline-block;
    width: 16px;
    height: 17px;
    margin-left: 4px;
    vertical-align: bottom;
    background: none; }

  .sort-link.asc:after {
    background: url(../../images/ascdesc.png) no-repeat; }

  .sort-link.desc:after {
    background: url(../../images/ascdesc.png) no-repeat 0 -17px; }

  .custom-checkbox {
    display: inline-block;
    overflow: hidden;
    font-size: 0; }

  .custom-checkbox input[type="checkbox"] {
    display: none; }

  .custom-checkbox label {
    display: inline-block;
    font-size: 12px;
    vertical-align: top; }

  .custom-checkbox .checker {
    background: url(../../images/custom_checkbox.png) no-repeat 0 0;
    float: left;
    width: 16px;
    height: 17px;
    margin: 0 5px 0 0; }

  .custom-checkbox input[type="checkbox"]:checked + .checker {
    background-position: 0 -17px; }

  .panel-gray .custom-checkbox {
    margin: 7px 50px 0 55px; }

  .custom-radio {
    display: inline-block;
    overflow: hidden;
    font-size: 0; }

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

  .custom-radio .radio-ico {
    background: url(../../images/custom_radio.png) no-repeat 0 0;
    display: block;
    float: left;
    width: 18px;
    height: 18px; }

  .custom-radio input[type="radio"]:checked + .radio-ico {
    background-position: 0 -17px; }

  .ui-selectmenu-button {
    display: block;
    height: 40px !important;
    margin: 0;
    padding: 0;
    border: 1px solid #e2e2e2;
    position: relative;
    text-decoration: none;
    background: #fdfdfd;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 3px 0 #fff;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 3px 0 #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 3px 0 #fff; }

  .ui-selectmenu-button span.ui-selectmenu-text {
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #3e3e3e;
    line-height: 40px;
    padding: 0 47px 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left; }

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

  .ui-front {
    z-index: 998; }

  .ui-selectmenu-menu {
    display: none;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 1800; }

  .ui-widget {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px; }

  .ui-menu {
    list-style: none;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0; }

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

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

  .ui-menu .ui-menu-item.ui-state-focus {
    background: #a2a2a2;
    text-decoration: none;
    color: #fff !important;
    border: none;
    font-weight: 100; }

  .ui-menu .ui-menu-item:hover {
    background: #a2a2a2;
    text-decoration: none;
    color: #fff !important;
    border: none;
    font-weight: 100; }

  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    background: #a2a2a2;
    text-decoration: none;
    color: #fff !important;
    border: none;
    font-weight: normal; }

  .ui-selectmenu-open {
    display: block; }

  .release-dosage {
    display: none; }

  /*.release-dosage .ui-selectmenu {*/
  /*display: inline-block;*/
  /*width: 200px;*/
  /*margin: 0 20px;*/
  /*}*/
  /*@media only screen and (max-width: 60em) {*/
  /*.release-dosage .ui-selectmenu {*/
  /*width: 190px;*/
  /*}*/
  /*}*/
  .online-shop-table {
    background: #fff;
    width: 100%;
    border: none; }

  .online-shop-table tr.even,
  .online-shop-table tr.alt,
  .online-shop-table tr:nth-of-type(even) {
    background: #fff; }

  .online-shop-table td {
    border-bottom: 1px solid #ededed;
    line-height: normal;
    padding: 10px; }

  .online-shop-table td:first-child {
    width: 142px;
    padding-left: 0; }

  .online-shop-table td:last-child {
    width: 225px;
    text-align: right;
    padding-right: 0; }

  .online-shop-table tr:last-child td {
    border-bottom: none; }

  /* Акции в таблице */
  .ot-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    margin: 3px 0 0 0;
    text-align: center; }

  .ot-actions.all-dosage {
    margin: 10px 0 0 0; }

  .ot-actions:after {
    content: '';
    display: block;
    clear: both; }

  .ot-actions > .dosage-action {
    position: relative;
    display: inline-block;
    width: auto;
    height: 20px;
    margin: 0 10px 0 0;
    padding: 2px 0 0 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    font-size: 12px;
    color: #222;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ot-actions.all-dosage > .dosage-action {
    font-size: 12px;
    padding: 4px 0 0 24px;
    color: #888; }

  .ot-elem-action {
    font-size: 13px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 0 25px;
    background-image: url(../../images/icons-ot-action.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    font-style: italic;
    width: 100%;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-rendering: auto;
    overflow: hidden;
    color: #419c45; }

  .ot-actions > .dosage-action.ac-card {
    background-image: url(../../images/icons-big-green-card-h.png);
    background-size: 20px 20px; }

  .ot-actions > .dosage-action.ac-card:hover {
    background-image: url(../../images/icons-big-green-card-hov.png);
    background-size: 20px 20px; }

  .ot-actions > .dosage-action.ac-pens {
    background-image: url(../../images/icons-big-green-pensioneer-h.png);
    background-size: 20px 20px; }

  .ot-actions > .dosage-action.ac-pens:hover {
    background-image: url(../../images/icons-big-green-pensioneer-hov.png);
    background-size: 20px 20px; }

  .ot-actions > .dosage-action.ac-action {
    background-image: url(../../images/icons-big-green-action-h.png);
    background-size: 20px 20px; }

  .ot-actions > .dosage-action.ac-action:hover {
    background-image: url(../../images/icons-big-green-actions-h.png);
    background-size: 20px 20px; }

  /* icons-big-green-card  */
  /* Акции в таблице закончились */
  .edged {
    position: relative; }

  .edged:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodпїЅEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 98%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 98%);
    filter: "progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1)"; } }
@media all and (min-width: 768px) and (max-width: 768px) {
  .edged {
    width: 250px;
    position: relative;
    overflow: hidden; } }
@media all and (min-width: 768px) and (min-width: 48em) {
  .edged {
    width: 250px;
    position: relative;
    overflow: hidden; } }
@media all and (min-width: 768px) and (min-width: 60em) {
  .edged {
    width: 350px;
    position: relative;
    overflow: hidden; } }
@media all and (min-width: 768px) and (min-width: 1200px) {
  .edged {
    width: 350px;
    position: relative;
    overflow: hidden; } }
@media (min-width: 768px) {
  /*    .online-title {
              display: block;
              white-space: nowrap;
      }*/
  /*    .online-subtitle {
              display: block;
              white-space: nowrap;
      }*/
  /*********************************************************
  *********************************************************/
  .ost-comission {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600; }

  .ost-controls {
    font-size: 0; }

  .ost-controls > .btn {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 12px; }

  .ost-controls > .btn:nth-of-type(2) {
    margin-top: 5px; }

  .online-shop-table td:last-child {
    width: 130px; }

  .online-shop-table .btn {
    font-size: 14px;
    padding: 0 7px; }

  .online-shop-table .btn:not(:last-child) {
    margin-right: 5px; }

  .ost-label-price {
    display: inline-block;
    float: left;
    font-weight: 600; }

  .ost-label-price:first-child {
    margin-right: 30px; }

  .ost-label {
    font-size: 12px;
    line-height: 30px; }

  .ost-price {
    font-size: 16px;
    line-height: 24px; }

  .ost-blue-commision {
    font-size: 12px;
    line-height: 24px;
    color: #0bafbd;
    font-weight: 600;
    padding-top: 5px;
    clear: both; }

  .analog-block {
    margin-bottom: 20px; }

  /*.analog-head {
      height: 60px;
  }*/
  .analog-item {
    margin-bottom: 15px; }

  .ai-title {
    margin-bottom: 2px;
    font-weight: 600; }

  .ai-subtitle {
    margin-bottom: 5px; }

  .reviews-wrapper {
    overflow: hidden;
    margin-bottom: 20px; }

  .company-info dd {
    margin: 0 0 0;
    overflow: hidden;
    padding: 0; }

  .reviews-wrapper h2 {
    font-size: 30px;
    font-weight: 300;
    margin: 0 0 40px; }

  .reviews-wrapper .reviews-form {
    border-top: 1px solid #dcdce6;
    padding-top: 52px; }

  .reviews-form {
    zoom: 1;
    color: #2c363f;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px; }

  /*.reviews-form h2 {
      margin: 0 0 32px;
  }*/
  /*.reviews-form .line {
      position: relative;
      width: 100%;
      padding: 0;
  }*/
  .reviews-form .line .r-col-12 {
    display: inline-block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }

  .reviews-form .line .r-col-8 {
    display: inline-block;
    float: left;
    width: 66.66666666666667%;
    margin: 0;
    padding: 0 1rem 0 0;
    box-sizing: border-box; }

  .reviews-form .line .r-col-6 {
    display: inline-block;
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 1rem 0 0;
    box-sizing: border-box; }

  .reviews-form .line .r-col-4 {
    display: inline-block;
    float: left;
    width: 33.33333333333333%;
    margin: 0;
    padding: 0 1rem 0 0;
    box-sizing: border-box; }

  .reviews-form .line .r-col-3 {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 0;
    padding: 0 1rem 0 0;
    box-sizing: border-box; } }
@media all and (min-width: 768px) and (max-width: 768px) {
  .reviews-form .line .r-col-12, .reviews-form .line .r-col-8, .reviews-form .line .r-col-6, .reviews-form .line .r-col-4, .reviews-form .line .r-col-3 {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; } }
@media (min-width: 768px) {
  .reviews-form .line:after {
    display: block;
    clear: both;
    content: ""; }

  .reviews-form .col {
    float: left;
    width: 220px;
    margin: 0 17px 0 0; }

  .reviews-form label {
    display: block;
    margin: 14px 0 10px; }

  .reviews-form input[type='text'] {
    width: 188px; }

  .reviews-form .note-error {
    color: red;
    display: none;
    padding: 3px 0 0; }

  .reviews-form .error .note-error {
    display: block; }

  .reviews-form .note {
    font-style: italic;
    margin: 0 0 18px;
    font-weight: 300; }

  .reviews-form .star-rating-wrap {
    margin-bottom: 0; }

  .reviews-link {
    position: absolute;
    top: 0;
    right: 10px; }

  .reviews-list {
    padding: 0;
    list-style: none;
    font-weight: 400;
    color: #2c363f;
    font-size: 12px;
    line-height: 18px; }

  .reviews-list li {
    width: 100%;
    padding: 35px 0;
    border-top: 1px solid #dcdce6; }

  .reviews-list li:first-child {
    border-top: 0; }

  .reviews-list .wrap:after,
  .reviews-list li:after {
    display: block;
    clear: both;
    content: ""; }

  .reviews-list .holder {
    overflow: hidden; }

  .reviews-list .name {
    font-size: 14px;
    font-weight: 600; }

  .review-head {
    margin-bottom: 15px; }

  .reviews-list p {
    font-size: 12px;
    margin: 0; }

  .rating {
    background: url(../../images/star-rating.png) no-repeat;
    width: 100px;
    position: relative;
    height: 16px;
    overflow: hidden; }

  .rating span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 16px;
    background: url(../../images/star-rating.png) no-repeat 0 -16px; }

  .rating.rating01 span {
    width: 16px; }

  .rating.rating02 span {
    width: 37px; }

  .rating.rating03 span {
    width: 58px; }

  .rating.rating04 span {
    width: 79px; }

  .rating.rating05 span {
    width: 100px; }

  div.rating-cancel {
    display: none; }

  div.star-rating {
    float: left;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden; }

  .star-rating-wrap {
    overflow: hidden;
    position: relative;
    zoom: 1; }

  .star-rating-wrap .radioArea {
    display: none; }

  /*div.rating-cancel,
  div.rating-cancel a {
      background: url(delete.gif) no-repeat 0 -16px;
  }*/
  div.star-rating,
  div.star-rating a {
    background: url(../../images/star-rating.png) no-repeat; }

  div.star-rating {
    margin-right: 5px; }

  div.rating-cancel a,
  div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0; }

  div.star-rating-on a {
    background-position: 0 -16px !important; }

  div.star-rating-hover a {
    background-position: 0 -16px; }

  div.star-rating-readonly a {
    cursor: default !important; }

  div.star-rating {
    background: transparent !important;
    overflow: hidden !important; }

  .radio,
  .checkbox {
    position: absolute;
    left: -9999px; }

  span.checkboxArea,
  span.checkboxAreaChecked {
    position: absolute;
    width: 21px;
    height: 18px;
    background: url(../../images/bg-ch02.png) no-repeat 0 -38px;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    top: 0;
    left: 0; }

  span.checkboxAreaChecked {
    background-position: 0 0; }

  span.radioArea,
  span.radioAreaChecked {
    position: absolute;
    width: 18px;
    height: 19px;
    background: url(../../images/bg-ch.png) no-repeat;
    overflow: hidden;
    margin: 0;
    cursor: pointer;
    top: 0;
    left: 0; }

  span.radioAreaChecked {
    background-position: 0 -27px; }

  .radioArea {
    background: url(../../images/radio_btn.png) no-repeat 0 0;
    display: inline-block;
    width: 18px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0; }

  input[type="radio"]:checked + .radioArea {
    background-position: 0 100%; }

  .instructions {
    margin-bottom: 30px; }

  /*** FOOTER ***********************************************************************************************************/
  #footer {
    background: #f7f7f7; }

  #footer .frame {
    width: 1218px;
    margin: 0 auto; }

  .f-block {
    border-bottom: 7px solid #ededed;
    position: relative; }

  .f-block:after {
    display: block;
    clear: both;
    content: ""; }

  .f-block:before {
    position: absolute;
    height: 7px;
    background: #f2f2f2;
    width: 180px;
    top: -7px;
    left: 936px;
    content: ""; }

  .f-block .col {
    float: left; }

  #footer .partners,
  #footer .services {
    padding-left: 48px; }

  .f-block .partners,
  .f-block .services {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    color: #2c363f;
    background: #f7f7f7 url(../../images/arrow06.png) no-repeat 48px 100px;
    padding-top: 44px;
    height: 131px;
    font-weight: 600; }

  .f-block .services {
    background-color: #f1f2f1; }

  .f-block .statistics {
    position: relative;
    overflow: hidden;
    height: 131px;
    background: #fff;
    padding: 0 0 0 311px; }

  .f-block .statistics .title {
    background: url(../../images/ico01.png) no-repeat 0 4px;
    font-size: 10px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    top: 45px;
    left: 46px;
    padding: 0 0 0 21px;
    margin: 0; }

  .f-block .statistics .num {
    font-size: 48px;
    line-height: 48px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 34px 0 4px;
    vertical-align: top; }

  .f-block .statistics .num em {
    vertical-align: top;
    font-style: normal; }

  .f-block .statistics span {
    font-size: 10px;
    margin: 0 0 0 -6px;
    position: relative;
    top: -11px;
    vertical-align: top; }

  * + html .f-block .statistics span {
    top: 0; }

  .f-block .statistics a {
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline; }

  .f-block .statistics a:hover {
    text-decoration: none; }

  .f-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px; }

  .f-menu li {
    margin: 12px 0 0; }

  .f-menu li:first-child {
    margin-top: 0; }

  .f-menu li.special:after {
    content: '';
    display: block;
    width: 163px;
    height: 1px;
    background: #e6e6e6;
    margin: 18px 0 20px; }

  .f-menu li a {
    text-decoration: none; }

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

  .f-menu li.special a {
    font-weight: 600; }

  .f-holder {
    padding: 29px 0 50px; }

  /*.f-holder .col {*/
  /*float: left;*/
  /*}*/
  .f-contact {
    padding-right: 48px; }

  .f-contact .box-holder {
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    padding: 0 0 27px;
    margin: 0 0 32px; }

  .f-holder:after,
  .f-contact .box-holder:after {
    display: block;
    clear: both;
    content: ""; }

  .f-contact .box-holder .box {
    overflow: hidden;
    text-align: right; }

  .f-contact .box-holder .box:first-child {
    float: left; }

  .f-contact .box-holder .note {
    color: #acacac;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 16px;
    font-weight: 600;
    margin: 0 0 7px; }

  .f-contact .box-holder .tel {
    color: #344049;
    font-size: 30px;
    font-weight: 600;
    line-height: 30px; }

  * + html .f-contact .box-holder .tel {
    line-height: 32px; }

  .f-contact .box-holder .tel span {
    vertical-align: top;
    font-size: 18px;
    background: url(../../images/bg-tel.png) no-repeat 0 3px;
    padding: 0 0 0 22px;
    position: relative;
    top: -3px; }

  .f-contact .address {
    font-style: normal;
    color: #616162;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    border-bottom: 1px solid #e6e6e6;
    padding: 0 0 35px;
    margin: 0 0 12px; }

  .f-contact .note-block {
    color: #959595;
    font-size: 12px;
    line-height: 20px;
    width: 430px;
    margin: 0 0 14px;
    font-weight: 400; }

  .f-contact .note-block p {
    margin: 0; }

  .f-contact .has-error {
    background: url(../../images/ico02.png) no-repeat;
    padding: 0 0 0 25px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none; }

  .f-contact .has-error span {
    border-bottom: 1px dotted; }

  .f-contact .has-error:hover span {
    border: 0; }

  .f-contact .statistics-wrap02,
  .f-contact .statistics-wrap01 {
    width: 88px;
    height: 31px;
    position: absolute;
    bottom: 56px;
    right: 48px; }

  .f-contact .statistics-wrap02 {
    bottom: 15px; }

  .f-contact .address br,
  .f-contact .box-holder .note br {
    display: none; }

  .copyright {
    color: #616162;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    display: none; }

  .popup-holder.size1 .popup {
    width: 1152px;
    padding: 0;
    margin-left: -576px; }

  .popup-holder .popup-aside {
    float: left;
    width: 378px;
    margin: 17px 5px 0 14px;
    position: relative;
    overflow: hidden; }

  .map-box1 {
    overflow: hidden; }

  .map-box1 img {
    display: block; }

  .country_location.popup-aside .scroll {
    height: 600px; }

  h2.normal {
    font-weight: normal;
    margin-bottom: 20px; }

  hr.grey-288 {
    background: #ededed;
    width: 288px;
    height: 5px;
    border: none;
    margin: 0 0 20px; }

  .cart-form {
    padding-bottom: 45px; }

  .custom-table {
    width: 100%;
    border: none;
    margin-bottom: 25px;
    border-bottom: 1px solid #333333; }

  .custom-table tr {
    background: transparent !important; }

  .custom-table th {
    font-size: 12px;
    vertical-align: top;
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 25px;
    border-bottom: 1px solid #333333; }

  .custom-table td {
    font-size: 16px;
    line-height: 18px;
    height: 110px;
    padding: 18px 0;
    border-bottom: 1px solid #d8d8d8; }

  .custom-table td:first-child {
    width: 170px; }

  .custom-table tr:last-child td {
    border-bottom: none; }

  .custom-table tr td:first-child {
    vertical-align: top; }

  .custom-table tr td:last-child {
    padding-left: 16px; }

  .ct-image {
    background: #fff;
    width: 140px;
    height: 70px;
    border: 1px solid #ececec;
    position: relative; }

  .ct-image img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .ct-value {
    width: 42px;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    text-align: center;
    font-size: 13px; }

  .ct-remove {
    background: url(../../images/ct_remove.png) no-repeat;
    display: inline-block;
    width: 27px;
    height: 27px;
    cursor: pointer; }

  .cart-result {
    width: 340px;
    float: right;
    text-align: left; }

  .cr-label {
    font-size: 12px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase; }

  .cr-sum {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 15px; }

  .cr-select {
    margin-bottom: 20px; }

  .cart-result .btn {
    width: 100%; }

  /* пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅ */
  .arcticmodal-container_i {
    background: transparent;
    border: none; }

  .box-modal {
    /*    background: $white;*/
    position: relative;
    padding: 0; }

  .box-modal_close {
    background: url(../../images/box_modal-close.png) no-repeat;
    width: 34px;
    height: 34px;
    position: absolute;
    top: -17px;
    right: -17px;
    cursor: pointer; }

  .box-modal h2 {
    font-weight: normal;
    margin-bottom: 10px; }

  .box-modal h3 {
    font-size: 24px;
    margin-bottom: 30px; }

  .box-modal .text_18 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 100; }

  .bm-head {
    padding-bottom: 8px;
    border-bottom: 1px dotted #dcdce6;
    overflow: hidden;
    margin-bottom: 28px; }

  .bm-head.low-pad {
    margin-bottom: 10px; }

  .bm-title_left {
    width: 580px;
    float: left; }

  .bm-title_right {
    width: 246px;
    float: right;
    text-align: right; }

  .bm-title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600; }

  .bm-phone {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    color: #262626; }

  .bm-phone sup {
    font-size: 11px;
    padding-top: 15px;
    display: inline-block;
    vertical-align: top; }

  .bm-help {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    color: #939393;
    text-transform: uppercase; }

  .bm-content_left {
    width: 222px;
    float: left; }

  .bm-content_right {
    margin-left: 244px; }

  .bm-drug-image {
    width: 222px;
    height: 160px;
    border: 1px solid #e6e6e6;
    position: relative; }

  .bm-drug-image img {
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .drug-row {
    padding-bottom: 15px;
    margin-bottom: 10px; }

  .drug-item {
    display: inline-block;
    width: 232px;
    margin-right: 30px;
    font-size: 14px; }

  .bm-label {
    font-size: 16px;
    line-height: 30px;
    color: #919191;
    margin-bottom: 2px;
    text-align: left; }

  .box-modal select {
    width: 232px; }

  .bm-result-row {
    margin: 0 0 34px; }

  .bm-result {
    display: inline-block;
    background: none;
    border: none;
    margin: 0; }

  .bm-result th {
    font-weight: normal; }

  .bm-result tr {
    background: none !important; }

  .bm-result th,
  .bm-result td {
    padding: 0; }

  .bm-result td {
    padding-right: 10px; }

  .bm-result-price {
    font-size: 30px;
    line-height: 36px; }

  .bm-sign {
    font-size: 18px;
    color: #828181; }

  .bm-value {
    width: 63px;
    height: 39px;
    padding: 10px;
    text-align: center;
    border: 1px solid #d2d9dc;
    font-size: 18px;
    color: #828181;
    box-shadow: inset 2px 2px 12px 0 rgba(0, 0, 0, 0.06); }

  .bm-success {
    display: none;
    padding-bottom: 34px; }

  .bm-success-image {
    margin-bottom: 30px; }

  .bm-success h3 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 40px; }

  .bm-success .btn {
    margin: 0 3px; }

  .bm-text {
    padding: 10px 0 30px; }

  .bm-content p {
    font-size: 13px;
    line-height: 21px;
    margin-bottom: 10px; }

  .bm-steps {
    padding: 10px 0 20px;
    margin: 0 0 28px;
    border-bottom: 1px solid #dcdce6;
    font-size: 0; }

  .bm-steps li {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 100;
    margin-right: 70px;
    vertical-align: top; }

  .bm-steps-label {
    font-weight: 100; }

  .bm-steps-label,
  .bm-steps-name {
    color: #999999; }

  .bm-steps li.current,
  .bm-steps li.active {
    font-weight: 600; }

  .bm-steps li.current .bm-steps-label,
  .bm-steps li.current .bm-steps-name,
  .bm-steps li.active .bm-steps-label {
    color: #262626; }

  .bm-steps li.active .bm-steps-name {
    color: #1e56b3; }

  .bm-step-item {
    display: none;
    overflow: hidden; }

  .bm-step-item.active {
    display: block; }

  .bm-step-item.wide {
    padding-left: 38px;
    margin-left: -38px; }

  .bm-step-item_left {
    width: 324px;
    float: left;
    text-align: right; }

  .bm-step-item_right {
    margin-left: 378px; }

  #delivery-method-select {
    width: 282px; }

  #one-click-buy {
    padding-bottom: 60px; }

  .one-click-farmacy-list {
    width: 362px;
    height: 440px;
    margin: 0 0 18px -38px;
    text-align: left; }

  .one-click-pharmacy-map {
    height: 594px; }

  .ocf-elem {
    padding: 0 0 12px;
    border-bottom: 1px dotted #dcdce6;
    margin: 0 26px 10px 38px; }

  .ocf-elem:last-child {
    border-bottom: none; }

  .ocf-first-row {
    margin-left: -38px; }

  .ocf-elem .radio-ico {
    background: url(../../images/custom_radio.png) no-repeat 0 0;
    display: inline-block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 20px 0 0;
    cursor: pointer; }

  .ocf-elem.active .radio-ico {
    background-position: 0 -18px; }

  .ocf-name {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    color: #225378;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer; }

  .ocf-name:hover {
    text-decoration: none; }

  .ocf-status {
    font-size: 16px;
    line-height: 22px;
    font-weight: 100;
    margin-bottom: 10px; }

  .ocf-price {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600; }

  .ocf-elem .select {
    width: 282px; }

  .oc-form {
    margin-bottom: 60px; }

  .oc-form-item {
    display: inline-block;
    width: 330px;
    margin-right: 90px; }

  .oc-form-item:nth-child(even) {
    margin-right: 0; }

  .oc-form-label {
    font-size: 18px;
    margin-bottom: 10px; }

  .oc-form-input {
    width: 100%;
    height: 39px;
    padding: 0 15px;
    border: 1px solid #d2d9dc;
    font-size: 18px;
    color: #262626;
    border-radius: 2px;
    box-shadow: inset 2px 2px 12px 0 rgba(0, 0, 0, 0.06); }

  .oc-success {
    padding: 20px 0 50px; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  #footer .partners,
  #footer .services {
    padding-left: 60px; }

  .f-block .partners,
  .f-block .services {
    background-position: 60px 100px; }

  .f-block .statistics {
    padding-left: 221px; }

  .f-block .statistics .title {
    left: 40px; }

  .f-block:before {
    left: 700px; }

  .f-contact {
    padding: 0 60px 0 40px; }

  .f-contact .box-holder {
    margin: 0;
    padding: 0;
    border: 0; }

  .f-contact .box-holder .box:first-child {
    float: none;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 17px;
    margin: 0 0 15px; }

  .f-contact .box-holder .box:first-child .tel {
    display: inline-block; }

  .f-contact .box-holder .box:first-child .tel .push {
    margin-right: 25px; }

  .f-contact .box-holder .box {
    float: none;
    margin: 0 0 34px; }

  .f-contact .address {
    margin: 0 0 12px;
    padding: 0 0 15px; }

  .f-contact .note-block {
    width: 260px;
    margin: 0 0 14px; }

  .f-contact .box-holder .note {
    margin: 0 0 6px;
    font-size: 12px;
    line-height: 16px; }

  .f-contact .box-holder .tel {
    font-size: 36px;
    line-height: 36px; }

  .f-contact .box-holder .tel span {
    font-size: 14px;
    top: -7px;
    margin: 0 -6px 0 0; }

  .popup-holder.size1 .popup {
    width: 100%;
    margin-left: -50%;
    margin-right: -20px; }

  .f-contact .statistics-wrap02,
  .f-contact .statistics-wrap01 {
    right: 60px; } }
@media only screen and (min-width: 768px) and (max-width: 60em) {
  #footer .partners,
  #footer .services {
    padding-left: 44px; }

  .f-block .partners,
  .f-block .services {
    font-size: 14px;
    line-height: 16px;
    background-position: 44px 100px;
    padding-top: 47px; }

  .f-block:before {
    left: 557px;
    width: 145px; }

  .f-block .statistics {
    padding-left: 64px; }

  .f-block .statistics .title {
    left: 44px;
    line-height: 12px;
    top: 21px;
    font-size: 9px; }

  .f-block .statistics .num {
    font-size: 36px;
    margin: 50px 0 -8px; }

  .f-block .statistics span {
    margin-left: -1px;
    top: -8px; }

  .f-block .statistics a {
    font-size: 10px; }

  .f-contact {
    padding: 0;
    float: right; }

  .f-contact .box-holder .note {
    font-size: 11px;
    line-height: 16px;
    margin: 1px 0 7px; }

  .f-contact .box-holder .box {
    text-align: left;
    overflow: visible; }

  .f-contact .box-holder .tel {
    font-size: 24px;
    line-height: 24px; }

  .f-contact .box-holder .tel span {
    margin-left: -19px;
    padding-left: 20px;
    margin-right: -3px;
    top: -4px; }

  .f-contact .box-holder .box:first-child {
    margin-bottom: 15px;
    padding-bottom: 39px;
    border-bottom: 1px solid #E6E6E6; }

  .f-contact .address br,
  .f-contact .box-holder .note br {
    display: block; }

  .f-contact .address {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 278px;
    left: -20px;
    border: 0;
    line-height: 18px; }

  .f-contact .note-block {
    margin: 280px 0 0 -468px;
    width: 724px;
    padding: 24px 320px 20px 0;
    border-top: 1px solid #E6E6E6; }

  .f-contact .note-block p {
    display: inline; }

  .copyright {
    display: block;
    position: absolute;
    top: 253px;
    left: -20px; }

  .f-contact .has-error {
    margin: 0 0 0 -468px; }

  .f-contact .statistics-wrap02,
  .f-contact .statistics-wrap01 {
    left: -212px;
    bottom: auto;
    right: auto;
    top: 111px; }

  .f-contact .statistics-wrap02 {
    top: 161px; }

  .f-holder .partners .f-menu {
    width: 148px;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 12px; }

  .popup-holder.size1 .popup {
    width: 200px;
    margin-left: -450px; }

  .popup-holder.size1 .popup {
    width: 100%;
    margin-left: -50%;
    margin-right: -20px; }

  .f-menu li.special:after {
    display: none; } }
@media (min-width: 768px) {
  /*** COLOR GUIDELINE **************************************************************************************************/
  .navy {
    color: #0e7f89;
    border-bottom: 1px dotted;
    text-decoration: none; }

  .navy:hover {
    border: none; }

  .clr-red {
    color: #bf2335 !important; }

  .clr-green {
    color: #0fa341 !important; }

  .clr-cayman {
    color: #0e8997 !important; }

  .clr-blue {
    color: #0bafbd !important; }

  .oldsite-wrap {
    position: absolute;
    top: 0;
    right: -150px;
    width: 150px;
    height: 38px;
    padding-right: 5px;
    padding: 0 10px;
    text-align: center;
    background: #F4F4F4;
    font-size: 10px;
    line-height: 38px;
    z-index: 99; }

  .oldsite-wrap:hover {
    background-color: #0BAFBD;
    color: #fff;
    border: 0; }

  .oldsite-wrap em {
    display: inline;
    border-bottom: 1px dotted;
    font-style: normal; } }
@media screen and (min-width: 768px) and (max-width: 77.5em) {
  .oldsite-wrap.hidden960 {
    display: none; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .oldsite-wrap.hidden748 {
    display: none; } }
@media (min-width: 768px) {
  /* ==================== Карточка фирмы ================================== */
  .firm-header {
    position: relative;
    overflow: hidden;
    margin: 0; }

  .photo.map {
    width: 55px;
    height: 35px;
    margin: 10px 20px 0 10px;
    float: left; } }
  @media (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
    .photo.map {
      margin: 10px 40px 0 10px;
      width: 180px;
      height: 105px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .photo.map {
      margin: 0 40px 0 0;
      width: 240px;
      height: 140px; } }

@media (min-width: 768px) {
  .heading-box {
    margin: 12px 0 0 10px;
    padding: 0;
    display: block; } }
  @media (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
    .heading-box {
      margin: 12px 0 0 10px; } }

@media (min-width: 768px) {
  .heading-box .description {
    display: table-cell;
    vertical-align: middle;
    width: 85%;
    height: 35px; } }
  @media (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
    .heading-box .description {
      height: 105px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .heading-box .description {
      height: 140px; } }

@media (min-width: 768px) {
  .heading-box h2 {
    margin: 0;
    line-height: 1.2em;
    font-size: 22px;
    font-weight: 600;
    color: #0bafbd; } }
  @media (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
    .heading-box h2 {
      padding: 0;
      font-size: 22px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .heading-box h2 {
      padding: 0;
      font-size: 32px; } }

@media (min-width: 768px) {
  nav.firm-navigation {
    width: 100%;
    margin: 20px 0 0 0;
    background: #ededed;
    clear: both; }

  .firm-nav {
    padding: 0 0 0 280px;
    border-bottom: 1px solid #ededed;
    z-index: 100; } }
@media all and (min-width: 768px) and (max-width: 960px) {
  .firm-nav {
    padding: 0; } }
@media (min-width: 768px) {
  ul.firm-nav li {
    position: relative;
    display: inline-block;
    vertical-align: top; }

  ul.firm-nav li a {
    position: relative;
    margin: 0;
    display: inline-block;
    padding: 10px 12px;
    font-size: .7rem;
    color: #333;
    text-transform: uppercase;
    font-weight: 600; } }
  @media (min-width: 768px) and (min-width: 768px) {
    ul.firm-nav li a {
      margin: 0 -1px;
      padding: 15px 21px;
      vertical-align: top;
      font-size: 16px;
      font-weight: 400;
      text-transform: none; } }
@media (min-width: 768px) {
    ul.firm-nav li a.active {
      background: #fff; } }
    @media (min-width: 768px) and (min-width: 768px) {
      ul.firm-nav li a.active {
        background: #ededed;
        color: #0BAFBD; } }
  @media (min-width: 768px) and (min-width: 768px) {
    ul.firm-nav li a:hover {
      margin: 0 -1px;
      padding: 15px 21px;
      background: #f6f6f6;
      font-size: 16px; } }

@media (min-width: 768px) {
  .company-info {
    margin: 0 0 40px;
    padding: 0;
    color: #262626;
    overflow: visible; }

  .company-info p, .company-info li {
    font-size: 14px;
    line-height: 1.6em; }

  .comp-info-block {
    margin: 10px;
    overflow: hidden;
    /*padding: 20px 20px 20px 0;*/
    box-sizing: border-box; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .comp-info-block {
      margin: 0 50px; } }
@media (min-width: 768px) {
    .comp-info-block p, .comp-info-block div, .comp-info-block table, .comp-info-block table td, .comp-info-block table td div, .comp-info-block .table_invisible {
      font-family: inherit;
      font-weight: normal;
      font-size: 0.8rem;
      line-height: 1.6;
      margin-bottom: 0.65rem; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .comp-info-block p, .comp-info-block div, .comp-info-block table, .comp-info-block table td, .comp-info-block table td div, .comp-info-block .table_invisible {
        margin-bottom: 0.4rem;
        font-size: 14px;
        line-height: 1.6em; } }

@media (min-width: 768px) {
  .top-content {
    margin: 10px;
    overflow: hidden; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .top-content {
      margin: 10px 50px; } }

@media (min-width: 768px) {
  .top-comp-info-block {
    margin: 0;
    padding: 10px 0 0 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 87%, rgba(216, 216, 216, 0.25) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 87%, rgba(216, 216, 216, 0.25) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 87%, rgba(216, 216, 216, 0.25) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#40d8d8d8',GradientType=0 );
    border-bottom: 3px solid #E6E6E6;
    overflow: hidden; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .top-comp-info-block {
      padding: 30px 0 40px 0; } }

@media (min-width: 768px) {
  .comp-info-block h2, .comp-info-block h3, .comp-info-block h4, .comp-info-block h5, .comp-info-block h6 {
    margin: 15px 0 5px 0;
    font-weight: 600; }

  h2.firm-content-title {
    flex: 0 0 195px;
    font-size: 26px;
    position: relative;
    margin: 0 0 40px 0;
    padding: 0 0 20px 0;
    font-weight: 600; }

  .comp-info-block h3 {
    font-size: 16px;
    margin: 20px 0; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .comp-info-block h3 {
      margin: 30px 0;
      font-size: 22px; } }

@media (min-width: 768px) {
  .comp-info-block h4 {
    font-size: 18px;
    margin: 24px 0 10px 0;
    font-style: italic; }

  .comp-info-block ul li {
    padding: 0 0 0 3px;
    margin: 0 0 0 30px;
    list-style-image: url(../../images/bullit_03.png); }

  .comp-info-block ul.reviews-list li {
    padding: 35px 0;
    margin: 0;
    list-style-image: none; }

  .aside {
    float: right;
    width: 20%;
    margin: 20px 0 0 80px; }

  .aside ul {
    margin: 0 5px;
    -webkit-box-shadow: 0 0 8px rgba(21, 60, 94, 0.28);
    -moz-box-shadow: 0 0 8px rgba(21, 60, 94, 0.28);
    box-shadow: 0 0 8px rgba(21, 60, 94, 0.28);
    padding: 0;
    border-radius: 8px; }

  .company-contacts {
    position: relative;
    margin: 0 3% 100px;
    padding: 20px 0 20px 100px;
    background: #fafafa;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    border-bottom: 2px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    border-left: 1px solid #F0F0F0;
    overflow: hidden; }
    .company-contacts > ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

  li.contacts-list {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -moz-box-flex: 1 1 0;
    -moz-flex: 1 1 0;
    -ms-flex: 1 1 0;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0;
    flex: 1 1 0;
    min-width: 280px;
    max-width: 33%;
    display: inline-block;
    position: relative;
    min-height: 30px;
    padding: 0 40px 10px 40px;
    line-height: 1.1em; }

  li.contacts-list:before {
    content: '';
    position: absolute;
    top: 0;
    left: -20px;
    width: 1px;
    height: 35px;
    background: #E8E8E8; }
  li.contacts-list:first-child:before {
    background: transparent; }

  li.contacts-list.name {
    background: url(../../images/contact-ico_06.png) 0 3px no-repeat; }

  li.contacts-list.e-mail {
    background: url(../../images/contact-ico_06.png) 0 3px no-repeat; }

  li.contacts-list.site {
    background: url(../../images/contact-ico_04.png) 0 3px no-repeat; }

  li.contacts-list a {
    border-bottom: 1px dotted;
    line-height: 1.4em; }

  li.contacts-list a:first-of-type {
    line-height: 1.1em; }

  li.contacts-list a:hover {
    border: none; }

  .contacts__sprav-phone {
    position: relative;
    display: block;
    background: #f1f8f9;
    padding: 6px; }

  .firm-contact-lable {
    text-transform: uppercase;
    color: #717171;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: -0.02em; }

  .top-text {
    min-width: 40%;
    padding: 0;
    font-size: 14px;
    margin-bottom: 0.4rem;
    line-height: 1.6em; }

  .top-text h2 {
    font-size: 26px;
    font-weight: 600;
    font-style: italic; }

  .top-text p, .top-text div, .top-text table, .top-text table td, .top-text table td div, .top-text .table_invisible {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.6;
    margin-bottom: 0.65rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .top-text p, .top-text div, .top-text table, .top-text table td, .top-text table td div, .top-text .table_invisible {
      font-size: 14px;
      margin-bottom: 0.4rem;
      line-height: 1.6em; } }

@media (min-width: 768px) {
  .top-text ul li {
    padding: 0 0 3px 15px;
    background: transparent url(../../images/content-bullet.jpg) 0 9px no-repeat; }

  p.action {
    min-height: 50px;
    margin: 0 0 15px 0;
    padding: 0 0 10px 50px;
    background: url(../../images/skidki-ico.png) 0 0 no-repeat;
    overflow: hidden;
    box-sizing: border-box;
    border-bottom: 1px solid #f0f0f0; }

  .editable-content {
    position: relative;
    float: left;
    font-size: 14px;
    line-height: 1.6em; }

  .bordered-img {
    margin: 0 0 0 20px;
    border: 3px solid #dbe2e5; }

  .content-img {
    clear: both;
    max-width: 768px;
    margin: 40px 0; }

  .top-content img.left,
  .table_invisible img.left {
    margin: 0 40px 0 0;
    float: left;
    clear: left; } }
  @media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
    .top-content img.left,
    .table_invisible img.left {
      float: none !important;
      margin: 10px auto;
      display: block;
      width: 100%;
      height: auto; } }

@media (min-width: 768px) {
  .top-content img.right,
  .table_invisible img.right {
    margin: 0 0 0 40px;
    float: right;
    clear: right; } }
  @media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
    .top-content img.right,
    .table_invisible img.right {
      float: none !important;
      margin: 10px auto;
      display: block;
      width: 100%;
      height: auto; } }

@media (min-width: 768px) {
  img.left {
    margin: 10px 60px 10px 0;
    max-width: 300px; }

  img.right {
    margin: 10px 0 10px 100px;
    max-width: 300px; }

  center {
    display: block;
    margin: 20px auto; }

  td > img.right {
    margin: 10px 10px 10px 0;
    max-width: 100%; }

  .firm-gallery-grid {
    position: relative;
    width: 100%;
    display: block;
    margin: 30px 0; }

  .firm-gallery-grid h3 {
    text-align: center;
    padding: 0 0 20px 0;
    border: 0; }

  .firm-gallery-grid h3.firm-content-title:after {
    background: #fff; }

  .firm-gallery-grid .small-block-grid-2 {
    position: relative;
    display: block;
    width: 70%;
    margin: 0 auto; }

  .firm-gallery-grid .small-block-grid-2 > li {
    width: 45%;
    margin: 15px 2%;
    padding: 0; }

  .firm-gallery-grid .small-block-grid-3 > li {
    width: 29.333333%;
    margin: 15px 2%;
    padding: 0; }

  .fgg-photo {
    position: relative;
    display: block;
    width: 100%;
    border: 3px solid #f0f0f0; }

  .fgg-photo img {
    position: relative;
    width: 100%;
    height: auto; }

  .fgg-capture {
    position: relative;
    width: 100%;
    text-align: center;
    padding: 10px 0; }

  /* ===================== firm gallery ===================== */
  .gallery-item {
    position: relative;
    width: 100%;
    clear: both; }

  .img-capture-box {
    display: block;
    float: left;
    width: 400px;
    padding: 20px;
    margin: 10px 0 0 0;
    background: #ededed;
    font-size: 16px;
    font-size: 1.1rem;
    line-height: 1.3em; }

  .firm-current-img, .thumbnail {
    position: relative;
    float: left;
    box-sizing: border-box; }

  .firm-current-img {
    width: 512px;
    overflow: hidden; }

  .thumbnail {
    width: 256px;
    padding: 0 0 0 30px; }

  #current-img img {
    display: block;
    vertical-align: top;
    float: left;
    width: 100%;
    margin: 0 auto 30px auto;
    border: 3px solid #dbe2e5;
    text-align: center; }

  .img-capture {
    border-top: 1px solid #fff;
    padding: 10px 0 10px 0; }

  .thumb-box {
    position: relative;
    display: inline-block;
    list-style-type: none;
    margin: 2px 5px 10px 5px;
    vertical-align: top;
    width: 90px;
    height: 60px;
    overflow: hidden; }

  .thumb-box img {
    opacity: 0.8;
    padding: 2px; }

  .thumb-box img:hover {
    opacity: 1; }

  .thumb-box img:active {
    opacity: 0.6; }

  .thumb-box img.current {
    padding: 2px;
    opacity: 1; }

  .p-holder {
    width: 100%;
    height: 100%; }

  .p-frame {
    position: relative;
    width: 100%;
    height: 100%; } }
  @media (min-width: 768px) and (min-width: 200px) and (max-width: 479px) {
    .p-frame img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      max-width: 90%;
      max-height: 90%; } }

@media (min-width: 768px) {
  /* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅ */
  .table_invisible {
    border: none;
    font-size: 1.1rem;
    line-height: 1.6em; }

  /*    .editable-content .table_invisible {
              font-size: 1rem;
          line-height: 1.5em;
      }*/
  .table_invisible h3 {
    margin: 25px 0 12px; }

  .first-firm-header {
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    margin: 0 0 12px; }

  h3.firm-content-title {
    position: relative;
    font-size: 26px;
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-weight: 600; }

  h3.firm-content-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 5px;
    background: #ededed;
    font-size: 26px; }

  /* пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ */
  ul.simple-list li {
    padding: 0 0 3px 15px;
    background: transparent url(../../images/content-bullet.jpg) 0 9px no-repeat; }

  .complicated td {
    padding: 15px 20px;
    border-top: 1px solid #ddd !important; }

  .complicated td.grey {
    background: #F5F5F5; }

  table.complicated tr.even, table.complicated tr.alt, table.complicated tr:nth-of-type(even) {
    background: transparent; }

  /* ===================== The end of gallery ===================== */ }
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .company-contacts {
    margin: 0 0 60px 0;
    padding: 20px 0 20px 20px; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .company-contacts {
    margin: 0 0 60px 0;
    padding: 20px 0 20px 20px; }

  .top-content img.left {
    max-width: 250px; }

  .firm-current-img {
    width: 490px;
    overflow: hidden; } }
@media (min-width: 768px) {
  .znak-ltr {
    width: 80px;
    height: 80px;
    display: block;
    float: right;
    margin: 10px; }

  .firm-action-card {
    position: relative;
    display: block;
    width: 100%;
    min-height: 120px;
    margin: 30px 0 30px 0;
    padding: 20px 20px 6px 56px;
    border: 1px solid #f0f0f0;
    border-left: 6px solid #f0f0f0;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out; }

  .firm-action-card.fa-card, .firm-action-card.fa-pens, .firm-action-card.fa-percent {
    background-image: none; }

  .firm-action-card:before {
    content: '';
    position: absolute;
    top: 20px;
    left: -44px;
    width: 80px;
    height: 80px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 80px;
    -moz-border-radius: 80px;
    border-radius: 80px;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat; }

  .firm-action-card.fa-card:before {
    background-image: url(../../images/icons/actions-icons/ac-card@3x.png); }

  .firm-action-card.fa-pens:before {
    background-image: url(../../images/icons/actions-icons/ac-pens@3x.png); }

  .firm-action-card.fa-action:before {
    background-image: url(../../images/icons/actions-icons/action@3x.png); }

  .firm-action-card.fa-worker:before {
    background-image: url(../../images/icons/actions-icons/worker@3x.png); }

  .firm-action-card.fa-discount:before {
    background-image: url(../../images/icons/actions-icons/ac-discount@3x.png); }

  .firm-action-card.fa-date:before {
    background-image: url(../../images/icons/actions-icons/ac-calendar@3x.png); }

  .firm-action-card.fa-rouble:before {
    background-image: url(../../images/icons/actions-icons/ac-rouble@3x.png); }

  .firm-action-card iframe {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto; }

  h4.firm-action-title {
    margin: 0;
    padding: 10px 0 0 0;
    font-style: normal;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4em; }

  .firm-action-date {
    font-size: 12px;
    font-style: italic;
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding: 0 0 0 20px;
    color: #90a4ae;
    background: transparent url(../../images/icons-calendar.png) 0 50% no-repeat; }

  .firm-action-text {
    margin: 0;
    padding: 10px 100px 0 0;
    font-size: 14px;
    line-height: 1.8; }

  .firm-action-text:after {
    content: '';
    display: block;
    clear: both; }

  .firm-action-text img {
    display: block;
    margin: 20px 0 40px;
    width: auto;
    height: auto;
    max-width: 600px;
    max-height: 500px; }

  .firm-action-text h1, .firm-action-text h2, .firm-action-text h3, .firm-action-text h4, .firm-action-text h5, .firm-action-text h6 {
    margin: 0 0 1.25rem 0;
    padding: 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 1.6; }

  .action-tab {
    position: relative;
    display: inline-block;
    float: left;
    padding: 10px 0;
    margin: 0 60px 0 0;
    box-sizing: border-box;
    vertical-align: top; }

  .more-tumbler {
    position: relative;
    display: inline-block; }

  .big-arrow:after {
    content: '';
    position: absolute;
    top: 0;
    right: -26px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/bb-arrow.png);
    background-position: 50% 50%;
    background-repeat: no-repeat; }

  .more-content {
    display: none; }

  .more-content.active {
    display: block; }

  .action-what-where {
    position: relative;
    display: block; }

  .action-what-where h5 {
    font-size: 16px;
    margin-bottom: 20px;
    color: #156cc2; }

  .action-what-where h5 a {
    position: relative;
    color: #156cc2;
    border-bottom: 1px dotted #bfbfbf; }

  .action-what-where h5 a:hover {
    color: #225378;
    border-bottom: 1px dotted #156cc2; }

  action-tab ul li {
    padding: 0 0 0 0;
    margin: 9px 0;
    list-style-image: none;
    font-size: 14px; }

  .action-what ul li a {
    font-weight: 600; }

  ul.action-what li {
    margin: 0 0 6px 30px;
    list-style-image: url(../../images/icons-percent.png); }

  ul.action-where li {
    margin: 0 0 6px 30px;
    list-style-image: url(../../images/elem-pin.png); }

  /*@media all and (max-width: 1200px) {
          .firm-action-card {
              margin: 30px 0 30px 50px;
              padding: 20px 20px 6px 56px;
          }
  }*/ }
@media all and (min-width: 768px) and (max-width: 1080px) {
  .action-what-where h5 {
    font-size: 14px; }

  .action-what-where ul li {
    font-size: 12px; } }
@media all and (min-width: 768px) and (max-width: 1080px) {
  .firm-action-card {
    width: auto;
    margin: 30px 0 30px 50px; } }
@media (min-width: 768px) {
  /* ---------------------------------- ВРАЧИ ----------------------------------- */
  .title_30 strong {
    font-weight: 700; }

  .doc-item-result {
    position: relative;
    border-bottom: none !important; }

  .doc-item-result > li.doctors {
    position: relative;
    display: table;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid #ededed;
    clear: both; }

  .doc-item-result > li.doctors:last-child {
    margin-bottom: 20px; }

  .docsearch {
    padding: 30px; }

  .s-img {
    display: table-cell;
    empty-cells: show;
    position: relative;
    float: left;
    vertical-align: top;
    width: 100px;
    height: 136px;
    margin: 0 18px 0 0;
    z-index: 99;
    background: url(../../images/x-doc.png) no-repeat; }

  .s-img img {
    width: 100%; }

  .s-info {
    display: table-cell;
    position: relative;
    margin: 0;
    float: left;
    vertical-align: top;
    width: 74%;
    empty-cells: show; }

  .s-appointments {
    display: table-cell;
    position: relative;
    vertical-align: top;
    width: 100px;
    font-size: 10px;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.15em;
    text-align: left;
    text-transform: uppercase;
    color: #999;
    border-left: 1px dotted #f0f0f0; }

  .doc-bold {
    font-weight: 600; }

  .description {
    display: block;
    margin: 8px 0;
    font-size: 0.9em;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 1.35em; }

  .large {
    margin-top: 0;
    line-height: 1.6;
    font-size: 110%; }

  h3.name {
    margin: 0;
    padding: 0; }

  h3.name a {
    color: #0A659C;
    margin: 0;
    padding: 0;
    font-weight: 400;
    letter-spacing: -0.015em; }

  h3.name a:hover {
    color: #008CBA; }

  ul.communications {
    margin: 0;
    padding: 0;
    color: #262626;
    font-weight: 400;
    clear: both; }

  ul.communications li {
    font-size: 14px;
    font-size: 1.1em; }

  ul.communications li.doc-hospital, ul.communications li.feedback, ul.communications li.time, ul.communications li.address, ul.communications li.metro-station, ul.communications li.phone {
    position: relative;
    display: block;
    list-style-type: none;
    margin: 0 20px 0 0;
    padding: 2px 0 2px 18px;
    line-height: 1.5;
    font-size: 12px; }

  ul.communications li.doc-hospital {
    color: #5d5d5d; }

  ul.communications li.doc-hospital:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 0;
    background: url(../../images/ico_location.png) 0 0 no-repeat;
    opacity: 0.3; }

  ul.communications li.phone:before {
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 0;
    background: url(../../images/ico_phone.png) 0 0 no-repeat;
    opacity: 0.3; }

  ul.communications li.doc-hospital a {
    border-bottom: 1px dotted #0A659C;
    color: #0A659C; }

  ul.communications li.doc-hospital a:hover {
    color: #008CBA;
    border-bottom: 1px solid #008CBA; }

  ul.communications li.phone > .phone-hidden {
    font-size: 14px;
    font-size: 1em;
    font-weight: 400; }

  ul.communications li.phone > .phone-hidden .pseudo-link {
    font-weight: 400; }

  .s-appointments-inner {
    position: relative;
    width: 100%;
    padding: 0 0 5px 14px; }

  .s-price {
    display: inline-block;
    font-size: 21px;
    font-size: 2em;
    line-height: 1.45em;
    font-weight: 600;
    margin-right: 3px;
    color: #156CC2;
    clear: both; }

  .pseudo-link {
    color: #999;
    border-bottom: 1px dotted #999;
    cursor: pointer; }

  .rfc-btn {
    padding: 0; }

  /* --------------------------------------- Карточка врача ------------------------------------------ */
  .doc-section {
    padding: 0;
    position: relative; }

  .doc-info .search-filter {
    position: absolute;
    top: 0;
    right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  .doc-info .search-filter {
    margin-right: 0; } }
@media (min-width: 768px) {
  .doc-spec-info-row {
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 10px; }

  .doc-header .italic-gray_18 {
    font-weight: 400; }

  .doc-similar-spec {
    position: relative;
    margin: -20px 0 40px 0;
    padding: 0 0 30px 0;
    border-bottom: 2px solid #f3f3f3; }

  .doc-similar-spec ul {
    position: relative;
    margin-right: 290px; }

  .doc-similar-spec ul li {
    position: relative;
    margin: 0;
    padding: 0 20px 0 0;
    display: inline-block;
    font-size: 12px; }

  .doc-similar-spec ul li:after {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    top: 10px;
    right: 8px;
    background: #777; }

  .doc-similar-spec ul li:last-child:after {
    content: '';
    width: 2px;
    height: 2px;
    position: absolute;
    top: 8px;
    right: 8px;
    background: transparent; }

  .doc-similar-spec ul li a:hover {
    text-decoration: underline; }

  .doc-similar-spec ul li a.current-spec {
    font-weight: 700;
    text-decoration: underline; }

  .doc-similar-spec .search-filter {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0; }

  /* ---------------------------------------- doctors ---------------------------------------------------------------------------- */
  .doc-list {
    position: relative;
    margin: 34px 0; }

  .doc-list > li.doc-card {
    display: table;
    width: 100%;
    position: relative;
    margin: 0 0 30px 0;
    padding: 0 0 30px 0;
    border-bottom: 2px solid #f3f3f3;
    overflow: hidden; }

  .tag {
    display: inline-block;
    padding: 0;
    font-size: 0.9rem; }

  .doc-stage {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-right: 7px;
    color: #919191;
    font-weight: 400;
    font-size: 0.9rem; }

  .doc-regalia::before {
    content: '/';
    position: absolute;
    top: 1px;
    left: 0; }

  .doc-regalia {
    position: relative;
    display: inline-block;
    color: #919191;
    font-weight: 400;
    font-size: 0.9rem;
    padding: 0 0 0 10px; }

  .doc-spec-tags {
    position: relative;
    width: 85%; }

  .doc-spec-tags a {
    text-decoration: underline;
    font-weight: 600; }

  .doc-img {
    display: table-cell;
    empty-cells: show;
    position: relative;
    vertical-align: top;
    float: left;
    width: 100px;
    height: 136px;
    margin: 0 30px 0 0;
    background: url(../../images/x-doc.png) no-repeat;
    z-index: 99; }

  .doc-img img {
    width: 100%; }

  .doc-description {
    display: table-cell;
    empty-cells: show;
    position: relative;
    vertical-align: top;
    width: 80%;
    margin: 0;
    float: left; }

  .doc-relations a {
    text-decoration: underline; }

  .doc-receipt-tabs {
    position: relative;
    display: block;
    margin: 10px 0 0 0;
    width: 100%;
    border-top: 1px solid #F5F5F5; }

  .doc-receipt-tabs li:nth-of-type(1) {
    padding: 5px 10px 5px 0; }

  .doc-receipt-tabs li {
    position: relative;
    display: inline-block;
    padding: 5px 10px; }

  .doc-receipt-tabs li a.active {
    color: #0154a6; }

  .doc-receipt-tabs li a {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #757575;
    letter-spacing: .05em;
    text-transform: uppercase; }

  .doc-any-text {
    position: relative;
    font-size: .9rem;
    letter-spacing: 0;
    font-weight: 400;
    width: 90%;
    padding: 8px 0 14px;
    overflow: hidden; }

  .description-cut {
    margin-top: 8px;
    float: left;
    clear: both; }

  .doc-feedback {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 6px 10px;
    background: #f0f0f0;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 3px; }

  .doc-feedback:after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 20px;
    border-top: 8px solid #f0f0f0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #f0f0f0; }

  .doc-feedback a {
    color: #616161; }

  .large {
    margin-top: 0;
    line-height: 1.6;
    font-size: 110%; }

  h3.doc-name {
    position: relative;
    margin: 0 90px 4px 0;
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2em; }

  h3.doc-name a {
    margin-bottom: 0;
    color: #222;
    margin: 0;
    padding: 0;
    letter-spacing: -0.015em; }

  h3.doc-name a:hover {
    color: #088c81; }

  .doc-second-info {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
    overflow: hidden; }

  .doc-time-info {
    position: relative;
    display: block;
    float: left;
    width: 100%; }

  .doc-place {
    padding: 0;
    box-sizing: border-box; }

  .ghost-title {
    font-size: 10px;
    font-weight: 600;
    color: #b3b3b3;
    letter-spacing: .05em;
    text-transform: uppercase; }

  .doc-workplace {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 1rem;
    margin: 0 0 3px;
    padding: 0 24px;
    box-sizing: border-box; }

  .doc-workplace::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url(../../images/ico-dosage-toggler.png) 50% 50% no-repeat;
    transition: all 0.5s ease; }

  .doc-workplace.doc-is-open::after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: url(../../images/ico-dosage-toggler.png) 50% 50% no-repeat;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }

  li.feedback, li.doc-worktime, li.doc-workplace-address, li.doc-workplace-metro, li.doc-workplace-phone {
    position: relative;
    display: block;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 5px 21px;
    line-height: 1.5;
    font-size: .9rem;
    color: #222; }

  .doc-workplace-phone .phone-hidden .phone-number {
    color: #222; }

  li.doc-workplace a {
    color: #225378;
    font-weight: 600;
    text-decoration: underline; }

  li.doc-workplace a:hover {
    text-decoration: none; }

  .feedback a {
    color: #225378; }

  .doc-worktime {
    background: url(../../images/doctors/doc-clock-g.png) 0 4px no-repeat; }

  .doc-workplace-address {
    background: url(../../images/doctors/doc-place-g.png) 0 4px no-repeat; }

  .doc-workplace-phone {
    background: url(../../images/doctors/doc-cphone-g.png) 0 4px no-repeat; }

  .doc-workplace-metro {
    background: url(../../images/doctors/doc-metro-g.png) 0 4px no-repeat; }

  .green-dotted {
    background: url(../../images/doctors/green_dot.png) repeat-x 0 95%;
    color: #529a57; }

  .doc-receipt {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 1rem; }

  .doc-receipt-box {
    position: relative;
    display: block;
    margin: 0; }

  .doc-showtime {
    position: relative;
    border-bottom: 1px dotted #dedede;
    cursor: pointer; }

  .doc-comments .title-section_30 {
    font-size: 26px;
    font-weight: 600; }

  .doc-appointments {
    display: table-cell;
    empty-cells: show;
    position: relative;
    vertical-align: top;
    font-weight: 400;
    text-align: left;
    padding: 10px 0 0 20px;
    border-left: 1px dotted #f3f3f3;
    width: 220px;
    font-size: 14px;
    line-height: 1.15em;
    color: #919191; }

  .doc-tab-content {
    padding: 8px 0 12px;
    overflow: hidden; }

  .doc-contacts-box {
    position: relative;
    display: block;
    padding: 6px 0;
    overflow: hidden; }

  .doc-comments {
    position: relative;
    padding: 30px 0 0 0; }

  .doc-contacts-box:nth-of-type(even) {
    border-top: 1px dotted #f5f5f5;
    border-bottom: 1px dotted #f5f5f5; }

  .doc-active-content {
    display: block; }

  .peoples {
    display: inline-block;
    margin-top: 10px;
    font-size: 90%;
    color: #99a4ac;
    font-weight: 400; }

  .doc-large-price {
    display: inline-block;
    font-size: 18px;
    line-height: 1.45em;
    font-weight: 600;
    margin-right: 3px;
    color: #222;
    clear: both; }

  /*.blue-btn {
      background-color: #0bafbd;
      display: inline-block;
      text-align: center;
      height: 50px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      font-size: 14px;
      font-weight: 600;
      line-height: 50px;
      color: $white;
      padding: 0 1em;
      margin: 0;
      text-transform: uppercase;
      border: none;
      -webkit-transition: background-color .2s ease;
      -moz-transition: background-color .2s ease;
      transition: background-color .2s ease;
  }*/
  .zapis-btn {
    background-color: #0bafbd;
    margin-top: 12px;
    padding: 0 32px;
    font-size: 11px; }

  .zapis-btn:hover {
    background-color: #0CBDCC;
    color: #00695C; }

  .big-zapis-btn {
    margin-top: 14px;
    padding: 5px 16px;
    border-radius: 6px;
    font-size: 110%; }

  .phone-hidden {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin: 0; }

  .phone-hidden .phone-number {
    display: inline-block;
    width: 106px;
    color: #262626;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top; }

  .phone-hidden.show .phone-number {
    white-space: normal;
    width: auto; }

  .phone-hidden .phone-number:after {
    content: '...';
    background: #fff;
    display: inline-block;
    padding: 0 2px;
    position: absolute;
    right: 0; }

  .phone-hidden .phone-number:after {
    background: #f7f7f7; }

  .phone-hidden.show .phone-number:after {
    display: none; }

  .phone-hidden .cover {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 0;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    transition: left 0.2s ease; }

  /* .phone-hidden.show .cover { visibility: hidden; } */
  .phone-hidden .phone-number:after {
    content: '...';
    background: #fff;
    display: inline-block;
    padding: 0 2px;
    position: absolute;
    right: 0; }

  .pseudo-link {
    color: #0a659c;
    border-bottom: 1px dotted #0a659c;
    cursor: pointer; }

  .doc-card-contacts {
    position: relative;
    padding: 34px 0 20px 0;
    border-bottom: 2px solid #f2f2f2;
    overflow: hidden; }

  .doc-card-contacts li.feedback, .doc-card-contacts li.doc-worktime, .doc-card-contacts li.doc-workplace-address, .doc-card-contacts li.doc-workplace-metro, .doc-card-contacts li.doc-workplace-phone {
    font-size: 1rem;
    color: #222; }

  .doc-card-contacts .doc-workplace-phone .phone-hidden .phone-number {
    color: #222; }

  .doc-card-contacts .doc-relations a {
    text-decoration: none; }

  .doc-card-adresses:before {
    content: '';
    position: absolute;
    top: 0;
    left: -80px;
    width: 40px;
    height: 40px;
    background: url(../../images/clinic-icon.png) 0 0 no-repeat; }

  .doc-card-adresses .doc-workplace {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 1rem;
    margin: 0 0 8px;
    padding: 0;
    box-sizing: border-box;
    color: #222; }

  .doc-card-adresses .doc-workplace::after {
    content: '';
    background: transparent; }

  .doc-adresses-box {
    margin: 12px 0 0 60px;
    padding: 5px 0;
    border-bottom: 1px dotted #e6e6e6;
    color: #666666;
    font-weight: 400;
    clear: both; }

  a.worktime .time-popup {
    display: none; }

  a.worktime {
    display: inline-block;
    position: relative;
    background: url(../../images/green_dot.png) repeat-x 0 95%;
    color: #529a57;
    cursor: pointer; }

  a.worktime:hover .time-popup {
    display: block;
    position: absolute;
    top: -60px;
    left: 0;
    width: 300px;
    height: 50px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 2px;
    z-index: 90; }

  .graph-boxes {
    margin: 0;
    padding: 0; }

  .graph-boxes h6 {
    margin: 0 0 10px 0;
    font-size: 11px;
    color: #000; }

  .graph-time {
    font-weight: 400; }

  .graph-date {
    font-weight: 700; }

  .doc-info-image {
    position: relative;
    width: 160px;
    height: 200px;
    background: url(../../images/x-doc.png) 50% 50% no-repeat; } }
@media only screen and (min-width: 768px) and (max-width: 22.5em) {
  .doc-info-image {
    position: relative;
    width: 79px;
    height: 107px;
    overflow: hidden; } }
@media (min-width: 768px) {
  .drug-info-image img, .doc-info-image img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

  .doc-box {
    position: relative;
    display: block;
    float: left;
    width: 50%;
    padding: 10px 0 0;
    overflow: hidden; }

  .hospital-space a:link, .hospital-space a:visited, .subtitle-gray_14 a:link, .subtitle-gray_14 a:visited {
    color: #008CBA;
    text-decoration: none; }

  .hospital-space a:hover, .hospital-space a:active, .subtitle-gray_14 a:hover, .subtitle-gray_14 a:active {
    color: #1695a3;
    text-decoration: underline; }

  .title_30 strong {
    font-weight: 700; }

  h1.title-30 {
    margin: 0 0 12px; }

  h4.big-price {
    margin: 15px 0 0 0;
    font-weight: 400; }

  h4.big-price strong {
    font-size: 140%;
    font-weight: 700; }

  .doc-description > .subtitle-gray_14 {
    font-size: 14px;
    line-height: 22px;
    color: #262626;
    margin: 0; }

  .subtitle-gray-it_16 {
    font-style: italic;
    color: #225378;
    font-size: 18px;
    line-height: 22px; }

  .doc-breadcrumbs {
    margin-left: 200px; }

  .doc-card-header {
    position: relative;
    padding: 0 0 40px 0;
    border-bottom: 2px solid #f2f2f2; }

  .doc-header {
    position: relative;
    width: 70%; }

  .about-doc {
    margin: 20px 0 30px 0;
    padding: 0 0 30px 0;
    color: #222;
    font-size: 1.1rem;
    border-bottom: 1px solid #f2f2f2; }

  .doc-card-facts {
    display: block;
    margin: 18px 0 14px; }

  .doc-card-facts .tag, .doc-card-facts .doc-stage, .doc-card-facts .doc-regalia {
    font-size: 1rem; }

  .doc-booking-box {
    position: relative;
    display: block;
    float: right !important; }

  .doc-inner-column {
    font-size: 100%;
    line-height: 1.4em; }

  li.city-space, li.metro-station, li.hospital-space {
    padding-left: 16px; }

  li.city-space {
    background: url(../../images/ico01.png) 0 50% no-repeat; }

  li.metro-station {
    background: url(../../images/metro.png) 0 50% no-repeat; }

  li.hospital-space {
    background: url(../../images/hospital.png) 0 50% no-repeat; }

  ul.type-services li {
    padding-left: 12px;
    background: transparent url(../../images/dot05.png) 0 50% no-repeat; }

  .doc-box-about {
    padding: 30px 0 30px;
    border-bottom: 1px solid #dedede;
    overflow: hidden; }

  .doc-cont-serv {
    padding: 30px 0 0 0;
    overflow: hidden; }

  .s-label {
    margin: 0 0 20px 0;
    padding: 0 20px 0 0;
    font-size: 1rem;
    font-weight: 700;
    box-sizing: border-box; }

  .title-section_24 {
    width: 300px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    padding-bottom: 20px;
    border-bottom: 5px solid #ededed;
    margin-bottom: 30px; }

  .slim {
    font-size: 80%;
    font-weight: 400;
    text-transform: lowercase; }

  .rating-summary {
    display: inline-block;
    padding-right: 10px; }

  .doc-opisanie {
    display: block;
    margin-left: 50px;
    font-size: 10px; }

  .doc-opisanie p {
    margin: 10px 0 10px 0;
    color: #494949; }

  li.one-graph-box {
    display: inline-block;
    width: 23%;
    margin: 3px 0 0 0;
    padding: 4px;
    font-size: 12px;
    text-align: left;
    line-height: 1.4;
    font-weight: 400;
    color: #262626;
    border-left: 1px solid #dedede; }

  li.one-graph-box a {
    color: #1695a3;
    text-decoration: none; }

  .vacation {
    color: #529a57; }

  #opisanie h5 {
    margin: 20px 0 10px;
    font-weight: 700; }

  #opisanie ul li {
    font-size: 12px;
    list-style-type: circle;
    margin: 3px 0 3px 20px; }

  .testimonials {
    margin: 40px 0; }

  .rating {
    margin: 0 0 10px; }

  .go-to-docs-list {
    position: absolute;
    top: 0;
    right: 0;
    background: #ededed url(../../images/arrow-right.png) 90% 50% no-repeat;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 120%;
    padding: 20px 30px 20px 10px; }

  .go-to-docs-list:hover {
    color: #fff;
    background: #0bafbd url(../../images/arrow-right.png) 90% 50% no-repeat; }

  .plugin-wrapper img {
    display: block;
    margin: 0 auto; }

  .doc-filters {
    padding: 30px 10px 15px 0;
    margin: 30px 0 60px;
    background: #f7f7f7;
    overflow: hidden; }

  .top-block h1 {
    margin: 0 0 12px; }

  .docs-text {
    margin-left: 70px; }

  .pagination {
    display: block;
    margin: 0 auto 60px;
    font-size: 16px; }

  .docsearch {
    padding: 30px; }

  #sidebar-right h3 {
    font-weight: 300; }

  #search-filters {
    position: relative;
    height: auto;
    margin: -50px 0 50px 10px;
    padding: 14px; }

  #search-filters-right {
    position: relative;
    height: auto;
    margin: 30px 0 50px 30px;
    padding: 24px;
    background: #F7F7F7; }

  #search-filters-right a:hover {
    text-decoration: underline; }

  #search-filters-right.fixed {
    position: absolute;
    top: 20px;
    position: relative;
    height: auto;
    margin: 30px 0 50px 30px;
    padding: 24px;
    background: #F7F7F7; }

  li.specializations {
    margin: 0 0 5px 0;
    padding: 0 0 0 10px;
    background: url(../../images/dot02.png) 0 50% no-repeat; }

  .filters {
    position: relative; }

  .filter-block {
    margin: 0;
    padding: 0 5px;
    display: inline-block;
    line-height: 1.2;
    vertical-align: middle; }

  .filter-block-right {
    display: inline-block;
    float: right;
    margin: 0;
    padding: 0 5px; }

  .search-box {
    position: relative;
    width: 100%;
    height: auto;
    margin: 12px 0;
    padding: 20px 20px 20px 0;
    border-bottom: 1px dotted #dcdce6;
    clear: both;
    overflow: hidden; }

  li.doctors .num {
    color: #d2d2d2;
    position: absolute;
    top: 9px;
    left: 50px;
    font-size: 18px; }

  .workplace {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 12px 0 0 0;
    clear: both; }

  .specialization {
    display: block;
    width: 166px;
    float: left;
    margin-right: 30px;
    color: #7e7e7e;
    font-style: italic;
    font-weight: 400; }

  .doc-relations {
    display: block;
    margin: 0 0 24px;
    padding: 0 0 0 2px;
    color: #262626;
    font-weight: 400;
    clear: both; }

  .doc-working-hours {
    font-size: .9rem; }

  .doc-show-more-content {
    display: none; }

  .doc-tab-column {
    position: relative;
    display: block;
    width: 50%;
    float: left;
    padding: 10px 40px 0 0;
    box-sizing: border-box;
    color: #222; }

  .doc-tab-column h5 {
    margin: 0 0 2px; }

  .doc-adresses li.doc-workplace {
    display: block;
    font-weight: 600;
    color: #222; }

  .s-main-doc-ratings {
    float: right;
    margin: 0 0 12px 0;
    padding: 0 12px; }

  .zapis-price {
    margin: 10px 0; }

  .s-price {
    display: block;
    margin-bottom: 20px; }

  .phone-hidden {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    margin: 0; }

  .phone-hidden .phone-number {
    display: inline-block;
    width: 106px;
    color: #262626;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top; }

  .phone-hidden.show .phone-number {
    white-space: normal;
    width: auto; }

  .phone-hidden .phone-number:after {
    content: '...';
    background: #fff;
    display: inline-block;
    padding: 0 2px;
    position: absolute;
    right: 0; }

  .phone-hidden .phone-number:after {
    background: #f7f7f7; }

  .phone-hidden.show .phone-number:after {
    display: none; }

  .phone-hidden .cover {
    display: inline-block;
    vertical-align: top;
    position: relative;
    left: 0;
    -webkit-transition: left 0.2s ease;
    -moz-transition: left 0.2s ease;
    transition: left 0.2s ease; }

  .phone-hidden.show .cover {
    display: none;
    visibility: hidden; }

  .phone-hidden .phone-number:after {
    content: '...';
    background: #fff;
    display: inline-block;
    padding: 0 2px;
    position: absolute;
    right: 0; }

  .pseudo-link {
    color: #0a659c;
    border-bottom: 1px dotted #0a659c;
    cursor: pointer; } }
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .doc-info-image {
    width: 130px; }

  h4.big-price {
    margin: 0;
    font-weight: 400; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .doc-img {
    margin: 0 20px 0 0; }

  .doc-description {
    width: 72%; }

  .doc-tab-column {
    width: 100%;
    padding: 10px 0 0 18px; }

  .doc-relations {
    margin: 0 0 4px;
    padding: 0 0 0 2px; }

  .doc-inner-column {
    margin: 0 0 20px; }

  .icon-btn {
    font-size: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 768px) {
  .doc-list > li.doc-card {
    width: 97%; }

  .doc-img {
    width: 70px; }

  .icon-btn {
    font-size: 10px; } }
@media only screen and (min-width: 768px) and (max-width: 769px) {
  .doc-info-image {
    width: 110px;
    height: 164px; } }
@media (min-width: 768px) {
  /* Врачи всё */
  /* Баннеры */
  .banner-online, #online .plugin-banner {
    margin-top: 140px; }

  .banner-analogi, #analog .plugin-banner {
    margin-top: 50px; }

  /* минимальный прайс на онлайн-заказ */
    /*.best-online-price {
            position: relative;
            width: 100%;
            display: table;
            margin: 30px 0 0 0;
            padding: 0 0 0 20px;
            box-sizing: border-box;
            border: 1px solid #80DEEA;
            transition: all 0.2s ease-in-out;
    }

    .best-online-price:hover {
        border: 1px solid #FFCC80;
    }

    .best-star {
        position: absolute;
        top: -7px;
        display: inline-block;
        background: #80deea url(../../images/best-star-flag2.png) 6px 44% no-repeat;
        color: #ffffff;
        margin: 5px;
        padding: 0 15px 0 30px;
        margin: 0 0 0 20px; 
        font-size: 13px;
        font-weight: 600;
        font-style: italic;
        letter-spacing: -0.04em;
    }

    .best-star:before {
        content: '';
        position: absolute;
        top: 0;
        left: -6px;
        border-top: 3px solid transparent;
        border-right: 3px solid #0badbc;
        border-bottom: 3px solid #0badbc;
        border-left: 3px solid transparent;
    }

    .best-star:after {
        content: '';
        position: absolute;
        top: 0;
        right: -6px;
        border-top: 3px solid transparent;
        border-right: 3px solid transparent;
        border-bottom: 3px solid #0badbc;
        border-left: 3px solid #0badbc;
    }

    .best-online-price > .online-shop-logo {
        display: table-cell;
        width: 156px;
        min-width: 156px;
        height: 130px;
        margin: 0;
        padding: 0;
        background-color: transparent;
        border: none;
        position: relative;
        vertical-align: middle;
        overflow: hidden;
    }

    .best-online-price > .online-shop-logo img {
        position: absolute;
        display: block;
        margin: auto;
        padding: 0;
        background-color: transparent;
        border: 1px solid #f0f0f0;
    }

    .online-shop-title {
            position: relative;
            display: table-cell;
            width: 70%;
            line-height: 2em;
            padding: 38px 0 10px 0;
    }

    .best-online-price > .online-shop-btn {
            width: 180px;
            min-width: 180px;
            display: table-cell;
            vertical-align: middle;
            padding: 7px 0 0 0;
            position: relative;
            background: #e0f7fa;
            box-sizing: border-box;
    }

    .online-shop-title > .online-title {
            padding: 0 20px 0 20px;
            font-size: 24px;
            font-weight: 600;
            white-space: normal;
    }

    .best-big-price {
            position: relative;
            display: table-cell;
            width: 30%;
            vertical-align: middle;
            padding: 0 20px 0 54px;
            font-size: 24px;
            font-weight: 600;
            white-space: normal;
            background: #e0f7fa;
    }

    .best-big-price:before {
            content: '';
            position: absolute;
            top: 0;
            left: -16px;
            bottom: auto;
            right: auto;
            width: 30px;
            height: 50%;
            background: $white;
            transform: skewX(15deg);
    }

    .best-big-price:after {
            content: '';
            position: absolute;
            top: auto;
            left: -16px;
            bottom: 0;
            right: auto;
            width: 30px;
            height: 50%;
            background: $white;
            transform: skewX(-15deg);
    }

    .best-big-price > .bb-price {
        display: block;
        width: 100%;
        text-align: left;
        margin: 0 0 10px;
    }

    .best-big-price > a {
        font-size: 12px;
        position: relative;
        display: block;
        float: left;
        margin-top: 5px;
        font-weight: 400;
    }

    .best-big-price a:after, .best-big-price .btn:after {
        content: '';
        display: block;
        clear: both;
    }

    .online-shop-title > .online-subtitle {
            padding: 5px 20px 0 20px;
            font-size: 14px;
            color: #888;
            white-space: normal;
            line-height: 1.3em;
    }

    .online-shop-btn > .btn {
            position: relative;
            background-image: url(../../images/icon-add-to-cart.png);
            background-position: -11px 50%;
            background-repeat: no-repeat;
            padding: 0 24px 0 52px;
    }

    .online-shop-btn > .btn:hover {
            background-image: url(../../images/icon-add-to-cart.png);
            background-position: -5px 50%;
            background-repeat: no-repeat;
    }

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

        .best-online-price {
            padding: 0;
        }

        .best-online-price > .online-shop-logo {
            display: none;
        }

        .online-shop-title {
            padding: 38px 0 30px 0;
        }

        .best-big-price .btn {
            padding: 0 16px;
        }

    }

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

        .online-shop-title {
            width: 45%;
        }

        .best-big-price {
            width: 55%;
            padding: 0px 8px 0 34px;
            font-size: 20px;
        }

        .online-shop-title > .online-title {
            font-size: 20px;
        }

        .online-shop-title > .online-subtitle {
            padding: 0 20px;
            font-size: 12px;
        }

        .best-big-price > .bb-price {
            margin: 0 0 10px;
        }

        .best-big-price .btn {
            font-size: 12px;
            padding: 0 10px;
        }

    }*/
  .best-online-price {
    position: relative;
    width: 100%;
    display: table;
    margin: 30px 0 0 0;
    padding: 15px 0 15px 20px;
    box-sizing: border-box;
    border: 1px solid #0154A6;
    transition: all 0.2s ease-in-out; }

  .utsenka.best-online-price {
    border-color: #248E13; }

  .best-star {
    position: absolute;
    top: -32px;
    display: inline-block;
    background: #0154A6;
    color: #ffffff;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 400;
    font-style: italic;
    border-radius: 15px;
    line-height: 20px;
    left: -164px;
    border: 6px solid #fff;
    white-space: nowrap; }

  .utsenka .best-star {
    background: #248E13; }

  /*.best-star:before {
      content: '';
      position: absolute;
      top: 0;
      left: -6px;
      border-top: 3px solid transparent;
      border-right: 3px solid #0badbc;
      border-bottom: 3px solid #0badbc;
      border-left: 3px solid transparent;
  }*/
  /*.best-star:after {
      content: '';
      position: absolute;
      top: 0;
      right: -6px;
      border-top: 3px solid transparent;
      border-right: 3px solid transparent;
      border-bottom: 3px solid #0badbc;
      border-left: 3px solid #0badbc;
  }*/ }
@media all and (min-width: 768px) and (max-width: 1080px) {
  .best-star {
    top: -30px;
    left: 32px; } }
@media (min-width: 768px) {
  .best-online-price > .online-shop-logo {
    display: table-cell;
    width: 156px;
    min-width: 156px;
    /*    height: 91px;*/
    padding: 0;
    background-color: transparent;
    border: 0;
    position: relative;
    vertical-align: middle;
    overflow: hidden; }

  .best-online-price > .online-shop-logo img {
    position: absolute;
    display: block;
    margin: 5px auto;
    padding: 0;
    background-color: transparent;
    border: 1px solid #ededed; }

  .online-shop-title {
    position: relative;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    line-height: 2em; }

  .best-big-price-box {
    display: table;
    margin: 0 20px; }

  .best-online-price .online-shop-btn {
    width: 180px;
    min-width: 180px;
    display: table-cell;
    vertical-align: middle;
    padding: 0;
    position: relative;
    box-sizing: border-box; }

  .online-shop-title > .online-title {
    padding: 0 20px;
    font-size: 20px;
    font-weight: 600;
    white-space: normal; }

  .best-big-price {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 40px 0 0;
    font-size: 20px;
    font-weight: 600;
    white-space: normal; }

  /*.best-big-price:before {
          content: '';
          position: absolute;
          top: 0;
          left: -16px;
          bottom: auto;
          right: auto;
          width: 30px;
          height: 50%;
          background: $white;
          transform: skewX(15deg);
  }*/
  /*.best-big-price:after {
          content: '';
          position: absolute;
          top: auto;
          left: -16px;
          bottom: 0;
          right: auto;
          width: 30px;
          height: 50%;
          background: $white;
          transform: skewX(-15deg);
  }*/
  .online-shop-title > .online-subtitle {
    padding: 5px 20px 0 20px;
    font-size: 14px;
    color: #888;
    white-space: normal;
    line-height: 1.3em; }

  .online-shop-btn > .btn {
    position: relative;
    background-image: url(../../images/icon-add-to-cart.png);
    background-position: -11px 50%;
    background-repeat: no-repeat;
    padding: 0 24px 0 52px; }

  .online-shop-btn > .btn:hover {
    background-image: url(../../images/icon-add-to-cart.png);
    background-position: -5px 50%;
    background-repeat: no-repeat; }

  .online-shop-btn > .btn.blue-btn, .online-shop-btn > .btn.blue-btn:hover {
    background-image: none;
    padding: 0 24px;
    width: 80%; }

  /*.utsenka .online-shop-btn > .btn {
      background: #248E13;
      padding: 0 18px;
  }*/
  /*.utsenka .online-shop-btn > .btn:hover {
      background: #54C158;
  }*/
  .best-online-price a.go-to-all {
    position: absolute;
    display: block;
    bottom: 4px;
    right: 22px;
    padding: 0 12px 0 0;
    font-style: italic;
    font-weight: 600;
    letter-spacing: -0.02em; }

  .best-online-price a.go-to-all:hover {
    color: #016ed9; }

  .best-online-price a.go-to-all:after {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #225378; } }
@media all and (min-width: 768px) and (max-width: 1080px) {
  .best-online-price {
    padding: 20px 0 25px 0; }

  .best-online-price > .online-shop-logo {
    display: none; } }
@media all and (min-width: 768px) and (max-width: 960px) {
  .best-big-price {
    padding: 0 18px 0 0;
    font-size: 16px; }

  .online-shop-title > .online-title {
    font-size: 20px; }

  .online-shop-title > .online-subtitle {
    padding: 0 20px;
    font-size: 12px; }

  .best-online-price > .online-shop-btn {
    width: 160px;
    min-width: 160px; }

  .online-shop-btn > .btn {
    background: #0154a6;
    padding: 0 30px; }

  .online-shop-btn > .btn:hover {
    background: #016ed9; } }
@media (min-width: 768px) {
  /* минимальный прайс на онлайн-заказ всё*/
  /* Самореклама */
  .promo-block {
    display: block;
    /*     height: 120px; */
    position: relative;
    margin: 30px 0 40px;
    border: 1px solid #f0f0f0;
    border-bottom: 2px solid #f0f0f0;
    box-sizing: border-box;
    width: 100%; }

  .promo-block .promo-header {
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 166px;
    background: #fff;
    padding: 0 15px;
    font-size: 10px;
    text-transform: uppercase; }

  .promo-block a.main-promo-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 20px 36px 180px;
    background: url(../../images/banner-lenta1.png) 20px 50% no-repeat;
    overflow: hidden;
    cursor: pointer; }

  .promo-block .corner {
    position: absolute;
    bottom: -2px;
    right: -1px;
    width: 20px;
    height: 20px;
    background: url(../../images/banner-corner.png) 0 0 no-repeat;
    z-index: 3; }

  .promo-block h2 {
    margin: 7px 0 0 0;
    font-size: 22px;
    display: inline-block;
    color: #006aff;
    font-weight: 600; }

  .promo-block:hover h2 {
    color: #00a5ff; }

  .promo-block h4 {
    margin: 0px 0 7px 0;
    font-size: 14px;
    color: #626262;
    clear: both; }

  .promo-block .promo-links {
    position: absolute;
    bottom: 15px;
    left: 180px;
    top: auto;
    right: auto; }

  .promo-block .promo-links a.promo-link-small {
    display: inline-block;
    float: left;
    margin: 0 22px 0 0;
    font-size: 14px;
    color: #006aff;
    font-weight: 600; } }
@media only screen and (min-width: 768px) and (max-width: 960px) {
  .promo-block .promo-links a.promo-link-small {
    margin: 0 15px 0 0;
    font-size: 12px; } }
@media (min-width: 768px) {
  .promo-block a.promo-link-small:hover {
    color: #00a5ff; }

  /* пїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ */
  /* пїЅпїЅпїЅпїЅпїЅпїЅпїЅ пїЅпїЅпїЅ */
  #doctor-filter-loading {
    position: absolute;
    right: 10px;
    width: 22px;
    height: 22px;
    background: #fff;
    z-index: 99999; }

  #doctor-filter-loading > img {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 1px; }

  ul.filter-empty li {
    font-size: 24px; }

  .description.small.mp-name {
    color: #bbbfc0;
    margin-top: 0; }

  .iname-header {
    padding: 0 0 30px 0;
    border-bottom: 1px solid #ededed; }

  .iname-header > h1.title_30 {
    margin-bottom: 20px; }

  ul.iname-list {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #969696;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    font-weight: 400;
    padding: 2px 0 24px; }

  ul.iname-list li.iname {
    position: relative;
    margin: 9px 0 0 0;
    padding: 0 0 0 60px; }

  ul.iname-list li.iname > .num {
    /* 	background: url(../../images/pill_ico.png) no-repeat 0 7px; */
    color: #d2d2d2;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
    /* 	width: 25px;
            height: 25px; */ }

  ul.iname-list li.iname:first-child {
    margin-top: 40px; }

  ul.iname-list li.iname a {
    font-weight: 600; }

  ul.iname-list li.iname > ul {
    margin: 2px 0 34px 0;
    padding: 0; }

  ul.iname-list li.iname > ul > li {
    font-size: 14px;
    color: #979797; }

  ul.iname-list li.iname > ul > li > em {
    color: #1eb037;
    font-style: normal;
    font-size: 12px; }

  .find-nothing h3 {
    padding: 40px;
    text-align: center; }

  /* Scroll to top */
  #to-top {
    /*	position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            width: 50px;
            height: 100%;
            -webkit-transition: background 0.5s ease;
            -moz-transition: background 0.5s ease;
            transition: background 0.5s ease;
            display: none;
            z-index: 1001;*/
    position: fixed;
    top: auto;
    bottom: 20px;
    left: 20px;
    width: 50px;
    height: 50px;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    transition: background 0.5s ease;
    display: none;
    z-index: 1001;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 8px; } }
@media only screen and (min-width: 768px) and (max-width: 768px) {
  #to-top {
    display: none !important; }

  #main > .row {
    padding-left: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  #to-top {
    width: 50px; } }
@media (min-width: 768px) {
  #to-top:hover {
    background-color: #e3e3e3; }

  .grey-top {
    background: transparent url(../../images/scroll-arrow3.png) 50% 15px no-repeat; }

  .blue-top {
    background: transparent url(../../images/scroll-arrow2.png) 50% 15px no-repeat; }

  .where-find {
    margin: 20px 0 60px;
    padding: 50px 0;
    border-top: 1px solid #ededed; }

  .where-find h2 {
    font-size: 36px;
    color: #9e9e9e;
    font-weight: 400;
    line-height: 44px;
    margin: 0 0 30px 0; }

  .where-find h4 {
    margin: 0 0 8px 0; }

  .where-find ul {
    margin: 20px 0; }

  .where-find ul li {
    margin: 10px 0;
    padding: 0 0 0 25px;
    background: url(../../images/li-dot.svg) 0 50% no-repeat; }

  .where-find ul li em {
    color: #1eb037;
    font-style: normal; }

  .where-find a {
    font-weight: 600;
    font-size: 16px;
    text-decoration: none; }

  .where-find a:hover {
    text-decoration: underline; }

  /* Modal */
  .reveal-modal-bg {
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, 0.65);
    width: 100%; }

  .reveal-modal .columns:last-child {
    float: left; }

  .light-form .columns:last-child {
    float: left; }

  .form-row {
    margin: 5px 0; }

  .modal-title {
    display: inline-block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 5px solid #ededed;
    margin-bottom: 30px; }

  .light-text-form {
    width: 100%;
    height: 40px;
    border: 1px solid #d2d9dc;
    color: #808080;
    padding: 0 10px;
    box-shadow: inset 2px 2px 12px 0 rgba(0, 0, 0, 0.06); }

  .light-textarea-form {
    width: 100%;
    border: 1px solid #d2d9dc;
    color: #808080;
    padding: 10px;
    box-shadow: inset 2px 2px 12px 0 rgba(0, 0, 0, 0.06); }

  .light-text-form:focus, .light-textarea-form:focus {
    box-shadow: 0 0 10px rgba(255, 235, 60, 0.62), inset 2px 2px 12px 0 rgba(0, 0, 0, 0.06); }

  .reveal-modal label {
    font-size: 14px;
    line-height: 30px;
    color: #424242;
    text-align: left; }

  #order.reveal-modal {
    padding: 0; }

  #order.reveal-modal label {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    color: #424242;
    margin: 0;
    padding: 0;
    text-align: right; } }
@media all and (min-width: 768px) and (max-width: 767px) {
  #order.reveal-modal label {
    text-align: left; } }
@media (min-width: 768px) {
  .submit-button {
    margin: 10px 0; }

  /* Contacts */
    /*.contact-wrapper {
        width: 728px;
        margin: 27px 0 0 312px;
    }

    .contact-tab .tab-set li a:hover {
        border: 0;
        padding-bottom: 0;
    }

    .contact-tab .row .title {
        float: left;
        width: 233px;
        font-weight: 400;
        padding: 0 0 0 10px;
        margin-right: 20px;
    }

    .contact-tab .tab h1 {
        margin: 0 0 30px;
        font-size: 22px;
        line-height: 18px;
        font-weight: 400;
    }

    .department {
            display: block;
            width: 100%;
            position: relative;
            margin: 20px 0;
            padding: 0;
    }

    .department.briks {
            border-bottom: 1px solid #ededf2;
    }

    .department-title {
        margin: 45px 0 25px;
        font-size: 22px;
        line-height: 31px;
        font-weight: 400;
    }

    .contact-list.managers {
            margin: 0 0 40px 0;
            overflow: hidden;
    }

    .contact-list.managers li {
            display: block;
            float: left;
            position: relative;
            margin: 20px 1% 0 0;
            width: 19%;
    }

    .managers .visual {
            position: relative;
            display: block;
            left: 0;
        top: 0;
        width: 84px;
        height: 84px;
            margin: 0 0 20px 0;
    }

    .managers-contacts {
            margin: 0;
    }

    .contact-list.managers .managers-contacts li {
            display: block;
            width: 100%;
            min-height: auto;
            float: left;
            margin: 0;
            padding: 0 0 3px 15px;
            border: none;
    }

    .contact-list li.worker {
            display: table;
        position: relative;
        width: 100%;
        margin: 20px 0 10px -24px;
        padding: 17px 0 0 0;
        min-height: 94px;
        vertical-align: top;
        border: 0;
    }

    .worker-visual, .worker-title, .contacts-main, .contacts-dop {
            display: table-cell;
            padding: 0;
            vertical-align: top;
    }

    .worker-visual {
            position: absolute;
            left: -90px;
            top: 0;
            width: 139px;
    }

    .worker-visual img {
        border: 3px solid #ececec;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px;
        position: relative;
    }

    .worker-title {
            width: 280px;
            border-bottom: 1px solid #ededf2;
    }

     .contacts-main, .contacts-dop {
            width: 200px;
            border-bottom: 1px solid #ededf2;
    }

    .contacts-main ul {
            margin: 0;
    }

    .contacts-main li, .contacts-dop li {
            border-bottom: 0;
        position: relative;
        padding: 0 0 0 20px;
        min-height: auto;
    }



    .c-phone {
            background: url(../../images/icons/c-phone.png) 0 7px no-repeat;
    }

    .c-mail {
            background: url(../../images/icons/email-c.png) 0 55% no-repeat;
    }

    .c-skype {
            background: url(../../images/icons/skype-c.png) 0 55% no-repeat;
    }

    .c-icq {
            background: url(../../images/icons/icq-c.png) 0 55% no-repeat;
    }

    .larger {
      font-size: 110%;
      margin-bottom: 2px;
    }

    .name.larger, .c-phone.larger {
        font-size: 20px;
        line-height: 24px;
        font-weight: 400;
    }

    .cc-no-human .contacts-main, .cc-no-human .contacts-dop {
      padding-bottom: 20px;
    }

    .contact-list.managers .managers-contacts li:nth-of-type(1) {
            padding: 15px 0 3px 15px;
    }

    .contact {
            font-style: normal;
    }

    .contact .name i {
            font-weight: 600;
    }*/
  .contact-city {
    line-height: 1;
    margin-bottom: 0;
    font-weight: 600;
    font-style: normal; }

  .contact-city-phones {
    line-height: 1.6;
    margin-bottom: 0;
    font-weight: 400;
    font-style: normal; }

  .contact-wrapper-new {
    width: 100%;
    margin: 0; }

  .contacts-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 400;
    margin: 20px 0; }

  .main-address {
    display: table;
    width: 100%;
    margin: 0 0 30px; }

  .visual-col {
    display: table-cell;
    width: 280px;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
    vertical-align: top;
    float: left; }

  .visual-col img {
    display: block;
    border: 3px solid #eaeaea;
    width: 270px;
    height: 145px;
    position: relative;
    float: left; }

  .main-address-col {
    display: table-cell;
    width: 330px;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top;
    float: left; }

    /*@media screen and (max-width: 960px) {
            .contact-wrapper {
                    width: 528px;
                    margin: 27px 0 0 78px;
            }

            .department-title {
                    margin: 45px 0 40px -127px;
                    font-size: 22px;
                    line-height: 18px;
                    font-weight: 400;
            }

            .worker-visual {
                    position: absolute;
                    left: -105px;
                    top: 0;
                    width: 139px;
            }
    }*/
  /*@media screen and (max-width: 768px) {
          .contact-wrapper {
                  width: 528px;
                  margin: 27px 0 0 150px;
          }
  }*/
  .forbidden-drug {
    display: block;
    margin: 20px 0 30px 0;
    font-size: 32px;
    color: #9e9e9e;
    font-weight: 400;
    line-height: 1.3em; }

  /* ----- Modal window "add to cart" ----- */
  #add-to-cart .bm-head {
    text-align: center;
    border: none; }

  #add-to-cart .bm-title {
    display: block;
    margin: 0 10%;
    font-size: 1.3rem;
    line-height: 30px;
    font-weight: 400; }

  .centered-block {
    position: relative;
    display: block;
    width: 460px;
    margin: 0 auto;
    text-align: center; }

  .cart-origname-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 1.5rem 0 0;
    overflow: hidden; }

  .cartmap {
    position: relative;
    width: 100%;
    height: 180px;
    margin: 1.5rem 0 0;
    background-color: #ffcc00; }

  .cart-origname-wrapper:before, .cart-origname-wrapper:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00000000',GradientType=0 );
    z-index: 1; }

  .cart-origname-wrapper:after {
    top: auto;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); }

  .cart-origname-scroller {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #f7f7f7;
    overflow-y: auto;
    overflow-x: hidden; }

  .no-background {
    background-color: transparent !important;
    background-image: none !important; }

  .orig-name-table {
    display: table;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0; }

  .result-box {
    margin-right: 17px; }

  .ont-row, .ont-result-row {
    /*    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;*/
    display: table-row;
    width: 100%;
    font-size: 1rem;
    background-color: #fff; }

  .ont-row {
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0; }

  .ont-header-row {
    background-color: #0badbc !important;
    color: #fff;
    font-size: 1.2rem;
    border-left: none;
    border-right: none; }

  .ont-header-row > .ont-origprice, .ont-header-row > .ont-origname {
    font-size: 1.2rem; }

  .ont-row.is-active {
    background-color: #efffec !important; }

  .ont-result-row {
    border-top: none;
    font-size: 1.4rem;
    padding: 16px 0 10px; }

  .ont-row:nth-of-type(odd) {
    background-color: #f5f5f5; }

  .ont-preview {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    border-right: 2px solid #fff;
    empty-cells: hide;
    max-width: 100px;
    margin: 0;
    padding: 0;
    overflow: hidden; }

  .ont-header-row > .ont-preview {
    background-color: #0badbc;
    empty-cells: show; }

  .ont-preview > img {
    display: block;
    position: relative;
    width: 100px;
    max-width: 100px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    box-sizing: border-box; }

  .ont-origname {
    /*    -webkit-box-flex: 1 0 50%;
        -moz-box-flex: 1 0 50%;
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;*/
    display: table-cell;
    width: inherit;
    vertical-align: middle;
    position: relative;
    padding: 20px;
    box-sizing: border-box;
    font-weight: 600;
    line-height: 1.3em;
    font-size: 15px;
    border-right: 2px solid #fff; }

  .ont-result-row > .ont-origname {
    text-align: right;
    width: 100%;
    border: none; }

  .ont-origprice {
    /*    -webkit-box-flex: 0 0 120px;
        -moz-box-flex: 0 0 120px;
        -webkit-flex: 0 0 120px;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;*/
    width: 135px;
    display: table-cell;
    vertical-align: middle;
    position: relative;
    padding: 20px 10px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    border-right: 2px solid #fff; }

  .ont-quantity {
    /*    -webkit-box-flex: 0 0 90px;
        -moz-box-flex: 0 0 90px;
        -webkit-flex: 0 0 90px;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        display: block;
    */
    display: table-cell;
    vertical-align: middle;
    width: 90px;
    position: relative;
    padding: 20px 0 20px 10px;
    box-sizing: border-box;
    text-align: center; }

  .ont-btns {
    /*    -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;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 170px;
    position: relative;
    padding: 20px 6px;
    box-sizing: border-box; }

  .ont-btn-remove {
    /*    -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;*/
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 62px;
    position: relative;
    padding: 20px 10px 20px 0;
    box-sizing: border-box; }

  /*table.orig-name-table {
      background: #f7f7f7;
      border: none;
  }*/
    /*table.orig-name-table tr {
        border-top: 1px solid #e6e6e6;
    }

    .orig-name-table td {
        border: none;
    }*/
  /*table.orig-name-table tr.even, table.orig-name-table tr.alt, table.orig-name-table tr:nth-of-type(even) {
      background: #f3f3f3;
  }*/
  .orig-name-table td.cart-origname, orig-name-table tr th.cart-origname {
    font-size: 1.1rem;
    font-weight: 600; }

  .orig-name-table td.no-padding {
    padding: 10px 0; }

  .ont-result-row .ont-btns {
    -webkit-box-flex: 0 0 230px;
    -moz-box-flex: 0 0 230px;
    -webkit-flex: 0 0 230px;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px; }

  .quantity {
    display: inline-block;
    font-size: .9rem;
    color: #999;
    font-weight: 400; }

  /*
  .orig-name-table td.cart-origprice, .orig-name-table th.cart-origprice {
      font-size: 1.4rem;
      font-weight: 600;
  }*/
  .cart-origprice > .small {
    font-size: 80%; }

  /*.number-input {
      position: relative;
      display:inline-block;
      min-width: 75px;
  }*/
  /*.number-select {
      width: 80px;
      height: 50px;
      padding: 0;
      text-align: center;
      float: left;
      font-size: 1.2rem;
      border: 1px solid #c1c1c1;
      -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.1) inset;
      -moz-box-shadow: 0 2px 8px rgba(0,0,0,.1) inset;
      box-shadow: 0 2px 8px rgba(0,0,0,.1) inset;
  }*/
  /*.numbtn-wrapper {
      position: relative;
      display: block;
      width: 25px;
      height: 50px;
      float: left;
  }*/
  /*.numbtn {
      width: 25px;
      height: 25px;
      background: $white;
      border: 1px solid #c1c1c1;
      border-left: none;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      color: #555;
      text-align: center;
      line-height: 25px;
      box-sizing: border-box;
      cursor: pointer;
  }*/
  /*.numbtn.disable, .numbtn.disable:hover {
      background: #f4f4f4;
      color: #999;
      cursor: no-drop;
  }*/
  /*.numbtn.dec {
      border-top: none;
  }*/
  .numbtn:hover {
    background: #dceeff; }

  .cart-btn {
    width: 160px;
    padding: 0;
    text-align: center; }

  .cart-btn.is-active, .cart-btn.is-active:hover, .cart-btn.is-active:active {
    background: #39c74a;
    background-image: url(../../images/addsuccess.svg);
    background-position: -10px 0;
    background-repeat: no-repeat;
    cursor: default; }

  .attention-btn, .attention-btn:visited {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ff6600;
    background-image: url(../../images/remove-btn.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    opacity: .8;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .attention-btn.is-active {
    background-color: #ff6600;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    top: -3px; }

  .attention-btn.disable {
    display: inline-block;
    background-color: #bababa;
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn.disable:hover {
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn:hover, .attention-btn:active {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .row-summary {
    position: relative;
    width: 100%; }

  .light-table {
    width: 100%;
    text-align: right; }

  .bm-content.success {
    padding: 2rem; }

  .bm-content.success h3 {
    margin: 2rem 0 4rem;
    color: #0154a6;
    text-align: center; }

  .bm-content.success h4 {
    text-align: center; }

  .bm-content.success ol li {
    margin: .6rem 0; }

  .notification {
    position: relative;
    display: block;
    font-weight: 700; } }
@media only screen and (min-width: 768px) and (max-width: 77.5em) {
  #add-to-cart .row {
    width: 100%;
    min-width: 100%; } }
@media all and (min-width: 768px) and (max-width: 1130px) {
  .ont-origname {
    -webkit-box-flex: 1 0 40%;
    -moz-box-flex: 1 0 40%;
    -webkit-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%; } }
@media all and (min-width: 768px) and (max-width: 960px) {
  .ont-row {
    font-size: .9rem; }

  .ont-origname {
    /*        -webkit-box-flex: 1 0 40%;
            -moz-box-flex: 1 0 40%;
            -webkit-flex: 1 0 40%;
            -ms-flex: 1 0 40%;
            flex: 1 0 40%;*/ }

  .ont-quantity, .ont-origprice, .ont-btns {
    /*        -webkit-box-flex: 0 0 120px;
            -moz-box-flex: 0 0 120px;
            -webkit-flex: 0 0 120px;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px;
            position: relative;
            padding: 20px 10px;
            box-sizing: border-box;
            text-align: center;*/
    vertical-align: top; }

  .number-select {
    width: 70px;
    font-size: 1.1rem; } }
@media all and (min-width: 768px) and (min-width: 740px) and (max-width: 959px) {
  .ont-origname {
    -webkit-box-flex: 1 0 30%;
    -moz-box-flex: 1 0 30%;
    -webkit-flex: 1 0 30%;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    line-height: 1.3em; }

  .ont-quantity, .ont-origprice {
    -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;
    padding: 20px 10px; }

  .ont-btns {
    -webkit-box-flex: 0 0 260px;
    -moz-box-flex: 0 0 260px;
    -webkit-flex: 0 0 260px;
    -ms-flex: 0 0 260px;
    flex: 0 0 230px; }

  .cart-btn {
    width: 150px; } }
@media (min-width: 768px) {
  .has-tooltip {
    display: inline-block;
    position: relative;
    cursor: help; }

  .drug-description .has-tooltip {
    line-height: 22px; }

  .drug-description .has-tooltip:after {
    content: "?";
    position: absolute;
    top: 2px;
    right: -22px;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 20px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    background-color: #ccc;
    /*     DARK*/
    /*    content: "?";
        position: absolute;
        top: 1px;
        right: -23px;
        display: block;
        width: 17px;
        height: 17px;
        line-height: 18px;
        border-radius: 20px;
        text-align: center;
        color: #ffffff;
        font-weight: 600;
        font-size: 11px;
        background-color: #828282;*/ }

  .my-tooltip {
    display: none;
    position: absolute;
    top: 30px;
    bottom: auto;
    left: 0;
    right: 0;
    /*    width: 50%;*/
    max-width: 300px;
    min-width: 100px;
    padding: 16px 20px;
    background: #fff;
    border: 1px solid #d8dedf;
    color: #333;
    font-size: 1rem;
    line-height: 1.5em;
    /*    -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;*/
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.09), 0 6px 6px rgba(0, 0, 0, 0.13);
    z-index: 99999; }

    /*.my-tooltip:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -20px;
        left: 20px;
        right: 0;
        bottom: auto;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid $white;
        z-index: 2;
    }

    .my-tooltip:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -21px;
        left: 20px;
        right: 0;
        bottom: auto;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 10px solid #d8dedf;
        z-index: 1;
    }*/
  .my-tooltip:hover {
    display: block; }

  .search-drop .list .tg {
    margin: 0 6px; }

  .search-drop .list a > .latin {
    position: relative;
    display: block;
    color: #939393;
    font-size: 12px;
    clear: both; }

  /* 2 in one */
  .change-name {
    position: relative;
    display: block;
    margin: 30px 0;
    width: 100%;
    /*    height: 60px;
        line-height: 60px;*/
    padding: 12px 12px 12px 80px;
    background: #fff6dc;
    font-size: 1.1rem;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden; }

  .change-name a {
    text-decoration: underline; }

  .change-name:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 20px 0 0;
    width: 60px;
    height: 100%;
    background-color: #FFD54F;
    background-image: url(../../images/question-change.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 36px; }

  .change-name:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50px;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #FFD54F;
    transform: rotate(45deg); }

  .give-feedback {
    position: relative;
    display: block;
    margin: 10px 10px 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e5e5e5; }

  .give-feedback > a.btn {
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px; }

  /* STYLED INPUTS */
  /*.styled-input {
      width: 100%;
      height: 40px;
      padding: 10px;
      border: 1px solid #ededed;
      box-sizing: border-box;
  }*/
  /*.styled-input.number-select {
      width: 50px;
      height: 50px;
      padding: 0;
      text-align: center;
      float: left;
      font-size: 1.2rem;
      border: 1px solid #c1c1c1;
  }*/
  .input-row {
    position: relative;
    display: block;
    width: 100%;
    padding: 8px 0; }

  .input-row > label {
    padding: 0 0 6px 0;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.04rem;
    text-transform: uppercase; }

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

  /* STYLED INPUTS Finish */
  /* vertical menu */
  .vertical-menu {
    position: relative;
    width: 100%; }

  .vertical-menu.small-menu {
    padding: 10px 0; }

  .boxed-menu {
    width: 250px;
    position: relative;
    box-sizing: border-box;
    /*    background-color: #deeff2;*/
    border: 3px solid #e9eff0;
    /*    box-shadow: 0 0 8px rgba(0,0,0,.3);
        border-radius: 10px;
        overflow: hidden;*/ }

  .vertical-menu > li > a {
    position: relative;
    width: 100%;
    display: block;
    padding: 14px 10px 14px 50px;
    font-size: 14px;
    border-bottom: 1px solid #e9eff0;
    box-sizing: border-box; }

  .vertical-menu.small-menu > li > a {
    position: relative;
    width: 100%;
    display: block;
    padding: 8px 8px 8px 40px;
    font-size: 12px;
    border-bottom: none;
    box-sizing: border-box; }

  .vertical-menu > li.nav-separator {
    margin: 7px 10px;
    height: 1px;
    background-color: #f0f0f0; }

  /*.vertical-menu > li > a:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 50px;
      height: 100%;
      background-color: #ffcc00;
  }*/
  .vertical-menu > li > a.cab-change-pass {
    background: url(../../images/ui-change-pass-blue.png) 12px 50% no-repeat; }

  .vertical-menu > li > a.cab-change-pass:hover {
    background-image: url(../../images/ui-change-pass-white.png); }

  .vertical-menu > li > a.cab-user-card {
    background: url(../../images/ui-user-card.png) 12px 50% no-repeat; }

  .vertical-menu > li > a.cab-user-card:hover {
    background-image: url(../../images/ui-user-card-white.png); }

  .vertical-menu > li > a.cab-notifications {
    background: url(../../images/ui-cab-notifications.png) 12px 50% no-repeat; }

  .vertical-menu > li > a.cab-notifications:hover {
    background-image: url(../../images/ui-cab-notifications-white.png); }

  .vertical-menu > li > a.active {
    background-color: #dff8fa;
    color: #242424; }

  .boxed-menu.vertical-menu > li:last-child > a {
    border: none; }

  .vertical-menu > li > a:hover {
    background-color: #0badbc;
    color: #fff; }

  .vertical-menu.small-menu > li > a:hover {
    background-color: #f0f0f0;
    color: #225378; }

  /* vertical menu finish */
  .filters-progress {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 40px 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #ccc; }

  .btn-progress, .btn-progress:hover, .btn-progress:active {
    cursor: default;
    overflow: hidden;
    position: relative;
    /*  background-color: #0badbc;*/
    background-image: -moz-linear-gradient(top, #0badbc, #156cc2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0badbc), to(#156cc2));
    background-image: -webkit-linear-gradient(top, #0badbc, #156cc2);
    background-image: -o-linear-gradient(top, #0badbc, #156cc2);
    background-image: linear-gradient(to bottom, #0badbc, #156cc2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0badbc', endColorstr='#156cc2 ', GradientType=0);
    /*  background-color: #0badbc;*/
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    -o-background-size: 80px 80px;
    background-size: 80px 80px;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -moz-animation: progress-bar-stripes 0.5s linear infinite;
    -ms-animation: progress-bar-stripes 0.5s linear infinite;
    -o-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite; }

  /* Анимация */
  /* Webkit */
  @-webkit-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Firefox */
  @-moz-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* IE9 */
  @-ms-keyframes progress-bar-stripes {
    from {
      background-position: 80px 0; }
    to {
      background-position: 0 0; } }
  /* Opera */
  @-o-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Spec */
  @keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* cabinet promo */
  .lk_promo {
    display: block;
    position: relative;
    bottom: -24px;
    margin: 0px -24px;
    padding: 32px 354px 22px 34px;
    /* 	border-top: 1px solid #ccc; */
    background-color: #0cc3d4;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    /* background-image: url(../../images/lk_promo_icon.png); */
    background-image: url(../../images/lk_promo.gif);
    background-repeat: no-repeat;
    background-position: 90% 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .lk_promo:hover, .lk_promo:active {
    background-color: #18ccdd; }

  .lk_promo > .btn {
    margin-top: 20px;
    padding: 0 42px;
    font-size: 14px;
    font-weight: 400; }

  .lk_promo:hover > .btn {
    background-color: #016ed9; }

  /* cabinet promo finished */
  /*.auth-decor {
      position: relative;
      width: 100%;
      height: 100%;
      background: url(../../images/auth-pattern.png) 0 0;
      padding: 40px;
  }*/
  .auth-box {
    position: relative;
    display: block;
    width: 300px;
    margin: 20px auto;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    /*     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/ }

    /*.auth-box:before, .auth-box:after {
        content: '';
        position: absolute;
        top: 10px;
        left: -40px;
        width: 80px;
        height: 80px;
        background-color: #156cc2;
        border-radius: 80px;
        z-index: -1;
    }

    .auth-box:after {
        top: auto;
        left: auto;
        bottom: 10px;
        right: -30px;
        width: 60px;
        height: 60px;
        background-color: #0badbc;
    }*/
  .auth-box .register {
    position: relative;
    display: inline-block;
    margin: 8px 0; }

  .auth-box .login-info {
    margin-bottom: 0; }

  .disabled {
    cursor: text !important; }

  a.disabled {
    color: #888;
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted #888;*/ }

  button.disabled, input[type=button].disabled, input[type=submit].disabled {
    background-color: #f0f0f0;
    color: #888; }

  /*.auth-box h3 {
      text-align: center;
  }*/
  .js-date-clear {
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: transparent url(../../images/mobile/close-ico.svg) 50% 50% no-repeat;
    background-size: 20px; }

  .js-date-clear:hover {
    background-color: #f0f0f0; }

  .mnf-filters {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f0f0f0; }

  .mnf-filters li {
    display: inline-block;
    margin: 0 20px; }

  a.filter-tag {
    position: relative;
    display: inline-block;
    padding: 1px 8px;
    background-color: #f0f0f0;
    /*    border: 1px solid #999999;*/
    color: #262626;
    font-size: 12px; }

  a.filter-tag:hover {
    background-color: #f5f5f5; }

  a.filter-tag:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%;
    background-color: #d1f4f7; }

  .skidos {
    display: inline-block;
    margin: 20px 0 0 0;
    color: #9aa6b3;
    text-transform: uppercase;
    font-size: 10px; }

  /* Оригинальные наименования на карте */
  .origpopup-content {
    position: relative;
    width: 100%;
    height: 670px;
    max-height: 670px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 0 20px 0; } }
@media all and (min-width: 768px) and (max-width: 768px) {
  .origpopup-content {
    height: 90vh;
    max-height: 90vh; } }
@media all and (min-width: 768px) and (max-height: 670px) {
  .origpopup-content {
    height: 100%;
    max-height: 100%;
    overflow-y: hidden;
    padding: 0 0 40px 0; } }
@media (min-width: 768px) {
  .origpopup-content table tr td {
    vertical-align: top;
    line-height: 1.5rem;
    /*    font-size: 14px !important;
        font-weight: 600;*/ }

  .orn-atributes {
    font-weight: 400; }

  .orn-info > li {
    position: relative;
    display: inline-block;
    float: left;
    margin: 0 1rem 0 0; }

  .orn-label {
    font-weight: 400;
    /*    text-transform: uppercase;
        font-size: 10px;*/ }

  .orn-discount {
    font-weight: 600;
    font-style: italic; }

  .orn {
    position: relative;
    display: inline-block;
    font-weight: 600;
    font-size: 14px; }

  .top-label {
    position: absolute;
    top: -5px;
    left: 100%;
    padding: 1px 2px;
    font-size: .6rem;
    text-transform: uppercase;
    color: #fff; }

  #map-orignames {
    padding-top: 50px; }

  .big-actions-block {
    position: relative;
    margin: 0 0 0 1px;
    border-bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto; }

  .big-actions-block ul > li {
    display: inline-block;
    position: relative;
    width: 23.5%;
    margin: 0 0 10px 6px; }

  .big-actions-block ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    height: 110px;
    box-sizing: border-box;
    color: #262626;
    background-color: #F5F5F5;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #f0f0f0;
    border-top: 2px solid #ffcc00;
    white-space: normal;
    overflow: hidden;
    transition: all .5s ease;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 10px 10px; }

  .big-actions-block ul > li > a:hover {
    background-color: #f0f0f0;
    transition: all .5s ease; }

  .bac-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    padding: .6rem 1rem 0.3rem 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    width: 100%; }

  .bac-title {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3em;
    padding: 0 10px 0 0; }

  .bac-percent {
    position: relative;
    -webkit-box-flex: 0 0 50px;
    -moz-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    align-self: flex-start;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    background: #ffeca2;
    border-radius: 2px; }

  .bac-percent:before, .bac-percent:after {
    content: '';
    position: absolute;
    top: 8px;
    left: -5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 10px; }

  .bac-percent:after {
    left: auto;
    right: -5px; }

  .bac-condition {
    position: relative;
    display: block;
    margin-top: 2px;
    font-size: 12px;
    font-weight: 400;
    color: #5c5c5c;
    padding: 0 1rem 0 40px;
    line-height: 1.3rem; }

    /*.big-actions-block ul > li > a.ac-card .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-card.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-pens .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-pens.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-action .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-action.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-worker .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-worker.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-rouble .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-discount .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-discount.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.ac-date .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
        background-size: 18px;
    }

    .big-actions-block ul > li > a.reklama .bac-header {
        background-image: url(../../images/icons/actions-icons/ac-action.svg);
        background-size: 18px;
    }*/
    /*.big-actions-block ul > li > a.reklama {
        background-color: #F0F4C3;
    }

    .big-actions-block ul > li > a.reklama:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgb(240, 244, 195) 70%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgb(240, 244, 195) 70%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgb(240, 244, 195) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#F0F4C3',GradientType=0 );
    }*/
  .big-actions-block ul > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 0.7) 70%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 0.7) 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(245, 245, 245, 0.7) 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f0f0f0',GradientType=0 ); }

  .big-actions-block ul > li > a .allfirm-action {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1rem; } }
@media all and (min-width: 768px) and (max-width: 1200px) {
  .big-actions-block ul > li > a {
    width: 100%;
    height: 100px;
    max-height: 100px; }

  .bac-header {
    background-position: 10px 50%;
    padding: 0.5rem 1rem 0.3rem 40px; } }
@media all and (min-width: 768px) and (max-width: 768px) {
  .big-actions-block {
    position: relative;
    margin: 0 0 0 6px; }

  .big-actions-block ul > li > a {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 .8rem;
    height: auto;
    max-height: 67px;
    border: none;
    border-bottom: 1px solid #f0f0f0; }

  .big-actions-block ul > li > a:hover {
    border-bottom: 1px solid #f0f0f0; }

  .bac-header {
    padding: 4px 0 4px 40px;
    background-position: 10px 50%; }

  .bac-condition {
    padding: 0 9rem 0 40px; }

  .bac-percent {
    position: absolute;
    right: 10px;
    width: 50px;
    top: 0;
    z-index: 1; }

  /*    .big-actions-block ul > li > a:after {
          display: none;
      }*/ }
@media (min-width: 768px) {
  .orn-dosage-actions {
    display: block;
    position: relative;
    margin: 6px 0 0 0;
    white-space: nowrap; }

  .orn-dosage-actions > .orn {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 14px; }

  .orn.ac-card {
    background-image: url(../../images/icons/actions-icons/ac-card.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-pens {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-action {
    background-image: url(../../images/icons/actions-icons/ac-action.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-worker {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-rouble {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-discount {
    background-image: url(../../images/icons/actions-icons/ac-discount.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .orn.ac-date {
    background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
    background-size: 14px;
    background-position: 0 50%; }

  .more-condition {
    display: inline-block;
    font-weight: 400;
    font-size: 11px;
    line-height: 1.2rem;
    margin-top: 3px;
    color: #565656; }

  /*.elem-actions.inline-actions ul > li:first-child > a {
      margin: 0 .5% 5px 0;
      padding: 0 .5rem;
      border: 1px solid #f0f0f0;
  }*/
  .elem-actions.inline-actions ul > li:last-child > a {
    margin: 0 .5% 5px;
    padding: 1rem;
    border: 1px solid #f0f0f0; }

  /*    .orn-attention {
          display: block;
          position: relative;
          padding: 0 0 0 20px;
          color: #ff6600;
          font-size: 12px;
          background: url(../../images/attention-recipe-min.svg) 0 50% no-repeat;
      }*/
  .markdown {
    position: relative;
    display: inline-block;
    padding: 0 0 0 20px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/markdown-icon-rb.png);
    background-position: 0 50%;
    background-repeat: no-repeat; }

  .markdown-label {
    padding: 0 2px 0 18px;
    background-image: url(../../images/markdown-icon-rb.png);
    background-repeat: no-repeat;
    background-position: 0 50%; }

  .markdown:hover {
    background-image: url(../../images/icons-markdown-rb-hover.png); }

  .orn-markdown-cause {
    display: block;
    color: #388e3c;
    margin: 0;
    font-size: 12px; }

  .orn-markdown {
    display: inline-block;
    position: relative;
    padding: 0 5px;
    background-color: #4caf50;
    /*    background-image: url(../../images/markdown-icon-white.png);
        background-position: 5px 0;
        background-repeat: no-repeat;*/
    color: #fff;
    font-size: .6rem;
    letter-spacing: 0.06rem;
    text-transform: uppercase; }

  .ftc .action {
    display: block;
    width: 100%;
    padding: 0 0 0 20px;
    background-image: url(../../images/icons-action-color.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    margin: 0 0 8px 0; }

  .ac-card.ftc .action {
    background-image: url(../../images/icons-card-color.png); }

  .ac-pens.ftc .action {
    background-image: url(../../images/icons-pensioner-color.png); }

  .ac-action.ftc .action {
    background-image: url(../../images/icons-action-color.png); }

  .ac-delivery.ftc .action {
    background-image: url(../../images/icons-dostavka-small-hover.png); }

  .ghost-link {
    font-size: 10px;
    color: #ababab;
    text-decoration: none; }

  .ghost-link:hover {
    text-decoration: underline; }

  /*
  .table.blue-table.origname-table tr td {
      font-size: 13px;
      font-weight: 600;
  }*/
  /*    .formatted-price {
              position: relative;
              font-family: 'Open Sans', Arial, Verdana, sans-serif;
              font-weight: 600;
              font-size: 1em;
      }
  
      .kop-separator {
              font-size: .8em;
              font-weight: 400;
      }
  
      .kop {
              font-size: .8em;
              font-weight: 400;
      }
  
      .rubsymbol {
              position: relative;
              font-family: 'OSRouble', Arial, Verdana, sans-serif;
              font-weight: 400;
              font-size: .9em;
              margin: 0 0 0 .2em;
      }*/
  .input-label {
    margin: 10px 0 5px; }

  /* NEW FILTERS */
  .forms-filters {
    position: relative;
    width: 100%;
    display: block;
    padding: 0 10px; }

  .filters-content {
    position: relative;
    margin: 0 300px 0 0;
    display: block;
    box-sizing: border-box;
    z-index: 1; }

  .filters-filters {
    position: relative;
    width: 290px;
    display: block;
    float: right;
    box-sizing: border-box;
    z-index: 2; }

  .all-forms-heads {
    position: relative;
    width: 100%;
    min-height: 38px;
    display: inline-block;
    padding: 5px 60px 7px 10px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }

  .all-forms-heads ul {
    display: block;
    position: relative;
    width: 100%;
    max-height: 32px;
    padding: 0;
    margin: 0;
    box-sizing: border-box; }

  .all-forms-heads ul li {
    margin: 0;
    display: inline-block; }

  .all-forms-heads ul li .one-form {
    position: relative;
    display: block;
    margin: 0 .2rem 6px 0;
    height: 28px;
    line-height: 28px;
    padding: 0 28px 0 8px;
    background-color: #0badbc;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px; }

  .all-forms-heads ul li .one-form:before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/filter-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    opacity: .6;
    transition: all .2s ease; }

  .all-forms-heads ul li .one-form.active {
    color: #0064ae; }

  .all-forms-heads ul li .one-form:hover:before {
    background-color: #0cc3d4;
    opacity: 1; }

  .all-forms-heads ul li:last-child {
    margin: 0; }

  .all-dosage-content {
    position: relative;
    display: block;
    margin: 0 0 20px;
    border-top: 1px solid #f0f0f0; }

  .all-dosage-content .dosage-row {
    position: relative;
    display: table;
    width: 100%;
    min-height: 60px;
    padding: 1rem;
    border: 1px solid #f0f0f0;
    border-top: 0;
    transition: all .5s ease;
    color: #262626; }

  .all-dosage-content .dosage-row:hover {
    background-color: #ededed;
    /* -moz-box-shadow: 0 2px 17px rgba(0,0,0,0.12), 0 4px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0,0,0,0.12), 0 4px 6px rgba(0,0,0,0.23);
    box-shadow: 0 2px 17px rgba(0,0,0,0.12), 0 4px 6px rgba(0,0,0,0.23); */
    z-index: 1; }

  .all-dosage-content .dosage-row:hover .all-dosage-offers {
    color: #225378;
    text-decoration: underline; }

  .all-dosage-content .dosage-row .dosage-name {
    position: relative;
    display: table-cell;
    width: auto;
    padding: 0 40px 0 0;
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: 600; }

  .dosage-name > .orn-label {
    display: block;
    font-size: 12px;
    color: #999;
    font-weight: 400; }

  .recipe-only {
    display: block;
    position: relative;
    padding: 0 0 0 18px;
    background-image: url(../../images/attention-recipe-min.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: .9rem;
    font-weight: 400; }

  .all-dosage-content .dosage-row .dosage-price {
    position: relative;
    display: table-cell;
    width: 24%;
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
    text-align: left; }

  .dosage-row .dosage-price .formatted-price {
    font-size: 1.2rem; }

  .all-dosage-content .dosage-row .dosage-arrow {
    position: relative;
    display: table-cell;
    width: 46px;
    background-image: url(../../images/dosage-arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .all-dosage-content .dosage-row .dosage-number {
    position: relative;
    display: table-cell;
    width: 120px;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .numbtn {
    position: absolute;
    top: 0;
    width: 30%;
    height: 47px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    line-height: 47px;
    font-weight: 700;
    cursor: pointer; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.inc {
    left: 0;
    right: auto;
    border-right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.dec {
    left: auto;
    right: 0;
    border-left: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }

  .all-dosage-content .dosage-row .dosage-number .numbtn:hover {
    background-color: #aeddff; }

  .all-dosage-content .dosage-row .dosage-number .number-input {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    margin: 0 30%;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .number-input input {
    height: 47px;
    line-height: 47px;
    text-align: center; }

  .all-dosage-content .dosage-row .dosage-btn {
    position: relative;
    display: table-cell;
    width: 136px;
    text-align: right; }

  .all-dosage-offers {
    font-size: 12px;
    color: #999;
    font-weight: 400; }

  .dosage-filters {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #f0f0f0; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 .8rem .8rem;
    border-bottom: 1px solid #ededed; }

  .filter-box.checked:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    background-color: #0bafbd; }

  .filter-box.uncheck {
    padding: 1rem .8rem;
    font-weight: 600;
    text-align: center;
    color: #262626;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .filter-box.uncheck:hover {
    background-color: #49c787;
    color: #fff; }

  .filter-header {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1.1em 0 0.9em;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #262626; }

  .filter-header:hover {
    color: #0064ae; }

  .check-number {
    display: inline-block;
    position: relative;
    background: #f0f0f0;
    border-radius: 20px;
    padding: 0 6px; }

  .filter-header .filter-header__toggler {
    display: block;
    position: relative;
    float: left;
    margin: 0 4px 0 0;
    width: 20px;
    height: 20px;
    background-image: url(../../images/filters-toggle.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(0deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease; }

  .js-show-more {
    display: inline-block;
    position: relative;
    padding: .1rem 1rem;
    border: 1px solid #f0f0f0; }

  .show-all {
    margin: 0 0 0 5px;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    color: #0A659C;
    border-bottom: 1px dotted #0A659C; }

  .show-all:hover {
    color: #49c787; }

  .js-closed .filter-header .filter-header__toggler {
    background-position: 50% 38%;
    transform: rotate(180deg); }

  .filter-box .filter-content {
    display: block;
    position: relative;
    width: 100%;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto; }

  .filter-box.js-closed {
    padding: 0 .8rem 0; }

  .filter-box-btn {
    display: block;
    position: relative;
    margin: .5rem 0;
    padding: .8rem;
    border: 1px solid #ededed;
    font-size: 1.2rem;
    font-weight: 600;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

  .ui-checkbox {
    display: block;
    position: relative;
    width: 100%;
    margin: .2rem 0; }

  .ui-checkbox input[type="checkbox"] {
    display: none;
    position: relative;
    width: 16px;
    height: 16px;
    visibility: hidden;
    line-height: 16px;
    font-size: .9rem;
    z-index: -1; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .2em 12px .2em 24px;
    line-height: normal;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #CCC;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"] + label:after {
    content: '';
    position: absolute; }

  .ui-checkbox input[type="checkbox"] + label:hover {
    color: #0badbc;
    background-color: #f5f5f5; }

  .ui-checkbox input[type="checkbox"] + label:hover:before {
    background-color: #fff;
    border: 1px solid #0badbc; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    /*    margin: 0 0 0 5px;*/
    /*    min-width: 18px;*/
    /*    height: 18px;
        line-height: 18px;*/
    padding: 0 3px;
    /*    font-size: .6rem;
        text-align: center;
        top: -1px; 
        background-color: #CCC;
        color: $white;*/
    font-size: .8rem;
    margin: 0 0 0 .3em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before {
    content: '(';
    position: absolute;
    top: -1px;
    left: 0; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ')';
    position: absolute;
    top: -1px;
    right: 0; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    color: #0badbc;
    /*  background-color: #f5f5f5;*/
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"]:checked + label:hover {
    background-image: url(../img/icons/close_hover.svg); }

  .ui-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #0badbc;
    border: 1px solid #0badbc;
    background-image: url(../../images/filters-check.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .ui-checkbox input[type="checkbox"]:checked + label:after {
    z-index: 5;
    /*		background-color: $primary-light;*/ }

  .ui-checkbox.disable input[type="checkbox"] + label {
    cursor: default;
    color: #CCC; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover {
    color: #CCC;
    background-color: #fff; }

  .ui-checkbox.disable input[type="checkbox"] + label:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:after {
    content: ''; }

  .js-toggle-block.js-closed .js-toggle-content {
    display: none; }

  .dosage-card {
    position: relative;
    width: 33.33333333333333%;
    display: inline-block;
    float: left;
    min-height: 355px;
    margin: 0;
    padding: 20px 30px;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 1px solid #f0f0f0; }

  .clear-filters {
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top;
    position: relative;
    float: right;
    font-size: 14px;
    color: #0154a6;
    border-bottom: 1px dotted #0154a6;
    /*    background-image: ;*/ }

  .dosage-card:hover {
    /*    background-color: #f9f9f9;*/
    -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    z-index: 1; }

  .dosage-card .dosage-preview {
    position: relative;
    display: block;
    width: 100%;
    height: 186px;
    color: #262626; }

  .dosage-card .dosage-preview img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: auto;
    opacity: 1; }

  .dosage-card:hover .dosage-preview img {
    opacity: .8; }

  .dosage-card .dosage-name {
    position: relative;
    display: block;
    max-height: 42px;
    font-size: 1.2rem;
    margin: 0 0 .4rem;
    overflow: hidden; }

  .dosage-card .formatted-price {
    font-size: 1.2rem;
    color: #262626; }

  .dosage-card .all-dosage-offers {
    display: block;
    position: absolute;
    bottom: 7px;
    left: 30px;
    right: 30px;
    margin: 1rem 0 0 0;
    font-size: 1rem;
    /* width: 100%; */
    height: 60px;
    border-top: 1px solid #e6e6e6;
    line-height: 60px; }

  .dosage-card .dosage-arrow {
    display: block;
    position: absolute;
    bottom: 16px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-image: url(../../images/dosage-arrow2.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #0badbc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  .dosage-card:hover .dosage-arrow {
    background-color: #0cc3d4;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  #filtersmodal {
    padding: 10px 0 0 0; }

  #filtersmodal.reveal-modal .close-reveal-modal {
    top: 1.025rem; }

  .modal-scroll-wrapper {
    position: relative;
    display: block;
    height: 70vh;
    max-height: 660px;
    padding: 10px 0 0;
    box-sizing: border-box;
    overflow-x: hidden; }

    /*.filters-content > .modal-scroll-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 10px;
        background: -moz-linear-gradient(top, rgba(201,201,201,0.65) 0%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(201,201,201,0.65) 0%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(201,201,201,0.65) 0%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9c9c9', endColorstr='#00000000',GradientType=0 );
    }

    .filters-content > .modal-scroll-wrapper:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 10px;
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(201,201,201,0.65) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(201,201,201,0.65) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(201,201,201,0.65) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6c9c9c9',GradientType=0 );
    }*/
  .modal-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden; } }
@media all and (min-width: 768px) and (max-width: 1080px) {
  .filters-filters {
    width: 246px; }

  .filters-content {
    position: relative;
    margin: 0 260px 0 0; }

  .dosage-card {
    width: 50%; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 0; }

  .dosage-card:nth-of-type(2n+1) {
    border-left: 1px solid #f0f0f0; }

  .dosage-card .dosage-preview img {
    top: 15px;
    width: auto;
    height: 70%; }

  .all-dosage-content .dosage-row .dosage-price {
    width: 20%;
    min-width: 110px; } }
@media all and (min-width: 768px) and (max-width: 960px) {
  #filtersmodal {
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden; }

  .forms-filters {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden; }

  .modal-scroll-wrapper {
    height: auto;
    padding: 0; }

  .modal-scroll {
    overflow-y: hidden;
    overflow-x: hidden; }

  .show {
    display: block !important; }

  .filters-filters {
    width: 100%;
    float: none;
    padding: 0 0.5rem; }

  .filters-content {
    width: 100%;
    margin: 0;
    padding: 0 0.5rem; }

  .dosage-filters {
    border: none;
    margin: 0 0 1rem; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 0 .8rem;
    border-bottom: 2px solid #ededed; }

  .filter-box.js-closed {
    padding: 0 0 0; }

  .ui-checkbox {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 .6rem .6rem 0; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    border: 1px dashed #f0f0f0; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .5em 12px .5em 32px;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    top: -5px;
    padding: 0 3px;
    font-size: 0.8rem;
    margin: 0 0 0 .1em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before, .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ''; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    border-color: #0badbc;
    background-color: #0badbc;
    color: #fff; }

  .filter-box.checked:before {
    content: '';
    display: none; }

  .filter-box.uncheck {
    width: 200px;
    margin: 10px 0 30px;
    background-color: #49c787;
    color: #fff;
    border: none; }

  .all-forms-heads {
    display: none; } }
@media all and (min-width: 768px) and (max-width: 768px) {
  .filters-filters:after {
    content: '';
    display: block;
    clear: both; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    display: none; } }
@media (min-width: 768px) {
  .section-links {
    position: relative;
    display: block;
    width: 100%;
    margin: 30px 0; }

  .mini-section {
    position: relative;
    display: block;
    float: left;
    margin: 0 3% 0 0;
    width: 31.3%;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.07), 0 3px 11px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.07), 0 3px 11px rgba(0, 0, 0, 0.06);
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.07), 0 3px 11px rgba(0, 0, 0, 0.06);
    padding: 20px 24px;
    color: #262626;
    box-sizing: border-box;
    background-image: url(../../images/mini-section-decor.png);
    background-position: 100% 0;
    background-repeat: no-repeat; }

  .mini-section:last-child {
    margin: 0; }

  .mini-section-btn {
    content: '';
    position: absolute;
    bottom: 0;
    right: 26px;
    margin: auto 0;
    top: 0;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #0CBDCC;
    -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 3px 16px rgba(0, 0, 0, 0.07);
    box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2); }

  .mini-section-btn:before, .mini-section-btn:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 15px;
    width: 2px;
    height: 11px;
    background-color: #fff;
    transform: rotate(-45deg); }

  .mini-section-btn:after {
    top: 14px;
    left: 15px;
    transform: rotate(45deg); }

  .mini-section h3 {
    font-size: 1.6rem;
    color: #225378;
    margin: 0 0 5px; }

  .section-offers {
    display: block;
    color: #989898;
    font-size: 1rem;
    font-weight: 400; }

  .mini-section .formatted-price {
    font-size: 1.4rem;
    font-weight: 400;
    color: #262626; }

  .title-btn {
    display: block;
    position: absolute;
    top: 0;
    left: 105%;
    min-width: 200px;
    padding: 7px 10px 7px 40px;
    background-color: #ECEFF1;
    font-size: .8rem;
    text-transform: uppercase;
    letter-spacing: 0.01rem;
    font-weight: 600;
    line-height: 1.1rem;
    color: #607d8b;
    border-radius: 2px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /*    border: 1px solid #f0f0f0;*/ }

  .title-btn:hover {
    background-color: #0cc3d4;
    color: #fff; }

  .title-btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #CFD8DC;
    background-image: url(../../images/add.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    border-radius: 2px 0 0 2px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }

  .title-btn:hover:before {
    background-color: #0badbc; }

    /*.fixbtn {
        position: fixed;
        bottom: 10px;
        right: 10px;
        display: block;
        padding: 4px 12px;
        background-color: #0badbc;
        color: $white;
        text-transform: uppercase;
        letter-spacing: 0.04rem;
        font-size: .7rem;
        text-align: center;
        line-height: 1.1rem;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        transition: all 0.3s ease-in-out;
        z-index: 9999;
    }

    .fixbtn:hover {
        bottom: 11px;
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    }*/
  .but-notification {
    position: relative;
    margin: -34px 20px;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .but-notification > .blue-btn {
    margin: 10px 0 0;
    padding: 0 22px;
    color: #fff; }

  .map-hid {
    position: relative;
    display: block;
    width: 100%;
    padding: 80px;
    background-color: #c1e2c2;
    background-image: url(../../images/map-hid.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    /*    box-shadow: 0 1px 10px rgba(0,0,0,.5) inset;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  .map-hid-text {
    display: block;
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 32px;
    z-index: 10;
    font-weight: 600;
    -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  .map-hid:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(11, 173, 188, 0.48);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1; }

  .map-hid:hover {
    /*box-shadow: 0 0 10px rgba(0,0,0,.2) inset;*/ }

  .map-hid:hover > .map-hid-text {
    -webkit-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    -moz-text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6); }

  .map-hid:hover:after {
    background-color: rgba(11, 173, 188, 0.24); }

  /* Заглушки */
  .load-comp {
    position: relative;
    display: block;
    width: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box; }

  #map .load-comp {
    height: 600px;
    background-image: url(../../images/stubs/map_1200x600_1sep.svg);
    border-bottom: 1px solid #e6e6e6; } }
@media all and (min-width: 768px) and (max-width: 959px) {
  #map .load-comp {
    background-image: url(../../images/stubs/map_960x600.svg); } }
@media (min-width: 768px) {
  #analog .load-comp, #online .load-comp, #response .load-comp {
    height: 80px;
    margin: 20px 0;
    cursor: default;
    overflow: hidden;
    position: relative;
    background-color: #0badbc;
    background-image: -moz-linear-gradient(top, #0badbc, #156cc2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0badbc), to(#156cc2));
    background-image: -webkit-linear-gradient(top, #0badbc, #156cc2);
    background-image: -o-linear-gradient(top, #0badbc, #156cc2);
    background-image: linear-gradient(to bottom, #0badbc, #156cc2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0badbc', endColorstr='#156cc2 ', GradientType=0);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    -o-background-size: 80px 80px;
    background-size: 80px 80px;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -moz-animation: progress-bar-stripes 0.5s linear infinite;
    -ms-animation: progress-bar-stripes 0.5s linear infinite;
    -o-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset; }

  #analog .load-comp:before {
    content: 'Списки Аналогов загружаются';
    position: absolute;
    display: block;
    width: 300px;
    height: 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600; }

  #online .load-comp:before {
    content: 'Интернет-аптеки загружаются';
    position: absolute;
    display: block;
    width: 300px;
    height: 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600; }

  #response .load-comp:before {
    content: 'Отзывы загружаются';
    position: absolute;
    display: block;
    width: 300px;
    height: 20px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto auto;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 600; }

  .load-comp.loaded-full {
    background-image: none !important;
    background-color: transparent !important;
    border-bottom: none !important;
    height: inherit !important;
    box-shadow: none !important;
    margin: 0 !important; }

  /* Заглушки всё */
  .one-col-content {
    position: relative;
    width: 900px;
    margin: 0 0; }

  .static-title {
    margin-bottom: 3rem; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .one-col-content {
    width: 100%; } }
@media (min-width: 768px) {
  .nav-actions-box {
    margin: 2rem 0; }

  ul.nav-actions {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    border-bottom: 1px solid #ECECEC; }

  ul.nav-actions li {
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 0 0 52px;
    height: 45px; }

  ul.nav-actions li a {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%; }

  ul.nav-actions li a {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2rem auto;
    border-radius: 3px 3px 0 0;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    transition: background-color .2s ease; }

  ul.nav-actions li a:hover,
  .nav-actions-item.active a {
    background-color: #F2F2F2; }

  ul.nav-actions li a.ac-action {
    background-image: url(../../images/icons/actions-icons/ac-action.svg); }

  ul.nav-actions li a.ac-worker,
  .firm-action-card.ac-worker .firm-action-card-content:before {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg); }

  ul.nav-actions li a.ac-card,
  .firm-action-card.ac-card .firm-action-card-content:before {
    background-image: url(../../images/icons/actions-icons/ac-card.svg); }

  ul.nav-actions li a.ac-pens,
  .firm-action-card.ac-pens .firm-action-card-content:before {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg); }

  ul.nav-actions li a.ac-roub,
  .firm-action-card.ac-roub .firm-action-card-content:before {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg); }

  .main-tab-panel {
    min-width: 320px;
    max-width: 100%;
    padding: 3rem 0 2rem 0;
    margin: 0 auto;
    background: #fff; }

  .main-tab-panel section {
    display: none;
    padding: 20px 0 0;
    /*  border-top: 1px solid #ddd;*/ }

  .main-tab-panel input {
    display: none; }

  .main-tab-panel label {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 0;
    font-weight: 600;
    text-align: center;
    color: #676767;
    border-bottom: 1px dotted #ccc;
    font-size: 1.2rem; }

  .main-tab-panel label:hover {
    color: #424242;
    cursor: pointer; }

  .main-tab-panel input:checked + label {
    color: #156cc2;
    border-bottom: 1px dotted #bfbfbf;
    /*  border: 1px solid #ddd;
      border-top: 2px solid #0badbc;
      border-bottom: 1px solid $white;*/ }

  .main-tab-panel > .tab1:checked ~ .content1,
  .main-tab-panel > .tab2:checked ~ .content2,
  .main-tab-panel > .tab3:checked ~ .content3 {
    display: block; }

  .main-tab-panel img {
    display: block;
    margin: 20px auto;
    width: auto;
    height: auto;
    max-width: 800px; }

  .city-up {
    position: absolute;
    display: none;
    opacity: 0;
    top: 0;
    left: -32%;
    margin-top: 60px;
    margin-left: 0;
    width: 280px;
    text-align: center;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    background-color: #fff;
    padding: 1.4rem 2rem;
    transition: all .3s linear;
    z-index: 9999; }

  .city-up:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; }

  .city-up:before {
    content: '';
    position: absolute;
    top: -11px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0; }

  .city-up-wrap > div {
    margin: auto; }

  .city-up-text {
    text-align: center;
    margin-bottom: 1.3rem;
    line-height: 1.9rem;
    font-size: 1rem; }

  .city-up-text > em {
    font-style: normal;
    font-size: 1.4rem;
    font-weight: 600; }

  .city-up-btn {
    height: 40px;
    padding: 0 1rem;
    line-height: 40px;
    text-transform: none;
    font-weight: normal; } }
@media screen and (min-width: 768px) and (max-width: 60em) {
  .СЃity-up {
    left: -100%; }

  .СЃity-up-fix {
    left: 50%; } }
@media (min-width: 768px) {
  .firm-content-title-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch; }

  .location-wrapper > .firm-content-title-box {
    margin-top: 50px; }

  .location-wrapper > .firm-content-title-box > h2.firm-content-title {
    margin: 0 40px 20px 0;
    -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; }

  .firm-content-title-box a {
    display: inline-block;
    position: relative;
    height: 20px;
    line-height: 20px;
    font-size: 1.1rem;
    color: #0a659c;
    margin: 5px 15px;
    border-bottom: 1px dotted; }

  .firm-content-title-box a:before {
    content: url(../../images/ico01_1.png);
    position: absolute;
    left: -15px;
    bottom: -3px; }

  /* animation effects start */
  .СЃity-up.is-visible {
    display: block; }

  .СЃity-up.is-open {
    margin-top: 40px;
    opacity: 1; }

  .ps__rail-x, .ps__rail-y {
    opacity: 0.6; }

  /* static page styles more */
  .img-info-block {
    margin: 1rem 0;
    line-height: 1.8rem;
    font-size: 1.4rem;
    font-style: italic;
    color: #365F91;
    font-family: georgia,serif; }

  .line-through {
    text-decoration: line-through;
    color: #7F7F7F; }

  .acc-container {
    width: 100%;
    margin: 0 0 20px 0;
    overflow: hidden; }

  .acc-btn {
    width: 100%;
    margin: 0 auto;
    padding: 20px 25px;
    cursor: pointer; }

  .acc-btn span:hover {
    color: #30b6af;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    border-bottom: 1px solid; }

  .acc-selected {
    color: #08818c;
    border-bottom: 1px solid; }

  .acc-content {
    height: 0px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #ffffff; }

  .acc-content-inner {
    padding: 20px;
    background: #F8F8F8;
    border: 1px solid #F6F6F6;
    box-sizing: border-box;
    overflow: hidden; }

  .acc-open {
    height: auto; }

  .acc-btn > span {
    display: inline-block;
    color: #225378;
    border-bottom: 1px dotted #225378; }

  .acc-btn > span:hover {
    color: #156cc2;
    border-color: #156cc2; }

  /* static page styles more finish */
  .sanatorium-table .online-subtitle {
    display: block;
    white-space: normal;
    font-size: 12px; }

  .sanatorium-table .info_18 {
    line-height: 20px; }

  .sanatorium-table .edged {
    width: 400px; }

  .sanatorium-table .edged:after {
    display: none; }

  .sanatorium-review {
    font-size: 11px;
    color: #282828; }

  .sanatorium-room {
    font-size: 11px;
    font-weight: 400; }

  #sanatorium .title-section_30 {
    width: auto;
    display: block;
    position: relative;
    border-bottom: 0;
    line-height: 34px; }

  #sanatorium .title-section_30:after {
    content: '';
    width: 300px;
    height: 5px;
    background-color: #ededed;
    position: absolute;
    top: 100%;
    left: 0; }

  #sanatorium h3 {
    margin: 40px 0; }

  #sanatorium .title-section_30 > .subtitle {
    font-size: 20px;
    display: block;
    margin: 10px 0 0 0;
    white-space: nowrap; }

  .btn-11px {
    font-size: 11px;
    padding: 0 26px;
    height: 40px;
    line-height: 40px; }

  .discount-attention {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    font-size: 1rem;
    color: #248e13;
    font-weight: 600;
    /*    text-transform: uppercase;
        letter-spacing: 0.09rem;*/ }

  .discount-attention > .formatted-price {
    font-weight: 700;
    font-size: 12px; }

  .discount-attention:before {
    content: '%';
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #4caf50;
    color: #fff;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 14px; }

  .dosirovka-sub-title {
    font-style: italic;
    font-size: 18px;
    font-weight: 600;
    margin: 15px 0; }

  /* номера телефонов для онлайн-заказа */
  .subtitle-onlinephone {
    display: inline-block;
    position: relative;
    margin: 1rem 0 0 0; }

  /* Способ проезда */
  .how-to-get {
    position: relative;
    display: block;
    width: 85%;
    white-space: normal; }

  .htg-txt {
    font-size: 11px;
    color: #777; }

  .cropping {
    display: inline-block;
    height: 32px;
    max-height: 32px;
    overflow: hidden; }

  /* Способ проезда закончился */
  .best_call {
    position: fixed;
    width: 100%;
    top: auto;
    z-index: 99999;
    bottom: 0;
    display: block;
    /*padding: 6px 35px 6px 35px;*/
    padding: 6px 150px 6px 15px;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: #B9F2B1;
    /*background-image: url(../../images/icons/best_call.png);*/
    /*background-image: url(../../images/icons/best_call.svg);*/
    /*background-size: 15px auto;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 10px center;*/
    text-decoration: none;
    cursor: pointer; }

  .best_call-free {
    display: block;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .2px; }

  .best_call-phone {
    display: block;
    white-space: nowrap;
    text-decoration: none; }

  .best_call-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 36px;
    display: inline-block;
    padding: 0 30px;
    color: #ffffff;
    background: #1BAD03;
    font-weight: 400;
    border-radius: 3px;
    line-height: 36px;
    text-align: center; }

    /*.best_call-close {
        position: absolute;
        right: 15px;
        top: 0;
        width: 15px;
        height: 15px;
        opacity: .5;
        bottom: 0;
        margin: auto;
    }

    .best_call-close:hover {
      opacity: 1;
    }

    .best_call-close:before, .best_call-close:after {
        position: absolute;
        left: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: ' ';
        height: 15px;
        width: 2px;
        background-color: #ffffff;
    }

    .best_call-close:before {
      transform: rotate(45deg);
    }

    .best_call-close:after {
      transform: rotate(-45deg);
    }*/ }
@media (min-width: 768px) and (min-width: 768px) {
  .best_call {
    padding: 0;
    background-color: #18c139;
    background-image: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
    text-align: center; }

  .best_call-free {
    display: inline;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal; }

  .best_call-phone {
    margin: 0 10px;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline; }

  .best_call-btn {
    display: none; } }
@media (min-width: 768px) {
  /* ***************************** mobile new_all ****************** */ }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  html {
    font-size: 16px; }

  body {
    position: relative;
    min-width: 300px;
    /*    min-height: 100%;*/
    color: #262626;
    font: 1rem 'Open Sans', sans-serif; }

  body.modal-open {
    overflow: hidden; }

  .inner-wrap {
    box-sizing: border-box; }

  /* �?зменения в Foundation */
  a {
    color: #225378; }

  .left-off-canvas-menu {
    height: 100vh;
    background: #EEF2F3;
    overflow-y: hidden; }

  .move-right .exit-off-canvas {
    background: rgba(10, 86, 125, 0.84);
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2); }

  .reveal-modal {
    visibility: hidden;
    display: none;
    /*    position: fixed;*/
    width: 100vw;
    height: 100%;
    top: 0;
    border-radius: 0;
    left: 0;
    background-color: #FBFBFB;
    border: none;
    box-shadow: none;
    padding: 1.5rem;
    overflow-y: auto;
    z-index: 1005; }

  .reveal-modal:focus {
    outline: none; }

  body.modal-open {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0; }

  .tabs-content {
    margin: 0; }

  #sections .tabs-content > .content {
    padding: 0; }

  .tabs dd > a:hover, .tabs .tab-title > a:hover {
    background-color: #31d4e3; }

  .tabs dd.active > a:hover, .tabs .tab-title.active > a:hover {
    background-color: #31d4e3; }

  @-moz-document url-prefix() {
    .reveal-modal.xlarge, dialog.xlarge {
      position: fixed; } } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 500px) {
  .show-for-supersmall-only {
    display: block; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 501px) {
  .show-for-supersmall-only {
    display: none; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* �?зменения в Foundation закончились */
  .hidden {
    display: none !important; }

  .visible {
    display: block; }

  .is-fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  .light-attention {
    position: relative;
    display: inline-block;
    margin: .6rem;
    padding: .4rem .6rem;
    font-size: 0.7rem;
    border: 1px solid #f0f0f0;
    border-left: 4px solid #FFE082;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .light-attention:before {
    content: '';
    position: absolute;
    left: -4px;
    bottom: 4px;
    width: 4px;
    height: 4px;
    background: #fff; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .light-attention {
    position: relative;
    display: inline-block;
    margin: 1rem .6rem;
    padding: .6rem .6rem;
    font-size: .9rem;
    border: 1px solid #f0f0f0;
    border-left: 8px solid #FFE082; }

  .light-attention:before {
    left: -8px;
    bottom: 8px;
    width: 8px;
    height: 8px; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .tab-content.is-active {
    display: block; }

  .tab-content {
    display: none; }

  /* структура страницы */
  .full-width {
    padding: 0 !important; }

  .pad-wrap {
    padding: .7em !important; }

  /* структура страницы всё */
  .attention {
    color: #ff5722; }

  /* sitenav panel */
  .current-site-nav__title {
    display: block;
    width: 100%;
    padding: .7em 1em;
    box-sizing: border-box;
    border-bottom: 1px solid #dee5e7;
    color: #262626;
    font-size: .9rem;
    font-weight: 600;
    margin: 0;
    background: url(../../images/mobile/navarrow.svg) 95% 50% no-repeat; }

  .current-site-nav {
    border-top: 1px solid #dee5e7; }

  .current-site-nav__elem {
    display: block;
    width: 100%;
    padding: .8em 1em;
    box-sizing: border-box;
    border-bottom: 1px solid #dee5e7;
    font-size: .8rem;
    font-weight: 400; }

  .js-list-content {
    display: none; }

  .site-menu-link {
    display: block;
    width: 100%;
    padding: 1em 0;
    font-size: .8rem;
    font-weight: 400;
    color: #262626;
    border-bottom: 1px solid #dee5e7; }

  .site-menu-list:nth-of-type(2) .site-menu-link {
    font-weight: 600;
    color: #fff;
    background-color: #00838F; }

  .sitenav-contacts {
    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;
    align-self: flex-start;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    margin: 1rem 0 0 0;
    padding: .5em 0;
    box-sizing: content-box;
    overflow: hidden;
    /*    –webkit-transform: tranzlateZ(0);*/ }

  .sitenav-contacts-decor {
    margin: 0 .4rem;
    background: #d6e2e5;
    padding: .1rem 0.3rem 1rem; }

  .sitenav-contacts__header {
    font-size: .6rem;
    font-weight: 600;
    margin: 1rem 0 .3rem 0;
    padding: .2rem .6rem;
    color: #0154a6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .sitenav-contacts__elem {
    font-size: .9rem;
    font-weight: 400;
    margin: 0; }

  .sitenav-contacts__elem.phone {
    display: block;
    margin: 0 0.5rem;
    width: 100%;
    padding: 0 0 0 1rem;
    background: url(../../images/mobile/call-btn.svg) 0 50% no-repeat;
    background-size: 5px;
    box-sizing: border-box;
    font-weight: 600; }

  .sitenav-contacts__elem.note {
    font-size: .6rem;
    color: #0bbc90;
    margin: 0 0.5rem; }

  .list-divider {
    display: block;
    position: relative;
    margin: 0;
    padding: 2em 1em .5em;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #888;
    text-transform: uppercase; }

  a.apteki {
    padding-left: 50px;
    background-image: url(../../images/mobile/apteki-logo.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.doctors {
    padding-left: 50px;
    background-image: url(../../images/mobile/doctor-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.beauty {
    padding-left: 50px;
    background-image: url(../../images/mobile/beauty-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.fitness {
    padding-left: 50px;
    background-image: url(../../images/mobile/fitness-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  /* sitenav panel finished */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Roboto, 'Helvetica Neue', Helvetica, sans-serif; }

  h1 span.in-current-city {
    font-weight: 400;
    font-size: 14px;
    color: #ccc; }

  .find-nothing {
    text-align: center; }

  .js-apply-filters {
    width: 100px;
    margin: 1rem auto .5rem; }

  .show-full-items {
    display: block;
    margin: 1rem auto;
    padding: .2rem;
    background: #49c787;
    width: 220px;
    height: auto; }

  .call-btn {
    background: #67da97 url(../../images/mobile/call-btn.svg) 1em 50% no-repeat; }

  p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.6;
    margin-bottom: 0.65rem;
    text-rendering: optimizeLegibility; }

  #page {
    position: relative;
    width: 100%;
    min-width: 260px;
    min-height: 100%;
    margin: 0 auto;
    background: #ffffff; }

  /* header */
  .header {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 0 0 .2em 0;
    /*    border-bottom: 1px solid #f0f0f0;*/ }

  .header--top-panel {
    position: relative;
    height: 40px;
    line-height: 40px;
    /*     margin: 0 0 .4em 0; */
    padding: 0 .7em; }

  .top-panel-link {
    position: relative;
    font-size: 0.7rem;
    color: #777;
    padding: 0 0 0 12px; }

  .my-city {
    position: relative;
    display: block; }

  .my-city:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 20px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    z-index: 1; }

  .top-panel--location {
    display: inline-block;
    background: url(../../images/mobile/location_ico.svg) 0 50% no-repeat;
    margin: 0 0 0 0.8rem;
    font-size: .6rem;
    letter-spacing: 0.02rem;
    line-height: 1.1;
    padding: 0.6rem .5rem .6rem 0.9rem;
    font-weight: 600;
    /*    text-transform: uppercase;*/ } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .top-panel--location {
    font-size: .6rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .top-panel--fullsite {
    display: none; }

  .header--branding {
    position: relative;
    /*     display: block; */
    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;
    width: 100%;
    color: #aeaeae;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
    padding: .6rem 0 .5rem;
    text-decoration: none; }

  .header--search-bar-box {
    background: #0BACBB; }

  a.branding--logo {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background: #fff url(../../images/mobile/logo.svg) 50% 50% no-repeat;
    background-size: 100%;
    text-align: center; }

  #sitenav-toggle {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(../../images/mobile/hamburger.svg) 50% 50% no-repeat;
    border-right: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    /*     opacity: 0.6; */ }

  .branding--cart {
    display: block;
    position: relative;
    /* right: 0;
    bottom: 0; */
    width: 40px;
    height: 40px;
    float: right; }

  .cart-icon {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 40px;
    background: transparent url(../../images/mobile/cart.svg) 0 50% no-repeat; }

  .cart-value {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    font-size: 0.7rem;
    color: #ffffff;
    background: #FF9800;
    float: right;
    text-align: center;
    z-index: 1; }

  /*    .cab-login {
          display: block;
          position: relative;
          float: right;
          width: 40px;
          height: 40px;
          background: transparent url(../../images/mobile/login.svg) 50% 50% no-repeat;
      }*/ }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .header--branding {
    padding: 1.2rem 0 0; }

  .top-panel--location {
    font-size: .8rem; }

  /*        .cab-login {
              width: 50px;
              height: 50px;
              margin-right: .4rem;
              background-size: 30px;
          }*/
  .branding--cart {
    width: 50px;
    height: 50px; }

  .cart-icon {
    height: 50px;
    background-size: 30px; }

  .cart-value {
    top: 1px;
    left: 1px;
    width: 21px;
    height: 21px;
    font-size: 0.8rem;
    float: right;
    line-height: 20px; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .top-panel--fullsite {
    display: inline-block;
    float: right; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .flex-form {
    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; }

  #header--search-bar {
    /*    background: $white;*/
    width: 100%;
    margin: 0 auto;
    padding: 0 .7em;
    box-sizing: border-box; }

  .search-phone {
    color: #ffffff;
    display: block;
    margin: 0 .7em;
    border-top: 1px solid #6CCDD6;
    overflow: hidden;
    padding: 0.4rem 0; }

  .search-phone span:first-child {
    float: left;
    width: 100px;
    padding: 0.4rem 0 0.4rem 2rem;
    white-space: nowrap;
    line-height: 11px;
    font-size: 8px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    background-image: url(../../images/mobile/phone-orig-call.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px; }

  .search-phone span:last-child {
    float: right;
    font-size: 18px;
    line-height: 35px; }

  #header--search-bar.is_opened {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100vw;
    padding: 0;
    height: 52px;
    /*    border-bottom: 1px solid #f0f0f0;*/
    z-index: 1000; }

  .is_opened .header--search-block {
    border: none;
    background: #fff;
    box-shadow: none; }

  .is_opened #_search_button_start {
    border-radius: 0px; }

  .search-input {
    flex-grow: 1; }

  .is_opened .header--search-block {
    border-radius: 0px; }

  .header--search-block, .reveal--search-block {
    position: relative;
    max-width: 100%;
    height: 42px;
    float: left;
    font-size: 1.2em;
    padding: 0 1.5em 0 .5em;
    box-sizing: border-box;
    border-right: none;
    border-radius: 2px 0 0 2px;
    /*    border: 1px solid #E0E0E0;*/
    background: #fff;
    /*    box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 4px 2px rgba(0,0,0,0.05) inset;*/ }

  .header--search-block {
    padding: 0 1.5em 0 3rem; }

  .search-shadow-box {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    border-radius: 2px;
    margin: 0.5rem 0; }

  #header--search-bar.is_opened > .search-shadow-box {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

  .header--search-block-btn, .reveal--search-block-btn {
    position: relative;
    width: 47px;
    min-width: 40px;
    height: 42px;
    float: left;
    border: none;
    /*    box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.05) inset;*/ }

  #_search_input, #map_elems_search_input, #_search_input__city {
    width: 100%;
    height: 40px;
    font-size: .9rem;
    background: transparent;
    box-sizing: border-box;
    border: 0;
    outline: 0; }

  #_search_button, #_search_button_start {
    position: relative;
    width: 100%;
    float: right;
    height: 42px;
    box-sizing: border-box;
    background-image: url(../../images/mobile/search-ico2.svg);
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    /*    border-bottom: 2px solid #0b9daa;*/
    border-radius: 0 2px 2px 0;
    padding: 0; }

  #_search_button_start:hover {
    background-color: #156cc2;
    background-image: url(../../images/mobile/search-ico2-h.svg); }

  .js-input-clear, .js-input-cleansub {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto 0;
    background: #fff url(../../images/mobile/close-ico.svg) 50% 50% no-repeat; }

  .js-date-clear {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    background: transparent url(../../images/mobile/close-ico.svg) 50% 50% no-repeat; }

  .search-drop {
    position: absolute;
    display: none;
    top: 50px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    background: #fff;
    padding: 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #262626;
    z-index: 101; }

  .search-drop-list {
    padding: 0;
    box-sizing: border-box; }

  .search-drop-elem-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block; }

  .search-drop-elem {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    box-sizing: border-box; }

  .search-drop-elem a {
    display: inline-block;
    width: 100%;
    color: #262626;
    font-size: .9rem;
    line-height: 1.2;
    padding: .6rem .9rem;
    border-bottom: 1px solid #f0f0f0;
    clear: both; }

  .search-drop-elem a:hover {
    background: #ccc; }

  .search-drop-elem .sd-origname {
    font-weight: 400; }

  .search-drop .list-divider {
    margin-top: .5em;
    padding: .2em 1.4em;
    font-size: .6em;
    font-weight: 600;
    color: #5dc095;
    text-transform: uppercase; }

    /*.search-drop-title {
        display: inline;
        color: #262626;
        font-weight: 600;
        font-size: .8rem;
        line-height: 1.1em;
    }

    .search-drop-tg {
        display: inline;
        color: #939393;
        margin: 0 .4em;
        font-weight: 400;
        font-size: .8rem;
        line-height: 1.2em;
    }

    .search-drop-price {
        display: inline;
        margin: 0 .3em;
        color: #1eb037;
        font-weight: 400;
        font-size: .8rem;
        line-height: 1.1em;
    }*/
  /*.search-drop-subtitle {
      position: relative;
      margin-top: 7px;
      display: block;
      color: #999;
      font-size: .7rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      clear: both;
  }*/ }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .search-drop-elem a {
    font-size: 1.1rem;
    line-height: 1.3; }

  .availability {
    font-size: 1.1rem; }

  .search-drop-elem a .tg {
    font-size: .8rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .search-drop.is_opened {
    position: absolute;
    display: block;
    max-height: 50vh;
    overflow-y: auto;
    top: 42px; }

  .curtain {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(10, 86, 125, 0.64);
    z-index: 100; }

  .curtain.is_opened {
    display: block;
    z-index: 100; }

  .curtain.wait {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(223, 223, 223, 0.8);
    background-image: url(../../images/mobile/spin.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 99999; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  a.branding--logo {
    background-size: auto; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  #header--search-bar {
    /*        background: $white;*/
    width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 0 .7em;
    box-sizing: border-box; }

  #header--search-bar.is_opened {
    height: 60px; }

  #sitenav-toggle {
    width: 50px;
    height: 50px; }

  .header--search-block, .reveal--search-block {
    height: 52px;
    padding: 0 1.5rem 0 3rem; }

  #_search_input, #map_elems_search_input, #_search_input__city {
    height: 50px;
    padding-left: 16px; }

  .header--search-block-btn, .reveal--search-block-btn {
    min-width: 60px;
    height: 52px; }

  #_search_button, #_search_button_start {
    height: 52px; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  /*    .header--search-block-btn, .reveal--search-block-btn {
          width: 15%;
      }*/
  #_search_button_start {
    padding: 0 0 0 15px;
    /*        background-position: 50% 50%;*/
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .header--search-block-btn, .reveal--search-block-btn {
    width: 6%; }

  #_search_button_start {
    padding: 0 15px 0 15px;
    background-position: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* Index.html */
  #main {
    position: relative;
    width: 100%;
    /*    max-width: 980px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    /*padding: 0;*/ }

  .main-wrap {
    position: relative;
    width: 100%;
    padding: .5em;
    margin: 0;
    box-sizing: border-box; }

  .wrapper {
    position: relative;
    width: 100%;
    padding: .5em;
    margin: 0; }

  .tab-body > .wrapper {
    padding-top: 0; }

  /* Index */
  /* footer */
  .reference-caption {
    width: 100%;
    padding: 1em .7em;
    margin: 0;
    background: #fff;
    color: #c4cdce;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    font-family: 'Conv_dincondensedc', sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.2em;
    text-transform: uppercase; }

  .footer {
    background: #d9e8e9;
    color: #262626;
    padding: 0 0 0 0; }

  .ui-footer h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: -0.02em;
    padding: 0 0 0.5em 0;
    margin: 1em 0.5em 0.5em 0;
    border-bottom: 3px solid #e3e3e3;
    color: #262626; }

  ul.f-menu {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
    font-size: 0.8rem; }

  .f-menu li.special {
    display: block;
    font-weight: 700;
    background: url(../../images/mobile/user.svg) 100% 50% no-repeat;
    opacity: 0.8; }

  ul.f-menu a {
    display: block;
    padding: 0.7em 0;
    border-bottom: 1px solid #cadcdd;
    font-size: 0.8rem;
    letter-spacing: -0.02rem; }

  ul.f-menu li:last-child a {
    border-bottom: 0; }

  .f-contact {
    margin: 0;
    padding: 1em 1em 2em;
    font-size: .7rem;
    /*    background: #ebeded;*/
    background: #bfd1d3; }

  .f-contact p {
    font-size: .8rem;
    margin-bottom: .5rem; }

  .f-contact .has-error .ui-link {
    font-size: 1rem;
    padding: 2em; }

  a.full-size-site {
    display: block;
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0.5em 0;
    font-size: 1rem;
    border-bottom: 1px solid #e3e3e3; }

  address {
    font-style: normal; }

  .copyright {
    font-size: .8rem;
    padding: 1rem 0 0; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .f-contact {
    text-align: center; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .footer .wrapper {
    width: 80%;
    margin: 0 auto; }

  .ui-footer h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
    padding: 0 0 0.5em 0;
    margin: 1em 0.5em 0.5em 0;
    border-bottom: 3px solid #e3e3e3;
    color: #262626; }

  ul.f-menu {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
    font-size: 1.1rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* footer РІСЃС‘ */
  /* LP -- Content sections */
  .drug-info {
    position: relative;
    background: #fff;
    /*  margin: .5rem;*/
    margin: 0;
    /*    overflow: hidden;*/ }

  .drug-info-row {
    padding: 1em 1em 0 1em; }

  ul.drug-description {
    list-style-type: none;
    margin: 0;
    padding: 1rem 0;
    font-size: .7rem;
    letter-spacing: -0.02rem; }

  ul.drug-description li {
    position: relative;
    display: block;
    margin: 0 0 .4rem 0;
    padding: 0;
    line-height: .9rem; }

  ul.drug-description li:last-child {
    margin: 0; }

  /*ul.drug-description li:before {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background-color: #c3c3c3;
      top: 7px;
      left: 0;
  }*/
  ul.drug-description li::after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden; }

  ul.drug-description li.attention {
    color: #000;
    background: #ffe082;
    padding: .4rem 1.2rem .4rem 1.4rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 -0.4rem .4rem;
    font-weight: 400; }

  ul.drug-description li.attention:last-child {
    margin: 0 -0.4rem 0; }

  ul.drug-description li.attention:before {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: transparent url(../../images/mobile/attention.svg) 50% 50% no-repeat;
    background-size: contain; }

  /*@media all and (max-width: 400px) {
     .drug-description strong {
         font-weight: 400 !important;
      } 
  }*/ }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  ul.drug-description li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #c3c3c3;
    top: 6px;
    left: 0; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /*.drug-info .no-recipe {
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: .1em 1em 2em 1.4em;
      background: $white;
      color: #262626;
  }*/
  h1.drug-title {
    font-size: 1.4rem;
    margin: .2rem 0 .1rem;
    font-weight: 700; }

  .drug-title-city {
    display: block;
    font-size: .8rem;
    color: #888;
    font-weight: 400;
    clear: both; }

  .drug__only-one-dosage {
    /*  text-align: center; */
    font-size: 0.8rem;
    font-weight: 400; }

  .drug-price {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    /*     text-align: center; */
    margin-bottom: .2em; }

  .drug-price__not-available {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FF7C26;
    text-align: center;
    padding: 0 0 .7rem 0; }

  .drug-available {
    position: relative;
    margin: 1.2rem -1rem;
    padding: 0 1rem 1.4rem;
    text-align: left; }

  /*.drug-available:before {
      content: '';
      position: absolute;
      top: -15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 30px;
      height: 30px;
      background: url(../../images/mobile/not-available.svg) 50% 50% no-repeat;
  }*/
  .drug-available-attention {
    margin: 1rem 0;
    padding: .6rem 0;
    font-size: 1.1rem;
    font-weight: 400;
    color: #262626;
    background: #fff1b5;
    text-align: center; }

  .drug-available-title {
    margin: 0 0 .4rem 0;
    font-size: .8rem;
    font-weight: 400;
    color: #262626;
    text-align: left; }

  .drug-available-city {
    text-align: left;
    padding: .4rem 0;
    border-bottom: 1px solid #f0f0f0; }

  .drug-available-city-price {
    display: block;
    padding: 0;
    font-size: .8rem;
    font-weight: 400;
    color: #1eb037;
    letter-spacing: -0.01em;
    clear: both; }

  .drug-subtitle {
    font-size: 0.9em;
    text-align: center;
    color: #888;
    font-weight: 600; }

  ul.in-stock {
    position: relative;
    list-style-type: none;
    margin: 1em 0 .5em 0;
    padding: 0;
    width: 100%;
    overflow: hidden; }

  .content {
    position: relative; }

  ul.in-stock li a.in-stock-btn {
    display: inline-block;
    float: left;
    width: 48%;
    height: 44px;
    padding: .6em .6em .6em 3.4em;
    line-height: 1.4em;
    font-size: .7rem;
    font-weight: 600;
    text-transform: lowercase;
    text-align: left;
    box-sizing: border-box; }

  ul.in-stock li:first-child a.in-stock-btn {
    margin: 0 2% 0 0; }

  ul.in-stock li:last-child a.in-stock-btn {
    margin: 0 0 0 2%; }

  .open-map-tab {
    background-image: url(../../images/mobile/apt-city-btn.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain; }

  .open-online-tab {
    background-image: url(../../images/mobile/apt-online-btn.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  ul.in-stock li a.in-stock-btn {
    padding: 0 .4rem 0 2.3rem;
    line-height: 1.4rem;
    font-size: 0.8rem;
    line-height: 44px; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 500px) {
  ul.in-stock li a.in-stock-btn {
    width: 180px;
    height: 60px;
    padding: 9px 0 0 3.4em;
    line-height: 1.4em;
    font-size: 0.9rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  h1.drug-title {
    font-size: 2em;
    margin: 0.5em 0; }

  .drug-title-city {
    display: inline;
    margin: 0 0 0 .5rem;
    font-size: 1rem;
    color: #888;
    clear: none; }

  .drug__only-one-dosage {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0.6rem 0;
    color: #888; }

  .drug-price {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    margin: .8em auto 1.2em; }

  ul.in-stock {
    position: relative;
    list-style-type: none;
    margin: 0 -0.625rem 1em;
    padding: 0;
    width: 100%;
    overflow: hidden; }

  ul.in-stock li {
    display: block;
    float: left;
    margin: 0 .5em; }

  ul.in-stock li a.in-stock-btn {
    padding: 0.5em 0.9em 0.5em 4em;
    /*        line-height: 1.4em;*/
    font-size: 0.9rem; }

  ul.drug-description {
    list-style-type: none;
    margin: 1.5em 0 1em 0;
    padding: 0;
    font-size: .9rem; }

  ul.drug-description li {
    position: relative;
    display: block;
    margin: 0 0 .6rem 0;
    padding: 0 0 0 1.2rem;
    line-height: 1.2rem; }

  ul.drug-description li.attention {
    padding: .6rem 1.2rem .6rem 1.4rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* Old mobile nav */
  .navbar {
    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%;
    height: 54px;
    text-align: center;
    background: #0badbc;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 1; }

  .tabs dd, .tabs .tab-title {
    position: relative;
    -webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

  .tabs dd, .tabs .tab-title.active {
    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; }

  .tabs dd > a, .tabs .tab-title > a {
    outline: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0badbc;
    color: #fff;
    padding: 1em .8em;
    font-family: 'Conv_dincondensedc', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box; }

  .tabs dd.active a, .tabs .tab-title.active a {
    background-color: #31d4e3;
    color: #fff;
    font-family: 'Conv_dincondensedc', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .navbar {
    height: 58px; }

  .tabs dd, .tabs .tab-title {
    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;
    width: auto; }

  .tabs dd, .tabs .tab-title.active {
    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;
    width: auto; }

  .tabs dd > a, .tabs .tab-title > a {
    outline: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0badbc;
    color: #fff;
    padding: 1em .2em;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box; }

  .tabs dd.active a, .tabs .tab-title.active a {
    padding: 1em .2em;
    background-color: #31d4e3;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .navbar {
    overflow-x: hidden; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .section-wrapper {
    width: 100%;
    background: #fff;
    overflow: hidden;
    /*    padding: .5rem;*/ }

  .prep-instruction {
    padding: .5rem;
    box-sizing: border-box; }

  .forms-list {
    background: #fff; }

  .forms-list__back-to-all-forms {
    display: none; }

  .forms-list__one-form {
    position: relative; }

  .forms-list__one-form .attention {
    position: absolute;
    top: 38%;
    right: 39px;
    width: 20px;
    height: 16px;
    background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
    overflow: hidden; }

  .forms-list__title {
    display: block;
    position: relative;
    margin: 0;
    padding: .5rem .5rem .5rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat;
    overflow: hidden; }

  .forms-list__title > img {
    display: block;
    position: relative;
    width: 18%;
    height: auto;
    margin: 0 5% 0 0;
    float: left; }

  .forms-list__form-title {
    display: block;
    float: left;
    width: 77%;
    font-size: .9rem;
    color: #262626;
    font-weight: 600;
    letter-spacing: -0.02em; }

  .forms-list__forms-price {
    display: block;
    float: left;
    width: 77%;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0badbc;
    line-height: 1.2em; }

  .dosages-block {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff; }

  .dosage-list {
    display: block; }

  .dosage-list li {
    display: block;
    position: relative;
    padding: 0.6rem .7rem .5rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5; }

  .dosage-item {
    padding: 0rem .7rem .7rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2rem; }

  .dosage-item .attention {
    display: block;
    font-size: 0.6rem;
    padding: 3px 0 0 14px;
    color: #FF7C26;
    font-weight: 600;
    text-transform: uppercase;
    background: url(../../images/mobile/attention.svg) 0 6px no-repeat;
    background-size: 12px;
    clear: both; }

  .price-buttons {
    margin: 0 auto;
    padding: 0 .7rem 0; }

  .price-buttons .btn {
    width: 48%;
    padding: .2rem .5rem .3rem;
    line-height: .9rem;
    font-size: .9rem;
    font-weight: 700;
    text-align: left;
    height: auto;
    overflow: hidden;
    text-transform: lowercase; }

  .price-buttons .blue-btn {
    /*    background: transparent url(../../images/mobile/arrow-bbtn.svg) 98% 50% no-repeat;
        border: 1px solid #0badbc;
        color: #0badbc;*/
    background: #0badbc url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat; }

  .price-buttons .dark-blue-btn {
    /*    background: transparent url(../../images/mobile/arrow-dbbtn.svg) 98% 50% no-repeat;
        border: 1px solid #0154a6;
        color: #0154a6;*/
    background: #0154a6 url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat; }

  .price-buttons .btn:nth-of-type(even) {
    /*    margin-right: 0;*/
    float: right; }

  .price-buttons .not-exist-btn {
    background: #B8B8B8;
    color: #fff;
    font-size: .7rem;
    font-weight: 400; }

  .price-buttons .not-exist-price {
    color: #fff;
    font-size: .7rem;
    font-weight: 400; }

  .price-buttons .btn .smaller {
    font-size: .5rem;
    font-weight: 600;
    text-transform: uppercase; }

  .forms-list.squeeze {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    overflow: auto; }

  .forms-list.squeeze .forms-list__back-to-all-forms {
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
    width: 60px;
    height: 60%;
    padding: 1rem;
    background: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    text-align: center;
    background: url(../../images/mobile/arrow-ld.svg) 50% 50% no-repeat;
    border-right: 1px solid #f0f0f0;
    z-index: 99; }

  .back-to-all-forms--text {
    display: none; }

  .forms-list.squeeze .forms-list__one-form {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    float: left;
    margin: 0;
    border: none;
    border-bottom: 2px solid transparent;
    box-sizing: border-box; }

  .forms-list.squeeze .forms-list__one-form .forms-list__title {
    height: 100%;
    padding: 0 60px;
    border-bottom: none;
    background: transparent; }

  .forms-list.squeeze .forms-list__one-form img {
    display: block;
    float: left;
    width: 40px;
    height: auto;
    margin-top: 15px; }

  .forms-list.squeeze .forms-list__one-form .forms-list__form-title {
    display: inline;
    font-size: 1.2rem;
    font-weight: 600;
    width: auto;
    float: left; }

  .forms-list.squeeze .forms-list__one-form .forms-list__forms-price {
    display: none; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .forms-list__back-to-all-forms {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding: 1rem;
    background: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    text-align: center; }

  .forms-list {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    background: #fff;
    padding: .7rem 0;
    overflow: hidden; }

  .forms-list__one-form {
    position: relative;
    display: block;
    float: left;
    width: 30%;
    margin: 0 0 1rem 2.5%;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-sizing: border-box; }

  /*    .forms-list__one-form:nth-of-type(1) {
          margin: 1rem 2.5%;
      }*/
  .forms-list__one-form .attention {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 16px;
    background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
    overflow: hidden; }

  .forms-list__title {
    display: block;
    position: relative;
    margin: 0;
    padding: .5rem;
    border-bottom: none;
    background: transparent;
    overflow: hidden; }

  .forms-list__title > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    float: none;
    clear: both; }

  .forms-list__form-title {
    display: block;
    float: none;
    width: auto;
    margin-top: 73%;
    font-size: .9rem;
    color: #262626;
    text-align: center; }

  .forms-list__forms-price {
    display: block;
    float: none;
    width: auto;
    margin: .3em 0 0 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0badbc;
    line-height: 1.2em;
    text-align: center;
    clear: both; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .forms-list__one-form {
    width: 24%;
    margin: 0 0 1rem 1%; }

    /*    
        .drug-info {
            position: relative;
            background: $white;
            margin: 0;
            padding: 0 0 .5rem 0;
        }

        .forms-list {
            position: relative;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            flex-wrap: wrap;
            align-items: stretch;
            align-content: stretch;
            background: $white;
            overflow: hidden;
        }

        .forms-list.squeeze {
            padding: 0;
        }

        .forms-list__one-form {
            position: relative;
            display: block;
            float: left;
            width: 46%;
            margin: 0 0 1rem 2%;
            background: $white;
            border: 1px solid #f0f0f0;
            box-sizing: border-box;
        }

        .forms-list__one-form:nth-of-type(1) {
            margin: 0 0 1rem 2%;
        }

        .forms-list__one-form .attention {
            position: absolute;
            top: 10px;
            right: .3rem;
            width: 20px;
            height: 16px;
            background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
            overflow: hidden;
        }

        .forms-list__title {
            display: block;
            position: relative;
            margin: 0;
            padding: .5rem .5rem .5rem 0;
            border-bottom: none;
            background: transparent;
            overflow: hidden;
        }

        .forms-list__title > img {
            display: block;
            position: relative;
            width: 36%;
            max-width: 180px;
            height: auto;
            float: left;
            clear: none;
        }

        .forms-list__form-title {
            display: inline-block;
            float: right;
            width: 62%;
            margin: 0.3rem 0 0 0;
            font-size: 1.2rem;
        }

        .forms-list__forms-price {
            display: inline-block;
            float: right;
            width: 62%;
            font-size: 1rem;
            clear: none;
        }*/
  .dosage-list li {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    padding: 0.9rem .7rem; }

  .dosage-item {
    width: 50%;
    padding: 0rem .7rem .7rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4rem; }

  .price-buttons {
    width: 50%;
    margin: 0 auto;
    padding: 0 .3rem 0; }

  .price-buttons .btn {
    padding: 0.5rem .5rem 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1rem; }

  .price-buttons .btn .smaller {
    font-size: 0.7rem;
    font-weight: 400; }

  .forms-list.squeeze .forms-list__one-form {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px; }

  .forms-list.squeeze .forms-list__one-form img {
    display: block;
    float: left;
    width: 80px;
    height: auto;
    margin-top: 12px; }

  .forms-list.squeeze .forms-list__one-form .forms-list__form-title {
    display: inline;
    font-size: 1.3rem;
    font-weight: 700;
    width: auto;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.03rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* �?нтернет-аптеки */
  .filters-bar {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    background: #fff;
    float: none;
    border-top: 1px solid #f0f0f0;
    overflow: hidden; }

  .small-filters-bar {
    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;
    /*background: #f0f0f0;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: none;
    margin: 0;
    padding: 0 .6rem 8px;
    overflow: hidden; }

  a.sort-by-price {
    /*    position: relative;
        display: block;
        width: 50%;
        max-width: 260px;
        height: 40px;
        margin: 0 0 0 auto;
        padding: 0 1rem;
        line-height: 40px;
        text-align: left;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: #49c787;
        color: $white;
        font-size: .7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03rem;
        border-bottom: 1px solid #3ea370;*/
    position: relative;
    display: block;
    width: 100%;
    /*max-width: 180px;*/
    height: 36px;
    margin: 0 auto;
    padding: 0 1rem;
    line-height: 36px;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    color: #2e4d70;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border: 1px solid #f0f0f0;
    /*    box-shadow: 0 1px 2px rgba(0,0,0,.1);*/ }

  /*a.sort-by-price::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: auto;
      width: 40px;
      height: 100%;
      background: #44d28a url(../../images/mobile/sort-ico_default.svg) 50% 50% no-repeat;
      -webkit-border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      border-radius: 0 2px 2px 0;
  }*/
  a.sort-by-price::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 40px;
    height: 100%;
    background: url(../../images/select-r_mob.png) 70% 50% no-repeat;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }

  a.sort-by-price.ascended:before {
    background-image: url(../../images/mobile/sort-ico_ascended.svg); }

  a.sort-by-price.descended:before {
    background-image: url(../../images/mobile/sort-ico_descended.svg); }

  ul.online-price-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
    border-top: 1px solid #f0f0f0; }

  .ost-row {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 1em .7rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  .online-subtitle {
    font-size: .7rem;
    font-weight: 400;
    color: #999;
    margin: 0; }

  .ost-price, .ost-controls {
    width: 100%;
    padding: 0;
    box-sizing: border-box; }

  .ot-elem-action {
    font-size: .7rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-style: italic;
    color: #4caf50; }

  .ot-elem-action > .saleicon {
    position: relative;
    top: 5px;
    display: none;
    height: 18px;
    width: 18px;
    margin: 0 .2rem 0 0;
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 18px 18px;
    background-position: 0 0;
    background-repeat: no-repeat; }

  .ot-elem-action.cuttedheight {
    position: relative;
    max-height: 40px;
    margin: 0;
    overflow: hidden; }

  .ot-elem-action.cuttedheight:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .ost-price-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    /*    width: 100%;*/
    margin: 0;
    padding: 0; }

  .ost-price-info > .ost-price-actions .has-tooltip-visible {
    background-color: transparent;
    border-radius: 0;
    border: none; }

  .ost-price-info > .ost-price-actions .has-tooltip {
    float: left;
    padding: 0 3px; }

  .ost-price-info > .ost-price-actions .has-tooltip .has-tooltip-visible {
    left: 0;
    margin: 0;
    padding: 0;
    width: 16px; }

  .ost-price__btn {
    -webkit-box-flex: 1 1 100%;
    -moz-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
    margin: 0 0 0 70px; }

  .ost-price .dosage-action {
    position: relative;
    display: block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-price .dosage-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px; }

  .ost-price .dosage-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px; }

  .ost-price__btn > .btn:nth-of-type(1) {
    margin: 0 2% 0 0; }

  .ost-cart-btn {
    display: block;
    float: left;
    width: 48%;
    height: 30px;
    line-height: 30px;
    padding: 0 .6rem 0 32px;
    background-image: url(../../images/mobile/cart-btn.svg);
    background-position: .2rem 50%;
    background-repeat: no-repeat;
    background-size: 34px;
    font-size: .6rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .ost-view-btn {
    display: block;
    float: left;
    width: 48%;
    height: 30px;
    line-height: 30px;
    padding: 0 1rem;
    font-size: .6rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*    background: #0badbc url(../../images/mobile/arrow-r-w.svg) 50% 50% no-repeat;*/ }

  .ost-price-title {
    -webkit-box-flex: 1 1 75px;
    -moz-box-flex: 1 1 75px;
    -webkit-flex: 1 1 75px;
    -ms-flex: 1 1 75px;
    flex: 1 1 75px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1.2em;
    font-weight: 600;
    color: #0badbc;
    margin-bottom: 0; }

  .ost-comission {
    display: block;
    font-size: .7rem;
    font-weight: 400;
    color: #999;
    margin: 0;
    padding: 0; }

  .ost-price {
    position: relative;
    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;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: .8em .7em .8em .7em;
    border: none;
    border-bottom: 1px solid #f0f0f0; }

  .ost-price-actions {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 1px 0 0;
    font-size: 10px; }

  .ost-action {
    position: relative;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-action.has-tooltip-visible {
    position: relative;
    background: inherit;
    border: 0;
    height: auto;
    width: auto;
    border-radius: 0;
    margin: 0 0 0 5px;
    left: 0;
    background-repeat: no-repeat; }

  .ost-actions.all-dosage {
    position: relative;
    display: block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: right;
    margin: 0;
    padding: 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-size: 10px;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-card:hover {
    background-image: url(../../images/icons-card-wg-hover.svg); }

  .ost-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-pens:hover {
    background-image: url(../../images/icons-pensioner-hover.svg); }

  .ost-action.ac-action {
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-action:hover {
    background-image: url(../../images/icons-action-wg-hover.svg); }

  .ost-price .dosage-name {
    flex-grow: 2;
    display: block;
    overflow: hidden;
    width: 70%;
    margin: 0 1em 0 0;
    text-transform: lowercase; }

  .ost-price .dosage-price {
    width: 30%;
    display: block;
    position: relative;
    color: #0badbc;
    font-size: .8em;
    font-weight: 600;
    margin: 0 10px 0 0;
    text-align: right; }

  .ost-actions .has-tooltip-visible {
    background: transparent;
    border-radius: 0;
    border: 0;
    background-repeat: no-repeat;
    margin: 0 .4rem 0 0; }

  .ost-away-box {
    display: block;
    position: relative;
    -webkit-box-flex: 0 0 36px;
    -moz-box-flex: 0 0 36px;
    -webkit-flex: 0 0 36px;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    margin: 0 0 0 10px; }

  .ost-go-away {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    background: #0badbc url(../../images/mobile/go-away.svg) 50% 50% no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  a.ost-go-away:visited {
    background-color: #08748d; }

  .ost-btn-text {
    display: none; }

  .ost-away-box:before {
    content: '';
    position: absolute;
    width: 1px;
    height: auto;
    top: -4px;
    bottom: -4px;
    left: -10px;
    background: #f0f0f0; }

  .ost-away-btn {
    display: block;
    position: relative;
    padding: .4em 0;
    border-bottom: 1px solid #f0f0f0; }

  .ost-away-btn > .btn {
    display: block;
    width: 60%;
    max-width: 220px;
    position: relative;
    margin: 0 auto;
    text-align: center; }

  .flex-content {
    width: 100%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 0.8rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility; }

  .dosage-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-card:hover {
    background-image: url(../../images/icons-card-wg-hover.svg); }

  .dosage-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-pens:hover {
    background-image: url(../../images/icons-pensioner-hover.svg); }

  .dosage-action.ac-action {
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-action:hover {
    background-image: url(../../images/icons-action-wg-hover.svg); }

  .dosage-action.ac-delivery {
    background-image: url(../../images/icons-delivery-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-delivery:hover {
    background-image: url(../../images/icons-delivery-wg-hover.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-markdown {
    background-image: url(../../images/icons-markdown-wg.svg);
    background-size: 14px 14px;
    margin: 0 0 0 2px; }

  .dosage-action.ac-markdown:hover {
    background-image: url(../../images/icons-markdown-wg-hover.svg); } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  /*    .online-shop-logo {
          display: block;
          width: 22%;
          max-width: 105px;
          margin: 3px 5% 0 0;
      }*/
  .ost-info {
    width: 73%;
    /*        float: left;*/
    position: relative;
    box-sizing: border-box; }

  /*        .online-title {
              font-size: 1.1em;
              line-height: 1.3rem;
          }*/
  /*        .online-subtitle {
              font-size: 0.8rem;
          }*/
  .ost-price-title {
    font-size: 1rem; }

  .ost-price__btn {
    margin: .2rem 0 0 80px; }

  .ost-cart-btn {
    width: 40%;
    font-size: .7rem; }

  .ost-view-btn {
    width: 40%;
    font-size: .7rem; }

  /*    .ost-price__btn {
          -webkit-box-flex: 0 0 70px;
          -moz-box-flex: 0 0 70px;
          -webkit-flex: 0 0 70px;
          -ms-flex: 0 0 70px;
          flex: 0 0 70px;
          width: 70px;
      }*/
  .ot-elem-action > .saleicon {
    display: inline-block; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ost-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    padding: 1em .7rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  /*    .online-shop-logo {
          -webkit-box-flex: 0 0 20%;
          -moz-box-flex: 0 0 20%;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          display: block;
          width: 20%;
          max-width: 105px;
          margin: 3px 3% 0 0;
      }*/
  .ost-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ost-price-title {
    -webkit-box-flex: 1 0 100%;
    -moz-box-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: inline-block;
    font-size: .9rem;
    line-height: 1.2em;
    font-weight: 600;
    color: #0badbc;
    margin-bottom: .4rem;
    width: 100%;
    text-align: center; }

  /*        .online-title {
              white-space: normal;
          }*/
  /*        .ost-seller-info {
              display: block;
              -webkit-box-flex: 0 0 72%;
              -moz-box-flex: 0 0 72%;
              -webkit-flex: 0 0 72%;
              -ms-flex: 0 0 72%;
              flex: 0 0 72%;
              box-sizing: border-box;
          }*/
  /*        .online-title {
              font-size: 1.1em;
          }*/
  /*        .online-subtitle {
              font-size: 0.8em;
          }*/
  .ost-price-info {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    -webkit-box-flex: 1 0 25%;
    -moz-box-flex: 1 0 25%;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    flex-direction: column;
    margin: 0; }

  .ost-action.has-tooltip-visible {
    float: right;
    margin-top: .3rem; }

  .ost-price__btn {
    -webkit-box-flex: 1 0 20%;
    -moz-box-flex: 1 0 20%;
    -webkit-flex: 1 0 20%;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    text-align: right;
    margin: 0; }

  .ost-cart-btn {
    display: block;
    width: auto;
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 .8rem 0 33px;
    font-size: 0.8rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    align-self: flex-end; }

  .ost-view-btn {
    display: block;
    width: auto;
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 .8rem;
    font-size: 0.8rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    align-self: flex-end; }

  .ost-price__btn > .btn:nth-of-type(1) {
    margin: 0 0 .3rem 0; }

  .show-full-items {
    display: block;
    margin: 1rem auto 1rem .7rem;
    padding: .2rem;
    background: #49c787;
    width: 220px;
    height: auto; }

  .ost-price .dosage-name {
    -webkit-box-flex: 1 0 270px;
    -moz-box-flex: 1 0 270px;
    -webkit-flex: 1 0 270px;
    -ms-flex: 1 0 270px;
    flex: 1 0 270px;
    width: 270px;
    font-size: .9rem;
    line-height: 1.2rem;
    margin-right: 40px; }

  .ost-price {
    padding: .8em 1.4em .8em 1.4em;
    align-items: center; }

  .ost-price .dosage-price {
    margin: 0 20px 0 0;
    font-size: 0.9em; }

  .ost-away-box {
    margin: 0 0 0 20px; }

  .ost-away-box:before {
    left: -20px; }

  .ost-go-away {
    display: table;
    position: relative;
    width: 120px;
    height: 40px;
    background: #0badbc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .ost-btn-text {
    display: table-cell;
    color: #fff;
    font-size: .8rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle; }

  .ost-price-actions {
    display: block; }

  .ot-elem-action > .saleicon {
    display: inline-block; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) and (orientation: landscape) {
  .ost-price__btn {
    -webkit-box-flex: 1 0 20%;
    -moz-box-flex: 1 0 20%;
    -webkit-flex: 1 0 20%;
    -ms-flex: 1 0 20%;
    flex: 1 0 12%; }

  .ost-price-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    box-sizing: border-box;
    width: 63%;
    margin: 0 auto; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* �?нтернет-аптеки всё */
  /* Аналоги */
  /* .question-btn {
      -webkit-box-flex: 0 0 50px;
      -moz-box-flex: 0 0 50px;
      -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      display: block;
      width: 50px;
      height: 41px;
      line-height: 41px;
      margin: 0;
      padding: 0;
      background: #fff url('../images/mobile/help.svg') 50% 50% no-repeat;
      border-bottom: 1px solid #f0f0f0;
      box-sizing: border-box;
  } */
  .tab-header-box {
    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;
    height: 42px;
    background: #fff; }

  .filters-bar li .ui-btn {
    font-weight: 600;
    text-transform: uppercase;
    color: #0154a6;
    font-size: 0.8em;
    letter-spacing: 0.03em;
    display: block;
    margin: 0;
    border-right-width: 0;
    line-height: 26px; }

  .filters-bar li a {
    display: block;
    /*     width: 50%; */
    height: 41px;
    border-bottom: 1px solid #f0f0f0;
    float: left;
    padding: 0 .2em;
    color: #8e8e8e;
    text-align: center;
    line-height: 41px;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    box-sizing: border-box; }

  .js-tab-active {
    position: relative;
    color: #262626 !important; }

  .js-tab-active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #31d4e3; }

  .ok-btn {
    display: block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    margin: 1em auto 0;
    padding: 0;
    background: #5dc095;
    color: #fff;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; }

  #analog-tabs {
    background: #fff; }

  .analog-list li {
    padding: .5rem .7rem;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.2rem; }

  .ai-title {
    display: block;
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: #262626; }

  .ai-subtitle {
    display: block;
    position: relative;
    font-size: .8rem;
    font-weight: 400;
    color: #999; }

  .ai-price {
    display: block;
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: #0badbc; }

  .sinonimi-list__no-sinonims {
    display: block;
    position: relative;
    padding: .7rem .7rem 4rem .7rem;
    font-size: 1rem;
    font-weight: 600;
    color: #262626; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .tab-header-box {
    height: 58px; }

  .filters-bar li a {
    height: 58px;
    line-height: 58px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* Аналоги всё */
  /* Отзывы */
  .response-wrap {
    background: #fff;
    padding: 1em; }

  .reviews-btn {
    display: block;
    width: 90%;
    margin: 0 auto; }

  .there-is-nothing {
    font-weight: 700;
    text-align: center;
    margin: 2em 0; }

  .response__form-block {
    display: block;
    position: relative; }

  .response__form-block .reviews-form {
    position: relative;
    width: 100%; }

  .response__form-block fieldset {
    width: 100%;
    padding: 0; }

  .response__form-block .select {
    width: 100%; }

  .response__form-block label {
    margin: .8rem 0 .5rem;
    font-weight: 600; }

  .reviews-wrapper {
    margin: .5em 0;
    padding: .5em 0; }

  .reviews-list li {
    padding: 1.4rem 0 .8rem;
    border-bottom: 1px solid #f0f0f0; }

  .review-head {
    font-size: .8rem;
    font-weight: 600;
    padding: .5em 0; }

  .reviews-wrapper .rating {
    margin: 0 0 .5em 0; }

  .add-response fieldset {
    min-width: 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0; }

  .review-captcha {
    margin-bottom: .8rem; }

  /* Рейтинг  */
  .rating {
    background: url(../../images/star-rating.png) no-repeat;
    width: 100px;
    position: relative;
    height: 16px;
    overflow: hidden; }

  .rating span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 16px;
    background: url(../../images/star-rating.png) no-repeat 0 -16px; }

  .rating.rating01 span {
    width: 16px; }

  .rating.rating02 span {
    width: 37px; }

  .rating.rating03 span {
    width: 58px; }

  .rating.rating04 span {
    width: 79px; }

  .rating.rating05 span {
    width: 100px; }

  div.rating-cancel {
    display: none; }

  div.star-rating {
    float: left;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden; }

  .star-rating-wrap {
    overflow: hidden;
    position: relative;
    zoom: 1; }

  .star-rating-wrap .radioArea {
    display: none; }

  div.rating-cancel,
  div.rating-cancel a {
    background: url(delete.gif) no-repeat 0 -16px; }

  div.star-rating,
  div.star-rating a {
    background: url(../../images/star-rating.png) no-repeat; }

  div.star-rating {
    margin-right: 5px; }

  div.rating-cancel a,
  div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0; }

  div.star-rating-on a {
    background-position: 0 -16px !important; }

  div.star-rating-hover a {
    background-position: 0 -16px; }

  div.star-rating-readonly a {
    cursor: default !important; }

  div.star-rating {
    background: transparent !important;
    overflow: hidden !important; }

  .radio,
  .checkbox {
    position: absolute;
    left: -9999px; }

  /* Рейтинг всё */
  /* Отзывы всё */
  /* LP -- Content sections finished */
  /* Модальное окно выбора городов */
  .reveal-wrapper {
    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: center;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0; }

  .modal-top {
    -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;
    width: 100%;
    position: relative;
    margin: 0 0 1em 0; }

  .modal-main {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0.4em;
    border-top: 1px solid #e5e5e5;
    overflow-y: scroll; }

  .cities-scroll {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: scroll; }

  .has-shadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 5px;
    background: -moz-linear-gradient(top, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80969696', endColorstr='#00969696',GradientType=0 );
    opacity: .5;
    -webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0))); }

  #lst_flt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    opacity: 1; }

  .city_elem_find {
    display: block;
    width: 100%;
    padding: .5em 0;
    font-size: 1.4rem;
    border-bottom: 1px solid #f0f0f0; }

  #change-city {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1em;
    margin: 0;
    background: #fff;
    border: 0; }

  .reveal-modal h2#modalTitle {
    font-size: .8rem;
    margin-bottom: 1rem; }

  input.change-location {
    height: 40px;
    padding: 0 25px; }

  .cities-list__hidden {
    display: none; }

  .cities-list {
    height: 100%; }

  .cities-list a {
    display: block;
    width: 100%;
    padding: 0.6rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem; }

  .cities-list a > .tg {
    display: inline;
    font-size: .8rem;
    font-weight: 400;
    color: #aaaaaa; }

  .cities-list a:last-child {
    margin-bottom: 20px; }

  .reveal-modal .ui-listview > li > a.ui-btn {
    display: block;
    width: 100%;
    padding: 0.5em 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.4rem; }

  #lst_flt li a {
    display: block;
    padding: .5rem;
    font-size: .9rem;
    border-bottom: 1px solid #f0f0f0; }

  /* Модальное окно выбора городов всё */
  /* Страница поиска */
  /* Страница поиска всё */
  /* каталог */
  .info-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    background: #fff; }

  .info-block .search-filter {
    width: 100%;
    padding: 1em;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
    margin: 0 auto; }

  .info-block .search-filter fieldset {
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: #fff;
    /*border: 1px solid #cccccc;*/
    border: none;
    outline: 0; }

  .search-block-row {
    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;
    width: 100%;
    padding: 0; }

  .search-input-wrap {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    position: relative;
    display: block;
    height: 42px;
    margin: 0; }

  .search-btn-wrap {
    -webkit-box-flex: 0 0 47px;
    -moz-box-flex: 0 0 47px;
    -webkit-flex: 0 0 47px;
    -ms-flex: 0 0 47px;
    flex: 0 0 47px;
    display: block;
    width: 47px;
    margin: 0; }

  #doctor-filter-loading {
    position: absolute;
    display: block;
    top: 0;
    left: 18px;
    width: 22px;
    height: 100%;
    z-index: 99999; }

  #doctor-filter-loading > img {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 4px;
    bottom: 0;
    margin: auto 0; }

  .info-block .search-filter input[type='text'] {
    position: relative;
    width: 100%;
    height: 42px;
    float: left;
    font-size: 1.2em;
    padding: 0 50px 0 24px;
    box-sizing: border-box;
    border-right: none;
    border-radius: 2px 0 0 2px;
    border: none;
    font-size: .9rem; }

  .info-block .search-filter input[type='text']:active, .info-block .search-filter input[type='text']:focus {
    outline: none; }

  .info-block .search-filter input[type='submit'], .info-block .search-filter input[type='button'] {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0;
    width: 47px;
    height: 100%;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid #bbbbbb;
    outline: none;
    padding: 0;
    background-color: #cccccc;
    background-image: url(../../images/mobile/search-whte-ico.svg);
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: .8rem;
    text-indent: -9999px; }

  .info-block h1 {
    position: relative;
    margin: 0;
    padding: 1.1em .7em .7em;
    color: #262626;
    font-style: normal; }

  .col {
    background: #fff; }

  .box h3 {
    margin: 0; }

  .box a {
    display: block;
    width: 100%;
    padding: 1rem 2rem 1rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1rem;
    color: #262626;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat; }

  .category-wraper .box {
    background: #fff; }

  .category-wraper ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

  .category-wraper a {
    display: block;
    width: 100%;
    padding: 1rem 2rem 1rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1rem;
    color: #262626;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat; }

  button.show-more {
    display: block;
    margin: .5rem auto 0;
    width: 80%;
    background: #ffffff;
    color: #0f0f0f;
    font-weight: 600;
    border: 2px solid #f0f0f0;
    border-radius: 50px; }

  .button.show-more:focus {
    outline: none; }

  /* Международные наименования */
  .search-result h1 {
    position: relative;
    display: block;
    margin: 0;
    padding: 1.1em .7em .7em;
    font-weight: 700;
    font-size: 1.1em;
    color: #262626;
    font-style: normal;
    background: #fff; }

  .iname-header {
    background: #fff;
    padding: .7rem;
    box-sizing: border-box;
    font-size: .8rem; }

  .iname-header h1 {
    font-size: 1.1rem;
    padding: 1rem 0; }

  .iname-header .subtitle-gray_16 {
    font-size: .8rem; }

  .iname-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fff; }

  .iname {
    padding: .5rem 1rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box; }

  .iname .num {
    display: none; }

  .iname a {
    display: inline;
    float: left;
    font-weight: 600;
    font-size: 1.1rem; }

  .iname ul {
    display: block;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box; }

  .iname ul li {
    font-size: .8rem;
    color: #979797; }

  .iname ul li em {
    font-style: normal;
    font-size: .8rem;
    color: #1eb037; }

  /* международные наименования всё */
  /* каталог всё */
  /* Врачи */
  .doc-description {
    position: relative;
    display: block;
    margin: 0 0 .5em 0;
    padding: .5em 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    font-size: .7rem; }

  .docs-box {
    position: relative;
    /* 	padding: .5em 0; */ }

  .doc-card {
    position: relative;
    width: 100%;
    padding: 1em .7em;
    border-bottom: 5px solid #f2f2f2;
    overflow: hidden; }

  .doc-img {
    position: relative;
    width: 22%;
    height: 90px;
    margin: 0 3% .3em 0;
    float: left;
    overflow: hidden; }

  .doc-img > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../../images/x-doc.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }

  .doc-header {
    position: relative;
    width: 73%;
    float: right;
    margin: 0 0 .4em 0; }

  .doc-name {
    position: relative;
    margin: 0 2em .2em 0;
    line-height: 1.4em; }

  .doc-name a {
    display: inline-block;
    color: #222;
    font-size: 1rem;
    letter-spacing: -0.02em; }

  .doc-io {
    display: block;
    font-weight: 400; }

  .doc-spec-tags {
    margin: 0 0 .3em;
    margin: 0 0 .4em;
    position: relative;
    display: block;
    font-size: .7rem; }

  .doc-spec-tags a {
    border-bottom: 1px solid #f2f2f2; }

  .doc-regalia {
    position: relative;
    display: inline;
    float: left;
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 400;
    color: #999; }

  .doc-stage {
    display: inline;
    margin-right: 1em;
    float: left; }

  .doc-feedback {
    position: absolute;
    min-width: 20px;
    text-align: center;
    top: -2px;
    right: 0;
    padding: .1em .5em;
    background: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ccc;
    font-size: .7rem;
    font-weight: 400; }

  .doc-feedback:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 1px;
    border-top: 3px solid #f2f2f2;
    border-right: 3px solid #f2f2f2;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent; }

  .doc-appointments {
    position: relative;
    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;
    width: 100%;
    padding: 1em 0 0 0;
    font-size: .8rem;
    font-weight: 600;
    /* 	border-top: 1px solid #f2f2f2; */
    /* 	border-bottom: 1px solid #f2f2f2; */
    overflow: hidden;
    clear: both; }

  .doc-price {
    -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;
    position: relative;
    padding: 0 20px 0 0;
    box-sizing: border-box; }

  .doc-price__label {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: left;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1.2em;
    /*  	text-transform: uppercase; */ }

  .doc-large-price {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    display: block;
    margin: -2px 0 0 0;
    padding: 0;
    font-size: .9rem;
    font-weight: 600;
    color: #222;
    clear: both; }

  .zapis-btn {
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    background: #0bbcad;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .6rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .zapis-btn:hover {
    background: #0bbcad;
    color: #fff; }

  .big-zapis-btn {
    position: relative;
    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;
    width: 90%;
    margin: 0 auto;
    padding: 1rem;
    background: #0bbcad;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .7rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .big-zapis-nobtn {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0.4rem;
    font-weight: 600;
    text-align: center;
    font-size: .9rem;
    color: #0154a6; }

  .big-zapis-btn .doc-large-price {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    color: #fff;
    text-transform: none;
    text-align: right; }

  .big-zapis-btn .doc-large-label {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    text-align: left; }

  .doc-any-text {
    position: relative;
    display: block;
    font-size: .8rem;
    clear: both; }

  .doc-info-description {
    position: relative;
    display: block;
    margin: .3em 0 0 0;
    clear: both; }

  .doc-contacts-box {
    position: relative;
    display: block;
    margin: 0; }

  .doc-contacts-box {
    border-bottom: 1px solid #f2f2f2;
    margin: 0 -.7em; }

  .doc-contacts-box:nth-of-type(1) {
    border-top: 1px solid #f2f2f2; }

  .doc-workplace {
    position: relative;
    display: block;
    padding: 1em 40px 1em .7em;
    font-size: .8rem;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    font-weight: 400;
    color: #222; }

  .doc-workplace::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../../images/mobile/navarrow.svg) 95% 50% no-repeat;
    width: 40px;
    height: 100%; }

  .doc-working-hours {
    position: relative;
    display: block;
    padding: 0 1.1em 0 2.4em; }

  /* .doc-workplace::after {
      content: '';
      position: absolute;
      top: 12px;
      right: 4px;
      left: auto;
      width: 1px;
      height: 1px;
      border-top: 9px solid #aaaaaa;
      border-right: 6px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 6px solid transparent;
  } */
  .doc-workplace.doc-is-open::after {
    top: 8px;
    right: 4px;
    left: auto;
    width: 1px;
    height: 1px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }

  .doc-show-more-content {
    position: relative;
    display: none;
    /* 	padding: 0 0 0 20px; */
    box-sizing: border-box;
    background: #f2f2f2;
    overflow: hidden; }

  .doc-show-more-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00ffffff',GradientType=0 ); }

  .doc-tab-column {
    position: relative;
    display: block;
    width: 100%;
    /* 	padding: .5em;
            box-sizing: border-box; */
    overflow: hidden; }

  .doc-workplace {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /* 	font-size: .6rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.03rem; */ }

  .receiving-place {
    position: relative;
    display: block;
    overflow: hidden;
    clear: both; }

  .receiving-place h3 {
    margin: 0;
    padding: 1rem 1.8rem 0; }

  li.feedback, li.doc-worktime, li.doc-workplace-address, li.doc-workplace-metro, li.doc-workplace-phone {
    position: relative;
    display: block;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: .1em .7em .1em 1.6em;
    /*     line-height: 1.5; */
    font-size: .8rem;
    color: #222;
    /* 	border-bottom: 1px solid $white; */ }

  .doc-workplace-address {
    background: url(../../images/doctors/doc-place-g.png) 0 50% no-repeat; }

  .doc-workplace-phone {
    background: url(../../images/doctors/doc-cphone-g.png) 0 50% no-repeat; }

  .doc-workplace-metro {
    background: url(../../images/doctors/doc-metro-g.png) 0 50% no-repeat; }

  li.doc-workplace-phone {
    overflow: hidden; }

  .doc-workplace-phone .phone-number {
    white-space: nowrap; }

  .phone-hidden .cover {
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff; }

  .phone-hidden.show .cover {
    display: none;
    visibility: hidden; }

  .phone-hidden.show .phone-number {
    white-space: normal; }

  .pseudo-link {
    color: #0154a6;
    border-bottom: 1px dotted #0154a6; }

  .green-dotted {
    color: #529a57; }

  .doc-worktime {
    background: url(../../images/doctors/doc-clock-g.png) 0 50% no-repeat; }

  .doc-relations {
    font-size: .7rem;
    color: #222;
    padding: 0 1.1em; }

  .doc-relations li:first-child {
    margin-top: .4rem; }

  .services-list li {
    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;
    width: 100%;
    /* 	padding: 0.9rem .7rem; */
    padding: .7rem .7rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5; }

  .doc-services__item {
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px 0 0;
    font-size: .9rem; }

  .doc-services__price {
    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;
    -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;
    position: relative; }

  .doc-services__price .blue-btn {
    padding-right: 30px;
    background: #0badbc url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0.02em; }

  .all-docs-row {
    position: relative;
    display: block;
    padding: .7rem 1.4rem; }

  .all-docs-row h1 {
    padding: 1.1rem 0 .7rem; }

  /* Карточка врача */
  .doc-profile {
    position: relative;
    padding: 2em 0; }

  .doc-profile .doc-img {
    position: relative;
    display: block;
    width: 28%;
    margin: 0 5% 0 0;
    padding: 0 0 0 .7em;
    box-sizing: border-box; }

  .doc-profile .doc-header {
    width: 67%;
    float: left;
    padding: 0 0.7em 0 0;
    box-sizing: border-box; }

  /* 
  .doc-card .doc-img img {
          position: relative;
          display: block;
          margin: 0 auto;
          width: 100px;
          height: auto;
  } */
  .doc-profile .doc-name {
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 2em 0.4em 0; }

  .doc-profile .doc-spec-tags a {
    font-size: .8rem; }

  .doc-profile .doc-appointments {
    padding: 1em; }

  .doc-card-about {
    position: relative;
    padding: 1em;
    font-size: .8rem; }

  .tab-content .doc-regalia {
    padding: 1.4em 1em 1em 1em;
    color: #222;
    font-weight: 600;
    font-size: .8rem; }

  .tab-content .doc-tab-column {
    padding: 0 1em .2em 1em; }

  .tab-content .reviews-list {
    padding: 0 1em 1em; }

  .tab-content .reviews-list {
    padding: 0 1em; }

  .tab-content h2 {
    padding: 0 1em; }

  .tab-content .doc-working-hours {
    padding: 0 1.1em 0 1em; }

  .tab-content .doc-tab-column h5 {
    margin-bottom: .2em;
    padding: .6em 1.1em 0 1.2em;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  .doc-tab-column h5 {
    margin-bottom: .2em;
    padding: .6em 1.1em .5em 2.8em;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  .form-row {
    position: relative; }

  .form-row > input, .form-row > textarea {
    width: 100%;
    padding: .5rem;
    box-sizing: border-box; }

  .form-row > textarea {
    height: 80px; }

  .form-row img {
    margin: 2px 0 10px; }

  input.input {
    margin: 0 0 10px 0;
    padding: .5rem;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    outline: none; }

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

  .centered {
    position: relative;
    display: block;
    width: 80%;
    margin: 20px auto 0;
    max-width: 280px; }

  /* Врачи всё */
  /* STATIC-PAGES  */
  .cc-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 1.4em;
    overflow: hidden; }

  .nav-all-services {
    position: relative;
    display: inline-block;
    margin: 0 .7em 1px;
    padding: .5em .8em;
    background: #fff;
    border-bottom: 2px solid #69d4e1;
    border-radius: 1px;
    text-align: center;
    font-size: .6rem;
    color: #0badbc;
    float: right;
    letter-spacing: 0.03em;
    text-transform: uppercase; }

    /*.side-col {
            position: relative;
            display: block;
            padding: .5em;
            background: rgb(178,235,242);
            background: -moz-linear-gradient(left,  rgba(178,235,242,1) 0%, rgba(128,222,234,1) 100%);
            background: -webkit-linear-gradient(left,  rgba(178,235,242,1) 0%,rgba(128,222,234,1) 100%);
            background: linear-gradient(to right,  rgba(178,235,242,1) 0%,rgba(128,222,234,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ebf2', endColorstr='#80deea',GradientType=1 );
            overflow: hidden;
    }

    .side-navigation {
            display: block;
            width: 100%;
        z-index: 1;
    }

    .side-navigation li a {
            position: relative;
        display: inline-block;
            margin: 1px 1%;
            padding: .6em .4em;
            width: 98%;
            min-height: 80px;
            box-sizing: border-box;
            background: $white;
            font-size: 0.8rem;
        font-weight: 400;
            text-align: center;
            vertical-align: middle;
    }

    .side-navigation li a:hover {
            background-color: #30b6af;
    }*/
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0; }

  /* Responsive pseudo tables */
  .rsp-table {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: .8rem; }

  .rsp-col {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: .5rem 0;
    border: 1px solid #0badbc; }

  .rsp-cell {
    position: relative;
    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;
    width: 100%;
    height: 100%;
    padding: 1em .5em;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #ededed; }

  .rsp-cell:last-child {
    border: none; }

  .rsp-cell[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: .8rem;
    color: #222; }

  .rsp-cell.no-active[data-title]:before {
    content: attr(data-title);
    float: left;
    color: #999; }

  .thead {
    align-items: center;
    height: 60px;
    padding: 1em .5em;
    background: #0badbc;
    font-weight: 600;
    text-align: center;
    color: #fff; }

  .rsp-legend {
    display: none; }

    /* .rsp-payment {
            align-items: center;
            height: 170px;
            padding: 1em .5em;
    }

    .rsp-discuont {
            align-items: center;
            height: 120px;
            padding: 1em .5em;
    } */ }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) and (orientation: portrait) {
  .rsp-table {
    flex-direction: row;
    flex-wrap: wrap; }

  .rsp-col {
    width: 50%; }

  .rsp-col:nth-of-type(odd) {
    border-left: none; }

  .rsp-payment {
    align-items: center;
    height: 170px;
    padding: 1em .5em; }

  .rsp-discuont {
    align-items: center;
    height: 120px;
    padding: 1em .5em; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) and (orientation: landscape) {
  .rsp-table {
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .7rem; }

  .rsp-col {
    width: 16.66666666666667%;
    margin: 0;
    border: none;
    text-align: center; }

  .rsp-cell {
    justify-content: center;
    min-height: 54px; }

  .rsp-col:nth-of-type(odd) {
    border-left: none; }

  .rsp-legend {
    display: block; }

  .rsp-cell[data-title]:before {
    display: none; }

  .rsp-payment {
    align-items: center;
    height: 170px;
    padding: 1em .5em; }

  .rsp-discuont {
    align-items: center;
    height: 120px;
    padding: 1em .5em; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .rsp-col {
    width: 16.66666666666667%; }

  .rsp-col {
    border: none; }

  .thead {
    height: 120px; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .responsive-table {
    width: 100%; }

  /* Настоящие таблицы + Flex (flip) */
  .rtable {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: normal;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .7rem; }

  .rtable,
  .rtable--flip tbody {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat; }

  /* .rtable td:first-child, .rtable--flip tbody tr:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 20px 100%;
  } */
  /* .rtable td:last-child,
  .rtable--flip tbody tr:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 20px 100%;
  } */
  .rtable th {
    font-size: .7rem;
    text-align: left;
    background: #0badbc;
    width: 140px;
    color: #fff; }

  .rtable th,
  .rtable td {
    padding: 6px 12px;
    border: 2px solid #fff; }

  .rtable--flip {
    display: flex;
    overflow: hidden;
    background: none; }

  .rtable--flip thead {
    display: flex;
    /*   display: none; */
    flex-shrink: 0;
    min-width: min-content;
    width: 40%; }

  .rtable--flip tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden; }

  .rtable--flip tr {
    display: flex;
    flex-direction: column;
    min-width: min-content;
    flex-shrink: 0; }

  .rtable--flip tbody tr {
    width: 100px; }

  .rtable--flip tbody tr td {
    text-align: center;
    vertical-align: middle; }

  .rtable--flip td,
  .rtable--flip th {
    display: block;
    min-height: 55px; }

  .rtable--flip td {
    background-image: none !important;
    border-left: 0; }

  .rtable--flip th:not(:last-child),
  .rtable--flip td:not(:last-child) {
    border-bottom: 0; }

  .rtable--flip th:first-child, .rtable--flip td:first-child {
    height: 100px; }

  /* Настоящие таблицы + Flex (flip) всё */
  /* Страницы фирмы */
  .firm-header {
    position: relative;
    display: block;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f6f6f6 79%, #ededed 100%);
    background: -webkit-linear-gradient(top, white 0%, #f6f6f6 79%, #ededed 100%);
    background: linear-gradient(to bottom, white 0%, #f6f6f6 79%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); }

  .firm-branding {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    padding: .4rem .7rem .4rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  .firm-logo {
    width: 101px;
    margin-right: 1rem;
    height: auto; }

  .firm-logo > img {
    width: 100%;
    height: auto; }

  .firm-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0; }

  .firm-nav {
    position: relative;
    display: block;
    font-size: .7rem;
    /* 	background: #f0f0f0; */
    white-space: nowrap;
    overflow-x: auto; }

  .company-contacts {
    margin: 0;
    padding: .7em;
    border-bottom: 1px solid #f0f0f0; }

  .contacts-list li {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem; }

  .contacts-list li:last-child {
    border: none; }

  .firm-contact-lable {
    display: block;
    font-size: .5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  /* Страницы фирмы всё */
  /* Добавление в корзину */
  .reveal-modal.nopadding {
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden; }

  .nopadding .modal-main {
    margin: .5em 0.4em; }

  .cart-list {
    position: relative;
    /* 	display: none; */ }

  .cart-list__item {
    position: relative;
    display: block;
    border: none;
    background: #fff;
    outline: none; }

  .atc-row {
    position: relative;
    display: table;
    width: 100%;
    height: 40px;
    margin: .8em 0;
    overflow: hidden; }

  .atc-current-price {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 .5em;
    font-size: .7rem;
    text-align: center; }

  .atc-price-number {
    font-size: .9rem;
    font-weight: 600; }

  .atc-current-numbers {
    position: relative;
    display: table-cell;
    vertical-align: middle; }

  .js-show-manufacturer {
    position: relative;
    display: block;
    width: 80%;
    margin: .7em auto;
    padding: .7em;
    font-size: .7rem;
    font-weight: 400;
    color: #444;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ccc;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

  .cart-table-row {
    position: relative;
    display: table;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box; }

  .cart-table-row.selected {
    /* 	border: 2px solid #80DEEA; */
    border-bottom: 0;
    background: #fff9c4;
    box-sizing: border-box; }

  .cart-table-row:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #9E9E9E; }

  .cart-table-row.selected:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #fff url(../../images/mobile/arrow-d-b.svg) 50% 50%; }

  /*.cart-table-row.selected:after {
          content: '';
          position: absolute;
          top: 11px;
          left: 10px;
          width: 14px;
          height: 14px;
          background: url(../../images/mobile/arrow-d-b.svg) 50% 50%;
  }*/
  .reveal__search-bar {
    position: relative;
    display: block;
    width: 100%; }

  .atc-current-select {
    margin: 0 .3em; }

  .cart-item__name {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding: .8em .5em .8em 2.7em;
    font-size: 0.8rem; }

  .cart-item__price, .cart-total__price {
    display: table-cell;
    vertical-align: top;
    padding: .8em .7em .8em .5em;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right; }

  .cart-item__price small, .cart-total__price small {
    position: relative;
    font-weight: 400;
    top: -10px;
    font-size: .6rem; }

  .cart-item__numbers {
    display: table;
    background: #fff9c4;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px 0; }

  /*.numbtn {
          position: relative;
          display: block;
          width: 40px;
          height: 40px;
          line-height: 40px;
          float: left;
          background: #0badbc;
          border-bottom: 2px solid #0b9daa;
          text-align: center;
          color: $white;
          font-weight: 600;
          font-size: 1.6rem;
  }*/
  /*.number-select {
      width: 47%;
      height: 40px;
          margin: 0 auto;
          float: left;
      text-align: center;
      border-top: 1px solid #E0E0E0;
      border-bottom: 1px solid #E0E0E0;
          border-left: 0;
          border-right: 0;
      background: $white;
      box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.05) inset;
          outline: none;
  }*/
  /*.number-select:focus {
          background: #FFFDE7;
          border-top: 1px solid #0badbc;
      border-bottom: 1px solid #0badbc;
          outline: none;
  }*/
  .styled-input, .form-row > textarea {
    height: 40px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    outline: none; }

  .styled-input:focus, .form-row > textarea:focus {
    background: #FFFDE7;
    border: 1px solid #0badbc;
    outline: none; }

  .numbtn.minus {
    border-radius: 2px 0 0 2px; }

  .numbtn.plus {
    border-radius: 0 2px 2px 0; }

  .modal__cart-total {
    -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;
    width: 100%;
    height: 183px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    align-self: flex-end;
    position: relative;
    box-sizing: border-box;
    /*    background: $white;*/
    font-size: .8rem;
    /*    box-shadow: 0 -2px 5px rgba(0,0,0,.3);*/
    overflow: hidden; }

  .modal__cart-total .cart-table-row:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    width: 14px;
    height: 14px; }

  .cart-total-row {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    /*    width: 100%;*/
    height: 75px;
    padding: 0;
    /* 	display: table; */
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin: 0 .5em;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer; }

  .cart-total__name {
    position: relative;
    width: 100%;
    height: 70px;
    display: table-cell;
    vertical-align: top;
    padding: .5em .7em;
    font-size: 0.8rem;
    overflow: hidden; }

  .cart-total__name:before {
    content: ''; }

  .add-to-cart {
    position: relative;
    width: 70%;
    height: 40px;
    line-height: 40px;
    margin: .7em auto;
    align-self: flex-end;
    clear: both; }

  .reveal-modal.nopadding .close-reveal-modal, dialog.nopadding .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.3rem;
    right: 0.7rem;
    color: #AAAAAA;
    font-weight: bold;
    cursor: pointer; }

  .reveal-modal.nopadding h2#modalTitle {
    margin: 1em 1em 0 0;
    font-size: 1.4rem;
    font-weight: 600; }

  .reveal-modal.nopadding .modal-top {
    margin: 0; }

  .modal-top h2 {
    display: inline-block;
    font-size: .7rem;
    margin: .7em; }

  /* Добавление в корзину всё */
  /* Mobile adv */
  .plugin-mobbanner {
    position: relative;
    top: -1px;
    display: table;
    /* margin: 20px auto; */
    width: 100%; }

  .mobbanner-item-new {
    position: relative;
    display: table-cell;
    width: 100%;
    /* 	padding: 20px 0; */
    text-align: center;
    vertical-align: middle;
    empty-cells: hide; }

  .mobbanner-item-new .adv_frame, .mobbanner-item-new img {
    margin: 10px auto; }

  /* .mobadv-close {
          position: absolute;
          top: -19px;
          right: 20px;
          width: 20px;
          height: 20px;
          background: #ffcc00 url(../../images/mobile/close-ico.svg) 50% 50% no-repeat;
  } */
  /* Mobile adv */
  /* iOS old position fixed support */
  .no-fixed-supported #topbar,
  .no-fixed-supported #bottombar {
    position: absolute; }

  /* iOS old position fixed support ended */
  /* ------ Add to cart  ------ */
  #cart.reveal-modal {
    padding: 0;
    box-sizing: border-box;
    height: 100%; }

  #cart.reveal-modal .close-reveal-modal {
    top: 0.520rem;
    right: 0.775rem; }

  /* #add-to-cart {
          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: flex-start;
      align-content: flex-start;
      width: 100vw;
      padding: 0;
  } */
  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none; }

  #add-to-cart .bm-title {
    display: block;
    margin: .5rem 10%;
    font-size: .8rem;
    line-height: 1.4em;
    font-weight: 400; }

  .centered-block {
    -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;
    width: 100%;
    position: relative;
    display: block;
    padding: 0;
    text-align: center; }

  .select {
    height: 40px;
    position: relative;
    border-radius: 2px 0 0 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: .5rem 2.5rem .5rem .5rem; }

  .select:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto 0;
    width: 30px;
    height: 30px;
    background: url(../../images/mobile/select.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat; }

  .cart-origname-wrapper {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    overflow: scroll; }

  .cart-origname-scroller {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #f7f7f7;
    background-image: url(../../images/cart-dosage-arrow.png);
    background-position: 50% 70px;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden; }

  .no-background {
    background-color: transparent !important;
    background-image: none !important; }

  .orig-name-table {
    position: relative;
    width: 100%;
    background: #fff; }

  .result-box {
    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;
    width: 100%; }

  .result-box:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); }

  .ont-row, .ont-result-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    width: 100%;
    padding: 0;
    font-size: .8rem;
    border-bottom: 4px solid #f0f0f0; }

  .ont-result-row {
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-top: none;
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
    border: none; }

  .ont-result-row.is-fixed {
    position: fixed;
    height: 60px;
    justify-content: space-between;
    align-items: center;
    border-top: none;
    font-size: 1rem;
    font-weight: 600;
    padding: .5rem;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999; }

  .ont-row {
    flex-wrap: wrap;
    /*    border-left: 3px solid transparent;*/ }

  .ont-row.is-active {
    background-color: #fff4d5 !important;
    justify-content: space-around; }

  /*.ont-row:nth-of-type(even) {
      background-color: #f9f9f9;
  }*/
  .ont-origname {
    -webkit-box-flex: 1 1 60%;
    -moz-box-flex: 1 1 60%;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    position: relative;
    padding: 0 1.4rem 0 0;
    box-sizing: border-box;
    line-height: 1.3em;
    font-weight: 600; }

  .ont-origname ul {
    font-size: inherit;
    line-height: inherit; }

  .ont-result-row > .ont-origname {
    -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; }

  .ont-result-row > .ont-origprice {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: .4rem .4rem .4rem 0;
    font-size: 1rem;
    font-weight: 600;
    order: 1;
    text-align: center;
    box-sizing: border-box;
    border-top: none; }

  .ont-origprice {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: .4rem .4rem .4rem 0;
    font-size: 1rem;
    font-weight: 600;
    order: 1;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0; }

  .ont-quantity {
    display: none;
    -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;
    order: 2;
    position: relative;
    padding: .5rem .2rem .4rem;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #f0f0f0; }

  .ont-btns {
    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;
    padding: 0;
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    order: 3;
    position: relative;
    padding: .4rem 0;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box; }

  .orig-name-table td.cart-origname, orig-name-table tr th.cart-origname {
    font-size: 1.1rem;
    font-weight: 600; }

  .orig-name-table td.no-padding {
    padding: 10px 0; }

  .ont-result-row .ont-btns {
    position: relative;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: .4rem 0 0;
    border-top: 0; }

  .quantity {
    display: inline-block;
    margin-top: 5px;
    font-size: .6rem;
    color: #999;
    font-weight: 400;
    line-height: 1.3em; }

  .cart-origprice > .small {
    font-size: 80%; }

  /*.number-input {
      position: relative;
      display: block;
      width: 100%;
  }*/
  /*.number-select {
      position: relative;
      width: 50%;
      height: 40px;
      margin: 0 25%;
      padding: 0;
      text-align: center;
      font-size: .8rem;
      border: 1px solid #c1c1c1;
      border-left: 0;
      border-right: 0;
      border-radius: 0;
      z-index: 2;
  }*/
  /*.numbtn-wrapper {
      position: absolute;
      display: block;
      width: 100%;
      height: 40px;
      z-index: 1;
  }*/
  /*.numbtn {
      position: absolute;
      top: 0;
      left: 0;
      width: 25%;
      height: 40px;
      background: $white;
      border: 1px solid #c1c1c1;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      color: #555;
      text-align: center;
      line-height: 40px;
      box-sizing: border-box;
      cursor: pointer;
  }*/
  /*.numbtn.disable, .numbtn.disable:hover {
      background: #f4f4f4;
      color: #999;
      cursor: no-drop;
  }*/
  /*.numbtn.inc {
      right: 0;
      left: auto;
  }*/
  /*.numbtn:hover {
      background: #dceeff;
  }*/
  /* .cart-btn {
      width: 140px;
      padding: 0 0 0 24px;
      text-align: center;
      font-size: 11px;
      background-image: url(../../images/mobile/cart-btn.svg);
      background-position: 5px 50%;
      background-repeat: no-repeat;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  } */
  /* .cart-btn.is-active, .cart-btn.is-active:hover, .cart-btn.is-active:active {
      background: #ff6600;
      background-image: url(../../images/remove-btn.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      cursor: default;
      color: transparent;
      width: 40px;
  } */
  .away-btn {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 11px; }

  .attention-btn, .attention-btn:visited {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ff6600;
    background-image: url(../../images/remove-btn.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 0;
    opacity: .8;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .ont-btn-remove {
    order: 2;
    margin: 0 1.1rem 0 auto; }

  .attention-btn.is-active {
    background-color: #ff6600;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    text-indent: -999px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    background-size: 60% 60%; }

  .attention-btn.disable {
    display: none;
    background-color: #bababa;
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn.disable:hover {
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn:hover, .attention-btn:active {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .row-summary {
    position: relative;
    width: 100%; }

  .light-table {
    width: 100%;
    text-align: right; }

  .large-cart-btn {
    position: relative;
    width: 100%;
    min-width: 220px;
    padding: 0;
    box-sizing: border-box;
    font-size: 0.7rem;
    background-color: #0154a6;
    height: 50px;
    line-height: 50px; }

  .large-cart-btn:hover {
    background-color: #016ed9; }

  .large-cart-btn.disable, .large-cart-btn.disable:hover, .large-cart-btn.disable:active, .large-cart-btn.disable:visited {
    background-color: #ccc;
    cursor: default; }

  .large-cart-btn.disable > .formatted-price {
    color: #fff; }

  .ont-row.is-active > .ont-origprice {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%; }

  .ont-row.is-active > .ont-btns {
    -webkit-box-flex: 40px;
    -moz-box-flex: 40px;
    -webkit-flex: 40px;
    -ms-flex: 40px;
    flex: 0 0 40px;
    align-self: flex-start;
    padding: .5rem .6rem .4rem 0.6rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ont-row {
    flex-wrap: wrap; }

  .omrn-title {
    -webkit-box-flex: 1 1 40%;
    -moz-box-flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%; }

  .ont-origprice {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 1rem .4rem .4rem 0; }

  .ont-row.is-active > .ont-origprice {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%; }

  .ont-quantity {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 1rem .2rem .4rem; }

  .ont-btns {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 1rem 0 .4rem 0; }

  .ont-row.is-active > .ont-btns {
    -webkit-box-flex: 40px;
    -moz-box-flex: 40px;
    -webkit-flex: 40px;
    -ms-flex: 40px;
    flex: 0 0 40px;
    align-self: flex-start;
    padding: 1rem 0.6rem .4rem 0.6rem;
    border: none; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .ftc .action {
    display: block;
    width: 100%;
    padding: 0 0 0 20px;
    background-image: url(../../images/icons-action-color.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    margin: 0 0 8px 0; }

  .ac-card.ftc .action {
    background-image: url(../../images/icons-card-color.png); }

  .ac-pens.ftc .action {
    background-image: url(../../images/icons-pensioner-color.png); }

  .ac-action.ftc .action {
    background-image: url(../../images/icons-action-color.png); }

  .ac-delivery.ftc .action {
    background-image: url(../../images/icons-dostavka-small-hover.png); }

    /*
    @media only screen and (max-width: 77.5em) {
        #add-to-cart .row {
            width: 100%;
            min-width: 100%;
        }
    }

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

        .ont-origname {
        -webkit-box-flex: 1 0 40%;
        -moz-box-flex: 1 0 40%;
        -webkit-flex: 1 0 40%;
        -ms-flex: 1 0 40%;
        flex: 1 0 40%;
    }

    }

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

        .ont-row {
            font-size: .9rem;
        }

        .ont-origname {
            -webkit-box-flex: 1 0 40%;
            -moz-box-flex: 1 0 40%;
            -webkit-flex: 1 0 40%;
            -ms-flex: 1 0 40%;
            flex: 1 0 40%;
        }

        .ont-origprice {
            -webkit-box-flex: 0 0 100px;
            -moz-box-flex: 0 0 100px;
            -webkit-flex: 0 0 100px;
            -ms-flex: 0 0 100px;
            flex: 0 0 100px;
            font-size: 1.1rem;
        }

        .ont-quantity, .ont-origprice {
            -webkit-box-flex: 0 0 120px;
            -moz-box-flex: 0 0 120px;
            -webkit-flex: 0 0 120px;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px;
            position: relative;
            padding: 0 10px;
            box-sizing: border-box;
            text-align: center;
        }

        .number-select {
            width: 70px;
            font-size: 1.1rem;
        }

    }

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

        .ont-origname {
            -webkit-box-flex: 1 0 30%;
            -moz-box-flex: 1 0 30%;
            -webkit-flex: 1 0 30%;
            -ms-flex: 1 0 30%;
            flex: 1 0 30%;
            line-height: 1.3em;
        }

        .ont-quantity, .ont-origprice {
            -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;
        }*/
    /*    .ont-origprice {
            -webkit-box-flex: 0 0 100px;
            -moz-box-flex: 0 0 100px;
            -webkit-flex: 0 0 100px;
            -ms-flex: 0 0 100px;
            flex: 0 0 100px;
            font-size: 1.1rem;
        }

        .ont-quantity, .ont-origprice {
            -webkit-box-flex: 0 0 120px;
            -moz-box-flex: 0 0 120px;
            -webkit-flex: 0 0 120px;
            -ms-flex: 0 0 120px;
            flex: 0 0 120px;
            position: relative;
            padding: 0 10px;
            box-sizing: border-box;
            text-align: center;
        }

        .number-select {
            width: 70px;
            font-size: 1.1rem;
        }*/
  /*.ont-btns {
      -webkit-box-flex: 0 0 50%;
      -moz-box-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  }*/
    /*    .cart-btn {
            width: 150px;
        }

    }*/
  .order-choose input {
    width: 100%;
    padding: 0 .4rem; }

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

  .order-sum-box {
    position: relative;
    display: block;
    margin: .6rem 0 0;
    padding: .6rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center; }

  .order-sum-box > .attention {
    font-size: .7rem;
    margin-bottom: 0.25rem; }

  p.order-summary {
    margin-bottom: 0.25rem;
    font-size: .9rem;
    font-weight: 600; }

  #delivery_prices {
    display: none; }

  .order-choose .btn {
    display: block;
    width: 80%;
    max-width: 180px;
    margin: 0 auto 100px; }

  .bm-content.success {
    position: relative;
    width: 100%;
    font-size: .8rem; }

  .bm-content.success ol {
    font-size: .8rem;
    line-height: 1.5;
    margin-left: 0.8rem; }

  .bm-content.success h3 {
    color: #0154a6;
    margin-top: 60px;
    text-align: center; }

  .bm-content.success h4 {
    text-align: center; }

  .bm-content.success ol li {
    margin: .6rem 0; }

  .notification {
    position: relative;
    display: block;
    font-weight: 600; }

  /* Tooltips */
  .has-tooltip {
    /*    position: absolute;*/
    /*    top: 0;
        right: -5px;*/
    background: transparent;
    /*    width: 10px;
        height: 10px;
        display: inline-block;*/
    position: relative;
    /*    cursor: help;*/ }

  .has-tooltip-visible {
    position: absolute;
    top: -8px;
    right: 0;
    bottom: 0;
    left: 4px;
    margin: auto auto;
    background: #f5f5f5 url(../../images/mobile/question.svg) 50% 50% no-repeat;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    width: 18px;
    height: 18px;
    display: inline-block;
    /*    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    cursor: help; }

  .has-tooltip.active > .has-tooltip-visible {
    background-color: #fff9c4;
    border-color: #ffe0b2; }

  .my-tooltip {
    position: absolute;
    /*    width: 200px;*/
    max-width: 100%;
    left: 50%;
    top: auto;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: auto auto;
    height: auto;
    max-height: 320px;
    padding: .8rem 1.6rem .8rem .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    color: #333;
    font-size: .7rem;
    line-height: 1.5em;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 98; }

  .tooltip-arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99; }

  .tooltip-arrow:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #eee; }

  .tooltip-arrow:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .has-tooltip {
    right: -8px; }

  .has-tooltip-visible {
    width: 22px;
    height: 22px; }

  .my-tooltip {
    font-size: .9rem;
    max-height: 500px;
    padding: 1rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .my-tooltip {
    max-width: 600px; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .app-banner {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    width: 100%;
    padding: 1rem .5rem;
    background-color: #B2EBF2;
    border-top: 1px solid #80DEEA;
    border-bottom: 1px solid #80DEEA;
    /*    background-color: #FFECB3;
        border-top: 1px solid #ffd54f;
        border-bottom: 1px solid #ffd54f;*/ }

  .app-banner > .close-this {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    z-index: 1000; }

  .app-banner > .close-this:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 20px;
    background: url(../../images/mobile/close-ico.svg) 50% 50% no-repeat;
    background-size: 20px; }

  .app-banner > .app-txt {
    display: none;
    font-weight: 300;
    font-size: .9rem;
    font-family: 'Conv_dincondensedc', sans-serif;
    color: #212121;
    text-transform: uppercase; }

  .app-banner a {
    display: block;
    margin: 0 .2rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .app-banner {
    padding: 1rem 10%; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 500px) {
  .app-banner > .app-txt {
    display: inline-block;
    font-size: 1.3rem;
    padding: 0 .4rem 0 0; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 700px) {
  .app-banner {
    padding: 1rem 20%; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* best-online-price */
  .best-online-price {
    position: relative;
    display: block;
    width: 100%;
    min-height: 64px;
    margin: 1.5rem 0;
    padding: 1.6rem 1.3rem 56px 1.3rem;
    border: 1px solid #0154A6; }

  .best-online-price > .online-shop-logo {
    display: none; }

  .best-online-price > .online-shop-title {
    /*    position: relative;*/
    display: block;
    margin: 0 130px 5px 0; }

  .best-online-price > .online-shop-title .best-star {
    font-size: .8rem;
    color: #ffffff;
    background: #0154A6;
    display: inline-block;
    font-style: italic;
    padding: 2px 18px;
    display: inline-block;
    position: absolute;
    top: -11px;
    border-radius: 10px; }

  .best-online-price > .online-shop-title .online-title {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -0.04rem;
    line-height: 1.3rem; }

  .best-online-price > .online-shop-title .online-subtitle {
    font-size: .8rem;
    padding: 5px 0; }

  /*.best-big-price {
      position: absolute;
      top: 1.3rem;
      right: 1.3rem;
      font-size: 1.2rem;
      font-weight: 600;
      letter-spacing: -0.02rem;
  }*/
  .best-online-price .online-shop-btn {
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    top: auto;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: 0 1.3rem;
    /*    width: 90%;*/ }

  .best-online-price .online-shop-btn a {
    height: 40px;
    line-height: 40px;
    /*    margin: 0 0.5% .4rem .5%;*/
    -webkit-box-flex: 1 0 48%;
    -moz-box-flex: 1 0 48%;
    -webkit-flex: 1 0 48%;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
    /*    margin: 0 0 32px;*/ }

  .best-online-price a.go-to-all {
    position: absolute;
    display: inline-block;
    bottom: 1px;
    right: 0;
    left: 0;
    margin: .3rem .3rem 0 .3rem;
    padding: 6px 0;
    font-weight: 400;
    font-size: .7rem;
    text-align: center; }

  /* best-online-price */
  .best-online-price.utsenka {
    border: 1px solid #248E13; }

  .best-online-price.utsenka > .online-shop-title .best-star {
    background: #248E13; }

  .best-online-price.utsenka .online-shop-btn > .btn {
    background: #248E13; }

  .best-online-price.utsenka .online-shop-btn > .btn:hover {
    background: #54C158; }

  .give-feedback {
    position: relative;
    display: block;
    margin: 10px 10px 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e5e5e5;
    /*     background-image: url(../../images/get-feedback.svg);
        background-position: 0 120%;
        background-repeat: no-repeat;*/ }

  .give-feedback > a.btn {
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px; }

  .filters-progress {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: .8rem 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #ccc; }

  .btn-progress, .btn-progress:hover, .btn-progress:active {
    cursor: default;
    overflow: hidden;
    position: relative;
    /*  background-color: #0badbc;*/
    background-image: -moz-linear-gradient(top, #0badbc, #156cc2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0badbc), to(#156cc2));
    background-image: -webkit-linear-gradient(top, #0badbc, #156cc2);
    background-image: -o-linear-gradient(top, #0badbc, #156cc2);
    background-image: linear-gradient(to bottom, #0badbc, #156cc2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0badbc', endColorstr='#156cc2 ', GradientType=0);
    /*  background-color: #0badbc;*/
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    -o-background-size: 80px 80px;
    background-size: 80px 80px;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -moz-animation: progress-bar-stripes 0.5s linear infinite;
    -ms-animation: progress-bar-stripes 0.5s linear infinite;
    -o-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite; }

  /* Анимация */
  /* Webkit */
  @-webkit-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Firefox */
  @-moz-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* IE9 */
  @-ms-keyframes progress-bar-stripes {
    from {
      background-position: 80px 0; }
    to {
      background-position: 0 0; } }
  /* Opera */
  @-o-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Spec */
  @keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* cabinet promo */
  .lk_promo {
    display: block;
    position: relative;
    bottom: -24px;
    margin: 0px -24px;
    padding: 1.4rem 2.5rem;
    background-color: #0cc3d4;
    font-size: .9rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .lk_promo:hover, .lk_promo:active {
    background-color: #18ccdd; }

  .lk_promo > .btn {
    display: block;
    padding: 0 42px;
    font-size: .8rem;
    font-weight: 400;
    width: 80%;
    margin: 1rem auto 0; }

  .lk_promo:hover > .btn {
    background-color: #016ed9; }

  /* cabinet promo finished */
  .auth-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 1.4rem auto;
    padding: .8rem;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    /*     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/ }

  .auth-box .register {
    position: relative;
    display: inline-block;
    margin: .4rem 0; }

  .auth-box .login-info {
    margin-bottom: 0; }

  .disabled {
    cursor: text !important; }

  a.disabled {
    color: #888;
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted #888;*/ }

  button.disabled, input[type=button].disabled, input[type=submit].disabled {
    background-color: #f0f0f0;
    color: #888; }

  /*    .formatted-price {
              position: relative;
              font-family: 'Open Sans', Arial, Verdana, sans-serif;
              font-weight: 600;
              font-size: 1.2em;
      }
  
      .kop-separator {
              font-size: .8em;
              font-weight: 400;
      }
  
      .kop {
              font-size: .8em;
              font-weight: 400;
      }
  
      .rubsymbol {
              position: relative;
              font-family: 'OSRouble', Arial, Verdana, sans-serif;
              font-weight: 400;
              font-size: .9em;
              margin: 0 0 0 .2em;
      }*/
  /* Модальное окно оригинальных наименований на карте */
  #map-orignames.reveal-modal {
    padding: 50px 0 0 0;
    background: #ededed; }

  .big-actions-block {
    position: relative;
    margin: 0 0 0 1px;
    border-bottom: 0; }

  .big-actions-block ul > li > a {
    position: relative;
    display: block;
    width: 23.5%;
    height: 110px;
    float: left;
    border: 1px solid #f0f0f0;
    margin: 0 .5% 10px;
    box-sizing: border-box;
    color: #262626;
    overflow: hidden;
    transition: all .5s ease; }

  .big-actions-block ul > li > a:hover {
    border-color: #0badbc;
    transition: all .5s ease; }

  .bac-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    padding: 1rem 1rem 0.3rem 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    width: 100%; }

  .bac-title {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0 .8rem 0 0; }

  .bac-condition {
    position: relative;
    display: block;
    margin-top: 2px;
    font-size: .8rem;
    font-weight: 400;
    color: #5c5c5c;
    padding: 0 1rem 0 40px;
    line-height: 1.3rem; }

  .big-actions-block ul > li > a.ac-card .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-card.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-discount .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-discount.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-date .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-rouble .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-pens .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-action .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-action.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-worker .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .big-actions-block ul > li > a .allfirm-action {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 1200px) {
  .big-actions-block ul > li > a {
    width: 49%;
    height: 100px;
    max-height: 100px; }

  .bac-header {
    background-position: 10px 50%;
    padding: 0.5rem 1rem 0.3rem 40px; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 768px) {
  .big-actions-block {
    position: relative;
    margin: 0 0 0 6px; }

  .big-actions-block ul > li > a {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 .8rem;
    height: auto;
    max-height: 67px;
    border: none;
    border-bottom: 1px solid #f0f0f0; }

  .big-actions-block ul > li > a:hover {
    border-bottom: 1px solid #f0f0f0; }

  .bac-header {
    padding: 4px 0 4px 40px;
    background-position: 10px 3px; }

  .bac-condition {
    padding: 0 9rem 0 40px; }

  .bac-percent {
    position: absolute;
    right: 10px;
    width: 50px;
    top: 0;
    z-index: 1; }

  /*    .big-actions-block ul > li > a:after {
          display: none;
      }*/ }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .ont-header-row {
    background-color: #0badbc;
    color: #fff; }

  .ont-origname ul.orn-info {
    position: relative;
    display: block;
    margin-top: .3rem;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1rem; }

  .orn-attention, .orn-markdown-cause {
    font-size: .7rem;
    font-weight: 400;
    line-height: 1rem; }

  .orn-label {
    font-weight: 600; }

  .orn-attention {
    color: #ff5722; }

  .orn-markdown-cause {
    color: #388e3c; }

  .orn-dosage-actions > .orn {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 14px; }

  .orn.ac-card {
    background-image: url(../../images/icons/actions-icons/ac-card.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-pens {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-action {
    background-image: url(../../images/icons/actions-icons/ac-action.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-discount {
    background-image: url(../../images/icons/actions-icons/ac-discount.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-rouble {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-date {
    background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-worker {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .ornm-table, .ornm-row, .ornm-first-cell, .ornm-second-cell {
    display: block;
    position: relative; }

  .ornm-first-cell {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    width: 100%;
    font-size: .8rem;
    font-weight: 400;
    padding: .8rem 0 .8rem .8rem; }

  .ornm-main-content-wrapper {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ornm-more {
    -webkit-box-flex: 0 0 30px;
    -moz-box-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #f0f0f0; }

  .ornm-more > .orn-dosage-actions {
    margin: 0;
    white-space: normal; }

  .ornm-primary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    font-size: .8rem;
    width: 100%;
    font-weight: 600; }

  .ornm-secondary {
    display: block;
    width: 100%;
    font-size: .7rem;
    font-weight: 400; }

  .ornm-origname {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ornm-price {
    -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;
    padding: 0 1rem; }

  .ornm-second-cell {
    position: relative;
    border-top: 1px solid #f0f0f0;
    padding: .5rem .7rem;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset; }

  .ornm-second-cell:before {
    content: '';
    position: absolute;
    top: -20px;
    right: 6px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e1e1e1;
    border-left: 10px solid transparent; }

  ul.orn-info {
    font-size: .7rem;
    font-weight: 400;
    color: #999; }

  .orn-label {
    font-weight: 600; }

  .ornm-table {
    background-color: #ededed;
    margin-bottom: 84px; }

  .ornm-row {
    position: relative;
    background: #fff;
    margin: 0 .4rem;
    padding: 0;
    border-top: 5px solid #f0f0f0;
    border-bottom: 5px solid #f0f0f0; }

  .ornm-row:nth-of-type(even) {
    background-color: #fbfbfb;
    border: none; }

  .omrn-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    min-height: 57px;
    font-size: .9rem;
    padding: .5rem 0 .3rem 0; }

  .orn-info {
    font-weight: 400;
    font-size: .7rem;
    color: #686868; }

  /*    .orn-attention, .orn-markdown-cause {
          font-weight: 400;
          font-size: .7rem;*/
  /*    text-align: center;*/
  /*}*/
  .omrn-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    font-size: .8rem;
    width: 100%;
    padding: 0;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box;
    text-align: center; }

  .omrn-btns {
    position: relative;
    display: block;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }

  .omrn-price {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 50%;
    min-height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    box-sizing: border-box; }

  .omrn-current-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    -webkit-box-flex: 1 1 50%;
    -moz-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; }

  .orn-dosage-actions {
    position: relative;
    display: block;
    /* width: 100%; */
    box-sizing: border-box;
    padding: 0.6rem 30px 0.4rem .8rem;
    margin: 0;
    /* background-color: #efefef; */
    background-image: url(../../images/mobile/arrow-d-g.svg);
    background-position: 94% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #f0f0f0;
    /* -webkit-border-radius: 2px; */
    /*    -moz-border-radius: 2px;*/
    /* border-radius: 2px; */ }

  .filial-action-text {
    font-size: .8rem;
    font-weight: 400;
    color: #333; }

  .omrn-footer {
    position: relative;
    display: block;
    width: 100%; }

  .omrn-footer .big-actions-block {
    position: relative;
    display: block;
    margin: 0;
    padding: .5rem 0;
    border-top: 1px solid #f0f0f0; }

  .omrn-footer .all-current-actions {
    margin: 0; }

  /*
  @media all and (max-width: 768px)
      .big-actions-block {
          position: relative;
          margin: 0 0 0 6px;
  }*/
  .omrn-footer .big-actions-block ul > li > a {
    width: 100%;
    margin: 0;
    padding: .8rem 0;
    height: auto;
    max-height: 1000px;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0; }

  .omrn-footer .big-actions-block ul > li > a:after {
    display: none; }

  .omrn-footer .bac-condition {
    padding: 0 .4rem 0 40px;
    line-height: 1rem; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 400px) {
  .ornm-row:nth-of-type(even) {
    background-color: #fff; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .omrn-btns {
    -webkit-box-flex: 0 0 35%;
    -moz-box-flex: 0 0 35%;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    align-self: flex-end; }

  .omrn-price {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%;
    font-size: 1rem;
    color: #0badbc; }

  .omrn-current-actions {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* NEW FILTERS */
  #filtersmodal.reveal-modal {
    padding: 0; }

  #filtersmodal.reveal-modal .close-reveal-modal {
    top: 0.025rem;
    right: 0.575rem;
    z-index: 100; }

  .modal-scroll-wrapper {
    position: relative;
    display: block;
    height: 100%;
    padding: 10px 0 0;
    box-sizing: border-box;
    overflow-x: hidden; }

  .modal-scroll-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9c9c9', endColorstr='#00000000',GradientType=0 ); }

  .modal-scroll-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6c9c9c9',GradientType=0 ); }

  .modal-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden; }

  .forms-filters {
    position: relative;
    width: 100%;
    display: block; }

  .filters-content {
    position: relative;
    margin: 0 300px 0 0;
    display: block;
    box-sizing: border-box;
    z-index: 1; }

  .filters-filters {
    position: relative;
    width: 286px;
    display: block;
    float: right;
    box-sizing: border-box;
    z-index: 2; }

  .all-forms-heads {
    position: relative;
    width: 100%;
    display: inline-block; }

  .all-forms-heads ul {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box; }

  .all-forms-heads ul li {
    margin: 0;
    display: inline-block; }

  .all-forms-heads ul li .one-form {
    position: relative;
    display: block;
    margin: 0 .2rem 6px 0;
    height: 28px;
    line-height: 28px;
    padding: 0 28px 0 8px;
    background-color: #0badbc;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px; }

  .all-forms-heads ul li .one-form:before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/filter-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    opacity: .6;
    transition: all .2s ease; }

  .all-forms-heads ul li .one-form.active {
    color: #0064ae; }

  .all-forms-heads ul li .one-form:hover:before {
    background-color: #0cc3d4;
    opacity: 1; }

  .all-forms-heads ul li:last-child {
    margin: 0; }

  .all-dosage-content {
    position: relative;
    display: block;
    margin: 10px 0 20px;
    border-top: 1px solid #f0f0f0; }

  .all-dosage-content .dosage-row {
    position: relative;
    display: table;
    width: 100%;
    min-height: 60px;
    padding: 1rem;
    border: 1px solid #f0f0f0;
    border-top: 0;
    transition: all .5s ease;
    color: #262626; }

  .all-dosage-content .dosage-row:hover {
    -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    z-index: 1; }

  .all-dosage-content .dosage-row .dosage-name {
    position: relative;
    display: table-cell;
    width: auto;
    min-width: 50%;
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: 600; }

  .recipe-only {
    display: block;
    position: relative;
    padding: 0 0 0 18px;
    background-image: url(../../images/attention-recipe-min.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: .9rem;
    font-weight: 400; }

  .all-dosage-content .dosage-row .dosage-price {
    position: relative;
    display: table-cell;
    width: 15%;
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
    text-align: left; }

  .dosage-row .dosage-price .formatted-price {
    font-size: 1.2rem; }

  .all-dosage-content .dosage-row .dosage-arrow {
    position: relative;
    display: table-cell;
    width: 46px;
    background-image: url(../../images/dosage-arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .all-dosage-content .dosage-row .dosage-number {
    position: relative;
    display: table-cell;
    width: 120px;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .numbtn {
    position: absolute;
    top: 0;
    width: 30%;
    height: 47px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    line-height: 47px;
    font-weight: 700;
    cursor: pointer; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.inc {
    left: 0;
    right: auto;
    border-right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.dec {
    left: auto;
    right: 0;
    border-left: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }

  .all-dosage-content .dosage-row .dosage-number .numbtn:hover {
    background-color: #aeddff; }

  .all-dosage-content .dosage-row .dosage-number .number-input {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    margin: 0 30%;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .number-input input {
    height: 47px;
    line-height: 47px;
    text-align: center; }

  .all-dosage-content .dosage-row .dosage-btn {
    position: relative;
    display: table-cell;
    width: 136px;
    text-align: right; }

  .all-dosage-offers {
    font-size: 12px;
    color: #999;
    font-weight: 400; }

  .dosage-filters {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #f0f0f0; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 .8rem .8rem;
    border-bottom: 1px solid #ededed; }

  .filter-box.checked:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    background-color: #0bafbd; }

  .filter-box.uncheck {
    padding: 1rem .8rem;
    font-weight: 600;
    text-align: center;
    color: #262626;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .filter-box.uncheck:hover {
    background-color: #49c787;
    color: #fff; }

  .filter-header {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1.1em 0 0.9em;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #262626; }

  .filter-header:hover {
    color: #0064ae; }

  .check-number {
    display: inline-block;
    position: relative;
    background: #f0f0f0;
    border-radius: 20px;
    padding: 0 6px; }

  .filter-header .filter-header__toggler {
    display: block;
    position: relative;
    float: left;
    margin: 1px 4px 0 0;
    width: 14px;
    height: 14px;
    background-image: url(../../images/filters-toggle.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(0deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease; }

  .js-show-more {
    display: inline-block;
    position: relative;
    padding: .1rem 1rem;
    border: 1px solid #f0f0f0; }

  .show-all {
    margin: 0 0 0 5px;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    color: #0A659C;
    border-bottom: 1px dotted #0A659C; }

  .show-all:hover {
    color: #49c787; }

  .js-closed .filter-header .filter-header__toggler {
    background-position: 50% 38%;
    transform: rotate(180deg); }

  .filter-box .filter-content {
    display: block;
    position: relative;
    width: 100%;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto; }

  .filter-box.js-closed {
    padding: 0 .8rem 0; }

  .filter-box-btn {
    width: 100%;
    max-width: 260px;
    height: 40px;
    margin: .5rem auto;
    padding: 0 1rem;
    line-height: 40px;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #49c787;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border-bottom: 1px solid #3ea370; }

  .ui-checkbox {
    display: block;
    position: relative;
    width: 100%;
    margin: .2rem 0; }

  .ui-checkbox input[type="checkbox"] {
    display: none;
    position: relative;
    width: 16px;
    height: 16px;
    visibility: hidden;
    line-height: 16px;
    font-size: .9rem;
    z-index: -1; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .2em 12px .2em 24px;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #CCC;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"] + label:after {
    content: '';
    position: absolute; }

  .ui-checkbox input[type="checkbox"] + label:hover {
    color: #0badbc;
    background-color: #f5f5f5; }

  .ui-checkbox input[type="checkbox"] + label:hover:before {
    background-color: #fff;
    border: 1px solid #0badbc; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    /*    margin: 0 0 0 5px;*/
    /*    min-width: 18px;*/
    /*    height: 18px;
        line-height: 18px;*/
    padding: 0 3px;
    /*    font-size: .6rem;
        text-align: center;
        top: -1px; 
        background-color: #CCC;
        color: $white;*/
    font-size: .8rem;
    margin: 0 0 0 .3em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before {
    content: '(';
    position: absolute;
    top: -1px;
    left: 0; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ')';
    position: absolute;
    top: -1px;
    right: 0; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    color: #0badbc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"]:checked + label:hover {
    background-image: url(../img/icons/close_hover.svg); }

  .ui-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #0badbc;
    border: 1px solid #0badbc;
    background-image: url(../../images/filters-check.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .ui-checkbox input[type="checkbox"]:checked + label:after {
    z-index: 5; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    cursor: default;
    color: #CCC; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover {
    color: #CCC;
    background-color: #fff; }

  .ui-checkbox.disable input[type="checkbox"] + label:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:after {
    content: ''; }

  .js-toggle-block.js-closed .js-toggle-content {
    display: none; }

  .dosage-card {
    position: relative;
    width: 33.33333333333333%;
    display: inline-block;
    float: left;
    min-height: 355px;
    margin: 0;
    padding: 20px 30px;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 1px solid #f0f0f0; }

  .clear-filters {
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top;
    position: relative;
    float: right;
    font-size: 14px;
    color: #0154a6;
    border-bottom: 1px dotted #0154a6;
    /*    background-image: ;*/ }

  .dosage-card:hover {
    /*    background-color: #f9f9f9;*/
    -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    z-index: 1; }

  .dosage-card .dosage-preview {
    position: relative;
    display: block;
    width: 100%;
    height: 186px;
    color: #262626; }

  .dosage-card .dosage-preview img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: auto;
    opacity: 1; }

  .dosage-card:hover .dosage-preview img {
    opacity: .8; }

  .dosage-card .dosage-name {
    position: relative;
    display: block;
    max-height: 42px;
    font-size: 1.2rem;
    margin: 0 0 .4rem;
    overflow: hidden; }

  .dosage-card .formatted-price {
    font-size: 1.2rem;
    color: #262626; }

  .dosage-card .all-dosage-offers {
    display: block;
    position: absolute;
    bottom: 7px;
    left: 30px;
    right: 30px;
    margin: 1rem 0 0 0;
    font-size: 1rem;
    /* width: 100%; */
    height: 60px;
    border-top: 1px solid #e6e6e6;
    line-height: 60px; }

  .dosage-card .dosage-arrow {
    display: block;
    position: absolute;
    bottom: 16px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-image: url(../../images/dosage-arrow2.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #0badbc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  .dosage-card:hover .dosage-arrow {
    background-color: #0cc3d4;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 1080px) {
  .filters-filters {
    width: 246px; }

  .filters-content {
    position: relative;
    margin: 0 260px 0 0; }

  .dosage-card {
    width: 50%; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 0; }

  .dosage-card:nth-of-type(2n+1) {
    border-left: 1px solid #f0f0f0; }

  .dosage-card .dosage-preview img {
    top: 15px;
    width: auto;
    height: 70%; }

  .all-dosage-content .dosage-row .dosage-price {
    width: 20%;
    min-width: 110px; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 960px) {
  .show {
    display: block !important; }

  .filters-filters {
    width: 100%;
    float: none;
    padding: 0 0.5rem; }

  .filters-content {
    width: 100%;
    margin: 0;
    padding: 0 0.5rem; }

  .dosage-filters {
    border: none;
    margin: 0 0 1rem; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 0 .8rem;
    border-bottom: 2px solid #ededed; }

  .filter-box.js-closed {
    padding: 0 0 0; }

  .ui-checkbox {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 .6rem .6rem 0; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    border: 1px dashed #f0f0f0; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .5em 12px .5em 32px;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    top: -5px;
    padding: 0 3px;
    font-size: 0.8rem;
    margin: 0 0 0 .1em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before, .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ''; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    border-color: #0badbc;
    background-color: #0badbc;
    color: #fff; }

  .filter-box.checked:before {
    content: '';
    display: none; }

  .filter-box.uncheck {
    width: 200px;
    margin: 10px 0 30px;
    background-color: #49c787;
    color: #fff;
    border: none; }

  .all-forms-heads {
    display: none; } }
@media all and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 768px) {
  .filter-box .filter-content {
    max-height: 600px; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 0 0.2rem;
    border-bottom: 1px solid #ededed; }

  .ui-checkbox {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 .2rem .4rem 0; }

  .ui-checkbox.disable {
    display: none; }

  .ui-checkbox input[type="checkbox"] + label, .ui-checkbox input[type="checkbox"] + label:hover {
    position: relative;
    display: block;
    margin: 0;
    padding: .3em 12px;
    font-size: .8rem;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: none; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    top: -4px;
    padding: 0 3px;
    font-size: 0.5rem;
    margin: 0 0 0 .1em; }

  .filter-box.uncheck {
    width: 100%;
    max-width: 260px;
    height: 40px;
    margin: .5rem auto;
    padding: 0 1rem;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFB74D;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border-bottom: 1px solid #FF9800; }

  .filters-content {
    width: 100%;
    margin: 0;
    padding: 0; }

  .dosage-list .panel-gray {
    padding: .4rem;
    background-color: #f0f0f0;
    font-size: .8rem; }

  .panel-gray > a.sort-link > span {
    display: inline-block;
    margin: 0 0 0 .3rem;
    padding: .3rem .6rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .all-dosage-content {
    margin: 0; }

  .filter-header {
    font-size: 0.7rem;
    font-weight: 700; }

  .all-dosage-content .dosage-row {
    border-left: 0;
    border-right: 0; }

  .all-dosage-content .dosage-row {
    display: block;
    padding: 0.6rem; }

  .all-dosage-content .dosage-row .dosage-name {
    position: relative;
    display: block;
    width: 100%;
    font-size: .9rem; }

  .recipe-only {
    font-size: .6rem;
    padding: 0 0 0 14px;
    background-size: 10px; }

  .all-dosage-content .dosage-row .dosage-price {
    width: 100%;
    display: block;
    color: #0badbc;
    font-size: .8em; }

  .all-dosage-offers {
    display: inline-block;
    margin-left: .4rem;
    font-size: 0.8rem; }

  .all-dosage-content .dosage-row .dosage-arrow {
    display: none; }

  .dosage-row .dosage-price .formatted-price {
    font-size: 1.2em; }

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

  .ui-checkbox.disable input[type="checkbox"] + label {
    display: none; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .change-name {
    position: relative;
    display: block;
    margin: 1rem 0;
    width: 100%;
    /*    height: 60px;
        line-height: 60px;*/
    padding: 12px 12px 12px 60px;
    background: #fff6dc;
    font-size: .8rem;
    overflow: hidden; }

  .change-name a {
    text-decoration: underline; }

  .change-name:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 20px 0 0;
    width: 40px;
    height: 100%;
    background-color: #FFD54F;
    background-image: url(../../images/question-change.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 36px; }

  .change-name:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #FFD54F;
    transform: rotate(45deg); }

  .change-name.forbidden-drug {
    background-color: #ffebee; }

  .change-name.forbidden-drug:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 20px 0 0;
    width: 40px;
    height: 100%;
    background-color: #e57373;
    background-image: url(../../images/attention-change.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 36px; }

  .change-name.forbidden-drug:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #e57373;
    transform: rotate(45deg); }

  .but-notification {
    position: relative;
    margin: 0 20px;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .but-notification > .blue-btn {
    margin: 10px 0 0;
    padding: 0 22px;
    color: #fff; }

  .city-up {
    position: absolute;
    display: none;
    opacity: 0;
    top: 0;
    left: .6rem;
    right: 0;
    margin: auto;
    padding: .8rem;
    width: 320px;
    background-color: #fff;
    text-align: center;
    z-index: 9999;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); }

  .city-up:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 0;
    left: 1.4rem;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; }

  .city-up:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    left: 1.4rem;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0; }

  .city-up-text {
    font-size: 1.1rem;
    font-weight: 600;
    margin: .8rem auto 1.2rem;
    line-height: 1.45rem;
    color: #333333; }

  .city-up-btn {
    text-transform: none;
    font-weight: normal;
    padding: 0;
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: .9rem;
    text-align: center;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .city-up.is-visible {
    display: block; }

  .city-up.is-open {
    margin-top: 40px;
    opacity: 1; }

  .discount-attention {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    font-size: .8rem;
    color: #248e13;
    font-weight: 600;
    /*    text-transform: uppercase;
        letter-spacing: 0.09rem;*/ }

  .discount-attention > .formatted-price {
    font-weight: 700;
    font-size: 12px; }

  .discount-attention:before {
    content: '%';
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #4caf50;
    color: #fff;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 14px; }

  /* Новое добавление в корзину */
  #add-to-cart {
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #F2F2F2;
    background-image: url(../../images/mobile/add-to-cart-bg.png);
    background-repeat: repeat; }

  .cart-step-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background-color: #fff;
    width: 100%;
    min-height: 60px;
    flex: 0 0 60px;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }

  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none;
    width: 100%; }

  .blu-select {
    flex: 0 0 auto;
    width: 100%;
    max-width: 240px;
    height: 60px;
    padding: .5rem;
    border: 0;
    box-shadow: none;
    font-size: 1.05rem;
    background-image: none;
    background-color: #01549D;
    color: #ffffff;
    text-align: center;
    text-align-last: center; }

  .blu-select option {
    background-color: #ffffff;
    color: #1A1A1A;
    text-align: left; }

  select.blu-select:hover {
    background-color: #01549D;
    color: #ffffff; }

  .select-white-box {
    margin-bottom: 15px;
    padding: .5rem 10px;
    border-top: 1px solid #F4F4F4;
    background-color: #ffffff; }

  .shop-logo-cart {
    flex: 0 0 130px;
    margin: auto;
    padding: 0 10px;
    text-align: center; }

  .info-to-cart {
    flex: 1 1 auto;
    margin: auto;
    padding-right: 15%; }

  .shop-logo-cart img {
    width: auto;
    height: auto;
    max-width: 102px;
    max-height: 70px; }

  .btn-step-cart {
    position: relative;
    width: 100%;
    max-width: 272px;
    padding: 0 40px 0 10px;
    display: block;
    background-color: #4CA650;
    border-radius: 25px;
    text-transform: none;
    font-size: 17px;
    font-weight: 100; }

  .btn-step-cart:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 18px;
    margin: auto;
    top: 0;
    right: 10px;
    bottom: 0;
    background-image: url(../../images/mobile/right-arrow.png);
    background-image: url(../../images/mobile/right-arrow.svg);
    background-position: center;
    background-size: 22px auto;
    background-repeat: no-repeat; }

  #cart.reveal-modal .close-reveal-modal {
    top: 1.6rem;
    right: 1.3rem;
    font-size: 2rem; }

  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none;
    width: 100%; }

  #add-to-cart .bm-title {
    display: block;
    margin: 0 4%;
    padding: 7.6rem 0 2.2rem 0;
    font-size: 1.5rem;
    line-height: 2.7rem;
    font-weight: 100;
    color: #1A1A1A; }

  .mess-to-cart {
    background: #FF6600;
    color: #ffffff;
    text-align: center;
    flex: 0 0 auto;
    width: 100%;
    height: 30px;
    font-weight: 100;
    font-style: italic;
    font-size: 0.8rem;
    line-height: 30px; }

  .action-what-where {
    position: relative;
    display: block;
    width: 100%;
    /* background: #ffffff; */ }

  #add-to-cart .main-tab-panel {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    border-top: 1px solid #F5F5F5; }

  #add-to-cart .main-tab-panel input {
    display: none; }

  #add-to-cart .main-tab-panel input:checked + label {
    color: #0BAFBD;
    border-bottom: 4px solid #0BAFBD; }

  #add-to-cart .main-tab-panel label {
    width: 50%;
    margin: 0;
    padding: 12px 0;
    font-weight: 600;
    text-align: center;
    float: left;
    color: #CCCCCC;
    font-size: 14px;
    border-bottom: 4px solid;
    background: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  #add-to-cart .main-tab-panel input {
    display: none; }

  #add-to-cart .main-tab-panel > .tab1:checked ~ .content1, #add-to-cart .main-tab-panel > .tab2:checked ~ .content2 {
    display: block; }

  #add-to-cart .main-tab-panel section {
    display: none;
    padding: 0;
    clear: both; }

  /*#add-to-cart .to-cart-shop-wrapper {
      height: 100vh;
      max-height: 300px;
      max-height: -moz-calc(100vh - 164px);
      max-height: -webkit-calc(100vh - 164px);
      max-height: calc(100vh - 164px);
      padding: 10px;
  }*/
  #add-to-cart .to-cart-shop {
    position: relative;
    height: 100%;
    border: 1px solid #E9E9E9;
    background: #ffffff; }

  #add-to-cart .to-cart-shop li {
    position: relative;
    padding: 1rem 1.2rem;
    line-height: 26px;
    border-bottom: 1px solid #E9E9E9;
    font-size: 0.9rem; }

  .ont-result-row {
    border-bottom: 1px solid #f0f0f0; }

  .omrn-title {
    padding: 1rem .4rem .4rem 0; }

  .ont-origprice {
    -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: .6rem .4rem .2rem 0;
    border-top: 0; }

  #add-to-cart .formatted-price {
    color: #01549D;
    font-size: 1em; }

  .ont-quantity {
    display: block;
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 106px;
    padding: .6rem .2rem;
    border-top: 0; }

  /* #add-to-cart .number-select {
      position: relative;
      width: 40%;
      height: 40px;
      margin: 0 30%;
      padding: 0;
      text-align: center;
      font-size: .8rem;
      border: 1px solid #E6E6E6;
      border-left: 0;
      border-right: 0;
      border-radius: 0;
      z-index: 2;
  } */
  /* #add-to-cart .numbtn.inc {
      border-radius: 2px 0px 0px 2px;
      background-image: url(../../images/mobile/plus-symbol.png);
      background-image: url(../../images/mobile/plus-symbol.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 16px auto;
  } */
  /* #add-to-cart .numbtn.dec {
      right: 0;
      left: auto;
      border-radius: 0px 2px 2px 0px;
      background-image: url(../../images/mobile/minus.png);
      background-image: url(../../images/mobile/minus.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      background-size: 16px auto;
  } */
  /* #add-to-cart .numbtn {
      position: absolute;
      top: 0;
      left: 0;
      width: 30%;
      height: 40px;
      background: #E6E6E6;
      border: 1px solid #E6E6E6;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      color: #555;
      text-align: center;
      line-height: 40px;
      box-sizing: border-box;
      cursor: pointer;
      text-indent: -9999px;
  } */
  /* #add-to-cart .number-select {
          box-shadow: none;
  } */
  /* #add-to-cart .ont-btns {
      justify-content: center;
      -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: .6rem 0;
      border-top: 0;
  } */
  /* #add-to-cart .cart-btn {
      width: 160px;
      padding: 0 10px;
      font-size: 14px;
      text-transform: none;
          background-image: none;
  } */
  .select-white-box select {
    border: none;
    box-shadow: none;
    background-image: url(../../images/mobile/arrow-down-black.png);
    background-image: url(../../images/mobile/arrow-down-black.svg);
    background-size: 18px 18px;
    background-position: 15px center;
    padding: 0 3rem;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 50px;
    height: 50px; }

  .cart-origname-scroller {
    display: block;
    position: relative;
    width: 100%;
    height: 67vh;
    min-height: 200px;
    max-height: calc(100vh - 305px);
    background-color: #f7f7f7;
    background-image: url(../../images/cart-dosage-arrow.png);
    background-position: 50% 70px;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ECECEC; }

  .add-to-cart-wrap {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 10px; }

  .result-box:before {
    content: none; }

  .ont-result-row > .ont-origname {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 70px;
    margin: auto;
    line-height: 70px;
    text-align: right;
    padding: 0 .4rem 0 0; }

  .ont-result-row > .ont-origprice {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0;
    font-size: 1rem;
    text-align: left; }

  #add-to-cart .ont-result-row .formatted-price {
    color: #262626; }

  .ont-result-row .large-cart-btn {
    max-width: 100%;
    text-transform: none;
    font-size: 1rem;
    font-weight: 400; }

  #add-to-cart .origname-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: .4rem 1.1rem;
    box-sizing: border-box;
    margin: 0; }

  ul.orn-info {
    font-size: .8rem;
    font-weight: 400;
    color: #999;
    line-height: 1.6em;
    margin: 2px 0; }

  /*    .orn-attention {
          color: #ff5722;
          position: relative;
          padding-left: 20px;
          margin: .3rem 0 0 0;
      }*/
  /*    .orn-attention:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          width: 13px;
          height: 13px;
          background: transparent url(../../images/mobile/attention.svg) 50% 50% no-repeat;
          background-size: contain;
      }*/
  .ont-row.is-active {
    background-color: #E5FFDB !important; }

  .ont-row {
    border-bottom: 1px solid #f0f0f0; }

  /* .cart-btn.is-active, .cart-btn.is-active:hover, .cart-btn.is-active:active {
      background: #1BAD03;
      cursor: default;
      color: #ffffff;
  } */
  .ont-row.is-active > .ont-origprice {
    -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; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ont-quantity {
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    padding: 1rem .2rem .4rem;
    border: none; }

  #add-to-cart .ont-btns {
    padding: 1rem 0 .4rem 0; }

  .omrn-title {
    -webkit-box-flex: 1 1 30%;
    -moz-box-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* номера телефонов для онлайн-заказа */
  .subtitle-onlinephone {
    display: inline-block;
    position: relative;
    margin: 0;
    font-size: 13px;
    font-weight: 600; }

  .best_call {
    position: fixed;
    width: 100%;
    top: auto;
    z-index: 99999;
    bottom: 0;
    display: block;
    /*padding: 6px 35px 6px 35px;*/
    padding: 6px 150px 6px 15px;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: #B9F2B1;
    /*background-image: url(../../images/icons/best_call.png);*/
    /*background-image: url(../../images/icons/best_call.svg);*/
    /*background-size: 15px auto;*/
    /*background-repeat: no-repeat;*/
    /*background-position: 10px center;*/
    text-decoration: none;
    cursor: pointer; }

  .best_call-free {
    display: block;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .2px; }

  .best_call-phone {
    display: block;
    white-space: nowrap;
    text-decoration: none; }

  .best_call-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 36px;
    display: inline-block;
    padding: 0 30px;
    color: #ffffff;
    background: #1BAD03;
    font-weight: 400;
    border-radius: 3px;
    line-height: 36px;
    text-align: center; }

    /*.best_call-close {
        position: absolute;
        right: 15px;
        top: 0;
        width: 15px;
        height: 15px;
        opacity: .5;
        bottom: 0;
        margin: auto;
    }

    .best_call-close:hover {
      opacity: 1;
    }

    .best_call-close:before, .best_call-close:after {
        position: absolute;
        left: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: ' ';
        height: 15px;
        width: 2px;
        background-color: #ffffff;
    }

    .best_call-close:before {
      transform: rotate(45deg);
    }

    .best_call-close:after {
      transform: rotate(-45deg);
    }*/ }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .best_call {
    padding: 0;
    background-color: #18c139;
    background-image: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
    text-align: center; }

  .best_call-free {
    display: inline;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal; }

  .best_call-phone {
    margin: 0 10px;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline; }

  .best_call-btn {
    display: none; } }
@media (min-width: 768px) {
  /* ==================clear====================== */
  .welcome-block {
    position: relative;
    margin: .7em .7em 0;
    padding: 0;
    background: #fff; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .welcome-block {
      margin: 3vw 0;
      padding: 50px 0 0 42vw;
      min-height: 285px;
      background-image: url(../../images/welcome_bg.jpg);
      background-repeat: no-repeat;
      background-size: 42vw auto;
      background-position: left bottom; } }
  @media (min-width: 768px) and (min-width: 992px) {
    .welcome-block {
      padding: 70px 0 0 412px;
      background-size: auto;
      background-position: -14px 100%; } }
@media (min-width: 768px) {
    .welcome-block h2 {
      padding: 1.6em 1.6em 0;
      font-size: 1.1rem;
      font-weight: 700;
      text-align: center; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .welcome-block h2 {
        margin: 0 0 30px;
        padding: 0;
        font-size: 18px;
        line-height: 24px;
        font-weight: 600;
        text-align: left; } }

@media (min-width: 768px) {
  .welcome-image {
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    background: url(../../images/welcome_bg.jpg) no-repeat 50% 50%;
    background-size: contain;
    clear: both; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .welcome-image {
      display: none; } }

@media (min-width: 768px) {
  .rubber {
    position: relative;
    margin: 1em auto;
    padding: 1.6em 1.6em 0;
    width: 80%;
    height: 5.8em;
    display: block;
    overflow: hidden; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .rubber {
      margin: 0;
      padding: 0;
      width: auto;
      height: auto; } }
@media (min-width: 768px) {
    .rubber:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      height: 60px;
      background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 79%);
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 79%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 79%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } }
    @media (min-width: 768px) and (min-width: 768px) {
      .rubber:after {
        content: none; } }
  @media (min-width: 768px) and (min-width: 768px) and (max-width: 991px) {
    .rubber p {
      font-size: 12px;
      line-height: 16px; } }
@media (min-width: 768px) {
    .rubber p:last-child {
      margin: 0; }

  .opened-rubber:after {
    content: '';
    background: none; } }
@media (min-width: 768px) and (min-width: 768px) {
  .welcome-block .block-toggler {
    display: none; } }

@media (min-width: 768px) and (min-width: 768px) {
  .block-toggler span {
    margin-left: 25px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    white-space: nowrap;
    border-bottom: 1px dotted;
    color: #0054a6; } }

@media (min-width: 768px) {
  .block-toggler {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ccc;
    border-top: 1px solid #f0f0f0;
    background: #fff;
    font-size: .9rem; }
    .block-toggler:before {
      content: '';
      position: absolute;
      top: -10px;
      left: 0;
      right: 0;
      margin: 0 auto;
      height: 20px;
      width: 20px;
      border-radius: 20px;
      background: #0badbc url(../../images/mobile/arrow-d.svg) 50% 50% no-repeat;
      transition: all .6s ease; }

  .opened-toggler:before {
    transform: rotate(180deg); }

  .large-padding {
    display: block;
    position: relative;
    padding: 1.6em 1.6em 0;
    overflow: hidden; }

  /* Home partners slider */ }
@media (min-width: 768px) and (min-width: 768px) {
  .bx-wrapper .bx-controls-direction a {
    background: #0badbc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

  .bx-wrapper .bx-prev {
    background: #0badbc; }

  .bx-wrapper .bx-next {
    background: #0badbc; }

  .bx-wrapper .bx-prev:before,
  .bx-wrapper .bx-next:before,
  .bx-wrapper .bx-prev:after,
  .bx-wrapper .bx-next:after {
    background: #ffffff; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* Partners gallery */
  .partners-wrapper {
    width: 100%;
    margin: 0; }

  .partners-wrapper h3 {
    background: url(../../images/dot03.gif) repeat-x 0 12px;
    margin: 0 0 23px;
    color: #2c363f;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center; }

  .partners-wrapper h3 span {
    background: #fff;
    padding: 0 27px; }

  .partners-gallery {
    width: 100%;
    position: relative;
    padding: 0 0 40px;
    /* 	background: $white; */
    border-bottom: 1px solid #ececec; }

  .partners-gallery .prev,
  .partners-gallery .next {
    background: url(../../images/arrow05.png) no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 93px;
    left: 1px;
    overflow: hidden;
    text-indent: -9999px; }

  .partners-gallery .next {
    background-position: -36px 0;
    left: auto;
    right: 1px; }

  .partners-gallery .gallery-holder {
    position: relative;
    padding: 0 76px; }

  .partners-gallery .gallery {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 9999px; }

  .partners-gallery .gallery li {
    float: left;
    width: 160px; }

  .partners-gallery .all748 {
    display: none; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .partners-gallery .next {
    right: -20px; }

  .partners-gallery .prev {
    left: -20px; }

  .partners-gallery .all {
    left: 760px; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .partners-gallery .next {
    right: -1px; }

  .partners-gallery .prev {
    left: -1px; }

  .partners-gallery .all {
    left: 621px;
    font-size: 13px;
    line-height: 18px;
    top: 89px; }

  .partners-gallery .all {
    display: none; }

  .partners-gallery .all748 {
    display: block; }

  .partners-gallery .gallery-holder {
    padding: 0 0.5em; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .partners-gallery .gallery a {
    text-decoration: none;
    display: block;
    cursor: pointer; }

  .partners-gallery .visual {
    margin: 0 0 4px;
    height: 57px;
    overflow: hidden;
    display: block; }

  .partners-gallery .visual > img {
    text-align: center;
    margin: 0 auto; }

  .partners-gallery .text {
    border-top: 1px dotted #dcdce6;
    display: block;
    padding: 8px 0 0; }

  .partners-gallery .name {
    color: #2c363f;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin: 0 0 7px;
    text-align: center; }

  .partners-gallery .gallery li {
    height: 160px;
    background: #fff;
    padding: 0.5em;
    border: 1px solid #ececec;
    border-radius: 2px; }

  .partners-gallery .text .note {
    display: block;
    font-size: 0.7rem;
    line-height: 1.1em;
    color: #888;
    text-align: center; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .partners-gallery .name {
    font-size: 1rem; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: auto;
    bottom: -30px;
    width: 100px;
    height: 20px;
    outline: 0;
    text-indent: -9999px;
    z-index: 99; }

  .bx-prev {
    left: 0;
    background: url(../../images/mobile/arrow-l.svg) 20% 50% no-repeat; }

  .bx-next {
    right: 0;
    background: url(../../images/mobile/arrow-r.svg) 80% 50% no-repeat; } }
@media only screen and (min-width: 768px) and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .partners-gallery .gallery-holder {
    position: relative;
    padding: 0; } }
@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  /* Partners gallery finished */ }
@media (min-width: 768px) {
  /* -- CART -- */
  .order-wrapper {
    margin: 20px 0;
    padding: .5em 0;
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0;
    background: #fff; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-wrapper > div:nth-child(4) {
      border: none; } }
@media (min-width: 768px) {
    .order-wrapper .order-item {
      padding: .6em 0;
      border-top: 1px dotted #f0f0f0; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .order-wrapper .order-item {
        padding: 15px 0;
        border-top: 1px solid #d9d9d9; } }

@media (min-width: 768px) {
  .order-firm-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    padding: .2rem .7rem .4rem;
    font-size: .8rem;
    font-weight: 600; }

  .order-firm-ordtext {
    display: block;
    padding: .2rem .7rem .4rem;
    font-size: .7rem;
    color: #333; }
    .order-firm-ordtext .order-minimal {
      color: #FF6600; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .order-firm-ordtext .order-minimal {
        margin: 6px 0 1px;
        font-size: 14px;
        font-weight: 600; } }

@media (min-width: 768px) {
  .order-header {
    margin: .2em .7rem;
    padding: .6em 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    font-size: .8rem;
    font-weight: 600;
    border-top: 1px solid #f0f0f0; }

  .order-labels, .order-item, .order-final {
    margin: .2rem .7rem;
    padding: .4rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    font-size: .8rem; }

  .order-labels {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }

  .order-final {
    font-weight: 600;
    margin: .4rem .7rem .2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-final {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: end;
      -ms-flex-align: end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      align-items: flex-end;
      padding: 30px 0;
      border-top: 1px solid #333333; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-final .order-summary-price {
      width: 340px;
      font-size: 12px;
      text-transform: uppercase; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-final .firm-order-sum {
      margin-left: 15px;
      display: inline-block;
      font-size: 36px;
      line-height: 36px;
      font-weight: 700; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-final .rubsymbol {
      font-size: 32px;
      line-height: 36px;
      font-weight: 400; } }

@media (min-width: 768px) {
  .ct-remove {
    position: relative;
    margin: 0 0 0 .4rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30px;
    -moz-box-flex: 0 0 30px;
    -moz-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 30px;
    flex: 0 0 30px;
    width: 30px;
    display: block;
    height: 30px;
    background-image: url(../../images/mobile/del.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .ct-remove {
      background-size: 32px; } }

@media (min-width: 768px) {
  .order-labels .ct-remove {
    background: transparent;
    height: 1px; }

  .order-services-box {
    position: relative;
    margin: 0 .1em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 20%;
    flex: 0 0 20%;
    width: 20%;
    box-sizing: border-box;
    text-align: center; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-services-box {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 120px;
      -moz-box-flex: 0 0 120px;
      -moz-flex: 0 0 120px;
      -ms-flex: 0 0 120px;
      -ms-flex-positive: 0;
      -ms-flex-negative: 0;
      -ms-flex-preferred-size: 120px;
      flex: 0 0 120px;
      max-width: 15%; } }

@media (min-width: 768px) {
  .order-cont {
    position: relative;
    width: 100%;
    text-align: center; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-cont {
      font-size: 16px;
      font-weight: 700; } }

@media (min-width: 768px) {
  .order-labels {
    padding: .2em 0 0 0; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-labels {
      padding: 20px 0;
      border-top: 1px solid #333333;
      border-bottom: 1px solid #333333; } }

@media (min-width: 768px) {
  .order-label {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -moz-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 20%;
    flex: 0 0 20%;
    padding: 0 .2em;
    font-size: .5rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #999; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-label {
      font-size: 12px;
      color: #222222;
      font-weight: 700; } }

@media (min-width: 768px) {
  input.ct-value {
    width: 80%;
    max-width: 40px;
    height: 30px;
    padding: 0;
    border: 1px solid #f0f0f0;
    text-align: center; }

  .order-wrapper .btn {
    display: block;
    min-width: 160px; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .order-wrapper .btn {
      min-width: 340px;
      margin-top: 20px; } }

@media (min-width: 768px) {
  .order-orig-name, .ost-info-label.order-label {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto;
    flex: 1 1 auto;
    box-sizing: border-box; }

  .ost-info {
    position: relative;
    margin: 0 .4rem .4rem 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -moz-box-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    -ms-flex-positive: 1;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 0;
    flex: 1 0 0;
    box-sizing: border-box; }

  .ost-title, .ost-price, .ost-controls {
    display: inline-block;
    vertical-align: top; }

  .ost-title {
    width: 100%;
    vertical-align: top;
    float: left;
    padding: 0; }

  .online-title {
    margin: 0;
    font-size: .9rem;
    line-height: 1rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .online-title {
      font-size: 20px;
      line-height: 24px;
      font-weight: 600; } }

@media (min-width: 768px) {
  /* -=-=-=-=-=- CHECKUOT -=-=-=-=-=-=-=-=- */
  .online-shop-logo {
    position: relative;
    margin: 0 10px 0 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
    -moz-box-flex: 0 0 60px;
    -moz-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    -ms-flex-positive: 0;
    -ms-flex-negative: 0;
    -ms-flex-preferred-size: 60px;
    flex: 0 0 60px;
    display: block;
    width: 60px;
    height: 40px;
    border: 1px solid #f0f0f0;
    box-sizing: border-box; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .online-shop-logo {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 160px;
      -moz-box-flex: 0 0 160px;
      -moz-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
      -ms-flex-positive: 0;
      -ms-flex-negative: 0;
      -ms-flex-preferred-size: 160px;
      flex: 0 0 160px;
      width: 160px;
      height: 100px;
      border-color: #ededed; } }
@media (min-width: 768px) {
    .online-shop-logo img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      max-width: 100%;
      max-height: 100%; }

  .order-item {
    background: #fff; }
    .order-item .omrn-title {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap;
      -webkit-align-content: flex-start;
      -moz-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1 1 auto;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      -ms-flex-positive: 1;
      -ms-flex-negative: 1;
      -ms-flex-preferred-size: auto;
      flex: 1 1 auto;
      position: relative;
      width: auto;
      max-width: 45%;
      min-height: 57px;
      font-size: .9rem;
      padding: 0; } }
    @media (min-width: 768px) and (min-width: 480px) and (max-width: 767px) {
      .order-item .omrn-title {
        max-width: none; } }
    @media (min-width: 768px) and (min-width: 768px) {
      .order-item .omrn-title {
        max-width: none;
        font-size: 15px;
        line-height: 1.3em;
        font-weight: 600; } }

@media (min-width: 768px) and (min-width: 200px) and (max-width: 767px) {
  .origname-title {
    margin: 0;
    font-size: .9rem;
    line-height: 1.2rem;
    padding: .4rem 3vw;
    box-sizing: border-box; } }

@media (min-width: 768px) {
  .search-result-listing {
    counter-reset: search-result; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result-listing {
      margin: 0 0 20px 0;
      border-bottom: 1px dotted #dcdce6; } }

@media (min-width: 768px) {
  .search-result-row {
    padding: .5em;
    margin-bottom: .5rem;
    background: #fff;
    box-sizing: border-box; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result-row {
      margin: 0 0 40px;
      padding: 0 0 25px;
      border-bottom: 1px dotted #dcdce6;
      font-weight: 400; } }

@media (min-width: 768px) {
  .search-result__title {
    font-weight: 400;
    font-size: .8rem; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result__title {
      margin: 0 0 10px;
      font-size: 30px;
      color: #222222; } }

@media (min-width: 768px) {
  .search-result__subtitle {
    font-size: .6rem;
    color: #a3a3a3; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result__subtitle {
      font-style: italic;
      color: #225378;
      font-size: 18px;
      line-height: 22px; } }

@media (min-width: 768px) {
  .search-result-row--nothing-found {
    padding: 1em;
    box-sizing: border-box; }

  .search-result__title--nothing-found {
    font-weight: 600;
    font-size: 1.1rem; }

  .search-result__subtitle--nothing-found {
    font-size: .9rem;
    color: #262626; }

  .search-result__example {
    color: #0badbc; }

  .search-result-listing-block {
    margin: 0 0 .5rem;
    padding: 0;
    background: #fff; }

  .search-result__block-title {
    display: block;
    margin: 0;
    padding: 1rem;
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #0badbc;
    text-transform: uppercase; }

  .search-result-listing__elem {
    border-bottom: 1px solid #eceff1;
    line-height: 1.4rem;
    letter-spacing: -0.04em; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result-listing__elem {
      position: relative;
      padding: 0 0 39px 60px;
      border: none;
      letter-spacing: normal; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result-listing__elem:before {
      counter-increment: search-result;
      content: counter(search-result) ".";
      position: absolute;
      top: 0;
      left: 0;
      font-size: 18px;
      color: #d2d2d2; } }

@media (min-width: 768px) {
  .search-result-listing__elem:last-child {
    border-bottom: none; }

  .search-result-listing__name {
    display: block;
    padding: .6rem .5rem;
    font-size: 1rem;
    font-weight: 600;
    word-wrap: break-word;
    line-height: 1.4; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .search-result-listing__name {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0;
      font-size: 18px;
      line-height: 20px;
      font-weight: 600; } }

@media (min-width: 768px) {
  .tg {
    position: relative;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    color: #aaaaaa;
    clear: both; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .tg {
      order: 1;
      width: 100%;
      font-size: 14px;
      line-height: 14px; } }

@media (min-width: 768px) {
  .availability {
    display: block;
    color: #4CAF50;
    font-style: normal;
    font-size: .8rem;
    font-weight: 400;
    margin: 0;
    clear: both; } }
  @media (min-width: 768px) and (min-width: 768px) {
    .availability {
      margin: 0 6px;
      font-size: 14px;
      line-height: 24px; } }

@media (min-width: 768px) {
  .search-drop-elem a > .availability {
    display: inline;
    margin: 0 0 0 .4em; }

  .search-drop-elem a .tg {
    font-weight: 400;
    font-size: 0.7rem; }

  .search-result-listing__in-stock {
    display: block;
    padding: 0;
    font-size: .8rem;
    font-weight: 400;
    color: #1eb037;
    letter-spacing: -0.01em;
    clear: both; }

  .search-result-listing__latin {
    display: block;
    padding: 0;
    font-size: .7rem;
    font-weight: 400;
    color: #939393;
    letter-spacing: -0.01em;
    clear: both; }

  /*@media only screen and (min-width: 400px) {
  
          .search-result__block-title {
              font-size: .7rem;
          }
  
          .search-result-listing__name {
              padding: .7rem 1.1rem;
              font-size: 1.2rem;
          }
  
          .search-result-listing__latin, .search-result-listing__in-stock {
              font-size: .9rem;
          }
      }*/
  .no-bullit {
    margin: 0;
    padding: 0;
    list-style-type: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* normalize.css */
  html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

  body {
    margin: 0; }

  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block; }

  audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline; }

  audio:not([controls]) {
    display: none;
    height: 0; }

  [hidden],
  template {
    display: none; }

  a {
    background-color: transparent; }

  a:active, a:hover {
    outline: 0; }

  abbr[title] {
    border-bottom: 1px dotted; }

  b,
  strong {
    font-weight: bold; }

  dfn {
    font-style: italic; }

  h1 {
    font-size: 2em;
    margin: 0.67em 0; }

  mark {
    background: #ff0;
    color: #000; }

  small {
    font-size: 80%; }

  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -0.5em; }

  sub {
    bottom: -0.25em; }

  img {
    border: 0; }

  svg:not(:root) {
    overflow: hidden; }

  figure {
    margin: 1em 40px; }

  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

  pre {
    overflow: auto; }

  code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em; }

  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; }

  button {
    overflow: visible; }

  button,
  select {
    text-transform: none; }

  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */ }

  button[disabled],
  html input[disabled] {
    cursor: default; }

  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  input {
    line-height: normal; }

  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0; }

  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

  input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box; }

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

  fieldset {
    border: none;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }

  legend {
    border: 0;
    padding: 0; }

  textarea {
    overflow: auto; }

  optgroup {
    font-weight: bold; }

  table {
    border-collapse: collapse;
    border-spacing: 0; }

  td, th {
    padding: 0; }

  /* normalize.css finished */
  html {
    font-size: 16px; }

  body {
    position: relative;
    min-width: 300px;
    /*    min-height: 100%;*/
    color: #262626;
    font: 1rem 'Open Sans', sans-serif; }

  body.modal-open {
    overflow: hidden; }

  .inner-wrap {
    box-sizing: border-box; }

  /* �?зменения в Foundation */
  a {
    color: #225378; }

  .left-off-canvas-menu {
    height: 100vh;
    background: #EEF2F3;
    overflow-y: hidden; }

  .move-right .exit-off-canvas {
    background: rgba(10, 86, 125, 0.84);
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2); }

  .reveal-modal {
    visibility: hidden;
    display: none;
    /*    position: fixed;*/
    width: 100vw;
    height: 100%;
    top: 0;
    border-radius: 0;
    left: 0;
    background-color: #FBFBFB;
    border: none;
    box-shadow: none;
    padding: 1.5rem;
    overflow-y: auto;
    z-index: 1005; }

  .reveal-modal:focus {
    outline: none; }

  body.modal-open {
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0; }

  .tabs-content {
    margin: 0; }

  #sections .tabs-content > .content {
    padding: 0; }

  .tabs dd > a:hover, .tabs .tab-title > a:hover {
    background-color: #31d4e3; }

  .tabs dd.active > a:hover, .tabs .tab-title.active > a:hover {
    background-color: #31d4e3; }

  @-moz-document url-prefix() {
    .reveal-modal.xlarge, dialog.xlarge {
      position: fixed; } } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 500px) {
  .show-for-supersmall-only {
    display: block; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 501px) {
  .show-for-supersmall-only {
    display: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* �?зменения в Foundation закончились */
  .hidden {
    display: none !important; }

  .visible {
    display: block; }

  .is-fixed {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }

  .light-attention {
    position: relative;
    display: inline-block;
    margin: .6rem;
    padding: .4rem .6rem;
    font-size: 0.7rem;
    border: 1px solid #f0f0f0;
    border-left: 4px solid #FFE082;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .light-attention:before {
    content: '';
    position: absolute;
    left: -4px;
    bottom: 4px;
    width: 4px;
    height: 4px;
    background: #fff; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .light-attention {
    position: relative;
    display: inline-block;
    margin: 1rem .6rem;
    padding: .6rem .6rem;
    font-size: .9rem;
    border: 1px solid #f0f0f0;
    border-left: 8px solid #FFE082; }

  .light-attention:before {
    left: -8px;
    bottom: 8px;
    width: 8px;
    height: 8px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .tab-content.is-active {
    display: block; }

  .tab-content {
    display: none; }

  .no-bullit {
    list-style-type: none;
    margin: 0;
    padding: 0; }

  /* структура страницы */
  /* .content-header h1:after {
          content: '';
          position: absolute;
          bottom: -10px;
          left: 0;
          right: 0;
          margin: 0 auto;
          height: 1px;
          background: #ededed;
  } */
  .full-width {
    padding: 0 !important; }

  .pad-wrap {
    padding: .7em !important; }

  /* структура страницы всё */
  .attention {
    color: #ff5722; }

  /* sitenav panel */
  .current-site-nav__title {
    display: block;
    width: 100%;
    padding: .7em 1em;
    box-sizing: border-box;
    border-bottom: 1px solid #dee5e7;
    color: #262626;
    font-size: .9rem;
    font-weight: 600;
    margin: 0;
    background: url(../../images/mobile/navarrow.svg) 95% 50% no-repeat; }

  .current-site-nav {
    border-top: 1px solid #dee5e7; }

  .current-site-nav__elem {
    display: block;
    width: 100%;
    padding: .8em 1em;
    box-sizing: border-box;
    border-bottom: 1px solid #dee5e7;
    font-size: .8rem;
    font-weight: 400; }

  .js-list-content {
    display: none; }

  .site-menu-link {
    display: block;
    width: 100%;
    padding: 1em 0;
    font-size: .8rem;
    font-weight: 400;
    color: #262626;
    border-bottom: 1px solid #dee5e7; }

  .site-menu-list:nth-of-type(2) .site-menu-link {
    font-weight: 600;
    color: #fff;
    background-color: #00838F; }

  .sitenav-contacts {
    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;
    align-self: flex-start;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    margin: 1rem 0 0 0;
    padding: .5em 0;
    box-sizing: content-box;
    overflow: hidden;
    /*    –webkit-transform: tranzlateZ(0);*/ }

  .sitenav-contacts-decor {
    margin: 0 .4rem;
    background: #d6e2e5;
    padding: .1rem 0.3rem 1rem; }

  .sitenav-contacts__header {
    font-size: .6rem;
    font-weight: 600;
    margin: 1rem 0 .3rem 0;
    padding: .2rem .6rem;
    color: #0154a6;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .sitenav-contacts__elem {
    font-size: .9rem;
    font-weight: 400;
    margin: 0; }

  .sitenav-contacts__elem.phone {
    display: block;
    margin: 0 0.5rem;
    width: 100%;
    padding: 0 0 0 1rem;
    background: url(../../images/mobile/call-btn.svg) 0 50% no-repeat;
    background-size: 5px;
    box-sizing: border-box;
    font-weight: 600; }

  .sitenav-contacts__elem.note {
    font-size: .6rem;
    color: #0bbc90;
    margin: 0 0.5rem; }

  .list-divider {
    display: block;
    position: relative;
    margin: 0;
    padding: 2em 1em .5em;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.03em;
    color: #888;
    text-transform: uppercase; }

  a.apteki {
    padding-left: 50px;
    background-image: url(../../images/mobile/apteki-logo.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.doctors {
    padding-left: 50px;
    background-image: url(../../images/mobile/doctor-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.beauty {
    padding-left: 50px;
    background-image: url(../../images/mobile/beauty-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  a.fitness {
    padding-left: 50px;
    background-image: url(../../images/mobile/fitness-site-ico.svg);
    background-position: 10px 50%;
    background-size: 30px;
    background-repeat: no-repeat; }

  /* sitenav panel finished */
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', Roboto, 'Helvetica Neue', Helvetica, sans-serif; }

  h1 span.in-current-city {
    font-weight: 400;
    font-size: 14px;
    color: #ccc; }

  .find-nothing {
    text-align: center; }

  .js-apply-filters {
    width: 100px;
    margin: 1rem auto .5rem; }

  .show-full-items {
    display: block;
    margin: 1rem auto;
    padding: .2rem;
    background: #49c787;
    width: 220px;
    height: auto; }

  .call-btn {
    background: #67da97 url(../../images/mobile/call-btn.svg) 1em 50% no-repeat; }

  p {
    font-family: inherit;
    font-weight: normal;
    font-size: 0.8rem;
    line-height: 1.6;
    margin-bottom: 0.65rem;
    text-rendering: optimizeLegibility; }

  #page {
    position: relative;
    width: 100%;
    min-width: 260px;
    min-height: 100%;
    margin: 0 auto;
    background: #ffffff; }

  /* header */
  .header {
    display: block;
    position: relative;
    width: 100%;
    background: #fff;
    padding: 0 0 .2em 0;
    /*    border-bottom: 1px solid #f0f0f0;*/ }

  .header--top-panel {
    position: relative;
    height: 40px;
    line-height: 40px;
    /*     margin: 0 0 .4em 0; */
    padding: 0 .7em; }

  .top-panel-link {
    position: relative;
    font-size: 0.7rem;
    color: #777;
    padding: 0 0 0 12px; }

  .my-city {
    position: relative;
    display: block; }

  .my-city:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 20px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 25%, white 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
    z-index: 1; }

  .top-panel--location {
    display: inline-block;
    background: url(../../images/mobile/location_ico.svg) 0 50% no-repeat;
    margin: 0 0 0 0.8rem;
    font-size: .6rem;
    letter-spacing: 0.02rem;
    line-height: 1.1;
    padding: 0.6rem .5rem .6rem 0.9rem;
    font-weight: 600;
    /*    text-transform: uppercase;*/ } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .top-panel--location {
    font-size: .6rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  .top-panel--fullsite {
    display: none; }

  .header--branding {
    position: relative;
    /*     display: block; */
    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;
    width: 100%;
    color: #aeaeae;
    font-size: 10px;
    line-height: 16px;
    margin: 0;
    padding: .6rem 0 .5rem;
    text-decoration: none; }

  .header--search-bar-box {
    background: #0BACBB; }

  a.branding--logo {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    background: #fff url(../../images/mobile/logo.svg) 50% 50% no-repeat;
    background-size: 100%;
    text-align: center; }

  #sitenav-toggle {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    background: url(../../images/mobile/hamburger.svg) 50% 50% no-repeat;
    border-right: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
    /*     opacity: 0.6; */ }

  .branding--cart {
    display: block;
    position: relative;
    /* right: 0;
    bottom: 0; */
    width: 40px;
    height: 40px;
    float: right; }

  .cart-icon {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 40px;
    background: transparent url(../../images/mobile/cart.svg) 0 50% no-repeat; }

  .cart-value {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 2px;
    right: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    font-size: 0.7rem;
    color: #ffffff;
    background: #FF9800;
    float: right;
    text-align: center;
    z-index: 1; }

  /*.cab-login {
      display: block;
      position: relative;
      float: right;
      width: 40px;
      height: 40px;
      background: transparent url(../../images/mobile/login.svg) 50% 50% no-repeat;
  }*/ }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .header--branding {
    padding: 1.2rem 0 0; }

  .top-panel--location {
    font-size: .8rem; }

  /*    .cab-login {
          width: 50px;
          height: 50px;
          margin-right: .4rem;
          background-size: 30px;
      }*/
  .branding--cart {
    width: 50px;
    height: 50px; }

  .cart-icon {
    height: 50px;
    background-size: 30px; }

  .cart-value {
    top: 1px;
    left: 1px;
    width: 21px;
    height: 21px;
    font-size: 0.8rem;
    float: right;
    line-height: 20px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .top-panel--fullsite {
    display: inline-block;
    float: right; } }
@media (min-width: 200px) and (max-width: 767px) {
  .flex-form {
    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; }

  #header--search-bar {
    /*    background: #fff;*/
    width: 100%;
    margin: 0 auto;
    padding: 0 .7em;
    box-sizing: border-box; }

  .search-phone {
    color: #ffffff;
    display: block;
    margin: 0 .7em;
    border-top: 1px solid #6CCDD6;
    overflow: hidden;
    padding: 0.4rem 0; }

  .search-phone span:first-child {
    float: left;
    width: 100px;
    padding: 0.4rem 0 0.4rem 2rem;
    white-space: nowrap;
    line-height: 11px;
    font-size: 8px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    background-image: url(../../images/mobile/phone-orig-call.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 19px; }

  .search-phone span:last-child {
    float: right;
    font-size: 18px;
    line-height: 35px; }

  #header--search-bar.is_opened {
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100vw;
    padding: 0;
    height: 52px;
    /*    border-bottom: 1px solid #f0f0f0;*/
    z-index: 1000; }

  .is_opened .header--search-block {
    border: none;
    background: #fff;
    box-shadow: none; }

  .is_opened #_search_button_start {
    border-radius: 0px; }

  .search-input {
    flex-grow: 1; }

  .is_opened .header--search-block {
    border-radius: 0px; }

  .header--search-block, .reveal--search-block {
    position: relative;
    max-width: 100%;
    height: 42px;
    float: left;
    font-size: 1.2em;
    padding: 0 1.5em 0 .5em;
    box-sizing: border-box;
    border-right: none;
    border-radius: 2px 0 0 2px;
    /*    border: 1px solid #E0E0E0;*/
    background: #fff;
    /*    box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 4px 2px rgba(0,0,0,0.05) inset;*/ }

  .header--search-block {
    padding: 0 1.5em 0 3rem; }

  .search-shadow-box {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.05) inset;
    border-radius: 2px;
    margin: 0.5rem 0; }

  #header--search-bar.is_opened > .search-shadow-box {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

  .header--search-block-btn, .reveal--search-block-btn {
    position: relative;
    width: 47px;
    min-width: 40px;
    height: 42px;
    float: left;
    border: none;
    /*    box-shadow: 0 4px 2px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.05) inset;*/ }

  #_search_input, #map_elems_search_input, #_search_input__city {
    width: 100%;
    height: 40px;
    font-size: .9rem;
    background: transparent;
    box-sizing: border-box;
    border: 0;
    outline: 0; }

  #_search_button, #_search_button_start {
    position: relative;
    width: 100%;
    float: right;
    height: 42px;
    box-sizing: border-box;
    background-image: url(../../images/mobile/search-ico2.svg);
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: #ffffff;
    /*    border-bottom: 2px solid #0b9daa;*/
    border-radius: 0 2px 2px 0;
    padding: 0; }

  #_search_button_start:hover {
    background-color: #156cc2;
    background-image: url(../../images/mobile/search-ico2-h.svg); }

  .js-input-clear, .js-input-cleansub {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto 0;
    background: #fff url(../../images/mobile/close-ico.svg) 50% 50% no-repeat; }

  .js-date-clear {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    background: transparent url(../../images/mobile/close-ico.svg) 50% 50% no-repeat; }

  .search-drop {
    position: absolute;
    display: none;
    top: 50px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    background: #fff;
    padding: 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #262626;
    z-index: 101; }

  .search-drop-list {
    padding: 0;
    box-sizing: border-box; }

  .search-drop-elem-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block; }

  .search-drop-elem {
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
    box-sizing: border-box; }

  .search-drop-elem a {
    display: inline-block;
    width: 100%;
    color: #262626;
    font-size: .9rem;
    line-height: 1.2;
    padding: .6rem .9rem;
    border-bottom: 1px solid #f0f0f0;
    clear: both; }

  .search-drop-elem a:hover {
    background: #ccc; }

  .search-drop-elem .sd-origname {
    font-weight: 400; }

  .search-drop .list-divider {
    margin-top: .5em;
    padding: .2em 1.4em;
    font-size: .6em;
    font-weight: 600;
    color: #5dc095;
    text-transform: uppercase; }

  /*.search-drop-title {
      display: inline;
      color: #262626;
      font-weight: 600;
      font-size: .8rem;
      line-height: 1.1em;
  }
  
  .search-drop-tg {
      display: inline;
      color: #939393;
      margin: 0 .4em;
      font-weight: 400;
      font-size: .8rem;
      line-height: 1.2em;
  }
  
  .search-drop-price {
      display: inline;
      margin: 0 .3em;
      color: #1eb037;
      font-weight: 400;
      font-size: .8rem;
      line-height: 1.1em;
  }*/
  /*.search-drop-subtitle {
      position: relative;
      margin-top: 7px;
      display: block;
      color: #999;
      font-size: .7rem;
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap;
      clear: both;
  }*/ }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .search-drop-elem a {
    font-size: 1.1rem;
    line-height: 1.3; }

  .availability {
    font-size: 1.1rem; }

  .search-drop-elem a .tg {
    font-size: .8rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  .search-drop.is_opened {
    position: absolute;
    display: block;
    max-height: 50vh;
    overflow-y: auto;
    top: 42px; }

  .curtain {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(10, 86, 125, 0.64);
    z-index: 100; }

  .curtain.is_opened {
    display: block;
    z-index: 100; }

  .curtain.wait {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(223, 223, 223, 0.8);
    background-image: url(../../images/mobile/spin.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 99999; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  a.branding--logo {
    background-size: auto; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  #header--search-bar {
    /*        background: #fff;*/
    width: 100%;
    height: 80px;
    margin: 0 auto;
    padding: 0 .7em;
    box-sizing: border-box; }

  #header--search-bar.is_opened {
    height: 60px; }

  #sitenav-toggle {
    width: 50px;
    height: 50px; }

  .header--search-block, .reveal--search-block {
    height: 52px;
    padding: 0 1.5rem 0 3rem; }

  #_search_input, #map_elems_search_input, #_search_input__city {
    height: 50px;
    padding-left: 16px; }

  .header--search-block-btn, .reveal--search-block-btn {
    min-width: 60px;
    height: 52px; }

  #_search_button, #_search_button_start {
    height: 52px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  /*    .header--search-block-btn, .reveal--search-block-btn {
          width: 15%;
      }*/
  #_search_button_start {
    padding: 0 0 0 15px;
    /*        background-position: 50% 50%;*/
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .header--search-block-btn, .reveal--search-block-btn {
    width: 6%; }

  #_search_button_start {
    padding: 0 15px 0 15px;
    background-position: center;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.03em; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Index.html */
  #main {
    position: relative;
    width: 100%;
    /*    max-width: 980px;*/
    margin: 0 auto;
    padding: 50px 0 0 0;
    /*padding: 0;*/ }

  .main-wrap {
    position: relative;
    width: 100%;
    padding: .5em;
    margin: 0;
    box-sizing: border-box; }

  .wrapper {
    position: relative;
    width: 100%;
    padding: .5em;
    margin: 0; }

  .tab-body > .wrapper {
    padding-top: 0; }

  .welcome-image {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background: url(../../images/welcome_bg.jpg) no-repeat 50% 50%;
    background-size: contain;
    clear: both; }

  .welcome-block {
    position: relative;
    margin: .7em .7em 0;
    padding: 0;
    background: #fff; }

  .welcome-block h2 {
    font-weight: 700;
    font-size: 1.1rem;
    padding: 1.6em 1.6em 0;
    text-align: center; }

  .rubber {
    display: block;
    position: relative;
    height: 5.8em;
    padding: 1.6em 1.6em 0;
    overflow: hidden; }

  .large-padding {
    display: block;
    position: relative;
    padding: 1.6em 1.6em 0;
    overflow: hidden; }

  .rubber:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 79%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 79%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 79%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .opened-rubber:after {
    content: '';
    background: none; }

  .block-toggler {
    display: block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #ccc;
    border-top: 1px solid #f0f0f0;
    background: #fff;
    font-size: .9rem; }

  .block-toggler:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 20px;
    width: 20px;
    border-radius: 20px;
    background: #0badbc url(../../images/mobile/arrow-d.svg) 50% 50% no-repeat;
    transition: all .6s ease; }

  .opened-toggler:before {
    transform: rotate(180deg); } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .welcome-block h2 {
    font-weight: 600;
    font-size: 1.5rem; }

  .welcome-image {
    height: 250px; }

  .rubber {
    width: 80%;
    margin: 1em auto; }

  p {
    font-size: .8rem; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .block-toggler {
    height: 60px;
    line-height: 60px; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Index */
  /* footer */
  .reference-caption {
    width: 100%;
    padding: 1em .7em;
    margin: 0;
    background: #fff;
    color: #c4cdce;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    font-family: 'Conv_dincondensedc', sans-serif;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 1.2em;
    text-transform: uppercase; }

  .footer {
    background: #d9e8e9;
    color: #262626;
    padding: 0 0 0 0; }

  .ui-footer h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: -0.02em;
    padding: 0 0 0.5em 0;
    margin: 1em 0.5em 0.5em 0;
    border-bottom: 3px solid #e3e3e3;
    color: #262626; }

  ul.f-menu {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
    font-size: 0.8rem; }

  .f-menu li.special {
    display: block;
    font-weight: 700;
    background: url(../../images/mobile/user.svg) 100% 50% no-repeat;
    opacity: 0.8; }

  ul.f-menu a {
    display: block;
    padding: 0.7em 0;
    border-bottom: 1px solid #cadcdd;
    font-size: 0.8rem;
    letter-spacing: -0.02rem; }

  ul.f-menu li:last-child a {
    border-bottom: 0; }

  .f-contact {
    margin: 0;
    padding: 1em 1em 2em;
    font-size: .7rem;
    /*    background: #ebeded;*/
    background: #bfd1d3; }

  .f-contact p {
    font-size: .8rem;
    margin-bottom: .5rem; }

  .f-contact .has-error .ui-link {
    font-size: 1rem;
    padding: 2em; }

  a.full-size-site {
    display: block;
    width: 100%;
    margin: 0 0 1em 0;
    padding: 0.5em 0;
    font-size: 1rem;
    border-bottom: 1px solid #e3e3e3; }

  address {
    font-style: normal; }

  .copyright {
    font-size: .8rem;
    padding: 1rem 0 0; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .f-contact {
    text-align: center; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .footer .wrapper {
    width: 80%;
    margin: 0 auto; }

  .ui-footer h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.1rem;
    letter-spacing: -0.02em;
    padding: 0 0 0.5em 0;
    margin: 1em 0.5em 0.5em 0;
    border-bottom: 3px solid #e3e3e3;
    color: #262626; }

  ul.f-menu {
    list-style-type: none;
    margin: 0;
    padding: 0 0.5em 0 0;
    font-size: 1.1rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* footer РІСЃС‘ */
  /* Partners gallery */
  .partners-wrapper {
    width: 100%;
    margin: 0; }

  .partners-wrapper h3 {
    background: url(../../images/dot03.gif) repeat-x 0 12px;
    margin: 0 0 23px;
    color: #2c363f;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center; }

  .partners-wrapper h3 span {
    background: #fff;
    padding: 0 27px; }

  .partners-gallery {
    width: 100%;
    position: relative;
    padding: 0 0 40px;
    /* 	background: #fff; */
    border-bottom: 1px solid #ececec; }

  .partners-gallery .prev,
  .partners-gallery .next {
    background: url(../../images/arrow05.png) no-repeat;
    width: 36px;
    height: 36px;
    position: absolute;
    top: 93px;
    left: 1px;
    overflow: hidden;
    text-indent: -9999px; }

  .partners-gallery .next {
    background-position: -36px 0;
    left: auto;
    right: 1px; }

  .partners-gallery .gallery-holder {
    position: relative;
    padding: 0 76px; }

  .partners-gallery .gallery {
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 9999px; }

  .partners-gallery .gallery li {
    float: left;
    width: 160px; }

  .partners-gallery .all748 {
    display: none; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 77.5em) {
  .partners-gallery .next {
    right: -20px; }

  .partners-gallery .prev {
    left: -20px; }

  .partners-gallery .all {
    left: 760px; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (max-width: 60em) {
  .partners-gallery .next {
    right: -1px; }

  .partners-gallery .prev {
    left: -1px; }

  .partners-gallery .all {
    left: 621px;
    font-size: 13px;
    line-height: 18px;
    top: 89px; }

  .partners-gallery .all {
    display: none; }

  .partners-gallery .all748 {
    display: block; }

  .partners-gallery .gallery-holder {
    padding: 0 0.5em; } }
@media (min-width: 200px) and (max-width: 767px) {
  .partners-gallery .gallery a {
    text-decoration: none;
    display: block;
    cursor: pointer; }

  .partners-gallery .visual {
    margin: 0 0 4px;
    height: 57px;
    overflow: hidden;
    display: block; }

  .partners-gallery .visual > img {
    text-align: center;
    margin: 0 auto; }

  .partners-gallery .text {
    border-top: 1px dotted #dcdce6;
    display: block;
    padding: 8px 0 0; }

  .partners-gallery .name {
    color: #2c363f;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 16px;
    display: block;
    margin: 0 0 7px;
    text-align: center; }

  .partners-gallery .gallery li {
    height: 160px;
    background: #fff;
    padding: 0.5em;
    border: 1px solid #ececec;
    border-radius: 2px; }

  .partners-gallery .text .note {
    display: block;
    font-size: 0.7rem;
    line-height: 1.1em;
    color: #888;
    text-align: center; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .partners-gallery .name {
    font-size: 1rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  .partners-title {
    background: url(../../images/mobile/partners-ico.svg) 10px 62% no-repeat; }

  .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: auto;
    bottom: -30px;
    width: 100px;
    height: 20px;
    outline: 0;
    text-indent: -9999px;
    z-index: 99; }

  .bx-prev {
    left: 0;
    background: url(../../images/mobile/arrow-l.svg) 20% 50% no-repeat; }

  .bx-next {
    right: 0;
    background: url(../../images/mobile/arrow-r.svg) 80% 50% no-repeat; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .partners-gallery .gallery-holder {
    position: relative;
    padding: 0; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Partners gallery finished */
  /* LP -- Content sections */
  .drug-info {
    position: relative;
    background: #fff;
    /*  margin: .5rem;*/
    margin: 0;
    /*    overflow: hidden;*/ }

  .drug-info-row {
    padding: 1em 1em 0 1em; }

  ul.drug-description {
    list-style-type: none;
    margin: 0;
    padding: 1rem 0;
    font-size: .7rem;
    letter-spacing: -0.02rem; }

  ul.drug-description li {
    position: relative;
    display: block;
    margin: 0 0 .4rem 0;
    padding: 0;
    line-height: .9rem; }

  ul.drug-description li:last-child {
    margin: 0; }

  /*ul.drug-description li:before {
      content: '';
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 6px;
      background-color: #c3c3c3;
      top: 7px;
      left: 0;
  }*/
  ul.drug-description li::after {
    content: '';
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden; }

  ul.drug-description li.attention {
    color: #000;
    background: #ffe082;
    padding: .4rem 1.2rem .4rem 1.4rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 -0.4rem .4rem;
    font-weight: 400; }

  ul.drug-description li.attention:last-child {
    margin: 0 -0.4rem 0; }

  ul.drug-description li.attention:before {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    bottom: 0;
    margin: auto 0;
    width: 10px;
    height: 10px;
    border-radius: 0;
    background: transparent url(../../images/mobile/attention.svg) 50% 50% no-repeat;
    background-size: contain; }

  /*@media all and (max-width: 400px) {
     .drug-description strong {
         font-weight: 400 !important;
      } 
  }*/ }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  ul.drug-description li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #c3c3c3;
    top: 6px;
    left: 0; } }
@media (min-width: 200px) and (max-width: 767px) {
  /*.drug-info .no-recipe {
      display: block;
      width: 100%;
      margin: 0 auto;
      padding: .1em 1em 2em 1.4em;
      background: #fff;
      color: #262626;
  }*/
  h1.drug-title {
    font-size: 1.4rem;
    margin: .2rem 0 .1rem;
    font-weight: 700; }

  .drug-title-city {
    display: block;
    font-size: .8rem;
    color: #888;
    font-weight: 400;
    clear: both; }

  .drug__only-one-dosage {
    /*  text-align: center; */
    font-size: 0.8rem;
    font-weight: 400; }

  .drug-price {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    /*     text-align: center; */
    margin-bottom: .2em; }

  .drug-price__not-available {
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    color: #FF7C26;
    text-align: center;
    padding: 0 0 .7rem 0; }

  .drug-available {
    position: relative;
    margin: 1.2rem -1rem;
    padding: 0 1rem 1.4rem;
    text-align: left; }

  /*.drug-available:before {
      content: '';
      position: absolute;
      top: -15px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 30px;
      height: 30px;
      background: url(../../images/mobile/not-available.svg) 50% 50% no-repeat;
  }*/
  .drug-available-attention {
    margin: 1rem 0;
    padding: .6rem 0;
    font-size: 1.1rem;
    font-weight: 400;
    color: #262626;
    background: #fff1b5;
    text-align: center; }

  .drug-available-title {
    margin: 0 0 .4rem 0;
    font-size: .8rem;
    font-weight: 400;
    color: #262626;
    text-align: left; }

  .drug-available-city {
    text-align: left;
    padding: .4rem 0;
    border-bottom: 1px solid #f0f0f0; }

  .drug-available-city-price {
    display: block;
    padding: 0;
    font-size: .8rem;
    font-weight: 400;
    color: #1eb037;
    letter-spacing: -0.01em;
    clear: both; }

  .drug-subtitle {
    font-size: 0.9em;
    text-align: center;
    color: #888;
    font-weight: 600; }

  ul.in-stock {
    position: relative;
    list-style-type: none;
    margin: 1em 0 .5em 0;
    padding: 0;
    width: 100%;
    overflow: hidden; }

  .content {
    position: relative; }

  ul.in-stock li a.in-stock-btn {
    display: inline-block;
    float: left;
    width: 48%;
    height: 44px;
    padding: .6em .6em .6em 3.4em;
    line-height: 1.4em;
    font-size: .7rem;
    font-weight: 600;
    text-transform: lowercase;
    text-align: left;
    box-sizing: border-box; }

  ul.in-stock li:first-child a.in-stock-btn {
    margin: 0 2% 0 0; }

  ul.in-stock li:last-child a.in-stock-btn {
    margin: 0 0 0 2%; }

  .open-map-tab {
    background-image: url(../../images/mobile/apt-city-btn.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain; }

  .open-online-tab {
    background-image: url(../../images/mobile/apt-online-btn.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  ul.in-stock li a.in-stock-btn {
    padding: 0 .4rem 0 2.3rem;
    line-height: 1.4rem;
    font-size: 0.8rem;
    line-height: 44px; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 500px) {
  ul.in-stock li a.in-stock-btn {
    width: 180px;
    height: 60px;
    padding: 9px 0 0 3.4em;
    line-height: 1.4em;
    font-size: 0.9rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  h1.drug-title {
    font-size: 2em;
    margin: 0.5em 0; }

  .drug-title-city {
    display: inline;
    margin: 0 0 0 .5rem;
    font-size: 1rem;
    color: #888;
    clear: none; }

  .drug__only-one-dosage {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0.6rem 0;
    color: #888; }

  .drug-price {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    margin: .8em auto 1.2em; }

  ul.in-stock {
    position: relative;
    list-style-type: none;
    margin: 0 -0.625rem 1em;
    padding: 0;
    width: 100%;
    overflow: hidden; }

  ul.in-stock li {
    display: block;
    float: left;
    margin: 0 .5em; }

  ul.in-stock li a.in-stock-btn {
    padding: 0.5em 0.9em 0.5em 4em;
    /*        line-height: 1.4em;*/
    font-size: 0.9rem; }

  ul.drug-description {
    list-style-type: none;
    margin: 1.5em 0 1em 0;
    padding: 0;
    font-size: .9rem; }

  ul.drug-description li {
    position: relative;
    display: block;
    margin: 0 0 .6rem 0;
    padding: 0 0 0 1.2rem;
    line-height: 1.2rem; }

  ul.drug-description li.attention {
    padding: .6rem 1.2rem .6rem 1.4rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Old mobile nav */
  .navbar {
    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%;
    height: 54px;
    text-align: center;
    background: #0badbc;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 1; }

  .tabs dd, .tabs .tab-title {
    position: relative;
    -webkit-box-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }

  .tabs dd, .tabs .tab-title.active {
    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; }

  .tabs dd > a, .tabs .tab-title > a {
    outline: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0badbc;
    color: #fff;
    padding: 1em .8em;
    font-family: 'Conv_dincondensedc', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box; }

  .tabs dd.active a, .tabs .tab-title.active a {
    background-color: #31d4e3;
    color: #fff;
    font-family: 'Conv_dincondensedc', 'Open Sans', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .navbar {
    height: 58px; }

  .tabs dd, .tabs .tab-title {
    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;
    width: auto; }

  .tabs dd, .tabs .tab-title.active {
    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;
    width: auto; }

  .tabs dd > a, .tabs .tab-title > a {
    outline: none;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #0badbc;
    color: #fff;
    padding: 1em .2em;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    text-align: center;
    box-sizing: border-box; }

  .tabs dd.active a, .tabs .tab-title.active a {
    padding: 1em .2em;
    background-color: #31d4e3;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    letter-spacing: -0.02em; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .navbar {
    overflow-x: hidden; } }
@media (min-width: 200px) and (max-width: 767px) {
  .section-wrapper {
    width: 100%;
    background: #fff;
    overflow: hidden;
    /*    padding: .5rem;*/ }

  .prep-instruction {
    padding: .5rem;
    box-sizing: border-box; }

  .forms-list {
    background: #fff; }

  .forms-list__back-to-all-forms {
    display: none; }

  .forms-list__one-form {
    position: relative; }

  .forms-list__one-form .attention {
    position: absolute;
    top: 38%;
    right: 39px;
    width: 20px;
    height: 16px;
    background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
    overflow: hidden; }

  .forms-list__title {
    display: block;
    position: relative;
    margin: 0;
    padding: .5rem .5rem .5rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat;
    overflow: hidden; }

  .forms-list__title > img {
    display: block;
    position: relative;
    width: 18%;
    height: auto;
    margin: 0 5% 0 0;
    float: left; }

  .forms-list__form-title {
    display: block;
    float: left;
    width: 77%;
    font-size: .9rem;
    color: #262626;
    font-weight: 600;
    letter-spacing: -0.02em; }

  .forms-list__forms-price {
    display: block;
    float: left;
    width: 77%;
    margin: 0;
    font-size: 0.9rem;
    font-weight: 600;
    color: #0badbc;
    line-height: 1.2em; }

  .dosages-block {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff; }

  .dosage-list {
    display: block; }

  .dosage-list li {
    display: block;
    position: relative;
    padding: 0.6rem .7rem .5rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5; }

  .dosage-item {
    padding: 0rem .7rem .7rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.2rem; }

  .dosage-item .attention {
    display: block;
    font-size: 0.6rem;
    padding: 3px 0 0 14px;
    color: #FF7C26;
    font-weight: 600;
    text-transform: uppercase;
    background: url(../../images/mobile/attention.svg) 0 6px no-repeat;
    background-size: 12px;
    clear: both; }

  .price-buttons {
    margin: 0 auto;
    padding: 0 .7rem 0; }

  .price-buttons .btn {
    width: 48%;
    padding: .2rem .5rem .3rem;
    line-height: .9rem;
    font-size: .9rem;
    font-weight: 700;
    text-align: left;
    height: auto;
    overflow: hidden;
    text-transform: lowercase; }

  .price-buttons .blue-btn {
    /*    background: transparent url(../../images/mobile/arrow-bbtn.svg) 98% 50% no-repeat;
        border: 1px solid #0badbc;
        color: #0badbc;*/
    background: #0badbc url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat; }

  .price-buttons .dark-blue-btn {
    /*    background: transparent url(../../images/mobile/arrow-dbbtn.svg) 98% 50% no-repeat;
        border: 1px solid #0154a6;
        color: #0154a6;*/
    background: #0154a6 url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat; }

  .price-buttons .btn:nth-of-type(even) {
    /*    margin-right: 0;*/
    float: right; }

  .price-buttons .not-exist-btn {
    background: #B8B8B8;
    color: #fff;
    font-size: .7rem;
    font-weight: 400; }

  .price-buttons .not-exist-price {
    color: #fff;
    font-size: .7rem;
    font-weight: 400; }

  .price-buttons .btn .smaller {
    font-size: .5rem;
    font-weight: 600;
    text-transform: uppercase; }

  .forms-list.squeeze {
    display: block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    overflow: auto; }

  .forms-list.squeeze .forms-list__back-to-all-forms {
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
    width: 60px;
    height: 60%;
    padding: 1rem;
    background: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    text-align: center;
    background: url(../../images/mobile/arrow-ld.svg) 50% 50% no-repeat;
    border-right: 1px solid #f0f0f0;
    z-index: 99; }

  .back-to-all-forms--text {
    display: none; }

  .forms-list.squeeze .forms-list__one-form {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    float: left;
    margin: 0;
    border: none;
    border-bottom: 2px solid transparent;
    box-sizing: border-box; }

  .forms-list.squeeze .forms-list__one-form .forms-list__title {
    height: 100%;
    padding: 0 60px;
    border-bottom: none;
    background: transparent; }

  .forms-list.squeeze .forms-list__one-form img {
    display: block;
    float: left;
    width: 40px;
    height: auto;
    margin-top: 15px; }

  .forms-list.squeeze .forms-list__one-form .forms-list__form-title {
    display: inline;
    font-size: 1.2rem;
    font-weight: 600;
    width: auto;
    float: left; }

  .forms-list.squeeze .forms-list__one-form .forms-list__forms-price {
    display: none; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .forms-list__back-to-all-forms {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    padding: 1rem;
    background: #fff;
    font-size: .7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    text-align: center; }

  .forms-list {
    position: relative;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: stretch;
    background: #fff;
    padding: .7rem 0;
    overflow: hidden; }

  .forms-list__one-form {
    position: relative;
    display: block;
    float: left;
    width: 30%;
    margin: 0 0 1rem 2.5%;
    background: #fff;
    border: 1px solid #f0f0f0;
    box-sizing: border-box; }

  /*    .forms-list__one-form:nth-of-type(1) {
          margin: 1rem 2.5%;
      }*/
  .forms-list__one-form .attention {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 16px;
    background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
    overflow: hidden; }

  .forms-list__title {
    display: block;
    position: relative;
    margin: 0;
    padding: .5rem;
    border-bottom: none;
    background: transparent;
    overflow: hidden; }

  .forms-list__title > img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: auto;
    float: none;
    clear: both; }

  .forms-list__form-title {
    display: block;
    float: none;
    width: auto;
    margin-top: 73%;
    font-size: .9rem;
    color: #262626;
    text-align: center; }

  .forms-list__forms-price {
    display: block;
    float: none;
    width: auto;
    margin: .3em 0 0 0;
    font-size: 0.8rem;
    font-weight: 600;
    color: #0badbc;
    line-height: 1.2em;
    text-align: center;
    clear: both; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .forms-list__one-form {
    width: 24%;
    margin: 0 0 1rem 1%; }

  /*    
      .drug-info {
          position: relative;
          background: #fff;
          margin: 0;
          padding: 0 0 .5rem 0;
      }
      
      .forms-list {
          position: relative;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          flex-direction: row;
          justify-content: flex-start;
          flex-wrap: wrap;
          align-items: stretch;
          align-content: stretch;
          background: #fff;
          overflow: hidden;
      }
      
      .forms-list.squeeze {
          padding: 0;
      }
      
      .forms-list__one-form {
          position: relative;
          display: block;
          float: left;
          width: 46%;
          margin: 0 0 1rem 2%;
          background: #fff;
          border: 1px solid #f0f0f0;
          box-sizing: border-box;
      }
        
      .forms-list__one-form:nth-of-type(1) {
          margin: 0 0 1rem 2%;
      }
      
      .forms-list__one-form .attention {
          position: absolute;
          top: 10px;
          right: .3rem;
          width: 20px;
          height: 16px;
          background: url(../../images/attention-recipe.svg) 0 0 no-repeat;
          overflow: hidden;
      }
      
      .forms-list__title {
          display: block;
          position: relative;
          margin: 0;
          padding: .5rem .5rem .5rem 0;
          border-bottom: none;
          background: transparent;
          overflow: hidden;
      }
      
      .forms-list__title > img {
          display: block;
          position: relative;
          width: 36%;
          max-width: 180px;
          height: auto;
          float: left;
          clear: none;
      }
      
      .forms-list__form-title {
          display: inline-block;
          float: right;
          width: 62%;
          margin: 0.3rem 0 0 0;
          font-size: 1.2rem;
      }
      
      .forms-list__forms-price {
          display: inline-block;
          float: right;
          width: 62%;
          font-size: 1rem;
          clear: none;
      }*/
  .dosage-list li {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    padding: 0.9rem .7rem; }

  .dosage-item {
    width: 50%;
    padding: 0rem .7rem .7rem;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.4rem; }

  .price-buttons {
    width: 50%;
    margin: 0 auto;
    padding: 0 .3rem 0; }

  .price-buttons .btn {
    padding: 0.5rem .5rem 0.6rem;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.1rem; }

  .price-buttons .btn .smaller {
    font-size: 0.7rem;
    font-weight: 400; }

  .forms-list.squeeze .forms-list__one-form {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px; }

  .forms-list.squeeze .forms-list__one-form img {
    display: block;
    float: left;
    width: 80px;
    height: auto;
    margin-top: 12px; }

  .forms-list.squeeze .forms-list__one-form .forms-list__form-title {
    display: inline;
    font-size: 1.3rem;
    font-weight: 700;
    width: auto;
    float: left;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.03rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* �?нтернет-аптеки */
  .filters-bar {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    background: #fff;
    float: none;
    border-top: 1px solid #f0f0f0;
    overflow: hidden; }

  .small-filters-bar {
    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;
    /*background: #f0f0f0;*/
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: none;
    margin: 0;
    padding: 0 .6rem 8px;
    overflow: hidden; }

  a.sort-by-price {
    /*    position: relative;
        display: block;
        width: 50%;
        max-width: 260px;
        height: 40px;
        margin: 0 0 0 auto;
        padding: 0 1rem;
        line-height: 40px;
        text-align: left;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background-color: #49c787;
        color: #fff;
        font-size: .7rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.03rem;
        border-bottom: 1px solid #3ea370;*/
    position: relative;
    display: block;
    width: 100%;
    /*max-width: 180px;*/
    height: 36px;
    margin: 0 auto;
    padding: 0 1rem;
    line-height: 36px;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #ffffff;
    color: #2e4d70;
    font-size: 0.6rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border: 1px solid #f0f0f0;
    /*    box-shadow: 0 1px 2px rgba(0,0,0,.1);*/ }

  /*a.sort-by-price::before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: auto;
      width: 40px;
      height: 100%;
      background: #44d28a url(../../images/mobile/sort-ico_default.svg) 50% 50% no-repeat;
      -webkit-border-radius: 0 2px 2px 0;
      -moz-border-radius: 0 2px 2px 0;
      border-radius: 0 2px 2px 0;
  }*/
  a.sort-by-price::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 40px;
    height: 100%;
    background: url(../../images/select-r_mob.png) 70% 50% no-repeat;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }

  a.sort-by-price.ascended:before {
    background-image: url(../../images/mobile/sort-ico_ascended.svg); }

  a.sort-by-price.descended:before {
    background-image: url(../../images/mobile/sort-ico_descended.svg); }

  ul.online-price-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    background: #fff;
    border-top: 1px solid #f0f0f0; }

  .ost-row {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    padding: 1em .7rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  .online-shop-logo {
    -webkit-box-flex: 0 0 60px;
    -moz-box-flex: 0 0 60px;
    -webkit-flex: 0 0 60px;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    display: block;
    width: 60px;
    height: auto;
    margin: 0 10px 0 0;
    border: 1px solid #f0f0f0;
    box-sizing: border-box; }

  .online-shop-logo > img {
    position: relative;
    width: 100%;
    height: auto; }

  .ost-info {
    -webkit-box-flex: 1 0 0;
    -moz-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    position: relative;
    margin: 0 .4rem .4rem 0;
    box-sizing: border-box; }

  .ost-title, .ost-price, .ost-controls {
    display: inline-block;
    vertical-align: top; }

  .ost-title {
    width: 100%;
    vertical-align: top;
    float: left;
    padding: 0; }

  .online-title {
    font-size: .9rem;
    margin: 0;
    line-height: 1rem; }

  .online-subtitle {
    font-size: .7rem;
    font-weight: 400;
    color: #999;
    margin: 0; }

  .ost-price, .ost-controls {
    width: 100%;
    padding: 0;
    box-sizing: border-box; }

  .ot-elem-action {
    font-size: .7rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-style: italic;
    color: #4caf50; }

  .ot-elem-action > .saleicon {
    position: relative;
    top: 5px;
    display: none;
    height: 18px;
    width: 18px;
    margin: 0 .2rem 0 0;
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 18px 18px;
    background-position: 0 0;
    background-repeat: no-repeat; }

  .ot-elem-action.cuttedheight {
    position: relative;
    max-height: 40px;
    margin: 0;
    overflow: hidden; }

  .ot-elem-action.cuttedheight:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .ost-price-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    /*    width: 100%;*/
    margin: 0;
    padding: 0; }

  .ost-price-info > .ost-price-actions .has-tooltip-visible {
    background-color: transparent;
    border-radius: 0;
    border: none; }

  .ost-price-info > .ost-price-actions .has-tooltip {
    float: left;
    padding: 0 3px; }

  .ost-price-info > .ost-price-actions .has-tooltip .has-tooltip-visible {
    left: 0;
    margin: 0;
    padding: 0;
    width: 16px; }

  .ost-price__btn {
    -webkit-box-flex: 1 1 100%;
    -moz-box-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    position: relative;
    margin: 0 0 0 70px; }

  .ost-price .dosage-action {
    position: relative;
    display: block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-price .dosage-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px; }

  .ost-price .dosage-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px; }

  .ost-price__btn > .btn:nth-of-type(1) {
    margin: 0 2% 0 0; }

  .ost-cart-btn {
    display: block;
    float: left;
    width: 48%;
    height: 30px;
    line-height: 30px;
    padding: 0 .6rem 0 32px;
    background-image: url(../../images/mobile/cart-btn.svg);
    background-position: .2rem 50%;
    background-repeat: no-repeat;
    background-size: 34px;
    font-size: .6rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .ost-view-btn {
    display: block;
    float: left;
    width: 48%;
    height: 30px;
    line-height: 30px;
    padding: 0 1rem;
    font-size: .6rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /*    background: #0badbc url(../../images/mobile/arrow-r-w.svg) 50% 50% no-repeat;*/ }

  .ost-price-title {
    -webkit-box-flex: 1 1 75px;
    -moz-box-flex: 1 1 75px;
    -webkit-flex: 1 1 75px;
    -ms-flex: 1 1 75px;
    flex: 1 1 75px;
    display: inline-block;
    font-size: .9rem;
    line-height: 1.2em;
    font-weight: 600;
    color: #0badbc;
    margin-bottom: 0; }

  .ost-comission {
    display: block;
    font-size: .7rem;
    font-weight: 400;
    color: #999;
    margin: 0;
    padding: 0; }

  .ost-price {
    position: relative;
    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;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: .8em .7em .8em .7em;
    border: none;
    border-bottom: 1px solid #f0f0f0; }

  .ost-price-actions {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 1px 0 0;
    font-size: 10px; }

  .ost-action {
    position: relative;
    display: inline-block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: left;
    margin: 0 0 0 5px;
    padding: 0 0 0 16px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-action.has-tooltip-visible {
    position: relative;
    background: inherit;
    border: 0;
    height: auto;
    width: auto;
    border-radius: 0;
    margin: 0 0 0 5px;
    left: 0;
    background-repeat: no-repeat; }

  .ost-actions.all-dosage {
    position: relative;
    display: block;
    width: auto;
    height: 14px;
    line-height: 14px;
    float: right;
    margin: 0;
    padding: 0;
    background-position: 0 50%;
    background-repeat: no-repeat;
    font-size: 10px;
    color: #4CAF50;
    font-weight: 400;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .ost-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-card:hover {
    background-image: url(../../images/icons-card-wg-hover.svg); }

  .ost-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-pens:hover {
    background-image: url(../../images/icons-pensioner-hover.svg); }

  .ost-action.ac-action {
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat; }

  .ost-action.ac-action:hover {
    background-image: url(../../images/icons-action-wg-hover.svg); }

  .ost-price .dosage-name {
    flex-grow: 2;
    display: block;
    overflow: hidden;
    width: 70%;
    margin: 0 1em 0 0;
    text-transform: lowercase; }

  .ost-price .dosage-price {
    width: 30%;
    display: block;
    position: relative;
    color: #0badbc;
    font-size: .8em;
    font-weight: 600;
    margin: 0 10px 0 0;
    text-align: right; }

  .ost-actions .has-tooltip-visible {
    background: transparent;
    border-radius: 0;
    border: 0;
    background-repeat: no-repeat;
    margin: 0 .4rem 0 0; }

  .ost-away-box {
    display: block;
    position: relative;
    -webkit-box-flex: 0 0 36px;
    -moz-box-flex: 0 0 36px;
    -webkit-flex: 0 0 36px;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    margin: 0 0 0 10px; }

  .ost-go-away {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    background: #0badbc url(../../images/mobile/go-away.svg) 50% 50% no-repeat;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  a.ost-go-away:visited {
    background-color: #08748d; }

  .ost-btn-text {
    display: none; }

  .ost-away-box:before {
    content: '';
    position: absolute;
    width: 1px;
    height: auto;
    top: -4px;
    bottom: -4px;
    left: -10px;
    background: #f0f0f0; }

  .ost-away-btn {
    display: block;
    position: relative;
    padding: .4em 0;
    border-bottom: 1px solid #f0f0f0; }

  .ost-away-btn > .btn {
    display: block;
    width: 60%;
    max-width: 220px;
    position: relative;
    margin: 0 auto;
    text-align: center; }

  .flex-content {
    width: 100%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    font-size: 0.8rem;
    line-height: 1.6;
    text-rendering: optimizeLegibility; }

  .dosage-action.ac-card {
    background-image: url(../../images/icons-card-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-card:hover {
    background-image: url(../../images/icons-card-wg-hover.svg); }

  .dosage-action.ac-pens {
    background-image: url(../../images/icons-pensioner.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-pens:hover {
    background-image: url(../../images/icons-pensioner-hover.svg); }

  .dosage-action.ac-action {
    background-image: url(../../images/icons-action-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-action:hover {
    background-image: url(../../images/icons-action-wg-hover.svg); }

  .dosage-action.ac-delivery {
    background-image: url(../../images/icons-delivery-wg.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-delivery:hover {
    background-image: url(../../images/icons-delivery-wg-hover.svg);
    background-size: 14px 14px; }

  .dosage-action.ac-markdown {
    background-image: url(../../images/icons-markdown-wg.svg);
    background-size: 14px 14px;
    margin: 0 0 0 2px; }

  .dosage-action.ac-markdown:hover {
    background-image: url(../../images/icons-markdown-wg-hover.svg); } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  /*    .online-shop-logo {
          display: block;
          width: 22%;
          max-width: 105px;
          margin: 3px 5% 0 0;
      }*/
  .ost-info {
    width: 73%;
    /*        float: left;*/
    position: relative;
    box-sizing: border-box; }

  .online-title {
    font-size: 1.1em;
    line-height: 1.3rem; }

  .online-subtitle {
    font-size: 0.8rem; }

  .ost-price-title {
    font-size: 1rem; }

  .ost-price__btn {
    margin: .2rem 0 0 80px; }

  .ost-cart-btn {
    width: 40%;
    font-size: .7rem; }

  .ost-view-btn {
    width: 40%;
    font-size: .7rem; }

  /*    .ost-price__btn {
          -webkit-box-flex: 0 0 70px;
          -moz-box-flex: 0 0 70px;
          -webkit-flex: 0 0 70px;
          -ms-flex: 0 0 70px;
          flex: 0 0 70px;
          width: 70px;
      }*/
  .ot-elem-action > .saleicon {
    display: inline-block; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ost-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    padding: 1em .7rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  /*    .online-shop-logo {
          -webkit-box-flex: 0 0 20%;
          -moz-box-flex: 0 0 20%;
          -webkit-flex: 0 0 20%;
          -ms-flex: 0 0 20%;
          flex: 0 0 20%;
          display: block;
          width: 20%;
          max-width: 105px;
          margin: 3px 3% 0 0;
      }*/
  .ost-info {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    box-sizing: border-box;
    margin: 0;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ost-price-title {
    -webkit-box-flex: 1 0 100%;
    -moz-box-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    display: inline-block;
    font-size: .9rem;
    line-height: 1.2em;
    font-weight: 600;
    color: #0badbc;
    margin-bottom: .4rem;
    width: 100%;
    text-align: center; }

  .online-title {
    white-space: normal; }

  .ost-seller-info {
    display: block;
    -webkit-box-flex: 0 0 72%;
    -moz-box-flex: 0 0 72%;
    -webkit-flex: 0 0 72%;
    -ms-flex: 0 0 72%;
    flex: 0 0 72%;
    box-sizing: border-box; }

  .online-title {
    font-size: 1.1em; }

  .online-subtitle {
    font-size: 0.8em; }

  .ost-price-info {
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    -webkit-box-flex: 1 0 25%;
    -moz-box-flex: 1 0 25%;
    -webkit-flex: 1 0 25%;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    flex-direction: column;
    margin: 0; }

  .ost-action.has-tooltip-visible {
    float: right;
    margin-top: .3rem; }

  .ost-price__btn {
    -webkit-box-flex: 1 0 20%;
    -moz-box-flex: 1 0 20%;
    -webkit-flex: 1 0 20%;
    -ms-flex: 1 0 20%;
    flex: 1 0 20%;
    text-align: right;
    margin: 0; }

  .ost-cart-btn {
    display: block;
    width: auto;
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 .8rem 0 33px;
    font-size: 0.8rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    align-self: flex-end; }

  .ost-view-btn {
    display: block;
    width: auto;
    float: right;
    width: 120px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 .8rem;
    font-size: 0.8rem;
    font-weight: 400;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 0;
    align-self: flex-end; }

  .ost-price__btn > .btn:nth-of-type(1) {
    margin: 0 0 .3rem 0; }

  .show-full-items {
    display: block;
    margin: 1rem auto 1rem .7rem;
    padding: .2rem;
    background: #49c787;
    width: 220px;
    height: auto; }

  .ost-price .dosage-name {
    -webkit-box-flex: 1 0 270px;
    -moz-box-flex: 1 0 270px;
    -webkit-flex: 1 0 270px;
    -ms-flex: 1 0 270px;
    flex: 1 0 270px;
    width: 270px;
    font-size: .9rem;
    line-height: 1.2rem;
    margin-right: 40px; }

  .ost-price {
    padding: .8em 1.4em .8em 1.4em;
    align-items: center; }

  .ost-price .dosage-price {
    margin: 0 20px 0 0;
    font-size: 0.9em; }

  .ost-away-box {
    margin: 0 0 0 20px; }

  .ost-away-box:before {
    left: -20px; }

  .ost-go-away {
    display: table;
    position: relative;
    width: 120px;
    height: 40px;
    background: #0badbc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .ost-btn-text {
    display: table-cell;
    color: #fff;
    font-size: .8rem;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle; }

  .ost-price-actions {
    display: block; }

  .ot-elem-action > .saleicon {
    display: inline-block; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) and (orientation: landscape) {
  .ost-price__btn {
    -webkit-box-flex: 1 0 20%;
    -moz-box-flex: 1 0 20%;
    -webkit-flex: 1 0 20%;
    -ms-flex: 1 0 20%;
    flex: 1 0 12%; }

  .ost-price-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    box-sizing: border-box;
    width: 63%;
    margin: 0 auto; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* �?нтернет-аптеки всё */
  /* Аналоги */
  /* .question-btn {
      -webkit-box-flex: 0 0 50px;
      -moz-box-flex: 0 0 50px;
      -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      display: block;
      width: 50px;
      height: 41px;
      line-height: 41px;
      margin: 0;
      padding: 0;
      background: #fff url('../images/mobile/help.svg') 50% 50% no-repeat;
      border-bottom: 1px solid #f0f0f0;
      box-sizing: border-box;
  } */
  .tab-header-box {
    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;
    height: 42px;
    background: #fff; }

  .filters-bar li .ui-btn {
    font-weight: 600;
    text-transform: uppercase;
    color: #0154a6;
    font-size: 0.8em;
    letter-spacing: 0.03em;
    display: block;
    margin: 0;
    border-right-width: 0;
    line-height: 26px; }

  .filters-bar li a {
    display: block;
    /*     width: 50%; */
    height: 41px;
    border-bottom: 1px solid #f0f0f0;
    float: left;
    padding: 0 .2em;
    color: #8e8e8e;
    text-align: center;
    line-height: 41px;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    box-sizing: border-box; }

  .js-tab-active {
    position: relative;
    color: #262626 !important; }

  .js-tab-active:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #31d4e3; }

  .ok-btn {
    display: block;
    width: 60%;
    height: 40px;
    line-height: 40px;
    margin: 1em auto 0;
    padding: 0;
    background: #5dc095;
    color: #fff;
    font-size: 0.9rem;
    letter-spacing: 0.06em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center; }

  #analog-tabs {
    background: #fff; }

  .analog-list li {
    padding: .5rem .7rem;
    border-bottom: 1px solid #f0f0f0;
    line-height: 1.2rem; }

  .ai-title {
    display: block;
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: #262626; }

  .ai-subtitle {
    display: block;
    position: relative;
    font-size: .8rem;
    font-weight: 400;
    color: #999; }

  .ai-price {
    display: block;
    position: relative;
    font-size: .9rem;
    font-weight: 600;
    color: #0badbc; }

  .sinonimi-list__no-sinonims {
    display: block;
    position: relative;
    padding: .7rem .7rem 4rem .7rem;
    font-size: 1rem;
    font-weight: 600;
    color: #262626; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .tab-header-box {
    height: 58px; }

  .filters-bar li a {
    height: 58px;
    line-height: 58px;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.05rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Аналоги всё */
  /* Отзывы */
  .response-wrap {
    background: #fff;
    padding: 1em; }

  .reviews-btn {
    display: block;
    width: 90%;
    margin: 0 auto; }

  .there-is-nothing {
    font-weight: 700;
    text-align: center;
    margin: 2em 0; }

  .response__form-block {
    display: block;
    position: relative; }

  .response__form-block .reviews-form {
    position: relative;
    width: 100%; }

  .response__form-block fieldset {
    width: 100%;
    padding: 0; }

  .response__form-block .select {
    width: 100%; }

  .response__form-block label {
    margin: .8rem 0 .5rem;
    font-weight: 600; }

  .reviews-wrapper {
    margin: .5em 0;
    padding: .5em 0; }

  .reviews-list li {
    padding: 1.4rem 0 .8rem;
    border-bottom: 1px solid #f0f0f0; }

  .review-head {
    font-size: .8rem;
    font-weight: 600;
    padding: .5em 0; }

  .reviews-wrapper .rating {
    margin: 0 0 .5em 0; }

  .add-response fieldset {
    min-width: 0;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0; }

  .review-captcha {
    margin-bottom: .8rem; }

  /* Рейтинг  */
  .rating {
    background: url(../../images/star-rating.png) no-repeat;
    width: 100px;
    position: relative;
    height: 16px;
    overflow: hidden; }

  .rating span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 16px;
    background: url(../../images/star-rating.png) no-repeat 0 -16px; }

  .rating.rating01 span {
    width: 16px; }

  .rating.rating02 span {
    width: 37px; }

  .rating.rating03 span {
    width: 58px; }

  .rating.rating04 span {
    width: 79px; }

  .rating.rating05 span {
    width: 100px; }

  div.rating-cancel {
    display: none; }

  div.star-rating {
    float: left;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden; }

  .star-rating-wrap {
    overflow: hidden;
    position: relative;
    zoom: 1; }

  .star-rating-wrap .radioArea {
    display: none; }

  div.rating-cancel,
  div.rating-cancel a {
    background: url(delete.gif) no-repeat 0 -16px; }

  div.star-rating,
  div.star-rating a {
    background: url(../../images/star-rating.png) no-repeat; }

  div.star-rating {
    margin-right: 5px; }

  div.rating-cancel a,
  div.star-rating a {
    display: block;
    width: 16px;
    height: 100%;
    background-position: 0 0;
    border: 0; }

  div.star-rating-on a {
    background-position: 0 -16px !important; }

  div.star-rating-hover a {
    background-position: 0 -16px; }

  div.star-rating-readonly a {
    cursor: default !important; }

  div.star-rating {
    background: transparent !important;
    overflow: hidden !important; }

  .radio,
  .checkbox {
    position: absolute;
    left: -9999px; }

  /* Рейтинг всё */
  /* Отзывы всё */
  /* LP -- Content sections finished */
  /* Модальное окно выбора городов */
  .reveal-wrapper {
    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: center;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0; }

  .modal-top {
    -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;
    width: 100%;
    position: relative;
    margin: 0 0 1em 0; }

  .modal-main {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: 100%;
    display: block;
    position: relative;
    margin: 0 0.4em;
    border-top: 1px solid #e5e5e5;
    overflow-y: scroll; }

  .cities-scroll {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: scroll; }

  .has-shadow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 5px;
    background: -moz-linear-gradient(top, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    background: linear-gradient(to bottom, rgba(150, 150, 150, 0.5) 0%, rgba(150, 150, 150, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80969696', endColorstr='#00969696',GradientType=0 );
    opacity: .5;
    -webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0))); }

  #lst_flt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    opacity: 1; }

  .city_elem_find {
    display: block;
    width: 100%;
    padding: .5em 0;
    font-size: 1.4rem;
    border-bottom: 1px solid #f0f0f0; }

  #change-city {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1em;
    margin: 0;
    background: #fff;
    border: 0; }

  .reveal-modal h2#modalTitle {
    font-size: .8rem;
    margin-bottom: 1rem; }

  input.change-location {
    height: 40px;
    padding: 0 25px; }

  .cities-list__hidden {
    display: none; }

  .cities-list {
    height: 100%; }

  .cities-list a {
    display: block;
    width: 100%;
    padding: 0.6rem 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem; }

  .cities-list a > .tg {
    display: inline;
    font-size: .8rem;
    font-weight: 400;
    color: #aaaaaa; }

  .cities-list a:last-child {
    margin-bottom: 20px; }

  .reveal-modal .ui-listview > li > a.ui-btn {
    display: block;
    width: 100%;
    padding: 0.5em 0;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1.4rem; }

  #lst_flt li a {
    display: block;
    padding: .5rem;
    font-size: .9rem;
    border-bottom: 1px solid #f0f0f0; }

  /* Модальное окно выбора городов всё */
  /* Страница поиска */
  .search-result-row {
    padding: .5em;
    margin-bottom: .5rem;
    background: #fff;
    box-sizing: border-box; }

  .search-result__title {
    font-weight: 400;
    font-size: .8rem; }

  .search-result__subtitle {
    font-size: .6rem;
    color: #a3a3a3; }

  .search-result-row--nothing-found {
    padding: 1em;
    box-sizing: border-box; }

  .search-result__title--nothing-found {
    font-weight: 600;
    font-size: 1.1rem; }

  .search-result__subtitle--nothing-found {
    font-size: .9rem;
    color: #262626; }

  .search-result__example {
    color: #0badbc; }

  .search-result-listing-block {
    margin: 0 0 .5rem;
    padding: 0;
    background: #fff; }

  .search-result__block-title {
    display: block;
    margin: 0;
    padding: 1rem;
    font-size: 0.6em;
    font-weight: 600;
    letter-spacing: 0.08em;
    color: #0badbc;
    text-transform: uppercase; }

  .search-result-listing__elem {
    border-bottom: 1px solid #eceff1;
    line-height: 1.4rem;
    letter-spacing: -0.04em; }

  .search-result-listing__elem:last-child {
    border-bottom: none; }

  .search-result-listing__name {
    display: block;
    padding: .6rem .5rem;
    font-size: 1rem;
    font-weight: 600;
    word-wrap: break-word;
    line-height: 1.4; }

  .tg {
    position: relative;
    display: block;
    font-size: .8rem;
    font-weight: 400;
    color: #aaaaaa;
    clear: both; }

  .availability {
    display: block;
    color: #4CAF50;
    font-style: normal;
    font-size: .8rem;
    font-weight: 400;
    margin: 0;
    clear: both; }

  .search-drop-elem a > .availability {
    display: inline;
    margin: 0 0 0 .4em; }

  .search-drop-elem a .tg {
    font-weight: 400;
    font-size: 0.7rem; }

  .search-result-listing__in-stock {
    display: block;
    padding: 0;
    font-size: .8rem;
    font-weight: 400;
    color: #1eb037;
    letter-spacing: -0.01em;
    clear: both; }

  .search-result-listing__latin {
    display: block;
    padding: 0;
    font-size: .7rem;
    font-weight: 400;
    color: #939393;
    letter-spacing: -0.01em;
    clear: both; } }
@media only screen and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .search-result__block-title {
    font-size: .7rem; }

  .search-result-listing__name {
    padding: .7rem 1.1rem;
    font-size: 1.2rem; }

  .search-result-listing__latin, .search-result-listing__in-stock {
    font-size: .9rem; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* Страница поиска всё */
  /* каталог */
  .info-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    background: #fff; }

  .info-block .search-filter {
    width: 100%;
    padding: 1em;
    position: relative;
    overflow: hidden;
    background: #f0f0f0;
    margin: 0 auto; }

  .info-block .search-filter fieldset {
    margin: 0 auto;
    padding: 0;
    position: relative;
    background: #fff;
    /*border: 1px solid #cccccc;*/
    border: none;
    outline: 0; }

  .search-block-row {
    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;
    width: 100%;
    padding: 0; }

  .search-input-wrap {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    position: relative;
    display: block;
    height: 42px;
    margin: 0; }

  .search-btn-wrap {
    -webkit-box-flex: 0 0 47px;
    -moz-box-flex: 0 0 47px;
    -webkit-flex: 0 0 47px;
    -ms-flex: 0 0 47px;
    flex: 0 0 47px;
    display: block;
    width: 47px;
    margin: 0; }

  #doctor-filter-loading {
    position: absolute;
    display: block;
    top: 0;
    left: 18px;
    width: 22px;
    height: 100%;
    z-index: 99999; }

  #doctor-filter-loading > img {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0;
    left: 4px;
    bottom: 0;
    margin: auto 0; }

  .info-block .search-filter input[type='text'] {
    position: relative;
    width: 100%;
    height: 42px;
    float: left;
    font-size: 1.2em;
    padding: 0 50px 0 24px;
    box-sizing: border-box;
    border-right: none;
    border-radius: 2px 0 0 2px;
    border: none;
    font-size: .9rem; }

  .info-block .search-filter input[type='text']:active, .info-block .search-filter input[type='text']:focus {
    outline: none; }

  .info-block .search-filter input[type='submit'], .info-block .search-filter input[type='button'] {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0;
    width: 47px;
    height: 100%;
    box-sizing: border-box;
    border: none;
    border-bottom: 2px solid #bbbbbb;
    outline: none;
    padding: 0;
    background-color: #cccccc;
    background-image: url(../../images/mobile/search-whte-ico.svg);
    background-position: 50% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: .8rem;
    text-indent: -9999px; }

  .info-block h1 {
    position: relative;
    margin: 0;
    padding: 1.1em .7em .7em;
    color: #262626;
    font-style: normal; }

  .col {
    background: #fff; }

  .box h3 {
    margin: 0; }

  .box a {
    display: block;
    width: 100%;
    padding: 1rem 2rem 1rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1rem;
    color: #262626;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat; }

  .category-wraper .box {
    background: #fff; }

  .category-wraper ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

  .category-wraper a {
    display: block;
    width: 100%;
    padding: 1rem 2rem 1rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    font-size: 1rem;
    color: #262626;
    background: url(../../images/mobile/arrow-sr.svg) 95% 50% no-repeat; }

  button.show-more {
    display: block;
    margin: .5rem auto 0;
    width: 80%;
    background: #ffffff;
    color: #0f0f0f;
    font-weight: 600;
    border: 2px solid #f0f0f0;
    border-radius: 50px; }

  .button.show-more:focus {
    outline: none; }

  /* Международные наименования */
  .search-result h1 {
    position: relative;
    display: block;
    margin: 0;
    padding: 1.1em .7em .7em;
    font-weight: 700;
    font-size: 1.1em;
    color: #262626;
    font-style: normal;
    background: #fff; }

  .iname-header {
    background: #fff;
    padding: .7rem;
    box-sizing: border-box;
    font-size: .8rem; }

  .iname-header h1 {
    font-size: 1.1rem;
    padding: 1rem 0; }

  .iname-header .subtitle-gray_16 {
    font-size: .8rem; }

  .iname-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #fff; }

  .iname {
    padding: .5rem 1rem;
    display: block;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    box-sizing: border-box; }

  .iname .num {
    display: none; }

  .iname a {
    display: inline;
    float: left;
    font-weight: 600;
    font-size: 1.1rem; }

  .iname ul {
    display: block;
    width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    clear: both;
    box-sizing: border-box; }

  .iname ul li {
    font-size: .8rem;
    color: #979797; }

  .iname ul li em {
    font-style: normal;
    font-size: .8rem;
    color: #1eb037; }

  /* международные наименования всё */
  /* каталог всё */
  /* Врачи */
  .doc-description {
    position: relative;
    display: block;
    margin: 0 0 .5em 0;
    padding: .5em 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    font-size: .7rem; }

  .docs-box {
    position: relative;
    /* 	padding: .5em 0; */ }

  .doc-card {
    position: relative;
    width: 100%;
    padding: 1em .7em;
    border-bottom: 5px solid #f2f2f2;
    overflow: hidden; }

  .doc-img {
    position: relative;
    width: 22%;
    height: 90px;
    margin: 0 3% .3em 0;
    float: left;
    overflow: hidden; }

  .doc-img > a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../../images/x-doc.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain; }

  .doc-header {
    position: relative;
    width: 73%;
    float: right;
    margin: 0 0 .4em 0; }

  .doc-name {
    position: relative;
    margin: 0 2em .2em 0;
    line-height: 1.4em; }

  .doc-name a {
    display: inline-block;
    color: #222;
    font-size: 1rem;
    letter-spacing: -0.02em; }

  .doc-io {
    display: block;
    font-weight: 400; }

  .doc-spec-tags {
    margin: 0 0 .3em;
    margin: 0 0 .4em;
    position: relative;
    display: block;
    font-size: .7rem; }

  .doc-spec-tags a {
    border-bottom: 1px solid #f2f2f2; }

  .doc-regalia {
    position: relative;
    display: inline;
    float: left;
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 400;
    color: #999; }

  .doc-stage {
    display: inline;
    margin-right: 1em;
    float: left; }

  .doc-feedback {
    position: absolute;
    min-width: 20px;
    text-align: center;
    top: -2px;
    right: 0;
    padding: .1em .5em;
    background: #f2f2f2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #ccc;
    font-size: .7rem;
    font-weight: 400; }

  .doc-feedback:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 1px;
    border-top: 3px solid #f2f2f2;
    border-right: 3px solid #f2f2f2;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent; }

  .doc-appointments {
    position: relative;
    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;
    width: 100%;
    padding: 1em 0 0 0;
    font-size: .8rem;
    font-weight: 600;
    /* 	border-top: 1px solid #f2f2f2; */
    /* 	border-bottom: 1px solid #f2f2f2; */
    overflow: hidden;
    clear: both; }

  .doc-price {
    -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;
    position: relative;
    padding: 0 20px 0 0;
    box-sizing: border-box; }

  .doc-price__label {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    text-align: left;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1.2em;
    /*  	text-transform: uppercase; */ }

  .doc-large-price {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    display: block;
    margin: -2px 0 0 0;
    padding: 0;
    font-size: .9rem;
    font-weight: 600;
    color: #222;
    clear: both; }

  .zapis-btn {
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    width: 150px;
    height: 40px;
    line-height: 40px;
    padding: 0 1rem;
    background: #0bbcad;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .6rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .zapis-btn:hover {
    background: #0bbcad;
    color: #fff; }

  .big-zapis-btn {
    position: relative;
    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;
    width: 90%;
    margin: 0 auto;
    padding: 1rem;
    background: #0bbcad;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: .7rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .big-zapis-nobtn {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0.4rem;
    font-weight: 600;
    text-align: center;
    font-size: .9rem;
    color: #0154a6; }

  .big-zapis-btn .doc-large-price {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    color: #fff;
    text-transform: none;
    text-align: right; }

  .big-zapis-btn .doc-large-label {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    text-align: left; }

  .doc-any-text {
    position: relative;
    display: block;
    font-size: .8rem;
    clear: both; }

  .doc-info-description {
    position: relative;
    display: block;
    margin: .3em 0 0 0;
    clear: both; }

  .doc-contacts-box {
    position: relative;
    display: block;
    margin: 0; }

  .doc-contacts-box {
    border-bottom: 1px solid #f2f2f2;
    margin: 0 -.7em; }

  .doc-contacts-box:nth-of-type(1) {
    border-top: 1px solid #f2f2f2; }

  .doc-workplace {
    position: relative;
    display: block;
    padding: 1em 40px 1em .7em;
    font-size: .8rem;
    letter-spacing: -0.02em;
    line-height: 1.2em;
    font-weight: 400;
    color: #222; }

  .doc-workplace::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: transparent url(../../images/mobile/navarrow.svg) 95% 50% no-repeat;
    width: 40px;
    height: 100%; }

  .doc-working-hours {
    position: relative;
    display: block;
    padding: 0 1.1em 0 2.4em; }

  /* .doc-workplace::after {
      content: '';
      position: absolute;
      top: 12px;
      right: 4px;
      left: auto;
      width: 1px;
      height: 1px;
      border-top: 9px solid #aaaaaa;
      border-right: 6px solid transparent;
      border-bottom: 3px solid transparent;
      border-left: 6px solid transparent;
  } */
  .doc-workplace.doc-is-open::after {
    top: 8px;
    right: 4px;
    left: auto;
    width: 1px;
    height: 1px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }

  .doc-show-more-content {
    position: relative;
    display: none;
    /* 	padding: 0 0 0 20px; */
    box-sizing: border-box;
    background: #f2f2f2;
    overflow: hidden; }

  .doc-show-more-content::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 6px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00ffffff',GradientType=0 ); }

  .doc-tab-column {
    position: relative;
    display: block;
    width: 100%;
    /* 	padding: .5em;
            box-sizing: border-box; */
    overflow: hidden; }

  .doc-workplace {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    /* 	font-size: .6rem;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 0.03rem; */ }

  .receiving-place {
    position: relative;
    display: block;
    overflow: hidden;
    clear: both; }

  .receiving-place h3 {
    margin: 0;
    padding: 1rem 1.8rem 0; }

  li.feedback, li.doc-worktime, li.doc-workplace-address, li.doc-workplace-metro, li.doc-workplace-phone {
    position: relative;
    display: block;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: .1em .7em .1em 1.6em;
    /*     line-height: 1.5; */
    font-size: .8rem;
    color: #222;
    /* 	border-bottom: 1px solid #fff; */ }

  .doc-workplace-address {
    background: url(../../images/doctors/doc-place-g.png) 0 50% no-repeat; }

  .doc-workplace-phone {
    background: url(../../images/doctors/doc-cphone-g.png) 0 50% no-repeat; }

  .doc-workplace-metro {
    background: url(../../images/doctors/doc-metro-g.png) 0 50% no-repeat; }

  li.doc-workplace-phone {
    overflow: hidden; }

  .doc-workplace-phone .phone-number {
    white-space: nowrap; }

  .phone-hidden .cover {
    display: block;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff; }

  .phone-hidden.show .cover {
    display: none;
    visibility: hidden; }

  .phone-hidden.show .phone-number {
    white-space: normal; }

  .pseudo-link {
    color: #0154a6;
    border-bottom: 1px dotted #0154a6; }

  .green-dotted {
    color: #529a57; }

  .doc-worktime {
    background: url(../../images/doctors/doc-clock-g.png) 0 50% no-repeat; }

  .doc-relations {
    font-size: .7rem;
    color: #222;
    padding: 0 1.1em; }

  .doc-relations li:first-child {
    margin-top: .4rem; }

  .services-list li {
    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;
    width: 100%;
    /* 	padding: 0.9rem .7rem; */
    padding: .7rem .7rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5; }

  .doc-services__item {
    position: relative;
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 20px 0 0;
    font-size: .9rem; }

  .doc-services__price {
    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;
    -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;
    position: relative; }

  .doc-services__price .blue-btn {
    padding-right: 30px;
    background: #0badbc url(../../images/mobile/arrow-srw.svg) 98% 50% no-repeat;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0.02em; }

  .all-docs-row {
    position: relative;
    display: block;
    padding: .7rem 1.4rem; }

  .all-docs-row h1 {
    padding: 1.1rem 0 .7rem; }

  /* Карточка врача */
  .doc-profile {
    position: relative;
    padding: 2em 0; }

  .doc-profile .doc-img {
    position: relative;
    display: block;
    width: 28%;
    margin: 0 5% 0 0;
    padding: 0 0 0 .7em;
    box-sizing: border-box; }

  .doc-profile .doc-header {
    width: 67%;
    float: left;
    padding: 0 0.7em 0 0;
    box-sizing: border-box; }

  /* 
  .doc-card .doc-img img {
          position: relative;
          display: block;
          margin: 0 auto;
          width: 100px;
          height: auto;
  } */
  .doc-profile .doc-name {
    font-size: 1.2rem;
    line-height: 1.2em;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin: 0 2em 0.4em 0; }

  .doc-profile .doc-spec-tags a {
    font-size: .8rem; }

  .doc-profile .doc-appointments {
    padding: 1em; }

  .doc-card-about {
    position: relative;
    padding: 1em;
    font-size: .8rem; }

  .tab-content .doc-regalia {
    padding: 1.4em 1em 1em 1em;
    color: #222;
    font-weight: 600;
    font-size: .8rem; }

  .tab-content .doc-tab-column {
    padding: 0 1em .2em 1em; }

  .tab-content .reviews-list {
    padding: 0 1em 1em; }

  .tab-content .reviews-list {
    padding: 0 1em; }

  .tab-content h2 {
    padding: 0 1em; }

  .tab-content .doc-working-hours {
    padding: 0 1.1em 0 1em; }

  .tab-content .doc-tab-column h5 {
    margin-bottom: .2em;
    padding: .6em 1.1em 0 1.2em;
    font-size: .6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  .doc-tab-column h5 {
    margin-bottom: .2em;
    padding: .6em 1.1em .5em 2.8em;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  .form-row {
    position: relative; }

  .form-row > input, .form-row > textarea {
    width: 100%;
    padding: .5rem;
    box-sizing: border-box; }

  .form-row > textarea {
    height: 80px; }

  .form-row img {
    margin: 2px 0 10px; }

  input.input {
    margin: 0 0 10px 0;
    padding: .5rem;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    outline: none; }

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

  .centered {
    position: relative;
    display: block;
    width: 80%;
    margin: 20px auto 0;
    max-width: 280px; }

  /* Врачи всё */
  /* STATIC-PAGES  */
  .cc-header {
    position: relative;
    display: block;
    margin: 0;
    padding: 1.4em;
    overflow: hidden; }

  .nav-all-services {
    position: relative;
    display: inline-block;
    margin: 0 .7em 1px;
    padding: .5em .8em;
    background: #fff;
    border-bottom: 2px solid #69d4e1;
    border-radius: 1px;
    text-align: center;
    font-size: .6rem;
    color: #0badbc;
    float: right;
    letter-spacing: 0.03em;
    text-transform: uppercase; }

  /*.side-col {
          position: relative;
          display: block;
          padding: .5em;
          background: rgb(178,235,242);
          background: -moz-linear-gradient(left,  rgba(178,235,242,1) 0%, rgba(128,222,234,1) 100%);
          background: -webkit-linear-gradient(left,  rgba(178,235,242,1) 0%,rgba(128,222,234,1) 100%);
          background: linear-gradient(to right,  rgba(178,235,242,1) 0%,rgba(128,222,234,1) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2ebf2', endColorstr='#80deea',GradientType=1 );
          overflow: hidden;
  }
  
  .side-navigation {
          display: block;
          width: 100%;
      z-index: 1;
  }
  
  .side-navigation li a {
          position: relative;
      display: inline-block;
          margin: 1px 1%;
          padding: .6em .4em;
          width: 98%;
          min-height: 80px;
          box-sizing: border-box;
          background: #fff;
          font-size: 0.8rem;
      font-weight: 400;
          text-align: center;
          vertical-align: middle;
  }
  
  .side-navigation li a:hover {
          background-color: #30b6af;
  }*/
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0; }

  /* Responsive pseudo tables */
  .rsp-table {
    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: flex-start;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: .8rem; }

  .rsp-col {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: stretch;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: .5rem 0;
    border: 1px solid #0badbc; }

  .rsp-cell {
    position: relative;
    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;
    width: 100%;
    height: 100%;
    padding: 1em .5em;
    box-sizing: border-box;
    text-align: left;
    border-bottom: 1px solid #ededed; }

  .rsp-cell:last-child {
    border: none; }

  .rsp-cell[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: .8rem;
    color: #222; }

  .rsp-cell.no-active[data-title]:before {
    content: attr(data-title);
    float: left;
    color: #999; }

  .thead {
    align-items: center;
    height: 60px;
    padding: 1em .5em;
    background: #0badbc;
    font-weight: 600;
    text-align: center;
    color: #fff; }

  .rsp-legend {
    display: none; }

  /* .rsp-payment {
          align-items: center;
          height: 170px;
          padding: 1em .5em;
  }
  
  .rsp-discuont {
          align-items: center;
          height: 120px;
          padding: 1em .5em;
  } */ }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) and (orientation: portrait) {
  .rsp-table {
    flex-direction: row;
    flex-wrap: wrap; }

  .rsp-col {
    width: 50%; }

  .rsp-col:nth-of-type(odd) {
    border-left: none; }

  .rsp-payment {
    align-items: center;
    height: 170px;
    padding: 1em .5em; }

  .rsp-discuont {
    align-items: center;
    height: 120px;
    padding: 1em .5em; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) and (orientation: landscape) {
  .rsp-table {
    flex-direction: row;
    flex-wrap: wrap;
    font-size: .7rem; }

  .rsp-col {
    width: 16.66666666666667%;
    margin: 0;
    border: none;
    text-align: center; }

  .rsp-cell {
    justify-content: center;
    min-height: 54px; }

  .rsp-col:nth-of-type(odd) {
    border-left: none; }

  .rsp-legend {
    display: block; }

  .rsp-cell[data-title]:before {
    display: none; }

  .rsp-payment {
    align-items: center;
    height: 170px;
    padding: 1em .5em; }

  .rsp-discuont {
    align-items: center;
    height: 120px;
    padding: 1em .5em; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .rsp-col {
    width: 16.66666666666667%; }

  .rsp-col {
    border: none; }

  .thead {
    height: 120px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .responsive-table {
    width: 100%; }

  /* Настоящие таблицы + Flex (flip) */
  .rtable {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    overflow-x: auto;
    white-space: normal;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: .7rem; }

  .rtable,
  .rtable--flip tbody {
    -webkit-overflow-scrolling: touch;
    background: radial-gradient(left, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 0 center, radial-gradient(right, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 75%) 100% center;
    background-size: 10px 100%, 10px 100%;
    background-attachment: scroll, scroll;
    background-repeat: no-repeat; }

  /* .rtable td:first-child, .rtable--flip tbody tr:first-child {
    background-image: linear-gradient(to right, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-size: 20px 100%;
  } */
  /* .rtable td:last-child,
  .rtable--flip tbody tr:last-child {
    background-image: linear-gradient(to left, rgba(255,255,255, 1) 50%, rgba(255,255,255, 0) 100%);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 20px 100%;
  } */
  .rtable th {
    font-size: .7rem;
    text-align: left;
    background: #0badbc;
    width: 140px;
    color: #fff; }

  .rtable th,
  .rtable td {
    padding: 6px 12px;
    border: 2px solid #fff; }

  .rtable--flip {
    display: flex;
    overflow: hidden;
    background: none; }

  .rtable--flip thead {
    display: flex;
    /*   display: none; */
    flex-shrink: 0;
    min-width: min-content;
    width: 40%; }

  .rtable--flip tbody {
    display: flex;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden; }

  .rtable--flip tr {
    display: flex;
    flex-direction: column;
    min-width: min-content;
    flex-shrink: 0; }

  .rtable--flip tbody tr {
    width: 100px; }

  .rtable--flip tbody tr td {
    text-align: center;
    vertical-align: middle; }

  .rtable--flip td,
  .rtable--flip th {
    display: block;
    min-height: 55px; }

  .rtable--flip td {
    background-image: none !important;
    border-left: 0; }

  .rtable--flip th:not(:last-child),
  .rtable--flip td:not(:last-child) {
    border-bottom: 0; }

  .rtable--flip th:first-child, .rtable--flip td:first-child {
    height: 100px; }

  /* Настоящие таблицы + Flex (flip) всё */
  /* Страницы фирмы */
  .firm-header {
    position: relative;
    display: block;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #f6f6f6 79%, #ededed 100%);
    background: -webkit-linear-gradient(top, white 0%, #f6f6f6 79%, #ededed 100%);
    background: linear-gradient(to bottom, white 0%, #f6f6f6 79%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); }

  .firm-branding {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    position: relative;
    padding: .4rem .7rem .4rem;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden; }

  .firm-logo {
    width: 101px;
    margin-right: 1rem;
    height: auto; }

  .firm-logo > img {
    width: 100%;
    height: auto; }

  .firm-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin: 0; }

  .firm-nav {
    position: relative;
    display: block;
    font-size: .7rem;
    /* 	background: #f0f0f0; */
    white-space: nowrap;
    overflow-x: auto; }

  .firm-nav li {
    display: inline-block; }

  .firm-nav li a {
    font-size: .7rem;
    display: inline-block;
    margin: 0;
    padding: 10px 12px;
    color: #333;
    text-transform: uppercase;
    font-weight: 600; }

  .firm-nav li a.active {
    background: #fff; }

  .top-content {
    font-size: .8rem; }

  .comp-info-block {
    font-size: .8rem; }

  .company-contacts {
    margin: 0;
    padding: .7em;
    border-bottom: 1px solid #f0f0f0; }

  .contacts-list li {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
    font-size: .8rem; }

  .contacts-list li:last-child {
    border: none; }

  .firm-contact-lable {
    display: block;
    font-size: .5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03rem; }

  /* Страницы фирмы всё */
  /* Добавление в корзину */
  .reveal-modal.nopadding {
    padding: 0;
    height: 100vh;
    width: 100vw;
    overflow: hidden; }

  .nopadding .modal-main {
    margin: .5em 0.4em; }

  .cart-list {
    position: relative;
    /* 	display: none; */ }

  .cart-list__item {
    position: relative;
    display: block;
    border: none;
    background: #fff;
    outline: none; }

  .atc-row {
    position: relative;
    display: table;
    width: 100%;
    height: 40px;
    margin: .8em 0;
    overflow: hidden; }

  .atc-current-price {
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 .5em;
    font-size: .7rem;
    text-align: center; }

  .atc-price-number {
    font-size: .9rem;
    font-weight: 600; }

  .atc-current-numbers {
    position: relative;
    display: table-cell;
    vertical-align: middle; }

  .js-show-manufacturer {
    position: relative;
    display: block;
    width: 80%;
    margin: .7em auto;
    padding: .7em;
    font-size: .7rem;
    font-weight: 400;
    color: #444;
    background: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #ccc;
    text-align: center;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

  .cart-table-row {
    position: relative;
    display: table;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
    box-sizing: border-box; }

  .cart-table-row.selected {
    /* 	border: 2px solid #80DEEA; */
    border-bottom: 0;
    background: #fff9c4;
    box-sizing: border-box; }

  .cart-table-row:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #9E9E9E; }

  .cart-table-row.selected:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 10px;
    width: 14px;
    height: 14px;
    background: #fff url(../../images/mobile/arrow-d-b.svg) 50% 50%; }

  /*.cart-table-row.selected:after {
          content: '';
          position: absolute;
          top: 11px;
          left: 10px;
          width: 14px;
          height: 14px;
          background: url(../../images/mobile/arrow-d-b.svg) 50% 50%;
  }*/
  .reveal__search-bar {
    position: relative;
    display: block;
    width: 100%; }

  .atc-current-select {
    margin: 0 .3em; }

  .cart-item__name {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    padding: .8em .5em .8em 2.7em;
    font-size: 0.8rem; }

  .cart-item__price, .cart-total__price {
    display: table-cell;
    vertical-align: top;
    padding: .8em .7em .8em .5em;
    font-size: 0.9rem;
    font-weight: 600;
    text-align: right; }

  .cart-item__price small, .cart-total__price small {
    position: relative;
    font-weight: 400;
    top: -10px;
    font-size: .6rem; }

  .cart-item__numbers {
    display: table;
    background: #fff9c4;
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 10px 0; }

  /*.numbtn {
          position: relative;
          display: block;
          width: 40px;
          height: 40px;
          line-height: 40px;
          float: left;
          background: #0badbc;
          border-bottom: 2px solid #0b9daa;
          text-align: center;
          color: #fff;
          font-weight: 600;
          font-size: 1.6rem;
  }*/
  /*.number-select {
      width: 47%;
      height: 40px;
          margin: 0 auto;
          float: left;
      text-align: center;
      border-top: 1px solid #E0E0E0;
      border-bottom: 1px solid #E0E0E0;
          border-left: 0;
          border-right: 0;
      background: #fff;
      box-shadow: 0 1px 2px rgba(0,0,0,0.1), 0 2px 2px rgba(0,0,0,0.05) inset;
          outline: none;
  }*/
  /*.number-select:focus {
          background: #FFFDE7;
          border-top: 1px solid #0badbc;
      border-bottom: 1px solid #0badbc;
          outline: none;
  }*/
  .styled-input, .form-row > textarea {
    height: 40px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 2px 2px rgba(0, 0, 0, 0.05) inset;
    outline: none; }

  .styled-input:focus, .form-row > textarea:focus {
    background: #FFFDE7;
    border: 1px solid #0badbc;
    outline: none; }

  .numbtn.minus {
    border-radius: 2px 0 0 2px; }

  .numbtn.plus {
    border-radius: 0 2px 2px 0; }

  .modal__cart-total {
    -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;
    width: 100%;
    height: 183px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    align-self: flex-end;
    position: relative;
    box-sizing: border-box;
    /*    background: #fff;*/
    font-size: .8rem;
    /*    box-shadow: 0 -2px 5px rgba(0,0,0,.3);*/
    overflow: hidden; }

  .modal__cart-total .cart-table-row:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 10px;
    width: 14px;
    height: 14px; }

  .cart-total-row {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    /*    width: 100%;*/
    height: 75px;
    padding: 0;
    /* 	display: table; */
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin: 0 .5em;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer; }

  .cart-total__name {
    position: relative;
    width: 100%;
    height: 70px;
    display: table-cell;
    vertical-align: top;
    padding: .5em .7em;
    font-size: 0.8rem;
    overflow: hidden; }

  .cart-total__name:before {
    content: ''; }

  .add-to-cart {
    position: relative;
    width: 70%;
    height: 40px;
    line-height: 40px;
    margin: .7em auto;
    align-self: flex-end;
    clear: both; }

  .reveal-modal.nopadding .close-reveal-modal, dialog.nopadding .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.3rem;
    right: 0.7rem;
    color: #AAAAAA;
    font-weight: bold;
    cursor: pointer; }

  .reveal-modal.nopadding h2#modalTitle {
    margin: 1em 1em 0 0;
    font-size: 1.4rem;
    font-weight: 600; }

  .reveal-modal.nopadding .modal-top {
    margin: 0; }

  .modal-top h2 {
    display: inline-block;
    font-size: .7rem;
    margin: .7em; }

  /* Добавление в корзину всё */
  /* Mobile adv */
  .plugin-mobbanner {
    position: relative;
    top: -1px;
    display: table;
    /* margin: 20px auto; */
    width: 100%; }

  .mobbanner-item-new {
    position: relative;
    display: table-cell;
    width: 100%;
    /* 	padding: 20px 0; */
    text-align: center;
    vertical-align: middle;
    empty-cells: hide; }

  .mobbanner-item-new .adv_frame, .mobbanner-item-new img {
    margin: 10px auto; }

  /* .mobadv-close {
          position: absolute;
          top: -19px;
          right: 20px;
          width: 20px;
          height: 20px;
          background: #ffcc00 url(../../images/mobile/close-ico.svg) 50% 50% no-repeat;
  } */
  /* Mobile adv */
  /* iOS old position fixed support */
  .no-fixed-supported #topbar,
  .no-fixed-supported #bottombar {
    position: absolute; }

  /* iOS old position fixed support ended */
  /* ------ Add to cart  ------ */
  #cart.reveal-modal {
    padding: 0;
    box-sizing: border-box;
    height: 100%; }

  #cart.reveal-modal .close-reveal-modal {
    top: 0.520rem;
    right: 0.775rem; }

  /* #add-to-cart {
          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: flex-start;
      align-content: flex-start;
      width: 100vw;
      padding: 0;
  } */
  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none; }

  #add-to-cart .bm-title {
    display: block;
    margin: .5rem 10%;
    font-size: .8rem;
    line-height: 1.4em;
    font-weight: 400; }

  .centered-block {
    -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;
    width: 100%;
    position: relative;
    display: block;
    padding: 0; }

  .select {
    height: 40px;
    position: relative;
    border-radius: 2px 0 0 2px;
    border: 1px solid #E0E0E0;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    padding: .5rem 2.5rem .5rem .5rem; }

  .select:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    margin: auto 0;
    width: 30px;
    height: 30px;
    background: url(../../images/mobile/select.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat; }

  .cart-origname-wrapper {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: 100%;
    display: block;
    position: relative;
    margin: 0;
    overflow: scroll; }

  .cart-origname-scroller {
    display: block;
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: #f7f7f7;
    background-image: url(../../images/cart-dosage-arrow.png);
    background-position: 50% 70px;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden; }

  .no-background {
    background-color: transparent !important;
    background-image: none !important; }

  .orig-name-table {
    position: relative;
    width: 100%;
    background: #fff; }

  .result-box {
    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;
    width: 100%; }

  .result-box:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); }

  .ont-row, .ont-result-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: stretch;
    width: 100%;
    padding: 0;
    font-size: .8rem;
    border-bottom: 4px solid #f0f0f0; }

  .ont-result-row {
    position: relative;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    border-top: none;
    font-size: 1rem;
    font-weight: 600;
    padding: 0;
    border: none; }

  .ont-result-row.is-fixed {
    position: fixed;
    height: 60px;
    justify-content: space-between;
    align-items: center;
    border-top: none;
    font-size: 1rem;
    font-weight: 600;
    padding: .5rem;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999; }

  .ont-row {
    flex-wrap: wrap;
    /*    border-left: 3px solid transparent;*/ }

  .ont-row.is-active {
    background-color: #fff4d5 !important;
    justify-content: space-around; }

  /*.ont-row:nth-of-type(even) {
      background-color: #f9f9f9;
  }*/
  .ont-origname {
    -webkit-box-flex: 1 1 60%;
    -moz-box-flex: 1 1 60%;
    -webkit-flex: 1 1 60%;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    position: relative;
    padding: 0 1.4rem 0 0;
    box-sizing: border-box;
    line-height: 1.3em;
    font-weight: 600; }

  .ont-origname ul {
    font-size: inherit;
    line-height: inherit; }

  .ont-result-row > .ont-origname {
    -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; }

  .ont-result-row > .ont-origprice {
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: .4rem .4rem .4rem 0;
    font-size: 1rem;
    font-weight: 600;
    order: 1;
    text-align: center;
    box-sizing: border-box;
    border-top: none; }

  .ont-origprice {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: .4rem .4rem .4rem 0;
    font-size: 1rem;
    font-weight: 600;
    order: 1;
    text-align: center;
    box-sizing: border-box;
    border-top: 1px solid #f0f0f0; }

  .ont-quantity {
    display: none;
    -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;
    order: 2;
    position: relative;
    padding: .5rem .2rem .4rem;
    box-sizing: border-box;
    text-align: center;
    border-top: 1px solid #f0f0f0; }

  .ont-btns {
    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;
    padding: 0;
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    order: 3;
    position: relative;
    padding: .4rem 0;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box; }

  .orig-name-table td.cart-origname, orig-name-table tr th.cart-origname {
    font-size: 1.1rem;
    font-weight: 600; }

  .orig-name-table td.no-padding {
    padding: 10px 0; }

  .ont-result-row .ont-btns {
    position: relative;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: .4rem 0 0;
    border-top: 0; }

  .quantity {
    display: inline-block;
    margin-top: 5px;
    font-size: .6rem;
    color: #999;
    font-weight: 400;
    line-height: 1.3em; }

  .cart-origprice > .small {
    font-size: 80%; }

  /*.number-input {
      position: relative;
      display: block;
      width: 100%;
  }*/
  /*.number-select {
      position: relative;
      width: 50%;
      height: 40px;
      margin: 0 25%;
      padding: 0;
      text-align: center;
      font-size: .8rem;
      border: 1px solid #c1c1c1;
      border-left: 0;
      border-right: 0;
      border-radius: 0;
      z-index: 2;
  }*/
  /*.numbtn-wrapper {
      position: absolute;
      display: block;
      width: 100%;
      height: 40px;
      z-index: 1;
  }*/
  /*.numbtn {
      position: absolute;
      top: 0;
      left: 0;
      width: 25%;
      height: 40px;
      background: #fff;
      border: 1px solid #c1c1c1;
      text-align: center;
      line-height: 25px;
      cursor: pointer;
      color: #555;
      text-align: center;
      line-height: 40px;
      box-sizing: border-box;
      cursor: pointer;
  }*/
  /*.numbtn.disable, .numbtn.disable:hover {
      background: #f4f4f4;
      color: #999;
      cursor: no-drop;
  }*/
  /*.numbtn.inc {
      right: 0;
      left: auto;
  }*/
  /*.numbtn:hover {
      background: #dceeff;
  }*/
  /* .cart-btn {
      width: 140px;
      padding: 0 0 0 24px;
      text-align: center;
      font-size: 11px;
      background-image: url(../../images/mobile/cart-btn.svg);
      background-position: 5px 50%;
      background-repeat: no-repeat;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
  } */
  /* .cart-btn.is-active, .cart-btn.is-active:hover, .cart-btn.is-active:active {
      background: #ff6600;
      background-image: url(../../images/remove-btn.svg);
      background-position: 50% 50%;
      background-repeat: no-repeat;
      cursor: default;
      color: transparent;
      width: 40px;
  } */
  .away-btn {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 11px; }

  .attention-btn, .attention-btn:visited {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #ff6600;
    background-image: url(../../images/remove-btn.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    padding: 0;
    opacity: .8;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .attention-btn.is-active {
    background-color: #ff6600;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .attention-btn.disable {
    display: none;
    background-color: #bababa;
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn.disable:hover {
    opacity: .2;
    cursor: default;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }

  .attention-btn:hover, .attention-btn:active {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease; }

  .row-summary {
    position: relative;
    width: 100%; }

  .light-table {
    width: 100%;
    text-align: right; }

  .large-cart-btn {
    position: relative;
    width: 100%;
    min-width: 220px;
    padding: 0;
    box-sizing: border-box;
    font-size: 0.7rem;
    background-color: #0154a6;
    height: 50px;
    line-height: 50px; }

  .large-cart-btn:hover {
    background-color: #016ed9; }

  .large-cart-btn.disable, .large-cart-btn.disable:hover, .large-cart-btn.disable:active, .large-cart-btn.disable:visited {
    background-color: #ccc;
    cursor: default; }

  .large-cart-btn.disable > .formatted-price {
    color: #fff; }

  .ont-row.is-active > .ont-origprice {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%; }

  .ont-row.is-active > .ont-btns {
    -webkit-box-flex: 40px;
    -moz-box-flex: 40px;
    -webkit-flex: 40px;
    -ms-flex: 40px;
    flex: 0 0 40px;
    align-self: flex-start;
    padding: .5rem .6rem .4rem 0.6rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ont-row {
    flex-wrap: wrap; }

  .omrn-title {
    -webkit-box-flex: 1 1 40%;
    -moz-box-flex: 1 1 40%;
    -webkit-flex: 1 1 40%;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%; }

  .ont-origprice {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 1rem .4rem .4rem 0; }

  .ont-row.is-active > .ont-origprice {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%; }

  .ont-quantity {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    padding: 1rem .2rem .4rem; }

  .ont-btns {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    padding: 1rem 0 .4rem 0; }

  .ont-row.is-active > .ont-btns {
    -webkit-box-flex: 40px;
    -moz-box-flex: 40px;
    -webkit-flex: 40px;
    -ms-flex: 40px;
    flex: 0 0 40px;
    align-self: flex-start;
    padding: 1rem 0.6rem .4rem 0.6rem;
    border: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  .ftc .action {
    display: block;
    width: 100%;
    padding: 0 0 0 20px;
    background-image: url(../../images/icons-action-color.png);
    background-position: 0 3px;
    background-repeat: no-repeat;
    margin: 0 0 8px 0; }

  .ac-card.ftc .action {
    background-image: url(../../images/icons-card-color.png); }

  .ac-pens.ftc .action {
    background-image: url(../../images/icons-pensioner-color.png); }

  .ac-action.ftc .action {
    background-image: url(../../images/icons-action-color.png); }

  .ac-delivery.ftc .action {
    background-image: url(../../images/icons-dostavka-small-hover.png); }

  /*
  @media only screen and (max-width: 77.5em) {
      #add-to-cart .row {
          width: 100%;
          min-width: 100%;
      }
  }
  
  @media all and (max-width: 1130px) {
      
      .ont-origname {
      -webkit-box-flex: 1 0 40%;
      -moz-box-flex: 1 0 40%;
      -webkit-flex: 1 0 40%;
      -ms-flex: 1 0 40%;
      flex: 1 0 40%;
  }
      
  }
  
  @media all and (max-width: 960px) {
      
      .ont-row {
          font-size: .9rem;
      }
      
      .ont-origname {
          -webkit-box-flex: 1 0 40%;
          -moz-box-flex: 1 0 40%;
          -webkit-flex: 1 0 40%;
          -ms-flex: 1 0 40%;
          flex: 1 0 40%;
      }
      
      .ont-origprice {
          -webkit-box-flex: 0 0 100px;
          -moz-box-flex: 0 0 100px;
          -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          font-size: 1.1rem;
      }
      
      .ont-quantity, .ont-origprice {
          -webkit-box-flex: 0 0 120px;
          -moz-box-flex: 0 0 120px;
          -webkit-flex: 0 0 120px;
          -ms-flex: 0 0 120px;
          flex: 0 0 120px;
          position: relative;
          padding: 0 10px;
          box-sizing: border-box;
          text-align: center;
      }
      
      .number-select {
          width: 70px;
          font-size: 1.1rem;
      }
      
  }
  
  @media all and (min-width: 768px) and (max-width: 959px) {
      
      .ont-origname {
          -webkit-box-flex: 1 0 30%;
          -moz-box-flex: 1 0 30%;
          -webkit-flex: 1 0 30%;
          -ms-flex: 1 0 30%;
          flex: 1 0 30%;
          line-height: 1.3em;
      }
      
      .ont-quantity, .ont-origprice {
          -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;
      }*/
  /*    .ont-origprice {
          -webkit-box-flex: 0 0 100px;
          -moz-box-flex: 0 0 100px;
          -webkit-flex: 0 0 100px;
          -ms-flex: 0 0 100px;
          flex: 0 0 100px;
          font-size: 1.1rem;
      }
      
      .ont-quantity, .ont-origprice {
          -webkit-box-flex: 0 0 120px;
          -moz-box-flex: 0 0 120px;
          -webkit-flex: 0 0 120px;
          -ms-flex: 0 0 120px;
          flex: 0 0 120px;
          position: relative;
          padding: 0 10px;
          box-sizing: border-box;
          text-align: center;
      }
      
      .number-select {
          width: 70px;
          font-size: 1.1rem;
      }*/
  /*.ont-btns {
      -webkit-box-flex: 0 0 50%;
      -moz-box-flex: 0 0 50%;
      -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  }*/
  /*    .cart-btn {
          width: 150px;
      }
      
  }*/
  /* -- CART -- */
  .order-wrapper {
    padding: .5em 0;
    border-top: 3px solid #f0f0f0;
    border-bottom: 3px solid #f0f0f0; }

  .order-firm-header {
    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;
    padding: .2rem .7rem .4rem;
    font-size: .8rem;
    font-weight: 600; }

  .order-firm-ordtext {
    display: blck;
    padding: .2rem .7rem .4rem;
    font-size: .7rem;
    color: #333; }

  .order-firm-ordtext > .order-minimal {
    color: #f7931e; }

  .order-header {
    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: flex-start;
    align-content: stretch;
    margin: .2em .7rem;
    padding: .6em 0;
    font-size: .8rem;
    font-weight: 600;
    border-top: 1px solid #f0f0f0; }

  .order-labels, .order-item, .order-final {
    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: flex-start;
    align-content: stretch;
    margin: .2rem .7rem;
    padding: .4rem 0;
    font-size: .8rem;
    border-top: 1px solid #f0f0f0; }

  .order-labels {
    justify-content: flex-start; }

  .order-final {
    font-weight: 600;
    margin: .4rem .7rem .2rem;
    align-items: center; }

  .order-labels {
    padding: .2em 0 0 0; }

  .order-item {
    padding: .6em 0;
    border-top: 1px dotted #f0f0f0; }

  .ct-remove {
    -webkit-box-flex: 0 0 30px;
    -moz-box-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    display: block;
    position: relative;
    height: 30px;
    background-image: url(../../images/mobile/del.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    margin: 0 0 0 .4rem;
    padding: 10px;
    border-radius: 30px; }

  .order-labels .ct-remove {
    background: transparent;
    height: 1px; }

  .order-services-box {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%;
    position: relative;
    margin: 0;
    margin: 0 .1em;
    box-sizing: border-box;
    text-align: center; }

  .order-cont {
    position: relative;
    width: 100%; }

  .order-label {
    -webkit-box-flex: 0 0 20%;
    -moz-box-flex: 0 0 20%;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    font-size: .5rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 0 .2em;
    color: #999; }

  input.ct-value {
    width: 80%;
    max-width: 40px;
    height: 30px;
    padding: 0;
    border: 1px solid #f0f0f0;
    text-align: center; }

  .order-cont {
    text-align: center; }

  .order-wrapper .btn {
    display: block;
    min-width: 160px; }

  .order-orig-name, .ost-info-label.order-label {
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    position: relative;
    box-sizing: border-box; }

  /* -=-=-=-=-=- CHECKUOT -=-=-=-=-=-=-=-=- */
  .order-choose input {
    width: 100%;
    padding: 0 .4rem; }

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

  .order-sum-box {
    position: relative;
    display: block;
    margin: .6rem 0 0;
    padding: .6rem 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center; }

  .order-sum-box > .attention {
    font-size: .7rem;
    margin-bottom: 0.25rem; }

  p.order-summary {
    margin-bottom: 0.25rem;
    font-size: .9rem;
    font-weight: 600; }

  #delivery_prices {
    display: none; }

  .order-choose .btn {
    display: block;
    width: 80%;
    max-width: 180px;
    margin: 0 auto 100px; }

  .bm-content.success {
    position: relative;
    width: 100%;
    font-size: .8rem; }

  .bm-content.success ol {
    font-size: .8rem;
    line-height: 1.5;
    margin-left: 0.8rem; }

  .bm-content.success h3 {
    color: #0154a6;
    margin-top: 60px;
    text-align: center; }

  .bm-content.success h4 {
    text-align: center; }

  .bm-content.success ol li {
    margin: .6rem 0; }

  .notification {
    position: relative;
    display: block;
    font-weight: 600; }

  /* Tooltips */
  .has-tooltip {
    /*    position: absolute;*/
    /*    top: 0;
        right: -5px;*/
    background: transparent;
    /*    width: 10px;
        height: 10px;
        display: inline-block;*/
    position: relative;
    /*    cursor: help;*/ }

  .has-tooltip-visible {
    position: absolute;
    top: -8px;
    right: 0;
    bottom: 0;
    left: 4px;
    margin: auto auto;
    background: #f5f5f5 url(../../images/mobile/question.svg) 50% 50% no-repeat;
    border-radius: 10px;
    border: 1px solid #e0e0e0;
    width: 18px;
    height: 18px;
    display: inline-block;
    /*    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
    cursor: help; }

  .has-tooltip.active > .has-tooltip-visible {
    background-color: #fff9c4;
    border-color: #ffe0b2; }

  .my-tooltip {
    position: absolute;
    /*    width: 200px;*/
    max-width: 100%;
    left: 50%;
    top: auto;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: auto auto;
    height: auto;
    max-height: 320px;
    padding: .8rem 1.6rem .8rem .8rem;
    background-color: #fff;
    border: 1px solid #eee;
    color: #333;
    font-size: .7rem;
    line-height: 1.5em;
    -webkit-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3), 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 98; }

  .tooltip-arrow {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99; }

  .tooltip-arrow:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #eee; }

  .tooltip-arrow:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #fff; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .has-tooltip {
    right: -8px; }

  .has-tooltip-visible {
    width: 22px;
    height: 22px; }

  .my-tooltip {
    font-size: .9rem;
    max-height: 500px;
    padding: 1rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 960px) {
  .my-tooltip {
    max-width: 600px; } }
@media (min-width: 200px) and (max-width: 767px) {
  .app-banner {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: center;
    align-content: stretch;
    width: 100%;
    padding: 1rem .5rem;
    background-color: #B2EBF2;
    border-top: 1px solid #80DEEA;
    border-bottom: 1px solid #80DEEA;
    /*    background-color: #FFECB3;
        border-top: 1px solid #ffd54f;
        border-bottom: 1px solid #ffd54f;*/ }

  .app-banner > .close-this {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    z-index: 1000; }

  .app-banner > .close-this:after {
    content: '';
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    height: 20px;
    background: url(../../images/mobile/close-ico.svg) 50% 50% no-repeat;
    background-size: 20px; }

  .app-banner > .app-txt {
    display: none;
    font-weight: 300;
    font-size: .9rem;
    font-family: 'Conv_dincondensedc', sans-serif;
    color: #212121;
    text-transform: uppercase; }

  .app-banner a {
    display: block;
    margin: 0 .2rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .app-banner {
    padding: 1rem 10%; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 500px) {
  .app-banner > .app-txt {
    display: inline-block;
    font-size: 1.3rem;
    padding: 0 .4rem 0 0; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 700px) {
  .app-banner {
    padding: 1rem 20%; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* best-online-price */
  .best-online-price {
    position: relative;
    display: block;
    width: 100%;
    min-height: 64px;
    margin: 1.5rem 0;
    padding: 1.6rem 1.3rem 56px 1.3rem;
    border: 1px solid #0154A6; }

  .best-online-price > .online-shop-logo {
    display: none; }

  .best-online-price > .online-shop-title {
    /*    position: relative;*/
    display: block;
    margin: 0 130px 5px 0; }

  .best-online-price > .online-shop-title .best-star {
    font-size: .8rem;
    color: #ffffff;
    background: #0154A6;
    display: inline-block;
    font-style: italic;
    padding: 2px 18px;
    display: inline-block;
    position: absolute;
    top: -11px;
    border-radius: 10px; }

  .best-online-price > .online-shop-title .online-title {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: -0.04rem;
    line-height: 1.3rem; }

  .best-online-price > .online-shop-title .online-subtitle {
    font-size: .8rem;
    padding: 5px 0; }

  /*.best-big-price {
      position: absolute;
      top: 1.3rem;
      right: 1.3rem;
      font-size: 1.2rem;
      font-weight: 600;
      letter-spacing: -0.02rem;
  }*/
  .best-online-price .online-shop-btn {
    position: absolute;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    top: auto;
    right: 0;
    bottom: 10px;
    left: 0;
    margin: 0 1.3rem;
    /*    width: 90%;*/ }

  .best-online-price .online-shop-btn a {
    height: 40px;
    line-height: 40px;
    /*    margin: 0 0.5% .4rem .5%;*/
    -webkit-box-flex: 1 0 48%;
    -moz-box-flex: 1 0 48%;
    -webkit-flex: 1 0 48%;
    -ms-flex: 1 0 48%;
    flex: 1 0 48%;
    /*    margin: 0 0 32px;*/ }

  .best-online-price a.go-to-all {
    position: absolute;
    display: inline-block;
    bottom: 1px;
    right: 0;
    left: 0;
    margin: .3rem .3rem 0 .3rem;
    padding: 6px 0;
    font-weight: 400;
    font-size: .7rem;
    text-align: center; }

  /* best-online-price */
  .best-online-price.utsenka {
    border: 1px solid #248E13; }

  .best-online-price.utsenka > .online-shop-title .best-star {
    background: #248E13; }

  .best-online-price.utsenka .online-shop-btn > .btn {
    background: #248E13; }

  .best-online-price.utsenka .online-shop-btn > .btn:hover {
    background: #54C158; }

  .give-feedback {
    position: relative;
    display: block;
    margin: 10px 10px 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #e5e5e5;
    /*     background-image: url(../../images/get-feedback.svg);
        background-position: 0 120%;
        background-repeat: no-repeat;*/ }

  .give-feedback > a.btn {
    width: 100%;
    color: #fff;
    height: 40px;
    line-height: 40px; }

  .filters-progress {
    position: relative;
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: .8rem 0;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    background: #ccc; }

  .btn-progress, .btn-progress:hover, .btn-progress:active {
    cursor: default;
    overflow: hidden;
    position: relative;
    /*  background-color: #0badbc;*/
    background-image: -moz-linear-gradient(top, #0badbc, #156cc2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0badbc), to(#156cc2));
    background-image: -webkit-linear-gradient(top, #0badbc, #156cc2);
    background-image: -o-linear-gradient(top, #0badbc, #156cc2);
    background-image: linear-gradient(to bottom, #0badbc, #156cc2);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0badbc', endColorstr='#156cc2 ', GradientType=0);
    /*  background-color: #0badbc;*/
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    -webkit-background-size: 80px 80px;
    -moz-background-size: 80px 80px;
    -o-background-size: 80px 80px;
    background-size: 80px 80px;
    -webkit-animation: progress-bar-stripes 0.5s linear infinite;
    -moz-animation: progress-bar-stripes 0.5s linear infinite;
    -ms-animation: progress-bar-stripes 0.5s linear infinite;
    -o-animation: progress-bar-stripes 0.5s linear infinite;
    animation: progress-bar-stripes 0.5s linear infinite; }

  /* Анимация */
  /* Webkit */
  @-webkit-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Firefox */
  @-moz-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* IE9 */
  @-ms-keyframes progress-bar-stripes {
    from {
      background-position: 80px 0; }
    to {
      background-position: 0 0; } }
  /* Opera */
  @-o-keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* Spec */
  @keyframes progress-bar-stripes {
    to {
      background-position: 80px 0; }
    from {
      background-position: 0 0; } }
  /* cabinet promo */
  .lk_promo {
    display: block;
    position: relative;
    bottom: -24px;
    margin: 0px -24px;
    padding: 1.4rem 2.5rem;
    background-color: #0cc3d4;
    font-size: .9rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease; }

  .lk_promo:hover, .lk_promo:active {
    background-color: #18ccdd; }

  .lk_promo > .btn {
    display: block;
    padding: 0 42px;
    font-size: .8rem;
    font-weight: 400;
    width: 80%;
    margin: 1rem auto 0; }

  .lk_promo:hover > .btn {
    background-color: #016ed9; }

  /* cabinet promo finished */
  .auth-box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 1.4rem auto;
    padding: .8rem;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    /*     box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/ }

  .auth-box .register {
    position: relative;
    display: inline-block;
    margin: .4rem 0; }

  .auth-box .login-info {
    margin-bottom: 0; }

  .disabled {
    cursor: text !important; }

  a.disabled {
    color: #888;
    position: relative;
    display: inline-block;
    /*    border-bottom: 1px dotted #888;*/ }

  button.disabled, input[type=button].disabled, input[type=submit].disabled {
    background-color: #f0f0f0;
    color: #888; }

  .formatted-price {
    position: relative;
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
    font-weight: 600;
    font-size: 1.2em; }

  .kop-separator {
    font-size: .8em;
    font-weight: 400; }

  .kop {
    font-size: .8em;
    font-weight: 400; }

  .rubsymbol {
    position: relative;
    font-family: 'OSRouble', Arial, Verdana, sans-serif;
    font-weight: 400;
    font-size: .9em;
    margin: 0 0 0 .2em; }

  /* Модальное окно оригинальных наименований на карте */
  #map-orignames.reveal-modal {
    padding: 50px 0 0 0;
    background: #ededed; }

  .big-actions-block {
    position: relative;
    margin: 0 0 0 1px;
    border-bottom: 0; }

  .big-actions-block ul > li > a {
    position: relative;
    display: block;
    width: 23.5%;
    height: 110px;
    float: left;
    border: 1px solid #f0f0f0;
    margin: 0 .5% 10px;
    box-sizing: border-box;
    color: #262626;
    overflow: hidden;
    transition: all .5s ease; }

  .big-actions-block ul > li > a:hover {
    border-color: #0badbc;
    transition: all .5s ease; }

  .bac-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    position: relative;
    padding: 1rem 1rem 0.3rem 40px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    width: 100%; }

  .bac-title {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0 .8rem 0 0; }

  .bac-condition {
    position: relative;
    display: block;
    margin-top: 2px;
    font-size: .8rem;
    font-weight: 400;
    color: #5c5c5c;
    padding: 0 1rem 0 40px;
    line-height: 1.3rem; }

  .big-actions-block ul > li > a.ac-card .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-card.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-discount .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-discount.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-date .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-rouble .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-pens .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-action .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-action.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a.ac-worker .bac-header {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg);
    background-size: 20px; }

  .big-actions-block ul > li > a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 70%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 70%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }

  .big-actions-block ul > li > a .allfirm-action {
    font-weight: 600;
    font-size: 12px;
    line-height: 1.1rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 1200px) {
  .big-actions-block ul > li > a {
    width: 49%;
    height: 100px;
    max-height: 100px; }

  .bac-header {
    background-position: 10px 50%;
    padding: 0.5rem 1rem 0.3rem 40px; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 768px) {
  .big-actions-block {
    position: relative;
    margin: 0 0 0 6px; }

  .big-actions-block ul > li > a {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 .8rem;
    height: auto;
    max-height: 67px;
    border: none;
    border-bottom: 1px solid #f0f0f0; }

  .big-actions-block ul > li > a:hover {
    border-bottom: 1px solid #f0f0f0; }

  .bac-header {
    padding: 4px 0 4px 40px;
    background-position: 10px 3px; }

  .bac-condition {
    padding: 0 9rem 0 40px; }

  .bac-percent {
    position: absolute;
    right: 10px;
    width: 50px;
    top: 0;
    z-index: 1; }

  /*    .big-actions-block ul > li > a:after {
          display: none;
      }*/ }
@media (min-width: 200px) and (max-width: 767px) {
  .ont-header-row {
    background-color: #0badbc;
    color: #fff; }

  .ont-origname ul.orn-info {
    position: relative;
    display: block;
    margin-top: .3rem;
    font-size: .6rem;
    font-weight: 400;
    line-height: 1rem; }

  .orn-attention, .orn-markdown-cause {
    font-size: .7rem;
    font-weight: 400;
    line-height: 1rem; }

  .orn-label {
    font-weight: 600; }

  .orn-attention {
    color: #ff5722; }

  .orn-markdown-cause {
    color: #388e3c; }

  .orn-dosage-actions > .orn {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 14px; }

  .orn.ac-card {
    background-image: url(../../images/icons/actions-icons/ac-card.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-pens {
    background-image: url(../../images/icons/actions-icons/ac-pens.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-action {
    background-image: url(../../images/icons/actions-icons/ac-action.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-discount {
    background-image: url(../../images/icons/actions-icons/ac-discount.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-rouble {
    background-image: url(../../images/icons/actions-icons/ac-rouble.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-date {
    background-image: url(../../images/icons/actions-icons/ac-calendar.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .orn.ac-worker {
    background-image: url(../../images/icons/actions-icons/ac-worker.svg);
    background-position: 0 50%;
    background-size: 16px; }

  .ornm-table, .ornm-row, .ornm-first-cell, .ornm-second-cell {
    display: block;
    position: relative; }

  .ornm-first-cell {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    width: 100%;
    font-size: .8rem;
    font-weight: 400;
    padding: .8rem 0 .8rem .8rem; }

  .ornm-main-content-wrapper {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ornm-more {
    -webkit-box-flex: 0 0 30px;
    -moz-box-flex: 0 0 30px;
    -webkit-flex: 0 0 30px;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    text-align: center;
    box-sizing: border-box;
    border-left: 1px solid #f0f0f0; }

  .ornm-more > .orn-dosage-actions {
    margin: 0;
    white-space: normal; }

  .ornm-primary {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    font-size: .8rem;
    width: 100%;
    font-weight: 600; }

  .ornm-secondary {
    display: block;
    width: 100%;
    font-size: .7rem;
    font-weight: 400; }

  .ornm-origname {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }

  .ornm-price {
    -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;
    padding: 0 1rem; }

  .ornm-second-cell {
    position: relative;
    border-top: 1px solid #f0f0f0;
    padding: .5rem .7rem;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.1) inset; }

  .ornm-second-cell:before {
    content: '';
    position: absolute;
    top: -20px;
    right: 6px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #e1e1e1;
    border-left: 10px solid transparent; }

  ul.orn-info {
    font-size: .7rem;
    font-weight: 400;
    color: #999; }

  .orn-label {
    font-weight: 600; }

  .ornm-table {
    background-color: #ededed;
    margin-bottom: 84px; }

  .ornm-row {
    position: relative;
    background: #fff;
    margin: 0 .4rem;
    padding: 0;
    border-top: 5px solid #f0f0f0;
    border-bottom: 5px solid #f0f0f0; }

  .ornm-row:nth-of-type(even) {
    background-color: #fbfbfb;
    border: none; }

  .omrn-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    min-height: 57px;
    font-size: .9rem;
    padding: .5rem 0 .3rem 0; }

  .origname-title {
    /*    font-weight: 600;*/
    font-size: .9rem;
    line-height: 1.2rem;
    padding: .4rem 1.1rem;
    box-sizing: border-box;
    margin: 0; }

  .orn-info {
    font-weight: 400;
    font-size: .7rem;
    color: #686868; }

  .orn-attention, .orn-markdown-cause {
    font-weight: 400;
    font-size: .7rem;
    /*    text-align: center;*/ }

  .omrn-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    font-size: .8rem;
    width: 100%;
    padding: 0;
    border-top: 1px solid #f0f0f0;
    box-sizing: border-box;
    text-align: center; }

  .omrn-btns {
    position: relative;
    display: block;
    -webkit-box-flex: 0 0 100%;
    -moz-box-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }

  .omrn-price {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 50%;
    min-height: 38px;
    line-height: 38px;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    box-sizing: border-box; }

  .omrn-current-actions {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    -webkit-box-flex: 1 1 50%;
    -moz-box-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%; }

  .orn-dosage-actions {
    position: relative;
    display: block;
    /* width: 100%; */
    box-sizing: border-box;
    padding: 0.6rem 30px 0.4rem .8rem;
    margin: 0;
    /* background-color: #efefef; */
    background-image: url(../../images/mobile/arrow-d-g.svg);
    background-position: 94% 50%;
    background-repeat: no-repeat;
    border-left: 1px solid #f0f0f0;
    /* -webkit-border-radius: 2px; */
    /*    -moz-border-radius: 2px;*/
    /* border-radius: 2px; */ }

  .filial-action-text {
    font-size: .8rem;
    font-weight: 400;
    color: #333; }

  .omrn-footer {
    position: relative;
    display: block;
    width: 100%; }

  .omrn-footer .big-actions-block {
    position: relative;
    display: block;
    margin: 0;
    padding: .5rem 0;
    border-top: 1px solid #f0f0f0; }

  .omrn-footer .all-current-actions {
    margin: 0; }

  /*
  @media all and (max-width: 768px)
      .big-actions-block {
          position: relative;
          margin: 0 0 0 6px;
  }*/
  .omrn-footer .big-actions-block ul > li > a {
    width: 100%;
    margin: 0;
    padding: .8rem 0;
    height: auto;
    max-height: 1000px;
    border: none;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0; }

  .omrn-footer .big-actions-block ul > li > a:after {
    display: none; }

  .omrn-footer .bac-condition {
    padding: 0 .4rem 0 40px;
    line-height: 1rem; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 400px) {
  .ornm-row:nth-of-type(even) {
    background-color: #fff; } }
@media all and (min-width: 200px) and (max-width: 767px) and (min-width: 400px) {
  .omrn-btns {
    -webkit-box-flex: 0 0 35%;
    -moz-box-flex: 0 0 35%;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    align-self: flex-end; }

  .omrn-price {
    -webkit-box-flex: 0 0 30%;
    -moz-box-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    min-width: 30%;
    font-size: 1rem;
    color: #0badbc; }

  .omrn-current-actions {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; } }
@media (min-width: 200px) and (max-width: 767px) {
  .order-item > .omrn-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: nowrap;
    align-items: center;
    align-content: flex-start;
    position: relative;
    -webkit-box-flex: 2 1 auto;
    -moz-box-flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
    width: auto;
    max-width: 45%;
    min-height: 57px;
    font-size: .9rem;
    padding: 0; }

  .order-item > .omrn-title > .origname-title {
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: keep-all;
    line-break: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    padding: 0; }

  .order-item > .omrn-title > .origname-title > ul > li {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: keep-all;
    line-break: auto;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    font-size: .7rem; }

  /* NEW FILTERS */
  #filtersmodal.reveal-modal {
    padding: 0; }

  #filtersmodal.reveal-modal .close-reveal-modal {
    top: 0.025rem;
    right: 0.575rem;
    z-index: 100; }

  .modal-scroll-wrapper {
    position: relative;
    display: block;
    height: 100%;
    padding: 10px 0 0;
    box-sizing: border-box;
    overflow-x: hidden; }

  .modal-scroll-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(201, 201, 201, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c9c9c9', endColorstr='#00000000',GradientType=0 ); }

  .modal-scroll-wrapper:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(201, 201, 201, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6c9c9c9',GradientType=0 ); }

  .modal-scroll {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden; }

  .forms-filters {
    position: relative;
    width: 100%;
    display: block; }

  .filters-content {
    position: relative;
    margin: 0 300px 0 0;
    display: block;
    box-sizing: border-box;
    z-index: 1; }

  .filters-filters {
    position: relative;
    width: 286px;
    display: block;
    float: right;
    box-sizing: border-box;
    z-index: 2; }

  .all-forms-heads {
    position: relative;
    width: 100%;
    display: inline-block; }

  .all-forms-heads ul {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box; }

  .all-forms-heads ul li {
    margin: 0;
    display: inline-block; }

  .all-forms-heads ul li .one-form {
    position: relative;
    display: block;
    margin: 0 .2rem 6px 0;
    height: 28px;
    line-height: 28px;
    padding: 0 28px 0 8px;
    background-color: #0badbc;
    color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    border-radius: 1px; }

  .all-forms-heads ul li .one-form:before {
    content: '';
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px;
    background-image: url(../../images/filter-close.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 10px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    border-radius: 22px;
    opacity: .6;
    transition: all .2s ease; }

  .all-forms-heads ul li .one-form.active {
    color: #0064ae; }

  .all-forms-heads ul li .one-form:hover:before {
    background-color: #0cc3d4;
    opacity: 1; }

  .all-forms-heads ul li:last-child {
    margin: 0; }

  .all-dosage-content {
    position: relative;
    display: block;
    margin: 10px 0 20px;
    border-top: 1px solid #f0f0f0; }

  .all-dosage-content .dosage-row {
    position: relative;
    display: table;
    width: 100%;
    min-height: 60px;
    padding: 1rem;
    border: 1px solid #f0f0f0;
    border-top: 0;
    transition: all .5s ease;
    color: #262626; }

  .all-dosage-content .dosage-row:hover {
    -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    z-index: 1; }

  .all-dosage-content .dosage-row .dosage-name {
    position: relative;
    display: table-cell;
    width: auto;
    min-width: 50%;
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: 600; }

  .recipe-only {
    display: block;
    position: relative;
    padding: 0 0 0 18px;
    background-image: url(../../images/attention-recipe-min.svg);
    background-repeat: no-repeat;
    background-position: 0 50%;
    font-size: .9rem;
    font-weight: 400; }

  .all-dosage-content .dosage-row .dosage-price {
    position: relative;
    display: table-cell;
    width: 15%;
    font-size: 1rem;
    font-weight: 400;
    vertical-align: middle;
    text-align: left; }

  .dosage-row .dosage-price .formatted-price {
    font-size: 1.2rem; }

  .all-dosage-content .dosage-row .dosage-arrow {
    position: relative;
    display: table-cell;
    width: 46px;
    background-image: url(../../images/dosage-arrow.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .all-dosage-content .dosage-row .dosage-number {
    position: relative;
    display: table-cell;
    width: 120px;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .numbtn {
    position: absolute;
    top: 0;
    width: 30%;
    height: 47px;
    border: 1px solid #CCC;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-size: 1em;
    line-height: 47px;
    font-weight: 700;
    cursor: pointer; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.inc {
    left: 0;
    right: auto;
    border-right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px; }

  .all-dosage-content .dosage-row .dosage-number .numbtn.dec {
    left: auto;
    right: 0;
    border-left: 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0; }

  .all-dosage-content .dosage-row .dosage-number .numbtn:hover {
    background-color: #aeddff; }

  .all-dosage-content .dosage-row .dosage-number .number-input {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    margin: 0 30%;
    box-sizing: border-box; }

  .all-dosage-content .dosage-row .dosage-number .number-input input {
    height: 47px;
    line-height: 47px;
    text-align: center; }

  .all-dosage-content .dosage-row .dosage-btn {
    position: relative;
    display: table-cell;
    width: 136px;
    text-align: right; }

  .all-dosage-offers {
    font-size: 12px;
    color: #999;
    font-weight: 400; }

  .dosage-filters {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 1px solid #f0f0f0; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 .8rem .8rem;
    border-bottom: 1px solid #ededed; }

  .filter-box.checked:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    width: 3px;
    height: 100%;
    background-color: #0bafbd; }

  .filter-box.uncheck {
    padding: 1rem .8rem;
    font-weight: 600;
    text-align: center;
    color: #262626;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .filter-box.uncheck:hover {
    background-color: #49c787;
    color: #fff; }

  .filter-header {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 1.1em 0 0.9em;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #262626; }

  .filter-header:hover {
    color: #0064ae; }

  .check-number {
    display: inline-block;
    position: relative;
    background: #f0f0f0;
    border-radius: 20px;
    padding: 0 6px; }

  .filter-header .filter-header__toggler {
    display: block;
    position: relative;
    float: left;
    margin: 1px 4px 0 0;
    width: 14px;
    height: 14px;
    background-image: url(../../images/filters-toggle.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: rotate(0deg);
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease; }

  .js-show-more {
    display: inline-block;
    position: relative;
    padding: .1rem 1rem;
    border: 1px solid #f0f0f0; }

  .show-all {
    margin: 0 0 0 5px;
    text-transform: lowercase;
    font-weight: 400;
    font-size: 1rem;
    font-style: italic;
    color: #0A659C;
    border-bottom: 1px dotted #0A659C; }

  .show-all:hover {
    color: #49c787; }

  .js-closed .filter-header .filter-header__toggler {
    background-position: 50% 38%;
    transform: rotate(180deg); }

  .filter-box .filter-content {
    display: block;
    position: relative;
    width: 100%;
    max-height: 190px;
    overflow-x: hidden;
    overflow-y: auto; }

  .filter-box.js-closed {
    padding: 0 .8rem 0; }

  .filter-box-btn {
    width: 100%;
    max-width: 260px;
    height: 40px;
    margin: .5rem auto;
    padding: 0 1rem;
    line-height: 40px;
    text-align: left;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #49c787;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border-bottom: 1px solid #3ea370; }

  .ui-checkbox {
    display: block;
    position: relative;
    width: 100%;
    margin: .2rem 0; }

  .ui-checkbox input[type="checkbox"] {
    display: none;
    position: relative;
    width: 16px;
    height: 16px;
    visibility: hidden;
    line-height: 16px;
    font-size: .9rem;
    z-index: -1; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .2em 12px .2em 24px;
    font-size: 1em;
    font-weight: 400;
    cursor: pointer;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #CCC;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"] + label:after {
    content: '';
    position: absolute; }

  .ui-checkbox input[type="checkbox"] + label:hover {
    color: #0badbc;
    background-color: #f5f5f5; }

  .ui-checkbox input[type="checkbox"] + label:hover:before {
    background-color: #fff;
    border: 1px solid #0badbc; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    /*    margin: 0 0 0 5px;*/
    /*    min-width: 18px;*/
    /*    height: 18px;
        line-height: 18px;*/
    padding: 0 3px;
    /*    font-size: .6rem;
        text-align: center;
        top: -1px; 
        background-color: #CCC;
        color: #fff;*/
    font-size: .8rem;
    margin: 0 0 0 .3em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before {
    content: '(';
    position: absolute;
    top: -1px;
    left: 0; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ')';
    position: absolute;
    top: -1px;
    right: 0; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    color: #0badbc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px; }

  .ui-checkbox input[type="checkbox"]:checked + label:hover {
    background-image: url(../img/icons/close_hover.svg); }

  .ui-checkbox input[type="checkbox"]:checked + label:before {
    background-color: #0badbc;
    border: 1px solid #0badbc;
    background-image: url(../../images/filters-check.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%; }

  .ui-checkbox input[type="checkbox"]:checked + label:after {
    z-index: 5; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    cursor: default;
    color: #CCC; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover {
    color: #CCC;
    background-color: #fff; }

  .ui-checkbox.disable input[type="checkbox"] + label:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:before {
    border-color: #e8e8e8; }

  .ui-checkbox.disable input[type="checkbox"] + label:hover:after {
    content: ''; }

  .js-toggle-block.js-closed .js-toggle-content {
    display: none; }

  .dosage-card {
    position: relative;
    width: 33.33333333333333%;
    display: inline-block;
    float: left;
    min-height: 355px;
    margin: 0;
    padding: 20px 30px;
    box-sizing: border-box;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 1px solid #f0f0f0; }

  .clear-filters {
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: top;
    position: relative;
    float: right;
    font-size: 14px;
    color: #0154a6;
    border-bottom: 1px dotted #0154a6;
    /*    background-image: ;*/ }

  .dosage-card:hover {
    /*    background-color: #f9f9f9;*/
    -moz-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    -webkit-box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 2px 17px rgba(0, 0, 0, 0.12), 0 4px 6px rgba(0, 0, 0, 0.23);
    z-index: 1; }

  .dosage-card .dosage-preview {
    position: relative;
    display: block;
    width: 100%;
    height: 186px;
    color: #262626; }

  .dosage-card .dosage-preview img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    height: auto;
    opacity: 1; }

  .dosage-card:hover .dosage-preview img {
    opacity: .8; }

  .dosage-card .dosage-name {
    position: relative;
    display: block;
    max-height: 42px;
    font-size: 1.2rem;
    margin: 0 0 .4rem;
    overflow: hidden; }

  .dosage-card .formatted-price {
    font-size: 1.2rem;
    color: #262626; }

  .dosage-card .all-dosage-offers {
    display: block;
    position: absolute;
    bottom: 7px;
    left: 30px;
    right: 30px;
    margin: 1rem 0 0 0;
    font-size: 1rem;
    /* width: 100%; */
    height: 60px;
    border-top: 1px solid #e6e6e6;
    line-height: 60px; }

  .dosage-card .dosage-arrow {
    display: block;
    position: absolute;
    bottom: 16px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-image: url(../../images/dosage-arrow2.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #0badbc;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  .dosage-card:hover .dosage-arrow {
    background-color: #0cc3d4;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 1080px) {
  .filters-filters {
    width: 246px; }

  .filters-content {
    position: relative;
    margin: 0 260px 0 0; }

  .dosage-card {
    width: 50%; }

  .dosage-card:nth-of-type(3n+1) {
    border-left: 0; }

  .dosage-card:nth-of-type(2n+1) {
    border-left: 1px solid #f0f0f0; }

  .dosage-card .dosage-preview img {
    top: 15px;
    width: auto;
    height: 70%; }

  .all-dosage-content .dosage-row .dosage-price {
    width: 20%;
    min-width: 110px; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 960px) {
  .show {
    display: block !important; }

  .filters-filters {
    width: 100%;
    float: none;
    padding: 0 0.5rem; }

  .filters-content {
    width: 100%;
    margin: 0;
    padding: 0 0.5rem; }

  .dosage-filters {
    border: none;
    margin: 0 0 1rem; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 0 .8rem;
    border-bottom: 2px solid #ededed; }

  .filter-box.js-closed {
    padding: 0 0 0; }

  .ui-checkbox {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 .6rem .6rem 0; }

  .ui-checkbox.disable input[type="checkbox"] + label {
    border: 1px dashed #f0f0f0; }

  .ui-checkbox input[type="checkbox"] + label {
    position: relative;
    display: block;
    margin: 0;
    padding: .5em 12px .5em 32px;
    font-size: 1.1rem;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    left: 10px;
    width: 14px;
    height: 14px;
    z-index: 3;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    top: -5px;
    padding: 0 3px;
    font-size: 0.8rem;
    margin: 0 0 0 .1em; }

  .ui-checkbox input[type="checkbox"] + label .filter-number:before, .ui-checkbox input[type="checkbox"] + label .filter-number:after {
    content: ''; }

  .ui-checkbox input[type="checkbox"]:checked + label {
    border-color: #0badbc;
    background-color: #0badbc;
    color: #fff; }

  .filter-box.checked:before {
    content: '';
    display: none; }

  .filter-box.uncheck {
    width: 200px;
    margin: 10px 0 30px;
    background-color: #49c787;
    color: #fff;
    border: none; }

  .all-forms-heads {
    display: none; } }
@media all and (min-width: 200px) and (max-width: 767px) and (max-width: 768px) {
  .filter-box .filter-content {
    max-height: 600px; }

  .filter-box {
    display: block;
    position: relative;
    padding: 0 0 0.2rem;
    border-bottom: 1px solid #ededed; }

  .ui-checkbox {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 .2rem .4rem 0; }

  .ui-checkbox.disable {
    display: none; }

  .ui-checkbox input[type="checkbox"] + label, .ui-checkbox input[type="checkbox"] + label:hover {
    position: relative;
    display: block;
    margin: 0;
    padding: .3em 12px;
    font-size: .8rem;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #f0f0f0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }

  .ui-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: none; }

  .ui-checkbox input[type="checkbox"] + label .filter-number {
    display: inline-block;
    position: relative;
    top: -4px;
    padding: 0 3px;
    font-size: 0.5rem;
    margin: 0 0 0 .1em; }

  .filter-box.uncheck {
    width: 100%;
    max-width: 260px;
    height: 40px;
    margin: .5rem auto;
    padding: 0 1rem;
    line-height: 40px;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #FFB74D;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03rem;
    border-bottom: 1px solid #FF9800; }

  .filters-content {
    width: 100%;
    margin: 0;
    padding: 0; }

  .dosage-list .panel-gray {
    padding: .4rem;
    background-color: #f0f0f0;
    font-size: .8rem; }

  .panel-gray > a.sort-link > span {
    display: inline-block;
    margin: 0 0 0 .3rem;
    padding: .3rem .6rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; }

  .all-dosage-content {
    margin: 0; }

  .filter-header {
    font-size: 0.7rem;
    font-weight: 700; }

  .all-dosage-content .dosage-row {
    border-left: 0;
    border-right: 0; }

  .all-dosage-content .dosage-row {
    display: block;
    padding: 0.6rem; }

  .all-dosage-content .dosage-row .dosage-name {
    position: relative;
    display: block;
    width: 100%;
    font-size: .9rem; }

  .recipe-only {
    font-size: .6rem;
    padding: 0 0 0 14px;
    background-size: 10px; }

  .all-dosage-content .dosage-row .dosage-price {
    width: 100%;
    display: block;
    color: #0badbc;
    font-size: .8em; }

  .all-dosage-offers {
    display: inline-block;
    margin-left: .4rem;
    font-size: 0.8rem; }

  .all-dosage-content .dosage-row .dosage-arrow {
    display: none; }

  .dosage-row .dosage-price .formatted-price {
    font-size: 1.2em; }

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

  .ui-checkbox.disable input[type="checkbox"] + label {
    display: none; } }
@media (min-width: 200px) and (max-width: 767px) {
  .change-name {
    position: relative;
    display: block;
    margin: 1rem 0;
    width: 100%;
    /*    height: 60px;
        line-height: 60px;*/
    padding: 12px 12px 12px 60px;
    background: #fff6dc;
    font-size: .8rem;
    overflow: hidden; }

  .change-name a {
    text-decoration: underline; }

  .change-name:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 20px 0 0;
    width: 40px;
    height: 100%;
    background-color: #FFD54F;
    background-image: url(../../images/question-change.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 36px; }

  .change-name:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #FFD54F;
    transform: rotate(45deg); }

  .change-name.forbidden-drug {
    background-color: #ffebee; }

  .change-name.forbidden-drug:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    margin: 0 20px 0 0;
    width: 40px;
    height: 100%;
    background-color: #e57373;
    background-image: url(../../images/attention-change.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 36px; }

  .change-name.forbidden-drug:after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: 16px;
    height: 16px;
    background-color: #e57373;
    transform: rotate(45deg); }

  .but-notification {
    position: relative;
    margin: 0 20px;
    padding: 20px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0; }

  .but-notification > .blue-btn {
    margin: 10px 0 0;
    padding: 0 22px;
    color: #fff; }

  .СЃity-up {
    position: absolute;
    display: none;
    opacity: 0;
    top: 0;
    left: .6rem;
    right: 0;
    margin: auto;
    padding: .8rem;
    width: 320px;
    background-color: #fff;
    text-align: center;
    z-index: 9999;
    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5); }

  .СЃity-up:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 0;
    left: 1.4rem;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff; }

  .СЃity-up:before {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    left: 1.4rem;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f0f0f0; }

  .city-up-text {
    font-size: 1.1rem;
    font-weight: 600;
    margin: .8rem auto 1.2rem;
    line-height: 1.45rem;
    color: #333333; }

  .city-up-btn {
    text-transform: none;
    font-weight: normal;
    padding: 0;
    width: 50%;
    height: 50px;
    line-height: 50px;
    float: left;
    font-size: .9rem;
    text-align: center;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }

  .СЃity-up.is-visible {
    display: block; }

  .СЃity-up.is-open {
    margin-top: 40px;
    opacity: 1; }

  .discount-attention {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 0 0 0 26px;
    font-size: .8rem;
    color: #248e13;
    font-weight: 600;
    /*    text-transform: uppercase;
        letter-spacing: 0.09rem;*/ }

  .discount-attention > .formatted-price {
    font-weight: 700;
    font-size: 12px; }

  .discount-attention:before {
    content: '%';
    position: absolute;
    top: 0;
    right: auto;
    left: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background-color: #4caf50;
    color: #fff;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 600;
    font-size: 14px; }

  /* Новое добавление в корзину */
  #add-to-cart {
    justify-content: flex-start;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: #F2F2F2;
    background-image: url(../../images/mobile/add-to-cart-bg.png);
    background-repeat: repeat; }

  .cart-step-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    background-color: #fff;
    width: 100%;
    min-height: 60px;
    flex: 0 0 60px;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap; }

  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none;
    width: 100%; }

  .blu-select {
    flex: 0 0 auto;
    width: 100%;
    max-width: 240px;
    height: 60px;
    padding: .5rem;
    border: 0;
    box-shadow: none;
    font-size: 1.05rem;
    background-image: none;
    background-color: #01549D;
    color: #ffffff;
    text-align: center;
    text-align-last: center; }

  .blu-select option {
    background-color: #ffffff;
    color: #1A1A1A;
    text-align: left; }

  select.blu-select:hover {
    background-color: #01549D;
    color: #ffffff; }

  .select-white-box {
    margin-bottom: 15px;
    padding: .5rem 10px;
    border-top: 1px solid #F4F4F4;
    background-color: #ffffff; }

  .shop-logo-cart {
    flex: 0 0 130px;
    margin: auto;
    padding: 0 10px;
    text-align: center; }

  .info-to-cart {
    flex: 1 1 auto;
    margin: auto;
    padding-right: 15%; }

  .shop-logo-cart img {
    width: auto;
    height: auto;
    max-width: 102px;
    max-height: 70px; }

  .btn-step-cart {
    position: relative;
    width: 100%;
    max-width: 272px;
    padding: 0 40px 0 10px;
    display: block;
    background-color: #4CA650;
    border-radius: 25px;
    text-transform: none;
    font-size: 17px;
    font-weight: 100; }

  .btn-step-cart:after {
    content: "";
    position: absolute;
    width: 22px;
    height: 18px;
    margin: auto;
    top: 0;
    right: 10px;
    bottom: 0;
    background-image: url(../../images/mobile/right-arrow.png);
    background-image: url(../../images/mobile/right-arrow.svg);
    background-position: center;
    background-size: 22px auto;
    background-repeat: no-repeat; }

  #cart.reveal-modal .close-reveal-modal {
    top: 1.6rem;
    right: 1.3rem;
    font-size: 2rem; }

  #add-to-cart .bm-head {
    -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;
    text-align: center;
    border: none;
    width: 100%; }

  #add-to-cart .bm-title {
    display: block;
    margin: 0 4%;
    padding: 7.6rem 0 2.2rem 0;
    font-size: 1.5rem;
    line-height: 2.7rem;
    font-weight: 100;
    color: #1A1A1A; }

  .mess-to-cart {
    background: #FF6600;
    color: #ffffff;
    text-align: center;
    flex: 0 0 auto;
    width: 100%;
    height: 30px;
    font-weight: 100;
    font-style: italic;
    font-size: 0.8rem;
    line-height: 30px; }

  .action-what-where {
    position: relative;
    display: block;
    width: 100%;
    /* background: #ffffff; */ }

  #add-to-cart .main-tab-panel {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0 auto;
    border-top: 1px solid #F5F5F5; }

  #add-to-cart .main-tab-panel input {
    display: none; }

  #add-to-cart .main-tab-panel input:checked + label {
    color: #0BAFBD;
    border-bottom: 4px solid #0BAFBD; }

  #add-to-cart .main-tab-panel label {
    width: 50%;
    margin: 0;
    padding: 12px 0;
    font-weight: 600;
    text-align: center;
    float: left;
    color: #CCCCCC;
    font-size: 14px;
    border-bottom: 4px solid;
    background: #ffffff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease; }

  #add-to-cart .main-tab-panel input {
    display: none; }

  #add-to-cart .main-tab-panel > .tab1:checked ~ .content1, #add-to-cart .main-tab-panel > .tab2:checked ~ .content2 {
    display: block; }

  #add-to-cart .main-tab-panel section {
    display: none;
    padding: 0;
    clear: both; }

  #add-to-cart .to-cart-shop-wrapper {
    height: 100vh;
    max-height: 300px;
    max-height: -moz-calc(100vh - 164px);
    max-height: -webkit-calc(100vh - 164px);
    max-height: calc(100vh - 164px);
    padding: 10px; }

  #add-to-cart .to-cart-shop {
    position: relative;
    height: 100%;
    border: 1px solid #E9E9E9;
    background: #ffffff; }

  #add-to-cart .to-cart-shop li {
    position: relative;
    padding: 1rem 1.2rem;
    line-height: 26px;
    border-bottom: 1px solid #E9E9E9;
    font-size: 0.9rem; }

  .ont-result-row {
    border-bottom: 1px solid #f0f0f0; }

  .omrn-title {
    padding: 1rem .4rem .4rem 0; }

  .ont-origprice {
    -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: .6rem .4rem .2rem 0;
    border-top: 0; }

  #add-to-cart .formatted-price {
    color: #01549D;
    font-size: 1em; }

  .ont-quantity {
    display: block;
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 106px;
    padding: .6rem .2rem;
    border-top: 0; }

  .select-white-box select {
    border: none;
    box-shadow: none;
    background-image: url(../../images/mobile/arrow-down-black.png);
    background-image: url(../../images/mobile/arrow-down-black.svg);
    background-size: 18px 18px;
    background-position: 15px center;
    padding: 0 3rem;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 50px;
    height: 50px; }

  .cart-origname-scroller {
    display: block;
    position: relative;
    width: 100%;
    height: 67vh;
    min-height: 200px;
    max-height: calc(100vh - 305px);
    background-color: #f7f7f7;
    background-image: url(../../images/cart-dosage-arrow.png);
    background-position: 50% 70px;
    background-repeat: no-repeat;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ECECEC; }

  .add-to-cart-wrap {
    flex: 0 0 auto;
    width: 100%;
    padding: 0 10px; }

  .result-box:before {
    content: none; }

  .ont-result-row > .ont-origname {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 70px;
    margin: auto;
    line-height: 70px;
    text-align: right;
    padding: 0 .4rem 0 0; }

  .ont-result-row > .ont-origprice {
    -webkit-box-flex: 0 0 50%;
    -moz-box-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0;
    font-size: 1rem;
    text-align: left; }

  #add-to-cart .ont-result-row .formatted-price {
    color: #262626; }

  .ont-result-row .large-cart-btn {
    max-width: 100%;
    text-transform: none;
    font-size: 1rem;
    font-weight: 400; }

  #add-to-cart .origname-title {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: .4rem 1.1rem;
    box-sizing: border-box;
    margin: 0; }

  ul.orn-info {
    font-size: .8rem;
    font-weight: 400;
    color: #999;
    line-height: 1.6em;
    margin: 2px 0; }

  .orn-attention {
    color: #ff5722;
    position: relative;
    padding-left: 20px;
    margin: .3rem 0 0 0; }

  .orn-attention:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 13px;
    height: 13px;
    background: transparent url(../../images/mobile/attention.svg) 50% 50% no-repeat;
    background-size: contain; }

  .ont-row.is-active {
    background-color: #E5FFDB !important; }

  .ont-row {
    border-bottom: 1px solid #f0f0f0; }

  /* .cart-btn.is-active, .cart-btn.is-active:hover, .cart-btn.is-active:active {
      background: #1BAD03;
      cursor: default;
      color: #ffffff;
  } */
  .ont-row.is-active > .ont-origprice {
    -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; } }
@media (min-width: 200px) and (max-width: 767px) and (min-width: 600px) {
  .ont-quantity {
    -webkit-box-flex: 0 0 100px;
    -moz-box-flex: 0 0 100px;
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    padding: 1rem .2rem .4rem;
    border: none; }

  #add-to-cart .ont-btns {
    padding: 1rem 0 .4rem 0; }

  .omrn-title {
    -webkit-box-flex: 1 1 30%;
    -moz-box-flex: 1 1 30%;
    -webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%; } }
@media (min-width: 200px) and (max-width: 767px) {
  /* номера телефонов для онлайн-заказа */
  .subtitle-onlinephone {
    display: inline-block;
    position: relative;
    margin: 0;
    font-size: 13px;
    font-weight: 600; }

  .best_call {
    position: fixed;
    width: 100%;
    top: auto;
    z-index: 99999;
    bottom: 0;
    display: block;
    padding: 6px 150px 6px 15px;
    font-family: "Open Sans", sans-serif;
    color: #000000;
    text-align: left;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    background-color: #B9F2B1;
    text-decoration: none;
    cursor: pointer; }

  .best_call-free {
    display: block;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: .2px; }

  .best_call-phone {
    display: block;
    white-space: nowrap;
    text-decoration: none; }

  .best_call-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    height: 36px;
    display: inline-block;
    padding: 0 30px;
    color: #ffffff;
    background: #1BAD03;
    font-weight: 400;
    border-radius: 3px;
    line-height: 36px;
    text-align: center; } }
@media (min-width: 200px) and (max-width: 767px) and (min-width: 768px) {
  .best_call {
    padding: 0;
    background-color: #18c139;
    background-image: none;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    color: #ffffff;
    text-decoration: none;
    text-align: center; }

  .best_call-free {
    display: inline;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: normal; }

  .best_call-phone {
    margin: 0 10px;
    display: inline-block;
    font-weight: 600;
    text-decoration: underline; }

  .best_call-btn {
    display: none; } }

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