/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html, body{

    min-height: 100%;

    min-height: 100vh;

    position: relative;
    max-width: 100%!important;
    max-width: 100vw!important;
}
h1,h2,h3,h4,h5,h6 {

    margin: 0 0 .67em

}



img,legend {

    border: 0

}



legend,td,th {

    padding: 0

}



body,html body,input,select,textarea {

    -webkit-tap-highlight-color: transparent

}



a,a:focus,a:hover {

    text-decoration: none

}



.btn-black,.link-link,a,a:active,a:focus,a:hover {

    outline: 0

}



html {

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

    overflow-x: hidden!important;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-overflow-scrolling: touch;

}



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

}



abbr[title] {

    border-bottom: 1px dotted

}



b,optgroup,strong {

    font-weight: 700

}



dfn {

    font-style: italic

}



h1 {

    font-size: 2em

}



h2 {

    font-size: 1.6em

}



h3 {

    font-size: 1.3em

}



h4 {

    font-size: 1em

}



h5 {

    font-size: .8em

}



h6 {

    font-size: .6em

}



mark {

    background: #ff0;

    color: #000

}



small {

    font-size: 80%

}



sub,sup {

    font-size: 75%;

    line-height: 0;

    position: relative;

    vertical-align: baseline

}



.lbl {

    position: relative;

}

.lbl svg {

    position: absolute

}



sup {

    top: -.5em

}



sub {

    bottom: -.25em

}



svg:not(:root) {

    overflow: hidden

}



figure {

    margin: 1em 40px

}



hr {

    -webkit-box-sizing: content-box;

            box-sizing: content-box;

    height: 0

}



pre,textarea {

    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;

    cursor: pointer;

    outline: 0

}



button[disabled],html input[disabled] {

    cursor: default

}



button::-moz-focus-inner,input::-moz-focus-inner {

    border: 0;

    padding: 0

}



input[type=checkbox],input[type=radio] {

    -webkit-box-sizing: border-box;

            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;

    -webkit-box-sizing: content-box;

            box-sizing: content-box

}



input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {

    -webkit-appearance: none

}



fieldset {

    border: 1px solid silver;

    margin: 0 2px;

    padding: .35em .625em .75em

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



html body {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-direction: column;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-direction: column;

    min-height: 100%;

    min-height: 100vh;

    position: relative;
    max-width: 100%!important;
    max-width: 100vw!important;

}



html body .content {

    -ms-flex: 1 0 auto;

    -webkit-box-flex: 1;

            flex: 1 0 auto

}



html body .footer {

    -ms-flex: 0 0 auto;

    -webkit-box-flex: 0;

            flex: 0 0 auto

}



*,:after,:before {

    -webkit-box-sizing: inherit;

            box-sizing: inherit

}



body,html {

    width: 100%;

    background-color: #fff;

    color: #000;


}



body,input,select,textarea {

    font-size: 15px;

    line-height: 1.3;

    font-weight: 400;

    font-family: 'Noto Sans',sans-serif

}



.btn-black,.lbl,.link-link {

    text-transform: uppercase;

    font-size: 14px

}



.modal-title,.up-title {

    font-family: Merriweather,serif

}



@media (min-width: 2px) and (max-width:679px) {

    .visible-l {

        display:none!important

    }

}



.container {

    margin: 0 auto

}



@media (min-width: 2px) and (max-width:1169px) {

    .visible-d {

        display:none!important

    }



    .container {

        width: 100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .visible-m {

        display:none!important

    }



    .container {

        width: 1170px;

        padding: 0 15px

    }

}





.lbl-wrap {

    display:-webkit-box;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0px;

            flex: 1 0 0;

    width: 100%;

}



.lbl {

    height: 35px;

    background-color: red;

    padding: 0 4px 0 10px;

    color: #fff;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    -ms-flex-item-align: start;

        align-self: flex-start;

}







.link-link,.modal-header {

    -ms-flex-flow: row nowrap

}



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

    .lbl {



    }

}



@media (min-width: 600px) and (max-width:767px) {

    .lbl {



    }

}



@media (min-width: 2px) and (max-width:767px) {

    .lbl {



    }

}



.lbl svg {

    left: calc(100% - 2px);

    height: 100%;

    top: 0

}



.btn-black,.btn-link,.link-link {

    font-weight: 400;

    height: 40px

}



.lbl.red {

    background-color: #d70a00

}



.lbl.red svg {

    fill: #d70a00

}



.lbl.green {

    background-color: #52ae5b

}



.lbl.green svg {

    fill: #52ae5b

}



.lbl.blue {

    background-color: #8641b1

}



.lbl.blue svg {

    fill: #8641b1

}



@media (min-width: 1170px) and (max-width:5000px) {

    .sticky {

        position:fixed;

        z-index: 101

    }



    .stop {

        position: relative;

        z-index: 101

    }

}



#orders .modal-close,.modal {

    z-index: 1000

}



a {

    display: inline-block

}



.reset-around {

    margin: 0;

    padding: 0

}



.link-link {

    color: #fff;

    border: none;

    background-color: #9e1f62;

    padding: 0 48px;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    display: -ms-inline-flexbox;

    display: -webkit-inline-box;

    display: inline-flex

}



.link-link:hover {

    background-color: #be2475

}



.btn-black {

    color: #000;

    border: 1px solid #000;

    background-color: #fff;

    padding: 0 35px

}



@media (min-width: 2px) and (max-width:679px) {

    .btn-black {

        padding:0 15px

    }

}



.btn-black:hover {

    background-color: #9e1f62;

    color: #fff;

    border-color: #9e1f62

}



.btn-black.cancel {

    background-color: #f9f9f9;

    color: #848484;

    border-color: #f9f9f9;

    margin-left: 15px

}



.btn-black.cancel:hover {

    background-color: #eaeaea;

    border-color: #eaeaea

}



.btn-base,.btn-link {

    font-size: 14px;

    color: #fff;

    border: none;

    outline: 0;

    text-transform: uppercase

}



.btn-link {

    background-color: #9e1f62;

    padding: 0 48px

}



.btn-link.added {

    background-color: #555

}



.btn-link.added:hover {

    background-color: #000

}



.btn-link:hover {

    background-color: #be2475

}



.btn-base {

    font-weight: 300;

    background-color: #555;

    padding: 11px 18px

}



.btn-base:hover {

    background-color: #000

}



.gray-input,textarea.gray-input {

    background-color: #eaeaea;

    width: 100%;

    margin-bottom: 15px;

    height: 40px;

    outline: 0

}



.gray-input {

    padding: 0 20px;

    border: 1px solid transparent

}



.gray-input::-webkit-input-placeholder {

    color: #4f4f4f

}



.gray-input:-moz-placeholder {

    color: #4f4f4f

}



.gray-input::-moz-placeholder {

    color: #4f4f4f

}



.gray-input:-ms-input-placeholder {

    color: #4f4f4f

}



.gray-input.error {

    border-color: #9e1f62

}



.gray-input.error+.input-error,.gray-input.error+label+.input-error {

    display: block

}



.gray-input.valid~.error-text {

    display: none

}



.error~.error-text {

    display: block

}



.valid~.error-text {

    display: none!important

}



textarea.gray-input {

    min-height: 40px;

    max-width: 100%;

    padding: 10px 20px;

    border: 1px solid transparent

}



textarea.gray-input::-webkit-input-placeholder {

    color: #4f4f4f

}



textarea.gray-input:-moz-placeholder {

    color: #4f4f4f

}



textarea.gray-input::-moz-placeholder {

    color: #4f4f4f

}



textarea.gray-input:-ms-input-placeholder {

    color: #4f4f4f

}



textarea.gray-input.error {

    border-color: #9e1f62

}



textarea.gray-input.error+.input-error,textarea.gray-input.error+label+.input-error {

    display: block

}



.gray-input[disabled] {

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    resize: none

}



label.error {

    display: none!important

}



.modal,.modal-body section {
    display: none;
}

#modal-ask-questions.opened section {
    display: block;
}





#modal-ask-questions {

}



#modal-ask-questions.modal {

    /*width: auto;*/

    /*margin-left: 0;*/

}



.input-base {

    height: 40px;

    border: none;

    outline: 0;

    background-color: #fff;

    padding: 0 20px

}



.input-base::-webkit-input-placeholder {

    color: #000

}



.input-base:-moz-placeholder {

    color: #000

}



.input-base::-moz-placeholder {

    color: #000

}



.input-base:-ms-input-placeholder {

    color: #000

}



.btn-color {

    height: 45px;

    border: 1px solid #000;

    outline: 0;

    background-color: transparent;

    color: #000;

    text-transform: uppercase;

    font-size: 15px;

    padding: 0 48px

}



.btn-color-gray {

    color: #848484;

    border-color: #a7a7a7

}



.btn-color:hover {

    background-color: #9e1f62;

    color: #fff;

    border-color: #9e1f62

}



.modal {

    position: fixed;

    top: 20%;

    width: 480px;

    left: 50%;

    margin-left: -240px;

    background-color: rgba(255,255,255,.9);

    -webkit-transform: translateY(-200%);

        -ms-transform: translateY(-200%);

            transform: translateY(-200%);

    -webkit-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    padding: 35px 50px;

}



@media (min-width: 2px) and (max-width:559px) {

    .modal {

        width:calc(100% - 30px);

        margin: 0;

        left: 15px;

        padding: 35px 15px 15px;

        top: 10px;

        min-height: 100px;

        box-shadow: none!important;

    }

    .tns-outer {
        height: 300px!important;
        margin-bottom: 10px!important;
    }

    .pp-slider_item{
        height: 300px!important;
        margin-bottom: 10px!important;
    }

}



.modal-body {
    max-height: calc(100vh - 230px);
    min-height: 0!important;
    overflow-y: scroll; 
    overflow: auto
}

.modal-body::-webkit-scrollbar { width: 0; }
.modal-body { -ms-overflow-style: none; }
.modal-body { overflow: -moz-scrollbars-none; }




.modal-header {

    margin: -35px -50px 35px;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: stretch;

    -webkit-box-align: stretch;

            align-items: stretch

}



@media (min-width: 2px) and (max-width:559px) {

    .modal-header {

        margin:-10px -10px 10px

    }

}



.modal-title,.modal-title-down {

    margin-bottom: 20px;

    color: #4f4f4f;

    text-align: center

}



.modal-header label {

    font-size: 20px;

    display: block;

    width: 100%;

    text-align: center;

    padding: 28px 0;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    cursor: pointer

}



.modal-header label:first-of-type {

    padding: 28px 50px;

    width: auto

}



@media (min-width: 2px) and (max-width:559px) {

    .modal-header label:first-of-type {

        padding:28px 10px

    }

}



.modal-header input:checked+label {

    background-color: #fff

}



.modal.opened {

    -webkit-transform: translateY(0);

        -ms-transform: translateY(0);

            transform: translateY(0)

}

