[role="banner"] .head:before, [role="banner"] .head:after, .service:before, .service:after, .article a:before, .article a:after, [role="contentinfo"]:before, [role="contentinfo"]:after, .article-action:before, .article-action:after, .article-actions:before, .article-actions:after, .article-actions a:before, .article-actions a:after, .article-small a:before, .article-small a:after, .benefits figure:before, .benefits figure:after, .article-maintenance:before, .article-maintenance:after, .article-maintenance .cover:before, .article-maintenance .cover:after, .portfolio-item:before, .portfolio-item:after {
    content: " ";
    display: table
}

[role="banner"] .head:after, .service:after, .article a:after, [role="contentinfo"]:after, .article-action:after, .article-actions:after, .article-actions a:after, .article-small a:after, .benefits figure:after, .article-maintenance:after, .article-maintenance .cover:after, .portfolio-item:after {
    clear: both
}

.dropdown button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.icon-menu, a.button-cost, .slider-main .button, .button, a.button, [type="submit"], .service .summary, [type="text"], [type="password"], [type="email"], [type="tel"], [type="number"], [type="search"], textarea, select, .contacts address, .portfolio .manager figure, .stones, .sorting a, .reviews-carousel .carousel-cell, .full-screen .wrapper, .tally, .scheme .pin span, .free .table-grid, .checkbox + label, .how-match .wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, p, figure, table, tr, td, ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    position: relative;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word
}

button, input {
    overflow: visible
}

.touchevents input {
    -webkit-border-radius: 0
}

input, select, textarea, optgroup, button {
    font-family: inherit;
    margin: 0;
    vertical-align: middle;
    font-size: 100%;
    line-height: 1.15;
    -webkit-transition: background-color .4s, border-color .4s, color .4s, -webkit-box-shadow .4s;
    -moz-transition: background-color .4s, border-color .4s, color .4s, -moz-box-shadow .4s;
    -o-transition: background-color .4s, border-color .4s, color .4s, box-shadow .4s;
    transition: background-color .4s, border-color .4s, color .4s, box-shadow .4s
}

textarea {
    overflow: auto
}

input::-ms-clear, textarea::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

