body.touch select.myselect_block
{
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    opacity: 0;
    -webkit-tap-highlight-color: transparent;
        -ms-tap-highlight-color: transparent;
       -moz-tap-highlight-color: transparent;
         -o-tap-highlight-color: transparent;
}
.myselect_block.js-select-visual
{
    position: relative;
}

.myselect_block.js-select
{
    position: relative;
    display: none;
}
.myselect_block ul.select-list
{
    position: absolute;
    z-index: 5;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    list-style: none;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #ddd;
    border: none;
    max-height: 200px;
    overflow: auto;
}

.myselect_block ul.select-list li
{
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 7px;
    margin: 0 1px;
}

.myselect_block ul.select-list li.active
{
    color: #fff;
    background-color: #ff2c2c;
}

.myselect_block ul.select-list li:hover
{
    cursor: pointer;
    color: #fff;
    background-color: #ff2c2c;
}

.myselect_block.open ul.select-list
{
    display: block;
}



/*------------------------------Modal-----------------------------------*/
    .modal {
    display: block;
    position: relative;
    width: 920px;
    max-width: -webkit-calc(100vw - 80px);
    max-width: calc(100vw - 80px);
    min-width: 280px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .5);
    box-shadow: 0 0 25px rgba(0, 0, 0, .5);
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 0px;
    z-index: 100000;
    -webkit-transform: translate3d(0, 300px, 0);
    transform: translate3d(0, 300px, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    visibility: hidden;
}

.modal-header
{
  position: relative;
  padding: 12px 0;
  text-align: center;
  background-color: #999;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.modal-close-btn svg {
  display: none;
}
.modal-close-btn svg {
  display: none;
}

.modal-header-text
{
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.modal-main{
  padding: 20px;
  font-size: 14px;
  background-color: #fff;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA1MC4yICg1NTA0NykgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QjE1NkRFRDUtRkFGOC00NjczLTkxQjMtMTVEMTNBMzkyNjY1PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBza2V0Y2h0b29sLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJDYXJ0X0NoZWNrb3V0Xzk2MCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ijk2MF9jYXJ0XzAyXzA0LXBvbG90c2stcGxhY2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05MDguMDAwMDAwLCAtMjIyLjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJwbGFjZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjAuMDAwMDAwLCAyMTAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iY2xvc2VfY3Jvc3Nfd2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDg4OC4wMDAwMDAsIDEyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJjbG9zZV9jcm9zcyIgcG9pbnRzPSIyLjA1NTU1NTU2IDAgMCAyLjA1NTU1NTU2IDcuOTQ0NDQ0NDQgMTAgMCAxNy45NDQ0NDQ0IDIuMDU1NTU1NTYgMjAgMTAgMTIuMDU1NTU1NiAxNy45NDQ0NDQ0IDIwIDIwIDE3Ljk0NDQ0NDQgMTIuMDU1NTU1NiAxMCAyMCAyLjA1NTU1NTU2IDE3Ljk0NDQ0NDQgMCAxMCA3Ljk0NDQ0NDQ0Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==');
  background-position: center top;
  background-repeat: no-repeat;
}
.modal-close-btn.gray{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NSA3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzUgNzUiPjxwYXRoIGQ9Ik02Ni45IDc1bC0yOS40LTI5LjQtMjkuNCAyOS40LTguMS04LjEgMjkuNC0yOS40LTI5LjQtMjkuNCA4LjEtOC4xIDI5LjQgMjkuNCAyOS40LTI5LjQgOC4xIDguMS0yOS40IDI5LjQgMjkuNCAyOS40LTguMSA4LjF6IiBmaWxsPSIjOTk5Ii8+PC9zdmc+');
  background-position: center top;
  background-repeat: no-repeat;
}
.modal-close-btn.gray:active{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NSA3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzUgNzUiPjxwYXRoIGQ9Ik02Ni45IDc1bC0yOS40LTI5LjQtMjkuNCAyOS40LTguMS04LjEgMjkuNC0yOS40LTI5LjQtMjkuNCA4LjEtOC4xIDI5LjQgMjkuNCAyOS40LTI5LjQgOC4xIDguMS0yOS40IDI5LjQgMjkuNCAyOS40LTguMSA4LjF6IiBmaWxsPSIjNjY2Ii8+PC9zdmc+');
  background-position: center top;
  background-repeat: no-repeat;
}

.modal-open .modal-container
{
  visibility: visible;
  overflow: visible;
  z-index: auto;
  pointer-events: all;
}

.modal-open .modal.open
{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
  }

.overlay
{
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .6);
}

.overlay-open .overlay
{
  display: block;
}

.modal-container
{
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  pointer-events: none;
  visibility: hidden;
}

/*------------------------------Modal-END--------------------------------*/