@media (min-width: 2px) and (max-width:559px) {

    .modal.opened {

        transform: translateY(80px);

    }
}



.modal-close {

    position: absolute;

    top: 0;

    right: 0;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    width: 50px;

    height: 50px;

    cursor: pointer

}



.modal-close:hover svg {

    fill: #000

}



.modal-close svg {

    fill: #8d8d8d

}



.modal-title {

    font-size: 25px;

    font-weight: 400;

    line-height: 1;

    text-transform: uppercase

}



@media (min-width: 2px) and (max-width:644px) {

    .modal-body {

        max-height:calc(100vh - 150px)

    }



    .modal-title {

        font-size: 18px

    }

}



.modal-title-down {

    font-size: 14px;

    line-height: 22px

}



.modal-step-2 {

    display: none

}



#orders .acc-form_divselect {

    width: 100%

}



#orders .acc-form_divselect select {

    margin-bottom: 15px

}



#orders textarea {

    width: 100%;

    max-width: 100%;

    height: 150px;

    max-height: 130px;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

    resize: none

}



.wr,.wr-img {

    position: fixed;

    width: 100vw;

    display: none;

    left: 0

}



.wr {

    height: 100vh;

    background-color: rgba(0,0,0,.2);

    top: 0;

    z-index: 7

}



.wr-img {

    height: 100%;

    background-color: rgba(0,0,0,.5);

    z-index: 999

}



.scr-no {

    overflow: hidden!important;

    position: fixed;

    height: 100%;

    height: 100vh;

    width: 100%;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex

}



[v-cloak],body:after {

    display: none

}



.fade-enter-active,.fade-leave-active {

    -webkit-transition: opacity .5s;

    -o-transition: opacity .5s;

    transition: opacity .5s

}



.fade-enter,.fade-leave-to {

    opacity: 0

}



.section-in {

    -webkit-animation-duration: .3s;

            animation-duration: .3s;

    -webkit-animation-fill-mode: both;

            animation-fill-mode: both;

    -webkit-animation-name: fadeIn;

            animation-name: fadeIn

}



.text-center {

    text-align: center

}



.editor {

    font-size: 15px;

    color: #000;

    line-height: 22px

}



.lb-loader,.lightbox {

    line-height: 0;

    text-align: center

}



.editor a {

    color: #9e1f62;

    border-bottom: 1px solid #9e1f62

}



.editor a:hover {

    border-color: transparent

}



.editor p {

    margin: 0 0 .7em

}



.editor ul {

    margin: 15px 0;

    padding: 0 0 0 40px

}



@-webkit-keyframes fadeIn {

    from {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@keyframes fadeIn {

    from {

        opacity: 0

    }



    to {

        opacity: 1

    }

}



@-webkit-keyframes popIn {

    from {

        -webkit-transform: scale(.5);

                transform: scale(.5)

    }



    to {

        -webkit-transform: scale(1);

                transform: scale(1)

    }

}



@keyframes popIn {

    from {

        -webkit-transform: scale(.5);

                transform: scale(.5)

    }



    to {

        -webkit-transform: scale(1);

                transform: scale(1)

    }

}



body:after {

    content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png)

}



.lb-dataContainer:after,.lb-outerContainer:after {

    content: "";

    clear: both

}



body.lb-disable-scrolling {

    overflow: hidden

}



.lightboxOverlay {

    position: absolute;

    top: 0;

    left: 0;

    z-index: 9999;

    background-color: #000;

    filter: alpha(Opacity=80);

    opacity: .8;

    display: none

}



.lightbox {

    position: absolute;

    left: 0;

    width: 100%;

    z-index: 10000;

    font-weight: 400

}



.lightbox .lb-image {

    display: block;

    height: auto;

    max-width: inherit;

    border-radius: 3px

}



.lightbox a img {

    border: none

}



.lb-outerContainer {

    position: relative;

    background-color: #fff;

    width: 250px;

    height: 250px;

    margin: 0 auto

}



.lb-loader,.lb-nav {

    position: absolute;

    left: 0

}



.lb-outerContainer:after {

    display: table

}



.lb-container {

    padding: 4px

}



.lb-loader {

    top: 43%;

    height: 25%;

    width: 100%

}



.lb-cancel {

    display: block;

    width: 32px;

    height: 32px;

    margin: 0 auto;

    background: url(../img/loading.gif) no-repeat

}



.lb-nav {

    top: 0;

    height: 100%;

    width: 100%;

    z-index: 10

}



.lb-container>.nav {

    left: 0

}



.lb-nav a {

    outline: 0;

    background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)

}



.lb-next,.lb-prev {

    height: 100%;

    cursor: pointer;

    display: block

}



.lb-nav a.lb-prev {

    width: 34%;

    left: 0;

    float: left;

    background: url(../img/prev.png) left 48% no-repeat;

    filter: alpha(Opacity=0);

    opacity: 0;

    -webkit-transition: opacity .6s;

    -o-transition: opacity .6s;

    transition: opacity .6s

}



.lb-nav a.lb-prev:hover {

    filter: alpha(Opacity=100);

    opacity: 1

}



.lb-nav a.lb-next {

    width: 64%;

    right: 0;

    float: right;

    background: url(../img/next.png) right 48% no-repeat;

    filter: alpha(Opacity=0);

    opacity: 0;

    -webkit-transition: opacity .6s;

    -o-transition: opacity .6s;

    transition: opacity .6s

}



.lb-nav a.lb-next:hover {

    filter: alpha(Opacity=100);

    opacity: 1

}



.lb-dataContainer {

    margin: 0 auto;

    padding-top: 5px;

    width: 100%;

    border-bottom-left-radius: 4px;

    border-bottom-right-radius: 4px

}



.lb-dataContainer:after {

    display: table

}



.lb-data {

    padding: 0 4px;

    color: #ccc

}



.lb-data .lb-details {

    width: 85%;

    float: left;

    text-align: left;

    line-height: 1.1em

}



.lb-data .lb-caption {

    font-size: 13px;

    font-weight: 700;

    line-height: 1em

}



.lb-data .lb-number {

    display: block;

    clear: left;

    padding-bottom: 1em;

    font-size: 12px;

    color: #999

}



.lb-data .lb-close {

    display: block;

    float: right;

    width: 30px;

    height: 30px;

    background: url(../img/close.png) top right no-repeat;

    text-align: right;

    outline: 0;

    filter: alpha(Opacity=70);

    opacity: .7;

    -webkit-transition: opacity .2s;

    -o-transition: opacity .2s;

    transition: opacity .2s

}



.header,.lang {

    top: 0;

    left: 0;

    background-color: #fff

}



.lang a.current:after,.up {

    background-position: center center

}



.lb-data .lb-close:hover {

    cursor: pointer;

    filter: alpha(Opacity=100);

    opacity: 1

}



.header {

    -webkit-box-shadow: 0 0 18px -9px #000;

            box-shadow: 0 0 18px -9px #000;

    position: fixed;

    top:0;

    left:0;

    width: 100%;

    z-index: 1040;

    height: 90px;

    -webkit-transform:translateZ(1px);

    transform:translateZ(1px);

    max-width: 100%;
}



@media (min-width: 2px) and (max-width:1169px) {

    .header {

        height: 70px;

    }

}



.header.ontop {

    -webkit-transform: translateY(-100%);

        -ms-transform: translateY(-100%);

            transform: translateY(-100%)

}



.header.transparent {

    opacity: .5

}



.header.transparent:hover {

    opacity: 1

}



.header-wrapper {

    height: 90px;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    margin: 0 auto

}



@media (min-width: 2px) and (max-width:1169px) {

    .header.transparent {

        opacity:1

    }



    .header-wrapper {

        width: 100%;

        padding: 0 15px;

        min-width: 320px;

        height: 70px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .header-wrapper {

        width:1170px;

        padding: 0 15px

    }

}



.header-tel {

    font-weight: bold;

    width: 20%;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    flex-flow: row nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

    justify-content: flex-start;

    -ms-flex-align: center;

    -webkit-box-align: center;

    align-items: center

}



.header-tel b {

    color: #424242;

    font-size: 19px;

}



.header-tel span {

    color: #424242;

    font-size: 17px;

    margin-right: 6px;

}



.header-logo {

    width: 20%

}

.header-logo img{

    /*height: 60px;*/
    height: 80px;

}


#goToTop {
    cursor: pointer;
}

.scrollable{
    width: 100vw!important;
    height: 100vh!important;
    overflow: auto!important;
}

.body_hidden{
    /* height: 100vh; */
    /* width: 100vw; */
    /* overflow: hidden; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* position: fixed; */
}
.background_none{
    background: none!important;
}



@media (min-width: 2px) and (max-width:1169px) {

    .header-tel {

        display:none

    }



    .header-logo a {

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: row nowrap;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

                flex-flow: row nowrap;

        -ms-flex-pack: start;

        -webkit-box-pack: start;

                justify-content: flex-start;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center;

        height: 100%

    }



    .header-logo img {

        height: 50px

    }

}



.header-button,.up-block {

    -ms-flex-flow: row nowrap

}



.header-button {

    width: 50px;

    height: 70px;

    border-right: 1px solid #d3d3d3;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    margin-left: -15px;

    margin-right: 20px;

    cursor: pointer

}



@media (min-width: 1170px) and (max-width:4999px) {

    .header-button {

        display:none!important

    }

}



@media (min-width: 1170px) and (max-width:5000px) {

    .menu {

        width:60%;

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: row nowrap;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

                flex-flow: row nowrap;

        -ms-flex-pack: justify;

        -webkit-box-pack: justify;

                justify-content: space-between;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center

    }



    .menu-ul {

        margin: 0;

        padding: 0;

        list-style: none;

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: row nowrap;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

                flex-flow: row nowrap;

        -ms-flex-pack: start;

        -webkit-box-pack: start;

                justify-content: flex-start;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center

    }



    .menu-li:last-of-type:after {

        display: none

    }



    .menu-li:last-of-type .menu-link {

        margin-right: 0;

        padding-right: 0

    }



    .menu-li.active .menu-link {

        color: #000

    }



    .menu-li:after {

        content: '/';

        color: #d1d1d1;

        font-size: 18px

    }



    .menu-link {

        font-size: 15px;

        color: #757575;

        text-transform: uppercase;

        padding: 5px;

        margin: 0 23px

    }



    .menu-link:hover {

        color: #000

    }

}



@media (min-width: 2px) and (max-width:1169px) {

    .menu {

        width:100%;

        position: fixed;

        top: 0;

        left: 0;

        background-color: #fff;

        height: 100vh;

        overflow: hidden;

        -webkit-transform: translateX(-100%);

            -ms-transform: translateX(-100%);

                transform: translateX(-100%);

        -webkit-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s

    }



    .menu.opened {

        -webkit-transform: translateX(0);

            -ms-transform: translateX(0);

                transform: translateX(0)

    }



    .menu-ul {

        margin: 0;

        padding: 0

    }



    .menu-link {

        display: block;

        border-bottom: 1px solid #dedede;

        padding: 18px 15px;

        font-size: 15px;

        text-transform: uppercase;

        color: #000

    }

}