button::-moz-focus-inner, [type="submit"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="button"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

:disabled, [disabled], [aria-disabled="true"] {
    cursor: not-allowed !important
}

a {
    -webkit-text-decoration-skip: objects
}

a:hover, a:active {
    outline-width: 0
}

img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
    padding: 0;
    border: 0;
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

small, .small {
    font-size: 80%
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

section, header, footer, menu, nav, aside, article, details, summary, figure, figcaption, hgroup, time, main {
    display: block
}

.clr {
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0
}

.clear {
    clear: both
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.block-left {
    float: left
}

.block-right {
    float: right
}

.ov-hidd {
    overflow: hidden
}

::-moz-selection {
    color: #fff;
    background: #1d2323
}

::selection {
    color: #fff;
    background: #1d2323
}

::-moz-selection {
    color: #fff;
    background: #1d2323
}

html {
    color: #1d2323;
    font-size: .875em;
    line-height: 1.7;
    font-family: sans-serif;
    font-weight: 400;
    letter-spacing: .046em
}

html.wf-active {
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif
}

a {
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: color .4s, background-color .4s, border-color .4s, background-position .4s, background-size .4s;
    -moz-transition: color .4s, background-color .4s, border-color .4s, background-position .4s, background-size .4s;
    -o-transition: color .4s, background-color .4s, border-color .4s, background-position .4s, background-size .4s;
    transition: color .4s, background-color .4s, border-color .4s, background-position .4s, background-size .4s
}

a:hover {
    text-decoration: none
}

.a, [role="main"] a, [role="banner"] a, [role="contentinfo"] nav a {
    position: relative;
    color: #1d2323;
    text-decoration: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px;
    background-position: 0 100%;
    background-repeat: no-repeat
}

.a:hover, [role="main"] a:hover, [role="banner"] a:hover, [role="contentinfo"] nav a:hover {
    color: #e39f87;
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px
}

.a-reset, [role="banner"] .logo, a.button-cost, .slider-main .pagination .bt, .item, a.item, .pagenav a, .portfolio .manager, .dropdown .drop a, .providers a, .providers .wrap, .reviews-carousel .carousel-cell a, .free, .article-maintenance a, .link-return, .how-match .steps li a, .portfolio-carousel .pagination .bt, .item-images .pagination .bt, .cover-fill-slider .pagination .bt {
    background-position: 0 0;
    background-image: none !important;
    -webkit-background-size: auto auto;
    -moz-background-size: auto;
    background-size: auto
}

strong, b {
    font-weight: 700
}

h1, .h1 {
    margin: 3.1rem 0 3.1rem;
    font-size: 3.429em;
    line-height: 1
}

h2, .h2 {
    margin: 3.54rem 0 1.77rem;
    font-size: 2.571em;
    line-height: 1.25
}

h3, .h3 {
    margin: 3.54rem 0 1.77rem;
    font-size: 2.143em;
    line-height: 1.05
}

h4, .h4 {
    margin: 3.54rem 0 1.77rem;
    font-size: 1.714em;
    line-height: 1.05
}

h5, .h5 {
    margin: 3.54rem 0 1.77rem;
    font-size: 1.429em;
    line-height: 1.5
}

h6, .h6 {
    margin: 3.54rem 0 1.77rem;
    font-size: 1.071em;
    line-height: 1.22222222
}

.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700
}

h1:first-child, .h1:first-child, h2:first-child, .h2:first-child, h2:first-child, .h3:first-child, h3:first-child, .h3:first-child, h4:first-child, .h4:first-child, h5:first-child, .h5:first-child, h6:first-child, .h6:first-child {
    margin-top: 0 !important
}

h1:last-child, .h1:last-child, h2:last-child, .h2:last-child, h2:last-child, .h3:last-child, h3:last-child, .h3:last-child, h4:last-child, .h4:last-child, h5:last-child, .h5:last-child, h6:last-child, .h6:last-child {
    margin-bottom: 0 !important
}

h1 + h1, h1 + .h1, h1 + h2, h1 + .h2, h1 + h2, h1 + .h3, h1 + h3, h1 + .h3, h1 + h4, h1 + .h4, h1 + h5, h1 + .h5, h1 + h6, h1 + .h6, .h1 + h1, .h1 + .h1, .h1 + h2, .h1 + .h2, .h1 + h2, .h1 + .h3, .h1 + h3, .h1 + .h3, .h1 + h4, .h1 + .h4, .h1 + h5, .h1 + .h5, .h1 + h6, .h1 + .h6, h2 + h1, h2 + .h1, h2 + h2, h2 + .h2, h2 + h2, h2 + .h3, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, .h2 + h1, .h2 + .h1, .h2 + h2, .h2 + .h2, .h2 + h2, .h2 + .h3, .h2 + h3, .h2 + .h3, .h2 + h4, .h2 + .h4, .h2 + h5, .h2 + .h5, .h2 + h6, .h2 + .h6, h2 + h1, h2 + .h1, h2 + h2, h2 + .h2, h2 + h2, h2 + .h3, h2 + h3, h2 + .h3, h2 + h4, h2 + .h4, h2 + h5, h2 + .h5, h2 + h6, h2 + .h6, .h3 + h1, .h3 + .h1, .h3 + h2, .h3 + .h2, .h3 + h2, .h3 + .h3, .h3 + h3, .h3 + .h3, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, h3 + h1, h3 + .h1, h3 + h2, h3 + .h2, h3 + h2, h3 + .h3, h3 + h3, h3 + .h3, h3 + h4, h3 + .h4, h3 + h5, h3 + .h5, h3 + h6, h3 + .h6, .h3 + h1, .h3 + .h1, .h3 + h2, .h3 + .h2, .h3 + h2, .h3 + .h3, .h3 + h3, .h3 + .h3, .h3 + h4, .h3 + .h4, .h3 + h5, .h3 + .h5, .h3 + h6, .h3 + .h6, h4 + h1, h4 + .h1, h4 + h2, h4 + .h2, h4 + h2, h4 + .h3, h4 + h3, h4 + .h3, h4 + h4, h4 + .h4, h4 + h5, h4 + .h5, h4 + h6, h4 + .h6, .h4 + h1, .h4 + .h1, .h4 + h2, .h4 + .h2, .h4 + h2, .h4 + .h3, .h4 + h3, .h4 + .h3, .h4 + h4, .h4 + .h4, .h4 + h5, .h4 + .h5, .h4 + h6, .h4 + .h6, h5 + h1, h5 + .h1, h5 + h2, h5 + .h2, h5 + h2, h5 + .h3, h5 + h3, h5 + .h3, h5 + h4, h5 + .h4, h5 + h5, h5 + .h5, h5 + h6, h5 + .h6, .h5 + h1, .h5 + .h1, .h5 + h2, .h5 + .h2, .h5 + h2, .h5 + .h3, .h5 + h3, .h5 + .h3, .h5 + h4, .h5 + .h4, .h5 + h5, .h5 + .h5, .h5 + h6, .h5 + .h6, h6 + h1, h6 + .h1, h6 + h2, h6 + .h2, h6 + h2, h6 + .h3, h6 + h3, h6 + .h3, h6 + h4, h6 + .h4, h6 + h5, h6 + .h5, h6 + h6, h6 + .h6, .h6 + h1, .h6 + .h1, .h6 + h2, .h6 + .h2, .h6 + h2, .h6 + .h3, .h6 + h3, .h6 + .h3, .h6 + h4, .h6 + .h4, .h6 + h5, .h6 + .h5, .h6 + h6, .h6 + .h6 {
    margin-top: -0.4rem
}

h6, .h6 {
    text-transform: uppercase
}

p:not([class]), ul:not([class]), ol:not([class]), blockquote:not([class]), table {
    margin: .5rem 0
}

ul:not([class]), ol:not([class]) {
    list-style: none;
    padding: 0 0 0 1.571em
}

ul:not([class]) li, ol:not([class]) li {
    position: relative;
    margin: .47em 0
}

ul:not([class]) li:before {
    content: '';
    position: absolute;
    width: .572em;
    height: .572em;
    left: -1.571em;
    top: .5em;
    background: #f47f56;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

ol:not([class]) {
    padding: 0;
    counter-reset: my-counter
}

ol:not([class]) li {
    counter-increment: my-counter
}

ol:not([class]) li:before {
    content: counter(my-counter) '. ';
    display: inline-block;
    font-weight: 700;
    color: #1d2323;
    margin-right: 4px
}

blockquote:not([class]) {
    color: #4b5b5b;
    font-size: .8em;
    padding-top: .8rem;
    background: -webkit-linear-gradient(0deg, #b2c0c0 100%, transparent 0) 0 0 no-repeat;
    background: -moz-linear-gradient(0deg, #b2c0c0 100%, transparent 0) 0 0 no-repeat;
    background: -o-linear-gradient(0deg, #b2c0c0 100%, transparent 0) 0 0 no-repeat;
    background: linear-gradient(90deg, #b2c0c0 100%, transparent 0) 0 0 no-repeat;
    -webkit-background-size: 5em .3em;
    -moz-background-size: 5em .3em;
    background-size: 5em .3em
}

blockquote:not([class]) cite {
    font-style: italic
}

hr {
    margin: 2em 0;
    clear: both;
    height: 1px;
    border: 0;
    color: #b2c0c0;
    background: #b2c0c0
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

fieldset {
    border: 1px solid #b2c0c0;
    padding: .35em .625em .75em
}

legend {
    padding: 0 .5em
}

main > *:first-child {
    margin-top: 0 !important
}

main > *:last-child {
    margin-bottom: 0 !important
}

.table-grid {
    display: table;
    width: 100%
}

.table-grid.layout-fixed {
    table-layout: fixed
}

.table-grid .box {
    display: table-cell;
    vertical-align: middle
}

.title-big {
    font-weight: 600;
    font-size: 5.143em;
    line-height: .93;
    margin: 0 0 .9rem
}

.regular {
    font-weight: 400
}

table {
    width: 100%;
    /* max-width: 49em;*/
    table-layout: fixed
}

table tr:nth-child(odd) td, table tr:nth-child(odd) th {
    background-color: #efefef
}

tr.newta td {
    background-color: #fff !important;
}

table th {
    text-align: left;
    font-style: normal;
    color: #565d5d;
    font-weight: 700;
    font-size: .786em;
    text-transform: uppercase
}

table td, table th {
    padding: .52em 1.3em
}

.dr_table td, .dr_table th {
    padding: 4px;
}

.dr_table {
    border-collapse: collapse;
    border: 1px solid #f47f56;
}

table caption {
    text-align: left;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: .7em;
    margin-top: .5em
}

[class*="grid-"] {
    list-style: none;
    margin: 0 -1.4285em
}

[class*="grid-"].flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

[class*="grid-"].float [class*="col-"], [class*="grid-"].float .col {
    float: left
}

[class*="grid-"].float [class*="col-"].float-left, [class*="grid-"].float .col.float-left {
    float: left
}

[class*="grid-"].float [class*="col-"].float-right, [class*="grid-"].float .col.float-right {
    float: right
}

[class*="grid-"].float [class*="col-"].float-none, [class*="grid-"].float .col.float-none {
    float: none
}

[class*="col-"], .col {
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.85em 0;
    padding: 1.4285em 1.4285em
}

.grid-1 > .col {
    width: 100%
}

.grid-2 > .col {
    width: 50%
}

.grid-3 > .col {
    width: 33.33333333%
}

.grid-4 > .col {
    width: 25%
}

.grid-5 > .col {
    width: 20%
}

.grid-6 > .col {
    width: 16.66666667%
}

.grid-7 > .col {
    width: 14.28571429%
}

.grid-1[class*="grid-"] > .col-1, .grid-1 > .col-1 {
    width: 100%
}

.grid-2[class*="grid-"] > .col-1, .grid-2 > .col-1 {
    width: 50%
}

.grid-2[class*="grid-"] > .col-2, .grid-2 > .col-2 {
    width: 100%
}

.grid-3[class*="grid-"] > .col-1, .grid-3 > .col-1 {
    width: 33.33333333%
}

.grid-3[class*="grid-"] > .col-2, .grid-3 > .col-2 {
    width: 66.66666667%
}

.grid-3[class*="grid-"] > .col-3, .grid-3 > .col-3 {
    width: 100%
}

.grid-4[class*="grid-"] > .col-1, .grid-4 > .col-1 {
    width: 25%
}

.grid-4[class*="grid-"] > .col-2, .grid-4 > .col-2 {
    width: 50%
}

.grid-4[class*="grid-"] > .col-3, .grid-4 > .col-3 {
    width: 75%
}

.grid-4[class*="grid-"] > .col-4, .grid-4 > .col-4 {
    width: 100%
}

.grid-5[class*="grid-"] > .col-1, .grid-5 > .col-1 {
    width: 20%
}

.grid-5[class*="grid-"] > .col-2, .grid-5 > .col-2 {
    width: 40%
}

.grid-5[class*="grid-"] > .col-3, .grid-5 > .col-3 {
    width: 58%
}

.grid-5[class*="grid-"] > .col-4, .grid-5 > .col-4 {
    width: 80%
}

.grid-5[class*="grid-"] > .col-5, .grid-5 > .col-5 {
    width: 100%
}

.grid-6[class*="grid-"] > .col-1, .grid-6 > .col-1 {
    width: 16.66666667%
}

.grid-6[class*="grid-"] > .col-2, .grid-6 > .col-2 {
    width: 33.33333333%
}

.grid-6[class*="grid-"] > .col-3, .grid-6 > .col-3 {
    width: 50%
}

.grid-6[class*="grid-"] > .col-4, .grid-6 > .col-4 {
    width: 66.66666667%
}

.grid-6[class*="grid-"] > .col-5, .grid-6 > .col-5 {
    width: 83.33333333%
}

.grid-6[class*="grid-"] > .col-6, .grid-6 > .col-6 {
    width: 100%
}

.grid-7[class*="grid-"] > .col-1, .grid-7 > .col-1 {
    width: 14.28571429%
}

.grid-7[class*="grid-"] > .col-2, .grid-7 > .col-2 {
    width: 28.57142857%
}

.grid-7[class*="grid-"] > .col-3, .grid-7 > .col-3 {
    width: 42.85714286%
}

.grid-7[class*="grid-"] > .col-4, .grid-7 > .col-4 {
    width: 57.14285714%
}

.grid-7[class*="grid-"] > .col-5, .grid-7 > .col-5 {
    width: 71.42857143%
}

.grid-7[class*="grid-"] > .col-6, .grid-7 > .col-6 {
    width: 85.71428571%
}

.grid-7[class*="grid-"] > .col-7, .grid-7 > .col-7 {
    width: 100%
}

body {
    padding-right: 0px;
}

.content {
    overflow: hidden
}

.content.no-overflow {
    overflow: visible;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.wrapper {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 71.714em
}

.items-stretch {
    list-style: none;
    line-height: 0;
    text-align: justify;
    text-justify: newspaper;
    -moz-text-align-last: justify;
    text-align-last: justify
}

.items-stretch:after {
    content: "";
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%
}

.items-stretch > li {
    display: inline-block;
    vertical-align: top;
    line-height: 1.7;
    text-align: left
}

[role="banner"] {
    font-weight: 400;
    margin-bottom: 1.3%
}

[role="banner"] .wrapper {
    position: relative
}

[role="banner"].main {
    color: #fff;
    margin-bottom: 0
}

[role="banner"].main .head {
    position: absolute;
    left: 20px;
    right: 20px;
    z-index: 100;
    -webkit-transition: color .6s;
    -moz-transition: color .6s;
    -o-transition: color .6s;
    transition: color .6s
}

[role="banner"].main .head a {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.28)), to(rgba(255, 255, 255, 0.28)));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28));
    background-image: linear-gradient(rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.28))
}

[role="banner"].main .body {
    opacity: 1
}

.open-menu [role="banner"].main .body {
    height: 12em
}

[role="banner"].main .body .cover {
    padding-top: 7.929em
}

[role="banner"].main .icon-menu i {
    background-color: #fff
}

.open-menu [role="banner"].main .icon-menu i {
    background-color: #e39f87
}

.open-menu [role="banner"].main .icon-menu:hover i {
    background-color: #fff
}

.open-menu [role="banner"].main {
    color: #1d2323
}

.open-menu [role="banner"].main .head a {
    color: #1d2323;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)));
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25))
}

.open-menu [role="banner"].main .head a:hover {
    color: #e39f87
}

[role="banner"] .logo {
    float: left;
    margin-right: 1.5em;
    margin-top: -0.35em;
    background-image: none
}

[role="banner"] .ov-hidd {
    text-align: right;
    padding-top: 1.2em;
    padding-bottom: 1px
}

[role="banner"] a {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1.17
}

[role="banner"] a + a {
    margin-left: 5%
}

@media (max-width: 1100px) {
    [role="banner"] a + a {
        margin-left: 5%
    }
}

[role="banner"] .phone {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    margin-left: 2.143em
}

[role="banner"] .phone svg, [role="banner"] .phone img {
    display: inline-block;
    vertical-align: -10%;
    width: 1em;
    height: 1em;
    margin-right: .06em
}

[role="banner"] .phone a {
    background: none
}

[role="banner"] .head {
    position: relative
}

[role="banner"] .body {
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transition: height .6s, opacity .6s;
    -moz-transition: height .6s, opacity .6s;
    -o-transition: height .6s, opacity .6s;
    transition: height .6s, opacity .6s
}

.open-menu [role="banner"] .body {
    height: 5.8em;
    opacity: 1
}
.search_header{
	opacity: 0;
	transition: 0.6s all;
}
.open-menu .search_header{
	opacity: 1;
}

[role="banner"] .body .cover {
    -webkit-transform: perspective(1000px) translate3d(0, 0, -60px);
    -moz-transform: perspective(1000px) translate3d(0, 0, -60px);
    transform: perspective(1000px) translate3d(0, 0, -60px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .6s;
    -moz-transition: -moz-transform .6s;
    -o-transition: -o-transform .6s;
    transition: transform .6s
}

.open-menu [role="banner"] .body .cover {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    -moz-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0)
}

[role="banner"] .body [role="search"] .box {
    vertical-align: top
}

[role="banner"] .body [role="search"] .box:last-child {
    width: 10.857em
}

[role="banner"] .body [role="search"] [type="search"] {
    margin-bottom: 0;
    padding-left: 9.7%;
    border-color: #d7d7d7;
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cstyle%3E.st0%7Bfill%3A%231D2323%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M16.2%202.8C12.5-.9%206.5-.9%202.8%202.8c-3.7%203.7-3.7%209.7%200%2013.4%203.4%203.4%208.8%203.7%2012.5.8l5.1%205.1%201.7-1.7-5.1-5.1c2.8-3.8%202.6-9.1-.8-12.5zm-1.5%2011.9c-2.9%202.9-7.6%202.9-10.5%200s-2.9-7.6%200-10.5c2.9-2.9%207.6-2.9%2010.5%200s2.9%207.6%200%2010.5z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 3.6% 50%
}

[role="banner"] .body [role="search"] [type="search"] .no-svg {
    background-image: url(../images/icons/loop.png)
}

[role="banner"] .body [role="search"] [type="search"]:focus {
    border-color: #1d2323;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

[role="banner"] .body [role="search"] [type="search"]::-webkit-input-placeholder {
    color: #a39f9f
}

[role="banner"] .body [role="search"] [type="search"]:-moz-placeholder {
    color: #a39f9f
}

[role="banner"] .body [role="search"] [type="search"]::-moz-placeholder {
    color: #a39f9f
}

[role="banner"] .body [role="search"] [type="search"]:-ms-input-placeholder {
    color: #a39f9f
}

[role="banner"] .body [role="search"] [type="search"]::placeholder {
    color: #a39f9f
}

[role="banner"] .body [role="search"] [type="submit"] {
    position: relative;
    left: -1px;
    width: 10.857em;
    min-width: inherit;
    text-transform: none;
    margin-top: 0
}

[role="banner"] .body [role="search"] [type="submit"]:active:not(:disabled) {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

[role="banner"] .body [role="navigation"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 4.5em;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 300
}

[role="banner"] .body [role="navigation"] .items-stretch {
    padding: 1.5em 0
}

[role="banner"] .body [role="navigation"] .items-stretch li {
    line-height: 2.5
}

.icon-menu {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    width: 2.214em;
    height: 2.071em;
    border: 1px solid #e39f87;
    margin: 0 1px 0 0;
    padding: 0;
    text-align: left;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background: none;
    -webkit-transition: background-color .6s;
    -moz-transition: background-color .6s;
    -o-transition: background-color .6s;
    transition: background-color .6s
}

.icon-menu i {
    position: relative;
    top: .143em;
    left: .571em;
    display: block;
    width: 1em;
    height: .143em;
    margin: 0 0 .214em;
    background: #1d2323;
    -webkit-transition: background-color .6s, -webkit-transform .6s, opacity .6s;
    -moz-transition: background-color .6s, -moz-transform .6s, opacity .6s;
    -o-transition: background-color .6s, -o-transform .6s, opacity .6s;
    transition: background-color .6s, transform .6s, opacity .6s
}

.icon-menu:hover {
    background: #e39f87
}

.icon-menu:hover i {
    background: #f2f2f2
}

.icon-menu:focus {
    outline-width: 0
}

.open-menu .icon-menu i {
    background-color: #e39f87
}

.open-menu .icon-menu i:first-child {
    -webkit-transform: translateY(.357em) rotate(-45deg) scale(1.25);
    -moz-transform: translateY(.357em) rotate(-45deg) scale(1.25);
    -ms-transform: translateY(.357em) rotate(-45deg) scale(1.25);
    -o-transform: translateY(.357em) rotate(-45deg) scale(1.25);
    transform: translateY(.357em) rotate(-45deg) scale(1.25)
}

.open-menu .icon-menu i:first-child + i {
    opacity: 0
}

.open-menu .icon-menu i:first-child + i + i {
    -webkit-transform: translateY(-0.357em) rotate(45deg) scale(1.25);
    -moz-transform: translateY(-0.357em) rotate(45deg) scale(1.25);
    -ms-transform: translateY(-0.357em) rotate(45deg) scale(1.25);
    -o-transform: translateY(-0.357em) rotate(45deg) scale(1.25);
    transform: translateY(-0.357em) rotate(45deg) scale(1.25)
}

.open-menu .icon-menu:hover i {
    background: #f2f2f2
}

a.button-cost {
    position: fixed;
    z-index: 200;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    right: 0;
    width: 4.929em;
    height: 100%;
    padding: 2em 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    color: #fff;
    text-decoration: none;
    line-height: 5;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    background-color: #f47f56;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: text-shadow .5s;
    -moz-transition: text-shadow .5s;
    -o-transition: text-shadow .5s;
    transition: text-shadow .5s;
}

a.button-cost:hover, a.button-cost:focus {
    color: #fff;
    outline-width: 0;
    text-shadow: 0 0 1px #fff, 0 0 1px #fff
}

a.button-cost:active:after {
    -webkit-transition: -webkit-transform .1s;
    -moz-transition: -moz-transform .1s;
    -o-transition: -o-transform .1s;
    transition: transform .1s;
    -webkit-transform: scale(1, .9);
    -moz-transform: scale(1, .9);
    -ms-transform: scale(1, .9);
    -o-transform: scale(1, .9);
    transform: scale(1, .9)
}

.mouse, .slider-main:after, .full-screen:after {
    content: '';
    position: absolute;
    z-index: 21;
    bottom: 4%;
    left: 50%;
    width: 1.214em;
    height: 1.929em;
    margin-left: -0.55em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 99.99% auto;
    -moz-background-size: 99.99% auto;
    background-size: 99.99% auto;
    background-image: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217%22%20height%3D%2227%22%20viewBox%3D%220%200%2017%2027%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M8.5%201.4c3.9%200%207.1%203.2%207.1%207.1v10.1c0%203.9-3.2%207.1-7.1%207.1-3.9%200-7.1-3.2-7.1-7.1V8.5c0-4%203.2-7.1%207.1-7.1m0-1.4C3.8%200%200%203.8%200%208.5v10.1C0%2023.2%203.8%2027%208.5%2027s8.5-3.8%208.5-8.5v-10C17%203.8%2013.2%200%208.5%200z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M11%2011.4l-2.1%202.1V4.7h-.8v8.8L6%2011.4H4.8l3.7%203.7%203.7-3.7z%22%2F%3E%3C%2Fsvg%3E");
    -webkit-animation: mouse 1.5s ease infinite;
    -moz-animation: mouse 1.5s ease infinite;
    -o-animation: mouse 1.5s ease infinite;
    animation: mouse 1.5s ease infinite;
    -webkit-transition: opacity .6s, visibility .6s;
    -moz-transition: opacity .6s, visibility .6s;
    -o-transition: opacity .6s, visibility .6s;
    transition: opacity .6s, visibility .6s
}

.slider-main-opacity .mouse, .slider-main-opacity .slider-main:after, .slider-main-opacity .full-screen:after {
    opacity: 0;
    visibility: hidden
}

.no-svg .mouse, .no-svg .slider-main:after, .no-svg .full-screen:after {
    background-image: url(../images/icons/mouse.png)
}

.slider-main {
    width: -webkit-calc(100vw) !important;
    width: -moz-calc(100vw) !important;
    width: calc(100vw) !important;
    color: #fff
}

.slider-main.init {
    min-height: 35.714em
}

.slider-main .ms-view {
    background: #1d2323
}

.slider-main .ms-slide .ms-slide-bgcont {
    position: absolute !important
}

.no-touchevents .slider-main .ms-slide .ms-slide-bgcont:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: background-color .6s;
    -moz-transition: background-color .6s;
    -o-transition: background-color .6s;
    transition: background-color .6s;
    mix-blend-mode: multiply
}

.slider-main .ms-slide.decorate.orange .ms-slide-bgcont:after {
    background: rgba(244, 127, 86, 0.1)
}

.no-backgroundblendmode .slider-main .ms-slide .ms-slide-bgcont:after, .touchevents .slider-main .ms-slide.decorate.orange .ms-slide-bgcont:after {
    background: rgba(244, 127, 86, 0.4)
}

.slider-main .ms-slide.decorate.brown .ms-slide-bgcont:after {
    background: rgba(227, 159, 135, 0.9)
}

.no-backgroundblendmode .slider-main .ms-slide.decorate.brown .ms-slide-bgcont:after, .touchevents .slider-main .ms-slide.decorate.brown .ms-slide-bgcont:after {
    background: rgba(227, 159, 135, 0.4)
}

.slider-main .ms-slide.decorate.blue .ms-slide-bgcont:after {
    background: rgba(82, 170, 204, 0.9)
}

.no-backgroundblendmode .slider-main .ms-slide.decorate.blue .ms-slide-bgcont:after, .touchevents .slider-main .ms-slide.decorate.blue .ms-slide-bgcont:after {
    background: rgba(82, 170, 204, 0.4)
}

.slider-main .ms-slide.decorate.blue-light .ms-slide-bgcont:after {
    background: rgba(164, 219, 221, 0.9)
}

.no-backgroundblendmode .slider-main .ms-slide.decorate.blue-light .ms-slide-bgcont:after, .touchevents .slider-main .ms-slide.decorate.blue-light .ms-slide-bgcont:after {
    background: rgba(164, 219, 221, 0.4)
}

.slider-main .ms-btn-container {
    position: relative
}

.slider-main .title-big span {
    position: relative;
    display: block;
    -webkit-transition: opacity .6s, visibility .6s, -webkit-filter .6s, opacity .6s, visibility .6s, filter .6s;
    -moz-transition: opacity .6s, visibility .6s, filter .6s;
    -o-transition: opacity .6s, visibility .6s, filter .6s;
    transition: opacity .6s, visibility .6s, filter .6s
}

.slider-main-opacity .slider-main .title-big span {
    opacity: 0.8;
    /*visibility: hidden;
    -webkit-filter: blur(.01em);
    filter: blur(.01em)*/
}

.slider-main .button {
    margin-top: .6em;
    -webkit-transition: border-color .4s, color .4s, background-color .4s;
    -moz-transition: border-color .4s, color .4s, background-color .4s;
    -o-transition: border-color .4s, color .4s, background-color .4s;
    transition: border-color .4s, color .4s, background-color .4s
}

.slider-main .button:active:not(:disabled) {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.slider-main .button:hover {
    color: #f47f56;
    border-color: #fff !important;
    background-color: #fff !important
}

.slider-main .button.brown:hover {
    color: #e39f87
}

.slider-main .button.blue:hover {
    color: #52aacc
}

.slider-main .button.blue-light:hover {
    color: #a4dbdd
}

.slider-main .ms-slide-layers {
    white-space: nowrap
}

.slider-main .ms-slide-layers .ms-layer {
    position: relative
}

.slider-main .ms-slide-layers:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 1px
}

.slider-main .ms-slide-layers .ms-anim-layers, .slider-main .ms-slide-layers .ms-static-layers {
    padding: 20px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal
}

.slider-main .ms-slide-layers .ms-anim-layers:empty {
    display: none
}

.slider-main .pagination, .portfolio-carousel .pagination, .item-images .pagination, .cover-fill-slider .pagination {
    position: absolute;
    z-index: 20;
    right: 10%;
    bottom: 10.5%;
    color: #fff;
    font-size: 1.714em;
    line-height: 1;
    -webkit-transition: opacity .6s, visibility .6s, -webkit-filter .6s, opacity .6s, visibility .6s, filter .6s;
    -moz-transition: opacity .6s, visibility .6s, filter .6s;
    -o-transition: opacity .6s, visibility .6s, filter .6s;
    transition: opacity .6s, visibility .6s, filter .6s
}

.slider-main-opacity .slider-main .pagination, .slider-main-opacity .portfolio-carousel .pagination, .slider-main-opacity .item-images .pagination, .slider-main-opacity .cover-fill-slider .pagination {
    opacity: 0;
    visibility: hidden;
    -webkit-filter: blur(.2em);
    filter: blur(.2em)
}

.slider-main .pagination span, .portfolio-carousel .pagination span, .item-images .pagination span, .cover-fill-slider .pagination span {
    display: inline-block;
    min-width: 2.8em;
    text-align: center
}

.slider-main .pagination b, .portfolio-carousel .pagination b, .item-images .pagination b, .cover-fill-slider .pagination b {
    display: inline-block;
    font-size: 2.5em
}

.slider-main .pagination .bt, .portfolio-carousel .pagination .bt, .item-images .pagination .bt, .cover-fill-slider .pagination .bt {
    position: relative;
    display: inline-block;
    vertical-align: -12%;
    width: .458em;
    height: .875em;
    color: #fff;
    text-decoration: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .slider-main .pagination .bt svg, .no-svg .portfolio-carousel .pagination .bt svg, .no-svg .item-images .pagination .bt svg, .no-svg .cover-fill-slider .pagination .bt svg {
    display: none
}

.slider-main .pagination .bt.prev, .portfolio-carousel .pagination .bt.prev, .item-images .pagination .bt.prev, .cover-fill-slider .pagination .bt.prev {
    margin-right: .8em
}

.no-svg .slider-main .pagination .bt.prev, .no-svg .portfolio-carousel .pagination .bt.prev, .no-svg .item-images .pagination .bt.prev, .no-svg .cover-fill-slider .pagination .bt.prev {
    background-image: url(../images/icons/pagination-left.png)
}

.slider-main .pagination .bt.next, .portfolio-carousel .pagination .bt.next, .item-images .pagination .bt.next, .cover-fill-slider .pagination .bt.next {
    margin-left: .8em
}

.no-svg .slider-main .pagination .bt.next, .no-svg .portfolio-carousel .pagination .bt.next, .no-svg .item-images .pagination .bt.next, .no-svg .cover-fill-slider .pagination .bt.next {
    background-image: url(../images/icons/pagination-right.png)
}

.slider-main .pagination .bt:hover, .portfolio-carousel .pagination .bt:hover, .item-images .pagination .bt:hover, .cover-fill-slider .pagination .bt:hover {
    color: #e39f87
}

.slider-main .pagination .bt:after, .portfolio-carousel .pagination .bt:after, .item-images .pagination .bt:after, .cover-fill-slider .pagination .bt:after {
    content: '';
    position: absolute;
    left: -0.3em;
    right: -0.3em;
    top: -0.3em;
    bottom: -0.3em
}

@-webkit-keyframes mouse {
    0%, 100% {
        -webkit-transform: translateY(-0.8em);
        transform: translateY(-0.8em)
    }
    50% {
        -webkit-transform: translateY(.8em);
        transform: translateY(.8em)
    }
}

@-moz-keyframes mouse {
    0%, 100% {
        -moz-transform: translateY(-0.8em);
        transform: translateY(-0.8em)
    }
    50% {
        -moz-transform: translateY(.8em);
        transform: translateY(.8em)
    }
}

@-o-keyframes mouse {
    0%, 100% {
        -o-transform: translateY(-0.8em);
        transform: translateY(-0.8em)
    }
    50% {
        -o-transform: translateY(.8em);
        transform: translateY(.8em)
    }
}

@keyframes mouse {
    0%, 100% {
        -webkit-transform: translateY(-0.8em);
        -moz-transform: translateY(-0.8em);
        -o-transform: translateY(-0.8em);
        transform: translateY(-0.8em)
    }
    50% {
        -webkit-transform: translateY(.8em);
        -moz-transform: translateY(.8em);
        -o-transform: translateY(.8em);
        transform: translateY(.8em)
    }
}

.hide {
    display: none
}

.button, a.button, [type="submit"] {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 3.571em;
    padding: .63em 1.3em;
    line-height: 2.1;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
    letter-spacing: .01em;
    border: 1px solid #f47f56;
    background-color: #f47f56;
    background-image: none;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: opacity .4s, -webkit-transform .2s, border-color .4s, color .4s, background-color .4s;
    -moz-transition: opacity .4s, -moz-transform .2s, border-color .4s, color .4s, background-color .4s;
    -o-transition: opacity .4s, -o-transform .2s, border-color .4s, color .4s, background-color .4s;
    transition: opacity .4s, transform .2s, border-color .4s, color .4s, background-color .4s
}

.button:active:not(:disabled), a.button:active:not(:disabled), [type="submit"]:active:not(:disabled) {
    -webkit-transform: perspective(1000px) translateZ(-6em);
    -moz-transform: perspective(1000px) translateZ(-6em);
    transform: perspective(1000px) translateZ(-6em)
}

.button:focus, a.button:focus, [type="submit"]:focus, .button:hover, a.button:hover, [type="submit"]:hover {
    color: #1d2323;
    background-color: #a4dbdd;
    border-color: #a4dbdd;
    outline-width: 0
}

.button.white, a.button.white, [type="submit"].white {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.button.white:focus:not(:disabled), a.button.white:focus:not(:disabled), [type="submit"].white:focus:not(:disabled), .button.white:hover:not(:disabled), a.button.white:hover:not(:disabled), [type="submit"].white:hover:not(:disabled) {
    color: #1d2323;
    background-color: #fff
}

.button.white-painted, a.button.white-painted, [type="submit"].white-painted {
    color: #1d2323;
    border-color: #fff;
    background-color: #fff
}

.button.white-painted:focus:not(:disabled), a.button.white-painted:focus:not(:disabled), [type="submit"].white-painted:focus:not(:disabled), .button.white-painted:hover:not(:disabled), a.button.white-painted:hover:not(:disabled), [type="submit"].white-painted:hover:not(:disabled) {
    color: #fff;
    border-color: #1d2323;
    background-color: #1d2323
}

.button.brown, a.button.brown, [type="submit"].brown {
    border-color: #e39f87;
    background-color: #e39f87
}

.button.blue, a.button.blue, [type="submit"].blue {
    border-color: #52aacc;
    background-color: #52aacc
}

.button.blue-light, a.button.blue-light, [type="submit"].blue-light {
    border-color: #a4dbdd;
    background-color: #a4dbdd
}

.button.border, a.button.border, [type="submit"].border {
    color: #f47f56;
    border-color: #f47f56;
    background-color: transparent
}

.button.border:hover, a.button.border:hover, [type="submit"].border:hover, .button.border:focus, a.button.border:focus, [type="submit"].border:focus {
    color: #fff;
    background-color: #f47f56
}

.button.border.brown, a.button.border.brown, [type="submit"].border.brown {
    color: #e39f87;
    border-color: #e39f87
}

.button.border.brown:hover, a.button.border.brown:hover, [type="submit"].border.brown:hover, .button.border.brown:focus, a.button.border.brown:focus, [type="submit"].border.brown:focus {
    color: #fff;
    background-color: #e39f87
}

.button.hover-white:hover, a.button.hover-white:hover, [type="submit"].hover-white:hover, .button.hover-white:focus, a.button.hover-white:focus, [type="submit"].hover-white:focus {
    color: #1d2323 !important;
    border-color: #f47f56 !important;
    /* border-color: #fff !important;*/
    background-color: #f47f56 !important;
    /*background-color: #fff !important;*/
}

.button.bold, a.button.bold, [type="submit"].bold {
    height: auto;
    text-transform: none;
    font-weight: 700;
    font-size: 1.286em;
    padding: .3em 1.7em
}

form .button, form a.button, form search_header] {
    margin-top: 1em
}
.search_header search_header{
	margin: 0;
}
.table_search_box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 350px;
}
.table_search_box .left_box{
	flex-grow: 1;
}
.table_search_box .right_box{
	width: 130px;
}
.table_search_box .right_box button{
	width: 100%;
}

.button:disabled, a.button:disabled, [type="submit"]:disabled {
    cursor: default;
    opacity: .52
}

[role="main"] .button, [role="main"] a.button, [role="main"] [type="submit"] {
    -webkit-transition: opacity .4s, -webkit-transform .2s, border-color .4s, color .4s, background-color .4s;
    -moz-transition: opacity .4s, -moz-transform .2s, border-color .4s, color .4s, background-color .4s;
    -o-transition: opacity .4s, -o-transform .2s, border-color .4s, color .4s, background-color .4s;
    transition: opacity .4s, transform .2s, border-color .4s, color .4s, background-color .4s
}

[role="main"] .button:hover, [role="main"] a.button:hover, [role="main"] [type="submit"]:hover {
    -webkit-transition: opacity .4s, -webkit-transform .2s, border-color .4s, color .4s, background-color .4s;
    -moz-transition: opacity .4s, -moz-transform .2s, border-color .4s, color .4s, background-color .4s;
    -o-transition: opacity .4s, -o-transform .2s, border-color .4s, color .4s, background-color .4s;
    transition: opacity .4s, transform .2s, border-color .4s, color .4s, background-color .4s
}

.button svg, a.button svg, [type="submit"] svg {
    position: relative;
    top: .15em;
    margin-left: .9em
}

.button.color-black, a.button.color-black, [type="submit"].color-black {
    color: #1d2323
}

.service {
    margin: 6% 0;
    line-height: 1.5
}

.service picture {
    display: block;
    float: left;
    width: 50%
}

.service picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.service picture .block-revealer {
    max-width: 490px
}

.service .summary {
    float: left;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 50%;
    max-width: 34em;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 7%;
    padding-right: 2em
}

.service .summary p {
    position: relative
}

.service .summary p:last-child {
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

.service .summary p:last-child:before {
    content: 'Подробности';
    display: inline-block;
    position: absolute;
    top: 50%;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding-right: 1.7em;
    background: url('../images/icons/arrow-more.svg') 100% 50% no-repeat;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0
}

.no-svg .service .summary p:last-child:before {
    background-image: url(../images/icons/arrow-more.png)
}

.service h1, .service .h1 {
    margin-bottom: 1.5rem
}

.service a {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    color: #1d2323;
    text-decoration: none;
    background-image: none
}

.service:not(.js-animate-loading) a:hover {
    color: #fff;
    background-color: #f47f56
}

.service:not(.js-animate-loading) a:hover p:last-child {
    color: transparent
}

.service:not(.js-animate-loading) a:hover p:last-child:before {
    visibility: visible;
    opacity: 1
}

.service:not(.js-animate-loading).orange a:hover {
    color: #fff;
    background-color: #f47f56
}

.service:not(.js-animate-loading).brown a:hover {
    color: #fff;
    background-color: #e39f87
}

.service:not(.js-animate-loading).blue a:hover {
    color: #fff;
    background-color: #52aacc
}

.service:not(.js-animate-loading).blue-light a:hover {
    color: #fff;
    background-color: #a4dbdd
}

.article {
    position: relative;
    margin: 6% 0;
    line-height: 1.5
}

.article picture {
    display: block;
    float: left;
    width: 38%;
    padding-bottom: 36%
}

.article picture img {
    position: absolute;
    width: 32%;
    max-width: 320px;
    top: 24.7%;
    -webkit-transition: -webkit-transform .7s cubic-bezier(.29, .2, .19, 1);
    -moz-transition: -moz-transform .7s cubic-bezier(.29, .2, .19, 1);
    -o-transition: -o-transform .7s cubic-bezier(.29, .2, .19, 1);
    transition: transform .7s cubic-bezier(.29, .2, .19, 1)
}

.article .summary {
    margin-left: 45.5%;
    padding-top: 5.8%;
    padding-bottom: 3.5em
}

.article .summary p {
    position: relative
}

.article .summary p:last-child:before {
    content: 'Читать';
    display: inline-block;
    position: absolute;
    top: 100%;
    font-weight: 400;
    color: #1d2323;
    text-transform: uppercase;
    padding-right: 1.7em;
    margin-top: 2.5em;
    background: url('../images/icons/arrow-more-black.svg') 100% 50% no-repeat;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0
}

.no-svg .article .summary p:last-child:before {
    background-image: url(../images/icons/arrow-more-black.png)
}

.article h1, .article .h1 {
    margin-bottom: 1.2rem
}

h1 + .article, .h1 + .article {
    margin-top: 0
}

.article a {
    display: block;
    color: #1d2323;
    text-decoration: none;
    padding: 3.3% 2em 3.3% 8%;
    border: 1px solid #d7d7d7;
    background-image: none
}

.article:not(.js-animate-loading) a:hover {
    color: #1d2323;
    border-color: #f47f56;
    background-color: #f47f56
}

.article:not(.js-animate-loading) a:hover picture img {
    -webkit-transform: translate3d(0, -19%, 0);
    -moz-transform: translate3d(0, -19%, 0);
    transform: translate3d(0, -19%, 0)
}

.article:not(.js-animate-loading) a:hover p:last-child:before {
    visibility: visible;
    opacity: 1
}

.article:not(.js-animate-loading).orange a:hover {
    border-color: #f47f56;
    background-color: #f47f56
}

.article:not(.js-animate-loading).brown a:hover {
    border-color: #e39f87;
    background-color: #e39f87
}

.article:not(.js-animate-loading).blue a:hover {
    border-color: #52aacc;
    background-color: #52aacc
}

.article:not(.js-animate-loading).blue-light a:hover {
    border-color: #a4dbdd;
    background-color: #a4dbdd
}

.item, a.item {
    position: relative;
    display: block;
    line-height: 1.3;
    font-weight: 400;
    color: #1d2323;
    text-decoration: none;
    text-align: center;
    -webkit-transition: background-color .4s, -webkit-box-shadow .4s, color .4s;
    -moz-transition: background-color .4s, -moz-box-shadow .4s, color .4s;
    -o-transition: background-color .4s, box-shadow .4s, color .4s;
    transition: background-color .4s, box-shadow .4s, color .4s
}

.item:hover, a.item:hover {
    color: #fff;
    background-color: #f47f56;
    -webkit-box-shadow: 0 0 0 1.429em #f47f56;
    -moz-box-shadow: 0 0 0 1.429em #f47f56;
    box-shadow: 0 0 0 1.429em #f47f56
}

.item:hover .price, a.item:hover .price {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s, visibility .2s;
    -moz-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.item:hover .buy, a.item:hover .buy {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s .2s, visibility .2s .2s;
    -moz-transition: opacity .2s .2s, visibility .2s .2s;
    -o-transition: opacity .2s .2s, visibility .2s .2s;
    transition: opacity .2s .2s, visibility .2s .2s
}

.item:hover .sticker, a.item:hover .sticker {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.item .title, a.item .title {
    overflow: hidden;
    height: 2.6em;
    font-size: 1.286em;
    letter-spacing: -0.01em;
    margin-bottom: 1.93em
}

.item figcaption, a.item figcaption {
    text-align: left;
    padding: 3.25em 0 .86em
}

.item .price, a.item .price {
    font-size: 1.714em;
    line-height: .98;
    -webkit-transition: opacity .2s .2s, visibility .2s .2s;
    -moz-transition: opacity .2s .2s, visibility .2s .2s;
    -o-transition: opacity .2s .2s, visibility .2s .2s;
    transition: opacity .2s .2s, visibility .2s .2s
}

.item del.price, a.item del.price {
    position: absolute;
    font-size: 1.107em
}

.item .buy, a.item .buy {
    position: absolute;
    left: 0;
    right: 0;
    bottom: .4em;
    padding-top: 1.6em;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    visibility: hidden;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .2s, visibility .2s;
    -moz-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.item .buy:after, a.item .buy:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: .25em;
    width: .5em;
    height: 1em;
    background: url("data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2214%22%20viewBox%3D%220%200%207%2014%22%3E%3Cstyle%3E.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M0%200v1.5L5.5%207%200%2012.5V14l7-7z%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .item .buy:after, .no-svg a.item .buy:after {
    background-image: url(../images/icons/arrow-more.png)
}

.sticker {
    position: absolute;
    left: 0;
    top: 6.5%;
    font-size: .786em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.25;
    color: #1d2323;
    padding: .7em 2.4em .7em 1.3em;
    background: rgba(244, 127, 86, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    -webkit-transform: translateX(1.286em);
    -moz-transform: translateX(1.286em);
    -ms-transform: translateX(1.286em);
    -o-transform: translateX(1.286em);
    transform: translateX(1.286em);
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s
}

.sticker i {
    position: relative;
    display: inline-block;
    color: #fff;
    font-style: normal;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.sticker.orange {
    background: rgba(244, 127, 86, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(244, 127, 86, 0.9) 1.26em)
}

.sticker.brown {
    background: rgba(227, 159, 135, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(227, 159, 135, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(227, 159, 135, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(227, 159, 135, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(227, 159, 135, 0.9) 1.26em)
}

.sticker.blue {
    background: rgba(82, 170, 204, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(82, 170, 204, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(82, 170, 204, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(82, 170, 204, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(82, 170, 204, 0.9) 1.26em)
}

.sticker.blue-light {
    background: rgba(164, 219, 221, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(164, 219, 221, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(164, 219, 221, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(164, 219, 221, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(164, 219, 221, 0.9) 1.26em)
}

.sticker.yellow {
    background: rgba(242, 184, 72, 0.9);
    background: -webkit-linear-gradient(153deg, transparent 1.2em, rgba(242, 184, 72, 0.9) 1.26em);
    background: -moz-linear-gradient(153deg, transparent 1.2em, rgba(242, 184, 72, 0.9) 1.26em);
    background: -o-linear-gradient(153deg, transparent 1.2em, rgba(242, 184, 72, 0.9) 1.26em);
    background: linear-gradient(-63deg, transparent 1.2em, rgba(242, 184, 72, 0.9) 1.26em)
}

.narrow {
    margin: 60px 0 60px
}

.narrow:last-child {
    margin-bottom: 0
}

.bg-orange {
    margin: 0 -9999px;
    padding: 7% 9999px;
    color: #fff;
    background: #f47f56
}

.form-fill {
    -webkit-transition: opacity .2s, visibility .2s;
    -moz-transition: opacity .2s, visibility .2s;
    -o-transition: opacity .2s, visibility .2s;
    transition: opacity .2s, visibility .2s
}

.form-success {
    position: absolute;
    left: 15px;
    right: 15px;
    top: 1.5em;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    color: #fff;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: opacity .4s cubic-bezier(.17, .71, .21, 1.75), visibility .4s, -webkit-transform .4s cubic-bezier(.17, .71, .21, 1.75);
    -moz-transition: opacity .4s cubic-bezier(.17, .71, .21, 1.75), visibility .4s, -moz-transform .4s cubic-bezier(.17, .71, .21, 1.75);
    -o-transition: opacity .4s cubic-bezier(.17, .71, .21, 1.75), visibility .4s, -o-transform .4s cubic-bezier(.17, .71, .21, 1.75);
    transition: opacity .4s cubic-bezier(.17, .71, .21, 1.75), visibility .4s, transform .4s cubic-bezier(.17, .71, .21, 1.75);
    opacity: 0;
    visibility: hidden
}

.form-success .button {
    margin-top: 7%
}

.form-success .middle {
    margin: auto
}

.form-cover {
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-transition: padding .6s, margin .6s, height .6s;
    -moz-transition: padding .6s, margin .6s, height .6s;
    -o-transition: padding .6s, margin .6s, height .6s;
    transition: padding .6s, margin .6s, height .6s
}

.form-cover.is-success .form-fill {
    opacity: 0;
    visibility: hidden
}

.form-cover.is-success .form-success {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.form-cover.is-hidden {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 0 !important
}

.form-order {
    max-width: 35em;
    margin: 4% auto 0
}

@-webkit-keyframes scale {

0
,
100
%
{
    -webkit-transform: perspective(1000px) translateZ(0)
;
    transform: perspective(1000px) translateZ(0)
}
50
%
{
    -webkit-transform: perspective(1000px) translateZ(-1em)
;
    transform: perspective(1000px) translateZ(-1em)
}
}
@-moz-keyframes scale {

0
,
100
%
{
    -moz-transform: perspective(1000px) translateZ(0)
;
    transform: perspective(1000px) translateZ(0)
}
50
%
{
    -moz-transform: perspective(1000px) translateZ(-1em)
;
    transform: perspective(1000px) translateZ(-1em)
}
}
@-o-keyframes scale {

0
,
100
%
{
    transform: perspective(1000px) translateZ(0)
}
50
%
{
    transform: perspective(1000px) translateZ(-1em)
}
}
@keyframes scale {

0
,
100
%
{
    -webkit-transform: perspective(1000px) translateZ(0)
;
    -moz-transform: perspective(1000px) translateZ(0)
;
    transform: perspective(1000px) translateZ(0)
}
50
%
{
    -webkit-transform: perspective(1000px) translateZ(-1em)
;
    -moz-transform: perspective(1000px) translateZ(-1em)
;
    transform: perspective(1000px) translateZ(-1em)
}
}
[type="text"], [type="password"], [type="email"], [type="tel"], [type="number"], textarea, select {
    width: 100%;
    height: 3.571em;
    color: currentColor;
    border: 1px solid currentColor;
    padding: 1.13em 1.9em;
    margin-bottom: 1.714em;
    background: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

[type="search"], .right_box [type="submit"]{
    width: 100%;
    height: 2.571em;
    color: currentColor;
    border: 1px solid currentColor;
    padding: 0.13em 1.2em;
    margin-bottom: 0;
    background: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

[type="text"]::-webkit-input-placeholder, [type="password"]::-webkit-input-placeholder, [type="email"]::-webkit-input-placeholder, [type="tel"]::-webkit-input-placeholder, [type="number"]::-webkit-input-placeholder, [type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    color: currentColor;
    opacity: 1
}

[type="text"]:-moz-placeholder, [type="password"]:-moz-placeholder, [type="email"]:-moz-placeholder, [type="tel"]:-moz-placeholder, [type="number"]:-moz-placeholder, [type="search"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    color: currentColor;
    opacity: 1
}

[type="text"]::-moz-placeholder, [type="password"]::-moz-placeholder, [type="email"]::-moz-placeholder, [type="tel"]::-moz-placeholder, [type="number"]::-moz-placeholder, [type="search"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    color: currentColor;
    opacity: 1
}

[type="text"]:-ms-input-placeholder, [type="password"]:-ms-input-placeholder, [type="email"]:-ms-input-placeholder, [type="tel"]:-ms-input-placeholder, [type="number"]:-ms-input-placeholder, [type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    color: currentColor;
    opacity: 1
}

[type="text"]::placeholder, [type="password"]::placeholder, [type="email"]::placeholder, [type="tel"]::placeholder, [type="number"]::placeholder, [type="search"]::placeholder, textarea::placeholder, select::placeholder {
    color: currentColor;
    opacity: 1
}

[type="text"]:focus, [type="password"]:focus, [type="email"]:focus, [type="tel"]:focus, [type="number"]:focus, [type="search"]:focus, textarea:focus, select:focus {
    outline-width: 0;
    -webkit-box-shadow: 0 0 15px currentColor;
    -moz-box-shadow: 0 0 15px currentColor;
    box-shadow: 0 0 15px currentColor;
    -webkit-animation: scale .2s;
    -moz-animation: scale .2s;
    -o-animation: scale .2s;
    animation: scale .2s
}

[type="text"]:invalid:not(:focus), [type="password"]:invalid:not(:focus), [type="email"]:invalid:not(:focus), [type="tel"]:invalid:not(:focus), [type="number"]:invalid:not(:focus), [type="search"]:invalid:not(:focus), textarea:invalid:not(:focus), select:invalid:not(:focus), [type="text"].is-error:not(:focus), [type="password"].is-error:not(:focus), [type="email"].is-error:not(:focus), [type="tel"].is-error:not(:focus), [type="number"].is-error:not(:focus), [type="search"].is-error:not(:focus), textarea.is-error:not(:focus), select.is-error:not(:focus) {
    outline-width: 0;
    border-color: #cb4f23;
    background-color: #cb4f23;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: ''
}

select::-ms-expand {
    display: none
}

select:focus {
    outline-width: 0;
    color: #1d2323;
    border-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background: #fff
}

.select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative;
    margin-bottom: 1.714em
}

.select:after, .select:before {
    content: '';
    width: .786em;
    height: 1.214em;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -0.607em;
    background: url('../images/icons/select.png') 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.select:after {
    opacity: 0;
    background-image: url('../images/icons/select-hover.png')
}

.select select {
    margin-bottom: 0
}

.select.focus:after {
    opacity: 1
}

textarea {
    height: 12.6em;
    resize: none
}

.contacts {
    position: relative;
    margin: 2.143em 0;height: 400px;
}

.contacts address {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 30%;
    max-width: 15.75em;
    font-style: normal;
    text-align: center;
    margin-left: 46%;
    padding: 2em;
    font-size: 1.143em;
    font-weight: 400;
    line-height: 1.9;
    background: #fff
}

@media (max-width: 600px) {
    .contacts address {
        max-width: 16.75em;
    }
}
.contacts address p {
    display: inline-block;
    text-align: left
}

.contacts address a {
    text-decoration: none;
    color: #1d2323
}

.map {
    width: 100%;
    height: 345px;
    background: #e9e5dc
}

.map img {
    max-width: none
}

.map .baloon {
    width: 140px;
    font-size: 1em
}

.map .baloon div {
    padding-top: 2px
}

[role="contentinfo"] .wrapper {
    padding-top: 1.8%
}

[role="contentinfo"].second {
    margin-top: 5.5em;
    border-top: 1px solid #d5d5d5
}

[role="contentinfo"].second .wrapper {
    padding-top: 1.57em
}

[role="contentinfo"] nav {
    cursor: default;
    padding-bottom: 1em;
    margin-bottom: 3%
}

[role="contentinfo"] .logo {
    float: left
}

[role="contentinfo"] .adverbs {
    float: right;
    margin-top: -0.65em
}

.narrow-form {
    margin-top: 13%;
    margin-bottom: 2.143em
}

.breadcrumbs {
    font-weight: 400;
    margin-bottom: 1.1em
}

.breadcrumbs a {
    color: #1d2323;
    text-decoration: none
}

.breadcrumbs a:hover {
    color: #52aacc
}

.pagenav {
    text-align: center;
    font-weight: 700;
    font-size: 1.286em;
    line-height: 1;
    margin-top: 10.8%
}

.pagenav svg {
    width: .5em;
    height: .778em
}

.pagenav a {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #1d2323;
    text-decoration: none;
    margin: 0 .9em
}

.pagenav a:after {
    content: '';
    position: absolute;
    left: -0.3em;
    right: -0.3em;
    top: -0.3em;
    bottom: -0.3em
}

.pagenav a:hover {
    color: #e39f87
}

.pagenav a.is-active {
    color: #e39f87
}

.pagenav a.arrow {
    position: relative;
    top: .05em;
    margin: 0
}

.pagenav a.arrow.prev {
    margin-right: .8em
}

.pagenav a.arrow.next {
    margin-left: .8em
}

.portfolio {
    position: relative;
    min-height: 31.714em;
    margin-top: 1.4em;
    padding-top: 3.286em;
    padding-bottom: 3.286em
}

.portfolio:before {
    content: '';
    position: absolute;
    left: 24.286em;
    top: 0;
    bottom: 0;
    width: 4.786em;
    background: #e39f87
}

.portfolio .manager {
    display: block;
    position: absolute;
    z-index: 100;
    left: -2.357em;
    top: 0;
    bottom: 0;
    width: 24.286em;
    max-width: 47.571em;
    margin: 0 auto;
    border-left: 2.357em solid #fff;
    color: #1d2323;
    line-height: 1.4;
    text-align: center;
    padding-top: 3.286em;
    text-decoration: none;
    background: #e39f87
}

.portfolio .manager:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4.786em;
    background: #e39f87;
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s
}

.csstransforms .portfolio .manager:before {
    left: 24.286em;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.portfolio .manager figure {
    position: relative;
    height: 100%;
    float: right;
    width: 24.714em;
    padding: 0 .5em
}

.portfolio .manager figure > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: .3em
}

.portfolio .manager figure figcaption {
    overflow: hidden;
    max-height: 30.714em
}

.portfolio .manager figure .name {
    font-size: 1.286em;
    line-height: 1.35
}

.portfolio .manager figure .post {
    font-size: .857em
}

.portfolio .manager figure .project-name {
    font-size: 1.714em;
    font-weight: 500;
    line-height: .95;
    margin: 1.3em 0 1.2em
}

.portfolio .manager figure dl dd {
    font-size: 1.286em
}

.portfolio .manager figure .more {
    position: absolute;
    bottom: 2.3em;
    left: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    -webkit-transition: color .4s;
    -moz-transition: color .4s;
    -o-transition: color .4s;
    transition: color .4s
}

.portfolio .manager figure .more svg, .portfolio .manager figure .more img {
    display: inline-block;
    vertical-align: -10%;
    width: .5em;
    height: 1em;
    margin-left: .7em
}

.portfolio .manager:hover {
    color: #1d2323
}

.csstransforms .portfolio .manager:hover:before {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.portfolio .manager:hover figure .more {
    color: #fff
}

.portfolio-carousel .flickity-viewport {
    overflow: visible
}

.portfolio-carousel .carousel-cell {
    margin-left: 2.357em
}

.portfolio-carousel .carousel-cell:not(.is-selected) .carousel-cell-image.flickity-lazyloaded {
    opacity: .45
}

.portfolio-carousel .carousel-cell:hover:not(.is-selected) .carousel-cell-image.flickity-lazyloaded {
    cursor: pointer;
    opacity: 1
}

.portfolio-carousel .pagination {
    right: 5.8%;
    bottom: 12%
}

.portfolio-carousel .carousel-cell-image {
    width: auto;
    height: 31.714em;
    max-width: none;
    min-width: 150px;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s;
    opacity: 0
}

.portfolio-carousel .carousel-cell-image.flickity-lazyloaded, .portfolio-carousel .carousel-cell-image.flickity-lazyerror {
    opacity: 1
}

.nowrap {
    white-space: nowrap
}

.narrow-small {
    margin: 40px 0
}

.block-revealer__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    pointer-events: none;
    opacity: 0
}

.catalog-category li {
    text-align: center
}

.catalog-category .img {
    position: relative;
    display: inline-block;
    max-width: 100%
}

.catalog-category .img .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-filter: blur(1.5em);
    filter: blur(1.5em);
    -webkit-transition: opacity .7s, visibility .7s, -webkit-filter .7s, opacity .7s, visibility .7s, filter .7s;
    -moz-transition: opacity .7s, visibility .7s, filter .7s;
    -o-transition: opacity .7s, visibility .7s, filter .7s;
    transition: opacity .7s, visibility .7s, filter .7s
}

.catalog-category a {
    display: inline-block;
    font-size: 1.143em;
    line-height: 1.5;
    background-image: none
}

.catalog-category a:hover {
    color: #f47f56
}

.catalog-category a:hover .img .hover {
    opacity: 1;
    visibility: visible;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transition: opacity .4s, visibility .4s, -webkit-filter .7s, opacity .4s, visibility .4s, filter .7s;
    -moz-transition: opacity .4s, visibility .4s, filter .7s;
    -o-transition: opacity .4s, visibility .4s, filter .7s;
    transition: opacity .4s, visibility .4s, filter .7s
}

.stones {
    overflow: hidden;
    color: #fff;
    padding: 4.5% 5%;
    margin-bottom: 5%;
    margin-top: -1em;
    background: #457080 url(../images/stones.jpg) 50% 50% no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.stones h3, .stones .h3 {
    float: left;
    max-width: 15em;
    line-height: .83
}

.stones .button {
    float: right;
    min-width: inherit;
    margin-top: 0;
    margin-left: 2em
}

.company-contacts h4, .company-contacts .h4 {
    font-weight: 400;
    margin-bottom: .2em
}

.company-contacts + .narrow-form {
    margin-top: 3.3%
}

.icon {
    position: relative;
    padding-left: 2.5em;
    margin: 0 0 1.2em
}

.icon p {
    margin: 0 !important;
    line-height: 1.5
}

.icon dl {
    line-height: 1.3
}

.icon dl dt {
    display: inline-block;
    font-size: .85em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-right: 1.1em
}

.icon dl dd {
    display: inline-block;
    font-weight: 400;
    font-size: 1.286em
}

.icon.marker:before {
    content: '';
    position: absolute;
    left: .2em;
    top: .05em;
    width: 1.143em;
    height: 1.429em;
    background: url('../images/icons/marker.svg') 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .icon.marker:before {
    background-image: url(../images/icons/marker.png)
}

.icon.mail:before {
    content: '';
    position: absolute;
    left: 0;
    top: .3em;
    width: 1.429em;
    height: 1.071em;
    background: url('../images/icons/mail.svg') 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .icon.mail:before {
    background-image: url(../images/icons/mail.png)
}
.icon.inst:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.429em;
    height: 1.42em;
    background-image: url(../images/icons/inst.png);
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}



.icon.phone-call:before {
    content: '';
    position: absolute;
    left: .22em;
    top: .25em;
    width: 1.429em;
    height: 1.429em;
    background: url('../images/icons/phone-call.svg') 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .icon.phone-call:before {
    background-image: url(../images/icons/phone-call.png)
}

.action {
    margin-top: -1em;
    margin-bottom: 2.8%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: #52aacc;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover
}

.action h3, .action .h3 {
    color: #fff;
    font-weight: 400;
    line-height: .97
}

.action .box {
    padding: 4% 3.3%
}

.action .box:first-child {
    width: 65%
}

.action .button {
    width: 100%;
    max-width: 16.857em;
    min-width: inherit
}

.catalog-portfolio {
    margin: 0 -1.071em
}

main .catalog-portfolio {
    margin-bottom: -4.6% !important
}

main .catalog-portfolio.mb-0 {
    margin-bottom: 2% !important
}

.catalog-portfolio > .col {
    padding: 0 1.071em;
    margin: .714em 0
}

.catalog-portfolio figure {
    overflow: hidden;
    position: relative;
    max-width: 25em;
    margin: 0 auto
}

.catalog-portfolio figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.429em;
    white-space: nowrap;
    background: #e39f87;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -moz-transform .4s;
    -o-transition: -o-transform .4s;
    transition: transform .4s
}

.no-csstransforms .catalog-portfolio figure figcaption {
    left: 100%
}

.catalog-portfolio figure figcaption p {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    max-height: 3.9em;
    font-weight: 700;
    font-size: 1.714em;
    letter-spacing: -0.05em;
    line-height: .95;
    white-space: normal
}

.catalog-portfolio figure figcaption:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 70%
}

.catalog-portfolio figure figcaption:before {
    content: 'Подробнее';
    display: inline-block;
    position: absolute;
    bottom: 9%;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    padding-right: 1.35em;
    background: url('../images/icons/arrow-more.svg') 100% 50% no-repeat
}

.no-svg .catalog-portfolio figure figcaption:before {
    background-image: url(../images/icons/arrow-more.png)
}

.catalog-portfolio a {
    display: block;
    color: #1d2323;
    background-image: none
}

.catalog-portfolio a:hover {
    color: #1d2323
}

.catalog-portfolio a:hover figcaption {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.no-csstransforms .catalog-portfolio a:hover figcaption {
    left: 0
}

.catalog-portfolio.grid-4 figure figcaption p {
    font-size: 1.2em
}

.article-action {
    margin-top: 7%;
    padding-bottom: 7%
}

.article-action picture {
    display: block;
    float: left;
    width: 54%;
    max-width: 540px;
    margin-right: 1.929em
}

.article-action .summary {
    overflow: hidden;
    font-size: 1.286em;
    font-weight: 400;
    line-height: 1.6
}

.article-action .summary p:first-child {
    margin-top: 0
}

.social-share {
    margin-top: 1.2em
}

.article-actions {
    margin: 2% 0
}

.article-actions:last-child {
    margin-bottom: -5% !important
}

.article-actions picture {
    display: block;
    float: left;
    width: 58%;
    max-width: 540px;
    margin-right: 4%
}

.article-actions .summary {
    overflow: hidden;
    padding-bottom: 4em
}

.article-actions .summary p {
    font-size: 1.143em;
    font-weight: 400
}

.article-actions .summary h1, .article-actions .summary .h1 {
    margin-bottom: 1.6rem
}

.article-actions .summary:after {
    content: 'Читать';
    display: inline-block;
    position: absolute;
    bottom: 2em;
    font-weight: 400;
    color: #1d2323;
    text-transform: uppercase;
    padding-right: 1.7em;
    margin-top: 2.5em;
    background: url('../images/icons/arrow-more-black.svg') 100% 50% no-repeat;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0
}

.no-svg .article-actions .summary:after {
    background-image: url(../images/icons/arrow-more-black.png)
}

.article-actions a {
    position: relative;
    display: block;
    padding: 3% 3.5% 1.625em;
    color: #1d2323;
    background-image: none
}

.article-actions a:before {
    content: '';
    position: absolute;
    display: block;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 4.5em;
    border: 1px solid #d7d7d7;
    -webkit-transition: border-color .4s, background-color .4s, bottom .4s;
    -moz-transition: border-color .4s, background-color .4s, bottom .4s;
    -o-transition: border-color .4s, background-color .4s, bottom .4s;
    transition: border-color .4s, background-color .4s, bottom .4s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.article-actions a:hover {
    color: #1d2323
}

.article-actions a:hover:before {
    bottom: 0;
    background-color: #e39f87;
    border-color: #e39f87
}

.article-actions a:hover .summary:after {
    opacity: 1;
    visibility: visible
}

.article-actions.orange a:hover:before {
    background-color: #f47f56;
    border-color: #f47f56
}

.article-actions.brown a:hover:before {
    background-color: #e39f87;
    border-color: #e39f87
}

.article-actions.blue a:hover:before {
    background-color: #52aacc;
    border-color: #52aacc
}

.article-actions.blue-light a:hover:before {
    background-color: #a4dbdd;
    border-color: #a4dbdd
}

.filter {
    position: relative;
    z-index: 4;
    padding-bottom: 10px;
    margin-right: -1.4em;
    margin-bottom: 4.5%
}

.filter .drop a.is-active {
    cursor: default;
    background-color: #dbdbdb !important
}

.sorting {
    vertical-align: top;
    cursor: default;
    line-height: 1;
    display: inline-block;
    border: 1px solid #c1c1c1;
    font-weight: 400;
    margin-bottom: 1em;
    margin-right: 1.4em
}

.sorting a {
    display: inline-block;
    height: 3em;
    margin: -1px;
    background-image: none;
    padding: .84em 1.1em;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid transparent
}

.sorting a.is-active {
    border-color: #f47f56
}

.catalog-items + .pagenav {
    margin-top: 7%
}

.seo-text {
    margin-top: 6.2%
}

.dropdown {
    position: relative;
    z-index: 5;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.4em;
    margin-bottom: 1em
}

.dropdown button {
    position: relative;
    z-index: 2;
    cursor: pointer;
    width: 19.615em;
    height: 3.231em;
    vertical-align: top;
    text-align: left;
    line-height: 1.2;
    padding: .955em 2em .955em 1.2em;
    border: 1px solid #c1c1c1;
    text-transform: uppercase;
    font-size: .929em;
    font-weight: 700;
    background: none
}

.dropdown button .arrow {
    position: absolute;
    right: .714em;
    top: 50%;
    width: .857em;
    height: .571em;
    margin-top: -0.2855em;
    fill: #f47f56;
    -webkit-transition: fill .4s, -webkit-transform .4s;
    -moz-transition: fill .4s, -moz-transform .4s;
    -o-transition: fill .4s, -o-transform .4s;
    transition: fill .4s, transform .4s
}

.dropdown button:hover, .dropdown button:focus {
    outline-width: 0;
    border-color: #a4dbdd;
    background: #a4dbdd
}

.dropdown button:hover .arrow, .dropdown button:focus .arrow {
    fill: #1d2323
}

.dropdown .drop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 3em;
    list-style: none;
    -webkit-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.27);
    -moz-box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.27);
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.27);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(.8);
    -moz-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    -o-transform: scaleY(.8);
    transform: scaleY(.8);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .4s, visibility .4s, -webkit-transform .4s;
    -moz-transition: opacity .4s, visibility .4s, -moz-transform .4s;
    -o-transition: opacity .4s, visibility .4s, -o-transform .4s;
    transition: opacity .4s, visibility .4s, transform .4s
}

.dropdown .drop li {
    font-size: 1.071em;
    border-top: 1px solid #dbdbdb;
    background: #fff
}

.dropdown .drop li:first-child {
    border-top: 0
}

.dropdown .drop a {
    display: block;
    padding: .3em 1.2em
}

.dropdown .drop a:hover {
    color: #1d2323;
    background: #a4dbdd
}

.dropdown.is-active button {
    color: #fff;
    border-color: #f47f56;
    background: #f47f56
}

.dropdown.is-active button .arrow {
    fill: #fff;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.is-active .drop {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
}

.color-gray {
    color: #505858
}

.icon-partner + h1, .icon-partner + .h1, .icon-partner + h2, .icon-partner + .h2, .icon-partner + h2, .icon-partner + .h3, .icon-partner + h3, .icon-partner + .h3, .icon-partner + h4, .icon-partner + .h4, .icon-partner + h5, .icon-partner + .h5, .icon-partner + h6, .icon-partner + .h6 {
    margin-top: .65em
}

.partner-offer {
    margin: 6.3% 0 10%
}

.partner-offer h5 {
    margin-bottom: .9em
}

.partner-offer [class^="grid"] {
    margin-left: -1em;
    margin-right: -1em;
    margin-top: 1.8%
}

.partner-offer .col {
    font-size: 1.071em;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0;
    padding-bottom: 0
}

.partner-offer .col p {
    overflow: hidden
}

.partner-offer .col img {
    float: left;
    width: 36%;
    max-width: 200px;
    margin-right: 1.333em;
    margin-top: 1em
}

.payout {
    padding-top: .4em
}

.payout small {
    font-size: 90%
}

.payout .box:first-child {
    width: 8.5em
}

.badge {
    width: 8.5em;
    height: 6.3em;
    text-align: center;
    line-height: 3.8;
    text-indent: .3em;
    margin-right: 1.1em;
    background: url(../images/icons/badge.png) 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.badge span {
    font-size: 1.614em
}

[align="left"], .align-left {
    float: left;
    margin-right: 2.143em;
    margin-bottom: 1em;
    margin-top: .3em
}

[align="right"], .align-right {
    float: right;
    margin-left: 2.143em;
    margin-bottom: 1em;
    margin-top: .3em
}

.list-images {
    margin: 3.5% -0.3215rem 5% !important
}

.list-images > .col {
    margin: 0 !important;
    padding: .3215rem !important
}

.read-yet {
    margin: 9% 0 3.5%
}

.read-yet h3, .read-yet .h3 {
    text-align: center
}

.read-yet .table-grid .box:first-child {
    padding-right: 1.107em
}

.read-yet .table-grid .box:first-child + .box {
    padding-left: 1.107em
}

.article-small {
    margin: 1em 0
}

.article-small picture {
    display: block;
    float: left;
    width: 37%;
    max-width: 160px;
    margin-right: 7%
}

.article-small .summary {
    overflow: hidden;
    padding-bottom: 1.5em
}

.article-small .summary h4, .article-small .summary .h4 {
    line-height: 1;
    margin-bottom: .5em
}

.article-small a {
    position: relative;
    display: block;
    padding: 5% 1em 1.5em 5%;
    color: #1d2323;
    background-image: none
}

.article-small a:before {
    content: '';
    position: absolute;
    display: block;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 2.5em;
    border: 1px solid #d7d7d7;
    -webkit-transition: border-color .4s, background-color .4s, bottom .4s;
    -moz-transition: border-color .4s, background-color .4s, bottom .4s;
    -o-transition: border-color .4s, background-color .4s, bottom .4s;
    transition: border-color .4s, background-color .4s, bottom .4s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.article-small a:hover {
    color: #1d2323
}

.article-small a:hover:before {
    bottom: 0;
    background-color: #e39f87;
    border-color: #e39f87
}

.article-small.orange a:hover:before {
    background-color: #f47f56;
    border-color: #f47f56
}

.article-small.brown a:hover:before {
    background-color: #e39f87;
    border-color: #e39f87
}

.article-small.blue a:hover:before {
    background-color: #52aacc;
    border-color: #52aacc
}

.article-small.blue-light a:hover:before {
    background-color: #a4dbdd;
    border-color: #a4dbdd
}

.subscribe {
    margin: 3.5% -9999px 0;
    padding: 1.7em 9999px 1.4em;
    line-height: 1.2;
    color: #fff;
    background: #f47f56
}

.subscribe .title {
    font-size: 1.286em;
    font-weight: 700
}

.subscribe > .table-grid > .box:first-child {
    padding-right: 1.5em
}

.subscribe > .table-grid > .box:first-child + .box {
    width: 28.571em
}

.subscribe .button {
    font-weight: 700
}

.form-subscribe input, .form-subscribe .button {
    margin-bottom: 0;
    margin-top: 0
}

.form-subscribe input {
    height: 3.071em;
    padding: .889em 1.4em
}

.form-subscribe .button {
    width: 12.692em;
    height: 3.308em;
    min-width: inherit;
    font-size: .929em;
    padding: .727em 1.9em
}

.form-subscribe .box:first-child + .box {
    width: 11.786em
}

.image-long {
    display: block;
    text-align: center;
    margin-bottom: 5.2%
}

.team {
    text-align: center;
    line-height: 1.3
}

.team img {
    margin-bottom: 6%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.team .name {
    font-size: 1.143em;
    font-weight: 700
}

.team b {
    font-weight: 500
}

.team p {
    margin: .38rem 0
}

.providers {
    margin: 5% 0 5.7rem !important;
    padding-bottom: 1px
}

.providers .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 !important;
    margin: 0 !important
}

.providers a, .providers .wrap {
    z-index: 1;
    position: relative;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3em 1em;
    border: 1px solid #dbdbdb;
    margin: 0 -1px -1px 0;
    -webkit-transition: border-color .4s, z-index .4s;
    -moz-transition: border-color .4s, z-index .4s;
    -o-transition: border-color .4s, z-index .4s;
    transition: border-color .4s, z-index .4s
}

.providers a:hover {
    z-index: 5;
    border-color: #1d2323
}

.reviews-carousel {
    position: relative;
    z-index: 10;
    margin-top: 6%
}

main .reviews-carousel {
    margin-bottom: 2em !important
}

.reviews-carousel .flickity-viewport {
    overflow: visible
}

.reviews-carousel .carousel-cell {
    width: 25.8%;
    padding-right: 2.286em
}

.reviews-carousel .carousel-cell:not(.is-selected) .carousel-cell-image.flickity-lazyloaded, .reviews-carousel .carousel-cell:not(.is-selected):after {
    opacity: .45
}

.reviews-carousel .carousel-cell img {
    position: relative;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.reviews-carousel .carousel-cell:hover:not(.is-selected) .carousel-cell-image.flickity-lazyloaded {
    opacity: 1
}

.reviews-carousel .carousel-cell:after {
    content: '';
    position: absolute;
    right: 3.7em;
    bottom: 1.5em;
    width: 1.429em;
    height: 1.429em;
    background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M14.866%2012.207c1.887-3.09%201.504-7.186-1.165-9.86-3.13-3.13-8.222-3.13-11.352%200-3.13%203.13-3.13%208.225%200%2011.35%202.67%202.67%206.765%203.054%209.858%201.167l4.584%204.585c.733.733%201.927.733%202.66%200%20.734-.735.734-1.93%200-2.663l-4.584-4.58zm-2.824-.163c-2.217%202.217-5.82%202.217-8.032%200-2.217-2.217-2.217-5.82%200-8.033%202.217-2.216%205.82-2.216%208.032%200%202.212%202.214%202.212%205.817%200%208.034zM8.965%207.006h2.42v1.846h-2.42v2.42H7.12v-2.42H4.702V7.007h2.42v-2.42H8.97v2.42h-.005zm0%200%22%20fill%3D%22%23F47F56%22%2F%3E%3C%2Fsvg%3E") 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.no-svg .reviews-carousel .carousel-cell:after {
    background-image: url(../../images/icons/zoom-in.svg)
}

.reviews-carousel .carousel-cell a:hover .carousel-cell-image {
    -webkit-box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.29);
    box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.29)
}

.reviews-carousel .carousel-cell-image {
    -webkit-transition: opacity .4s, -webkit-transform .5s, -webkit-box-shadow .4s;
    -moz-transition: opacity .4s, -moz-transform .5s, -moz-box-shadow .4s;
    -o-transition: opacity .4s, -o-transform .5s, box-shadow .4s;
    transition: opacity .4s, transform .5s, box-shadow .4s;
    -webkit-box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 1.143em rgba(0, 0, 0, 0.19)
}

.reviews-carousel .flickity-prev-next-button {
    width: 4.286em;
    height: 4.286em;
    border: 1px solid #d2d2d2
}

.reviews-carousel .flickity-prev-next-button:hover:not(:disabled) {
    border-color: #f47f56
}

.reviews-carousel .flickity-prev-next-button svg {
    position: absolute;
    left: 31%;
    top: 29%;
    width: 36%;
    height: 38%
}

@media (min-width: 1290px) {
    .reviews-carousel .flickity-prev-next-button.previous {
        left: -7.1em
    }

    .reviews-carousel .flickity-prev-next-button.next {
        right: -7.1em
    }
}

.flickity-prev-next-button:disabled {
    cursor: default !important
}

.full-screen {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-height: 100vh;
    color: #fff;
    background-color: #4d170b;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .full-screen {
        height: 100vh
    }
}

.full-screen:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #4d170b;
    opacity: .7
}

.full-screen .wrapper {
    position: relative;
    width: 100%;
    max-width: 74.571em;
    padding-top: 7em;
    padding-bottom: 3em
}

.full-screen h1, .full-screen .h1 {
    text-align: center
}

.full-screen .button {
    margin: .5em .9em
}

.full-screen .button.border {
    color: #fff !important
}

.full-screen.no-full {
    display: block;
    min-height: inherit;
    height: auto !important;
    margin-top: 4rem
}

.full-screen.no-full .wrapper {
    padding-top: 7%;
    padding-bottom: 9%
}

.full-screen.no-full .benefits {
    margin-top: 0;
    margin-bottom: 7%
}

.full-screen.no-full .button {
    margin-right: 0
}

.full-screen.no-full:after {
    display: none
}

.tally {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 3.111em;
    font-size: 1.286em;
    font-weight: 700;
    padding: .733em 1.444em .733em .9em;
    margin-right: 1.2em;
    background-color: #f47f56;
    white-space: nowrap;
    -webkit-border-radius: 11px 12px 12px;
    -moz-border-radius: 11px 12px 12px;
    border-radius: 11px 12px 12px
}

.tally:before {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    border: 1em solid transparent;
    border-width: 1.4em 1em;
    border-left-color: #f47f56;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: -0.22em
}

.tally:after {
    content: '';
    position: absolute;
    right: .15em;
    top: 50%;
    width: .556em;
    height: .556em;
    margin-top: -0.278em;
    background: #6a403d;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.tally + p {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500
}

.benefits {
    margin-top: 8%;
    margin-bottom: 5%
}

.benefits img {
    width: 3.571em
}

.benefits figure img {
    float: left;
    margin-right: 1.3em;
    margin-top: .15em
}

.benefits figure figcaption {
    overflow: hidden;
    font-size: 1.286em;
    font-weight: 700;
    line-height: 1.4
}

.make {
    margin: 3.5% -0.5em 5%
}

.make > .col {
    vertical-align: bottom;
    padding: .5em !important;
    text-align: center
}

.make .title {
    font-size: 1.286em;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 1.3
}

.make img + p {
    margin-top: 0
}

.make p span {
    font-size: 1.286em
}

a.color-orange {
    color: #f47f56
}

.make-cover .button {
    margin-bottom: 3%
}

.bg-gray {
    margin: 0 -9999px;
    padding: 4% 9999px 2%;
    background: #f1f1f1
}

.video {
    display: inline-block;
    line-height: 1,7;
    margin: 2.2% 0 3%
}

.steps-work {
    text-align: center
}

.steps-work [class^="grid-"] {

    font-size: 1.12em;
    line-height: 1.25;
    color: #505858;
    margin: 3% -0.7em 0
}

.steps-work [class^="grid-"] > .col {
    padding: .7em
}

.steps-work [class^="grid-"] > .col:not(:last-child) p {
    position: relative;
    max-width: 12.333em
}

.steps-work [class^="grid-"] > .col:not(:last-child) p:after {
    content: '';
    position: absolute;
    right: -1em;
    top: -3.5em;
    width: 44%;
    max-width: 4.333em;
    height: .6em;
    background: url(../images/content/42.png) 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}
.steps-work .specblock .col:not(:last-child) p {
    position: relative;
    max-width: 18.333em
}

.steps-work .specblock  p:after {
    content: '';
    position: absolute;
    right: -1em;
    top: -3.5em;
    width: 0%;
    max-width: 4.333em;
    height: .6em;
    background: none !important;
}

.steps-work [class^="grid-"] img {
    margin-bottom: 1.3em
}
.specblock{
    margin: 0px !important;
}
.big {
    font-size: 1.286em;
    line-height: 1.1;
    margin: 1rem 0
}

.scheme {
    position: relative;
    margin: 5% 0 2.8%
}

.scheme .pin {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    text-align: center;
    cursor: pointer
}

.scheme .pin span {
    display: block;
    width: 3.071em;
    height: 3.071em;
    padding: .357em;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: rgba(244, 127, 86, 0.5);
    -webkit-box-shadow: 0 .357em 1.143em rgba(53, 32, 20, 0.57);
    -moz-box-shadow: 0 .357em 1.143em rgba(53, 32, 20, 0.57);
    box-shadow: 0 .357em 1.143em rgba(53, 32, 20, 0.57);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background-color .4s;
    -moz-transition: background-color .4s;
    -o-transition: background-color .4s;
    transition: background-color .4s
}

.scheme .pin span i {
    display: block;
    width: 1.833em;
    height: 1.833em;
    font-size: 1.286em;
    line-height: 1.9;
    background: #f47f56;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.scheme .pin:hover span, .scheme .pin.hover span {
    background-color: rgba(255, 255, 255, 0.5)
}

.scheme-links {
    list-style: none;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    font-weight: bold;
    line-height: 1.3
}

.scheme-links li {
    padding: .37em 0
}

.scheme-links a {
    -webkit-background-size: 0 1px;
    -moz-background-size: 0 1px;
    background-size: 0 1px
}

.scheme-links a:hover, .scheme-links a.hover {
    color: #f47f56;
    -webkit-background-size: 100% 1px;
    -moz-background-size: 100% 1px;
    background-size: 100% 1px
}

.help {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2em 0;
    margin-bottom: 5.5%
}

.help .img {
    vertical-align: middle;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 34.9%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 34.9%;
    flex: 0 0 34.9%;
    max-width: 25em
}

.help .summary {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 61.9%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 61.9%;
    flex: 0 0 61.9%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    vertical-align: middle;
    padding-left: 3.2%
}

.help .summary > * {
    max-width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.help .summary p {
    font-size: 1.286em
}

.help .summary:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: -3.071em;
    right: -2.714em;
    top: -2em;
    bottom: -2em;
    background: #e39f87
}

.help .summary a:hover {
    color: #000
}

.free {
    display: block;
    position: relative;
    overflow: hidden
}

.free:after {
    content: 'Бесплатно';
    position: absolute;
    left: 0;
    top: 2.9em;
    width: 15em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    padding: .5em 1.7em;
    background: #58a861;
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
    -ms-transform: rotate(-27deg);
    -o-transform: rotate(-27deg);
    transform: rotate(-27deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.free .table-grid {
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

.free .table-grid .box {
    padding: 1em 1.5em
}

.free .table-grid .img {
    width: 26%;
    text-align: center;
    padding-top: 1.5em;
    padding-right: 0
}

.free .table-grid .img img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.free .table-grid .summary {
    font-size: 1.286em
}

h3 + .portfolio, .h3 + .portfolio {
    margin-top: 5%
}

.links p {
    margin: 6% 0;
    font-size: 1.143em
}

.links .js-hide {
    position: relative;
    overflow: hidden
}

.links .js-hide p {
    margin: 0
}

.links > .col {
    vertical-align: top;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.special {
    margin: 5.5% 0
}

.special .box:first-child {
    width: 41%;
    padding-right: 1em
}

.special .box:first-child + .box {
    line-height: 1.3;
    font-size: 1.429em
}

.article-maintenance {
    margin: 2% 0
}

.article-maintenance:last-child {
    margin-bottom: -5% !important
}

.article-maintenance picture {
    display: block;
    float: left;
    width: 48%;
    margin-right: 3.4%;
    text-align: right
}

.article-maintenance .summary {
    overflow: hidden;
    padding-bottom: 4em
}

.article-maintenance .summary:after {
    content: 'Читать';
    display: inline-block;
    position: absolute;
    bottom: 1.5em;
    font-weight: 400;
    color: #1d2323;
    text-transform: uppercase;
    padding-right: 1.7em;
    margin-top: 2.5em;
    background: url('../images/icons/arrow-more-black.svg') 100% 50% no-repeat;
    -webkit-transition: opacity .4s, visibility .4s;
    -moz-transition: opacity .4s, visibility .4s;
    -o-transition: opacity .4s, visibility .4s;
    transition: opacity .4s, visibility .4s;
    visibility: hidden;
    opacity: 0
}

.no-svg .article-maintenance .summary:after {
    background-image: url(../images/icons/arrow-more-black.png)
}

.article-maintenance .cover {
    position: relative;
    display: block;
    padding: 4% 3.5% 1.625em;
    color: #1d2323
}

.article-maintenance .cover:before {
    content: '';
    position: absolute;
    display: block;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 4.5em;
    border: 1px solid #d7d7d7;
    -webkit-transition: border-color .4s, background-color .4s, bottom .4s;
    -moz-transition: border-color .4s, background-color .4s, bottom .4s;
    -o-transition: border-color .4s, background-color .4s, bottom .4s;
    transition: border-color .4s, background-color .4s, bottom .4s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.article-maintenance a:hover {
    color: #1d2323
}

.article-maintenance a:hover:before {
    bottom: 0;
    background-color: #e39f87;
    border-color: #e39f87
}

.article-maintenance a:hover .summary:after {
    opacity: 1;
    visibility: visible
}

.article-maintenance.orange a:hover:before {
    background-color: #f47f56;
    border-color: #f47f56
}

.article-maintenance.brown a:hover:before {
    background-color: #e39f87;
    border-color: #e39f87
}

.article-maintenance.blue a:hover:before {
    background-color: #52aacc;
    border-color: #52aacc
}

.article-maintenance.blue-light a:hover:before {
    background-color: #a4dbdd;
    border-color: #a4dbdd
}

.article-maintenance.right picture {
    float: right;
    margin-right: 0;
    margin-left: 3.4%;
    text-align: left
}

.article-maintenance.right .summary {
    max-width: none;
    text-align: right
}

.article-maintenance.right .summary:after {
    right: 52%
}

.item-images {
    position: relative;
    float: left;
    width: 34%;
    margin-right: 1.714em
}

.item-images .pagination-cover {
    position: relative;
    text-align: right;
    padding: .2em .786em .7em;
    background: #e39f87
}

.item-images .pagination {
    display: inline-block;
    position: relative;
    right: 0;
    bottom: 0
}

.item-images .pagination .bt:hover {
    color: #1d2323
}

.item-images .sticker {
    left: 0;
    top: 4%
}

.iphoto-carousel .carousel-cell {
    text-align: center;
    width: 100%
}

.iphoto-carousel .carousel-cell:not(.is-selected) .carousel-cell-image.flickity-lazyloaded, .iphoto-carousel .carousel-cell:not(.is-selected):after {
    opacity: .45
}

.iphoto-carousel .carousel-cell-image {
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.item-description {
    position: relative;
    top: -1em;
    overflow: hidden
}

.item-description .price {
    display: inline;
    font-size: 2.286em
}

.item-description del.price {
    font-size: 1.5em;
    margin-right: .5em
}

.item-description .button {
    margin: .5em
}

.link-return {
    position: relative;
    top: .4em;
    display: block;
    float: right;
    width: 2.857em;
    height: 2.857em;
    border: 1px solid #c2c2c2;
    line-height: 1;
    margin-left: 1em
}

.link-return svg, .link-return img {
    vertical-align: top;
    width: 2.714em;
    height: 2.714em
}

main .link-return:hover {
    color: #fff;
    border-color: #1d2323;
    background: #1d2323
}

.link-download {
    padding-top: .3em
}

.link-download img {
    vertical-align: middle;
    margin-right: .4em
}

.link-download a {
    font-size: .786em;
    text-transform: uppercase;
    font-weight: bold
}

.select-items {
    overflow-y: hidden;
    overflow-x: auto;
    margin-top: 2em;
    margin-bottom: 1.7em
}

.select-items table {
    max-width: none;
    margin: 0;
    table-layout: auto
}

.select-items table td, .select-items table th {
    padding: 4px 8px;
    background: transparent !important
}

.select-items table thead {
    font-size: .786em
}

.select-items table thead td {
    vertical-align: top
}

.select-items table tbody td {
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s
}

.select-items table tbody tr:hover td {
    background: #efefef !important
}

.select-items table tbody tr.is-active td {
    background-color: #f47f56 !important
}

.select-items label {
    display: inline-block;
    line-height: 1
}

.select-items label input {
    vertical-align: top
}

.select-items .big {
    margin: 0 !important
}

.checkbox:enabled {
    position: absolute;
    opacity: 0
}

.checkbox + label {
    cursor: pointer;
    position: relative;
    top: 1px;
    width: 1.5em;
    height: 1.5em;
    padding: 0;
    margin: 0;
    border: 1px solid #f47f56;
    background-color: #fff;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    background-clip: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: border-color .2s;
    -moz-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s
}

.checkbox + label:after {
    content: '';
    position: absolute;
    width: .643em;
    height: .643em;
    left: 50%;
    top: 50%;
    margin: -0.3215em -0.3215em;
    background: #f47f56;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: hidden;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: visibility .2s, -webkit-transform .2s, opacity .2s;
    -moz-transition: visibility .2s, -moz-transform .2s, opacity .2s;
    -o-transition: visibility .2s, -o-transform .2s, opacity .2s;
    transition: visibility .2s, transform .2s, opacity .2s
}

.checkbox:checked + label {
    border-color: #fff
}

.checkbox:checked + label:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.description {
    margin-top: 3.8%;
    margin-bottom: 9%
}

.uppercase {
    text-transform: uppercase
}

.cover-fill-slider {
    position: relative;
    margin-top: 3rem
}

.cover-fill-slider .wrapper {
    position: relative
}

.cover-fill-slider .pagination {
    right: 20px;
    bottom: 1.6em
}

.fill-slider {
    width: 100%;
    height: 37.5em;
    height: 90vh !important;
    background: #e39f87
}

.portfolio-item {
    margin-bottom: 30px;
}

.portfolio-item .block-left {
    width: 38%;
    margin-right: 5%
}

.portfolio-item .block-right {
    float: none;
    overflow: hidden;
    padding-top: 3.3%
}

.portfolio-item .button {
    margin-bottom: 6%
}

.portfolio-item .manager {
    position: relative;
    text-align: center;
    padding: 11.5% 1em 9%;
    margin-top: -10%;
    margin-bottom: 11%;
    background: #e39f87
}

.portfolio-item .manager > img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-bottom: .3em
}

.portfolio-item .manager figcaption {
    overflow: hidden;
    max-height: 30.714em
}

.portfolio-item .manager .name {
    font-size: 1.286em;
    line-height: 1.35
}

.portfolio-item .manager .post {
    font-size: .857em
}

.portfolio-item .manager:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-left: -2.357em;
    margin-top: -3.285em;
    width: 4.714em;
    height: 4.357em;
    opacity: .12;
    background: url('../images/icons/quote-symbol.svg') 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto
}

.no-svg .portfolio-item .manager:after {
    background-image: url(../images/icons/quote-symbol.svg)
}

.bigs {
    font-size: 1.429em
}

.error404 {
    max-width: 56em;
    padding: 10vh 0;
    margin: 0 auto
}

.error404 .box:first-child {
    width: 52%;
    padding-right: 1em
}

.error404 .button {
    margin-top: 15%
}

.error404 .title-big {
    margin-bottom: 6.5%
}

.how-match {
    overflow: auto;
    overflow-x: hidden;
    position: fixed;
    z-index: 900;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: #fff;
    background-color: #f47f56;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.how-match.is-visible {
    width: 100%
}

.how-match .flex {
    display: table;
    text-align: center;
    height: 100%;
    width: 100%;
    min-width: 100vw
}

.how-match .wrapper {
    display: table-cell;
    vertical-align: middle;
    max-width: none;
    padding-top: 0px;
    padding-bottom: 2em
}

.how-match h1, .how-match .h1 {
    margin-bottom: .9rem
}

.how-match .steps {
    max-width: 35em;
    margin: 1.7em auto 1.2em;
    list-style: none;
    line-height: 1.2
}

.how-match .steps li {
    display: inline-block;
    vertical-align: bottom;
    width: 33.3333%;
    font-size: .857em
}

.how-match .steps li:nth-child(1) {
    text-align: left
}

.how-match .steps li:nth-child(1) a {
    padding-right: .3em
}

.how-match .steps li:nth-child(3) {
    text-align: right
}

.how-match .steps li:nth-child(3) a {
    padding-left: .3em
}

.how-match .steps li a {
    position: relative;
    cursor: pointer;
    display: block;
    color: #fabfab;
    text-decoration: none;
    padding: .7em 0;
    -webkit-box-shadow: 0 1px 0 #fabfab;
    -moz-box-shadow: 0 1px 0 #fabfab;
    box-shadow: 0 1px 0 #fabfab;
    -webkit-transition: color .4s, -webkit-box-shadow .4s;
    -moz-transition: color .4s, -moz-box-shadow .4s;
    -o-transition: color .4s, box-shadow .4s;
    transition: color .4s, box-shadow .4s
}

.how-match .steps li a:hover {
    color: #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff
}

.how-match .steps li a.is-active {
    cursor: default;
    color: #fff;
    font-weight: 700;
    -webkit-box-shadow: 0 2px 0 #fff;
    -moz-box-shadow: 0 2px 0 #fff;
    box-shadow: 0 2px 0 #fff
}

.how-match .grid-4 > .col {
    padding-top: 0;
    margin-top: 0
}

.how-match [type="text"], .how-match [type="password"], .how-match [type="email"], .how-match [type="tel"], .how-match [type="number"], .how-match [type="search"], .how-match textarea, .how-match select, .how-match .select {
    max-width: 35em
}

.how-match button.mfp-close {
    opacity: 0;
    right: 5%;
    top: 8%;
    width: 31px;
    height: 29px;
    line-height: 28px;
    font-size: 32px;
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition: background-color .4s, color .4s, opacity .6s;
    -moz-transition: background-color .4s, color .4s, opacity .6s;
    -o-transition: background-color .4s, color .4s, opacity .6s;
    transition: background-color .4s, color .4s, opacity .6s
}

.how-match button.mfp-close:hover {
    color: #f47f56;
    background: #fff
}

.how-match.is-visible button.mfp-close {
    opacity: 1
}

.how-match .success-how {
    display: none
}

.how-match .success-how .button {
    margin-top: 2.5em
}

.how-match.is-success .success-how {
    display: block
}

.how-match.is-success .no-success-how {
    display: none
}

.equipment-carousel {
    height: 106px;
    margin-top: .65em;
    margin-bottom: .9em;
    background: #fff;
    border: .429em solid #fff
}

.equipment-carousel .carousel-cell {
    text-align: center;
    width: 100%
}

.equipment-carousel .carousel-cell:not(.is-selected) .carousel-cell-image.flickity-lazyloaded, .equipment-carousel .carousel-cell:not(.is-selected):after {
    opacity: .45
}

.equipment-carousel .carousel-cell-image {
    width: 100%;
    max-width: none;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.equipment-carousel .flickity-prev-next-button {
    top: 100%;
    margin-top: .6em;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    padding: 0;
    background: none;
    -webkit-transition: opacity .4s;
    -moz-transition: opacity .4s;
    -o-transition: opacity .4s;
    transition: opacity .4s
}

.equipment-carousel .flickity-prev-next-button:focus {
    outline-width: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.equipment-carousel .flickity-prev-next-button .arrow {
    fill: #fff
}

.equipment-carousel .flickity-prev-next-button.previous {
    left: -0.429em
}

.equipment-carousel .flickity-prev-next-button.previous svg {
    left: 0;
    right: auto
}

.equipment-carousel .flickity-prev-next-button.next {
    right: -0.429em
}

.equipment-carousel .flickity-prev-next-button.next svg {
    left: auto;
    right: 0
}

.equipment-carousel .flickity-prev-next-button svg {
    -webkit-transition: -webkit-transform .2s;
    -moz-transition: -moz-transform .2s;
    -o-transition: -o-transform .2s;
    transition: transform .2s
}

.equipment-carousel .flickity-prev-next-button:hover {
    background: none
}

.equipment-carousel .flickity-prev-next-button:hover svg {
    -webkit-transform: scaleX(1.2);
    -moz-transform: scaleX(1.2);
    -ms-transform: scaleX(1.2);
    -o-transform: scaleX(1.2);
    transform: scaleX(1.2)
}

.equipment {
    width: 10.714em;
    margin: 0 auto .5em
}

.equipment small {
    font-size: .857em
}

.equipment .title {
    padding: 0 1.3em
}

.cover-equipment {
    max-width: 61.5em;
    margin: -1.4em auto 0
}

.steps-content {
    max-width: 62em;
    margin: 0 auto;
    display: none;
    overflow: hidden;
    min-height: 15.9em;
    padding-top: 1.5em
}

.steps-content.is-visible {
    display: block
}

[role="banner"] span.menu {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1.17;
}

[role="banner"] span + a,[role="banner"] a + span {
    margin-left: 3.0%;
}
a.btnc{
    color: #fff;
    text-decoration: none;
    line-height: 2.2;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    background-color: #f47f56;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: text-shadow .5s;
    -moz-transition: text-shadow .5s;
    -o-transition: text-shadow .5s;
    transition: text-shadow .5s;
}
@media (min-width: 800px) {
    a.button-cost {

        position: fixed;
        z-index: 200;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: lr-tb;
        writing-mode: lr-tb;
        color: #fff;
        text-decoration: none;
        line-height: 5;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        background-color: #f47f56;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: text-shadow .5s;
        -moz-transition: text-shadow .5s;
        -o-transition: text-shadow .5s;
        transition: text-shadow .5s;

        top: 45%;
        right: 0px;
        width: 15em;
        height: 70px;
        padding: 0px;
    }

}

#id_3 {
    width: 29% !important;
}

section.five {
    padding: 50px 0;
}

section.five ul {
    width: 1080px;
    display: table;
    margin: 0 auto;
}

section.five ul li {
    float: left;
    list-style: none;
    width: 205px;
}

section.five li .img {
    margin-bottom: 20px;
}

section.five li img {
    margin: 0 auto;
    display: block;
}

section.five li .title {
    text-align: center;
    text-transform: uppercase;
    font-family: ProximaNovaBold;
}

section.works {
    position: relative;
}

section.works .slider_works {
    width: 1095px;
    margin: 0 auto;
}

section.works .left {
    background-color: #BF7D7E;
    float: left;
    padding: 30px 30px 45px 30px;
}

section.works .left div {
    display: table;
    margin: 0 auto;
}

section.works .right {
    width: 760px;
    height: 573px;
    margin-left: 334px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

section.works .ava {
    display: table;
    margin: 0 auto;
    padding: 0px;
}

section.works .name {
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    font-size: 25px;
}

section.works .dol {
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
}

section.works .name_project {
    padding-top: 30px;
    font-size: 40px;
    font-family: ProximaNovaBold;
}

section.works .city {
    font-size: 25px;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
}

section.works .sett {
    padding-top: 30px;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
}

section.works .dop {
    width: 275px;
    text-align: center;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    padding-top: 30px;
}

section.select {
    margin-bottom: 10px;
    margin-top: 15px;
}

section.select ul {
    padding: 0;
    margin: 0 auto;
    display: table;
    width: 808px;
}

section.select ul li {
    float: left;
    list-style: none;
    width: 262px;
    margin: 0 10px 0 0;
}

section.select ul li:last-child {
    margin: 0;
}

section.select .one {
    background-color: #F9B592;
}

section.select .two {
    background-color: #F59074;
}

section.select .three {
    background-color: #C07E7F;
}

section.select .four {
    background-color: #BB4545;
}

section.select .head {
    padding: 20px 0;
}

section.select .head p {
    text-align: center;
    font-size: 23px;
    margin: 0;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
}

section.select .head b {
    font-size: 28px;
}

section.select .head .price {
    font-size: 16px;
}

section.select .body {
    background-color: #F2F2F2;
    padding: 10px 10px 20px 10px;
}

section.select .body p {
    position: relative;
    text-align: center;
    font-size: 14px;
    margin: 0 0 5px 0;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
}

section.select .body b {
    display: block;
    margin: 0 auto;
}

section.select hr {
    width: 240px;    margin: 1em 0;
}

section.select .body .but_zakaz {
    border-radius: 10px;
    background-color: #C0495D;
    cursor: pointer;
    width: 160px;
    color: #fff;
    padding: 10px 0px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-family: ProximaNovaRegular;
}

section.select .body .but_zakaz:hover {
    border-radius: 10px;
    background-color: #EA8094;
    cursor: pointer;
    width: 160px;
    color: #fff;
    padding: 10px 0px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    font-family: ProximaNovaRegular;
}

section.design {
    background-color: #FEC6C8;
    padding: 20px 0 90px 0;
    width: 100%;
    display: table;
}

section.design .profi {
    border: 2px solid #DC475D;
    color: #DC475D;
    font-family: ProximaNovaBold;
    text-align: center;
    width: 1050px;
    margin: 45px auto;
    font-size: 25px;
    padding: 20px;
}

section.design .cont {
    width: 1080px;
    margin: 0 auto;
    padding: 0 20px;
}

section.design .block_left {
    float: left;
    padding-right: 20px;
}

section.design .block_right {
    float: right;
    width: 400px;
    display: table;
}

section.design .block_right p {
    font-family: ProximaNovaBold;
}

section.design input {
    border: none;
    display: block;
    font-size: 15px;
    padding: 11px 10px;
    width: 406px;
    margin-bottom: 5px;
}

section.design select {
    width: 406px;
    border: none;
    font-size: 15px;
    padding: 11px 10px;
}

section.design .button_zakaz {
    background-color: #DC475D;
    color: #fff;
    width: 386px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    clear: both;
}

section.design .button_zakaz:hover {
    background-color: #EA8094;
    color: #fff;
    width: 386px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 10px;
    padding: 10px 10px;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    clear: both;
}

section.feedback .cont {
    padding: 0 20px;
    width: 1080px;
    margin: 0 auto;
}

section.feedback {
    background-color: #C07E7F;
    padding: 40px 0 50px 0;
    display: table;
    width: 100%;
    position: relative;
}

section.feedback form {
    width: 600px;
    padding-top: 20px;
    margin: 0 auto;
}

section.feedback form input {
    border: none;
    display: block;
    width: 345px;
    margin: 0 auto 20px auto;
    padding: 15px 20px;
    background-color: #F7E3E4;
}

section.feedback h2 {
    color: #fff;
}

section.feedback p.text {
    color: #fff;
}

section.feedback .fedd_but {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    border-radius: 15px;
    width: 305px;
    margin: 0 auto;
    cursor: pointer;
    padding: 15px 20px;
    border: 2px solid #fff;
}

section.contacts {
    position: relative;
    height: 400px;
}

section.contacts .info {
    position: absolute;
    left: 130px;
    z-index: 999;
    height: 380px;
    width: 340px;
    top: 0;
    background-color: #fff;
    padding: 10px 20px;
}

section.contacts p {
    font-family: ProximaNovaRegular;
}

section.contacts span.loc {
    background-image: url("../img/geo.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 17px;
    height: 25px;
    display: block;
    float: left;
    padding-right: 40px;
}

section.contacts span.mess {
    background-image: url("../img/messeg.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 21px;
    height: 14px;
    display: block;
    float: left;
    padding-right: 40px;
}

section.contacts span.tel {
    background-image: url("../img/phone.png");
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    padding-right: 40px;
}

section.contacts .logo {
    padding: 60px 30px 40px 31px;
    margin: 0 auto;
    display: table;
}

section.contacts .logo p {
    letter-spacing: normal;
    font-family: 'GothamPro', sans-serif;
    font-size: 20px;
    margin: 10px 0px;
}

section.contacts .adress {
    width: 290px;
    color: #484745;
    font-size: 20px;
    margin: 0 auto;
}

table.ul_table td {
    vertical-align: top;}
table.ul_table tr:nth-child(odd) td, table.ul_table tr:nth-child(odd) th {
    background-color: #fff;
}

table.dr_table tr th {
    background-color: #c07e7f;
    text-align: center;
    font-size: 15px;
    color: #000;
}

table.dr_table tr:nth-child(odd) td {
    background-color: #f2f2f2;
}

.otdelka_bani{
    margin-left: 90px;
}

.section_select h3{margin-bottom: 0 !important;}

.ms-mask-frame{
    background-color: #fff;
}

@media (max-width: 600px) {
    #map_canvas{height:200px;width:100%

    }
}
.inf1 .col{
    text-align: center !important; }
.prof_action::after{
    width: 106px;
    height: 87px;
    content: "";
    background: url("/images/bant.png") no-repeat center right;
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
}

.prof_action {
    display: block;
    position: relative;
    padding-right: 2px
}
.prof_action .table-grid {
    border: 2px solid #f47f56;
}
.prof_action  .table-grid .box {
    padding: 0;
}
.prof_action  .table-grid .img {
    width: 26%;
    text-align: center;padding: 0;
    margin-left: 2px;

}
.prof_action .summary {
    font-size: 1.286em;
}
.prof_action p {
    margin-top: 15px;text-transform:uppercase;line-height: 30px; font-size: 22px;color:#f47f56;
}

.prof_action  .table-grid .triup {
    position: absolute;
    top: 2px;
    left: 20%;
    border-top: 40px solid #fff;
    border-right: 42px solid #fff;
    border-bottom: 58px solid transparent;
    border-left: 30px solid transparent;
}
.prof_action  .table-grid .trib {
    position: absolute;
    bottom: 2px;
    left: 20%;
    border-right: 47px solid #fff;
    border-bottom: 50px solid #fff;
    border-top: 71px solid transparent;
    border-left: 36px solid transparent;
}
.prof_action  .table-grid .gifft {
    float:left;margin-right: 30px;margin-left: 30px; background: url( /images/krug.png )no-repeat;padding:22px
}
@media (max-width: 800px) {
    .prof_action p {
        font-size: 14px;
        line-height: 24px;
        padding-right: 60px;
    }

    .prof_action  .table-grid .triup {
        border-top: 44px solid #fff;
        border-bottom: 60px  solid transparent;
    }
    .prof_action  .table-grid .trib {
        border-right: 35px solid #fff;
        border-top: 50px solid transparent;
    } .prof_action  .table-grid .gifft {
          margin-right: 15px;
          margin-left: 35px;
      }
}
@media (max-width: 600px) {
    .prof_action p {
        padding-left: 50px;
}
    .prof_action  .table-grid .gifft {
     display: none;
    }
    .prof_action  .table-grid .triup {
        border-bottom: 30px solid transparent;
    }
    .prof_action  .table-grid .trib {
        border-top: 30px solid transparent;
    }
}
@media (max-width: 480px) {
    .prof_action .table-grid .img {
        width: 130px;
    }
    .prof_action p {
        padding-left: 5px;
        font-size: 12px;
        line-height: 16px;
        padding-right: 10px;
    }
    .prof_action  .table-grid .gifft {
     display: none;
    }
    .prof_action  .table-grid .triup {
        left:85px;
        border-top: 25px solid #fff;
        border-right: 25px solid #fff;
        border-bottom: 25px solid transparent;
        border-left: 25px solid transparent;
    }

    .prof_action  .table-grid .trib {
        left:85px;
        border-right: 25px solid #fff;
        border-bottom: 25px solid #fff;
        border-top: 25px solid transparent;
        border-left: 25px solid transparent;
    }
    .prof_action::after{
        background: none;
    }
}
.cont::before{
    content: '';
    position: absolute;
    left: .22em;
    top: .25em;
    width: 26px;
    height: 29px;
    background: url(/images/cont1.png) 100% 100% no-repeat;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
}

.cont::before{
    left: .22em;
    top: .25em;
    width: 26px;
    height: 29px;
    background: url(/images/cont2.png) 100% 100% no-repeat;
}
.cont{
    margin-top: 10px;
    line-height: 23px;
    padding-left: 40px;
    text-transform: uppercase;
    font-size: .85em;
    font-weight: 700;
}
.cont{
    color:#f47f56;
}
@media (min-width: 800px) {
    .big-hide {
        display: none !important;
    }
}
.poshalovatsa{
    margin-right: -5.2%;
    font-size: .875em;
}
@media (min-width: 1000px) {
    .poshalovatsa{
        float: left;
        margin-left: 19px;
        padding-top: 13px;
    }
}
@media (max-width: 800px) {
    .poshalovatsa{
        margin-right: 19.8%;
    }
}
@media (max-width: 600px) {
    .poshalovatsa{
        visibility: hidden;
    }
}
@media (max-width: 480px) {

    .icon-menu{
        margin-top: -4px;
    }
}
#sel_region{
    max-width: 24em;
}
.header_bottom_block{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 5px;
}
@media (max-width: 991px) {

	.table_search_box{
		 margin-top: -22px;
	}
	.header_bottom_block{
		display: block;
	}
	.header_bottom_block{
		margin-bottom: 20px;
	}
}
@media (max-width: 767px) {

	.table_search_box{
		 margin-top: 0;
	}
	.header_bottom_block{
		display: block;
	}
	.header_bottom_block{
		margin-bottom: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.table_search_box{
		width: 100%;
	}
	.search_header{
		width: 100%;
		margin-top: 10px;
	}
	
	.icon-menu{
		order: -1;
	}
	[role="banner"] .phone{
		order: -2;
	}
}
@media (max-width: 650px) {
	[role="banner"] .logo{
		float: none;
	}
	.mob_select_region{
		position: absolute !important;
		z-index: 100;
	}
	[role="banner"] .body [role="navigation"]{
		padding-top: 50px;
	}
	.mob_select_region{
		margin-top: 5px !important;
	}
	[role="banner"].main .body .cover{
		position: relative;
		z-index: 1000;
	}
}
@media="(max-width: 767px) and (min-width: 480px){
	[role="banner"] .body .cover {
		padding-top: 0.4em;
	}
}
@media (max-width: 600px){
	.mob_select_region {
		display: inline-block !important;
		margin: 15px 0 23px !important;
		font-size: 14px;
	}
}
[role="banner"] .phone{
	order: -2;
    text-align: left;
    margin-left: 19px;
	
}