/*------------------------------Modal-INFO------------------------------------*/
    .modal-info .modal {
        max-width: 360px;
        width: auto;
        -webkit-box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15);
    }

    .modal-info .modal-main {
        padding: 0px;
        border-radius: 8px;
        overflow: hidden;
        position: relative;
        background: none;
    }

    .modal-info .modal-main>div {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
    }


    .modal-info .modal-info__content {
        padding: 32px 24px 32px 24px;
        flex-grow: 1;
        background-color: #fff;
    }

    .modal-info .modal-info__title {
        display: block;
        font-size: 24px;
        line-height: 28px;
        font-weight: 500;
        letter-spacing: 0.0042em;
        color: #0A0A0A;
    }

    .modal-info .modal-info__ok .modal-info__title {
        font-size: 20px;
        line-height: 22px;
        text-align: center;
    }

    .modal-info .modal-info__title-icon {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        width: 36px;
        height: 36px;
        margin: 0 auto 16px;
        -webkit-transform: rotate3d(1, 0, 0, -90deg);
        -ms-transform: rotate3d(1, 0, 0, -90deg);
        -o-transform: rotate3d(1, 0, 0, -90deg);
        transform: rotate3d(1, 0, 0, -90deg);
        opacity: 0;
    }

    .modal-info .modal-info__title-icon svg {
        width: 100%;
        height: 100%;
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    .modal-info .modal-info__text {
        display: block;
        margin: 8px 0px 0px 0px;
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 0.0042em;
        color: #121212;
    }

    .modal-info .modal-info__ok .modal-info__text {
        text-align: center;
        margin: 15px 0px 0px 0px;
    }

    .modal-info .modal-info__form {
        left: 0%;
    }

    .modal-info .modal-info__form.done {
        position: absolute;
        left: -100%;
        -webkit-transition: left ease 0.3s 1s;
        -o-transition: left ease 0.3s 1s;
        transition: left ease 0.3s 1s;
    }

    .modal-info .modal-info__ok {
        position: absolute;
        top: 0px;
        left: 100%;
        opacity: 0;
        visibility: hidden;
    }

    .modal-info .modal-info__ok.active {
        position: relative;
        left: 0%;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all ease 0.3s 1s;
        -o-transition: all ease 0.3s 1s;
        transition: all ease 0.3s 1s;
    }

    .modal-info .modal-info__ok.active .modal-info__title-icon {
        opacity: 1;
        -webkit-transform: rotate3d(1, 0, 0, 0deg);
        -ms-transform: rotate3d(1, 0, 0, 0deg);
        -o-transform: rotate3d(1, 0, 0, 0deg);
        transform: rotate3d(1, 0, 0, 0deg);
        -webkit-transition: transform ease 0.4s 1.3s, opacity ease 0.3s 1.3s;
        -o-transition: transform ease 0.4s 1.3s, opacity ease 0.3s 1.3s;
        transition: transform ease 0.4s 1.3s, opacity ease 0.3s 1.3s;
    }

    .modal-info .modal-info__phone {
        display: block;
        width: 100%;
        margin-top: 24px;
        padding: 12px 20px;
        background-color: #F4F4F4;
        -webkit-box-shadow: inset 0px 0px 0px 1px #E3E3E3;
        box-shadow: inset 0px 0px 0px 1px #E3E3E3;
        border-radius: 4px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: -0.0015em;
        color: #0a0a0a;
        -webkit-appearance: none;
        border: none;
    }
    .modal-info .modal-info__phone::-webkit-input-placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone::-moz-placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone:-moz-placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone::-ms-input-placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone:-ms-input-placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone::placeholder {
        color: #888888;
        opacity: 1;
    }
    .modal-info .modal-info__phone:focus {
        background: none;
    }

    .modal-info-counter {
        margin-top: 24px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

    .modal-info-counter__title {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 0.0042em;
        color: #202124;
        margin-right: 16px;
    }

    .modal-info-counter__wrap {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        -moz-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        -o-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-shadow: 0 0 0 1px #E3E3E3;
        -moz-box-shadow: 0 0 0 1px #E3E3E3;
        box-shadow: 0 0 0 1px #E3E3E3;
        border-radius: 4px;
        overflow: hidden;
    }

    .modal-info-counter__wrap * {
        line-height: 40px;
        text-align: center;
    }

    .modal-info-counter__minus,
    .modal-info-counter__plus {
        width: 30px;
        background-color: #E6E6E6;
        position: relative;
        cursor: pointer;
        flex-grow: 1;
    }

    .modal-info-counter__minus:before,
    .modal-info-counter__plus:before,
    .modal-info-counter__plus:after {
        position: absolute;
        content: '';
        display: block;
        background-color: #303030;
        border-radius: 2px;
        top: 50%;
        left: 50%;
    }

    .modal-info-counter__minus:before,
    .modal-info-counter__plus:before {
        width: 10px;
        height: 2px;
        margin-top: -1px;
        margin-left: -5px;
    }

    .modal-info-counter__plus:after {
        width: 2px;
        height: 10px;
        margin-top: -5px;
        margin-left: -1px;
    }

    .modal-info-counter__field {
        width: 40px;
        background-color: #fff;
        cursor: default;
        border: none;
        padding: 0;
        margin: 0;
        font-weight: 500;
        font-size: 16px;
        letter-spacing: -0.0015em;
        color: #000000;
        opacity: 1;
        font-family: 'Roboto';
    }

    .modal-info .modal-info__btn {
        margin-top: auto;
    }

    .modal-info .modal-info__btn > button {
        float: left;
        width: 50%;
        height: 56px;
        font-size: 18px;
        line-height: 56px;
        font-weight: 500;
        letter-spacing: 0.0042em;
        color: #FFFFFF;
        border: none;
        cursor: pointer;
    }

    .modal-info .modal-info__ok .modal-info__btn .sent {
        width: 100%;
    }

    .modal-info .modal-info__btn .close {
        background-color: #C4C4C4;
    }

    .modal-info .modal-info__btn .close:hover {
        background-color: #898989;
    }

    .modal-info .modal-info__btn .sent {
        background-color: #0FAE2A;
        position: relative;
    }

    .modal-info .modal-info__btn .sent:hover {
        background-color: #008E18;
    }

    .modal-info .modal-info__btn .sent .sent-text {
        display: block;
    }

    @media (max-width: 639px) {
        .modal-info .modal {
            max-width: 320px;
            min-width: 320px;
        }

        .modal-info .modal-main {
            border-radius: 6px;
        }
        .modal-info .modal-info__text {
            font-size: 16px;
            line-height: 21px;
        }


        .modal-info .modal-info__title-icon {
            width: 28px;
            height: 28px;
            margin: 0 auto 12px;
        }

        .modal-info .modal-info__ok .modal-info__title {
            font-size: 18px;
            line-height: 21px;
        }

        .modal-info .modal-info__ok .modal-info__text {
            margin: 10px 0px 0px 0px;
        }
    }
    @media (max-width: 359px) {

    }

/*------------------------------Modal-INFO-END--------------------------------*/



/*----------------Заказать звонок-------------------*/
/*----------------Заказать звонок-------------------*/
.order__call {
  padding: 20px;
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translate3d(0px, -10px, 0);
  -ms-transform: translate3d(0px, -10px, 0);
  -o-transform: translate3d(0px, -10px, 0);
  transform: translate3d(0px, -10px, 0);
  max-width: 260px;
  width: 260px;
  position: absolute;
  z-index: 99;
  top: 90%;
  left: 50%;
  margin-left: -130px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.4);
  background-color: #fff;
}
.order__call-caption {
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: bold;
  color: #000;
}
.order__call-mask {
  position: relative;
  margin-top: 20px;
}
.order__call .mask-decor {
  position: absolute;
  left: 10px;
  z-index: 1;
  font-size: 16px;
  line-height: 36px;
  font-weight: bold;
  color: #000;
}
.order__call-mask .input-style{
  padding-left: 50px;
  margin-bottom: 20px;
}
.order__call-btn:hover {
  cursor: pointer;
  background-color: #ff2c2c;
}
.show_message_ok {
  padding: 20px;
  width: auto;
  min-width: 260px;
  width: 260px;
  position: absolute;
  z-index: 99;
  top: 100%;
  left: 50%;
  margin-left: -130px;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  background-color: #fff;
  text-align: center;
  color: #79c61d;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.order__call.open {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  transition: all 0.3s ease-in-out;
}
/*----------------Заказать звонок-END-------------------*/
/*----------------Заказать звонок-END-------------------*/



@media (max-width: 959px) {
    .modal {
      width: 728px;
    }
    .order__call,
    .show_message_ok {
      left: 20px;
      margin-left: 0px;
    }
}

@media (max-width: 767px) {
    .modal {
        width: 600px;
    }
}

@media (max-width: 639px) {
    .modal {
        width: 440px;
    }
}

@media (max-width: 479px) {
    .modal {
        width: calc(100% - 40px);
    }
     .modal-header {
        padding: 12px 35px;
    }
}

@media (max-width: 320px) {}
/*---------Edge----------------------*/
@supports (-ms-ime-align:auto) {
    .myselect_block span.select-value:after {
        width: 15px;
        height: 9px;
    } 
}
/*---------------------IE-----------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .myselect_block span.select-value:after {
        width: 15px;
        height: 9px;
    } 
}