.lang {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-flow: column nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: start;

    -webkit-box-align: start;

            align-items: flex-start;

    border: 1px solid #b4b4b4;

    position: absolute

}



.lang-close {

    -ms-flex-item-align: center;

    -ms-grid-row-align: center;

        align-self: center

}



.lang-close svg {

    fill: #fff

}



.lang-wrapper {

    width: 66px;

    height: 39px;

    position: relative

}



@media (min-width: 2px) and (max-width:1169px) {

    .lang {

        position:relative

    }



    .lang-wrapper {

        width: 100%;

        height: 70px;

        background-color: #3f3f3f;

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: row nowrap;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

                flex-flow: row nowrap;

        -ms-flex-pack: justify;

        -webkit-box-pack: justify;

                justify-content: space-between;

        -ms-flex-align: start;

        -webkit-box-align: start;

                align-items: flex-start;

        padding: 15px

    }

}



.lang a {

    display: none;

    font-size: 15px;

    text-transform: uppercase;

    color: #000;

    padding: 9px 12px

}



.lang a.current {

    display: block;

    -ms-flex-order: -1;

    -webkit-box-ordinal-group: 0;

            order: -1

}



.lang a.current:after {

    width: 9px;

    height: 6px;

    content: '';

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxNkYzODdEMjE0QTExRTc5NkQ1RTREMDM2RjlCMDgxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxNkYzODdFMjE0QTExRTc5NkQ1RTREMDM2RjlCMDgxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjE2RjM4N0IyMTRBMTFFNzk2RDVFNEQwMzZGOUIwODEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjE2RjM4N0MyMTRBMTFFNzk2RDVFNEQwMzZGOUIwODEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7TjezQAAAAeElEQVR42mLcMyP+AgMDwzYgrmLABG1AHMAEJK4DcSUQ16ApqIGKX2MBEvFALAbEzUD8HoinAnEWlL8PiKNAin4BsT8Q7wHiyUBsBMSJQHwSKv6LCWr0FyD2BuIrQJwEpX2g4gxMSG54C8SeQLwDiL2A+A1MAiDAAFyWGZvN3qwjAAAAAElFTkSuQmCC);

    background-repeat: no-repeat;

    background-size: contain;

    display: inline-block;

    margin-left: 8px;

    position: relative;

    bottom: 2px

}



.lang.opened a {

    display: block

}



.up {

    background-image: url(../img/msrolls.jpg);

    height: 690px;

    background-size: cover;

    margin-top: 90px;

    cursor: pointer;

}



@media (min-width: 2px) and (max-width:1366px) {

    .up {

        /*display:none;*/
        height: calc(100vh - 90px);
        background-size: cover;
        background-position-x: calc(50% - 134px);
        background-position-y: bottom;
        background-repeat: no-repeat;
        margin-top: 90px;
    }

}

@media (min-width: 2px) and (max-width:509px) {

    .up {
        background-size: 570px; 
        background-position: calc( 50% - 49px) top;
        margin-top: 70px;
        height: 200px!important;
    }

}

.up-title {

    font-size: 45px;

    color: #fff;

    text-align: center;

    padding: 7.5em 4em 1em;

    display: none;

}



.up-button {

    text-align: center;

    display: block;

}


.up-button .call-request-order-modal {
    opacity: 0.01;
}



.up-button button {

    font-size: 15px;

    font-weight: 600;

    background-color: #fff;

    color: #000;

    border: 1px solid #fff;

    text-transform: uppercase;

    padding: 15px 55px;

    -webkit-box-shadow: 1px 4px 9px -4px #000;

            box-shadow: 1px 4px 9px -4px #000;

    margin-bottom: 100px

}



.up-wrapper {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row wrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: start;

    -webkit-box-align: start;

            align-items: flex-start

}



.up-block {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: start;

    -webkit-box-align: start;

            align-items: flex-start;

    width: 32%;

    margin-right: 1%;

    margin-bottom: 25px

}



.up-block svg {

    fill: #fff;

    margin: 0 25px;

    width: 37px

}



.up-block img {

    margin: 0 25px;

    max-width: 37px

}



.up-block .text {

    color: #fff;

    width: calc(100% - 90px)

}



.latest-block .title a,.latest-title {

    /*color: #000;*/

    /*text-align: center;*/

}



.latest {

    background-color: #f7f7f7;

    padding-top: 50px;

    height: 300px;

    margin-bottom: 200px

}



@media (min-width: 2px) and (max-width:1169px) {

    .latest {

        /*padding-top:100px*/

    }

}



@media (min-width: 600px) and (max-width:767px) {

    .latest {

        /*height:220px*/

    }

}



@media (min-width: 2px) and (max-width:599px) {

    .latest {

        height:auto;

        padding-bottom: 35px;

        background-color: #fff;

        margin-bottom: 0;
        padding-top: 0;
        

    }

}



.latest-title {

    font-size: 26px;

    font-weight: 400;

    margin-bottom: 35px

}



.latest-wrapper {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: stretch;

    -webkit-box-align: stretch;

            align-items: stretch;

    position: relative

}



.latest-block {

    width: 365px;

    background-color: #fff;

    height: 354px;

    cursor: pointer;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-flow: column nowrap;

    -ms-flex-pack: end;

    -webkit-box-pack: end;

            justify-content: flex-end;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    /*box-shadow: 0 0 50px 0 rgba(0,0,0,0);*/

}



.latest-block:hover {

    /*box-shadow: 0 0 50px 0 rgba(0,0,0,.15);*/

}





.latest-block:after {

    content: '';

    display: block;

    width: 100%;

    margin-top: -100px;

    position: relative;

    height: 100px;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

}



.latest-block:hover .title a {

    /*transform: translateY(20px)*/

}



.latest-block:hover .title:before {

    opacity: 1;

    visibility: visible

}



.latest-block .title:before,.products-block .title:before {

    visibility: hidden;

    content: '';

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAANCAYAAAAkEctPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMDk4NTFCMjIxNDExRTc5MDgwQzI4RDlDN0RFRDA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMDk4NTFDMjIxNDExRTc5MDgwQzI4RDlDN0RFRDA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEUwOTg1MTkyMjE0MTFFNzkwODBDMjhEOUM3REVEMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEUwOTg1MUEyMjE0MTFFNzkwODBDMjhEOUM3REVEMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TqMLkAAACy0lEQVR42uyaW2jOYRzHn7E5pDBJ4oLkdLNYS+hNkeTU5FBcOG0uDFeU0yiHXMwp5JBGlm1RQhNCCckFitCQC4Q0Lsghcirz+fV+V//e3ndNefdq7+9bn9qe57//u55n3/0Oz5PT2NgYXK2nK5ULU021hxkwG0ZCb7DNaYA7cAZOwc8WfExX6Kmf/Z44Ob6s2jeiFdXOl+C/UA5cg+PwHiZCF8iHufAFauERTG7mPUVwHZ7ADfgIR6G7L7GbLJtVDI9hDOTBEjgIQ+Ab3IRFMB36wAXYnmTvxsJlWK/n+kIMRsEl6OBL7SbLRm2AszAUXiiaNcgwliLOizx7DuYoXVwFRxQBm1SryDcrMnYXpkIhLPblzoxy6+vrfRXSrIKCgmTDk2CzUrtlMpipM+yGMqhRRNqmufOKamaoEngL5TJbrp7JS/icZ3AR5sP+6ITvvUeytq5y1VoTIgYLShEtZVyh77fC2sj8MViur218qRokU2CN3puop+Z1X/IMRTJtkCu9TY1kGgF18DrF/B4ZzuqziojhTHuVGm6CffBVUe9einf1aub3CP43kH6T5fgyZExvkox1Ul1lDY9KmalCfJLpglJN27uNUAUd4XAKgxWrxvvbfwSuf2GyFPWCK/16CAOTjG+BlfAK+il69VCz4wB8VsoYFMmCjHYIBsM6+KXxIjVIrIW/q4W1ostrsjajGjU/+ieMNzUuoi13q7WqFXGqVH+FiNEWKLU0c9pxwGmljha9hin1rPMld5NlmywVvB/i516FkfET8CHED6GjNZN1FXfIfCdhWmTeuo0xvc+i40wYHuLHASWRJorLTZZVspTObm/cVv31Ep7DzhA/27qa8PxvWB3iV6/eKTKZUUerjnsQ4leyqvTsLRigCOhyk2WtLGKVqrkxTjVUTKZLJbvDOCjEz73yVZ/Z9akfMmY3RcGYxlwZ1h8BBgBOfZP4/uxrIAAAAABJRU5ErkJggg==);

    background-position: center center;

    background-repeat: no-repeat;

    display: none;

}



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

    .latest-block {

        width:32%;

        /*padding: 25px*/

    }

}



@media (min-width: 600px) and (max-width:767px) {

    .latest-block {

        width:32%;

        /*padding: 10px*/

    }

}



.latest-block .img {

    height: 354px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: relative;

    margin-bottom: -199px;

}



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

    .latest-block .img {

        height:180px

    }

}



@media (min-width: 600px) and (max-width:767px) {

    .latest-block .img {

        height:120px

    }

}



@media (min-width: 2px) and (max-width:599px) {

    .latest-title {

        font-size:21px;

        margin-bottom: 22px;

        margin-top: 42px;

    }



    .latest-wrapper {

        display: block

    }



    .latest-block {

        width: 100%;

        /*padding: 15px;*/

        margin-bottom: 25px

    }



    .latest-block .img {

        height: 180px

    }

}



.latest-block .img a {

    display: block;

    height: 100%

}



.latest-block .title {

    /*margin-top: 30px;*/

    position: relative;

    font-size: 18px;

    color: #fff;

    font-weight: 400;

    line-height: 27px;

    width: 100%;

    text-align: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    background-color: transparent;

    padding: 2.3em 0;

    bottom: -26px;

}



.latest-block.opened .products-block-svg,

.latest-block:hover .products-block-svg {

    -webkit-transform: scaleY(1) scaleX(1.315);

        -ms-transform: scaleY(1) scaleX(1.315);

            transform: scaleY(1) scaleX(1.315);

    opacity: 1

}



.latest-block.opened .title {

    background-color: #fff;

    color: #000;

}



.latest-block.opened .product-price {

    color: #000;

}



.latest-block.opened .title:before {

    visibility: visible;

    opacity: 1;

}



.latest-block .products-block-svg {fill: #fff;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;-webkit-transform: scaleY(0) scaleX(1.315);-ms-transform: scaleY(0) scaleX(1.315);transform: scaleY(0) scaleX(1.315);-webkit-transform-origin: center 100%;-ms-transform-origin: center 100%;transform-origin: center 100%;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;position: relative;bottom: -26px;display:  none;}



.latest-block .title a {

    position: relative;

    top: -6px;

}



.latest-block:hover .title {background-color: #ffffffbf;}



.latest-block:hover .title a {

    color: #000;

}



.latest-block:hover .product-price p {

    color: #000;

}



.latest-block .product-price {

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    position: relative;

    text-align: center;

    top: -16px;

}



.latest-block .product-price p {

    margin: 0;

}



.latest-block .title:before {

    height: 13px;

    background-size: 100% auto;

    position: absolute;

    width: calc(100% - 144px);

    top: 5px;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

    opacity: 0;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s

}



@media (min-width: 2px) and (max-width:1169px) {

    .latest-block .title:before {

        display:none

    }

}



@media (min-width: 600px) and (max-width:767px) {

    .latest-block .title a {

        font-size:14px

    }

}



.latest-block.cloned {

    /*transform: translateX(-38px)*/

}



@media (min-width: 1024px) and (max-width:5999px) {

    .latest-hidden,.latest-hidden .delim {

        position:absolute;

        background-color: #fff

    }



    .latest-hidden {

        width: 100%;

        border: 2px solid #e5e5e5;

        padding: 50px 100px 20px;

        left: 0;

        cursor: default;

        z-index: 9;

        display: none

    }



    .latest-hidden .delim {

        top: -10px;

        left: 2px;

        border-top: 2px solid #e5e5e5;

        border-right: 2px solid #e5e5e5;

        width: 18px;

        height: 18px;

        -webkit-transform: rotate(-45deg);

            -ms-transform: rotate(-45deg);

                transform: rotate(-45deg);

        pointer-events: none

    }

}



/*.latest-hidden .head {*/

    /*font-size: 26px;*/

    /*font-weight: 600;*/

    /*text-transform: uppercase;*/

    /*text-align: center;*/

    /*padding-bottom: 20px*/

/*}*/



@media (min-width: 2px) and (max-width:1023px) {

    .latest-hidden {

        position:fixed;

        width: 100%;

        height: 100%;

        min-height: 100vh;

        background-color: #fff;

        left: 0;

        z-index: 25;

        top: 0;

        padding: 7vw;

        overflow-y: auto;

        display: none

    }


    .latest-hidden .head {

        font-size: 21px;

        font-weight: 600;

        text-transform: uppercase;

        text-align: center;

        padding-bottom: 20px;

        padding-top: 35px

    }

}



.latest-hidden .close {

    position: absolute;

    top: 16px;

    right: 10px;

    fill: #cacaca;

    cursor: pointer

}



.latest-hidden .close:hover {

    fill: #000

}



.latest-hidden .text {

    color: #3f3e3e;

    font-size: 15px;

    line-height: 22px;

}



.products {

    margin: 0 auto

}



@media (min-width: 2px) and (max-width:1169px) {

    .products {

        width:100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .products {

        width:1170px;

        padding: 0 15px

    }

}



.products-wrapper {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-line-pack: stretch;

    align-content: stretch;

    -ms-flex-align: start;

    -webkit-box-align: start;

            align-items: flex-start;

    -ms-flex-flow: row wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row wrap;

    width: calc(100% + 10px);

    margin: 0 -5px 25px;

    position: relative

}



.products-block {

    height: 250px;

    margin-bottom: 10px;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-flow: column nowrap;

    -ms-flex-pack: end;

    -webkit-box-pack: end;

            justify-content: flex-end;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    cursor: pointer

}



.products-block-out {

    width: calc(25% - 10px);

    margin: 0 5px

}



.products-block-out:first-of-type .products-block:nth-of-type(2),.products-block-out:nth-of-type(2) .products-block:nth-of-type(1),.products-block-out:nth-of-type(3) .products-block:nth-of-type(3),.products-block-out:nth-of-type(4) .products-block:nth-of-type(2) {

    height: 330px

}



.products-block-svg {

    fill: #fff;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    opacity: 0;

    -webkit-transform: scaleY(0);

        -ms-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: center 100%;

        -ms-transform-origin: center 100%;

            transform-origin: center 100%;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    position: relative;

    bottom: 0;

}



@media (min-width: 2px) and (max-width:1169px) {

    .products-wrapper {

        padding-top:180px

    }



    .products-block-out {

        width: calc(50% - 10px)

    }



    .products-block-out:first-of-type {

        -ms-flex-order: 2;

        -webkit-box-ordinal-group: 3;

                order: 2

    }



    .products-block .title:before,.products-block-svg {

        display: none

    }

}



.products-block .title {

    font-size: 16px;

    color: #fff;

    font-weight: 400;

    line-height: 27px;

    width: 100%;

    text-align: center;

    padding-bottom: 1.3em;

    position: relative;

    padding-top: 1.3em;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    background-color: transparent

}



.products-block .title:before {

    height: 13px;

    background-size: 100% auto;

    position: absolute;

    width: calc(100% - 60px);

    top: 15px;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%)

}



.products-block.opened .products-block-svg,.products-block:hover .products-block-svg {

    -webkit-transform: scaleY(1);

        -ms-transform: scaleY(1);

            transform: scaleY(1);

    opacity: 1,;
    
    display: none;

}



.products-block.opened .title:before,.products-block:hover .title:before {

    visibility: visible

}



.products-block.main {background-color: #f7f7f7;padding: 40px 30px;cursor: default;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: block;}



@media (min-width: 2px) and (max-width:1169px) {

    .products-block.main {

        position:absolute;

        width: calc(100% - 10px);

        left: 5px;

        top: 0;

        height: 170px!important;

        padding: 30px 15px;

    }

}



.products-block.main .title-up {

    text-align: center;

    font-size: 26px;

    line-height: 35px;

    text-transform: uppercase;

    color: #000;

    padding-bottom: 0

}



@media (min-width: 2px) and (max-width:1169px) {

    .products-block.main .title-up {

        font-size:21px

    }

}



.products-block.main .title-bottom {font-size: 15px;color: #565656;text-align: center;line-height: 19px;font-weight: 400;position: relative;padding-top: 37px;}



.products-block.opened .title,.products-block:hover .title {

    color: #000;

    background-color: #ffffffbf;

}



.products-block.main .title-bottom:before {content: '';background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAAANCAYAAAAkEctPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFMDk4NTFCMjIxNDExRTc5MDgwQzI4RDlDN0RFRDA5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFMDk4NTFDMjIxNDExRTc5MDgwQzI4RDlDN0RFRDA5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEUwOTg1MTkyMjE0MTFFNzkwODBDMjhEOUM3REVEMDkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEUwOTg1MUEyMjE0MTFFNzkwODBDMjhEOUM3REVEMDkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6TqMLkAAACy0lEQVR42uyaW2jOYRzHn7E5pDBJ4oLkdLNYS+hNkeTU5FBcOG0uDFeU0yiHXMwp5JBGlm1RQhNCCckFitCQC4Q0Lsghcirz+fV+V//e3ndNefdq7+9bn9qe57//u55n3/0Oz5PT2NgYXK2nK5ULU021hxkwG0ZCb7DNaYA7cAZOwc8WfExX6Kmf/Z44Ob6s2jeiFdXOl+C/UA5cg+PwHiZCF8iHufAFauERTG7mPUVwHZ7ADfgIR6G7L7GbLJtVDI9hDOTBEjgIQ+Ab3IRFMB36wAXYnmTvxsJlWK/n+kIMRsEl6OBL7SbLRm2AszAUXiiaNcgwliLOizx7DuYoXVwFRxQBm1SryDcrMnYXpkIhLPblzoxy6+vrfRXSrIKCgmTDk2CzUrtlMpipM+yGMqhRRNqmufOKamaoEngL5TJbrp7JS/icZ3AR5sP+6ITvvUeytq5y1VoTIgYLShEtZVyh77fC2sj8MViur218qRokU2CN3puop+Z1X/IMRTJtkCu9TY1kGgF18DrF/B4ZzuqziojhTHuVGm6CffBVUe9einf1aub3CP43kH6T5fgyZExvkox1Ul1lDY9KmalCfJLpglJN27uNUAUd4XAKgxWrxvvbfwSuf2GyFPWCK/16CAOTjG+BlfAK+il69VCz4wB8VsoYFMmCjHYIBsM6+KXxIjVIrIW/q4W1ostrsjajGjU/+ieMNzUuoi13q7WqFXGqVH+FiNEWKLU0c9pxwGmljha9hin1rPMld5NlmywVvB/i516FkfET8CHED6GjNZN1FXfIfCdhWmTeuo0xvc+i40wYHuLHASWRJorLTZZVspTObm/cVv31Ep7DzhA/27qa8PxvWB3iV6/eKTKZUUerjnsQ4leyqvTsLRigCOhyk2WtLGKVqrkxTjVUTKZLJbvDOCjEz73yVZ/Z9akfMmY3RcGYxlwZ1h8BBgBOfZP4/uxrIAAAAABJRU5ErkJggg==);height: 13px;background-repeat: no-repeat;background-position: center center;background-size: auto;position: absolute;width: 100%;top: 15px;left: 0;display: none;}



@media (min-width: 2px) and (max-width:1169px) {

    .products-block.main .title-bottom {

        padding-top:40px

    }



    .products-block:hover .title {

        background-color: transparent;

        color: #fff

    }

}



@media (min-width: 1024px) and (max-width:5999px) {

    .products-hidden, .latest-hidden {

        width:1141px;

        position: absolute;

        background-color: #fff;

        border: 2px solid #e5e5e5;

        padding: 50px 40px;

        left: 4px;

        cursor: default;

        z-index: 9;

        display: none

    }



    .latest-hidden {

        left: 0;

    }



    .products-hidden .delim {

        position: absolute;

        top: -10px;

        left: 2px;

        border-top: 2px solid #e5e5e5;

        border-right: 2px solid #e5e5e5;

        width: 18px;

        height: 18px;

        -webkit-transform: rotate(-45deg);

            -ms-transform: rotate(-45deg);

                transform: rotate(-45deg);

        background-color: #fff;

        pointer-events: none

    }

}



.products-hidden .head, .latest-hidden .head {

    font-family: Merriweather, serif;

    font-size: 32px;

    font-weight: 600;

    padding-bottom: 20px

}



@media (min-width: 2px) and (max-width:1023px) {

    .products-hidden {

        position:fixed;

        width: 100%;

        height: 100%;

        background-color: #fff;

        left: 0;

        z-index: 15;

        top: 0;

        padding: 7vw;

        overflow-y: auto;

        display: none

    }



    .products-hidden .head {

        font-size: 27px;

        font-weight: 600;

        padding-bottom: 20px;

        padding-top: 35px

    }

}



.products-hidden .close {

    position: absolute;

    top: 16px;

    right: 10px;

    fill: #cacaca;

    cursor: pointer;

    z-index: 100;

}



.products-hidden .close:hover {

    fill: #000

}



.products-hidden .text {

    font-size: 15px;

    line-height: 22px;

}



/* make products-hidden layout to appear in 2 columns and additional info  */



.products-block .title {

    padding-bottom: 2.6em;

}



.products-block {

    /*position: relative;*/

}



.products-block:after {

    content: '';

    display: block;

    width: 100%;

    margin-top: -100px;

    height: 100px;

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(rgba(0,0,0,0.65)));

    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);

}



.products-block.main:after {

    display: none;

}



.title, .product-price {

    z-index: 2;

}



.products-block.opened .product-price, .products-block:hover .product-price {

    color: #000;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

}


.products-block .product-price p,
.latest-block .product-price p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
    text-align: center;
}

.latest-block .product-price {
    width: 100%;
}




.products-block .product-price {

    width: 100%;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

    margin-top: -41px;

}

.old-price {
    position: relative;
    font-size: 16px;
    color: #9c8c8c;
}

.old-price:before {
    content: '';
    width: 90%;
    position: absolute;
    right: 5%;
    top: 50%;
    border-bottom: 2px solid #000;
    -webkit-transform: skewY(-17deg);
        -ms-transform: skewY(-17deg);
            transform: skewY(-17deg);
}

.product-details-price .old-price {
    margin-right: 14px;
    font-size: 23px;
}

/*.products-block .product-price p span:first-child {*/
    /*display: none;*/
/*}*/

/*.products-block .product-price.has-old-price p span:first-child {*/
    /*display: block;*/
    /*text-decoration: line-through;*/
/*}*/





.products-block .product-price p {

    margin: 0 0 15px 0;

}



.products-hidden-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.product-photos {

    width: 50%;

    padding-right: 17px;

}



.product-details {

    width: 50%;

    padding-left: 17px;

}



.product-availability {

    float: left;

    margin-right: 30px;

    padding-left: 22px;

}



.product-availability.avail {

    color: #00aa00;

    background: url("../img/checked.png") no-repeat 0 1px;

}



.product-availability.unavail {

    color: #d4291f;

    background: url("../img/cancel.png") no-repeat 0 1px;

}



.product-availability.not-avail {

    color: red;

}



.product-vendor-code {

    float: left;

}



.product-details-price {

    clear: both;

    font-size: 40px;

    font-weight: bold;

    margin: 40px 0 10px 0;

}



.questions-and-order {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

}



.make-order {

    transition: all .3s ease;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    background: #ad9066;

    border: none;

    padding: 15px 0;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

}

.make-order:hover {

    background-color: #92764f;

}



/*.make-order span:first-child {*/

    /*margin-left: -24px;*/

    /*margin-right: 8px;*/

    /*margin-bottom: -2px;*/



/*}*/



/*.make-order span:last-child {*/

    /*text-transform: uppercase;*/

    /*font-size: 15px;*/

    /*font-weight: bold;*/

/*}*/



.ask-questions {

    transition: all .3s ease;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    color: #ad9066;

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    font-size: 15px;

    margin: 0;

}



.ask-questions a {

    color: #ac9165;

    border-bottom: 1px dashed #ac9165;

}

.ask-questions a:hover {

    color: #bfaa88;

    border-bottom: 1px dashed #bfaa88;

}





.product-characteristics {

    margin: 30px 0 12px 0;

    text-align: left;

    width: 100%;

    font-size: 15px;

    line-height: 2.7;

}



.product-characteristics tr:nth-child(n+6) {

    display: none;

}



.product-characteristics.full tr:nth-child(n+6) {

    display: table-row;

}



.product-characteristics tr {

    border-bottom: 1px solid #eee;

}



.product-characteristics th {

    color: #888;

    font-weight: normal;

}



.expand-collapse-characteristics {

    margin-bottom: 13px;

}



.expand-collapse-characteristics a {

    color: #ad9066;

    border-bottom: 1px dashed #ad9066;

    font-size: 15px;

}



.product-description {

    margin-top: 22px;

}



.item-slider {

    opacity: 0;

    -webkit-transition: opacity .3s;

    -o-transition: opacity .3s;

    transition: opacity .3s;

    margin-top: 35px

}



.item-slider .slick-dots {

    margin: 20px 0 0;

    list-style: none;

    -ms-flex-flow: row wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row wrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    display: -webkit-box!important;

    display: -ms-flexbox!important;

    display: flex!important;

    padding: 0 75px

}



.item-slider .slick-dots button {

    display: none!important

}



.item-slider .slick-dots li {

    width: 14px;

    height: 14px;

    border: 2px solid #e5e5e5;

    border-radius: 50%;

    background-color: #fff;

    cursor: pointer;

    margin: 0 6px

}



.item-slider .slick-dots li.slick-active {

    background-color: #e5e5e5

}



.item-slider .slick-list {

    width: 100%;

    margin: 0;

}



.item-slider-arrows {

    text-align: right;

    position: relative;

    bottom: 20px;

    float: right

}



.back-button,.back-undertitle,.callback-thank .title,.modal-order .thank-text,.part-button,.part-title {

    text-align: center

}



.item-slider-arrows svg {

    fill: #cacaca;

    cursor: pointer

}



.item-slider-arrows .prev {

    margin-right: 20px

}



.item-slider-arrows .prev svg {

    -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

            transform: rotate(180deg)

}



.item-slide {

    height: 225px;

    background-repeat: no-repeat;

    background-position: center center;

    /*background-size: contain;*/

    background-size: cover;

    /*border: 1px solid #e5e5e5;*/

    margin: 0 4px;

    outline: 0

}



.item-slide a {

    display: block;

    height: 100%

}



.callback {

    background-color: #f7f7f7;

    padding-top: 25px;

    padding-bottom: 25px

}



.callback-wrapper {

    margin: 0 auto

}

#modal-ask-questions .callback-wrapper {

    width: auto;

}

#modal-ask-questions .callback {
    background: transparent;
    padding: 0;
}

#modal-ask-questions .callback-wrapper-in {
    background-image: none;
    padding: 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
#modal-ask-questions input {
    color: #000;
}

#modal-ask-questions .part-title .text {
    font-size: 18px;
}

#modal-ask-questions .callback-form,
#modal-ask-questions .modal-order-form,
#modal-order .modal-order-form {
    width: 100%;
    text-align: center;
}

#modal-ask-questions  .callback-form .input-wrapper {
    width: 100%;
}

#modal-ask-questions .callback-wrapper-in {

    display:block;

    padding: 20px

}

#modal-ask-questions .callback-text {

    width: 100%

}

#modal-ask-questions .callback-text .text {

    margin-bottom: 25px

}


@media (min-width: 2px) and (max-width:1169px) {

    .callback-wrapper {

        width:100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .callback-wrapper {

        width:1170px;

        padding: 0 15px

    }

}



.callback-wrapper-in {

    background-image: url(../img/msrolls.jpg);

    background-repeat: no-repeat;

    background-size: cover;

    padding: 45px;

    position: relative;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center

}



.callback-text {

    width: 20%

}



.callback-text .title {

    font-size: 21px;

    color: #d5b98b;

    text-transform: uppercase;

    font-weight: 700

}



.callback-text .text {

    font-size: 15px;

    color: #fff;

    margin-top: 5px

}



@media (min-width: 2px) and (max-width:1023px) {

    .callback-wrapper-in {

        display:block;

        padding: 20px

    }



    .callback-text {

        width: 100%

    }



    .callback-text .text {

        margin-bottom: 25px

    }

}



.callback-form {

    width: 75%

}



.callback-form form {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center

}



@media (min-width: 2px) and (max-width:1023px) {

    .callback-form {

        width:100%

    }



    .callback-form form {

        display: block

    }

}



.callback-form .input-wrapper {

    position: relative;

    width: 32%

}



.callback-form .input-wrapper input {

    width: 100%;

    background: 0 0;

    border: 1px solid #fff;

    height: 50px;

    padding: 0 20px;

    color: #fff;

    outline: 0

}



.callback-thank,.decor:after,.find-block-info .adr,.find-block-info .phone,.part-slider .slick-slide {

    background-repeat: no-repeat

}



.callback-form .input-wrapper input::-webkit-input-placeholder {

    color: #8f8f8f

}



.callback-form .input-wrapper input:-moz-placeholder {

    color: #8f8f8f

}



.callback-form .input-wrapper input::-moz-placeholder {

    color: #8f8f8f

}



.callback-form .input-wrapper input:-ms-input-placeholder {

    color: #8f8f8f

}



.callback-form .input-wrapper button {

    transition: all .3s ease;

    background-color: #ac9165;

    border: 1px solid #ac9165;

    text-transform: uppercase;

    color: #efefef;

    height: 50px;

    width: 100%;

    text-align: center;

    max-width: 300px

}

.callback-form .input-wrapper button:hover {
    background-color: #92784f;
}



.callback-thank .decor:after,.part-button-go {

    background-color: transparent

}



.callback-form .input-wrapper .error-text {

    display: none;

    position: absolute;

    top: calc(100% + 5px);

    left: 20px;

    color: #fff;

    font-size: 14px

}



@media (min-width: 2px) and (max-width:1023px) {

    .callback-form .input-wrapper {

        width:100%;
        margin: 15px auto;
        text-align: center;
    }



    .callback-form .input-wrapper input {

        /*margin-bottom: 25px;*/

        max-width: 300px

    }



    .callback-form .input-wrapper .error-text {

        /*top: auto;*/

        /*bottom: 5px*/

    }

}



.callback-form .input-wrapper .error~.error-text {

    display: block

}



.callback-thank {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-image: url(../img/fon.jpg);

    background-size: cover;

    padding: 25px;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-flow: column nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center

}



@media (min-width: 2px) and (max-width:509px) {

    .callback-thank {

        display:-ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: column nowrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

                flex-flow: column nowrap;

        -ms-flex-pack: center;

        -webkit-box-pack: center;

                justify-content: center;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center

    }

}



.find-buttons,.social {

    -ms-flex-flow: row nowrap

}



.callback-thank .title {

    font-size: 21px;

    color: #d5b98b;

    text-transform: uppercase;

    font-weight: 700;

    margin-bottom: 20px;

    width: 80%;

    margin-left: auto;

    margin-right: auto

}



.callback-thank .text {

    color: #fff

}



@media (min-width: 2px) and (max-width:509px) {

    .callback-thank .title {

        font-size:14px

    }



    .callback-thank .text {

        font-size: 14px;

        text-align: center

    }

}



.callback-thank .decor {

    border: 0

}



.callback-thank .close {

    position: absolute;

    top: 16px;

    right: 10px;

    cursor: pointer;

    fill: #fff

}



.callback-thank .close:hover {

    fill: #d5b98b

}



.part-wrapper {

    margin: 0 auto

}


#lg-zoom-out {
    opacity: 1!important;
    pointer-events: auto!important;
}


#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;

    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1052;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;

        -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;

        -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
          animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    @-webkit-keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%   { 
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(0deg);  /* IE 9 */
            transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100% {
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: rotate(360deg);  /* IE 9 */
            transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #222;
        z-index: 1051;
    }

    #loader-wrapper .loader-section.section-left {
        left: 0;
    }
    #loader-wrapper .loader-section.section-right {
        right: 0;
    }

    /* Loaded styles */
    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(-100%);  /* IE 9 */
                transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateX(100%);  /* IE 9 */
                transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
                transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }
    .loaded #loader {
        opacity: 0;

        -webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                -o-transition: all 0.3s ease-out;
                transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

    }
    .loaded #loader-wrapper {
        visibility: hidden;

        -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
            -ms-transform: translateY(-100%);  /* IE 9 */
                transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    
        -webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
                -o-transition: all 0.3s 1s ease-out;
                transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
    }


@media (min-width: 2px) and (max-width:1169px) {

    .part-wrapper {

        width:100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .part-wrapper {

        width:1170px;

        padding: 0 15px

    }

}



.part-title {

    font-size: 26px;

    text-transform: uppercase;

    padding: 0px 0 25px

}

section .part-title {
    padding: 25px 0 25px;
}


@media (min-width: 2px) and (max-width:1169px) {

    .part-title {

        font-size:21px;

        padding: 0px 0 20px;

    }

}



.part-slider {

    opacity: 0;

    width: calc(100% - 40px);

    margin: 50px auto;

    position: relative

}



.part-slider .slick-slide {

    height: 110px;

    background-position: center center;

    outline: 0

}



.part-slider .slick-slide a {

    display: block;

    height: 100%

}



.part-slider .slick-arrow {

    position: absolute;

    top: 45px;

    cursor: pointer;

    fill: #000

}



.part-slider .slick-arrow.slick-disabled {

    fill: #bababa

}



.part-slider .slick-arrow.prev {

    left: -20px;

    -webkit-transform: rotate(180deg);

        -ms-transform: rotate(180deg);

            transform: rotate(180deg)

}



.decor:after,.find-buttons button.current:after {

    left: 50%;

    content: ''

}



.part-slider .slick-arrow.next {

    right: -20px

}



.part-button-go {

    outline: 0;

    border: 2px solid #d2d2d2;

    color: #aaa;

    font-size: 15px;

    text-transform: uppercase;

    padding: 13px 28px;

    height: 50px;

    margin-bottom: 60px

}



.part-button-go:hover {

    color: #8e8e8e;

    border-color: #8e8e8e

}



.decor {

    border-bottom: 1px solid #d2d2d2;

    position: relative;

    margin-bottom: 25px

}



.decor:after {

    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAANCAYAAABVRWWUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNFOTJDREE5MjM4ODExRTc4MjYyQTc3RkI5REU0Nzc3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNFOTJDREFBMjM4ODExRTc4MjYyQTc3RkI5REU0Nzc3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Q0U5MkNEQTcyMzg4MTFFNzgyNjJBNzdGQjlERTQ3NzciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Q0U5MkNEQTgyMzg4MTFFNzgyNjJBNzdGQjlERTQ3NzciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7utdvSAAACLklEQVR42ozUbWjNYRjH8e3M1pFaFsnDGxtFeTEP89SoZcnYJk/xAicp4qU8FaUtxULHIrYpy2wpNm0hhEjE5MjzSNEW2ySaNGFkvlf9/ut2d86469P5d5/7fz9c1/W/k69VRpK8loLFWI7pGK7+dsTQhAb0JP27pWMoOvA96Ax5g5JxA6fwCfMwCIOxEt2oxXPM72exKbiJl7iFzzihef5atBgtmI1UbEAFxuEb7mItFmEkLmJfnI3n4Sp2atwo5GIGLiMteGEXzmE8WnFdIclTSFc5k57HCoV3K44rQkGzSGRgqdP3AIWYhPW2aAFK8QpzkIl8jEUVwjiJ7c4kF3TqXqzBHic9A/Sc6kXgNS5hdUqkKNt2OgTT8MQZ9EuTf1Fu5+IHbuv/p+hSbmfhA+4rSm9QFqfYclBku5qKRrxLUBQHldOj2Ku+Mv0eUihLcBhfFZWHCeYaZtEIctoZZ0BYFZuFSuxQvy280RlXKvapVWNdPwtascZs0WfKn992o06fUHC6qJ6PaENBK3EWPoYDXk4n4Io+mWhI4bBiGu0tGryU5vRtQY0Kxk61wFs4olRsxgucVagt/9kot1SGVKGPVFmTnUlOq1DcE/WqavdrM/VY6H0uuZpvDJZgotJnVb4puBx+6qTNuIM2vFWIClWNbvuNbboqP6oIbeMzVQePdYVWa2yz6qKm79rz7t6BGKETdv3H3WqnXaZbKkc3kOX1Pe7pjj6jxfvaHwEGAEp3hCg0hwrzAAAAAElFTkSuQmCC);*/

    width: 47px;

    height: 13px;

    position: absolute;

    background-position: center center;

    /*background-color: #fff;*/

    -webkit-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

            transform: translate(-50%,-50%);

    top: 0

}



.find,.find-up .decor:after {

    /*background-color: #f7f7f7*/

}



.find {

    padding-top: 1px

}



.find-up {

    margin: 0 auto

}



@media (min-width: 2px) and (max-width:1169px) {

    .find-up {

        width:100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .find-up {

        width:1170px;

        padding: 0 15px

    }

}



.find-buttons {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: center;

    -webkit-box-pack: center;

            justify-content: center;

    -ms-flex-align: start;

    -webkit-box-align: start;

            align-items: flex-start;

    margin-bottom: 40px

}



.find-buttons button {

    width: 340px;

    margin: 0 8px;

    background-color: transparent;

    border: 1px solid #aeaeae;

    padding: 14px 15px;

    height: 50px;

    font-size: 14px;

    font-weight: 400;

    text-transform: uppercase

}



.find-buttons button.current {

    background-color: #3f3f3f;

    border-color: #3f3f3f;

    color: #fff;

    position: relative

}



.find-buttons button.current:after {

    border: 7px solid transparent;

    border-top-color: #3f3f3f;

    position: absolute;

    top: 100%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%)

}



@media (min-width: 1170px) and (max-width:5000px) {

    .find-place {

        display:-ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: row nowrap;

        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

                flex-flow: row nowrap;

        -ms-flex-pack: center;

        -webkit-box-pack: center;

                justify-content: center;

        -ms-flex-align: stretch;

        -webkit-box-align: stretch;

                align-items: stretch;

        position: relative;

        padding-bottom: calc(980px - 2em)

    }



    .find-place.out {

        opacity: 0;

        visibility: hidden;

        height: 0;

        padding: 0;

        overflow: hidden

    }



    .find-block {

        width: 270px;

        margin: 0 11px;

        border-top: 4px solid transparent;

        cursor: pointer

    }

}



.find-block-info {

    background-color: #fff;

    padding: 25px 30px;

    z-index: 5;

    position: relative;

    height: 100%

}



.find-block-info .title {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    text-transform: uppercase;

    /* transition: all .9s */

}



@media (min-width: 2px) and (max-width:1169px) {

    .find-place.out {

        display:none

    }



    .find-block-info {

        padding: 15px;

        border-top: 1px solid #e9e9e9

    }



    .find-block-info .fmob {

        max-height: 0;

        overflow: hidden;

        -webkit-transition: all .9s;

        -o-transition: all .9s;

        transition: all .9s

    }



    .find-block-info .title {

        margin-bottom: 0;

        position: relative

    }



    .find-block-info .title:after {

        content: '';

        width: 14px;

        height: 14px;

        position: absolute;

        top: 50%;

        right: 0;

        margin-top: -7px;

        -webkit-transition: all .5s;

        -o-transition: all .5s;

        transition: all .5s;

        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBBODU4RjU5MjRGQzExRTdCOEUwRDE1NThFQjMzOUQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBBODU4RjVBMjRGQzExRTdCOEUwRDE1NThFQjMzOUQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEE4NThGNTcyNEZDMTFFN0I4RTBEMTU1OEVCMzM5RDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEE4NThGNTgyNEZDMTFFN0I4RTBEMTU1OEVCMzM5RDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hzurXAAAAM0lEQVR42mJMTExkwAEeQml5bJJMDGSCkaCRBYjv4pCTgtJ3qW6jMoF4VB6NRxIBQIABAEfFBT4uuUxWAAAAAElFTkSuQmCC)

    }

}



.find-block-info .adr,.find-block-info .phone,.find-block-info .time {

    padding-left: 28px;

    margin-bottom: 20px

}



.find-block-info .adr {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAASCAYAAACEnoQPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkJCMDNGQUIxMjQ0ODExRTdCMDlDRjUzMEU1OEU5OTg3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkJCMDNGQUIyMjQ0ODExRTdCMDlDRjUzMEU1OEU5OTg3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QkIwM0ZBQUYyNDQ4MTFFN0IwOUNGNTMwRTU4RTk5ODciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QkIwM0ZBQjAyNDQ4MTFFN0IwOUNGNTMwRTU4RTk5ODciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6vPV4tAAABaklEQVR42oyUPUsDQRCG984IAVEEC1tFFCUQ1PbAf2GwEYk2/gE/EAQFIQQtQ7DRxkIs7FLYe1emUBRBEDuNhYUpjIXmfAZ2ZbPcmQw8md2ZeWfvdo54cRwrY1EUZXBLUIBZGIYPqMMlnAdB8G3qPSNGmMNdQE6l2wMs0uD+T4wwz/oahlR3a8ICDW68MAyzbG5h0in6gjcYhayTe5In9PlZcYRt2IERuo+J1/u2VTMBqxl9ObbtIiqZDetPXIlXk4MOrLqCBPLOqZWUd604p8+IuN8KtDipmaQkLiNrWaGsiF+twACPN5ckJj4veSv0IuKaU1elcNARyr7q1NVkVNMs7qDPSjzDMTzCFKzDuJX/kVGZj+RErl71bqfcwZqvN5vQ6FHY0PXK1zf5jitC3EUooyrqeuVbo7gyHf+xLV2nOsS6wRGunCIs67xKFOsG27h9J7yn4x3m2X8GzmyXcYewgfAsqeZXgAEAc5dxa4ext1QAAAAASUVORK5CYII=);

    background-position: 0 5px;

    font-size: 15px;

    line-height: 22px

}



.find-block-info .time {

    color: #828282;

    font-size: 15px;

    line-height: 22px

}



.find-block-info .phone {

    background-position: 0 3px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFFNDE5RkE4MjQ0OTExRTc5MTE2QUVERTQzQzkxRjQxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFFNDE5RkE5MjQ0OTExRTc5MTE2QUVERTQzQzkxRjQxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUU0MTlGQTYyNDQ5MTFFNzkxMTZBRURFNDNDOTFGNDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUU0MTlGQTcyNDQ5MTFFNzkxMTZBRURFNDNDOTFGNDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7vxST2AAAB6UlEQVR42pSUv0tbURTH34sp1NKQikWEStEi3YpYLBRUSFAQHFyCg4tYHNqtTf4NB3XooItSBAc3B1EwJIjSgj/AtWTo4iJq/EWXENLPKd+E28dLTA98ct5579zvvTnn3utXKhXPtXw+/xr3DnrhBTyBp3APv+EMCnCYSCR+umN9E0Oghec0fJRIs2aiSzCPcDmql18l9L9mE8/Jf/JzudwrzeA7SYvwq4FIN3x2YqtVr61sIiB0z5K/qH7PeL526lmLeZ5VLT2Nn4jw0x+YtazkDO4Kn1ScVJxx8xzrt5V9hx44h0v44dTDZhxGoGhecbVB1rD30A4dpuMHt4ZWMYrbgkch9SrBOH93N/ghEiJks206QrdwLO/p/aby6ouR8Aa3Da3OlulkFQPmFXv6vq38fzethKwWB/r/ZidgIlMwDd9gHY7grXKszoNMVqitDKEuXNYRMtsBa9AKjMlH9b5qlp/VeC/Cw2MlvAyUoI0ZS9rQf4+O4rZAno3bMR07ASMEuyFdu4E+uIMh2IcYnEI8JH80ooQwi6uGKdUmpTheJz9mNSg2OIN2BS03eeiLJrankz+pA3yhO+shs4me60LYMB13a8yoYwsUOv2QEvnzOLsQPpC/6qnVVbMmrIlmbE0rqzXvjwADAAntpGUZX0+TAAAAAElFTkSuQmCC);

    min-height: 25px;

    font-size: 19px

}



.find-block-info .phone span a {

    display: block;

    color: #000;

    margin-bottom: 5px

}



.find-block-info .phone a b {

    font-weight: 400;

    color: #636262;

    margin-right: 5px

}



@media (min-width: 1170px) and (max-width:5000px) {

    .find-block .map {

        height:980px;

        opacity: 0;

        z-index: -1;

        position: absolute;

        bottom: 0;

        left: 0;

        width: 100%

    }



    .find-block.current {

        border-top-color: #d5b98b

    }



    .find-block.current .find-block-info {

        background-color: #3f3f3f

    }



    .find-block.current .find-block-info .adr,.find-block.current .find-block-info .phone a b,.find-block.current .find-block-info .phone span a,.find-block.current .find-block-info .title {

        color: #fff

    }



    .find-block.current .find-block-info .time {

        color: #c8c8c8

    }



    .find-block.current .find-block-info:after {

        content: '';

        border: 12px solid transparent;

        border-top: 14px solid #3f3f3f;

        position: absolute;

        top: 100%;

        left: 50%;

        -webkit-transform: translateX(-50%);

            -ms-transform: translateX(-50%);

                transform: translateX(-50%)

    }

}



@media (min-width: 1170px) and (max-width:5000px) and (min-width:1170px) and (max-width:5000px) {

    .find-block.current .map {

        opacity:1;

        z-index: 1

    }

}



@media (min-width: 2px) and (max-width:1169px) {

    .find-block.current .fmob {

        max-height:1000px

    }



    .find-block.current .title:after {

        -webkit-transform: rotate(45deg);

            -ms-transform: rotate(45deg);

                transform: rotate(45deg)

    }



    .find-block.current .title {

        margin-bottom: 15px

    }



    .find-block.current .map {

        height: 300px;

        width: 100%

    }

}



.social {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row nowrap;

            flex-flow: row nowrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    width: 165px

}



.social-link {

    display: inline-block

}



.social-link svg {

    fill: #8b8b8b

}



.social-link:hover svg {

    fill: #ac9165

}



.back {

    margin: 0 auto;

    position: relative

}



@media (min-width: 2px) and (max-width:1169px) {

    .back {

        width:100%;

        padding: 0 15px;

        min-width: 320px;

        border-top: 1px solid #e9e9e9

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .back {

        width:1170px;

        padding: 0 15px

    }

}



@media (min-width: 1170px) and (max-width:5000px) {

    .back {

        height:0

    }



    .back-wrapper {

        background-color: #fff;

        position: absolute;

        width: calc(100% - 30px);

        bottom: 0;

        z-index: 2

    }

}



.back-form {

    max-width: 745px;

    margin: 0 auto

}



.back-form-svg {

    position: absolute;

    top: 20px;

    right: 20px;

    fill: #ac9165;

    cursor: pointer

}



.back-form .input-wrapper {

    position: relative

}



.back-form .input-wrapper .error-text {

    display: none;

    position: absolute;

    top: calc(100% - 20px);

    left: 0;

    color: #fff;

    font-size: 14px;

    background-color: #ac9165;

    z-index: 2;

    padding: 5px 15px

}



.back-form .input-wrapper .error-text:after {

    content: '';

    border: 6px solid transparent;

    border-bottom: 6px solid #ac9165;

    bottom: 100%;

    left: 10px;

    position: absolute

}



.back-form .input-wrapper .error~.error-text {

    display: block

}



.back-form form>.input-wrapper {

    margin-bottom: 10px

}



.back-form input,.back-form textarea {

    border: 1px solid #bababa;

    background-color: #fff;

    outline: 0;

    padding: 0 20px;

    width: 100%;

    height: 50px;

    margin-bottom: 25px

}



.back-form input::-webkit-input-placeholder,.back-form textarea::-webkit-input-placeholder {

    color: #747474

}



.back-form input:-moz-placeholder,.back-form textarea:-moz-placeholder {

    color: #747474

}



.back-form input::-moz-placeholder,.back-form textarea::-moz-placeholder {

    color: #747474

}



.back-form input:-ms-input-placeholder,.back-form textarea:-ms-input-placeholder {

    color: #747474

}



.back-form textarea {

    min-width: 100%;

    width: 100%;

    height: 130px;

    min-height: 130px;

    padding: 20px

}



.back-form-wrapper {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row nowrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row nowrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center

}



.back-form-wrapper>div {

    width: 49%

}



@media (min-width: 2px) and (max-width:767px) {

    .back-form-wrapper {

        display:block

    }



    .back-form-wrapper>div {

        width: 100%

    }

}



.back-button {

    transition: all .3s ease;

    font-size: 15px;

    background-color: #ac9165;

    border: 1px solid #ac9165;

    color: #fff;

    height: 50px;

    padding: 0 50px;

    text-transform: uppercase;

    margin-bottom: 50px

}

.back-button:hover {

    background-color: #92784f;

}



.back-undertitle {

    margin-bottom: 25px

}



.back-thank {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #fff;

    z-index: 3;

    width: 100%;

    height: 100%;

    padding: 2vw;

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: column nowrap;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

            flex-flow: column nowrap;

    -ms-flex-pack: start;

    -webkit-box-pack: start;

            justify-content: flex-start;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center

}



@media (min-width: 2px) and (max-width:1169px) {

    .back-thank {

        padding:4vw;

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: column nowrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

                flex-flow: column nowrap;

        -ms-flex-pack: center;

        -webkit-box-pack: center;

                justify-content: center;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center

    }

}



.back-thank .decor {

    width: 100%

}



.back-thank .close {

    position: absolute;

    top: 25px;

    right: 25px;

    cursor: pointer;

    fill: #e5e5e5

}



.back-thank .close:hover {

    fill: #000

}



.modal-order {

    background-color: #fff;

    opacity: 1;

    border: 7px solid #d09034;

    -webkit-box-shadow: 0 0 200px 0px rgba(0,0,0,0.5);

            box-shadow: 0 0 200px 0px rgba(0,0,0,0.5);

}



.modal-order .close {

    position: absolute;

    top: 15px;

    right: 15px;

    cursor: pointer;

    z-index: 5

}



.modal-order-form .name:before,.modal-order-form .phone:before {

    left: 15px;

    top: 50%;

    -webkit-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

            transform: translateY(-50%);

    content: '';

    background-repeat: no-repeat

}



.modal-order .close svg {

    fill: #cacaca

}



.modal-order .close:hover svg {

    fill: #000

}



.modal-order .title {

    margin-top: 10px

}



.modal-order-form input, #modal-ask-questions input {

    border: 1px solid #dedede;

    background-color: #fff;

    padding: 14px 10px 14px 50px;

    width: 100%;

    outline: 0

}



.modal-order-form input::-webkit-input-placeholder {

    color: #747474

}



.modal-order-form input:-moz-placeholder {

    color: #747474

}



.modal-order-form input::-moz-placeholder {

    color: #747474

}



.modal-order-form input:-ms-input-placeholder {

    color: #747474

}



.modal-order-form button {

    transition: all .3s ease;

    border: 1px solid #000;

    -webkit-box-shadow: none;

            box-shadow: none;

    font-size: 14px;

    font-weight: 400;

    margin-bottom: 10px;

    background-color: #fff;

    color: #000;

    text-transform: uppercase;

    padding: 15px 55px

}

.modal-order-form button:hover {
    background-color: #f3f3f3;
}



.modal-order-form .name {

    position: relative;

    margin-bottom: 25px

}



.modal-order-form .name:before {

    width: 15px;

    height: 15px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRERkY1OERBMjQ2RTExRTdCODYzRjU1NkE1NDE5Q0RDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRERkY1OERCMjQ2RTExRTdCODYzRjU1NkE1NDE5Q0RDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RERGRjU4RDgyNDZFMTFFN0I4NjNGNTU2QTU0MTlDREMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RERGRjU4RDkyNDZFMTFFN0I4NjNGNTU2QTU0MTlDREMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6iccA0AAAA20lEQVR42mL8//8/Azqora3NAlJ5QCwBxC+AeFJzc/M0dHWM6JqBGkOB1CoGTBAGNGA1sgATFkUpDNgBhjg2zSo4NKsQo/kvDs1/idF8AofmE8Ro7gDi72hi36Hi+DUDQ/QakHIB4pNA/BlKu0DFcUcVMJrsgVQdEF8HYlC8PgJiOSAGxbsGxOzmgyiagZpEgexFQOzBQBjsAOI4oCGvYc4uIVIjA1QdSD0D89+/f3mA9FIg5mAgHmjv379/KsjmBCAWYCANgNQngDQXMJAHClig0fGRDM2fAQIMAKuaQTHgRl8LAAAAAElFTkSuQmCC);

    position: absolute

}



.modal-order-form .phone {

    position: relative;

    margin-bottom: 25px

}



.modal-order-form .phone:before {

    width: 16px;

    height: 16px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY4QzVENUE4MjQ2RTExRTdCQUQ3QjhFOEQzMjUzMjNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY4QzVENUE5MjQ2RTExRTdCQUQ3QjhFOEQzMjUzMjNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjhDNUQ1QTYyNDZFMTFFN0JBRDdCOEU4RDMyNTMyM0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjhDNUQ1QTcyNDZFMTFFN0JBRDdCOEU4RDMyNTMyM0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69gBLEAAAA+0lEQVR42mL8//8/A7GgtraWEUh1A3EGEM9sbm4uZiTWAKjmaVDNMBDOxEA8mIKmGQRymYi0XQdIZWGRMiDWBU+B+DUW8f9EGQAMrPdAyhmIv6FJPSAlDK5iETtBigH2QMyFJraa2EBkBvkETfgyEO9hQg9tIBbEonk6EFujGVAMDJv/4IQETSRToFH1Ghpg16CaWoDYFk3zVKDmHBCDBUsKEwUFDhCDxDmx+GgvEBfBOCxIaRsZcOEIDpDmQKDtv2ACTFg04wJTgdgLqPkzsiDIBTNAAYJH42VogO3GJgkLxAggGxQoRkD8B5TCoOGwGhRVoNDGZTpAgAEA6c1P640hGl0AAAAASUVORK5CYII=);

    position: absolute

}



.modal-order-form .error-text {

    display: none;

    position: absolute;

    top: 100%;

    left: 0;

    color: #fff;

    font-size: 14px;

    background-color: #ac9165;

    z-index: 2;

    padding: 5px 15px

}



.modal-order-form .error-text:after {

    content: '';

    border: 6px solid transparent;

    border-bottom: 6px solid #ac9165;

    bottom: 100%;

    left: 17px;

    position: absolute

}



.modal-order-form .error~.error-text {

    display: block

}



.modal-order .thank-text {

    margin-bottom: 50px

}



.footer {

    background-color: #373737

}



.footer-container {

    margin: 0 auto

}



@media (min-width: 2px) and (max-width:1169px) {

    .footer-container {

        width:100%;

        padding: 0 15px;

        min-width: 320px

    }

}



@media (min-width: 1170px) and (max-width:4999px) {

    .footer-container {

        width:1170px;

        padding: 0 15px

    }

}



.footer-wrapper {

    display: -ms-flexbox;

    display: -webkit-box;

    display: flex;

    -ms-flex-flow: row wrap;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

            flex-flow: row wrap;

    -ms-flex-pack: justify;

    -webkit-box-pack: justify;

            justify-content: space-between;

    -ms-flex-align: center;

    -webkit-box-align: center;

            align-items: center;

    padding: 20px 0

}



.footer-block p {

    margin: 0 0 10px;

    font-size: 14px;

    color: #8b8b8b

}



.footer-block.phone {

    color: #fff;

    font-size: 18px

}



@media (min-width: 2px) and (max-width:767px) {

    .footer-wrapper {

        display:-ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-flow: column nowrap;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

                flex-flow: column nowrap;

        -ms-flex-pack: center;

        -webkit-box-pack: center;

                justify-content: center;

        -ms-flex-align: center;

        -webkit-box-align: center;

                align-items: center

    }



    .footer-block.phone {

        -ms-flex-order: -1;

        -webkit-box-ordinal-group: 0;

                order: -1;

        margin-bottom: 25px

    }



    .footer-block.phone .tel {

        font-size: 21px

    }

}



.footer-block.phone .tel {

    padding-left: 30px;

    position: relative;

    color: #fff;

}



.footer-block.phone .tel:before {

    content: '';

    width: 23px;

    height: 17px;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAARCAYAAAA2cze9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ0RTk2M0ExMjQ2NTExRTdCNDAwODg5MjAxRDA2MDBBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ0RTk2M0EyMjQ2NTExRTdCNDAwODg5MjAxRDA2MDBBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDRFOTYzOUYyNDY1MTFFN0I0MDA4ODkyMDFEMDYwMEEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDRFOTYzQTAyNDY1MTFFN0I0MDA4ODkyMDFEMDYwMEEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4G4cbWAAAByUlEQVR42qyUu0sDQRDGL48meJVGTJU2NkJUJKDYG9AiErSM/0EICQFR0IgGwRDBWIlIbGwsLHxWYhULwUcqBSsLOwtBAgbD+U34AuvmToQ48GP2dme+25udPZdlWYZuhUJBXB+Ig1EwCHpAF6iBN/AArsEheFXzM5lM03tthENwqyAGPEa7yQt6QT+YBZvgBCyBOzXQq4i64ObBioOok0neFJgEebAMvpoLUhYIi9gBmDE6t2MpJ0pTd3Ni45+EDX7Ftgw8pmnKge3w8wweVInlkYMM/CJ0z7o/A78SO1ypVK5k51lFuIrPCbN2AyCsCDXYJQ1lLsy4PMdVZS0l4hFl4oM+CNY5/gRptqKfPs15g3FBLV8sIt0ypiw+0UuZTI6nwRn9ELgFRfAIThkn8RO8FyHmvbj0S4TOScCV+XgBouz7BSVsDSyCc4qKzYF99RK5NeEAd9WyS/qkdpBJbd1g3o/Dd2tJ0iXdNpesrsXV9UvIvJKtOHYdY81Ui9LntPmctt6yOH8bbW/O2vTxOJAz2OJPagTckATXdROdI70sPoeLssd6voNd+iLn7cxnt3PLIVg2kCJ/McvuQMv8V3diNaWNjW8BBgCVVWzSy5O/owAAAABJRU5ErkJggg==);

    background-repeat: no-repeat;

    background-position: center center;

    position: absolute;

    left: 0;

    top: 2px

}



.footer-block.phone b {

    color: #8b8b8b;

    font-weight: 400;

    margin-right: 5px

}



.footer-block.phone .mail a {

    color: #8b8b8b;

    border-bottom: 1px solid #8b8b8b;

    font-size: 15px;

    margin-left: 30px;

    line-height: 1

}



.footer-block.phone .mail a:hover {

    border-color: transparent

}



.footer-block.link a {

    color: #b1b1b1;

    font-size: 14px

}



.footer-block.link a span {

    display: block;

    font-style: italic

}



@media (min-width: 2px) and (max-width:767px) {

    .footer-block.link a span {

        display:none

    }



    .footer-block.copyright {

        margin-bottom: 25px

    }



    .footer-block.copyright .social {

        margin: 0 auto

    }

}



@media (max-width: 1023px) {



    .product-photos {

        width: 100%;

    }



    .product-details {

        width: 100%;

    }



    .make-order {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 100%;

                flex: 0 0 100%;

    }



    .ask-questions {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 100%;

                flex: 0 0 100%;

        margin-top: 20px;

    }



    .product-details {

        padding-left: 0;

    }



    .product-characteristics {

        line-height: 1.3;

    }



    .product-characteristics td,

    .product-characteristics th {

        padding: 5px 0;

    }



}



/* benefits list */



.benefits-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    padding: 30px 0 50px 0;

}



.benefits-list p {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 33.33%;

            flex: 0 0 33.33%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

}

.benefits-list p span:first-child {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 51px;

            flex: 0 0 51px;

    padding: 0;
    text-align: center;

}

.benefits-list p span:last-child {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 calc(100% - 51px);

            flex: 0 0 calc(100% - 51px);

    padding: 0 40px 0 15px;

}



.products-block .title {

    text-transform: none;

    font-size: 18px;

}



@media (max-width: 984px) {

    .benefits-list p {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 50%;

                flex: 0 0 50%;

    }

}



@media (max-width: 670px) {

    .benefits-list p {

        -webkit-box-flex: 0;

            -ms-flex: 0 0 100%;

                flex: 0 0 100%;

    }

    .benefits-list p span:last-child {

        padding: 0 10px 0 15px;

    }

}



/* Tiny slider */

.pp-wrap {
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.pp-desc {
    width: 100%;
    border: 1px solid #dadada;
    padding: 50px;
    margin-bottom: 50px
}

@media (max-width: 1170px) {
    .pp-desc {
        padding:6vw 15px;
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        border: 0
    }
}

.pp-desc .editor {
    color: #2d2d2d;
    line-height: 25px
}

.pp-desc_title {
    font-size: 24px;
    font-family: neo-medium,sans-serif;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #4b4b4b;
    text-transform: uppercase
}

.pp-slider-container {
    /*opacity: 0;*/
    width: 100%;
    max-width: 100%;
    margin-bottom: 50px
}

@media (min-width: 1171px) {
    .pp-slider-container {
        max-width:500px
    }
}

.pp-slider_item {
    height: 400px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100%;
    cursor: pointer
}

.pp-slider_bottom-container {
    position: relative
}

.pp .pp-slider_bottom {
    display: -webkit-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-flex-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    width: calc(100% + 18px);
    margin: 0 -9px;
    position: relative;
    background-color: #fff;
    z-index: 1
}

.pp .pp-slider_bottom .pp-bottom-slider {
    width: calc(25% - 18px);
    height: 120px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    margin: 9px;
    outline: none;
    border: 2px solid #dbdbdb;
    cursor: pointer
}

@media (max-width: 1170px) and (min-width:751px) {
    .pp .pp-slider_bottom .pp-bottom-slider {
        width:calc(100% / 6 - 18px)
    }
}

@media (max-width: 750px) and (min-width:601px) {
    .pp .pp-slider_bottom .pp-bottom-slider {
        width:calc(100% / 5 - 18px)
    }
}

@media (max-width: 600px) and (min-width:501px) {
    .pp .pp-slider_bottom .pp-bottom-slider {
        width:calc(100% / 4 - 18px)
    }
}

@media (max-width: 500px) {
    .pp .pp-slider_bottom .pp-bottom-slider {
        width:calc(100% / 3 - 18px);
        height: 100px
    }
}

.pp .pp-slider_bottom .pp-bottom-slider.tns-nav-active {
    border-color: #e4461e
}

.modal_hidden{
    overflow: hidden!important;
}


.position_fixed{
    position: fixed;
    background: #fff!important;
    width: 100%;
    height: 100%;
    max-width: 100vw;
    max-height: 100vh;
}
.overlay_hidden {
    z-index: 999;
    background: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}
    
 
/* .modal_hidden_sub{
    overflow: hidden!important;
    position: relative!important;
    height: 100%!important;
}    */


.mobile-products-block-out{display: none;}
@media (max-width: 1169px) {

    .desktop-products-block-out{display: none;}
    .mobile-products-block-out{display: block;}

    .products-block-out:nth-of-type(5) .products-block:nth-of-type(3){
        height: 300px!important
    }
    .products-block-out:nth-of-type(5) .products-block:nth-of-type(5){
        height: 310px!important
    }
    .products-block-out:nth-of-type(5) .products-block:nth-of-type(7){
        height: 280px!important
    }
    .products-block-out:nth-of-type(6) .products-block:nth-of-type(1), .products-block-out:nth-of-type(6) .products-block:nth-of-type(3){
        height: 300px!important
    }
    .products-block-out:nth-of-type(6) .products-block:nth-of-type(2){
        height: 350px!important
    }
    
    .products-block-out:nth-of-type(6) .products-block:nth-of-type(4){
        height: 380px!important
    }
    
    .products-block-out:nth-of-type(6) .products-block:nth-of-type(5){
        height: 320px!important
    }
}