/* Start:/local/templates/ms_2018/style.css?1783517175370271*/
@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    border: 0;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul {
    list-style: none;
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}
a[href^="tel:"] {
    text-decoration: none;
}
:focus {
    outline: none;
}
.text-center {
    text-align: center;
}
.nowrap {
    white-space: nowrap;
}
.clearfix:before, .clearfix:after, section:before, section:after, .container:before, .container:after, header:after, footer:before, .row:before, .row:after, .modal-object dl:after, .projects.services .main-data dl:after, .article-stats:before, .article-stats:after, .seminars .availability:after, .seminar-preview .buttons:after, .project-preview dl:after, .prices .triggers:before, .prices .triggers:after, .article-data:after, .article-toc:after, .proposal:after, .proposal .params ul:after, .plots-list > li:after, .plot-card:after, .plots-list .features:after, .plots-list .highlights:after, .plots-list .infrastructure:after, .plots-list .contacts:before {
    content: "";
    display: table;
    clear: both;
}
.row {
    margin: 0 -15px;
}
@media (max-width: 1024px){
    .row{margin: 0px;}
}
.col {
    width: 50%;
    padding: 0 15px;
    float: left;
}
@font-face {
    font-family: "Roboto Condensed";
    src: url("/local/templates/ms_2018/fonts/robotocondensed-bold-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/robotocondensed-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-regular-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-regular-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-italic-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-italic-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-bold-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-bold-webfont.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-light-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-light-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-lightitalic-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-lightitalic-webfont.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-medium-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-medium-webfont.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-semibold-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-semibold-webfont.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-heavy-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-heavy-webfont.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-black-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-black-webfont.ttf") format("truetype");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Lato;
    src: url("/local/templates/ms_2018/fonts/lato-hairline-webfont.woff") format("woff"), url("/local/templates/ms_2018/fonts/lato-hairline-webfont.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
html {
    font: 16px/1.5 Lato, Arial, Helvetica, sans-serif;
    background: #fff;
    color: #373737;
}
body {
    max-width: 1920px;
    min-width: 320px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.08);
    box-shadow: 0 0 40px rgba(0,0,0,0.08);
}
.container {
    max-width: 1590px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative;
}
.container--big{
    max-width: 1745px;
}
.container-fluid {
    max-width: 100%;
}
.icon {
    width: 100%;
    height: 100%;
}
label, .styled input, .styled textarea, .styled button, .button, .styled select {
    display: block;
    width: 100%;
    font-family: inherit;
    font-weight: 300;
    background: none;
}
label {
    position: relative;
    margin-bottom: 20px;
}
label.combined {
    position: relative;
}
label.combined input {
    padding-right: 100px;
}
.row label {
    margin: 5px 0;
}
label .icon {
    width: 24px;
    height: 24px;
    fill: #606d79;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.styled input, .styled textarea, .select select {
    display: block;
    height: 50px;
    padding-left: 12px;
    border: 0;
    border-bottom: 1px solid #e7e8e9;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    color: #373737;
}
.modal-window .styled textarea {
    padding-left: 0;
}
.icon + input, .icon + textarea, label .icon-spacer {
    padding-left: 42px;
}
.styled textarea {
    height: 110px;
    padding-top: 15px;
    resize: none;
    overflow-y: auto;
}
.styled input:focus, .styled textarea:focus {
    color: #000;
    border-color: #373737;
}
.attachment {
    display: inline-block;
    padding-left: 44px;
    line-height: 1.2;
    position: relative;
    cursor: pointer;
}
span.attachment{cursor: default;}
.attachment + .agreement {
    margin-top: 10px;
}
.attachment .icon {
    width: 31px;
    height: 31px;
    fill: #52b401;
    position: absolute;
    left: 0;
    top: 7px;
}
.attachment input {
    display: none;
}
.attachment .label {
    position: relative;
    display: inline-block;
    max-width: 100%;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #606d79;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 2px dotted #a3adb6;
}
.attachment:hover > .label {
    border-color: transparent;
}
.attachment .delete_file{
    position: absolute;
    display: none;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    text-align: center;
    top: 0px;
    right: 0px;
    background: #fff;
    font-weight: normal;

}
.attachment .delete_file:hover{
    background: #eee;
    border-radius: 50%;
}

.attachment.file_isset .delete_file {
    display: block;
}

.attachment .note, .input-note {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #9a9ba0;
}
.input-note {
    margin: -18px 0 18px;
    color: #afafaf;
}
::-moz-placeholder {
    color: inherit;
    opacity: 1;
}
.styled :-ms-input-placeholder {
    color: inherit;
}
.styled ::-webkit-input-placeholder {
    color: inherit;
}
:focus::-moz-placeholder {
    opacity: .5;
}
.styled :focus:-ms-input-placeholder {
    opacity: .5;
}
.styled :focus::-webkit-input-placeholder {
    opacity: .5;
}
.styled .input-error::-moz-placeholder {
    color: #f00;
}
.styled .input-error:-ms-input-placeholder {
    color: #f00;
}
.styled .input-error::-webkit-input-placeholder {
    color: #f00;
}
.input-error, .input-error input {
    border-color: #f00;
    color: #f00;
}
.styled .input-error .icon {
    fill: #f00;
}
label .link {
    padding-left: 23px;
    position: absolute;
    right: 8px;
    bottom: 14px;
    font-weight: 600;
}
label .link .icon {
    width: 14px;
    height: 14px;
    fill: #55b303;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
}
.select {
    position: relative;
    cursor: pointer;
}
.select select {
    display: block;
    width: 100%;
    background: #f4f6f7;
    border-color: #f4f6f7;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
}
.select:after {
    content: "";
    width: 50px;
    height: 50px;
    background: #f4f6f7;
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.select .icon {
    width: 50px;
    height: 50px;
    padding: 19px;
    position: absolute;
    left: auto;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
    fill: #808d99;
}
.styled button, .button {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    font-weight: bold;
    padding: 0 1em;
    background: #ff9f00;
    background-image: -webkit-linear-gradient(left, #ff8600, #ffb200);
    background-image: linear-gradient(to right, #ff8600, #ffb200);
    color: #fff;
    cursor: pointer;
}
.styled button {
    margin-top: 35px;
}
.styled button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.styled button:hover, .button:hover {
    background: #ff8600;
}
.styled button:active, .button:active {
    background: #ffb200;
}
.styled button:disabled {
    opacity: .5;
    pointer-events: none;
}
.styled button .icon, .button .icon {
    display: inline-block;
    vertical-align: middle;
    width: 36px;
    height: 36px;
    fill: #fff;
    margin-right: 15px;
}
.styled button[type=reset] {
    height: auto;
    padding: 0;
    background: none;
    color: #606d79;
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
    margin: 15px 0 0;
}
.styled button[type=reset] .icon {
    width: 11px;
    height: 11px;
    fill: #606d79;
    margin: 0 10px 0 0;
}
form .agreement {
    font-size: 14px;
    color: #323232;
    font-weight: 400!important;
    margin: 35px 0 0;
    text-align: left;
}
form .agreement label{font-weight: 400!important; color: #323232;}
form .agreement a {
    color: #323232;
    border-bottom: 1px solid #e3e3e4;
    white-space: nowrap;
}
form .agreement a:hover {
    border: 0;
}
.checkbox input, .radio input {
    display: none;
}
.radio label {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 30px;
    line-height: 20px;
    color: #545455;
    font-weight: 300;
    margin: 0 0 15px 0;
}
.radio label:before, .radio label:after {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #c7c9c9;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.radio label:after {
    width: 12px;
    height: 12px;
    background: #53b301;
    left: 4px;
    top: 4px;
    border: 0;
    display: none;
}
.radio input:checked + label:after {
    display: block;
}
.radio.alt input:checked + label:before {
    background: #53b401;
    border-color: #53b401;
}
.radio.alt input:checked + label:after {
    background: #fff;
}
.checkbox {
    padding-left: 30px;
    position: relative;
}
.checkbox.alt {
    padding-left: 35px;
    font-size: 14px;
    line-height: 18px;
}
.checkbox label {
    display: inline;
    width: auto;
    position: static;
    cursor: pointer;
}
.checkbox.alt label {
    font-weight: normal;
}
.checkbox label:before {
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #d7d7da;
    position: absolute;
    left: 0;
    top: 0;
}
.checkbox.alt label:before {
    width: 23px;
    height: 23px;
    top: 50%;
    margin-top: -12px;
}
.checkbox .check {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 1px;
    top: 1px;
    display: none;
    fill: #606d79;
}
.checkbox.alt .check {
    width: 21px;
    height: 21px;
    fill: #ff9530;
    top: 50%;
    margin-top: -11px;
}
.checkbox [type=checkbox]:checked + label .check {
    display: block;
}
.checkbox.alt2 {
    font-size: 14px;
}
.checkbox.alt2 [type=checkbox]:checked + label {
    font-weight: bold;
}
.checkbox.alt2 [type=checkbox]:checked + label:before  {
    background: #53b401;
    border-color: #53b401;
}
.checkbox.alt2 [type=checkbox]:checked + label .check {
    fill: #fff;
}
.checkbox.alt3 {
    padding-left: 45px;
}
.checkbox.alt3 label {
    display: block;
    font-size: 22px;
    font-weight: 500;
    line-height: .82;
    padding-top: 6px;
    margin-bottom: 10px;
}
.checkbox.alt3 [type=checkbox]:checked + label .check {
    width: 27px;
    height: 20px;
    fill: #52b301;
    left: 0;
    top: 4px;
}
.checkbox.alt3 label:before {
    width: 26px;
    height: 26px;
    border: 1px solid #c2cbd1;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.checkbox.alt3 [type=checkbox]:checked + label:before {
    border-width: 2px;
    border-color: #52b301;
}
.checkbox.switcher {
    font-size: 14px;
    line-height: 24px;
    padding: 0 60px 0 0;
}
.checkbox.switcher label {
    font-weight: normal;
}
.checkbox.switcher label:before {
    width: 46px;
    height: 24px;
    background: #e3e5e9;
    border: 0;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    left: auto;
    right: 0;
}
.checkbox.switcher [type=checkbox]:checked + label:before,
.checkbox.switcher [type=radio]:checked + label:before{
    background: #53b401;
}
.checkbox.switcher label:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    right: 23px;
}
.checkbox.switcher [type=checkbox]:checked + label:after,
.checkbox.switcher [type=radio]:checked + label:after{
    right: 5px;

}
.checkbox.switcher.alt {
    line-height: 18px;
    padding: 0 0 0 40px;
    margin-bottom: 5px;
}
.checkbox.switcher.alt label {
    font-weight: 300;
    color: #373737;
}
.checkbox.switcher.alt [type=checkbox]:checked + label {
    font-weight: 500;
    color: #000;
}
.checkbox.switcher.alt label:before {
    width: 30px;
    height: 18px;
    right: auto;
    left: 0;
    top: 0;
    margin-top: 0;
}
.checkbox.switcher.alt label:after {
    width: 14px;
    height: 14px;
    top: 2px;
    right: auto;
    left: 3px;
}
.checkbox.switcher.alt [type=checkbox]:checked + label:after  {
    left: 13px;
}
.modal-trigger {
    cursor: pointer;
}
.modal-open {
    overflow: hidden;
    scrollbar-gutter: stable;
}
html {
    scrollbar-gutter: stable;
}
.modal-open .modal-container {
    overflow-x: hidden;
    overflow-y: scroll;
}
.modal-container, .lightboxOverlay, .floating-screenshot:before {
    background: rgba(255,255,255,0.47);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1010;
    -webkit-transform-style: preserve-3d;
    display: none;
}
.lightboxOverlay {
    background: rgba(0,0,0,0.47);
}
.modal-container.active {
    display: block;
}
.modal-window {
    width: 90%;
    max-width: 572px;
    background: #fff;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    margin: 50px auto;
    position: relative;
    z-index: 1500;
    border-radius: 15px;
}
.modal-window.modal-video {
    max-width: 960px;
    border: none;
}
.modal-window.wide {
    max-width: 1280px;
}
.modal-header {
    padding: 40px 100px 10px;
    position: relative;
}
.modal-window .h3 {
    color:  #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
}
.modal-window.switchable .h3 {
    display: inline-block;
    font-size: 28px;
    margin: 0 1em 0 -1em;
}
.modal-window .send_form{
    border-radius: 5px;
    background: #54B600;
    padding: 10px 30px;
    margin: 30px 0 20px;
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    line-height: normal;
}
.modal-window .send_form:hover{
    background: #54a200;
}
.modal-header .switcher {
    font-size: 24px;
    font-weight: 300;
}
.modal-header .switcher:hover {
    color: #373737;
}
.modal-body {
    padding: 10px 100px 60px;
}
.modal-close {
    display: block;
    font-size: 17px;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 5;
    cursor: pointer;
}
.modal-close .icon {
    fill: #313131;
}
.modal-close:hover .icon {
    fill: #53b301;
}
.modal-window .succsess-msg:before{
    content: "";
    width: 71px;
    height: 71px;
    display: block;
    margin: 28px auto;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCA3MSA3MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjI5Ml84OTg5KSI+DQogICAgICAgIDxwYXRoIGQ9Ik0zNS41IDBDMTUuOTI2MSAwIDAgMTUuOTI2MSAwIDM1LjVDMCA1NS4wNzM5IDE1LjkyNjEgNzEgMzUuNSA3MUM1NS4wNzM5IDcxIDcxIDU1LjA3MzkgNzEgMzUuNUM3MSAxNS45MjYxIDU1LjA3MzkgMCAzNS41IDBaTTU1LjM0MDggMjYuMTU3OUwzMi42NTI5IDQ4LjY2NzlDMzEuMzE4MyA1MC4wMDI1IDI5LjE4MyA1MC4wOTE1IDI3Ljc1OTQgNDguNzU2OUwxNS43NDgxIDM3LjgxMzNDMTQuMzI0NiAzNi40Nzg3IDE0LjIzNTYgMzQuMjU0NCAxNS40ODEyIDMyLjgzMDhDMTYuODE1OCAzMS40MDczIDE5LjA0MDEgMzEuMzE4MyAyMC40NjM3IDMyLjY1MjlMMjkuOTgzNyA0MS4zNzIyTDUwLjI2OTQgMjEuMDg2NUM1MS42OTMgMTkuNjYyOSA1My45MTczIDE5LjY2MjkgNTUuMzQwOCAyMS4wODY1QzU2Ljc2NDQgMjIuNTEgNTYuNzY0NCAyNC43MzQzIDU1LjM0MDggMjYuMTU3OVoiIGZpbGw9IiM1NEI2MDAiLz4NCiAgICA8L2c+DQogICAgPGRlZnM+DQogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMjI5Ml84OTg5Ij4NCiAgICAgICAgICAgIDxyZWN0IHdpZHRoPSI3MSIgaGVpZ2h0PSI3MSIgZmlsbD0id2hpdGUiLz4NCiAgICAgICAgPC9jbGlwUGF0aD4NCiAgICA8L2RlZnM+DQo8L3N2Zz4NCg==") no-repeat;
}
.modal-window .succsess-msg{
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
}
.modal-window .styled input::placeholder,
.modal-window .styled textarea::placeholder{
    color: #696969;
    font-weight: 400;
}
.modal-window .field-wrapper input,
.modal-window .styled input,
.modal-window .styled textarea{
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #D0D4D8;
    padding: 15px 30px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.modal-window .styled input:focus,
.modal-window .styled textarea:focus{
    box-shadow: 0 8px 20px 0 rgba(6, 15, 23, 0.10);
    border-color: #A6ADB4;
}

.modal-window label:has(.date-time-list){
    position: relative;
}

.modal-window .form-project-tabs{
    margin-bottom: 37px;
}
.modal-window .project-tab-links{
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    margin-bottom: 14px;
}
.modal-window .project-tab-link{
    position: relative;
    padding-left: 27px;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    user-select: none;
    cursor: pointer;
    margin: 0;
    width: auto;
}
.modal-window .project-tab-link:before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 1px solid #D0D4D8;
    position: absolute;
    left: 0;
    top: -2px;
}
.modal-window .project-tab-link--active{
    pointer-events: none;
}
.modal-window .project-tab-link--active:before{
    border: 4px solid #54B600;
}
.modal-window .project-tab{
    display: none;
}
.modal-window input:checked + .project-tab{
    display: flex;
}
.project-tab{
    flex-wrap: wrap;
    gap: 11px;
}
.project-tab-item{
    border-radius: 4px;
    border: 1.5px solid #E2E9EF;
    padding: 9px 10px;
    background: #FFF;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 140%;
    display: flex;
    gap: 8px;
    align-items: center;
    width: auto;
    margin-bottom: 0;
}
.project-tab-item:has(input:checked){
    border: 1.5px solid #54B600;
}
.modal-window .project-tab-item > span{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-weight: inherit;
}
.project-tab-item-num{
    display: flex;
    min-width: 30px;
    padding: 2px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
}



.modal-window .input-ico{
    position: absolute;
    right: 16px;
    bottom: 13px;
}
.modal-window .input-ico svg{
    display: block;
}
.modal-window .date-time-list,
.modal-window .field-wrapper .date-time-list {
    position: absolute;
    top: 100%;
    border-radius: 0 0 4px 4px;
    transition: max-height 0s linear 0.25s;
    background: #FFF;
    width: 100%;
    z-index: 2;
    max-height: 0;
    margin-top: -4px;
    overflow: hidden;
    opacity: 0;
}
.modal-window .field-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
}
.modal-window .field-wrapper .date-time-list.active {
    transition: max-height 0.5s linear 0.05s, opacity 0.05s;
    max-height: 100vh;
    border: 1px solid #A6ADB4;
    border-top: 0;
    box-shadow: 0 20px 20px 0px rgba(6, 15, 23, 0.10);
    opacity: 1;
}
.modal-window .styled .date-time-list.active{
    transition: max-height 0.5s linear 0.05s, opacity 0.05s;
    max-height: 100vh;
    border: 1px solid #A6ADB4;
    border-top: 0;
    box-shadow: 0 20px 20px 0px rgba(6, 15, 23, 0.10);
    opacity: 1;
}
.modal-window .date-time-list div{
    user-select: none;
    padding: 12px 30px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
}
.modal-window .date-time-list div:hover{
    background: #54B600;
    color: #ffffff;
}
.modal-window .form-project-tabs input[type="radio"]{
    display: none !important;
}


.modal-window img {
    display: block;
    max-width: 100%;
    height: auto;
}
.modal-window label > span{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.32px;
}
.modal-window label > svg{
    display: none;
}
.modal-window label > span sup{
    color: #FF7E00;
    vertical-align: text-top;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
}
.modal-window .agreement{
    color: #878889;
    font-weight: 400;
    line-height: 20px;
}
.modal-window .agreement label{
    font-weight: inherit;
}
.modal-window .checkbox label:before {
    border-radius: 3px;
    border: 1px solid #D0D4D8;
    background: none;
}
.modal-window .checkbox .check {
    width: 13px;
    height: 10px;
    top: 5px;
    left: 4px;
    position: absolute;
}
.modal-window .agreement a{
    border-bottom: 0;
    color: inherit;
}
.modal_review_replay .modal-window, .modal_review_complaint .modal-window{max-width: 700px!important;}
.modal_review_replay #review-form{padding: 0px; border: none;}
a[data-lightbox] {
    cursor: zoom-in;
}
.lightbox {
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 10000;
}
.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
    border: 8px solid #f8fafb;
}
.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background: #fff;
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-loader {
    width: 32px;
    height: 32px;
    background: url("/local/templates/ms_2018/img/loading.gif") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
}
.lb-nav {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}
.lb-nav a {
    display: table;
    width: 50%;
    height: 100%;
    font-size: 80px;
    color: #fff;
    text-decoration: none;
}
.lb-nav a:hover {
    color: #53b301;
}
.lb-nav a span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
}
.lb-nav a span:after {
    content: "";
    background-color: rgba(0,0,0,0.6);
}
.lb-nav a.lb-prev {
    float: left;
    text-align: left;
}
.lb-nav a.lb-next {
    float: right;
    text-align: right;
}
.lb-dataContainer {
    margin: 0 auto;
    padding: 4px 0 0;
    width: 100%;
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-data {
    padding: 0 10px;
}
.lb-details {
    width: 85%;
    float: left;
    text-align: left;
    color: #fff;
}
.lb-caption {
    font-size: 1em;
    font-weight: bold;
}
.lb-number {
    display: none !important;
}
.lb-close {
    display: block;
    float: right;
    font-size: 40px;
    line-height: 0.8;
    color: #e3e6e8;
    cursor: pointer;
}
.lb-close:hover {
    color: #53b301;
}
.table-wrapper {
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 18px;
}
thead {
    background: #798591;
    color: #fff;
}
th, td {
    padding: 10px 10px;
    vertical-align: middle;
    border: 1px solid #eeeff0;
    font-weight: inherit;
}

thead th {
    border-color: #8c97a2;
    font-weight: 600;
}
tbody th {
    text-align: left;
    font-weight: 300;
}
.article-content p, .article-content ol, .article-content ul:not(.unstyled) {
    margin-top: 1.2em;
}
.article-content > :first-child {
    margin-top: 0;
}
.article-content ul:not(.unstyled) li {
    padding-left: 25px;
    position: relative;
}
.article-content ul:not(.unstyled) li + li {
    margin-top: .6em;
}
.article-content ul:not(.unstyled) li:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 2px solid #ff7e00;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 6px;
}
.article-content h2, .article-content .h2, .article-content h3, .article-content .h3 {
    font-size: 36px;
    margin-top: 1em;
}
.article-content h3, .article-content .h3 {
    font-size: 30px;
}
.main-content{position: relative;/*overflow: hidden; yakus убрал т.к. всплывающие блоки не видно например в https://m-strana.ru/manufacture/*/}
.sticky-container{width: calc(100% - 250px); position: relative;}
.sticky-container-article-category{width: calc(100% - 270px)!important;}
.sticky-container-article{width: calc(100% - 320px); margin-left: 35px;}
.sticky-container-brand{width: calc(100% - 280px);}
.sticky-container-calc{width: calc(100% - 280px);}
.sticky-container-brand + .css-sticky-parent.sticky-right,
.sticky-container-calc + .css-sticky-parent.sticky-right{top: 20px; right: 20px;}
.css-sticky-parent{
    overflow: visible!important; height: 100%; position: absolute; top: 0px;
    padding: 0 0 30px 0px;
    z-index: 100;
}
.css-sticky{
    position: sticky;  top: 70px; margin-top: 10px;
}
.css-sticky.css-sticky-articles-list{top: 120px}
.css-sticky.css-sticky-articles-detail{top: 120px}
.css-sticky-parent.sticky-right{width: 232px!important; right: 0px; margin: 0px 15px 0px 30px!important;}
.css-sticky-parent.sticky-right .sidebar-menu{margin: 0px 0px 0px 0px!important;}
.css-sticky-parent.sticky-right .css-sticky{margin-top: 0px;}


@media (max-width: 1350px) {
    .css-sticky-parent.article-sidebar{ display: block;}
    .sticky-container-brand, .sticky-container-calc{width: 100%;}
}

@media (max-width: 1150px) {
    .sticky-container-article {
        width: calc(100% - 55px);
    }

    .css-sticky-parent.sticky-right.article_sign_up_for_expo,
    .css-sticky-parent.sticky-right.article_sign_up_for_expo .sidebar-menu{
        position: relative;
        width: 300px!important;
    }

    .article_left_column {
        float: none!important;
        position: relative;
        margin: 0px 0px 0px 30px!important;
    }
}

@media (max-width: 767px) {
    .sticky-container-article{margin-left: 0px; width: 100%;}
    .css-sticky-parent.article-sidebar{ display: none;}
    .sticky-container-article-category{width: 100%!important;}

}

.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    background: #000;
    position: relative;
    overflow: hidden;
}
.video-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 0;
}
#benefits .logo {
    display: block;
    height: 70px;
    float: left;
}
#benefits .logo img {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 16px;
}
#benefits .logo > span{
    display: block;
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
    float: left;
}





.slider {
    position: relative;
}
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;max-width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/ms_2018/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
#slider {
    height: 654px;
    position: relative;
    overflow: hidden;
}
#slider:after, #rent-intro:after {
    content: "";
    display: block;
    width: 100%;
    height: 104px;
    background: url("/local/templates/ms_2018/img/slider-overlay.svg") 33% 100% no-repeat;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    pointer-events: none;
}
#slider .item {
    height: 654px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 88px;
}
#slider .item.main_link{cursor: pointer;}
#slider .title {
    font-size: 74px;
    line-height: .865;
    font-weight: bold;
    color: #000;
}
#slider .description {
    font-size: 22px;
    line-height: 1.636;
    font-weight: 300;
    margin-top: 1.5em;
    max-width: 67%;
}
#slider .description strong, #slider .description b {
    font-weight: 500;
}
#slider .button {
    width: 270px;
    margin-top: 36px;
    float: left;
}
.owl-dots {
    display: inline-block;
    text-align: center;
}
#slider .owl-dots {
    width: 320px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    font-size: 0;
    z-index: 5;
}
.owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 0 10px;
    background: #b5babd;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    border: 2px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.owl-dot.active {
    background-color: transparent;
    border-color: #ff7d00;
}
.owl-dot:hover {
    background-color: #ff7e00;
}
.alt-dots .owl-dot {
    width: 6px;
    height: 6px;
    border: 0;
    background: #e0e2e5;
    float: left;
    margin: 0 16px 0 0;
}
.alt-dots .owl-dot.active {
    background: #ff8003;
}
.cont-with-picture-bg{
    position: relative;
    background: none !important;
}
.cont-with-picture-bg > .picture-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    object-fit: cover;
    object-position: center;
}

h1 {
    font-size: 54px;
    line-height: 1;
    color: #000;
    margin-top: 20px;
}

h2, .h2 {
    font-size: 36px;
    line-height: 1;
    color: #000;
    display: block;
    font-weight: bold;
}

.h3{
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}


.index h1{font-size: 44px; margin-bottom: 20px;}

#useful-info {
    margin: 30px 0;
}
#useful-info .container {
    min-height: 180px;
    padding-left: 85px;
    position: relative;
}
.section-subtitle {
    font-size: 21px;
    font-weight: 300;
    color: #1a1b20;
    position: absolute;
    left: 15px;
    top: 0;
    -webkit-transform: rotate(-90deg)translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 3;
}
.post-categories {
    padding-top: 26px;
    border-top: 1px solid #eeeff0;
    margin-top: 26px;
    position: relative;
}
.post-categories .owl-stage {
    display: -webkit-box;
    display: box;
}
.post-categories .item {
    height: 55px;
    font-size: 18px;
    font-weight: 500;
    line-height: 55px;
    color: #606d79;
    float: left;
    margin: 0 35px 15px 0;
}
.post-categories .owl-item .item {
    margin: 0;
}
.post-categories .item > a {
    display: block;
}
.post-categories .icon, #about .actions .icon {
    display: block;
    width: 55px;
    height: 55px;
    background: #f4f6f7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    fill: #7d8892;
    float: left;
    margin-right: 10px;
}
.post-categories .item > a:hover .icon {
    background: #53b301;
    fill: #fff;
}
.owl-prev, .owl-next, .comparison-nav a, .viewer_prev, .viewer_next {
    width: 53px;
    height: 53px;
    padding: 13px;
    background: #f4f6f7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    cursor: pointer;
}
.viewer_prev{
    left: -70px;
    top: 300px;
}
.viewer_next{
    right: -70px;
    top: 300px;
}
.alt-nav .owl-prev, .alt-nav .owl-next, .comparison-nav a {
    background: rgba(202,209,217,0.7);
}
.owl-prev:hover, .owl-next:hover, .comparison-nav a:hover, .viewer_prev:hover, .viewer_next:hover {
    background-color: #ebf5e2;
}
.owl-prev.disabled, .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
}
.owl-prev {
    left: 0;
}
.owl-next {
    right: 0;
}
.owl-prev svg, .owl-next svg, .comparison-nav svg, .viewer_prev svg, .viewer_next svg {
    display: block;
    width: 18px;
    height: 27px;
    margin: 0 auto;
    fill: #dadbdc;
}
.alt-nav .owl-prev svg, .alt-nav .owl-next svg, .comparison-nav svg {
    fill: #fff;
}
.owl-prev:hover svg, .owl-next:hover svg, .comparison-nav a:hover svg, .viewer_prev:hover svg, .viewer_next:hover svg {
    fill: #53b301;
}
.post-categories .owl-prev, .post-categories .owl-next {
    top: -73px;
    margin: 0;
}
.post-categories .owl-prev {
    left: auto;
    right: 60px;
}
.consultation {
    background: #f9fafb;
    padding: 40px 0;
}
.double-title > span:last-of-type {
    display: none;
}
.consultation .h2 {
    font-size: 55px;
    font-weight: 300;
    padding-left: 80px;
    position: relative;
}

@media (max-width: 600px) {
    .consultation .h2{
        font-size: 35px;
    }
}

.consultation .h2 + p {
    font-size: 15px;
    margin: 20px 0 0 80px;
}
.consultation .h2 .icon {
    width: 48px;
    height: 48px;
    fill: #8593a1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
}
.consultation form, .subscription form {
    margin: 30px 0;
    position: relative;
}
.consultation form .col {
    width: 25%;
}
.consultation .agreement, .subscription .agreement {
    position: absolute;
    left: 0;
    top: 100%;
    margin: 20px 0;
}
.consultation button {
    margin-top: 0;
}
#plan {
    margin-top: 50px;
}
h2.shadow {
    font-size: 98px;
    line-height: 1;
    font-weight: 300;
    color: #000;
    position: relative;
    margin-bottom: .5em;
}
h2.shadow > span:first-child {
    font-weight: 900;
    color: #f4f6f7;
}
h2.shadow > span:last-child {
    position: absolute;
    left: .7em;
    top: .5em;
}
.layout-wrapper {
    overflow-x: auto;
}
#layout {
    width: 100%;
    /* padding-bottom: 36.875%; */

    height: 840px;

    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    overflow: hidden;
}
#exhibition-plan #layout {
    min-width: 1280px;
    overflow-x: auto;
}
#exhibition-plan .modal-body {
    padding: 0;
}
#layout object, #layout-objects {
    display: block;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.modal-object {
    width: 290px;
    background: #fff;
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.38);
    box-shadow: 0 17px 38px rgba(0,0,0,0.38);
}
.modal-object .number {
    width: 44px;
    height: 44px;
    font-size: 27px;
    font-weight: bold;
    line-height: 44px;
    background: #6ba4d0;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: center;
}
.modal-object .close {
    width: 32px;
    height: 32px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
    margin: 0;
    z-index: 50;
}
.modal-object .close .icon {
    width: 20px;
    height: 20px;
    fill: #6f7a85;
    margin: 6px;
}
.modal-object .close:hover .icon {
    fill: #373737;
}
.modal-object img {
    display: block;
    width: 100%;
}
.modal-object .description {
    padding: 20px 30px 30px;
}
.modal-object h4 {
    font-size: 21px;
    line-height: 1.2;
    font-weight: 500;
}
.modal-object h4 > a, .modal-object .developer a {
    display: inline-block;
    padding-bottom: 3px;
    border-bottom: 1px solid #eee;
}
.modal-object h4 > a:hover, .modal-object .developer a:hover {
    border-color: transparent;
}
/*
.modal-object h4 > a:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
*/
.modal-object .developer {
    font-size: 13px;
    margin: 10px 0;
    color: #9a9d9f;
}
.modal-object .developer a {
    color: #373737;
}
.modal-object dl {
    font-size: 14px;
    line-height: 20px;
}
.modal-object dt {
    max-width: 50%;
    font-weight: 300;
    float: left;
    clear: both;
    margin-top: 10px;
    padding-right: 10px;
}
.modal-object dd {
    max-width: 50%;
    font-weight: normal;
    float: right;
    clear: right;
    text-align: right;
    margin-top: 10px;
}
.modal-object .price {
    color: #4ba200;
    font-size: 18px;
    font-weight: bold;
}
.modal-object .price span {
    font-size: 14px;
    font-weight: normal;
}
#plan .filter {
    padding: 30px 50px 40px;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 9px 46px rgba(0,0,0,0.08);
    box-shadow: 0 9px 46px rgba(0,0,0,0.08);
}
#plan .filter .h3 {
    font-size: 36px;
    line-height: 1;
    color: #000;
    margin-bottom: .67em;
}
#plan .filter .label {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #000;
    margin-bottom: 10px;
}
#plan .filter .select, #plan .filter .values-range {
    width: 27%;
    float: left;
}
#plan .filter .select {
    margin: 0;
}
#plan .filter .values-range {
    padding: 0 0 0 30px;
}
.values-slider {
    height: 2px;
    background: #f4f6f7;
    position: relative;
    margin: 20px 10px;
}
.values-slider:before, .values-slider:after {
    content: "";
    display: block;
    width: 10px;
    height: 100%;
    background: #f4f6f7;
    position: absolute;
    top: 0;
    right: 100%;
}
.values-slider:before {
    right: auto;
    left: 100%;
}
#plan .values-slider {
    margin-top: 32px;
}
.values-slider .ui-slider-handle {
    width: 20px;
    height: 20px;
    background: #fff;
    border: 4px solid #ff7c00;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    margin-left: -10px;
    cursor: pointer;
    z-index: 2;
}
.values-slider .ui-slider-range {
    height: 100%;
    background: #ff7c00;
    position: absolute;
    top: 0;
    z-index: 1;
}
.values-slider .ui-slider-handle > span {
    display: block;
    width: 20px;
    text-align: center;
    font-size: 10px;
    margin: 20px 0 0 -4px;
}
#plan .filter .button {
    width: 17%;
    width: calc(19% - 30px);
    height: 54px;
    line-height: 54px;
    float: right;
    margin: 26px 0 0;
}
#events {
    margin-top: 50px;
    overflow: hidden;
}
#events .owl-stage-outer {
    overflow: visible;
}
#events .header {
    border-bottom: 1px solid #eeeff0;
    margin-bottom: 32px;
}
#events .h2, #events .categories, #events .categories li, #events .selected-category {
    display: inline-block;
    vertical-align: baseline;
}
#events .h2 {
    margin: 0 40px 20px 0;
}
#events .categories {
    font-size: 18px;
    font-weight: 300;
    color: #8c8f92;
}
#events .selected-category {
    display: none;
    padding-right: 20px;
    position: relative;
}
#events .selected-category .icon {
    width: 12px;
    height: 12px;
    fill: #cad1d9;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}
#events .categories li {
    white-space: nowrap;
    margin-right: 40px;
    padding-bottom: 20px;
    position: relative;
    cursor: pointer;
}
#events .categories li:last-child {
    margin-right: 0;
}
#events .categories li:hover {
    color: #000;
}
#events .categories li.active {
    font-weight: 600;
    color: #000;
}
#events .categories li.active:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #53b301;
    position: absolute;
    left: 0;
    bottom: -1px;
}
#events .owl-carousel {
    display: none;
}
#events .owl-carousel.active {
    display: block;
}
.events .item {
    width: 270px;
    opacity: .33;
    pointer-events: none;
}
.events .owl-item.active .item {
    opacity: 1;
    pointer-events: auto;
}
.event-details {
    min-height: 108px;
    background: #f6f7f7;
    /*padding: 25px 40px 12px 30px;*/
    border: 1px solid transparent;
    position: relative;
}
.event-details .shadow{
    padding: 25px 40px 12px 30px;
    background-color: rgba(0, 0, 0, 0.5);
    min-height: 108px;
}
#events3 .event-details{min-height: 130px;}
#events1 .shadow, #events2 .shadow, #events3 .shadow, #events4 .shadow{min-height: 130px;}
#events1 .event-details.promo:after,
#events2 .event-details.promo:after,
#events4 .event-details.promo:after{display: none;}

.event-details:hover {
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.17);
    box-shadow: 0 17px 38px rgba(0,0,0,0.17);
}
.event-details:after {
    position: absolute;
    right: -1px;
    top: -1px;
}
.event-details:not(.promo):after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 22px 24px 0;
    border-color: transparent #e8ecec transparent;
}
.event-details.promo {
    border-color: #ff984a;
    background: #fffcfa;
}
.event-details.promo:after {
    content: "акция";
    padding: 0 5px;
    background: #ff7c19;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
}
.event-details .time {
    font-size: 14px;
    color: #c7cccc;
    position: absolute;
    right: 10px;
    top: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.event-details.image {
    background: #000 url("/local/templates/ms_2018/img/bg-event.jpg") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-background-origin: border-box;
    background-origin: border-box;
    color: #fff;
}
.event-details.image h3, .event-details.image .note {
    color: #fff;
}
.event-details h3 {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    color: #606d79;
}
.event-details h3 a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}
.event-details .note {
    font-size: 12px;
    font-weight: 300;
    color: #9a9d9f;
    margin-top: 8px;
}
.events .date {
    padding-right: 39px;
    font-size: 24px;
    text-align: center;
    margin-top: 15px;
    position: relative;
}
.events .date span {
    font-size: 17px;
}
.events .date:before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/local/templates/ms_2018/img/calendar.svg");
    vertical-align: middle;
    margin-right: 15px;
}
.events .owl-prev, .events .owl-next {
    top: 27px;
    margin: 0;
}
.events .owl-prev {
    left: 15px;
}
.events .owl-next {
    right: 15px;
}
.events .owl-dots {
    display: block;
    margin-top: 40px;
}
.events .owl-dot {
    border: 4px solid transparent;
    background-color: #f4f6f6;
}
.events .owl-dot.active {
    background-color: #fe8122;
}
#latest-news {
    margin-top: 50px;
}
.news.grid {
    width: 100%;
    float: left;
    margin: 40px 0;
}
.news.grid .item {
    width: calc(100% / 5);
    float: left;
    padding: 0 15px;
    margin-bottom: 30px;
}
.news .item:nth-child(5n+1) {
    clear: left;
}
@media (max-width: 1300px){
    .news .item:nth-child(5n+1) {
        clear: none;
    }
    .news .item:nth-child(4n+1) {
        clear: left;
    }
    .news.grid .item {width: calc(100% / 4);}
}

.news.slider .item {
    max-width: 270px;
    margin: 0 auto;
}

.news .item a, .article-preview a {
    display: block;
}
.news .image, .article-preview .image {
    background: #071723;
    position: relative;
    max-width: 300px;
}
.news .image:after, .article-preview .image:after {
    content: "Прочитать";
    display: block;
    width: 164px;
    height: 60px;
    text-align: center;
    line-height: 58px;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -82px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}
.news .item.hover .image:after, .article-preview.hover .image:after {
    opacity: 1;
}
.news img, .article-preview img {
    display: block;
    width: 100%;
    max-width: 300px;
}
.category-columns .article-preview .image {
    display: block;
    width: 100%;
}
.category-columns .item:hover {
    -webkit-box-shadow: 0 0 0 15px #fff, 0 0 30px rgba(0,0,0,0.4);
    box-shadow: 0 0 0 15px #fff, 0 0 30px rgba(0,0,0,0.4);
}
.news .item.hover .image img, .article-preview.hover .image img  {
    opacity: .41 !important;
}
.news h3, .article-preview h3, .news .h3, .article-preview .h3 {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
}
.news .date, .article-preview .date, .article-stats .date, .articles-column .date {
    font-size: 12px;
    font-weight: 300;
    color: #9a9d9f;
    margin: 10px 0;
}
.news p, .article-preview p {
    font-size: 15px;
    font-weight: 300;
}
.news .owl-prev, .news .owl-next {
    top: 80px;
    margin: 0 30px;
}
#latest-news .sidebar {
    width: 25%;
    padding: 0 15px;
    float: right;
    margin: 40px 0;
}
#latest-news .sidebar > div + div {
    margin-top: 30px;
}

.expert {
    height: 340px;
    padding: 30px;
    background: #eaebed url("/local/templates/ms_2018/img/bg-expert.jpg") 40% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.expert img {
    position: absolute;
    right: 38%;
    bottom: 0;
}
.expert .person {
    position: absolute;
    right: 30px;
    top: 30px;
}
.expert .name {
    font-size: 28px;
    line-height: .86;
    font-weight: bold;
    color: #2f3a44;
}
.expert .title {
    font-size: 17px;
    color: #7a7f83;
    margin-top: 10px;
}
.expert .button {
    height: 53px;
    line-height: 53px;
    background: #53b301;
    position: relative;
    top: 100%;
    transform: translateY(-100%);
}
.subscription {
    clear: both;
    margin: 30px auto;
    padding: 60px 60px 60px 180px;
    border-bottom: 6px solid#f8fafb;
    -webkit-box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    position: relative;
}
.subscription > .icon {
    font-size: 72px;
    width: 1em;
    height: 1em;
    fill: #8593a1;
    position: absolute;
    left: 1em;
    top: 1em;
}
.subscription h3 {
    font-size: 55px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 30px;
}
.subscription form {
    width: 100%;
    max-width: 612px;
    margin: 40px 0;
}
.subscription form .col {
    width: 37%;
}
.subscription form .col:first-child {
    width: 63%;
}
.subscription button {
    margin: 0;
}
#about {
    margin: 30px 0;
}
#about .container {
    position: relative;
}
#about h2 {
    font-size: 36px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeeff0;
    margin: 0 0 30px 70px;
    color: #000;
}
#about .description {
    width: 75%;
    padding: 0 15px 0 70px;
    float: left;
}
#about .description .h3 {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    margin-top: 1em;
}
#about .description p {
    line-height: 1.75;
    font-weight: 300;
    margin-top: 1em;
}
#about .description > :first-child {
    margin-top: 0;
}
#about .actions {
    width: 25%;
    padding-left: 15px;
    float: right;
}
#about .actions li {
    margin-bottom: 15px;
}
#about .actions li:last-child {
    margin-bottom: 0;
}
#about .actions span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #606d79;
    border-bottom: 2px dotted #d5d9dd;
    margin: 15px 0 10px;
}
#about .actions a {
    display: block;
    min-height: 55px;
    padding-left: 70px;
    position: relative;
}
#about .actions a:hover > span {
    border-color: transparent;
}
#about .actions .icon {
    background: #53b301;
    fill: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

#totop {
    width: 41px;
    height: 70px;
    background: #53b401 url("/local/templates/ms_2018/img/totop.svg") 50% 28% no-repeat;
    -webkit-background-size: 67%;
    background-size: 67%;
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: 625px;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
}
@media (max-width: 1500px) {
    #totop {
        left: auto;
        margin: 0;
        right: 70px;
    }
}
@media (max-width: 767px) {
    #totop {
        width: 30px;
        height: 51px;
        right: 30px;
    }
}
#totop.visible {
    opacity: 1;
    visibility: visible;
}
#totop:hover {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.breadcrumbs {
    font-size: 12px;
    color: #9fa6ac;
    margin-top: 20px;
    margin-bottom: 10px;
}
.breadcrumbs ul {
    float: left;
}
.breadcrumbs li {
    display: inline;
}
.breadcrumbs li + li:before {
    content: "/";
    margin: 0 .5em;
}
.breadcrumbs a {
    color: #606d79;
}
.breadcrumbs a:hover {
    text-decoration: underline;
}
.breadcrumbs .back {
    float: right;
    margin-left: 15px;
}
.breadcrumbs .back .icon, .page-section .show-all .icon {
    display: inline-block;
    top: 1px;
    position: relative;
    width: 10px;
    height: 10px;
    fill: #53b401;
    margin-right: 5px;
}
.project h1, .section-header {
    font-size: 54px;
    line-height: 1;
    color: #000;
    margin-top: 20px;
}
.page-section {
    padding: 30px 0;
}
.page-section.article {
    padding-bottom: 0;
}
.section-header {
    font-size: 40px;
    margin-bottom: 30px;
}
.icons-gap h1 {
    width: 75%;
    width: calc(100% - 300px);
    float: left;
}
.page-header.switcher span {
    display: inline-block;
    font-weight: normal;
    color: #949aa1;
    border-bottom: 3px dotted #b8bcc2;
    margin-right: .3em;
    cursor: pointer;
}
.page-header.switcher span.active {
    padding-bottom: 10px;
    font-weight: bold;
    color: #000;
    border-bottom: 3px solid #ff8208;
}
.page-description {
    color: #696a6c;
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 320px;
}
.page-header + p {
    font-size: 19px;
    margin: 10px 0 0;
}

@media (max-width: 700px) {
    .page-description{
        margin-right: 0px;
    }
}

.page-icons {
    float: right;
    margin-top: 40px;
}
.page-icons li {
    font-size: 13px;
    line-height: 36px;
    color: #9fa9b3;
    float: left;
    margin-left: 20px;
}
.page-icons .icon {
    width: 36px;
    height: 36px;
    padding: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f4f6f7;
    fill: #9fa9b3;
    float: left;
}
.page-icons span {
    margin-left: 5px;
}
.page-icons a.favourites:hover .icon, .page-icons a.favourites.active .icon {
    background: #ff8f00;
    fill: #fff;
}
.page-icons a.comparision:hover .icon, .page-icons a.comparision.active .icon {
    background: #50ad01;
    fill: #fff;
}



.main-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}
.home .main-wrapper {
    padding-top: 0;
}
.main-sidebar {
    width: 270px;
    float: left;
    margin-right: 30px;
}
.main-sidebar > * + * {
    margin-top: 30px;
}
.sender_sidebar{
    margin-top: 0px;
}
.catalog-filter {
    background: #fff;
    -webkit-box-shadow: 0 9px 46px rgba(0,0,0,0.08);
    box-shadow: 0 9px 46px rgba(0,0,0,0.08);
}
.catalog-filter .trigger {
    margin-top: 20px;
    padding: 15px 30px;
    font-size: 24px;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    display: none;
}
.catalog-filter.fixed .trigger{
    margin-top: 0px;
}
.catalog-filter .trigger .icon {
    width: 30px;
    height: 30px;
    fill: #bbbec4;
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
.catalog-filter .trigger .icon:last-child {
    width: 10px;
    height: 10px;
    fill: #8f959b;
    margin: 0 0 0 10px;
}
.catalog-filter .form {
    padding-bottom: 30px;
}
.catalog-filter .available-only {
    padding: 12px 30px;
    border-bottom: 1px solid #f4f7f8;
}
.catalog-filter .available-only .checkbox {
    margin-top: 0;
}
.catalog-filter .main-fields {
    padding: 15px 30px;
}
.catalog-filter .label {
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.catalog-filter .values-range {
    margin-top: 10px;
    padding-bottom: 10px;
}
.values-range .min-max {
    margin: 10px 0;
}
.values-range .values-slider + .min-max {
    margin-top: 35px;
}
.values-range .min, .values-range .max {
    width: 49%;
    width: calc(50% - 2px);
    height: 31px;
    border: 1px solid #e7e8e9;
    padding: 0 15px;
    border-width: 1px;
    font-size: 14px;
    float: left;
}
.values-range .max {
    float: right;
}
.values-range .min:focus, .values-range .max:focus {
    border-color: #373737;
}
.catalog-filter .select {
    margin-bottom: 10px;
}
.catalog-filter .select select {
    height: 42px;
    font-size: 14px;
}
.catalog-filter .select .icon {
    width: 42px;
    height: 42px;
    padding: 15px;
}
.catalog-filter .select:after {
    width: 42px;
    height: 42px;
}
.catalog-filter button {
    height: 54px;
    line-height: 54px;
}
.catalog-filter .expand-collapse {
    padding: 10px 20px;
    border-bottom: 1px solid #f4f7f8;
}
.expand-collapse .toggle {
    padding: 2px 30px 2px 0;
    font-size: 17px;
    position: relative;
    cursor: pointer;
}
.expand-collapse .toggle .icon {
    width: 9px;
    height: 9px;
    fill: #d0d4d7;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -5px;
}
.catalog-filter .expand-collapse .toggle {
    padding-right: 30px;
}
.expand-collapse:not(.active) .content {
    display: none;
}
.catalog-filter .actions {
    padding: 0 30px;
}
.catalog-filter .select {
    margin-top: 10px;
}
.catalog-filter .main-fields .select {
    margin-top: 0;
}
.client-requests {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.client-requests li {
    padding: 10px;
    border: 1px solid #f0f2f3;
}
.client-requests li + li {
    border-top-width: 0;
}
.client-requests a {
    display: block;
    min-height: 54px;
    padding: 10px 0 10px 80px;
    position: relative;
}
.client-requests h3, .client-requests .h3 {
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    color: #2f3a44;
}
.client-requests a:hover h3, .client-requests a:hover .h3 {
    color: #ff7e00;
}
.client-requests h3 span, .client-requests .h3 span {
    white-space: nowrap;
}
.client-requests .note {
    font-size: 14px;
    color: #7a7f83;
    margin-top: 4px;
}
.client-requests .icon {
    width: 54px;
    height: 54px;
    fill: #ff7e00;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -27px;
}
.catalog-filter .search-form {
    position: relative;
}
.catalog-filter .search-form input {
    height: 54px;
    padding: 0 50px 0 30px;
    border: 0;
    background: #f5f6f7;
    color: #b6b9bd;
    font-size: 14px;
}
.catalog-filter .search-form input:focus {
    color: #373737;
}
.catalog-filter .search-form button {
    width: 20px;
    height: 20px;
    right: 22px;
    margin-top: -10px;
}
.catalog-filter .search-form button .icon {
    fill: #919191;
}
.catalog-filter .checkbox {
    margin-top: 15px;
}
.catalog-filter .checkbox.switcher {
    margin-top: 10px;
}
.main-sidebar .consultation {
    padding: 0;
}
.main-sidebar .form-header {
    background: #f3f5f7;
}
.main-sidebar .form-header h3 {
    font-size: 21px;
    font-weight: 600;
    line-height: 1;
}
.main-sidebar .form-body {
    padding: 25px;
}
.main-sidebar .consultation form {
    margin: 0;
}
.main-sidebar .consultation .h3 {
    padding-left: 60px;
    position: relative;
}
.main-sidebar .consultation .h3 .icon {
    width: 48px;
    height: 48px;
    fill: #8593a1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
}
.main-sidebar .consultation .agreement {
    position: relative;
}
.selection-results {
    font-size: 18px;
    font-weight: 300;
    color: #99999a;
    float: left;
}
.selection-results span {
    font-weight: normal;
    color: #696a6c;
}
.view-switcher {
    float: right;
}
.view-switcher .label, .dropdown .label {
    font-weight: 300;
    color: #99999a;
    margin-right: 15px;
}
.view-switcher ul {
    font-size: 15px;
    font-weight: 600;
    color: #bcc0c4;
}
.view-switcher ul, .view-switcher li {
    display: inline;
}
.view-switcher li {
    cursor: pointer;
}
.view-switcher li + li {
    margin-left: 15px;
}
.view-switcher .active {
    color: #ff7e00;
}
.view-switcher .icon {
    width: 18px;
    height: 18px;
    fill: #bcc0c4;
    vertical-align: middle;
    margin-right: 5px;
}
.view-switcher .map .icon {
    width: 20px;
    height: 20px;
}
.view-switcher li:hover span, .view-switcher .active span {
    border: none;
}
.view-switcher .active .icon {
    fill: #ff7e00;
}
.dropdown {
    position: relative;
    z-index: 100;
}
.dropdown:before {
    content: "";
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.19);
    box-shadow: 0 17px 38px rgba(0,0,0,0.19);
    position: absolute;
    left: -15px;
    top: -20px;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}
.dropdown.active:before {
    opacity: 1;
    visibility: visible;
}
.category .sorting {
    float: right;
    margin-top: 2px;
}
.dropdown .current {
    display: inline-block;
    padding-right: 36px;
    font-size: 15px;
    color: #606d79;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.dropdown .current span {
    display: inline-block;
    border-bottom: 2px dotted #a3adb6;
    font-weight: 600;
}
.dropdown .current:hover span {
    border-color: transparent;
}
.dropdown .icon {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 0;
    top: 8px;
    fill: #656f79;
    z-index: 3;
}
.dropdown ul {
    width: 100%;
    padding: 5px 15px 25px;
    text-align: left;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    -webkit-box-shadow: 0 -20px 0 #fff, 0 17px 38px rgba(0,0,0,0.19);
    box-shadow: 0 -20px 0 #fff, 0 17px 38px rgba(0,0,0,0.19);
    position: absolute;
    left: -15px;
    top: 100%;
    margin-top: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #606d79;
    display: none;
    white-space: nowrap;
}
.dropdown li {
    padding: 5px 15px;
    margin: 0 -15px;
    cursor: pointer;
}
.dropdown li.active {
    display: none;
}
.dropdown li:hover {
    background: #f5f6f6;
    color: #1e2225;
}
.projects, .past-seminars, .past-promos, .videos-list {
    margin: 0 -15px;
}

.videos-list.owl-carousel{margin: 0px;}
.videos-list.owl-carousel .owl-item img{width: auto;}
.videos-list.owl-carousel .owl-prev{left: -20px!important; top: 40%;}
.videos-list.owl-carousel .owl-next{right: -20px!important; top: 40%;}

.projects > li, .past-seminars > li, .past-promos > li, .videos-list > li {
    width: 25%;
    width: calc(100% / 4);
    padding: 0 15px;
    float: left;
    margin-top: 30px;
}
.projects > li:nth-child(4n+1), .past-seminars > li:nth-child(4n+1), .past-promos > li:nth-child(4n+1), .videos-list > li:nth-child(4n+1), .videos-list > li:nth-child(4n+1) {
    clear: left;
}
@media (max-width: 1350px) {
    .projects > li, .past-seminars > li, .past-promos > li, .videos-list > li {
        width: calc(100% / 3);
    }
    .past-seminars > li > div, .past-promos > li > div, .videos-list > li > div {
        max-width: 270px;
        margin: 0 auto;
    }
    .projects > li:nth-child(4n+1), .past-seminars > li:nth-child(4n+1), .past-promos > li:nth-child(4n+1), .videos-list > li:nth-child(4n+1), .videos-list > li:nth-child(4n+1) {
        clear: none;
    }
    .projects > li:nth-child(3n+1), .past-seminars > li:nth-child(3n+1), .past-promos > li:nth-child(3n+1), .videos-list > li:nth-child(3n+1), .videos-list > li:nth-child(3n+1) {
        clear: left;
    }
}

#company-projects .projects > li:nth-child(3n+1){
    clear: none;
}

.project-preview, .video-preview {
    max-width: 270px;
    margin: 0 auto;
    position: relative;
}
.project-preview:hover, .project-preview:active {
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.39);
    box-shadow: 0 17px 38px rgba(0,0,0,0.39);
}
.project-preview img {
    display: block;
    max-width: 100%;
}
.project-preview .logo {
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.18);
    box-shadow: 0 0 40px rgba(0,0,0,0.18);
}
.project-preview:hover img + img {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.project-preview .main, .project-preview .main-link, .projects.services .project-preview .main-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 15px 30px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.project-preview .main:before {
    content: "";
    width: 100%;
    height: 70%;
    background: linear-gradient(rgba(0,0,0,0.35), transparent 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.services .project-preview .main:before {
    content: none;
}
.project-preview:hover .main:before, .project-preview:active .main:before {
    opacity: .32;
}
.project-preview .rooms {
    font-size: 12px;
    color: #d0d4d9;
    margin-bottom: 7px;
}
.project-preview .rooms li {
    display: inline;
    margin-right: 5px;
}
.project-preview .h3 {
    font-size: 16px;
    line-height: 1.125;
    font-weight: 600;
    color: #fff;
}
.brands .project-preview .h3 {
    font-size: 17px;
    font-weight: bold;
}
.project-actions {
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 3;
}
.brands .project-actions {
    bottom: 33%;
}
.favorites .project-actions {
    bottom: auto;
    top: 20px;
}
.project-actions li + li {
    margin-top: 5px;
}

.project-actions a, .bookmark {
    display: block;
    width: 29px;
    height: 29px;
    padding: 6px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
.project-actions .icon, .bookmark .icon {
    display: block;
    fill: #9fa9b3;
    position: relative;
    overflow: hidden;
}
.item .favourites:hover, .item .favourites.active, .bookmark:hover, .bookmark.active {
    background: #ff8f00!important;
}
.item .comparision:hover, .item .comparision.active {
    background: #50ad01;
}

.project-actions a:hover .icon, .project-actions a.active .icon, .bookmark:hover .icon, .bookmark.active .icon, .favourites.active .icon{
    fill: #fff;
}
.project-actions span, .favourites span {
    display: block;
    padding: 8px 12px 7px;
    font-size: 15px;
    white-space: nowrap;
    background: #fff;
    -webkit-box-shadow: 0 6px 27px rgba(0,0,0,0.34);
    box-shadow: 0 6px 27px rgba(0,0,0,0.34);
    color: #373737;
    position: absolute;
    bottom: 100%;
    right: 0px;
    margin-bottom: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: 15;
    transition: .0s!important;
}
.project-actions li:hover span, .favourites:hover span{
    visibility: visible;
    opacity: 1;
}
.project-preview .details {
    background: #fff;
    padding: 25px;
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.39);
    box-shadow: 0 17px 38px rgba(0,0,0,0.39);
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 3;
}
.brands .project-preview .details {
    padding-top: 25px;
}
.project-preview:hover .details,.project-preview:active .details {
    visibility: visible;
    opacity: 1;
}
.project-preview .price {
    font-size: 21px;
    font-weight: 600;
    color: #4ba200;
}
.project-preview .no_price {
    font-size: 18px;
    font-weight: 300;
    color: #4ba200;
    /*border-left: 2px solid #4ba200;*/
    padding: 3px 0px 3px 0px;
    /*margin-left: 6px;*/
}
.project-preview .price span {
    font-size: 14px;
    font-weight: 300;
}
.project-preview dt, .project-preview dd {
    width: 50%;
    font-size: 14px;
    line-height: 1.2;
    margin-top: 12px;
}
.project-preview dt {
    float: left;
    clear: both;
    padding-right: 15px;
    font-weight: 300;
}
.project-preview dd {
    float: right;
    clear: right;
    text-align: right;
    color: #272727;
    word-wrap: break-word;
}
.project-preview dd.full {
    width: 100%;
    text-align: left;
    margin-top: 4px;
}
.project-preview dd a {
    /*padding-bottom: 4px;*/
    border-bottom: 1px solid #e5e5e5;
}
.project-preview dd a:hover {
    border: none;
}
.project-preview .details p {
    font-size: 14px;
    font-weight: 300;
}
.project-preview .readmore, .single-promo .readmore, .single-promo .hide {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #606d79;
    border-bottom: 1px dotted #606d79;
    margin-top: 10px;
    position: relative;
}
.project-preview .readmore:hover, .single-promo .readmore:hover, .single-promo .hide:hover {
    border-color: transparent;
}
.project-preview .readmore .icon {
    width: 8px;
    height: 8px;
    fill: #8a949d;
    position: absolute;
    right: -18px;
    top: 50%;
    margin-top: -4px;
}
.project-preview .remove, .actions .remove {
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 5;
}
.project-preview .remove .icon, .actions .remove .icon{
    width: 21px;
    height: 21px;
    fill: #8a949d;
}
.project-preview .remove:hover .icon, .actions .remove:hover .icon {
    fill: #ff7e00;
}
.pagination {
    text-align: center;
    margin-top: 50px;
}
.pagination li {
    display: inline-block;
    vertical-align: middle;
    line-height: 43px;
    margin: 5px;
}
.pagination a {
    display: block;
}
.pagination .page {
    display: block;
    width: 43px;
    height: 43px;
    font-size: 24px;
    line-height: 43px;
    font-weight: 600;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.pagination .active a {
    background: #f4f6f7;
}
.pagination .page:hover {
    background: #ff7c00;
    color: #fff;
}
.pagination .prev, .pagination .next {
    position: relative;
    font-size: 14px;
    color: #606d79;
}
.pagination .prev {
    padding-left: 20px;
    margin-right: 20px;
}
.pagination .next {
    padding-right: 20px;
    margin-left: 20px;
}
.pagination .prev:hover, .pagination .next:hover {
    text-decoration: underline;
}
.pagination .icon {
    display: block;
    width: 10px;
    height: 10px;
    fill: #53b401;
    position: absolute;
    top: 50%;
    margin-top: -4px;
}
.pagination .prev .icon {
    left: 0;
}
.pagination .next .icon {
    right: 0;
}
.category .subscription {
    margin-top: 50px;
}
.category .subscription h3 {
    font-size: 36px;
    font-weight: normal;
}
.category .consultation.full {
    margin-top: 40px;
    position: relative;
    -webkit-box-shadow: -15px 0 0 #f9fafb, 15px 0 0 #f9fafb;
    box-shadow: -15px 0 0 #f9fafb, 15px 0 0 #f9fafb;
}
.main-wrapper + .consultation, .main-wrapper.comparison ~ .consultation {
    margin-top: 50px;
}
#company-intro, .about-header {
    width: calc(100% - 400px);
    float: left;
    position: relative;
}
.gallery-block{
    width: calc(100% - 400px);
    float: left;
    position: relative;
}
.project-gallery .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 15px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    z-index: 3;
}
.project-gallery .owl-dots:after {

}
.project-gallery .owl-dot {
    display: inline;
    width: auto;
    height: auto;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
    margin: 0;
    counter-increment: slides-num;
}
.project-gallery .owl-dot span {
    display: none;
}
.dots-counter{position: absolute; color: #fff; left: 0px; top: 0px; text-align: center; z-index: 10; width: 100%;}
.project-gallery .owl-dot.active:before {
    margin-right: .4em;
}
.project-gallery .ref {
    font-weight: 600;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    position: absolute;
    right: 30px;
    top: 15px;
    text-align: center;
}
.project-gallery img {
    max-height: 508px;
    margin: 0 auto;
}
.project-sidebar {
    width: 370px;
    float: right;
}
.project-sidebar .main-info {
    width: 100%;
    margin-bottom: 20px;
    background: #f7f8f9;
    padding: 30px 30px;

}
.project-sidebar .main-info:after{display: block; content: ''; clear: both;}
.project-sidebar .main-info li {
    float: left;
    vertical-align: top;
    padding: 0 10px 0 20px;
    border-right: 1px solid #e9edf0;
    width: 50%;
}
.project-sidebar .main-info li:first-child, .project-sidebar .main-info li:nth-child(3) {
    padding-left: 0;
}
.project-sidebar .main-info li:nth-child(3),  .project-sidebar .main-info li:nth-child(4){margin-top: 20px;}
.project-sidebar .main-info li:last-child {
    padding-right: 0;
    border-right: 0;
}
.project-sidebar .main-info li:nth-child(2){border-right:none;}
.project-sidebar .main-info .label {
    font-size: 12px;
    color: #99999a;
    white-space: nowrap;
}
.project-sidebar .main-info span {
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
}
.project-sidebar .main-info span span {
    font-size: 1.4em;
}
.project-sidebar .main-info span span span{font-size: .8em;}
.project-sidebar .main-info .developer {
    color: #49a000;
}
.project-sidebar .main-info .developer span {
    white-space: normal;
}
.consultation.project-consultation {
    background: #fff;
    padding: 20px 50px;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    box-shadow: 0 9px 40px rgba(0,0,0,0.15);
}
.project-sidebar .form{border: 1px solid #edf0f2; padding: 20px;}
.project-sidebar .form{clear: both; font-size: 14px; color: #838487;}
.project-sidebar .form b{color: #000000; font-size: 18px; margin-bottom: 10px; display: block;}
.project-sidebar .form .free{display: block; font-size: 29px; color: #53b401; font-weight: bold; margin: 0px 0px 5px 0px; line-height: 30px;}
.price_block .project-sidebar .form .free{font-size: 23px;}
.project-sidebar .form > a{display: block; text-align: center;}
.project-sidebar .form a.preview img{margin: 20px 0px 10px 0px; max-width: 100%; max-height: 50px;}
.project-sidebar .form .btn{width: 100%; text-align: center; margin-top: 14px;}
.project-sidebar .form .what_included{float: right; white-space: nowrap; fill: #b9c8d6; color: #919da8; font-size: 14px;}
.project-sidebar .form .what_included .icon{width: 12px; height: 12px; }
.project-sidebar .form .what_included span{border-bottom: 1px solid #909daa; line-height: 18px; display: inline-block;}
.project-sidebar .form .what_included:hover span{border-bottom: none;}

/*
.project-sidebar .agreement {
    margin: 30px -20px 0;
}
*/

.promo-sidebar .agreement, .credits-sidebar .agreement {
    margin-top: 10px;
}
.project-sidebar button {
    margin: 30px 0 5px;
}

.project-adfox{display: block; width: 100%; margin-top: 15px;}
.project-adfox > div{background: #f8f9fa; margin: 10px; display: flex; height: 153px; width: calc(33.333% - 15px); float: left; align-items: center; color: #b3b3b3;}
.project-adfox > div:first-child{margin-left: 0px;}
.project-adfox > div:last-child{margin-right: 0px;}
.project-adfox > div > div{text-align: center; width: 100%;}
@media (max-width: 991px) {
    .project-sidebar {
        width: 270px;
    }
    .gallery-block{width: calc(100% - 300px)}
    .project-adfox > div{width: calc(50% - 10px);}
    .project-adfox > div:last-child{display: none;}
    .project-adfox > div:nth-child(2){margin-right: 0px;}
}
@media (max-width: 768px) {
    .project-adfox{display: none;}
    .project-sidebar, .gallery-block {
        width: 100%;
        float: none;
        margin-top: 20px;
    }
}


.project .offers .item{display: flex; border: 1px solid #edf0f2; margin-top: 20px; transition: .15s;}
.project .offers .item:hover{box-shadow: 0 3px 32px rgba(0,0,0,0.11)}
.project .offers .item > div{margin: 10px; width: 25%; padding: 20px;}

.project .offers .item > div:first-child{margin-left: 0px; display: flex; width: 40%;}
.project .offers .item > div:first-child img{max-width: 100%;}
.project .offers .item > div:last-child{margin-right: 0px;}
.project .offers .item > div > div{width: 100%;}

.project .offers .name{line-height: 20px; font-size: 20px; font-weight: bold;}
.project .offers .rating{margin: 10px 0px;}
.project .offers .rating .label{float: left; font-size: 12px;}
.project .offers .contacts-trigger, .project .offers .compl .label{clear: both; margin: 10px 0px; display: inline-block; line-height: 16px; font-size: 14px; color: #717c88;}
.project .offers .contacts-trigger, .project .offers .compl a .label{border-bottom: 1px solid #c3d1dd;}
.project .offers .contacts-trigger:hover, .project .offers .compl a:hover .label{border-bottom: 1px solid rgba(0,0,0,0);}
.project .offers .contacts{font-size: 18px; font-weight: bold;}
.project .offers .compl .icon{width: 13px; height: 13px; fill: #8b98a4; transform: rotate(180deg); position: relative; top: 1px;}
.project .offers .compl .label{bottom: 1px; position: relative;}
.project .offers .compl .price{color:#53b401; font-size: 14px; margin-left: 10px; line-height: 16px; display: inline-block;}
.project .offers .btn{white-space: nowrap;}
@media (max-width: 850px) {
    .project .offers .item{display: block;}
    .project .offers .item > div{display: block; width: calc(50% - 30px); float: left;}
    .project .offers .item > div:nth-child(3){clear: both;}
    .project .offers .item:after{display: block; width: 100%; clear: both; content: '';}

}
@media (max-width: 576px) {
    .project .offers .item > div{display: block; width: 100%; margin: 0px 0px;}
}
.project .plan{width: 50%; float: left;}
.project .plan img{max-width: 100%; margin-top: 15px;}
.project .plan .num{position: relative; bottom: 2px; font-size: 18px; display: inline-block; width: 35px; height: 35px; border-radius: 50px; background: #53b401;padding: 5px; color: #fff; text-align: center;}
.project .plan .label{font-weight: 500; color: #99999a; font-size: 18px; margin-left: 8px;}
#project-features {
    margin-top: 50px;
    font-size: 17px;
    clear: both;
}
.project-tabs-switcher {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 27px;
    font-weight: 300;
    line-height: 1.1;
    min-height: 2.4em;
    color: #838587;
    border-bottom: 1px solid #e9edf0;
    margin-bottom: 15px;
}

.project-tabs-switcher li {
    position: relative;
    margin-right: 2em;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-bottom: -1px;
}
.project-tabs-switcher.justify li {
    margin-right: 1em;
}
.project-tabs-switcher li:hover {
    color: #000;
}
.project-tabs-switcher .active {
    font-weight: 600;
    color: #000;
    border-color: #53b401;
}
dl.tabled {
    overflow: hidden;
    line-height: 1.286;
}
.project-gallery .owl-prev, .project-gallery .owl-next {
    width: 54px;
    height: 54px;
    padding: 19px 19px;
    background-color: rgba(255,255,255,0.5);
    -webkit-border-radius: 0;
    border-radius: 30px;
    margin-top: -21px;
}
.project-gallery .owl-prev{left: 5px;}
.project-gallery .owl-next{right:5px;}
.project-gallery .owl-prev svg, .project-gallery .owl-next svg {
    width: 12px;
    height: 18px;
    fill: #575757;
    stroke: #575757;
    stroke-width: 3px;
}
.project-gallery .owl-prev:hover, .project-gallery .owl-next:hover {
    background-color: rgba(255,255,255,0.8);
}
@media (max-width: 767px) {
    .project-gallery .owl-prev, .project-gallery .owl-next{background-color: rgba(19,17,29,0.05);}
}

.tabs .tab {
    display: none;
}
.tabs .tab.active {
    display: block;
}
#project-features .tab.article-content {
    margin-top: 30px;
}
dl.tabled dt, dl.tabled dd {
    padding: 15px;
}
dl.tabled dt {
    float: left;
    clear: left;
    padding-left: 30px;
}
dl.tabled dd {
    text-align: right;
    padding-right: 30px;
    color: #000;
    font-weight: bold;
}
dl.tabled dt:nth-of-type(even), dl.tabled dd:nth-of-type(even) {
    background: #f7f8f9;
}
.project-technology {
    display: table;
    width: 100%;
    height: 130px;
    background: #f9f6f1;
    margin-top: 30px;
}
.project-technology > div {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 20px;
}
.project-technology > div:first-child {
    padding-left: 40px;
    padding-right: 0;
}
.project-technology img {
    display: inline-block;
    vertical-align: middle;
    max-width: 110px;
    max-height: 100%;
    margin: -10px 20px -10px 0;;
}
.project-technology .technology {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    max-width: calc(100% - 170px);
}
.project-technology .label {
    font-size: 12px;
    font-weight: 300;
    color: #9a9d9f;
}
.project-technology .name {
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    color: #f57900;
}
.project-technology .readmore {
    display: inline-block;
}
.project-technology .readmore .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    fill: #53b401;
    margin-left: 5px;
}

.consultation.project-consultation {
    padding-top: 30px;
    padding-bottom: 50px;
    margin-top: 30px;
}
.consultation.project-consultation .col {
    width: 27%;
}
.consultation.project-consultation .col:last-child {
    width: 19%;
}
.consultation.project-consultation h2 {
    font-size: 30px;
    font-weight: normal;
    padding: 0;
    margin: 0;
}
.consultation.project-consultation form, .consultation.extended form, .consultation .col-attachment {
    margin-top: 20px;
}
.consultation h2 {
    font-size: 55px;
    font-weight: 300;
    padding-left: 80px;
    position: relative;
}
.consultation h2 .icon {
    width: 48px;
    height: 48px;
    fill: #8593a1;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
}

#similar-projects, #company-projects {
    overflow: hidden;
    padding-bottom: 270px;
    margin-bottom: -240px;
}
#similar-projects, #company-projects {
    padding-bottom: 500px;
    margin-bottom: -470px;
}
.similar-projects.slider .project-preview {
    /*padding: 0;если раскоментить проекты в избранном ломаются. наезжает .project-preview на изображение*/
}
.similar-projects.slider .owl-stage-outer, .news.slider .owl-stage-outer {
    overflow: visible;
}
.single-article .slider .owl-stage-outer {
    overflow: hidden;
}
.similar-projects .item, .news.slider .item {
    /*opacity: 0;*/
    pointer-events: none;
}
.similar-projects .active .item, .news.slider .active .item, .staff .active .item {
    opacity: 1;
    pointer-events: auto;
    width: 270px;
}
.similar-projects.slider .project-actions span {
    left: auto;
    right: -15px;
}
.similar-projects.slider .owl-prev {
    margin-left: 30px;
}
.similar-projects.slider .owl-next {
    margin-right: 30px;
}
#actual-materials {
    position: relative;
    z-index: 0;
    overflow: hidden;
    max-height: 700px;
}

#company-intro .bar {
    width: 260px;
    float: right;
    margin-left: 30px;
    position: relative;
    z-index: 2;
}
#company-intro .bar .client-requests, .project-sidebar .client-requests {
    margin-top: 30px;
}
#company-intro .motto {
    padding-left: 58px;
    font-size: 23px;
    line-height: 1.348;
    font-weight: 600;
    position: relative;
}
#company-intro .motto .icon {
    width: 36px;
    height: 36px;
    position: absolute;
    left: 0;
    top: -3px;
    fill: #ff7e00;
}
#company-intro, .article {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.8;
}
#company-intro p, .article p, .article ul, .article ol {
    margin: 1.5em 0;
}
#company-intro .bar + p {
    margin-top: 0;
}

.reviews .readmore{
    display: inline-block;
    font-weight: 600;
    color: #4eb200;
    border-bottom: 1px dotted #4eb200;
    position: relative;
    float: right;
}

#company-intro .readmore, .article .hide, .features-list .show-hide {
    display: inline-block;
    font-weight: 600;
    color: #606d79;
    border-bottom: 1px dotted #606d79;
    position: relative;
}
#company-intro .readmore:hover, .article .hide:hover, .features-list .show-hide:hover {
    border-color: transparent;
}
#company-description {
    display: none;
}
.article h2, .company .article h2, .article h3 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1.348;
    margin-bottom: .67em;
}
.article h2, .company .article h2 {
    font-size: 36px;
}
.article .video {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    margin: 2.5em auto;
}
.article img{
    display: block;
    width: 100%;
    height: auto;
    margin: 2.5em auto;
}
#company-intro .logo {
    height: 193px;
    border: 1px solid #ebeff0;
    position: relative;
}
#company-intro .logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#company-intro .company ul, #company-intro .company .website, #company-intro .company .title {
    padding: 20px 10px;
    line-height: 20px;
    background: #f6f8f8;
    color: #959ba2;
    text-align: center;
}
#company-intro .company li, #company-intro .company .website a {
    display: inline-block;
    margin: 0 5px;
}
#company-intro li span {
    font-weight: 600;
}
#company-intro .company .website {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
#company-intro .company .title {
    font-size: 14px;
}
.company .h2 {
    font-size: clamp(1.375rem, 1.2395rem + 0.578vw, 1.875rem);
    font-weight: bold;
    margin-bottom: 1em;
}
#company-facts .h2, #company-technologies .h2 {
    margin-bottom: .67em;
}
.company-contacts li {
    padding-left: 40px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    margin-top: 10px;
}
.company-contacts .phone {
    font-size: 20px;
}
.company-contacts .label {
    font-size: 13px;
    font-weight: 300;
    color: #acacac;
}
.company-contacts a {
    margin-right: 1em;
}
.company-contacts .icon {
    width: 22px;
    height: 22px;
    fill: #53b301;
    position: absolute;
    left: 0;
    top: 27px;
}
.company-contacts .phone .icon {
    top: 31px;
}
.figures-list {
    display: table;
    table-layout: fixed;
    width: 100%;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.33;
    text-align: center;
}
.figures-list .item {
    display: table-cell;
    vertical-align: top;
    padding: 0 15px;
    position: relative;
}
.figures-list .item + .item:before {
    content: "";
    width: 1px;
    height: 48px;
    background: #e9edf0;
    position: absolute;
    left: 0;
    top: 15px;
}
.figures-list .item div {
    font-size: 44px;
    font-weight: 600;
    color: #49a000;
    white-space: nowrap;
}
.features-list.expandable {
    padding-bottom: 50px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eeeff0;
    position: relative;
}
.features-list .h2, #company-unique-technologies .h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1em;
}
.check-list {
    line-height: 1.33;
    font-weight: 300;
}
.check-list li {
    padding-left: 30px;
    background: url("/local/templates/ms_2018/img/check.svg") 0 2px no-repeat;
    margin-bottom: 10px;
}
.check-list.col2 li {
    width: 50%;
    float: left;
}
.check-list.col2 li:nth-child(odd) {
    padding-right: 30px;
}

.check-list.col2 li {
    width: 25%;
    float: left;
}
.check-list.col4 {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
.check-list.col4 li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.features-list .show-hide {
    position: absolute;
    left: 50%;
    bottom: -10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
}
.features-list .show-hide:before {
    content: "";
    width: 100%;
    height: 100%;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background: #fff;
    position: absolute;
    left: -30px;
    top: 0;
    z-index: -1;
}
.features-list.expandable li:nth-child(n+6) {
    display: none;
}
#company-gallery {
    overflow: hidden;
    margin-top: 30px;
}
#company-gallery .owl-stage-outer {
    overflow: visible;
}
#company-gallery .owl-item img {
    opacity: .25;
}
#company-gallery .owl-item.active img {
    opacity: 1;
}
#company-gallery .owl-prev {
    left: -26.5px;
}
#company-gallery .owl-next {
    right: -26.5px;
}
#company-technologies .project-technology {
    margin-top: 0;
}
#company-technologies .project-technology > div:first-child {
    text-align: left;
    padding-left: 40px;
}
#company-technologies .col:nth-child(odd) {
    clear: left;
}
#company-projects h2 {
    margin-top: 0;
}
#company-projects .projects:not(.slider) {
    margin: 0 -15px;
}
#company-projects .projects:not(.slider) > li {
    width: 20%;
    padding: 0 15px;
    float: left;
    margin-bottom: 30px;
}
#company-projects .projects:not(.slider) > li:nth-child(4n+1) {
    clear: none;
}
#company-projects .projects:not(.slider) > li:nth-child(5n+1) {
    clear: left;
}
@media(max-width: 1350px){
    #company-projects .projects:not(.slider) > li {
        width: 25%;
    }
    #company-projects .projects:not(.slider) > li:nth-child(4n+1) {
        clear: left;
    }
}

#company-gallery .center {
    z-index: 5;
}
#company-gallery .center img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1) rotate(0.001deg); /* ff shake bug */
}
.project-preview .ribbon, .article-preview .ribbon {
    width: 100px;
    height: 100px;
    background: url("/local/templates/ms_2018/img/ribbons.png") no-repeat;
    position: absolute;
    left: -2px;
    bottom: -2px;
    z-index: 10;
}
.project-preview .ribbon.green {
    background-position: -100px 0;
}
.project-preview .ribbon span, .article-preview .ribbon span {
    display: block;
    width: 90px;
    text-align: center;
    font-size: 15px;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin-top: 11px;
}
.consultation + #company-unique-technologies {
    margin-top: 20px;
}
.unique-technologies .item {
    padding: 20px 50px;
    border: 1px solid #e4e9ea;
}
.unique-technologies .label {
    font-size: 12px;
    color: #9a9d9f;
    font-weight: 300;
}
.unique-technologies h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    color: #f57900;
    margin: 5px 0 10px;
}
.unique-technologies p {
    font-size: 15px;
    line-height: 1.6;
}
.unique-technologies .owl-stage, .staff .owl-stage {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.unique-technologies .owl-item, .staff .owl-item {
    display: -webkit-flex;
    display: flex;
}
.unique-technologies .item {
    width: 100%;
}
.unique-technologies:not(.slider) .item {
    margin-top: 10px;
}
.unique-technologies .owl-prev {
    left: -15px;
}
.unique-technologies .owl-next {
    right: -15px;
}
#company-contacts {
    position: relative;
    overflow: hidden;
}
.staff .item {
    width: 270px;
    margin: 0 auto;
}
.staff .owl-item .item .item {
    float: none;
}
.staff .item {
    float: left;
}
.staff .item + .item {
    margin-left: 30px;
}
.staff img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.staff .info {
    margin-top: 20px;
}
.staff .name {
    margin-top: 13px;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
}
.staff .position {
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    color: #858687;
}
.staff .contacts {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: 13px;
    font-size: 14px;
    font-weight: 300;
}
.staff .phone a {
    font-size: 22px;
    font-weight: 600;
    color: #49a000;
}
.staff .phone span {
    display: block;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.5;
    color: #607282;
}
.staff .email {
    color: #607282;
    line-height: 1.2;
    text-decoration: underline;
    text-decoration-color: #D7E0E7;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.4rem;
}
.staff .owl-prev, .staff .owl-next {
    top: 144px;
}
.staff .owl-prev {
    left: 30px;
}
.staff .owl-next {
    right: 30px;
}
.projects-list .item {
    min-height: 229px;
    padding-left: 270px;
    position: relative;
}
.projects-list .item + .item {
    margin-top: 30px;
}
.projects-list .image {
    display: block;
    width: 270px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
}
.projects-list img {
    display: block;
    width: auto;
    height: 100%;
    margin: 0 auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.projects-list .text {
    min-height: 229px;
    padding: 25px 30px 15px;
    font-size: 15px;
    border: 1px solid #e5e9e9;
    position: relative;
}
.projects-list h3 {
    font-size: 23px;
    margin-bottom: 5px;
    padding-right: 40px;
}
.projects-list .description {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 300;
    min-height: 3.2em;
    padding-right: 40px;
}
.projects-list .data {
    border-top: 1px solid #f3f4f4;
    padding-top: 5px;
    font-size: 14px;
    line-height: 1.33;
    margin-top: 35px;
    text-align: right;
}
.projects-list .data li {
    width: 30%;
    float: left;
    margin: 10px 5% 0 0;
}
.projects-list .data li:last-child {
    margin-right: 0;
}
.projects-list .data .label {
    width: 50%;
    padding-right: 15px;
    float: left;
    text-align: left;
    font-weight: 300;
}
.projects-list .data .value {
    overflow: hidden;
}
.projects-list .data .price {
    font-size: 30px;
    font-weight: 600;
    color: #4ba200;
    white-space: nowrap;
}
.projects-list .data .price span {
    font-size: 14px;
    font-weight: 500;
}
.projects-list .project-actions {
    bottom: auto;
    top: 25px;
    right: 25px;
}
.projects-list .project-actions a, .projects.services .project-actions a {
    background: #f2f4f6;
}
.projects-list .project-actions a.active, .projects.services .project-actions a.active, .plots-list .project-actions a.active{background: #ff8f00;}
.projects-list .project-actions a:hover, .projects.services .project-actions a:hover {
    background: #53b301;
}
.projects.services .project-preview .image {
    height: 203px;
    min-height: 60px;
    position: relative;
}
.projects.services .project-preview .image img {
    position: relative;
    left: 0%;
    top: 50%;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);

}
.projects.services .project-preview .image:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #eeeff2;
    border-bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
}
.projects.services .project-actions {
    bottom: 15px;
    /*z-index: 51; убрал, т.к. в сервисах звезды избранного перекрывают блок с описанием */
}
.projects.services .main-data {
    background: #f4f6f7;
    padding: 15px 20px;
    position: relative;
    z-index: 10;
}
.projects.services .main-data dt, .projects.services .main-data dd {
    width: auto;
    margin: 0 0 10px;
    max-width: 50%;
}

.projects.services .main-data dl {
    margin-bottom: -5px;
}
.projects.services dd a {
    color: #52b301;
    border-bottom: 1px solid #e7ebe5;;
}
.projects.services dd a:hover {
    border-color: transparent;
}
.projects.services .project-preview .details {
    padding-top: 15px;
}
.projects.services .details .categories {
    font-size: 14px;
    margin-bottom: 10px;
}
.single-article {
    font-size: 20px;
}
.single-article h1, .single-article h2, .single-article .h2, .single-article h3, .single-article .h3, .comments h3, .comments .h3 {
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    margin: 30px 0 10px 0px;
}
.single-article h1 {
    margin-top: 0;
}
.single-article h3, .single-article .h3{
    margin-top: 0;
}

.article-data {
    font-size: 12px;
    line-height: 24px;
    color: #a1a3a8;
    margin: 30px 0;
}
.article-data .bookmark {
    float: left;
    background: #f6f8f9;
    margin: -2px 15px -1px 0;
}
.article-data .bookmark:hover {
    background: #50ad01;
}
.article-data .category, .article-data .tag {
    display: block;
    float: left;
    line-height: 16px;
    width: auto;
    border: 1px solid #52b301;
    padding: 0 8px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 4px 8px 4px 0;
}
.article-data .tag {
    border-color: #d6d7d9;
}
.article-preview .article-data {
    margin: 10px 0 5px;
}
.articles .article-data .views {
    float: right;
    margin: 0;
}
.article-data .date, .article-data .views, .article-data .time, .article-data .print, .article-data .postpone-module {
    float: left;
    margin: 0 20px 5px 0;
}
.article-data .views .icon, .article-data .time .icon, .article-data .print .icon, .article-data .postpone .icon, .articles .views .icon {
    width: 10px;
    height: 24px;
    fill: #c4c7cc;
    float: left;
    margin-right: 5px;
}
.article-data .print.short .icon {
    margin-right: 0;
}
.article-data .date {
    font-size: 12px;
}
.article-data .date span {
    font-size: 16px;
}
.article-data .time .icon {
    fill: #babebf;
}
.article-data .time span {
    font-weight: 500;
    color: #626262;
}
.article-data .print, .article-data .postpone {
    font-size: 11px;
    font-weight: normal;
    padding: 0 10px;
    color: #628446;
    border: 1px solid #c0ceb5;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    margin-right: 15px;
}
.article-data .postpone-module {
    margin-right: 0;
}
.article-data .postpone {
    float: left;
}
.article-data .print:hover, .article-data .postpone:hover, .article-data .postpone.active {
    background: #53b301;
    border-color: #53b301;
    color: #fff;
}
.article-data .print .icon, .article-data .postpone .icon {
    width: 16px;
    fill: #4e8420;
}
.article-data .print:hover .icon, .article-data .postpone:hover .icon {
    fill: #fff;
}
.postpone-module {
    display: inline-block;
    position: relative;
    z-index: 2;
}
.postpone-form {
    width: 398px;
    max-width: 90vw;
    padding: 65px 35px 25px;
    background: #fff;
    position: absolute;
    left: -35px;
    top: -25px;
    z-index: -1;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 0 40px rgba(0,0,0,0.14);
    display: none;
}
.postpone-form h4 {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    margin: 0 0 5px;
}
.postpone-form form {
    position: relative;
}
.postpone-form .email .icon {
    left: 20px;
}
.postpone-form .email input {
    padding: 0 56px;
    height: 58px;
    border: 1px solid #c2cbd1;
}
.postpone-form .email input:focus {
    border-color: #ff7e00;
}
.postpone-form button {
    width: 56px;
    height: 56px;
    padding: 0;
    margin: 0 !important;
    background: none;
    position: absolute;
    right: 1px;
    top: 1px;
}
.postpone-form button .icon {
    fill: #ff7e00;
    width: 20px;
    height: 20px;
    margin: 0 auto;
}
.postpone-form .agreement {
    margin-top: 10px;
}
.rating {
    font-size: 10px;
    line-height: 15px;
    color: #9a9d9f;
}
.article-data .rating {
    float: right;
    margin-top: 4px;
}
.article-data .rating + .main {
    float: left;
    width: calc(100% - 170px);
}
.article-data .top {
    margin-bottom: 5px;
}
.article-data .right {
    float: right;
}
.rating .stars {
    float: left;
    margin: 0;
}
.rating .stars input {
    display: none;
}
.rating .stars label, .rating .stars li {
    display: block;
    width: 14px;
    height: 14px;
    float: right;
    margin: 0 0 0 2px;
    cursor: pointer;
}
.rating .stars li {
    float: left;
    cursor: auto;
}
.rating .stars .icon {
    width: 100%;
    height: 100%;
    fill: #dbdee1;
    position: static;
    margin: 0;
}
.rating .stars input:checked ~ label .icon, .rating .stars:not(:checked) label:hover .icon, .rating .stars:not(:checked) label:hover ~ label .icon, .rating .stars > input:checked + label:hover .icon, .rating .rating-1 li:nth-child(-n+1) .icon, .rating .rating-2 li:nth-child(-n+2) .icon, .rating .rating-3 li:nth-child(-n+3) .icon, .rating .rating-4 li:nth-child(-n+4) .icon, .rating .rating-5 li:nth-child(-n+5) .icon {
    fill: #ffb200;
}
.rating .count {
    float: right;
    margin-left: 12px;
}

ul.styled {
    padding: 10px 20px;
    background: #fbfcfc;
    margin: 10px 0px;
}

ul.styled li {
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}
ul.styled li:before {
    content: "";
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #a1a1a1;
    position: absolute;
    left: 0;
    top: 8px;
}

.article-toc {
    padding: 25px 44px;
    background: #fbfcfc;
    font-size: 15px;
}
.article-toc .label {
    display: inline-block;
    font-size: 25px;
    font-weight: 500;
    line-height: 1.2;
    border-bottom: 1px solid #53b301;
}
.single-article .article-toc > ul {
    margin: 15px 0 15px 40px;
}
.article-toc ul ul {
    margin: 10px 0;
}
.article-toc li {
    margin: 5px 0;
    padding-left: 20px;
    position: relative;
}
.article-toc li:before {
    content: "";
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 8px;
}
.article-toc .banner {
    display: none;
}
.single-article .article-toc a {
    color: #363739;
    text-decoration: none;
}
.single-article .article-toc a:hover {
    text-decoration: underline;
}
.single-article h2, .single-article .h2 {
    font-size: 32px;
}
.single-article h3, .single-article .h3, .comments h3, .comments .h3, .main-sidebar h2, .main-sidebar .h2 {
    font-size: 27px;
}
.single-article p, .single-article ol, .single-article ul {
    margin: 20px 0;
}
.single-article ol:not(.unstyled), .article ol:not(.unstyled) {
    list-style: none;
    counter-reset: li;
}
.single-article :not(.unstyled) > li, .article :not(.unstyled) > li {
    padding-left: 36px;
    position: relative;
    margin: .5em 0;
}

.article ol:not(.unstyled) {
    list-style: decimal inside;
}
.article ol:not(.unstyled) li {
    padding-left: 0;
}
.single-article ol:not(.unstyled) li {
    position: relative;
}
.single-article ol:not(.unstyled) li:before {
    content: counter(li, decimal) ".";
    counter-increment: li;
    width: 31px;
    height: 31px;
    text-align: center;
    color: #53b401;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
}
ul.circle li{position: relative; padding-left: 30px;}
ul.circle li:before, .single-article ul:not(.unstyled) li:before, .article ul:not(.unstyled) li:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #53b301;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 8px;
}
ul.circle.orange li:before{border-color: #f80;}
ul.circle li:before{top: 0.4em;}
.single-article ul.alt li:before {
    border-color: #f80;
}
.single-article figure {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px;
}
.single-article figure.half {
    width: 48%;
    width: calc(50% - 15px);
    float: left;
    margin-right: 30px;
}
.single-article figcaption {
    padding: 8px 15px;
    background: #eee;
    color: #373737;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    right: 0;
    bottom: 20px;
    border-radius: 3px;
    margin-top: 2px;
}
.single-article figcaption.wide {
    min-width: 80%;
}
figure .author {
    padding: 0 45px 30px;
    font-style: italic;
    color: #8d8d8d;
}
figure .source {
    line-height: 30px;
    font-size: 12px;
    text-align: right;
    color: #999;
    margin-top: 10px;
}
figure .source + figcaption {
    bottom: 60px;
}
figure .bookmark {
    position: absolute;
    right: 20px;
    top: 20px;
}
.single-article img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
@media (max-width: 767px) {
    .margin_banner{margin: 20px 0px;}
    .single-article img{margin: 0 auto;}
    .main-sidebar > * + *{margin: 30px auto 30px auto;}
}

.article-note {
    background: #FBF9F3 url("/local/templates/ms_2018/img/info.svg") 80px 30px no-repeat;
    padding: 30px 60px 30px 130px;
    margin: 1.5em 0px;
    font-size: 16px;
}
.article-note.question {
    background-color: #F5F9F2;
    background-image: url("/local/templates/ms_2018/img/question.svg");
}
.article-note .header {
    font-size: 1.25rem;
    font-weight: bold;
    color: #FF7E00;
}
.article-note.question .header {
    color: #52B300;
}
.article-note p {
    margin: .5rem 0 0;
}
.article-quote {
    min-height: 57px;
    padding: 10px 0 10px 120px;
    background: url("/local/templates/ms_2018/img/quotes.svg") 10px 0 no-repeat;
    font-weight: 500;
    margin: 1.5rem 0;
}

.single-article .info-note {
    padding: 36px 110px;
    text-align: center;
    -webkit-box-shadow: 0 7px 32px rgba(0,0,0,0.07);
    box-shadow: 0 7px 32px rgba(0,0,0,0.07);
    font-size: 17px;
    line-height: 1.65;
    font-weight: normal;
    color: #1b1a1a;
    position: relative;
    margin: 30px 0;
}
.single-article blockquote {
    padding: 40px 50px 30px;
    text-align: center;
    font-size: 22px;
    line-height: 1.36;
    border: 1px solid #e2e2e2;
    margin: 50px 0 30px;
    position: relative;
}
.single-article blockquote:after {
    content: "\201c";
    font-size: 150px;
    font-weight: 600;
    line-height: .5;
    color: #53b401;
    position: absolute;
    left: 50%;
    top: .05em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.single-article blockquote:before {
    content: "";
    width: 80px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: -1px;
    margin-left: -40px;
}
.single-article a {
    text-decoration: underline;
    color: #2b405e;
}
.single-article a:hover {
    text-decoration: none;
}
.video-header {
    padding-left: 64px;
    position: relative;
}
.video-header .icon {
    display: none;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
    fill: #f80;
}

.video-header:before{
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -25px;
    background: url(/local/templates/ms_2018/img/video_icon.jpg) no-repeat;
}

.single-article .video {
    margin: 30px 0;
}
.single-article th, .table-column h4 {
    padding: 10px 36px;
    text-align: left;
    background: #429a27;
    color: #fff;
    font-size: 18px;
}
.single-article td, .table-column li  {
    padding: 20px 36px;
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}
.table-column .column {
    display: none;
}
.table-column h4 {
    border-color: #5ba644;
    border-bottom: 0;
}
.table-column ul {
    margin: 0;
}
.table-column li + li {
    border-top: 1px solid #ebebeb;
}
.alt-table .column:first-child > * {
    border-left: 0;
}
.single-article .info-note {
    text-align: left;
    padding-left: 146px;
}
.single-article .info-note:before {
    content: "i";
    width: 80px;
    height: 80px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 60px;
    line-height: 80px;
    background: #ecf4e9;
    color: #37a814;
    position: absolute;
    left: 36px;
    top: 50%;
    margin-top: -40px;
}
.rate-article .label {
    display: inline;
    font-size: 15px;
    font-weight: normal;
}
.rate-article .rating {
    float: right;
    line-height: 20px;
}
.rate-article .rating label {
    width: 20px;
    height: 20px;
}
.rate-article .rating .count {
    margin-left: 14px;
}
.comments h2 {
    font-weight: bold;
}
.post-navigation {
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
}
.post-navigation a {
    color: #929ba3;
    border-bottom: 1px solid #dcdcdc;
    position: relative;
}
.post-navigation .prev {
    margin-left: 28px;
}
.post-navigation .next {
    margin-right: 28px;
}
.post-navigation .icon {
    width: 14px;
    height: 14px;
    position: absolute;
    left: -28px;
    top: 50%;
    margin-top: -8px;
    fill: #53b301;
}
.post-navigation .prev {
    float: left;
}
.post-navigation .next {
    float: right;
}
.post-navigation .next .icon {
    left: auto;
    right: -28px;
}
.post-navigation a:hover {
    border-color: transparent;
}
.comments {
    margin: 40px 0;
}
.comments-placeholder {
    display: block;
    max-width: 100%;
    margin-top: 30px;
}
.slider-section {
    margin-top: 45px;
}
.slider-section .h2 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}
#similar-articles h2 {
    font-size: 55px;
    font-weight: bold;
}
.article-stats {
    margin: 5px 0;
}
.article-stats .date, .article-stats .rating {
    float: left;
    margin: 5px 0;
}
.article-stats .date {
    margin-right: 10px;
}
.main-content .slider-section .owl-prev, #most-discussed .owl-prev {
    left: -24px;
}
.main-content .slider-section .owl-next, #most-discussed .owl-next {
    right: -24px;
}
.main-content .owl-stage-outer {
    overflow: hidden;
}
#interesting-projects {
    position: relative;
    z-index: 2;
}
#interesting-projects .owl-stage-outer {
    overflow: hidden;
}
.main-sidebar .articles h2 {
    font-size: 27px;
    line-height: 1.2;
    margin-bottom: 15px;
}
.news.column {
    max-width: 300px;
    margin: 0 auto;
}
.news.column .item + .item {
    margin-top: 30px;
}
.article-categories {
    -webkit-box-shadow: 0 9px 46px rgba(0,0,0,0.08);
    box-shadow: 0 9px 46px rgba(0,0,0,0.08);
    border-bottom: 6px solid #f8fafb;
}
.article-categories .header {
    padding: 18px 30px;
    background: #fdfdfd;
    border-bottom: 1px solid #f4f7f8;
    position: relative;
}
.article-categories .header .icon:first-child {
    width: 36px;
    height: 36px;
    fill: #8f959b;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -18px;
}
.article-categories .header .icon:last-child {
    width: 10px;
    height: 10px;
    fill: #8f959b;
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -5px;
}
.article-categories .header .icon {
    display: none;
}
.article-categories .links {
    padding: 10px 20px;
    color: #60656a;
}
.article-categories li {
    position: relative;
}
.article-categories a {
    display: block;
    padding: 6px 20px;
    position: relative;
}
.article-categories li.active, .article-categories a:hover  {
    color: #ec7a0b;
    font-weight: bold;
}
.article-categories a:before {
    content: "";
    width: 8px;
    height: 1px;
    background: #d7d8da;
    position: absolute;
    left: 0;
    top: 50%;
}
.article-categories .active .icon {
    fill: #ec7a0b;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    pointer-events: none;
}
.article-category .main-content .h2, .seminar-category .main-content .h2, .promo-category .main-content .h2, .video-category .main-content .h2 {
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 20px;
    border-bottom: 1px solid #e9eef0;
    margin-bottom: 30px;
}
.video-category .main-content h2 {
    margin-bottom: 0;
}
#new-articles .articles {
    width: auto;
    margin: 0 -15px;
    float: none;
}
#new-articles .articles .featured {
    width: 66.667%;
    width: calc(2/3);
}
#new-articles .featured .image, #new-articles .articles .featured img, #most-discussed .slider .image, #most-discussed .slider img {
    max-width: 100%;
}
#new-articles .articles .item {
    position: relative;
    margin-bottom: 30px;
}
#new-articles .articles .item:nth-child(3n+1) {
    clear: none;
}
#new-articles .articles .item:nth-child(3n+3) {
    clear: left;
}
.article-preview .ribbon {
    width: 126px;
    height: 126px;
    position: absolute;
    bottom: auto;
    top: -2px;
    background-image: url("/local/templates/ms_2018/img/ribbon2.png");
}
#new-articles .article-preview .ribbon {
    left: 13px;
}
.article-preview .ribbon span {
    width: 116px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-top: 78px;
}
#new-articles .articles .featured .h3 {
    font-size: 25px;
    line-height: 1.28;
}
#new-articles .featured .stats .date, #new-articles .featured  .stats .rating {
    margin-bottom: 0;
}
.articles-list > li {
    min-height: 138px;
    padding: 0 0 20px 200px;
    border-bottom: 1px solid #ececec;
    margin: 20px 0;
    position: relative;
}
.articles-list .h3 {
    font-size: 20px;
    font-weight: 600;
}
.articles-list img {
    display: block;
    width: 169px;
    height: 118px;
    position: absolute;
    left: 0;
    top: 0;
}
.articles-list p {
    font-size: 15px;
    font-weight: 300;
}
.article-category .pagination {
    margin-top: 10px;
}
#most-discussed {
    margin-top: 30px;
}
#most-discussed .col:first-child {
    width: 66.667%;
    float: right;
}
#most-discussed .col:last-child {
    width: 33.333%;
}
.articles-column .h3 {
    font-size: 18px;
    font-weight: 600;
}
.articles-column li + li:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #ebedee;
    margin: 25px 0;
}
#most-discussed .slider .item {
    padding-left: 2px;
    padding-top: 2px;
}
#most-discussed .slider h3 {
    font-size: 25px;
    line-height: 1.28;
}
#most-discussed .owl-prev, #most-discussed .owl-next {
    top: 170px;
    margin-top: 0;
}
.seminars {
    margin-top: -40px;
}
.promos {
    margin-top: -30px;
}
.seminars.grid .item, .promos.grid .item {
    width: calc(33.3% - 20px);
    float: left;
    margin-top: 30px;
    margin-right: 30px;
}
.seminars.grid .item:nth-child(3n+3), .promos.grid .item:nth-child(3n+3) {
    margin-right: 0px;
}
.seminars.grid .item:nth-child(3n+1), .promos.grid .item:nth-child(3n+1) {
    clear: right;
}
@media (max-width: 1350px) {
    .seminars.grid .item, .promos.grid .item {
        width: calc(50% - 20px);
    }
    .seminars.grid .item:nth-child(3n+3), .promos.grid .item:nth-child(3n+3) {
        margin-right: 30px;
    }
    .seminars.grid .item:nth-child(3n+1), .promos.grid .item:nth-child(3n+1) {
        clear: none;
    }
    .seminars.grid .item:nth-child(2n+2), .promos.grid .item:nth-child(2n+2) {
        margin-right: 0px;
    }
    .seminars.grid .item:nth-child(2n+1), .promos.grid .item:nth-child(2n+1) {
        clear: right;
    }
}

.seminar-preview, .promo-preview {
    max-width: 410px;
    margin: 0 auto;
}
.seminar-preview .main, .promo-preview .main {
    display: block;
    height: 263px;
    position: relative;
    overflow: hidden;
    color: #fff;
}
.seminar-preview .main:after, .promo-preview .main:after {
    content: "";
    width: 100%;
    height: 50%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.66));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.66));
    position: absolute;
    left: 0;
    bottom: 0;
}
.seminar-preview .main-image, .promo-preview img {
    display: block;
    height: 100%;
}
.seminar-preview .logo {
    width: 172px;
    height: 65px;
    position: absolute;
    right: 0;
    top: 10px;
}
.seminar-preview .dates, .promo-preview .date-end {
    font-weight: bold;
    position: absolute;
    left: 25px;
    bottom: 15px;
    z-index: 2;
}
.seminar-preview .dates > div {
    float: left;
}
.seminar-preview .dates .start, .promo-preview .date-end {
    padding-left: 38px;
    margin-right: 30px;
}
.seminar-preview .dates .icon, .seminar-info .dates .icon, .promo-preview .date-end .icon {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    fill: #fff;
}
.seminar-preview .dates .label, .promo-preview .date-end .label {
    font-size: 11px;
    font-weight: normal;
}
.seminar-preview .data {
    padding: 0 25px 15px 30px;
    border-left: 1px solid #eeeff2;
    border-right: 1px solid #eeeff2;
}
.seminar-preview .availability dl {
    display: table;
    height: 44px;
    width: 48%;
    max-width: 160px;
    float: left;
}
.seminar-preview .availability dl + dl {
    float: right;
}
.seminar-preview .availability .spaces {
    width: 48%;
}
.seminar-preview .availability dt, .seminar-preview .availability dd {
    display: table-cell;
    vertical-align: middle;
}
.seminar-preview .availability dt {
    padding-right: 10px;
    font-size: 13px;
    line-height: 1.077;
    color: #5f5f5f;
}
.seminar-preview .availability dd, .seminar-info .availability dd {
    width: 40px;
    padding-bottom: 4px;
    background: #53b301;
    color: #fff;
    font-size: 19px;
    font-weight: 800;
    position: relative;
    text-align: center;
}
.seminar-preview .availability .spaces dd, .seminar-info .availability .spaces dd {
    background: #ff7e00;
}
.seminar-preview .availability dd:after, .seminar-info .availability dd:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 7px 20px;
    border-color: transparent transparent #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.seminar-preview .h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.23;
    min-height: 3.7em;
    margin: 10px 0;
}
.seminar-preview .speaker {
    position: relative;
}
.seminar-preview .speaker .label {
    font-size: 14px;
    color: #5f5f5f;
    margin-bottom: 10px;
}
.seminar-preview .speaker:after, .seminar-experts .experts .item:after {
    content: "";
    width: 23px;
    height: 23px;
    background: url("/local/templates/ms_2018/img/speaker.svg");
    position: absolute;
    left: 64px;
    top: 32px;
}
.seminar-preview .speaker img {
    width: 83px;
    height: 83px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
    margin-right: 17px;
}
.seminar-preview .speaker .name {
    font-size: 18px;
    line-height: 1.33;
    font-weight: 500;
    margin: 5px 0;
}
.seminar-preview .speaker .position {
    line-height: 1.66;
    min-height: 5em;
    font-size: 13px;
    font-weight: 300;
    color: #707070;
}
.seminar-preview .button {
    width: 43%;
    height: 60px;
    line-height: 58px;
    padding: 0;
    border: 1px solid #eeeff2;
    background: #fff;
    color: #55575b;
    font-size: 16px;
    font-weight: 600;
    float: left;
}
.seminar-preview .button.register {
    width: 57%;
    font-size: 18px;
    font-weight: bold;
    color: #010101;
    border-left: 0;
    float: right;
}
.seminar-preview:hover, .seminar-preview:active, .promo-preview:hover, .promo-preview:active {
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.39);
    box-shadow: 0 17px 38px rgba(0,0,0,0.39);
}
.seminar-preview:hover .main, .seminar-preview:hover .button, .seminar-preview:active .main, .seminar-preview:active .button, .promo-preview:hover img, .promo-preview:hover .button, .promo-preview:active img, .promo-preview:active .button {
    border-color: transparent;
}
.seminar-preview:hover .button, .seminar-preview:active .button {
    background: #f8f9fa;
}
.seminar-preview:hover .button.register, .seminar-preview:active .button.register, .promo-preview:hover .button, .promo-preview:active .button {
    background: #ff9f00;
    background-image: -webkit-linear-gradient(left, #ff8600, #ffb200);
    background-image: linear-gradient(to right, #ff8600, #ffb200);
    -webkit-background-origin: border-box;
    background-origin: border-box;
    color: #fff;
}
#past-seminars, #past-promos {
    margin-top: 20px;
}
.section-header-more {
    position: relative;
}
.section-header-more h2 {
    padding-right: 220px;
}
.section-header-more .show-all {
    font-size: 13px;
    color: #606d79;
    position: absolute;
    right: 0;
    bottom: 22px;
}
.section-header-more .show-all .icon {
    margin: 0 0 0 10px;
}
.section-header-more .show-all:hover {
    text-decoration: underline;
}
.past-seminars, .past-promos {
    margin-top: -30px;
}
.past-seminars .seminar-preview, .past-promos .promo-preview {
    max-width: 270px;
    margin: 0 auto;
}
.past-seminars .seminar-preview .main, .past-promos .promo-preview .main {
    height: 241px;
}
.past-seminars .seminar-preview .logo {
    width: 144px;
    height: 55px;
}
.past-seminars .seminar-preview .availability dl {
    width: 100%;
    float: none;
}
.past-seminars .seminar-preview .h3, .past-promos .promo-preview .h3 {
    min-height: 2.46em;
    font-size: 18px;
    margin: 10px 0;
}
.past-promos .promo-preview .h3 {
    font-size: 17px;
    line-height: 1.29;
}
.past-seminars .seminar-preview .speaker {
    padding-left: 32px;
    margin-right: -10px;
}
.past-seminars .seminar-preview .speaker .label {
    margin-left: -32px;
}
.past-seminars .seminar-preview .speaker:after {
    left: 0;
}
.past-seminars .seminar-preview .button, .past-promos .promo-preview .button {
    font-size: 14px;
}
.past-seminars .seminar-preview .button.view {
    width: 57%;
    background-color: #f2f3f5;
    border-color: #f2f3f5;
}
.past-seminars .seminar-preview:hover .button.view, .past-seminars .seminar-preview:active .button.view, .past-promos .promo-preview:hover .button.view, .past-promos .promo-preview:active .button.view, .past-promos .promo-preview:hover .button, .past-promos .promo-preview:active .button {
    background-color: #53b301;
    background-image: none;
    border-color: #53b301;
    color: #fff;
}
.past-seminars .seminar-preview .button, .past-promos .promo-preview .button {
    height: 54px;
    line-height: 52px;
}
.past-seminars .seminar-preview .name {
    font-size: 16px;
    font-weight: 600;
}
#seminar-intro {
    height: 564px;
    background: #000 25% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    position: relative;
}
#seminar-intro .logo {
    width: 208px;
    height: 80px;
    margin: 0 auto;
    display: none;
}
#seminar-intro:after {
    content: "";
    width: 100%;
    height: 45%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.66));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.66));
    position: absolute;
    left: 0;
    bottom: 0;
}
#seminar-intro .container {
    height: 100%;
    position: relative;
    z-index: 2;
}
#seminar-intro .header {
    width: 67%;
    width: calc(100% - 300px);
    padding: 0 15px;
    position: absolute;
    left: 0;
    bottom: 50px;
}
#seminar-intro .header .label {
    font-size: 19px;
    line-height: 1.125;
    color: #e4e4e4;
    margin-bottom: 15px;
}
#seminar-intro h1 {
    font-size: 46px;
    line-height: .87em;
    color: #fff;
}
.seminar-registration {
    background: #fff;
    width: 270px;
    float: right;
}
.seminar-registration .form-header {
    padding: 25px 30px 25px 35px;
    background: #f0f3f5;
    box-shadow: inset 0 24px 24px -24px rgba(0,0,0,0.25);
    position: relative;
}
.seminar-registration .toggle {
    width: 35px;
    height: 100%;
    background: #e6e9ec;
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}
.seminar-registration .toggle .icon {
    width: 12px;
    height: 12px;
    fill: #404141;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
}
.seminar-registration .h3 {
    font-size: 21px;
    line-height: 1;
    font-weight: 500;
    color: #000;
    padding-left: 40px;
    position: relative;
}
.seminar-registration .h3 .icon {
    width: 24px;
    height: 24px;
    fill: #53b301;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}
.seminar-registration .form-body {
    padding: 0;
}
.seminar-registration fieldset {
    padding: 15px 20px 0 25px;
}
.seminar-registration label {
    margin-bottom: 10px;
}
.seminar-registration .agreement {
    margin-top: 25px;
}
.seminar-registration button {
    margin-top: 20px;
}
.seminar-info {
    background: #fafbfc;
}
.seminar-info .dates {
    display: table;
    height: 97px;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.seminar-info .dates > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 40px;
    position: relative;
}
.seminar-info .dates .label {
    font-size: 12px;
    font-weight: normal;
    color: #a7a7a7;
}
.seminar-info .dates .start {
    border-right: 1px solid #eff0f1;
}
.seminar-info .dates .icon {
    fill: #ff7e00;
}
.seminar-info .dates .days-left {
    padding-left: 30px;
}
.seminar-info .availability {
    float: right;
    font-size: 17px;
    line-height: 97px;
    color: #5f5f5f;
}
.seminar-info .availability .spaces {
    font-size: 20px;
    color: #000;
}
.seminar-info .availability dl {
    float: left;
    margin-left: 30px;
}
.seminar-info .availability dt {
    float: left;
    margin-right: 1em;
}
.seminar-info .availability dd {
    height: 72px;
    font-size: 22px;
    line-height: 90px;
    font-weight: bold;
    float: left;
    position: relative;
}
.seminar-info .availability .spaces dd {
    font-size: 24px;
}
.seminar-info .availability dd:after {
    border-bottom-color: #fafbfc;
}
.seminar-organization {
    margin-top: 20px;
}
.seminar-organization .location {
    display: table;
    width: 74.36%;
    width: calc(100% - 300px);
    height: 97px;
    border: 1px solid #eeeff2;
    border-left: 3px solid #ff7e00;
    padding: 5px 30px 5px 140px;
    font-size: 17px;
    font-weight: 300;
    color: #212121;
    float: left;
    position: relative;
}
.seminar-organization .location .inner {
    display: table-cell;
    vertical-align: middle;
}
.seminar-organization .location .icon {
    width: 48px;
    height: 48px;
    fill: #ff7e00;
    position: absolute;
    left: 64px;
    top: 24px;
}
.seminar-organization .logo {
    width: 270px;
    height: 97px;
    border: 1px solid #eeeff2;
    float: right;
}
.seminar-organization .additional-info {
    font-size: 15px;
    font-style: italic;
    color: #7e7e7e;
    margin-top: 3px;
}
.seminar-experts .h3 {
    width: 66.67%;
    width: calc(100% - 400px);
    font-size: 36px;
    font-weight: 300;
    line-height: 1;
    margin-top: 50px;
    float: left;
}
.seminar-experts .experts {
    width: 370px;
    float: right;
    margin-top: 40px;
    position: relative;
}
.seminar-experts .experts .item {
    min-height: 129px;
    position: relative;
    padding: 12px 0 0 150px;
}
.seminar-experts .experts .item:after {
    left: 100px;
    top: 4px;
}
.seminar-experts .experts img {
    display: block;
    width: 129px;
    height: 129px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}
.seminar-experts .name {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    color: #000;
}
.seminar-experts .position {
    font-size: 13px;
    line-height: 2;
    color: #707070;
    margin-top: 8px;
}
.seminar-experts .slider .owl-dots {
    margin-left: 150px;
}
#seminar-program {
    margin-top: 40px;
}
#seminar-program .h2 {
    font-size: 44px;
    margin-bottom: 30px;
}
#seminar-program .item {
    width: 23.5%;
    float: left;
    position: relative;
    margin-left: 2%;
    margin-top: 70px;
}
#seminar-program .item:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}
#seminar-program .h3 {
    font-size: 23px;
    line-height: 1.1;
    font-weight: 500;
    padding-left: 50px;
    margin-bottom: 20px;
}
#seminar-program .number {
    font-size: 60px;
    line-height: 1;
    font-weight: bold;
    color: #53b301;
    position: absolute;
    left: -0.17em;
    top: -0.4em;
}
#seminar-program .item:nth-child(1):before, #seminar-program .item:nth-child(5):before {
    content: "";
    width: 1027px;
    height: 27px;
    background: url("/local/templates/ms_2018/img/seminar-program-footnotes.png") no-repeat;
    position: absolute;
    left: 11%;
    top: -60px;
}
#seminar-program .item:nth-child(5):before {
    height: 38px;
    background-position: 0 -27px;
    left: 14%;
}
#seminar-program .item p {
    font-size: 15px;
    font-weight: 300;
}
.consultation.seminar-registration-full {
    background: #fff;
    -webkit-box-shadow: 0 11px 38px rgba(0,0,0,0.09);
    box-shadow: 0 11px 38px rgba(0,0,0,0.09);
    border-bottom: 7px solid #fdfdfe;
    margin: 50px 0 0;
    position: relative;
    z-index: 2;
}
#about-exhibition {
    padding: 80px 0;
    background: #fafbfc;
}
#about-exhibition .h2 {
    width: 77%;
    width: calc(100% - 270px);
    font-size: 46px;
    font-weight: 300;
    float: left;
    margin-bottom: 60px;
}
#about-exhibition .container {
    position: relative;
}
#about-exhibition .show-plan {
    width: 240px;
    height: 63px;
    line-height: 63px;
    background: #53b301;
    position: absolute;
    right: 15px;
    top: -5px;
}
#about-exhibition .show-plan .icon {
    width: 32px;
    height: 32px;
    fill: #fff;
    margin: 0;
}
#about-exhibition .description, #about-exhibition .benefits, #about-exhibition .subscription {
    width: 48%;
    width: calc(50% - 15px);
}
#about-exhibition .description {
    font-weight: 300;
    float: left;
    clear: left;
}
#about-exhibition .description p {
    margin-bottom: 1em;
}
#about-exhibition .benefits {
    float: right;
    clear: right;
}
#about-exhibition .benefits h3 {
    font-size: 23px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 25px;
}
#about-exhibition .benefits ul {
    background: #fff;
    font-size: 15px;
    font-weight: 300;
}
#about-exhibition li {
    width: 50%;
    padding: 35px 20px 35px 65px;
    border: 1px solid #eeeff2;
    border-right-width: 0;
    border-bottom-width: 0;
    float: left;
    position: relative;
}
#about-exhibition li:nth-child(even) {
    border-right-width: 1px;
}
#about-exhibition li:last-child {
    width: 100%;
    border-right-width: 1px;
    border-bottom-width: 1px;
}
#about-exhibition li .icon {
    font-size: 35px;
    width: 1em;
    height: 1em;
    fill: #ff7c00;
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -0.5em;
}
#about-exhibition .subscription {
    padding: 35px 50px 60px;
    background: #fff;
    float: left;
    clear: left;
    margin: 30px auto 0;
}
#about-exhibition .subscription h3, #about-exhibition .subscription p {
    padding-left: 70px;
    margin: 0 0 20px 0;
}
#about-exhibition .subscription h3 {
    font-size: 24px;
    font-weight: normal;
}
#about-exhibition .subscription > .icon {
    font-size: 54px;
    left: 40px;
    top: 45px;
}
#about-exhibition .subscription form .col:last-child {
    padding: 0;
}
#about-exhibition  .subscription .agreement {
    margin: 40px -15px 0;
}
#seminar-reviews {
    padding: 60px 0;
}
#seminar-reviews h2 {
    font-size: 44px;
    margin-bottom: 40px;
}
#seminar-reviews .videos .item {
    width: 23.077%;
    background: #000;
    float: left;
    margin: 0 0 1.709% 2.564%;
    position: relative;
    cursor: pointer;
}
#seminar-reviews .videos img {
    display: block;
    width: 100%;
    height: auto;
    opacity: .5;
}
#seminar-reviews .videos .item:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 32px 54px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-45%,-50%);
    transform: translate(-45%,-50%);
    opacity: .8;
}
#seminar-reviews .videos .item:hover img  {
    opacity: .75;
}
#seminar-reviews .videos .item:hover:after {
    opacity: 1;
}
#seminar-reviews .videos .item:first-child {
    margin-left: 0;
}
#seminar-location .seminar-info {
    height: 97px;
    position: relative;
    z-index: 2;
}
#seminar-location .seminar-info .container {
    position: relative;
    padding-right: 285px;
}
#seminar-location .form-header {
    min-height: 97px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#seminar-location .seminar-registration {
    float: right;
    -webkit-box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    position: absolute;
    right: 15px;
    top: 0;
}
#seminar-location .seminar-info .days-left {
    padding-right: 20px;
}
#seminar-location .seminar-info .availability {
    margin-right: 30px;
}
#seminar-location .seminar-info .availability, #seminar-location .seminar-info .availability .spaces {
    font-size: 16px;
}
#seminar-map {
    height: 458px;
}
#seminar-location + #footer {
    margin-top: 0;
}
.promo-preview .description {
    min-height: 180px;
    padding: 15px 15px 15px 25px;
    border: 1px solid #eeeff2;
    border-bottom: 0;
}
.promo-preview .h3 {
    font-size: 18px;
    line-height: 1.39;
    font-weight: 500;
}
.promo-preview .status, .single-promo .main-image .status {
    padding: 0 10px;
    background: #53b301;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 27px;
    position: absolute;
    right: 0;
    top: 15px;
}
.promo-preview .status.expired, .single-promo .main-image .status.expired {
    background: #cf4169;
}
.promo-preview .description p {
    font-size: 14px;
    line-height: 1.714;
    font-weight: 300;
    margin-top: 10px;
}
.promo-preview .button {
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    border: 1px solid #eeeff2;
    background: #fff;
    color: #55575b;
}
.single-promo .main-image {
    position: relative;
}
.single-promo .main-image img {
    display: block;
    max-width: 100%;
}
.single-promo .main-image .status {
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
}
.single-promo h1, .contacts-page h1 {
    font-size: 44px;
    line-height: 1.1;
    color: #000;
    margin-top: 25px;
}
.single-promo .promo-description {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
.single-promo .promo-description p, .single-promo .promo-description ul, .single-promo .promo-description ol {
    margin: 1em 0;
}
.single-promo .promo-description h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.1;
    margin: 30px 0 20px;
}
.single-promo .readmore, .single-promo .hide {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
}
.single-promo .more {
    display: none;
}
.promo-sidebar, .credits-sidebar {
    margin-bottom: 30px;
}
.countdown {
    margin: 20px 0 10px;
}
.countdown .date-end, .countdown .time-left {
    padding: 8px 25px;
    float: left;
    border: 1px solid #f8b573;
    margin: 0 30px 10px 0;
}
.countdown .date-end .inner {
    display: inline-block;
    padding-left: 55px;
    text-align: left;
    position: relative;
}
.countdown .date-end .icon {
    width: 32px;
    height: 32px;
    fill: #ff7e00;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
}
.countdown .label {
    font-size: 12px;
    color: #858687;
}
.countdown .date {
    font-size: 16px;
    font-weight: bold;
}
.countdown .time-left {
    padding: 8px 0;
    border-color: transparent;
    margin-right: 0;
}
.countdown .counter {
    font-size: 16px;
}
.countdown .counter span {
    font-weight: bold;
}
.contacts-page h1 {
    margin: 0 0 .5em;
}
.contact-details li {
    font-size: 20px;
    font-weight: 500;
    padding-left: 36px;
    position: relative;
    margin-bottom: 35px;
}
.contact-details li > div {
    font-size: 12px;
    line-height: 1.67;
    font-weight: normal;
    color: #858687;
    margin-top: .25em;
}
.contact-details .phone {
    font-weight: bold;
}
.contact-details .email {
    font-weight: 600;
}
.contact-details .schedule {
    padding-top: 30px;
    padding-bottom: 35px;
    border-top: 1px solid #f3f4f4;
    border-bottom: 1px solid #f3f4f4;
}
.contact-details .icon {
    font-size: 20px;
    width: 1em;
    height: 1em;
    fill: #ff7e00;
    position: absolute;
    left: 0;
    top: 5px;
}
.contact-details .phone {
    width: 50%;
    max-width: 300px;
    float: left;
}
.contact-details .email {
    overflow: hidden;
}
.contact-details .phone .icon, .contact-details .email .icon {
    font-size: 18px;
    top: 6px;
}
.contact-details .schedule .icon {
    margin-top: 30px;
}
.contact-details .schedule > div {
    max-width: 500px;
    font-size: 14px;
}
.contact-directions {
    font-size: 17px;
    font-weight: 300;
}
.contact-directions .switcher li {
    font-size: 30px;
    line-height: 49px;
    float: left;
    margin: 0 1.1em .8em 0;
    font-weight: 300;
    color: #c3c7ce;
}
.contact-directions .switcher a {
    display: block;
    padding-left: 66px;
    position: relative;
}
.contact-directions .switcher .active {
    font-weight: normal;
    color: #000;
}
.contact-directions .switcher a:hover {
    color: #000;
}
.contact-directions .switcher a:before, .contact-directions .switcher a:after {
    content: "";
    font-size: 49px;
    width: 1em;
    height: 1em;
    background: url("/local/templates/ms_2018/img/contact-details-switcher.png") no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.contact-directions .switcher a:after {
    background-position: 0 -1em;
    opacity: 0;
}
.contact-directions .switcher li:nth-child(2) a:before {
    background-position: -1em 0;
}
.contact-directions .switcher li:nth-child(2) a:after {
    background-position: -1em -1em;
}
.contact-directions .switcher .active:before {
    opacity: 0;
}
.contact-directions .switcher .active:after {
    opacity: 1;
}
.contact-directions .tab {
    max-width: 720px;
}
.quick-navigation {
    margin-top: 20px;
}
.quick-navigation .label, .quick-navigation ul, .quick-navigation li {
    display: inline;
}
.quick-navigation .label, .quick-navigation li {
    margin-right: 15px;
}
.quick-navigation .label {
    font-size: 17px;
}
.quick-navigation a {
    color: #606d79;
    border-bottom: 1px dotted #a3adb6;
    font-size: 15px;
}
.quick-navigation a:hover {
    color: #000;
    border: 0;
}
.favorites h2 {
    font-size: 30px;
    margin-bottom: 30px;
}
.favorites .section {
    overflow: hidden;
    padding-bottom: 60px;
    margin-bottom: -50px;
}
.favorites .owl-stage-outer {
    overflow: visible;
}
.favorites .owl-stage {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.favorites .owl-item {
    display: -webkit-flex;
    display: flex;
}
.favorites .project-preview {
    outline: 1px solid #ebeff0;
    outline-offset: -1px;
}
.favorites .project-preview:hover {
    outline: 1px solid transparent;
}
.favorites .project-preview .main, .favorites .project-preview .main-link {
    max-height: 230px;
}
.favorites.brands .project-preview .main, .favorites.brands .project-preview .main-link {
    max-height: 203px;
}
.favorites .project-preview img {
    position: relative;
}
.favorites .project-preview .logo {
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
}
.favorites .project-preview .details {
    position: static;
    visibility: visible;
    opacity: 1;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.favorites .subscription, .comparison .subscription {
    margin-top: 50px;
}
.main-wrapper.comparison {
    margin-top: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.comparison-switcher {
    float: left;
}
.comparison-switcher li {
    font-size: 22px;
    font-weight: 500;
    display: inline;
    margin-right: 1.1em;
}
.comparison-switcher a {
    color: #606d79;
    border-bottom: 1px dotted #606d79;
}
.comparison-switcher a:hover {
    border: 0;
}
.comparison-switcher a.active {
    color: #000;
    border: 0;
}
.comparison-filter {
    display: table;
    height: 24px;
    color: #7b7f88;
    float: right;
    margin-top: 5px;
}
.comparison-filter label {
    display: table-cell;
    vertical-align: middle;
    line-height: 1.2;
}
.comparison table {
    width: 100%;
    table-layout: fixed;
    text-align: left;
    font-size: 15px;
    margin-top: 30px;
    position: relative;
}
.comparison table:before, .comparison table:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: -1px;
    top: 0;
    z-index: 2;
}
.comparison table:before {
    right: -2px;
    left: 0;
}
.comparison table .project-preview {
    margin-left: 0;
}
.comparison th, .comparison td {
    padding: 12px 20px;
    vertical-align: top;
}
.comparison tbody tr:first-child > * {
    border-top: 0;
}
.comparison tbody tr:last-child > * {
    border-bottom: 0;
}
.comparison thead {
    background: none;
}
.comparison thead th {
    padding: 0;
    background: none;
    border: 0;
    padding-right: 30px;
}
.comparison td {
    font-weight: 300;
}
.comparison tbody th {
    font-weight: normal;
}
.comparison .highlight {
    background: #f9fbfc;
}
.comparison .highlight td {
    font-weight: normal;
}
.comparison tr.price td {
    padding-bottom: 4px;
    font-size: 21px;
    font-weight: 600;
    color: #4ba200;
}
.comparison tr.price td span {
    font-size: 14px;
    font-weight: 500;
}
.comparison tr > :nth-child(n+5), .comparison tr > :nth-child(n+5) {
    display: none;
}
.comparison tr > .active {
    display: table-cell !important;
}
.comparison .tab {
    position: relative;
}
.comparison-nav a {
    position: absolute;
    top: 110px;
    z-index: 40;
}
.comparison-nav a.disabled {
    display: none;
}
.comparison-nav .prev {
    left: 25%;
    margin-left: -27.5px;
}
.comparison-nav .next {
    right: 30px;
    margin-right: -27.5px;
}
.comparison td .label {
    font-size: 13px;
    font-weight: bold;
}
.comparison td p, .comparison td ul, .comparison td ol, .comparison td li {
    margin-top: .5em;
}
.comparison td :first-child {
    margin-top: 0;
}
.about .page-section .h2 {
    margin-bottom: 30px;
}
.exhibition-facts {
    padding-top: 15px;
}
.exhibition-facts .h2, #exhibition-news .h2 {
    font-size: 44px;
    font-weight: 300;
}
#tour3d .h2, #exhibition-expert .h2 {
    font-size: 30px;
    font-weight: 600;
}
#tour3d iframe {
    display: block;
    width: 100%;
    height: 720px;
}
#exhibition-expert .text {
    font-size: 15px;
    font-weight: 300;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
#exhibition-expert .text p {
    display: inline-block;
    margin-bottom: 1em;
}
#exhibition-news {
    padding: 0;
    overflow: hidden;
}
.about #plan {
    margin-top: 20px;
}
.about #plan .h2 {
    font-size: 44px;
}
.about .presentation {
    max-width: 968px;
    background: #f4f4f5;
    padding: 20px;
    text-align: center;
    margin: 0 auto 40px;
}
.about .presentation .h3, .about .presentation .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    padding-left: 45px;
    position: relative;
    margin: 4px 0 28px;
}
.about .presentation .h3 .icon, .about .presentation .title .icon {
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
    fill: #ff7e00;
}
.search-results-filter .main {
    position: relative;
}
.search-results-filter .main input {
    height: 52px;
    padding: 0 60px 0 32px;
    background: #f9f9fa;
    color: #858687;
    border: 1px solid #f0f0f4;
    font-size: 16px;
}
.search-results-filter .main input:focus {
    border-color: #d7d7da;
}
.search-results-filter button {
    fill: #d9dce1;
    position: absolute;
    right: 18px;
    top: 50%;
    margin-top: -12px;
}
.search-results-filter button .icon {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    fill: #d9dce1;
}
.search-results-filter button:hover .icon {
    fill: #ff7e00;
}
.search-results-filter .advanced {
    background: #fff;
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    position: relative;
    text-align: right;
}
.search-results-filter .advanced-search {
    display: inline-block;
    padding: 0;
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    color: #606d79;
    border-bottom: 1px dotted #a3adb6;
    position: relative;
    z-index: 2;
    margin: 15px 30px;
}
.search-results-filter .advanced-search .icon {
    display: block;
    width: 22px;
    height: 22px;
    fill: #ff7e00;
    position: absolute;
    left: -33px;
    top: -1px;
}
.search-results-filter .advanced-search:hover {
    border-color: transparent;
}
.search-results-filter .checkboxes {
    padding: 0 30px 20px;
    text-align: left;
    border-bottom: 6px solid #f8fafb;
    display: none;
}
.search-results-filter .checkboxes h3 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 20px;
    color: #2f3a44;
    font-weight: 500;
}
.search-results-filter .checkboxes .fields {
    display: block;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
.search-results-filter .checkbox {
    margin-bottom: 15px;
}
.search-results-filter .checkbox.alt2 [type="checkbox"]:checked + label {
    font-weight: 300;
}
.search-results-filter .advanced .collapse {
    display: block;
    width: 43px;
    height: 33px;
    padding: 10px 15px;
    background: #f8fafb;
    position: absolute;
    right: 0;
    bottom: 3px;
}
.search-results-filter .advanced .collapse .icon {
    display: block;
    width: 13px;
    height: 13px;
    fill: #606d79;
}
.search-results-filter .advanced .collapse:hover .icon {
    fill: #2f3a44;
}
.search-results-matches {
    margin: 40px 0 0;
}
.search-results-matches h2 {
    display: inline;
    font-size: 24px;
    font-weight: normal;
    margin-right: 10px;
}
.search-results-matches ul.pre_result {
    display: inline;
}
.search-results-matches .pre_result li {
    display: inline;
    font-weight: 300;
    color: #858687;
    white-space: nowrap;
}
.search-results-matches .pre_result li + li:before {
    content: "\\";
    margin: 0 .5em;
}
.search-results-category {
    margin: 30px 0;
}
.search-results-category h2 {
    font-size: 22px;
    font-weight: 600;
    color: #53b301;

}
.search-results-category h2 span {
    font-weight: 600;
    color: #030311;
}

.search-results-category .show-more {
    display: block;
    width: 31.1%;
    width: calc((100% + 30px) / 3 - 30px);
    max-width: 270px;
    padding: 0 15px;
    height: 45px;
    background: #f6f7f8;
    color: #b2b5b7;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    margin: 30px auto 0;
}
.search-results-category .show-more:hover {
    background-color: #ff7e00;
    color: #fff;
}
.search-results-category .news + .show-more {
    margin-top: 20px;
}
.search-results-category .promos, .search-results-category .seminars {
    margin-top: 0;
}
.plots.view:not(.active) {
    display: none;
}
.plots .request {
    padding: 30px 40px;
    background: #f9fafb;
    margin-top: 30px;
}
.plots .request h3 {
    font-size: 36px;
    line-height: 1.1;
    font-weight: normal;
    margin-bottom: 15px;
}
.plots.map iframe {
    display: block;
    width: 100%;
    height: 948px;
    margin: 30px auto;
}
.plots .request .col {
    width: 33.333%;
}
.plots .request .agreement {
    width: 55%;
    max-width: 330px;
    float: left;
    position: relative;
    margin: 25px 0 0 15px;
}
.plots .request button {
    margin-top: 25px;
}
.plots .request .col:last-child {
    width: 40%;
    max-width: 270px;
}
.projects.plots .main-data dt, .projects.plots .main-data dd {
    width: 100%;
    float: none;
    margin: 0 0 5px;
    text-align: left;
}
.projects.plots .main-data dt {
    font-size: 12px;
}
.plots .catalog-filter fieldset {
    padding: 0 30px;
}
.plots .catalog-filter .values-range {
    padding-bottom: 0;
}
.plots .catalog-filter .values-range .label {
    margin-right: -5px;
}
.plots .catalog-filter .checkboxes .label {
    font-size: 14px;
    font-weight: 600;
}
.plots .catalog-filter .checkboxes {
    margin: 25px 0 20px;
}
.plots .catalog-filter .expand-collapse {
    margin: 0 -30px;
    border-bottom: 0;
}
.plots .catalog-filter .expand-collapse .toggle {
    margin-bottom: 10px;
}
.plots .catalog-filter .expand-collapse .toggle:after {
    content: "";
    width: calc(100% + 60px);
    height: 1px;
    background: #f4f7f8;
    position: absolute;
    left: -30px;
    bottom: -10px;
}
.plots .catalog-filter button {
    margin-top: 20px;
}
.plot #company-intro .bar {
    margin-top: 40px;
}
.plot #company-intro .show-more {
    font-weight: normal;
    color: #606d79;
    border-bottom: 1px dotted #d5d9dd;
}
.plot #company-intro .show-more:hover {
    border-color: transparent;
}
.plot #company-intro .more {
    display: none;
}
.plot #company-intro .more.active {
    display: inline;
}
.plot .location {
    font-size: 19px;
    font-weight: normal;
    margin: 20px 0 10px;
}
.plot .location .icon {
    width: 25px;
    height: 25px;
    fill: #6bbe25;
    vertical-align: middle;
    margin: -5px 8px 0 0;
}
.plot #company-intro .company-contacts {
    margin-top: 20px;
}
#plot-pricing, #general-layout {
    margin-top: 40px;
}
#plot-pricing .h2, #general-layout .h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 25px;
}
#plot-pricing dl {
    width: 48.75%;
    width: calc(50% - 15px);
    padding: 15px 30px;
    background: #f8f9f9;
    float: left;
    font-size: 17px;
    margin-top: 3px;
}
#plot-pricing dl:last-child {
    float: right;
}
#plot-pricing dt {
    float: left;
    padding-right: 10px;
}
#plot-pricing dd {
    float: right;
    font-weight: normal;
    font-weight: 600;
}
#plot-pricing .prices dd {
    color: #4aa100;
}
#plot-infrastructure {
    margin-top: 40px;
}
#plot-infrastructure .h2 {
    font-weight: 600;
    margin-bottom: 25px;
}
#general-layout .layout {
    display: block;
    border: 15px solid #f0f2f2;
    overflow: hidden;
    cursor: zoom-in;
}
#general-layout .layout img {
    display: block;
    width: 100%;
    height: auto;
}
.video-gallery {
    margin: 60px 0 20px;
    overflow: hidden;
}
.video-gallery .owl-stage-outer {
    overflow: visible;
}
.video-gallery .slider {
    max-width: 968px;
    margin: 0 auto;
}
.video-gallery .presentation {
    opacity: .25;
    background: none;
    pointer-events: none;
    margin: 0 auto !important;
}
.video-gallery .center .presentation {
    opacity: 1;
    background: #f4f4f5;
    pointer-events: auto;
}
.video-gallery .owl-prev {
    left: 5px;
    margin-top:0;
}
.video-gallery .owl-next {
    right: 5px;
    margin-top: 0;
}
#location-map {
    margin: 40px 0 70px;
}
#location-map .map iframe {
    display: block;
    width: 100%;
    height: 390px;
    margin-top: 30px;
}
.credits-description {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
    margin-top: 40px;
}
.credits-description p, .credits-description ul, .credits-description ol {
    margin: 1.2em 0;
}
.credits-description h2, .credits-description h3 {
    font-size: 33px;
    font-weight: 300;
}
.credits-description h3 {
    font-size: 27px;
}
.credits-sidebar .form .h3 {
    margin-bottom: 0;
}
.credit-request {
    position: relative;
}
.credit-request .h3:before {
    content: "";
    width: 100%;
    height: 3.5em;
    position: absolute;
    left: 0;
    top: 0;
}
.credit-request .h3 .icon {
    width: 16px;
    height: 16px;
    fill: #ff7e00;
    float: right;
    margin-top: 8px;
    display: none;
}
.credit-request.active .h3 .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.credit-request .col {
    width: 100%;
    float: none;
}
.credit-request label {
    margin-bottom: 10px;
}
.credit-request .full-name label {
    margin-bottom: 0;
}
.credit-request .input-note {
    margin: -8px 0 8px;
}
.credit-request .full-name .input-note {
    margin: 2px 0 -2px;
}
.credit-request .citezenship {
    margin: 15px 0;
}
.credit-request .all-banks {
    display: inline-block;
}
.credit-request .all-banks span, .credit-request .all-banks [type=checkbox]:checked + label {
    color: #a2a2a2;
}
.credit-request .all-banks [type=checkbox]:checked + label span {
    color: #000;
}
.credit-request .all-banks span {
    white-space: nowrap;
    position: absolute;
    left: 100%;
    top: 0;
    margin-left: 14px;
}
.credit-request .banks {
    max-width: 270px;
    margin: 15px 0 5px;
}
.credit-request .banks label {
    width: 50%;
    float: left;
    font-size: 14px;
}
.credit-request button {
    margin-top: 20px;
}
.bank-offers {
    margin: 20px 0 40px;
}
.bank-offers .switcher li {
    width: 170px;
    text-align: center;
    font-size: 15px;
    color: #5f5f5f;
    float: left;
    margin-right: 20px;
    cursor: pointer;
}
.bank-offers .switcher li:last-child {
    margin-right: 0;
}
.bank-offers .switcher li > span {
    display: block;
    margin-bottom: 8px;
    background-color:#fff;
    padding-top:2px;
}
.bank-offers .switcher li div {
    border: 1px solid #ebebeb;
    position: relative;
    margin-bottom:15px;
}
.bank-offers .switcher li div:after, .bank-offers .switcher li div:before {
    content: "";
    width: 100%;
    height: 100%;
    border: 5px solid #ffe6ce;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.bank-offers .switcher li div:before {
    height: 6px;
    background: #fff;
    -webkit-background-origin: content-box;
    background-clip: content-box;
    border: 0;
    top: 100%;
}
.bank-offers .switcher img {
    display: block;
    max-width: 100%;
    max-height: 86px;
    margin: 0 auto;
}
.bank-offers .switcher li.active {
    font-weight: 500;
    color: #0b0a0a;
}
.bank-offers .switcher li.active div {
    border-color: #ffe6ce;
}
.bank-offers .switcher li.active div:after, .bank-offers .switcher li.active div:before {
    opacity: 1;
}
.bank-offer {
    padding: 30px 45px;
    border: 6px solid #ffe6ce;
    font-weight: 300;
}
.bank-offer h2 {
    font-size: 33px;
    line-height: 1.2;
    font-weight: 300;
    margin-bottom: .5em;
}
.bank-offer .params li {
    display: table;
    width: 47.8%;
    width: calc(50% - 15px);
    height: 62px;
    padding: 5px 15px;
    float: left;
    margin: 6.5px 0;
    background: #f6faf2;
}
.bank-offer .params li:nth-child(even) {
    float: right;
}
.bank-offer .params li > div {
    display: table-cell;
    vertical-align: middle;
}
.bank-offer .params li > div:first-child {
    width: 40%;
    padding-right: 15px;
    text-align: right;
    font-size: 30px;
    font-weight: normal;
    color: #49a000;
    text-align: center;
}
.bank-offer .params li > div:first-child span {
    font-size: .6em;
}
.bank-offer .params li > div:last-child {
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.23;
    position: relative;
}
.bank-offer .params li > div:last-child:before {
    content: "";
    width: 1px;
    height: 34px;
    background: #ececec;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -17px;
}
.bank-offer h3 {
    font-size: 24px;
    line-height: 1.2;
    font-weight: 500;
    margin: 1em 0 .5em;
}
.bank-offer p, .bank-offer ul, .bank-offer ol {
    margin: 1em 0;
}
.bank-offer .request {
    color: #606d79;
    font-weight: 600;
    border-bottom: 1px dotted #a3adb6;
    position: relative;
}
.bank-offer .request:hover {
    border-color: transparent;
}
.bank-offer .request .icon {
    width: 10px;
    height: 10px;
    margin-left: 8px;
    fill: #ff8500;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    right: -15px;
    top: 6px;
}
.partners .main-data p {
    text-align: left;
    font-size: 13px;
    clear: both;
}
.partners.switcher {
    margin-top: -30px;
}
.partners .active {
    border-color: #4ca500;
}
.partners .active .main-data {
    background: #4ca500;
    color: #fff;
}
.partners .active dd a {
    color: #fff;
    border-color: transparent;
}

.projects li {
    position: relative;
}
.partner-card {
    padding: 30px 60px;
    -webkit-box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    box-shadow: 0 9px 54px rgba(0,0,0,0.15);
    background: #fff;
    border-bottom: 6px solid #f8fafb;
    margin-top: 38px;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    width: 300%;
    width: calc(300% - 30px);
    position: absolute;
    left: 0;
    top: 100%;
    margin: 30px 0 0 15px;
    z-index: 60;
    display: none;
}
.projects li:nth-child(4n+2) .partner-card {
    left: -100%;
}
.projects li:nth-child(4n+3) .partner-card {
    left: -200%;
}
.projects li:nth-child(4n+4) .partner-card {
    left: -200%;
}
.partner-card .header {
    margin-bottom: 15px;
}
.partner-card h2 {
    font-size: 36px;
    font-weight: normal;
    display: inline;
    float: left;
    margin: 0 15px 0 0;
}
.partner-card .website {
    font-size: 15px;
    font-weight: 600;
    float: right;
    margin-top: 10px;
}
.partner-card .website span {
    font-size: 13px;
    font-weight: 300;
    color: #acacac;
    margin-right: 5px;
}
.partner-card .website .icon {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    fill: #52b401;
    margin-right: 10px;
}
.partner-card p {
    line-height: 1.8;
}
.partner-card .company-contacts {
    margin-top: 30px;
}
.partner-card .company-contacts li {
    float: left;
    margin-right: 40px;
}
.partner-card .company-contacts li:last-child {
    margin-right: 0;
}
.partner-card .company-contacts .icon {
    margin-top: -6px;
}
.partnership-request .agreement {
    position: relative;
    margin: 0 -20px;
}
.partnership-request .row:last-child {
    margin-top: 30px;
}
.partnership-request .row:last-child .col:first-child {
    margin-left: 25%;
}

.video-preview {
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
}
.video-preview .image {
    position: relative;
    height: 195px;
    position: relative;
    background: #000;
    margin-bottom: 12px;
    overflow: hidden;
}
.video-preview img {
    height: 100%;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.video-preview .image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.32);
    z-index: 3;
}
.video-preview:hover .image:after {
    opacity: 0;
}
.video-preview .play {
    display: block;
    width: 60px;
    height: 42px;
    background: url("/local/templates/ms_2018/img/play.svg") no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -21px 0 0 -30px;
    z-index: 4;
}
.video-preview .duration {
    font-size: 12px;
    color: #9a9d9f;
    margin-bottom: 4px;
}
.video-subscription {
    display: table;
    width: 100%;
    height: 183px;
    padding: 10px 30px;
    background: url("/local/templates/ms_2018/img/bg-video-subscription.png") 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    margin: 30px auto 0;
}
.video-subscription > div {
    display: table-cell;
    width: 50%;
    padding: 10px;
    vertical-align: middle;
}
.video-subscription h3 {
    padding-left: 64px;
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    position: relative;
}
.video-subscription h3 .icon {
    width: 42px;
    height: 42px;
    fill: #ff7e00;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -21px;
}
.video-subscription .header p {
    margin: 10px 0 0 64px;
    font-weight: 300;
    color: #7a7f83;
}
.video-subscription .subscribe {
    text-align: right;
}
.video-subscription .subscribe > a {
    display: block;
}
.video-subscription .subscribe > a:hover .button {
    opacity: .85;
}
.video-subscription .youtube {
    width: 102px;
    height: 23px;
    vertical-align: middle;
}
.video-subscription .logo {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.video-subscription .button {
    display: inline-block;
    vertical-align: middle;
    height: 42px;
    line-height: 42px;
    width: auto;
    background: #eb0833;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 10px 0 10px 30px;
}
#popular-videos {
    margin-top: 40px;
}
.our-services .services > ul {
    width: 48%;
    width: calc(50% - 15px);
    float: left;
}
.our-services .services > ul:last-child {
    float: right;
}
.our-services .services li {
    padding: 35px 30px 30px 100px;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 0 0 1px #ebeff0 inset;
    box-shadow: 0 0 0 1px #ebeff0 inset;
    position: relative;
}
.our-services .services li .close {
    width: 16px;
    height: 16px;
    fill: #e3e6e8;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 0;
    visibility: hidden;
}
.our-services .services li.active .close {
    opacity: 1;
    visibility: visible;
}
.our-services .services .close:hover {
    fill: #53b301;
}
.our-services .services h3 {
    padding-right: 20px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    padding-bottom: 4px;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-color: #a3adb6;
    text-decoration-skip-ink: none;
    text-underline-position: under;
    cursor: pointer;
    margin-bottom: 12px;
    cursor: pointer;
}
.our-services .services h3:hover {
    text-decoration: none;
}
.our-services .services p {
    font-size: 13px;
    font-weight: 300;
    color: #7a7f83;
}
.our-services .services li > .icon {
    width: 56px;
    height: 56px;
    position: absolute;
    left: 24px;
    top: 36px;
    fill: #ff7e00;
}
.our-services .services form {
    width: 100%;
    background: #fff;
    padding: 0 40px 30px;
    border-bottom: 6px solid #f8fafb;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -1px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.our-services .services textarea {
    height: 80px;
}
.our-services .servicse form > :first-child {
    margin-top: -10px;
}
.our-services .services li.active {
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.15);
    box-shadow: 0 9px 40px rgba(0,0,0,0.15);
}
.our-services .services li.active form {
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: 0 -31px 0 #fff, 0 9px 40px rgba(0,0,0,0.15);
    box-shadow: 0 -31px 0 #fff, 0 9px 40px rgba(0,0,0,0.15);
    height: auto;
}
.calculator-lists .links {
    padding: 0;
}
.calculator-lists .expand-collapse {
    padding: 0;
    border: 0;
}
.calculator-lists .toggle {
    padding: 10px 30px;
    border-bottom: 1px solid #f4f7f8;
    color: #000;
    font-weight: 500;
}
.calculator-lists .toggle .icon {
    right: 20px;
    fill: #d0d4d7;
}
.calculator-lists .active .toggle .icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.calculator-lists .content {
    padding: 10px 20px 5px;
}
.calculator-lists a {
    padding: 3px 15px;
}
.calculator-page .active-promos h2 {
    margin-bottom: 30px;
}
.calculator .params {
    background: #f7f9f9;
    padding: 10px 60px 30px;
}
.calculator .params h3 {
    font-size: 17px;
    font-weight: 500;
}
.calculator .params .label {
    display: block;
    font-size: 17px;
    font-weight: 600;
    margin: 15px 0 3px;
}
.calculator input, .calculator select {
    width: 100%;
    height: 42px;
    padding-left: 15px;
    border: 1px solid #d7d7da;
    background: #fff;
    font-size: 13px;
    border-radius: 0px;
}
.calculator .checkbox, .calculator .radio {
    margin-top: 10px;
}
.calculator .checkbox {
    padding-left: 0;
}
.calculator .checkbox label, .calculator .radio label {
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    padding-left: 30px;
    position: relative;
}
.calculator .checkbox :checked + label, .calculator .radio :checked + label {
    font-weight: 600;
}
.calculator .radio.images {
    margin-left: -10px;
    margin-right: -10px;
}
.calculator .radio.images label {
    width: 90px;
    padding: 0;
    float: left;
    margin: 0 4px 10px 0;
    text-align: center;
    font-size: 13px;
}
.calculator .radio.images .image {
    display: block;
    width: 67px;
    height: 67px;
    background: #fff;
    border: 1px solid #ebeff0;
    margin: 0 auto 15px;
    position: relative;
}
.calculator .radio.images .image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #ff850f;
    opacity: 0;
}
.calculator .radio.images img {
    display: block;
    max-width: 100%;
}
.calculator .radio.images :checked + label .image:after {
    opacity: 1;
}
.calculator .radio.images label:before, .calculator .radio.images label:after {
    content: none;
}
.calculator .values-slider {
    max-width: 346px;
    background: #e0e6e9;
    margin-left: 0;
}
.calculator .values-range .min-max {
    max-width: 216px;
}
.calculator .values-range .min, .calculator .values-range .max {
    width: 49%;
    width: calc(50% - 2px);
    height: 31px;
}
.calculator .params .select:after {
    height: 40px;
    background-color: #fff;
    right: 1px;
    bottom: 1px;
}
.calculator .params .select .icon {
    height: 40px;
    padding: 12px;
}
.calculator .params .input-note {
    margin: 3px 0 0;
}
.calculator .params .button {
    max-width: 350px;
    height: 51px;
    line-height: 51px;
    margin: 25px auto 0;
}
.calculator .result {
    display: table;
    width: 100%;
    padding: 10px 20px 20px;
    background: #eff5ea;
    border-top: 1px solid #bce09d;
}
.calculator .result > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 40px;
}
.calculator .result .total {
    position: relative;
}
.calculator .total:before {
    content: "";
    width: 1px;
    height: 40px;
    background: #dfe5d9;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.calculator .result h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 5px;
}
.calculator .result p {
    font-size: 14px;
    font-weight: 300;
}
.calculator .total .price {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.2;
    color: #49a000;
    white-space: nowrap;
}
.calculator .total .price span {
    font-weight: 600;
}
.calculator .total .note {
    font-size: 13px;
    font-weight: 300;
    color: #758666;
}
.stats-images {
    max-width: 1010px;
    margin-top: 20px;
}
.stats-images li {
    background: #f8f9f9;
    padding: 30px;
    margin-top: 30px;
}
.stats-images img {
    display: block;
    max-width: 100%;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.1);
    box-shadow: 0 9px 40px rgba(0,0,0,0.1);
}
.prices table {
    margin-top: 25px;
}
.prices thead {
    background: #ebeef2;
    color: #1c1c1d;
}
.prices th, .prices td {
    padding: 14px 20px;
    border-color: #f4f5f8;
    border-top-width: 0;
    border-bottom-width: 0;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.33;
    vertical-align: top;
    table-layout: fixed;
    border-collapse: collapse;
}
.prices th {
    padding: 7px 20px;
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
    border-color: #dadee5;
}
.prices thead tr:last-child th {
    border-top-width: 1px;
}
.prices thead tr.header2row th {
    font-size: 13px;
    line-height: 1.077;
    color: #4a4a5b;
}
.prices thead tr:first-child th:nth-child(2), .prices thead tr:last-child th {
    text-align: center;
}
.prices tbody tr:not(:first-child):hover, .prices tbody tr:not(:first-child).active {
    -webkit-box-shadow: 0 0 0 2px #ff7e00 inset;
    box-shadow: 0 0 0 2px #ff7e00 inset;
    cursor: pointer;
}
.prices tbody tr[data-href]:hover td{background: #eee;}

.prices tbody th {
    background: #4bb304;
    color: #fff;
    font-size: 19px;
}
.prices tbody tr:nth-of-type(odd) {
    background: #f9fafb;
}
.prices tbody tr.comment{background: #fff;}
.prices td.name{width: 200px;}
.prices td.price_partner, .prices td.price {
    width: 80px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #010101;
}
.prices td.description{
    font-size: 14px;
    border-right: 0;
}
.prices .no-price {
    display: block;
    font-size: 13px;
    line-height: 1.077;
    color: #86868e;
    margin: 2px 0;
}
.ruble {
    font-style: italic;
    text-decoration: line-through;
}
.prices .triggers a {
    color: #606d79;
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px dotted #a3adb6;
}
.prices .triggers a:hover {
    border-color: transparent;
}
.prices .triggers .example {
    float: right;
    position: relative;
}
.prices .triggers .example:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    display: block;
    background: url("/local/templates/ms_2018/img/pointer.svg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: -26px;
    top: 1px;
}
.floating-screenshot {
    width: 370px;
    display: none;
}
.floating-screenshot.active {
    display: block;
}
.floating-screenshot .header {
    background: #edeff1;
    height: 42px;
    position: relative;
}
.floating-screenshot .header:after {
    content: "";
    width: 54px;
    height: 14px;
    background: url("/local/templates/ms_2018/img/dots.svg") no-repeat;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -7px;
}
.floating-screenshot .close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    display: none;
}
.floating-screenshot .close .icon {
    fill: #bbbfc7;
}
.floating-screenshot .close:hover .icon {
    fill: #53b301;
}
.floating-screenshot img {
    display: block;
    max-width: 100%;
}
.comment label .icon {
    top: 12px;
    margin-top: 0;
}
.comment label {
    overflow: hidden;
}
.textarea-note {
    font-size: 14px;
    color: #9e9e9e;
    position: absolute;
    left: 152px;
    top: 13px;
    margin-right: -5px;
}
textarea:focus + .textarea-note, textarea:not(:placeholder-shown) + .textarea-note {
    display: none;
}
.ads-consultation .col:last-child {
    float: right;
    clear: right;
    margin-top: 15px;
}

#rent-intro {
    height: 858px;
    padding: 80px 0 150px;
    background: url("/local/templates/ms_2018/img/bg-rent-intro.jpg") 50% 0 no-repeat;
    color: #fff;
    font-weight: 600;
    position: relative;
}
#rent-intro strong {
    font-weight: 800;
}
#rent-intro:after {
    height: 132px;
    background: url("/local/templates/ms_2018/img/rent-intro-overlay.svg") 50% 100% no-repeat;
}
#rent-intro .text {
    width: 63%;
    float: left;
}
#rent-intro h1 {
    font-size: 74px;
    line-height: .865;
    margin-bottom: .4em;
    color: #fff;
}
#rent-intro h1 + p {
    font-size: 27px;
}
#rent-intro ul {
    max-width: 560px;
    font-size: 23px;
    line-height: 1;
    margin: 15px 0 40px 20px;
}
#rent-intro li {
    display: table;
    height: 64px;
    padding-left: 80px;
    margin: 0 0 15px;
    position: relative;
}
#rent-intro li > div {
    display: table-cell;
    vertical-align: middle;
}
#rent-intro li .icon {
    width: 64px;
    height: 64px;
    background: #53b301;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    fill: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -32px;
}
#rent-intro .availability {
    display: table;
    height: 2.52em;
    font-size: 25px;
    line-height: 1;
}
#rent-intro .availability > span {
    display: table-cell;
    vertical-align: middle;
}
#rent-intro .availability .label {
    background: rgba(0,0,0,0.74);
    padding: 0 1em;
}
#rent-intro .availability .number {
    font-size: 1.92em;
    font-weight: 800;
    background: #ff8800;
    color: #fff;
    padding: 0 .1em;
}
#rent-intro li {
    display: table;
    height: 64px;
}
#rent-intro .form {
    width: 370px;
    float: right;
    background: #fff;
    color: #000;
}
.form-header {
    padding: 30px;
    background: #f8f9fa;
    border-bottom: 1px solid #eeeff0;
}
.form-body {
    padding: 40px;
}
#rent-intro .form .h3 {
    font-size: 31px;
    font-weight: normal;
    padding-left: 60px;
    position: relative;
}
#rent-intro .form .h3 .icon {
    width: 48px;
    height: 48px;
    fill: #9facac;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -24px;
}
.scroll {
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    bottom: 98px;
}
.scroll:hover {
    margin-bottom: -4px;
}
.scroll .icon {
    fill: #979ea7;
}
.scroll:hover .icon {
    fill: #fff;
}
.section-heading .h2 {
    font-size: 66px;
    font-weight: 600;
}
.section-heading:not(.text-center) {
    display: inline-block;
    text-align: right;
}
.section-heading.thin .h2 {
    font-size: 60px;
    font-weight: 300;
}
.section-heading .subtitle {
    font-size: 17px;
    font-weight: 300;
    color: #87878b;
    /*margin: 6px 12px;*/
    margin: 6px 0px 6px 12px;
}
.section-heading.text-center h2 .subtitle {
    text-align: center;
}
#advantages {
    padding: 30px 0 80px;
}
#advantages ol {
    font-size: 19px;
    list-style: none;
    counter-reset: li;
    position: relative;
}
#advantages li {
    display: inline-block;
    vertical-align: middle;
    width: 40%;
    padding-left: 94px;
    position: relative;
    margin: 50px 0 0;
}
#advantages li:first-child {
    width: 48%;
    margin-right: 4%;
}
#advantages li:last-child {
    margin-left: 28%;
    margin-bottom: 40px;
    position: relative;
}
#advantages ol:after {
    content: "";
    display: block;
    width: 196px;
    height: 123px;
    background: url("/local/templates/ms_2018/img/pointer.png") no-repeat;
    position: absolute;
    right: 14%;
    bottom: -15px;
}
#advantages li:before {
    content: counter(li, decimal);
    counter-increment: li;
    display: block;
    width: 54px;
    height: 54px;
    padding-left: 5px;
    background: #ffaf00;
    color: #fff;
    font-size: 44px;
    font-weight: 600;
    line-height: 54px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -27px;
}
#advantages li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 27px 0 27px 10px;
    border-color: transparent transparent transparent #ffaf00;
    position: absolute;
    left: 54px;
    top: 50%;
    margin-top: -27px;
}
#advantages .more {
    text-align: center;
}
#advantages .more .h3 {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-left: 40px;
    border-left: 3px solid #53b301;
    font-size: 33px;
    line-height: 1.1;
    font-weight: normal;
    margin: 40px 40px 0 0;
}
#advantages .more .h3 > span:first-child {
    font-size: 1.45em;
    font-weight: 800;
    color: #f21c59;
}
#advantages .more .h3 > span:last-child {
    display: block;
    font-weight: 300;
}
#advantages .button {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 67px;
    line-height: 67px;
    background: #53b301;
    margin: 40px 0 0;
}
#benefits {
    padding: 110px 0;
    background: url("/local/templates/ms_2018/img/divider2.svg") 50% 100% no-repeat, #fafcfc url("/local/templates/ms_2018/img/divider1.svg") 50% 0 no-repeat;
}
#benefits .lists {
    position: relative;
}
#benefits .lists > div {
    width: 47%;
    float: left;
    margin-top: 50px;
}
#benefits .lists:before {
    content: "";
    display: block;
    width: 1px;
    height: 79px;
    background: #eeeff0;
    position: absolute;
    left: 50%;
    top: 38px;
}
#benefits .lists > div:last-child {
    float: right;
}
#benefits .lists .h3 {
    width: 6em;
    font-size: 40px;
    line-height: 1.35em;
    margin: 0 auto;
    background: #52b301;
    color: #fff;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}
#benefits .lists .h3:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 19px 0 0;
    border-color: #52b301 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 22px;
}
#benefits .online .h3 {
    background: #ff8a00;
}
#benefits .online .h3:after {
    border-top-color: #ff8a00;
}
#benefits ol {
    list-style: none;
    counter-reset: li;
    font-size: 17px;
    font-weight: 300;
}
#benefits ol strong {
    font-weight: 600;
}
#benefits ol li {
    min-height: 44px;
    padding-left: 50px;
    position: relative;
    margin-top: 24px;
}
#benefits ol li:before {
    content: counter(li, decimal) ".";
    counter-increment: li;
    font-size: 44px;
    line-height: 1;
    font-weight: bold;
    color: #52b301;
    position: absolute;
    left: 0;
    top: -0.33em;
}
#benefits .online li:before {
    color: #ff8a00;
}
#benefits .lists .icon {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 1px;
    margin-right: 10px;
}
#benefits .more {
    text-align: center;
    margin-top: 50px;
}
#benefits .more .h3 {
    font-size: 48px;
    font-weight: normal;
}
#benefits .logo, #benefits .logo img, #benefits .logo > span {
    display: block;
    float: none;
    margin: 0 auto;
}
#benefits .logo {
    margin: 40px 0 -100px;
}
#benefits .logo > span {
    margin-top: 8px;
}
#benefits .more ul {
    height: 320px;
    background: url("/local/templates/ms_2018/img/pointers.png") 50% 0 no-repeat;
    margin-top: 50px;
    font-size: 18px;
    position: relative;
}
#benefits .more li {
    width: 30%;
    position: absolute;
    top: 4%;
}
#benefits .more li:nth-child(1), #benefits .more li:nth-child(3) {
    left: 0;
    text-align: right;
    padding-right: 100px;
}
#benefits .more li:nth-child(2), #benefits .more li:nth-child(4) {
    right: 0;
    text-align: left;
    padding-left: 100px;
}
#benefits .more li:nth-child(3), #benefits .more li:nth-child(4) {
    top: 33%;
}
#benefits .more li:nth-child(5) {
    width: 30%;
    top: 60%;
    left: 35%;
    padding-bottom: 90px;
}
#benefits .more .icon {
    width: 72px;
    height: 72px;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    fill: #788593;
}
#benefits .more li:nth-child(1) .icon, #benefits .more li:nth-child(3) .icon {
    right: 0;
}
#benefits .more li:nth-child(2) .icon, #benefits .more li:nth-child(4) .icon {
    left: 0;
}
#benefits .more li:nth-child(5) .icon {
    left: 50%;
    top: auto;
    bottom: 0;
    margin: 0 0 0 -36px;
}
.partnership {
    text-align: center;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 22px 54px rgba(0,0,0,0.12);
    box-shadow: 0 22px 54px rgba(0,0,0,0.12);
    margin: 50px 0;
}
.partnership .h2 {
    height: 94px;
    font-size: 48px;
    font-weight: 600;
    line-height: 94px;
    background: #f6f8f8 url("/local/templates/ms_2018/img/bg-form-heading.png") 50% 0 no-repeat;
    border-bottom: 1px solid #eeefef;
}
.partnership .h2 .icon {
    display: inline-block;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #53b301;
    fill: #fff;
    margin-right: 20px;
}
.partnership .body {
    padding: 25px 50px;
}
.partnership form > * {
    display: inline-block;
    vertical-align: middle;
    width: 28%;
    margin: 15px;
}
.partnership form .agreement {
    min-width: 290px
}
#exhibition .section-heading {
    display: inline-block;
    max-width: 47.5%;
}
#exhibition .description {
    width: 49%;
    font-size: 18px;
    font-weight: 300;
    float: right;
    /*margin-top: 20px;*/
    margin-top: 110px;
}
#exhibition .description p {
    margin-top: 1.5em;
}
#exhibition .slider {
    width: 47.5%;
    max-width: 680px;
    margin-top: 40px;
}
#exhibition .slider .owl-prev, #exhibition .slider .owl-next {
    width: 44px;
    height: 61px;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 17px 13px;
    background: rgba(0,0,0,0.54);
    margin-top: -30px;
}
#exhibition .slider .owl-prev:hover, #exhibition .slider .owl-nex:hover {
    background: rgba(0,0,0,0.8);
}
#exhibition .slider img {
    display: block;
    width: 100%;
    height: auto;
}
#exhibition .figures {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}
#exhibition .figures li {
    width: 25%;
    float: left;
    text-align: center;
    padding: 30px 15px;
    font-weight: 300;
    color: #535355;
    position: relative;
}
#exhibition .figures li:nth-child(4n+1) {
    clear: left;
}
#exhibition .figures li:nth-child(1):after, #exhibition .figures li:nth-child(2):after, #exhibition .figures li:nth-child(3):after {
    content: "";
    display: block;
    width: 1px;
    height: 200px;
    background: #ebeced;
    position: absolute;
    right: 0;
    top: 100px;
}
#exhibition .figures li:nth-child(2):after {
    top: 25px;
}
#exhibition .figures li:nth-child(3):after {
    top: 160px;
}
#exhibition .figures div {
    font-size: 60px;
    color: #798591;
}
#exhibition .figures li:nth-child(2) div, #exhibition .figures li:nth-child(4) div, #exhibition .figures li:nth-child(5) div, #exhibition .figures li:nth-child(7) div {
    color: #53b301;
}
#exhibition .figures div span {
    font-size: .5em;
}
#about-online {
    padding: 50px 0;
}
#about-online .h2 {
    font-size: 48px;
    font-weight: 600;
    text-align: center;
}
#about-online .stats li {
    width: 47%;
    max-width: 550px;
    float: left;
    margin-top: 50px;
}
#about-online .stats li:nth-child(odd) {
    float: right;
}
#about-online .stats .h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
#about-online .stats img {
    display: block;
    max-width: 100%;
    height: auto;
}
#about-online .summary {
    text-align: center;
    margin-top: 40px;
}
#about-online .summary .h3 {
    font-size: 72px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 30px;
}
#about-online .summary th, #about-online .summary td {
    white-space: nowrap;
    padding: 10px 15px;
}
#about-online .social {
    text-align: center;
    margin-top: 50px;
}
#about-online .social .h3 {
    font-size: 36px;
    line-height: 1;
    font-weight: 300;
}
#about-online .social-networks {
    margin-top: 40px;
}
#about-online .social .button {
    height: 67px;
    line-height: 67px;
    max-width: 630px;
    background: #53b301;
    margin: 40px auto 0;
}
#partners {
    padding: 110px 0;
    background: url("/local/templates/ms_2018/img/divider3.svg") 50% 100% no-repeat, #fafcfc url("/local/templates/ms_2018/img/divider4.svg") 50% 0 no-repeat;
    text-align: center;
}
#partners .container {
    max-width: 1320px;
}
#partners .slider {
    padding: 0 60px;
    margin-top: 50px;
}
#partners .owl-prev, #partners .owl-next {
    width: 18px;
    height: 27px;
    margin-top: -14px;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: none;
}
#partners .item {
    height: 80px;
    padding: 0 15px;
}
#partners img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#partners img:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
#location {
    padding: 30px 0;
    text-align: center;
}
#location .h2 {
    font-size: 60px;
    font-weight: 600;
}
#location .address {
    font-size: 15px;
    margin-top: 25px;
}
#location .address .note {
    font-size: 12px;
    color: #858687;
}
#location .directions {
    margin-top: 40px;
}
#location .directions .switcher {
    text-align: center;
    font-size: 36px;
    margin-bottom: 1em;
}
#location .directions .switcher li {
    display: inline-block;
    margin: 0 .4em;
}
#location .directions .switcher a {
    display: inline-block;
    padding: .2em 0;
    color: #bfc5cb;
    font-weight: 300;
    border-bottom: 2px solid transparent;
    margin-left: 60px;
    position: relative;
}
#location .directions .switcher a:not(.active):hover {
    color: #ff8a00;
}
#location .directions .switcher .active {
    color: #000;
    font-weight: normal;
    border-bottom-color: #53b301;
}
#location .directions > div {
    width: 74%;
    width: calc(100% - 300px);
    float: left;
    text-align: left;
    font-weight: 300;
    display: none;
}
#location .directions > div.active {
    display: block;
}
#location .directions .switcher .icon {
    font-size: 42px;
    width: 1em;
    height: 1em;
    fill: #bfc5cb;
    position: absolute;
    left: -55px;
    top: 50%;
    margin-top: -0.5em;
}
#location .directions .switcher .icon.drive {
    font-size: 48px;
    left: -60px;
}
#location .button {
    width: 270px;
    float: right;
}
#location .button .icon {
    width: 40px;
    height: 40px;
    fill: #fff;
}
#map, #map2 {
    height: 490px;
    width: 100%;
    margin-top: 35px;
}

.modal-subscription .promo-header {
    padding-left: 148px;
    min-height: 80px;
    position: relative;
    margin: -5px -10px 40px;
}
.modal-subscription .h3 {
    font-size: 30px;
}
.modal-subscription .promo-header .label {
    font-size: 13px;
    color: #626363;
}
.modal-subscription .promo-header .prize {
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;
}
.modal-subscription .promo-header img {
    width: auto;
    height: auto;
    max-width: 128px;
    max-height: 128px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.modal-subscription .agreement {
    margin: 25px 0 10px;
}
.modal-subscription button {
    margin-top: 20px;
}
.modal-subscription .hide {
    display: inline-block;
    font-size: 13px;
    border-bottom: 1px solid #e5e5e5;
    margin: 18px -10px 0;
}
.modal-subscription .hide:hover {
    border-color: transparent;
}
.main-content .breadcrumbs {
    margin: 0 0 15px;
}
.page-menu {
    background: #fafafa;
    font-size: 15px;
    position: relative;
    z-index: 51;
}
.page-menu .container {
    background: url("/local/templates/ms_2018/img/click.svg") 35px 50% no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
}
.page-menu .trigger {
    padding: 10px 30px;
    position: relative;
    display: none;
    cursor: pointer;
}
.page-menu .trigger .icon {
    width: 14px;
    height: 14px;
    fill: #cacacc;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7px;
}
.page-menu a.active {
    font-weight: bold;
}
.page-menu .slider {
    padding: 10px 56px;
}
.page-menu .slider:after {
    content: "";
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, #fafafa);
    position: absolute;
    right: 56px;
    top: 0;
    pointer-events: none;
}
.page-menu .owl-stage {
    display: -webkit-box;
    display: box;
}
.page-menu .owl-prev, .page-menu .owl-next {
    width: 32px;
    height: 32px;
    padding: 8.5px;
    margin-top: -16px;
    right: 10px;
    background: none;
    z-index: 2;
}
.page-menu .owl-prev svg, .page-menu .owl-next svg {
    width: 10px;
    height: 15px;
}
.page-menu .owl-prev {
    left: auto;
    right: 30px;
}
.page-menu a:hover {
    color: #ff7e00;
}
.article-data {
    font-size: 12px;
    margin: 15px 0;
    color: #9a9d9f;
}
.article-data .views {
    font-size: 10px;
}
.article-data .views .icon {
    width: 12px;
    fill: #d4d8d9;
}
.banner {
    display: inline-block;
    vertical-align: top;
}
.banner img {
    display: block;
    max-width: 100%;
}
.main-sidebar .banner {
    display: block;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    /*background: #800707;
    color: #fff;
    height: 350px;*/
}
.branded-page-wrapper.ajax_load{
    z-index: 101;
}
.main-sidebar .scrollingBlock{
    position: sticky;
    top: 120px;
    z-index: 110;
}
.main-sidebar .scrollingBlock.firstScrollingBlock{
    top: 20px;
}
.main-sidebar .related {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.main-sidebar .related h2, .main-sidebar .related .h2 {
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 30px;
}
.bullet-list li {
    line-height: 1.2;
    padding-left: 30px;
    position: relative;
    margin-top: 1em;
}
.bullet-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #ff7900;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 10px;
    top: .3em;
}
.main-sidebar .related a:hover {
    color: #ff7900;
}
.building-request {
    background: #f2ebe4;
}
.building-request .cta {
    font-size: 24px;
    line-height: 1;
    font-weight: 500;
    width: 42%;
    max-width: 320px;
    float: left;
    text-align: left;
}
.article-category .building-request {
    margin: 30px 0;
}
.building-request .main {
    padding: 35px 50px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}
.building-request .main:before {
    width: 229px;
    height: 137px;
    background: url("/local/templates/ms_2018/img/house.png") 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    bottom: -40px;
    left: 54%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -1;
}
.building-request.calculation .main:before {
    width: 809px;
    height: 768px;
    background-image: url("/local/templates/ms_2018/img/bg-calculation.jpg");
    left: auto;
    right: 44%;
    bottom: 50%;
    margin-bottom: -465px;
    -webkit-transform: none;
    transform: none;
}
.building-request .button {
    width: auto;
    padding: 0 40px;
    background: #ff7e00;
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    text-decoration: none;
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.building-request .form {
    background: #fff;
    padding: 20px 25px;
    margin: 0 10px 10px;
    display: none;
}
#building-request .modal-window {
    max-width: 970px;
}
#building-request .form {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}
#building-request .modal-body {
    padding: 0;
}
#building-request .building-request {
    background: none;
    margin: 0;
}
.building-request form, #building-request .modal-header h3 {
    max-width: 760px;
    margin: 0 auto;
}
#building-request .modal-header h3 {
    font-size: 36px;
    font-weight: normal;
    line-height: 1;
}
.building-request label {
    margin-top: 25px;
}
.building-request .attachment:first-child {
    margin-top: 0px;
}
.building-request .description {
    position: relative;
}
.building-request .description textarea {
    height: 180px;
    padding-left: 0;
}
.building-request .description .input-note {
    font-style: normal;
    position: absolute;
    left: 0;
    top: 45px;
    margin: 0;
}
.building-request .select, .company-registration .select {
    display: block;
}
.building-request select, .building-request select:hover, .building-request .select:after, .building-request .select:hover:after, .company-registration select, .company-registration select:hover, .company-registration .select:after, .company-registration .select:hover:after {
    background: #fff !important;
}
.building-request select, .company-registration select {
    border-color: #e7e8e9;
}
.building-request select {
    padding-left: 42px;
}
.building-request .select:after, .company-registration .select:after {
    bottom: 1px;
}
.building-request .select .input-icon {
    padding: 12px;
    right: auto;
    left: -12px;
}
.building-request label input:first-child {
    padding-left: 0;
}
.building-request .restriction {
    margin: 20px 0 -10px;
}
.building-request .restriction label {
    color: #a2a2a2;
    padding: 0 0 0 60px;
}
.building-request .restriction label:before, .building-request .restriction label:after  {
    left: 0;
    right: auto;
}
.building-request .restriction label:after {
    left: 5px;
}
.building-request .restriction input:checked + label:after  {
    left: 23px;
}
.building-request .input-note {
    font-style: normal;
    margin: 5px 0 0 5px;
    color: #858687;
}
.building-request .quantity {
    margin-top: 28px;
}
.building-request .quantity .value-label {
    display: table;
    height: 44px;
    width: 60%;
    width: calc(100% - 140px);
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
    float: left;
}
.building-request .quantity .value-label span {
    display: table-cell;
    vertical-align: middle;
}
.building-request .quantity .value {
    float: right;
}
.building-request.calculation {
    background: #53b401;
    color: #fff;
}
.building-request.calculation .button {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.32);
}
.building-request.calculation .button:hover {
    border-color: #fff;
}
.quantity .value {
    width: 120px;
    position: relative;
}
.quantity input {
    height: 44px;
    padding: 0;
    text-align: center;
}
.quantity .increase, .quantity .decrease {
    font-size: 12px;
    width: 20px;
    height: 20px;
    fill: #b4b4b4;
    position: absolute;
    top: 12px;
    cursor: pointer;
}
.quantity .decrease {
    left: 5px;
}
.quantity .increase {
    right: 5px;
    fill: #56ab13;
}
.quantity .increase:hover, .quantity .decrease:hover {
    color: #f58220;
}
.building-request button {
    max-width: 331px;
    margin: 30px auto;
}
.single-article .projects  {
    margin: 30px 0;
}
.single-article .projects h2 {
    float: left;
    margin-right: 15px;
    margin-top: 0;
}
.single-article .projects .total {
    font-size: 17px;
    font-weight: 300;
    color: #99999a;
    float: right;
    margin: 10px 0 15px;
}
.single-article .projects .total span {
    font-weight: normal;
    color: #696a6c;
}
.single-article .projects ul {
    margin-left: 0;
}
.single-article .projects ul li {
    padding-left: 0;
}
.single-article .projects ul li:before {
    content: none;
}
.single-article .projects .project-preview {
    padding-bottom: 120px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.single-article .projects .details {
    background: #f5f6f8;
    visibility: visible;
    opacity: 1;
}
.single-article .projects h3 {
    margin: 0;
}
.single-article .projects .owl-prev, .single-article .projects .owl-next {
    margin-top: 0;
    top: 84px;
}
.single-article .project-preview {
    max-width: 257px;
}
.single-article .project-preview:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.single-article .projects .show-all {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    font-weight: 600;
    margin-top: 15px;
    color: #606d79;
    border-bottom: 1px dotted #a3adb6;
    text-decoration: none;
}
.single-article .projects .show-all:hover {
    border-color: transparent;
}
.article-category section + section {
    margin-top: 30px;
}
.article-category section h2 {
    width: 25%;
    width: 270px;
    padding-right: 15px;
    float: left;
    font-size: 27px;
    margin: 10px 0 20px;
}
.subscription-cta {
    display: table;
    width: 75%;
    width: calc(100% - 285px);
    height: 40px;
    border: 1px solid #cde4bd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: right;
    margin-bottom: 20px;
}
.subscription-cta > div {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 15px;
}
.subscription-cta .header {
    font-size: 13px;
    line-height: 1.2;
    color: #626363;
    padding-left: 45px;
    position: relative;
}
.subscription-cta .header .icon {
    width: 20px;
    height: 20px;
    fill: #4cb100;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
}
.subscription-cta .link {
    font-size: 14px;
    white-space: nowrap;
    padding-left: 0;
    border: 0 !important;
}
.subscription-cta .link .icon {
    width: 8px;
    height: 8px;
    fill: #53b401;
    margin-left: 10px;
}
.subscription-cta .link a:hover {
    color: #53b401;
}
.subscription-cta.alt {
    border-color: #f3dac3;
}
.subscription-cta.alt .icon {
    fill: #ff7800;
}
.subscription-cta.alt .link a:hover {
    color: #ff7800;
}
.category-columns .article-preview .image {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}
.category-columns .article-preview .image:after {
    content: none;
}
.category-columns .article-preview .image img {
    max-width: 100%;
}
.category-columns .article-preview:hover img {
    opacity: 1 !important;
}
.category-columns .date {
    margin: 0;
}
.category-columns .article-preview h3 {
    font-size: 17px;
    line-height: 1.1;
    font-weight: 600;
}
.category-columns h3 + .date, .category-columns h3 + p {
    margin-top: 10px;
}
.category-columns .item {
    margin-bottom: 20px;
}
.category-columns .banner {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}
.category-columns .item.main h3 a {
    font-size: 1.47em;
    line-height: 1.2;
    font-weight: bold;
}
.category-columns .col.col1-4 {
    width: 25%;
}
.category-columns .col.col2-5 {
    width: 25%;
}
.category-columns .col.col3-5 {
    width: 27.5%;
}
.category-columns .item .col {
    width: 45%;
}
.category-columns .item .col:last-child {
    width: 55%;
}
.category-columns .item .col h3 a {
    font-size: 1.1em;
}
.category-columns .col.tablet, .category-columns .col.mobile {
    display: none;
}
.mobile-phones-button{display: none; width: 32px; height: 32px; float: right;}
.mobile-phones-button .icon{fill: #ff7e00;}
@media (max-width: 600px) {
    .mobile-phones-button{width: 24px; height: 24px; margin-top: 5px;}
}
#exchange-header {
    padding: 60px 0 30px;
    background: #f9fafa url("/local/templates/ms_2018/img/bg-exchange-header.jpg") 50% 0 no-repeat;
}
#exchange-header .page-header {
    font-size: 72px;
    font-weight: 800;
}
#exchange-header .description {
    font-size: 20px;
    font-weight: normal;
    min-height: 9em;
    max-width: 420px;
    margin-top: 1em;
}
#exchange-header .features {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
#exchange-header .features li {
    padding: 25px;
    width: calc(25% - 22.5px);
    line-height: 1.17;
    background: #fff;
    -webkit-box-shadow: 0 5px 40px rgba(0,0,0,0.1), 0 14px 0 -7px #fff, 0 14px 40px -7px rgba(0,0,0,0.1), 0 28px 0 -14px #fff, 0 28px 40px -14px rgba(0,0,0,0.1);
    box-shadow: 0 5px 40px rgba(0,0,0,0.1), 0 14px 0 -7px #fff, 0 14px 40px -7px rgba(0,0,0,0.1), 0 28px 0 -14px #fff, 0 28px 40px -14px rgba(0,0,0,0.1);
    text-align: center;
    position: relative;
    margin: 0 0 40px;
}
#exchange-header .features li:before {
    content: "";
    width: 42px;
    height: 36px;
    background: url("/local/templates/ms_2018/img/ribbon3.svg") no-repeat;
    -webkit-background-size: contaon;
    background-size: contain;
    position: absolute;
    right: 28px;
    top: -4px;
}
#exchange-header .features li > div:first-child {
    max-width: 200px;
    font-size: 66px;
    font-weight: 800;
    color: #52b301;
    margin: 0 auto;
    /*text-align: left;*/
}
#exchange-header .features li > div:last-child {
    max-width: 160px;
    color: #626363;
    margin: .5em auto 0;
}
#exchange-header .contacts {
    display: table;
    width: 100%;
    height: 152px;
    background: #fff;
    border: 1px solid #edefef;
}
#exchange-header .contacts > li {
    display: table-cell;
    width: 50%;
    padding: 22px 30px 22px 80px;
    position: relative;
}
#exchange-header .contacts > li:first-child:after {
    content: "";
    width: 1px;
    height: 82%;
    background: #edefef;
    position: absolute;
    right: 0;
    top: 9%;
}
#exchange-header .contacts .icon {
    width: 27px;
    height: 27px;
    fill: #8f9699;
    position: absolute;
    left: 34px;
    top: 30px;
}
#exchange-header .contacts .phone, #exchange-header .contacts .email {
    white-space: nowrap;
    font-size: 21px;
    font-weight: 800;
    line-height: 42px;
}
#exchange-header .contacts .phone {
    font-size: 27px;
}
#exchange-header .contacts .callback {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    padding: 0 20px;
    background: #fff;
    border: 2px solid #52b301;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    right: 40px;
    top: 22px;
}
#exchange-header .contacts .callback:hover {
    background: #52b301;
    color: #fff;
}
#exchange-header .contacts .note {
    font-size: 15px;
    color: #626363;
    margin-top: 5px;
}
.exchange-requests {
    background: #f9fafa;
    margin: 15px auto 0;
}
.exchange-requests .container {
    max-width: 1058px;
}
.exchange-requests .switcher li {
    width: 50%;
    height: 132px;
    padding: 20px;
    background: #fff;
    border: 6px solid #ecf0f0;
    text-align: center;
    float: left;
    position: relative;
    cursor: pointer;
}
.exchange-requests .switcher li:first-child {
    margin-right: -3px;
}
.exchange-requests .switcher li:last-child {
    margin-left: -3px;
}
.exchange-requests .switcher li.active {
    border-color: #ff7e00;
    z-index: 2;
}
.exchange-requests .switcher .subtitle {
    font-size: 12px;
    color: #626363;
    margin: 0 0 8px;
}
.exchange-requests .switcher .title {
    font-size: 27px;
    font-weight: 600;
    line-height: .9;
}
.exchange-requests .switcher .active .title {
    color: #ff7e00;
}
.exchange-requests .steps {
    display: table;
    width: 100%;
    table-layout: fixed;
    font-weight: 600;
    list-style: none;
    counter-reset: li;
    margin-top: 30px;
}
.exchange-requests .steps li {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding-left: 90px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.1;
    margin-top: 30px;
    position: relative;
}
.exchange-requests .steps .title {
    font-size: 21px;
    font-weight: bold;
    margin: 3px 0;
}
.full_version{display:none;}

.exchange-requests .steps .description {
    font-size: 14px;
    font-weight: normal;
    color: #626363;
    margin-top: 5px;
}
.exchange-requests .steps li:before {
    content: counter(li, decimal-leading-zero);
    counter-increment: li;
    display: block;
    font-size: 44px;
    font-weight: 800;
    color: #52b301;
    letter-spacing: -0.05em;
}
.exchange-requests .steps .icon {
    content: "";
    font-size: 48px;
    width: 1em;
    height: 1em;
    fill: #64707c;
    position: absolute;
    left: 25px;
    top: 10px;
}
.exchange-requests .steps.extended li {
    padding: 0 0 30px 60px;
    border-bottom: 1px solid #ebeded;
}
.exchange-requests .steps.extended .icon {
    left: 0;
}
.exchange-requests .form.building-request, .company-registration .main {
    display: block;
    background: #fff;
    padding: 0 30px;
    -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.03);
    box-shadow: 0 12px 40px rgba(0,0,0,0.03);
    margin: 35px auto 50px;
}
.company-registration .main {
    padding: 0;
}
.exchange-requests .form-body {
    max-width: 848px;
    margin: 0 auto;
}
.exchange-requests .company-registration .form-body {
    max-width: 930px;
}
.exchange-requests .categories {
    max-width: 930px;
    margin: 15px auto 0;
}
.exchange-requests .categories li {
    width: 32%;
    float: left;
    margin: 25px 0 0 2%;
}
.exchange-requests .categories li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.exchange-requests .categories p {
    font-size: 15px;
    line-height: 1.33;
    color: #626363;
    margin-left: 45px;
}
.exchange-requests .form .section {
    margin-bottom: 30px;
}
.exchange-requests .form .section-header {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 .5em;
}
.exchange-requests .form .section-header .number {
    color: #52b301;
    font-weight: 800;
}
.exchange-requests .options .section-header {
    font-size: 22px;
}
.exchange-requests .options-header, .rollup_options .options-header {
    display: inline-block;
    vertical-align: baseline;
    font-size: 17px;
    font-weight: 600;
    margin: 1em 0;
}
.exchange-requests .more, .proposals .more, .rollup_options .more  {
    display: inline-block;
    vertical-align: baseline;
    color: #606d79;
    font-size: 15px;
    margin-left: .5em;
}
.exchange-requests .more span, .proposals .more span, .rollup_options .more span{
    border-bottom: 2px dotted #a3adb6;
}
.exchange-requests .more:hover span, .proposals .more:hover span, .rollup_options .more:hover span{
    border-color: transparent;
}
.exchange-requests .more .icon, .proposals .more .icon, .rollup_options .more .icon{
    display: inline-block;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    fill: #53b301;
    margin-left: 6px;
}
.exchange-requests .options ul, .modal-options ul, .rollup_options ul{
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 1em;
}
.rollup_options li:nth-child(n+13) {
    display: none;
}
.exchange-requests .captcha {
    margin: 20px 0;
}
.exchange-requests .captcha > img {
    display: block;
    max-width: 100%;
}
.company-registration button, .modal-options .button  {
    max-width: 302px;
    background-image: -webkit-linear-gradient(left, #ffc000, #ff8900);
    background-image: linear-gradient(to right, #ffc000, #ff8900);
    margin: 20px 0 0;
}
.company-registration .agreement {
    float: none;
    margin: 20px 0 0;
}
.companies-stats .section-header {
    font-size: 60px;
    font-weight: 800;
}
.companies-stats ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    font-size: 15px;
    overflow: hidden;
}
.companies-stats li {
    width: 25%;
    border: 1px solid #f4f5f5;
    border-right-width: 0;
    padding: 20px 10px;
    margin-bottom: -1px;
}
.companies-stats li:nth-child(-n+4) {
    border-top-width: 0;
}
.companies-stats li:nth-child(4n+1) {
    border-left-width: 0;
}
.companies-stats img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.companies-stats .title {
    font-size: 20px;
    line-height: 1.2;
    margin-top: 5px;
    font-weight: bold;
}
.companies-stats .number {
    font-size: 15px;
    color: #939393;
}
.companies-stats .number span {
    font-weight: bold;
    color: #52b301;
}
.proposals .show-all {
    max-width: 306px;
    height: 55px;
    line-height: 51px;
    margin: 15px auto;
    background: #fff;
    color: #313334;
    font-weight: 500;
    border: 2px solid #52b301;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.proposals .show-all .icon {
    width: 12px;
    height: 12px;
    fill: #ff9000;
    margin: 0 0 0 10px;
}
.proposals .show-all:hover {
    background: #52b301;
    color: #fff;
}
.proposals .show-all:hover .icon {
    fill: #fff;
}
.proposals-header {
    margin: 30px 0 20px;
}
.proposals .section-header {
    display: inline-block;
    font-size: 60px;
    font-weight: 800;
    margin: .2em 30px .2em 0;
}
.proposals .more-triggers {
    display: inline-block;
}
.proposals .more {
    margin: 0 25px 0 0;
}
.proposals .more .icon {
    fill: #6e7a84;
}
.proposals .total {
    font-size: 18px;
    float: right;
    margin-top: 45px;
}
.modal-window.modal-options {
    max-width: 606px;
    padding: 25px 60px 40px;
}
.modal-options .modal-close {
    top: 25px;
    margin-top: 0;
}
.modal-options .title {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 1em;
}
.modal-options .button  {
    margin: 30px auto 0;
}
.proposal {
    display: table;
    width: 100%;
    padding: 15px 0;
    font-size: 14px;
    border: 2px solid #eaeeee;
    color: #626363;
    margin: 15px 0 0;
}
.proposal:hover, .proposal.active {
    border-color: #70c329;
    -webkit-box-shadow: 0 12px 40px rgba(0,0,0,0.11);
    box-shadow: 0 12px 40px rgba(0,0,0,0.11);
}
.proposal > div {
    display: table-cell;
    padding: 0 20px;
    border-left: 1px solid #f3f4f4;
    vertical-align: top;
    position: relative;
}
.proposal .main {
    border-left: 0;
}
.proposal .client {
    width: 30%;
}
.proposal .params {
    width: 26.5%;
}
.proposal .actions {
    width: 230px;
}
.proposal .id {
    font-size: 16px;
    font-weight: 500;
}
.proposal .date {
    font-weight: 500;
    color: #626363;
}
.proposal .status {
    background: #f6f9f3;
    margin-top: 15px;
}
.proposal .status .header {
    padding: 10px 20px 10px 50px;
    background: #f2f7ee url("/local/templates/ms_2018/img/check2.svg") 20px 50% no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    border-bottom: 1px solid #e3e9df;
    font-size: 12px;
}
.proposal .status .description {
    font-size: 12px;
    line-height: 1.2;
    padding: 10px 20px;
}
.proposal .client li > span:first-child, .proposal .params li > span:first-child {
    font-weight: 500;
    color: #313334;
}
.proposal .client .message {
    font-size: 14px;
    line-height: 16px;
    margin-top: .5em;
    position: relative;
}
.proposal .client .message.excerpt {
    max-height: 96px;
    overflow: hidden;
}
.proposal .client .message.excerpt.active {
    max-height: none;
}
.proposal .client .message.excerpt:after {
    content: "";
    display: block;
    width: 100%;
    height: 48px;
    background: -webkit-linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
    position: absolute;
    left: 0;
    bottom: 0;
}
.proposal .client .message.excerpt.active:after {
    content: none;
}
.proposal .client .show-message {
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px dotted #a3adb6;
    display: inline-block;
    margin-top: 1em;
    position: relative;
}
.proposal .client .show-message:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url("/local/templates/ms_2018/img/arrow.svg");
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -4px;
}
.proposal .client .show-message:hover {
    border-color: transparent;
}
.proposal .params .budget {
    color: #51b000;
}
.proposal .file {
    padding: 5px 0 5px 40px;
    background: url("/local/templates/ms_2018/img/file.svg") 0 50% no-repeat;
    -webkit-background-size: 24px 20px;
    background-size: 24px 20px;
    margin: 10px 0 0;
}
.proposal .audio {
    padding: 0 50px 0 42px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ebf0f1;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    position: relative;
}
.proposal .audio .play {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -12px;
}
.proposal .audio .timeline {
    width: 100%;
    height: 4px;
    background: #f5f6f7;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 15px auto 0;
    cursor: pointer;
}
.proposal .audio .timeline .progress {
    height: 100%;
    background: #ff7e00;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.proposal .audio .duration {
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
}
.proposal .button {
    height: auto;
    padding: 12px 10px;
    margin: 0 0 10px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    font-weight: bold;
}
.proposal .button.blank {
    background: #fff;
    border: 2px solid #53b301;
    font-weight: bold;
    color: #53b301;
}
.proposal .button.blank:hover {
    background: #53b301;
    color: #fff;
}
.proposal .actions .count {
    text-align: center;
}
.proposal + .show-all {
    margin-top: 45px;
}
.proposal .login {
    font-size: 13px;
    color: #939393;
}
.proposal .login a {
    color: #606d79;
    border-bottom: 1px dotted #dbdbdb;
}
.proposal .login a:hover {
    border-color: transparent;
}
.plots-list > li {
    padding: 20px 30px;
    border: 1px solid #eeeff2;
    margin-top: 30px;
    position: relative;
}
.plots-list > li.recommended {
    border-color: #ffd200;
    -webkit-box-shadow: 0 3px 32px rgba(0,0,0,0), 0 0 0 2px #ffd200 inset;
    box-shadow: 0 3px 32px rgba(0,0,0,0), 0 0 0 2px #ffd200 inset;
}
.plots-list > li:hover {
    border-color: #fff;
    -webkit-box-shadow: 0 3px 32px rgba(0,0,0,0.11);
    box-shadow: 0 3px 32px rgba(0,0,0,0.11);
}
.plots-list .gallery {
    width: 326px;
    float: left;
    position: relative;
}
.plots-list .gallery img {
    display: block;
    width: 100%;
}
.plots-list .gallery ul {
    margin-top: 6px;
}
/*
.plots-list .gallery li:nth-child(n+2) {
	float: left;
	margin: 6px 0 0 4px;
}
.plots-list .gallery li:nth-child(5n+2) {
	clear: left;
	margin-left: 0;
}
*/
.plots-list .gallery .owl-stage {
    display: -webkit-box;
    display: box;
}
.plots-list .gallery .owl-prev, .plots-list .gallery .owl-next {
    width: 38px;
    height: 38px;
    background: rgba(0,0,0,0.57);
    padding: 8px;
    left: 15px;
    margin-top: -19px;
    opacity: 0;
}
.plots-list .gallery .owl-next {
    left: auto;
    right: 15px;
}
.plots-list .gallery .owl-prev svg, .plots-list .gallery .owl-next svg {
    width: 14px;
    height: 21px;
    fill: #fff;
}
.plots-list .gallery .owl-prev:hover svg, .plots-list .gallery .owl-next:hover svg {
    fill: #53b301;
}
.plots-list .gallery a {
    display: block;
    position: relative;
}
.plots-list .gallery .owl-carousel:hover .owl-prev, .plots-list .gallery .owl-carousel:hover .owl-next {
    opacity: 1;
}
/*
.plots-list .gallery a:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(83,179,1,0.86) url("/local/templates/ms_2018/img/view.svg") 50% 50% no-repeat;
    -webkit-background-size: 32px 21px;
    background-size: 32px 21px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.plots-list .gallery a:hover:after {
    opacity: 1;
}
 */
.plots-list > li.recommended .gallery:after, .plots-list.card.recommended .gallery .main:after {
    content: "Рекомендуем";
    background: #ffd200;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.plots-list.card.recommended .gallery .main {
    position: relative;
}
.plots-list.card.recommended .gallery .main:after {
    left: auto;
    right: 0;
}
.plots-list .description {
    width: calc(100% - 356px);
    float: right;
}
.plots-list .title {
    display: block;
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    padding-right: 10px;
}
.plots-list .features li {
    font-size: 13px;
    float: left;
    margin: 10px 25px 0 0;
    font-weight: 500;
}
.plots-list .features .address {
    width: 100%;
}
.plots-list .features .address, .plots-list .features .address + li {
    clear: left;
}
.plots-list .features span {
    color: #373737;
    font-weight: 300;
}
.plots-list .features .label {
    float: left;
    margin-right: 10px;
}
.plots-list .features .label + div {
    overflow: hidden;
}
.plots-list .features a {
    white-space: nowrap;
    border-bottom: 1px solid #dbdfe6;
}
.plots-list .features a:hover {
    border-color: transparent;
}
.plots-list .features .icon {
    width: 1em;
    height: 1em;
    fill: #53b301;
    margin: 0 .2em -0.15em -0.2em;
}
.plots-list .highlights {
    display: table;
    width: 100%;
    padding: 5px 0 7px;
    position: relative;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    margin-top: 20px;
}
.plots-list .highlights:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #f4f6f7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.plots-list .highlights li {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    border-left: 1px solid #eeeff2;
    width: 50%;
}
.plots-list .highlights li:first-child {
    border-left: 0;
}
.plots-list .highlights .label, .plots-list .contacts .label {
    font-weight: 300;
    color: #373737;
}
.plots-list .highlights li span {
    font-size: 18px;
}
.plots-list .infrastructure {
    margin: 20px 0 10px;
}
.plots-list .infrastructure .label {
    font-weight: 500;
}
.plots-list .infrastructure li {
    float: left;
    margin: 8px 8px 0 0;
    position: relative;
}
.plots-list .infrastructure .icon {
    width: 26px;
    height: 26px;
    fill: #999ea5;
}
.plots-list .infrastructure .icon:hover {
    fill: #ff7e00;
}
.plots-list .infrastructure .tooltip {
    padding: 4px 10px 2px;
    background: rgba(0,0,0,0.75);
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    position: absolute;
    left: -13px;
    bottom: -22px;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.plots-list .infrastructure .tooltip:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 0 14px;
    border-color: transparent transparent transparent rgba(0,0,0,0.75);
    position: absolute;
    left: 20px;
    top: -6px;
}
.plots-list .infrastructure li:hover .tooltip, .plots-list .infrastructure li:active .tooltip {
    opacity: 1;
    visibility: visible;
    display: inline-block;
    top: auto;
}
.plots-list .more.button {
    float: right;
    margin-top: 5px;
}
.button.small {
    display: inline-block;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    width: auto;
}
.plots-list .contacts-trigger {
    padding-right: 1.3em;
    font-size: 13px;
    font-weight: 600;
    color: #606d79;
    position: relative;
    float: left;
    margin-top: 15px;
}
.plots-list .contacts-trigger .icon {
    width: .8em;
    height: 1em;
    fill: #606d79;
    position: absolute;
    right: 0;
    top: .2em;
}
.plots-list .contacts-trigger.active .icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.plots-list .contacts-trigger span {
    border-bottom: 1px dotted #a3adb6;
}
.plots-list .contacts {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    padding-top: 5px;
    overflow: hidden;
    display: none;
}
.plots-list .contacts .label {
    font-size: 13px;
}
.plots-list .contacts-trigger:hover span {
    border-color: transparent;
}
.plots-list .contacts li {
    padding: 0 30px 0 20px;
    float: left;
    position: relative;
    margin-top: 10px;
}
.plots-list .contacts li:first-child {
    width: 376px;
}
.plots-list .contacts li:first-child:before {
    content: "";
    width: 2px;
    height: 80%;
    background: #53b301;
    position: absolute;
    left: 0;
    top: 8%;
}
.plots-list .contacts li:last-child {
    padding-right: 0;
}
.plots-list .contacts .icon {
    width: 13px;
    height: 13px;
    fill: #53b301;
    position: absolute;
    left: 0;
    top: 6px;
}
.plots-list .project-actions {
    bottom: auto;
    top: 20px;
    right: 20px;
    display: flex;
    gap: 5px;
}
.plots-list .project-actions li + li {
    margin-top: 0px;
}

.plots-list .project-actions a:hover {
    background: #ff7e00;
    fill: #fff;
}
.plot-header {
    position: relative;
}
.plot-header .project-actions {
    margin-top: 15px;
}
.project-actions.static {
    position: static;
}
.project-actions.static li {
    float: left;
}
.project-actions.static li + li {
    margin: 0 0 0 25px;
}
.project-actions.static a {
    width: auto;
    height: auto;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    color: #9fa9b3;
}
.project-actions.static .icon {
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #f4f6f7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    float: left;
}
.project-actions.static a:hover .icon {
    background: #ff7e00;
}
.project-actions.static span {
    position: static;
    background: none;
    font-size: 13px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    margin: 0 0 0 10px;
    color: #9fa9b3;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    visibility: visible;
    opacity: 1;
}
.plots-list.card {
    position: relative;
}
.plots-list.card .gallery {
    width: calc(100% - 500px);
    overflow: hidden;
}
.plots-list.card .gallery ul {
    margin-top: 14px;
}
.plots-list.card .gallery a:after {
    -webkit-background-size: 54px auto;
    background-size: 54px auto;
}
.plots-list.card .description {
    width: 500px;
    padding-left: 30px;
}
.plots-list.card .features li {
    font-size: 16px;
}
.plots-list.card .features li.highway {
    font-size: 14px;
}
.plots-list.card .highlights {
    padding: 15px 0;
    font-size: 18px;
}
.plots-list.card .highlights .label {
    font-size: 13px;
}
.plots-list.card .highlights li span {
    font-size: 24px;
}
.plots-list.card .highlights:before {
    content: "";
    width: 110%;
}
.plots-list.card .infrastructure {
    padding-bottom: 10px;
    border-bottom: 1px solid #f2f4f5;
    margin-bottom: 10px;
}
.plots-list.card .infrastructure .label {
    font-size: 18px;
}
.plots-list.card .contacts {
    display: block;
}
.plots-list .contacts .contactsBlocks {
    display: flex;
    width: 100%;
    gap: 20px;
}
.plots-list .contacts .contactsBlocks .contactsBlock {
    width: 50%;
    position:relative;
}
.plots-list .contacts .contactsBlocks .contactsBlock ul{
    display: flex;
    flex-wrap: wrap;
}
.plots-list .contacts .contactsBlocks .contactsBlock ul li{
    width: 50%;
}
.plots-list .contacts .contactsBlocks .contactsBlock:nth-child(2n)::before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #eeeff2;
    left: -20px;
}
.plots-list.card .contacts li, .plots-list.card .contacts li:first-child {
    width: 50%;
    padding-right: 20px;
}
.plots-list .contacts li:nth-child(odd) {
    clear: left;
}
.plots-list.card .contacts .phone {
    font-size: 1.2em;
    white-space: nowrap;
}
.plot .consultation {
    margin: 50px 0 10px;
}
.plot .consultation .h2 {
    width: 31.6%;
    padding: 0 40px;
    font-size: 27px;
    font-weight: normal;
    float: left;
    position: relative;
}
.plot .consultation .h2 span {
    display: block;
    font-size: 50px;
    font-weight: 600;
    line-height: .9;
    margin-bottom: .5em;
}
.plot .consultation .h2 .icon {
    display: none;
}
.plot .consultation .h2:before {
    content: "";
    width: 4px;
    height: 81px;
    background: #53b401;
    position: absolute;
    left: 0;
    top: -40px;
}
.plot .consultation form {
    width: 68.4%;
    float: right;
    margin: 0;
}
.plot .consultation {
    padding: 40px 0;
}
.plot .consultation .col {
    width: 33.333%;
    margin-bottom: 25px;
}
.plot .consultation .agreement {
    width: 50%;
    max-width: 330px;
    float: left;
    position: relative;
    margin: 0 15px;
}
.plot .consultation button {
    width: 270px;
    float: left;
}
.plot-description {
    font-size: 17px;
}
.h2.section-header {
    font-weight: normal;
    margin: 0 0 1em;
}
.section-header .icon {
    width: .8em;
    height: .8em;
    fill: #53b401;
    float: left;
    margin: .1em .3em 0 0;
}
.plot-description .section-header {
    margin-bottom: .7em;
}
.plot-description .more {
    display: none;
}
.plot-description .show-more {
    max-width: 270px;
    height: 55px;
    line-height: 53px;
    border: 1px solid #e3e7ea;
    background: #fff;
    color: #606d79;
    font-size: 15px;
    font-weight: normal;
    margin-top: 30px;
}
.plot-description .show-more:hover {
    border-color: #52b301;
}
.plot-description .show-more span {
    border-bottom: 2px dotted #d5d9dd;
}
.plot-description .show-more .icon {
    width: 12px;
    height: 12px;
    fill: #52b301;
    margin: 0 -4px 0 50px;
}
.plot-videos {
    overflow: hidden;
    margin-bottom: -20px;
}
.plot-videos .slider {
    max-width: 384px;
    margin: 0 auto;
}
.plot-videos .section-header {
    margin-bottom: .5em;
}
.plot-videos .owl-stage-outer {
    overflow: visible;
}
/*
.plot-videos .owl-item img {
    opacity: .25;
}
#company-gallery .owl-item.active img {
    opacity: 1;
}
*/
.plot-videos .owl-prev, .plot-videos .owl-next {
    width: 71px;
    height: 71px;
    background: #fff;
    padding: 22px;
    margin-top: -35.5px;
}
.plot-videos .owl-prev {
    left: -83px;
}
.plot-videos .owl-next {
    right: -83px;
}
.plot-videos .owl-item {
    padding: 50px 0;
}
.plot-videos .item {
    display: block;
    position: relative;
}
.plot-videos .item:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    position: absolute;
    left: 0;
    top: 0;
}
.plot-videos .play {
    display: block;
    font-size: 75px;
    width: 1em;
    height: 1em;
    background: rgba(47,48,50,0.7) url("/local/templates/ms_2018/img/play2.svg") 50% 50% no-repeat;
    -webkit-background-size: .54em;
    background-size: .54em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 20px 51px rgba(42,42,42,0.64);
    box-shadow: 0 20px 51px rgba(42,42,42,0.64);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.5em 0 0 -0.5em;
    z-index: 3;
}
.plot-videos .active .play {
    font-size: 137px;
    background-color: rgba(228,36,58,0.92);
    -webkit-box-shadow: 0 20px 51px rgba(190,22,39,0.64);
    box-shadow: 0 20px 51px rgba(190,22,39,0.64);
}
.plot-videos .active {
    z-index: 5;
}
.plot-videos .active .item {
    -webkit-transform: scale(1.25);
    transform: scale(1.25) rotate(0.001deg); /* ff shake bug */
    -webkit-box-shadow: 0 10px 0 -5px #fff, 0 0 40px rgba(0,0,0,0.14), 0 20px 0 -10px #fff, 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 10px 0 -5px #fff, 0 0 40px rgba(0,0,0,0.14), 0 20px 0 -10px #fff, 0 0 40px rgba(0,0,0,0.14);
}
.review-list .name {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-right: 15px;
}
.review-list .name .icon {
    width: 41px;
    height: 33px;
    fill: #ff7e00;
    float: left;
    margin-right: 15px;
}
.review-list .date {
    float: left;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5px;
}
.review-list .rating {
    line-height: 28px;
    float: right;
}
.review-list .rating .label {
    font-size: 12px;
    font-weight: 300;
    float: left;
    margin-right: 10px;
}
.review-list .rating li {
    width: 25px;
    height: 25px;
}
.review-list .rating .average {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    float: right;
    margin-left: 10px;
}
.review-list > li {
    margin-bottom: 30px;
}
.review-list > li:nth-child(n+2) {
    display: none;
}
.review-list .review {
    padding: 35px 50px 35px 95px;
    background: #f4f6f7;
    font-size: 17px;
    position: relative;
    margin-top: 20px;
}
.review-list .review:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 0 20px;
    border-color: transparent transparent transparent #f4f6f7;
    position: absolute;
    left: 86px;
    bottom: 100%;
}
.review-list .review .label {
    font-weight: bold;
    position: relative;
}
.review-list .review .label .icon {
    width: 26px;
    height: 26px;
    fill: #bcc5ca;
    position: absolute;
    top: 5px;
    left: -50px;
}
.review-list .review p {
    padding: 2px 0 12px;
}
.review-list .review .more {
    display: none;
}
.review-list .review .show-more {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
    color: #606d79;
    border-bottom: 2px dotted #d5d9dd;
    margin-top: 10px;
}
.review-list .review .show-more:hover {
    border-color: transparent;
}
.review-list .review .comment .icon {
    width: 30px;
    height: 30px;
}
.review-list + .show-more {
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.review-list + .show-more span {
    border-bottom: 2px dotted #a3adb6;
}
.review-list + .show-more:hover span {
    border-color: transparent;
}
.review-list + .show-more .icon {
    width: 1.4em;
    height: 1.4em;
    vertical-align: middle;
    fill: #5ac500;
    margin-right: .8em;
}
.plot-plan .plan {
    display: block;
    position: relative;
}
.plot-plan .plan img {
    display: block;
    max-width: 100%;
}
.plot-plan .zoom {
    display: block;
    width: 55px;
    height: 55px;
    background: #56bc00;
    fill: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 12px 9px 9px 12px;
    -webkit-box-shadow: 0 9px 14px 4px rgba(86,188,0,0.43);
    box-shadow: 0 9px 14px 4px rgba(86,188,0,0.43);
    position: absolute;
    right: 0;
    bottom: 55px;
}
.plot-plan .zoom:hover {
    -webkit-box-shadow: 0 9px 14px 6px rgba(86,188,0,0.55);
    box-shadow: 0 9px 14px 6px rgba(86,188,0,0.55);
}
.map-wrapper #map {
    height: 450px;
    margin: 0;
}
.map-wrapper .section-header {
    margin-bottom: .7em;
}
.map-wrapper iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.main-sidebar .subscription:first-child {
    margin-top: 0;
}
.articles .article-data .date {
    margin-bottom: 0;
}
.main-sidebar .article-preview + .article-preview {
    margin-top: 20px;
}
.interesting-related {
    background: #f3f8ef;
    color: #373737;
    display: block;
    padding: 20px 40px;
    font-size: 21px;
    line-height: 1.33;
    position: relative;
    margin: 15px 0;
}
.interesting-related .icon {
    width: 58px;
    height: 58px;
    fill: #53b401;
    float: left;
    margin: 0 20px 0 -20px;
}
.interesting-related p {
    overflow: hidden;
    margin-top: 5px;
}
.interesting-related .note {
    text-align: right;
    font-size: 12px;
    color: #b3bbac;
    margin-top: 15px;
}
.article-data .share {
    font-size: 14px;
    color: #000;
    float: left;
    margin-left: 20px;
}
.article-data .share img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.article-data .rating + .bookmark {
    float: right;
}
.article-author {
    padding: 10px 30px 10px 140px;
    background: #fbfcfc;
    margin: 40px 0;
    position: relative;
}

.article-author > a img {
    width: 92px;
    height: 92px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 28px;
    top: 50%;
    margin-top: -46px;
}

.article-author .label {
    font-size: 12px;
    float: left;
}
.article-author .position {
    color: #9c9c9c;
    font-size: 13px;
    float: right;
    margin-top: 15px;
}
.article-author .name {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    float: left;
    clear: left;
    margin-top: 5px;
}
.article-author .social {
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    float: left;
    clear: left;
    margin-top: 5px;
}
.article-author .social a {
    text-decoration: none;
}
.article-author .social img {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.design-gallery {
    position: relative;
}
.design-gallery:after {
    content: "";
    display: block;
    width: 30%;
    height: 100%;
    background: -webkit-linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.5));
    background: linear-gradient(to right, rgba(0,0,0,0),rgba(0,0,0,0.5));
    position: absolute;
    right: 0;
    top: 0;
}
.design-gallery .thumbs {
    width: 12.05%;
    max-width: 100px;
    height: 90.4%;
    position: absolute;
    right: 1.8%;
    top: 4.8%;
    z-index: 2;
}
.design-gallery .thumbs > div {
    height: 22.527%;
    position: relative;
    margin-bottom: 12.7%;

}
.design-gallery .thumbs > div:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(83,179,1,0.62) url("/local/templates/ms_2018/img/view.svg") 50% 50% no-repeat;
    -webkit-background-size: 19px 13px;
    background-size: 19px 13px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.design-gallery .thumbs > div:hover:after {
    opacity: 1;
}
.design-gallery .thumbs img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border: 2px solid #ff8f00;
}
.design-gallery .thumbs .active img, .design-gallery .thumbs > div:hover img {
    border-color: #50ad01;
}
.article-preview .bookmark {
    position: absolute;
    right: 15px;
    top: 15px;
}
.article-preview .photos {
    font-size: 12px;
    color: #c6c6c6;
    padding-left: 20px;
    background: url("/local/templates/ms_2018/img/camera.svg") 0 50% no-repeat;
    -webkit-background-size: 12px;
    background-size: 12px;
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.design-category .article-preview .image:before {
    content: "";
    width: 100%;
    height: 33%;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
    position: absolute;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.design-category .article-preview.alt .image:before {
    height: 67%;
    background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
}
.design-category .article-preview.alt {
    position: relative;
}
.design-category .category-columns .item {
    margin-bottom: 25px;
}
.article-preview.alt .top-data, .article-preview.alt .bottom-data {
    padding-right: 30px;
    position: absolute;
    left: 40px;
    top: 8px;
}
.article-preview.alt .bottom-data {
    top: auto;
    bottom: 12px;
}
.design-category .article-preview h3, .design-category .article-preview .h3 {
    font-size: 17px;
    font-weight: 600;
}
.article-preview.alt .h3 {
    font-size: 27px;
    font-weight: 800;
    line-height: 1;
    color: #fff;
}
.article-preview.alt .views {
    float: left;
    margin-left: 15px;
}
.article-preview.alt .photos {
    right: 40px;
    bottom: 20px;
}
.article-preview.alt .category, .article-preview.alt .tag {
    background: #f4f6f7;
    border-color: #f4f6f7;
}
.article-category .show-more {
    display: block;
    line-height: 49px;
    background: #f4f6f7;
    color: #606d79;
    font-size: 14px;
    text-align: center;
    margin-top: 25px;
}
.article-category .show-more:hover {
    background: #53b401;
    color: #fff;
}
.article-category .show-more .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    fill: #53b401;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.article-category .show-more:hover .icon {
    fill: #fff;
}


.article-category .show-more {
    display: block;
    line-height: 49px;
    background: #f4f6f7;
    color: #606d79;
    font-size: 14px;
    text-align: center;
    margin-top: 25px;
}
.article-category .show-more:hover {
    background: #53b401;
    color: #fff;
}
.article-category .show-more .icon {
    display: inline-block;
    width: 10px;
    height: 10px;
    fill: #53b401;
    vertical-align: middle;
    margin-left: 10px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.article-category .show-more:hover .icon {
    fill: #fff;
}

@media (min-width: 1320px) {
    .events .owl-prev, .similar-projects.slider .owl-prev, .news.slider .owl-prev {
        left: -70px;
        margin-left: 0;
    }
    .events .owl-next, .similar-projects.slider .owl-next, .news.slider .owl-next {
        right: -70px;
        margin-right: 0;
    }
    .unique-technologies .owl-prev {
        left: -27.5px;
    }
    .unique-technologies .owl-next {
        right: -27.5px;
    }
    #exhibition-news .owl-prev {
        left: -26.5px;
    }
    #exhibition-news .owl-next {
        right: -26.5px;
    }
}
@media (max-width: 1319px) {
    .events .owl-prev, .events .owl-next {
        -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.17);
        box-shadow: 0 2px 10px rgba(0,0,0,0.17);
    }
    #layout {
        height: 640px;
    }
    #exhibition-plan #layout {
        min-width: 1158px;
    }
    #events .owl-carousel {
        padding: 0 100px;
    }
    #events .owl-stage-outer {
        overflow: hidden;
    }
    .project-actions span {
        left: auto;
        right: -15px;
    }
    /*
	.similar-projects.slider .item, .news.slider .item {
		opacity: .33;
	}
*/

    #most-discussed .owl-prev, #most-discussed .owl-next {
        top: 15vw;
        margin-top: -27.5px;
    }
    #most-discussed .owl-prev {
        left: 15px;
    }
    #most-discussed .owl-next {
        right: 15px;
    }
}
@media (min-width: 1200px) {
    .staff {
        overflow: hidden;
    }

    .page-header.switcher {
        font-size: 50px;
    }
    .single-article .projects .similar-projects .owl-prev {
        left: -26.5px;
    }
    .single-article .projects .similar-projects .owl-next {
        right: -26.5px;
    }
    .page-header.large {
        font-size: 74px;
    }
}
@media (max-width: 1199px) {

    h2.shadow {
        font-size: 8vw;
    }
    #slider, #slider .item {
        height: 580px;
        height: 56vw;
    }
    #slider .item {
        padding-top: 7vw;
    }
    #slider .title, #rent-intro h1 {
        font-size: 64px;
        font-size: 5.8vw;
    }
    .double-title > span:first-of-type, .consultation.project-consultation .double-title > span:last-of-type {
        display: none;
    }
    .double-title > span:last-of-type, .consultation.project-consultation .double-title > span:first-of-type {
        display: block;
    }
    #events .h2 span {
        display: none;
    }
    #layout {
        height: 540px;
    }
    #exhibition-plan #layout {
        min-width: 976px;
    }
    #plan .filter.select {
        width: 21%;
    }
    #plan .filter .values-range {
        width: 30%;
    }
    .subscription h3 {
        font-size: 4.5vw;
    }
    .project-tabs-switcher {
        font-size: 22px;
        font-size: 2vw;
    }
    .page-icons {
        margin-top: 30px;
    }
    .page-header, .section-header {
        font-size: 48px;
    }
    .similar-projects .item, .news.slider .item, .staff .item {
        opacity: .33;
    }
    #company-gallery .container {
        width: 90%;
    }
    .seminar-organization .location {
        padding-left: 94px;
        padding-right: 20px;
    }
    .seminar-organization .location .icon {
        left: 24px;
    }
    #seminar-program {
        margin-top: 20px;
    }
    #seminar-program .item:nth-child(1):before, #seminar-program .item:nth-child(5):before {
        content: none;
    }
    #seminar-program .h2 {
        font-size: 36px;
        margin-bottom: 20px;
    }
    #seminar-program .item {
        width: 32%;
        margin-top: 30px;
    }
    #seminar-program .item:nth-child(4n+1) {
        clear: none;
        margin-left: 2%;
    }
    #seminar-program .item:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    #seminar-location .seminar-info .container {
        padding-right: 15px;
    }
    #seminar-location .seminar-info .availability {
        margin-right: 0;
    }
    #seminar-location .seminar-registration {
        top: 100%;
    }
    .postpone-form {
        left: auto;
        right: -20px;
    }
    .postpone-module:first-child .postpone-form {
        right: auto;
        left: -15px;
    }
}
@media (min-width: 768px) and (max-width: 1199px), (max-width: 399px) {
    #seminar-program .h3 {
        padding-left: 40px;
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 10px;
    }
    #seminar-program .number {
        font-size: 44px;
        margin-top: .1em;
    }
}
@media (min-width: 1080px) {
    .video-gallery .owl-prev {
        left: -65px;
    }
    .video-gallery .owl-next {
        right: -65px;
    }
    .exchange-requests .steps.extended {
        width: calc(100% + 60px);
        margin: 30px -30px 0;
    }
}
@media (max-width: 1079px) {
    #slider:after {
        height: 6.5vw;
        background-position: 0 100%;
    }
    #slider .description {
        font-size: 20px;
        font-size: 2vw;
    }

    #latest-news .sidebar {
        width: 33.333%;
    }
    .subscription {
        padding: 50px 30px 50px 100px;
    }
    .subscription h3, .subscription p {
        margin-left: 30px;
    }
    .subscription > .icon {
        left: .4em;
        top: .7em;
    }
    #about .description, #about .actions {
        width: auto;
        float: none;
    }
    #about .description {
        padding-right: 0;
    }
    #about .actions {
        padding-left: 0;
        margin: 40px -15px 0;
    }
    #about .actions li {
        width: 33.333%;
        float: left;
        padding: 0 15px;
        padding-right: 15px;
    }
    #rent-intro .text {
        width: 60%;
    }
    #rent-intro {
        height: auto;
        -webkit-background-size: cover;
        background-size: cover;
    }
    #rent-intro h1 + p {
        font-size: 25px;
    }
    #rent-intro ul {
        font-size: 22px;
    }
    #benefits .more li {
        width: 27%;
    }
    #rent-intro .form .h3 {
        font-size: 25px;
    }
    #benefits .more li:nth-child(1), #benefits .more li:nth-child(3) {
        padding-right: 90px;
    }
    #benefits .more li:nth-child(2), #benefits .more li:nth-child(4) {
        padding-left: 90px;
    }
    #exhibition .description {
        font-size: 17px;
    }
    #exhibition .figures li {
        padding: 15px;
    }
    #exhibition .figures div {
        font-size: 5vw;
    }
    #partners .slider {
        padding: 0 30px;
    }
    .page-header, .section-header {
        font-size: 40px;
    }

    .consultation.project-consultation .col, .consultation.project-consultation .col:last-child {
        width: 25%;
    }
    .single-article h1 {
        font-size: 29px;
    }
    #similar-articles h2 {
        font-size: 40px;
    }
    #new-articles .articles .item {
        float: left;
    }
    #new-articles .articles .item {
        width: 33.33%;
        width: calc(1/3);
    }
    #new-articles .articles .featured {
        width: 66.667%;
        width: calc(2/3);
    }
    #most-discussed .owl-prev, #most-discussed .owl-next {
        top: 22vw;
    }
    .past-seminars > li, .past-promos > li {
        width: 50%;
    }
    .past-seminars > li:nth-child(3n+1), .past-promos > li:nth-child(3n+1) {
        clear: none;
    }
    .past-seminars > li:nth-child(odd), .past-promos > li:nth-child(odd) {
        clear: left;
    }
    .past-seminars > li:nth-child(n+5), .past-promos > li:nth-child(n+5) {
        display: none;
    }
    #about-exhibition {
        padding: 40px 0;
    }
    #about-exhibition .h2 {
        font-size: 36px;
    }

    .plots .request h3 {
        font-size: 30px;
    }
    .article-data .postpone {
        clear: left;
    }
    #exchange-header .features li > div:first-child {
        font-size: 54px;
    }
    #exchange-header .contacts > li {
        padding-left: 70px;
    }
    #exchange-header .contacts .icon {
        left: 24px;
    }
    #exchange-header .contacts .callback {
        right: 20px;
    }
    .exchange-requests .steps.extended {
        display: block;
        margin-top: 15px;
    }
    .exchange-requests .steps.extended li {
        display: block;
        float: left;
        padding-bottom: 20px;
        margin-top: 15px;
    }
    .exchange-requests .steps.extended li:before {
        display: inline;
    }
    .exchange-requests .steps.extended li:nth-last-child(-n+2) {
        border-bottom-width: 0;
    }
    .exchange-requests .steps .title {
        display: inline;
        margin-left: .3em;
    }
    .proposals .section-header {
        font-size: 48px;
    }
    .proposals .more-triggers {
        float: right;
        margin-top: 30px;
    }
    .proposals .total {
        float: none;
        margin: 0;
    }
    .plots-list .gallery {
        width: 260px;
    }
    /*
    .plots-list .gallery li:nth-child(n+6) {
        display: none;
    }
    */
    .plots-list > li {
        padding: 20px;
    }
    .plots-list .description {
        width: calc(100% - 270px);
    }
    .plots-list .contacts li:first-child {
        width: 270px;
    }
    .plots-list .highlights, .plots-list .infrastructure {
        margin-top: 15px;
    }
    .plots-list .more.button {
        margin-top: 0;
    }
    .plots-list .contacts-trigger {
        margin-top: 10px;
    }
}
@media (min-width: 992px) and (max-width: 1079px), (max-width: 767px) {
    .category .projects > li, .videos-list > li {
        width: 50%;
    }
    .category .projects > li:nth-child(3n+1), .videos-list > li:nth-child(3n+1) {
        clear: none;
    }
    .category .projects > li:nth-child(odd), .videos-list > li:nth-child(odd) {
        clear: left;
    }
    .section-header {
        font-size: 30px;
    }
    .pagination li {
        margin: 0;
    }
    .pagination .page {
        width: 33px;
        height: 33px;
        font-size: 17px;
        line-height: 33px;
    }
    .pagination .prev {
        margin-right: 10px;
    }
    .pagination .next {
        margin-left: 10px;
    }
    #company-intro .motto {
        font-size: 18px;
    }
    #new-articles .articles .featured .h3 {
        font-size: 21px;
    }
    #most-discussed .row .col {
        width: 100%;
        float: none;
    }
    #most-discussed .articles-column {
        margin-top: 20px;
    }

    .search-results-matches ul {

    }
    .partner-card {
        width: 200%;
        width: calc(200% - 30px);
    }
    .projects li:nth-child(3n+2) .partner-card, .projects li:nth-child(3n+3) .partner-card {
        left: auto;
        right: 15px;
    }
    .projects li:nth-child(even) .partner-card {
        left: -100%;
    }
}
@media (min-width: 992px) and (max-width: 1079px), (max-width: 399px) {
    .seminar-preview .dates {
        left: 20px;
    }
    .seminar-preview .dates .start {
        margin-right: 20px;
    }
    .bank-offer {
        padding: 30px 20px;
    }
    .bank-offer .params li > div:first-child {
        font-size: 27px;
    }
}
@media (min-width: 992px) {
    .post-categories .owl-prev, .post-categories .owl-next {
        width: 18px;
        height: 27px;
        padding: 0;
        margin: 0;
        background: none;
        -webkit-border-radius: 0;
        border-radius: 0;
        position: absolute;
        top: -50px;
        left: auto;
        right: 15px;
    }
    .post-categories .owl-prev {
        right: 45px;
    }
    .category .consultation.full {
        display: none;
    }

    .dropdown:before {
        padding-left: 40px;
        left: -40px;
    }
    .dropdown ul {
        padding-left: 40px;
        left: -40px
    }
    .dropdown li {
        padding-left: 40px;
        margin-left: -40px;
    }
    .main-sidebar .subscription {
        padding: 30px;
    }
    .main-sidebar .subscription h3 {
        font-size: 18px;
        font-weight: normal;
        padding-left: 48px;
        margin: 0 -10px 20px 0;
    }
    .main-sidebar .subscription > .icon {
        width: 36px;
        height: 36px;
        left: 30px;
        top: 30px;
    }
    .main-sidebar .subscription p, .main-sidebar .consultation p {
        font-size: 13px;
    }
    .main-content:not(:last-child) {
        width: calc(100% - 320px);
        float: right;
    }
    .promo-page .main-content, .contacts-page .main-content, .credits .main-content {
        width: calc(100% - 400px);
    }
    .main-content.right-sidebar {
        float: left;
    }
    .main-content.right-sidebar ~ .main-sidebar {
        float: right;
        clear: right;
        margin-right: 50px;
        margin-left: 30px;
    }
    .main-sidebar .subscription form {
        margin: 0;
    }
    .main-sidebar .subscription .row, .main-sidebar .subscription form .col {
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
    }
    .main-sidebar .subscription .agreement {
        position: relative;
    }
    .company .consultation.project-consultation {
        display: none;
    }
    .article-categories .header {
        pointer-events: none;
    }
    .article-categories .links {
        display: block !important;
    }
    #about-exhibition .subscription form .col:first-child {
        width: 60%;
    }
    #about-exhibition .subscription form .col:last-child {
        width: 40%;
    }
    #seminar-reviews .videos .item:first-child {
        width: 48.718%;
    }
    #seminar-reviews .videos .item:first-child:after {
        border-width: 55px 0 55px 92px;
    }
    .promo-page .subscription {
        margin-top: 50px;
    }
    .consultation.extended .col-attachment {
        min-height: 80px;
        margin: -45px 0 -30px;
    }
    .consultation.extended .col-button {
        margin-top: 70px;
    }
    .about .project-sidebar .form .col {
        width: 100%;
        float: none;
    }
    .about .project-sidebar .form label {
        margin: 0 0 20px;
    }
    .about .project-sidebar .agreement {
        margin: 30px -5px 0;
    }
    #plot-infrastructure .h2 {
        font-size: 40px;
    }
    #location-map h2 {
        font-size: 44px;
    }
    .calculator-lists .header {
        display: none;
    }
    .ads-consultation form .comment {
        width: 50%;
        float: right;
        clear: right;
        margin-top: -59px;
    }
    .ads-consultation .phone {
        clear: left;
        clear: left;
    }
    .ads-consultation .agreement {
        margin-top: -40px;
    }
    .prices .inner {
        position: relative;
        overflow: hidden;
    }
    .prices .table_wrap {
        width: 65%;
        width: calc(100% - 410px);
        float: left;
    }
    .floating-screenshots {
        float: right;
        clear: right;
        margin-top: 25px;
    }
    .single-article ol, .single-article ul {
        margin-left: 40px;
    }
    .building-request.alt .cta {
        margin-left: 40%;
    }
    .building-request.alt:not(.calculation) .main:before {
        width: 362px;
        height: 217px;
        left: auto;
        right: 63%;
        bottom: -60px;
        -webkit-transform: none;
        transform: none;
    }
    .building-request.alt .button {
        min-width: 22%;
    }


    .article-page .main-sidebar {
        width: 300px;
        margin-right: 20px;
    }

    .plot-header .page-header {
        max-width: calc(100% - 270px);
    }

}
@media (max-width: 991px) {
    .partner-card {
        width: 200%;
        width: calc(200% - 30px);
    }
    .hidden-md {
        display: none !important;
    }
    table {
        font-size: 16px;
    }
    th, td {
        padding: 10px 10px;
    }

    #slider .button {
        float: none;
        margin: 3vw 0 0;
    }
    .consultation h2 {
        font-size: 48px;
    }
    #events .h2, #events .categories li {
        margin-right: 30px;
    }
    #layout,  #exhibition-plan #layout {
        min-width: 854px;
        height: 472px;
    }
    #plan .filter {
        padding: 15px 50px 40px;
        margin: 30px auto 0;
    }
    #plan .filter .select, #plan .filter .values-range, #plan .filter .button {
        width: 45%;
    }
    #plan .filter form > :nth-child(even) {
        margin-left: 10%;
    }
    #plan .filter .values-range {
        padding-left: 0;
        margin-bottom: 20px;
    }
    #plan .values-slider {
        margin-left: 10px;
    }
    #plan .filter .button {
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
    }
    #latest-news .row {
        margin: 0;
    }
    .news.grid, #latest-news .sidebar {
        width: auto;
        float: none;
        padding: 0;
    }
    .news.grid {
        margin: 40px -15px 0;
    }
    .news.grid .item {
        width: 300px;
        float: none;
        margin: 0 auto;
    }
    /*
	.news .owl-item .item {
		opacity: .25;
		pointer-events: none;
	}
	.news .center.item {
		opacity: 1;
        pointer-events: auto;
	}
*/
    #latest-news .sidebar {
        margin-top: 30px;
    }

    #rent-intro {
        padding-top: 60px;
    }
    #rent-intro .text {
        width: 52%;
    }
    #rent-intro h1 {
        font-size: 48px;
        font-size: 5vw;
    }
    #rent-intro h1 + p {
        font-size: 23px;
    }
    #rent-intro ul {
        font-size: 20px;
        line-height: 1.2;
    }
    #rent-intro .availability {
        font-size: 21px;
    }
    #rent-intro .form {
        width: 330px;
    }
    .form-header {
        padding: 20px 30px;
    }
    .form-body {
        padding: 30px;
    }
    #advantages {
        padding: 0 0 40px;
    }
    #advantages ol {
        font-size: 18px;
    }
    #advantages ol:after {
        right: 4%;
    }
    .section-heading .h2 {
        font-size: 56px;
    }
    #benefits .more .h3 {
        font-size: 42px;
    }
    #benefits .logo {
        margin: 30px 0 -90px;
    }
    #benefits .logo img {
        width: 58px;
        height: 58px;
    }
    #benefits .logo > span {
        font-size: 14px;
    }
    #benefits .more ul {
        height: 240px;
        -webkit-background-size: 320px 136px;
        background-size: 320px 136px;
        font-size: 15px;
    }
    #benefits .more li:nth-child(1), #benefits .more li:nth-child(3) {
        padding-right: 70px;
    }
    #benefits .more li:nth-child(2), #benefits .more li:nth-child(4) {
        padding-left: 70px;
    }
    #benefits .more .icon {
        width: 64px;
        height: 64px;
        margin-top: -32px;
    }
    #benefits .more li:nth-child(5) {
        padding-bottom: 75px;
    }
    #benefits .more li:nth-child(5) .icon {
        margin-left: -32px;
    }
    .partnership .h2 {
        font-size: 40px;
        height: 76px;
        line-height: 76px;
        -webkit-background-size: cover;
        background-size: cover;
    }
    .partnership .h2 .icon {
        width: 48px;
        height: 48px;
    }
    .partnership .body {
        padding: 25px 30px;
    }
    #map {
        height: 400px;
    }
    #location .directions .switcher {
        font-size: 30px;
    }
    #exhibition .description {
        font-size: 16px;
    }
    .main-wrapper .catalog-filter {
        margin-top: 20px;
    }
    .catalog-filter .trigger {
        display: block;
    }
    .client-requests{display: none;}

    .catalog-filter .form {
        display: none;
    }
    .page-header {
        font-size: 40px;
    }
    .page-header.icons-gap {
        width: 80%;
        width: calc(100% - 100px);
    }
    .page-icons li {
        margin-left: 10px;
    }
    .page-icons span {
        display: none;
    }
    .main-sidebar, .pagination, .category .subscription {
        margin: 40px auto 0;
    }
    aside.main-sidebar{display: none;}
    .category .main-sidebar .consultation {
        display: none;
    }
    .page-icons {
        margin-top: 24px;
    }

    .project-sidebar .main-info {
        width: auto;
    }

    .about .project-sidebar .form, .credits-sidebar .form{
        display: block;
        clear: both;
    }
    .project-gallery {
        margin-top: 20px;
    }
    #project-features {
        font-size: 16px;
        margin-top: 40px;
    }

    .consultation.project-consultation {
        padding-bottom: 0;
    }
    .consultation.project-consultation h2 {
        font-size: 22px;
    }
    .consultation.project-consultation .col {
        width: 50%;
    }
    .consultation.project-consultation .agreement {
        position: relative;
        width: 50%;
        float: left;
        left: 15px;
        padding-right: 15px;
    }
    .consultation.project-consultation .col:last-child {
        width: 100%;
        float: none;
    }
    .consultation.project-consultation .double-title > span:first-of-type {
        display: none;
    }
    .consultation.project-consultation .double-title > span:last-of-type {
        display: block;
    }
    .similar-projects .owl-item.center + .owl-item.active:not(.center) .item, .news.slider .owl-item.center + .owl-item.active:not(.center) .item, .staff .owl-item.center + .owl-item.active:not(.center) .item  {
        opacity: .33;
        pointer-events: none;
    }
    #company-intro {
        width: 100%;
        max-width: none;
    }
    .figures-list {
        display: block;
        margin-top: -30px;
    }
    .figures-list:after {
        content: "";
        display: table;
        clear: both;
    }
    .figures-list .item {
        display: block;
        width: 25%;
        float: left;
        margin-top: 30px;
    }
    .figures-list .item:nth-child(5n) {
        clear: left;
    }
    .figures-list .item:nth-child(5):nth-last-child(2) {
        margin-left: 25%;
    }
    .figures-list .item:nth-child(5n):before {
        content: none;
    }
    .features-list .h2, #company-unique-technologies .h2 {
        font-size: 27px;
    }
    .project-technology .name {
        font-size: 20px;
    }
    .project-technology > div:first-child {
        padding-left: 20px;
    }
    .projects-list .data {
        position: relative;
    }
    .projects-list .data li {
        width: 55%;
    }
    .projects-list .data li:before {
        content: "";
        display: table;
        clear: both;
    }
    .projects-list .price {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .main-wrapper.services + .consultation {
        display: none;
    }
    .article-categories {
        margin-bottom: 30px;
    }
    .article-categories .header {
        padding-left: 90px;
        padding-right: 90px;
        border-width: 0;
        cursor: pointer;
    }
    .article-categories.active .header {
        border-width: 1px;
    }
    .article-categories .header .icon {
        display: block;
    }
    .article-categories .links {
        display: none;
    }
    .article-categories .links {
        padding: 20px 90px;
    }
    .article-page .main-sidebar .news{
        display: none;
    }
    .main-content .slider-section {
        margin: 45px -15px 0;
    }
    .main-content .slider-section .h2 {
        margin-left: 15px;
        margin-right: 15px;
    }

    #seminar-intro {
        height: 462px;
    }
    #seminar-intro h1 {
        font-size: 36px;
        line-height: 1.1;
    }
    .seminar-info .dates {
        height: 72px;
        font-size: 18px;
    }
    .seminar-info .availability {
        height: 72px;
        font-size: 14px;
        line-height: 72px;
    }
    .seminar-info .availability .spaces, #seminar-location .seminar-info .availability, #seminar-location .seminar-info .availability .spaces {
        font-size: 14px;
    }
    .seminar-info .availability dt {
        width: 80px;
        line-height: 1;
        padding: 15px 10px 0 0;
        margin-right: 0;
    }
    .seminar-info .availability .spaces dt {
        width: 90px;
    }
    .seminar-info .dates .start {
        padding-right: 0;
        border: 0;
    }
    .seminar-info .availability dd {
        height: 55px;
        line-height: 60px;
    }
    .seminar-experts .h3 {
        font-size: 27px;
    }
    #about-exhibition .h2, #about-exhibition .description, #about-exhibition .benefits, #about-exhibition .subscription {
        width: auto;
        float: none;
    }
    #about-exhibition .h2 {
        margin-bottom: 30px;
    }
    #about-exhibition .description {
        margin-bottom: 30px;
    }
    #about-exhibition .show-plan {
        position: static;
        margin: 0 auto;
    }
    #about-exhibition .benefits {
        margin-top: 30px;
    }
    #about-exhibition .subscription .agreement {
        margin: 30px auto 0;
    }
    #about-exhibition .subscription form {
        max-width: 100%;
        margin: 20px 0;
    }
    #seminar-location .seminar-info {
        height: auto;
    }
    #seminar-reviews {
        padding: 40px 0;
    }
    #seminar-reviews h2 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    #seminar-reviews .videos .item {
        width: 32.8%;
        margin: 0 0 0 .8%;
    }
    #seminar-reviews .videos .item:nth-child(n+4) {
        display: none;
    }
    .consultation.seminar-registration-full form {
        margin-bottom: 0;
    }
    .promo-sidebar .form {
        display: block;
        margin-top: 30px;
    }

    .favorites h2 {
        font-size: 24px;
    }
    .comparison tr > :nth-child(n+4), .comparison tr > :nth-child(n+4) {
        display: none;
    }
    .comparison-nav .prev {
        left: 33.33%;
    }
    .about .figures-list {
        margin-bottom: 30px;
    }
    .about .project-sidebar {
        clear: both;
    }
    .about .project-sidebar .form .col {
        width: 33.33%;
    }
    .about .project-sidebar .agreement {
        width: 50%;
        margin: 30px 0 0;
        left: 15px;
        padding-right: 15px;
        float: left;
        clear: left;
    }
    .about .project-sidebar .form .col:last-child {
        width: 50%;
        float: right;
        margin: 0;
    }
    .exhibition-facts .h2, #exhibition-news .h2 {
        font-size: 36px;
    }
    #exhibition-expert .text {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
    #exhibition-expert .text p {
        display: block;
    }
    .about #plan {
        margin-top: 0;
    }
    .about .presentation {
        margin-top: 40px;
    }
    .search-results-filter button:not(.btn) {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        right: 20px;
    }
    .plots .map iframe {
        height: 620px;
    }
    .plots .catalog-filter .form {
        border-top: 1px solid #f5f6f7;
    }
    .check-list.col4 {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
    #plot-pricing dl, #plot-pricing dl:last-child {
        width: 100%;
    }
    #company-intro {
        margin-bottom: 40px;
    }
    .credits .subscription {
        display: none;
    }
    .ads-consultation form .col {
        width: 33.333%;
    }
    .ads-consultation form .comment {
        width: 100%;
    }
    .stats-images li {
        padding: 20px;
        margin-top: 20px;
    }
    .floating-screenshot {
        display: none;
    }
    .floating-screenshot .close {
        display: block;
    }
    .floating-screenshot {
        max-width: 90%;
        position: fixed;
        z-index: 1500;
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1500;
    }
    .floating-screenshot:before {
        display: block;
        content: "";
        width: 100vw;
        height: 100vh;
        z-index: -1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }
    .lk_lead {
        display: block !important;
    }
    .lk_lead.header {
        display: none !important;
    }
    .lk_lead.lead_detail .left_block {
        width: 100% !important;
    }
    .lk_lead .lk_lead_number, .lk_lead .lk_lead_contacts, .lk_lead .lk_lead_confirm, .lk_lead .lk_lead_text {
        width: 100% !important;
        padding: 15px;
        margin: 0;
        border: 0 !important;
        border-bottom: 1px solid #eee !important;
        float: none !important;
    }
    .lk_lead.adm .lk_lead_text, .lk_lead button {
        width: auto !important;
    }
    .lk_lead  .lk_lead_confirm {
        border: 0;
    }
    .filter_panel select, .filter_panel input[type=submit] {
        clear: left;
        margin: 5px 0 !important;
    }
    .lk_lead button.confirm.exclusive, .lk_lead button.confirm_.exclusive_ {
        margin-top: 10px !important;
    }
    .building-request.calculation .main {
        padding-bottom: 30px;
    }
    .building-request .main:before {
        width: 362px;
        height: 217px;
        left: auto;
        right: 70%;
        bottom: -55px;
        -webkit-transform: none;
        transform: none;
    }
    .building-request.calculation .main:before {
        right: 32%;
    }
    .building-request .cta {
        margin-left: 30%;
    }
    .building-request.calculation .cta {
        margin-left: 43%;
    }
    /*
    .category-columns {
        max-width: 520px;
        margin: 0 auto;
    }
    */
    .category-columns .col.col1-2 {
        width: 100%;
    }
    .category-columns .col.col2-5 {
        width: 40%;
    }
    .category-columns .col.col3-5 {
        width: 60%;
    }
    .main-content .breadcrumbs {
        margin-top: 15px;
    }
    .main-wrapper .page-menu {
        margin: 0 -15px 15px;
    }
    #page-header-wrapper + .page-menu {
        margin: 15px 0 0;
    }
    .page-menu + .main-wrapper {
        margin-top: 15px;
    }
    .article-toc {
        padding: 25px 30px;
    }
    .single-article .article-toc > ul {
        margin-left: 0;
    }

    .comments + .building-request {
        display: none;
    }
    .main-sidebar.article-sidebar .subscription {
        padding: 25px 30px;
    }
    .main-sidebar.article-sidebar .subscription form {
        margin: 0;
    }
    .main-sidebar.article-sidebar .subscription h3 {
        max-width: 250px;
        font-size: 20px;
        font-weight: 500;
        margin: 0 0 20px 40px;
    }
    .main-sidebar.article-sidebar .subscription > .icon {
        display: block;
        font-size: 36px;
        left: 20px;
        top: 30px;
    }
    .main-sidebar.article-sidebar .subscription p {
        font-size: 13px;
        margin-left: 0;
    }
    .main-sidebar.article-sidebar .row {
        margin: 0;
    }
    .main-sidebar.article-sidebar .subscription .col {
        width: auto;
        padding: 0;
        float: none;
    }
    .main-sidebar.article-sidebar .subscription .agreement {
        position: relative;
        left: 0;
    }
    .main-sidebar.article-sidebar .subscription button, .category-columns .col.tablet .image {
        width: 100%;
    }


    .mobile-phones{display: none;}
    .mobile-phones-button{display: inline-block;}

    #exchange-header {
        background-color: #fff;
        background-image: url("/local/templates/ms_2018/img/bg-exchange-header-tab.jpg");
        padding-top: 40px;
    }
    #exchange-header .page-header {
        font-size: 48px;
    }
    #exchange-header .description {
        max-width: 330px;
        font-size: 18px;
    }
    #exchange-header .features li {
        width: calc(25% - 15px);
    }
    #exchange-header .features li:before {
        right: 15px;
    }
    #exchange-header .features li > div:first-child {
        font-size: 40px;
    }
    #exchange-header .features li > div:last-child {
        max-width: 100px;
    }
    #exchange-header .contacts {
        height: 200px;
    }
    #exchange-header .contacts .callback {
        position: static;
        margin-top: 15px;
    }
    .exchange-requests .categories {
        margin-top: 0;
    }
    .exchange-requests .categories li {
        width: auto;
        float: none;
        margin-left: 0;
    }
    .exchange-requests .steps li {
        padding-left: 75px;
        font-size: 16px;
    }
    .exchange-requests .steps li:before {
        font-size: 30px;
    }
    .exchange-requests .steps .icon {
        top: 0;
        left: 15px;
    }
    .exchange-requests .form {
        margin: 30px auto;
    }
    .proposal {
        display: block;
        padding: 10px 30px;
    }
    .proposal > div {
        display: block;
        width: 100%;
        padding: 10px 0;
        border-left: 0;
    }
    .proposal .client, .proposal .params, .proposal .actions {
        width: 100%;
    }
    .proposal .params {
        padding-top: 5px;
    }
    .proposal .params ul {
        padding: 10px 0;
        border-top: 1px solid #f3f4f4;
        border-bottom: 1px solid #f3f4f4;
    }
    .proposal .login {
        text-align: center;
    }
    .proposal .login br {
        display: none;
    }
    .companies-stats .section-header {
        font-size: 44px;
    }
    .companies-stats li {
        width: 33.333%;
    }
    .companies-stats li:nth-child(4n+1) {
        border-left-width: 1px;
    }
    .companies-stats li:nth-child(3n+1) {
        border-left-width: 0;
    }
    .plots-list.card .gallery, .plots-list.card .description {
        width: auto;
        float: none;
    }
    .plots-list.card .description {
        padding-left: 0;
        margin-top: 10px;
    }
    .plots-list.card .highlights:before {
        width: 100%;
    }
    .plot .consultation .h2, .plot .consultation form {
        width: auto;
        float: none;
    }
    .plot .consultation .h2 span {
        display: inline;
    }
    .plot .consultation .agreement {
        margin-left: 8%;
    }
    .plot-plan .zoom {
        bottom: 15px;
    }
    .review-list .review {
        padding-left: 75px;
    }
    .map-wrapper #map {
        height: 290px;
    }
    .interesting-related .icon {
        margin-left: -20px;
    }
    .article-preview.alt .top-data, .article-preview.alt .bottom-data {
        left: 30px;
    }
    .article-preview.alt .photos {
        right: 30px;
    }
    .design-category .category-columns .col.col1-2 {
        width: 66.67%;
    }
    .design-category .category-columns .col.col1-4 {
        width: 33.33%;
    }
    .design-category .category-columns .col.coltablet1-2 {
        width: 50%;
    }
}
.filter_panel .select_category {
    clear: left !important;
}

@media (min-width: 768px) and (max-width: 991px), (max-width: 399px) {
    #company-technologies .project-technology > div:first-child {
        padding-left: 15px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .consultation.project-consultation .col, .consultation.seminar-registration-full .col {
        width: 33.33%;
    }
    .consultation.project-consultation .agreement, .consultation.project-consultation .col:last-child {
        width: 50%;
        float: left;
        margin-top: 30px;
    }
    .consultation.seminar-registration-full .agreement {
        width: auto;
        margin: 20px 15px 30px;
        float: left;
        clear: left;
        position: relative;
    }
    .consultation.seminar-registration-full .col:last-child {
        float: none;
        margin: 0 auto;
    }
    .promo-sidebar .form {
        padding: 30px 70px;
    }
    .promo-sidebar .form h3 {
        margin-left: -30px;
    }
    .promo-sidebar fieldset label {
        width: 30%;
        width: calc((100% - 30px)/3);
        margin-left: 15px;
        float: left;
    }
    .promo-sidebar fieldset label:first-child {
        margin-left: 0;
    }
    .promo-sidebar .agreement, .credits-sidebar .agreement {
        width: 50%;
        float: left;
        margin-top: 15px;
    }
    .promo-sidebar button, .credits-sidebar button {
        width: 47.5%;
        width: calc(50% - 15px);
        float: right;
        margin-top: 10px;
    }
    .consultation.extended .col {
        width: 33.333%;
    }
    .consultation.extended .col-text {
        width: 66.667% !important;
    }
    .consultation.extended .col-attachment {
        float: right;
        margin-top: 90px;
    }
    .consultation.extended .col-button {
        width: 300px;
        float: right;
        clear: right;
        margin-top: 20px;
    }
    .consultation.extended .agreement {
        position: relative;
        width: 50%;
        width: calc(100% - 330px);
        max-width: 330px;
        float: left;
        margin: 40px 0 0 15px;
    }
    .plots .catalog-filter {
        padding: 0 90px;
    }
    .consultation.partnership-request .col {
        width: 50%;
    }
    .partnership-request .row:last-child .col {
        width: 40%;
    }
    .partnership-request .row:last-child .col:first-child {
        margin-left: 10%;
    }
    .ads-consultation .agreement {
        margin-top: -35px;
    }
    .ads-consultation form .comment textarea {
        height: 78px;
    }
    .plots-list.card .contacts li, .plots-list.card .contacts li:first-child {
        width: 33.33%;
        float: right;
    }
    .plots-list.card .contacts li:nth-child(odd) {
        clear: none;
    }
    .plots-list.card .contacts li:nth-child(3) {
        margin-bottom: -40px;
    }
    .plots-list.card .contacts li:nth-child(4) {
        margin-right: 33.33%;
    }
    .main-sidebar .subscription:first-child {
        margin-left: 165px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .about #company-intro .client-requests {
        width: 270px;
        float: right;
        margin: 30px 0 0 30px;
    }
    .about #company-intro .client-requests li {
        width: 100%;
        padding: 0;
        float: none;

    }
    .about .project-sidebar .client-requests {
        display: none;
    }
    .plots .catalog-filter fieldset {
        width: 50%;
        max-width: 280px;
        float: left;
    }
    .plots .catalog-filter fieldset:last-of-type {
        float: right;
    }
    .credit-request .col {
        width: 50%;
        float: left;
    }
    .calculator-lists {
        margin-bottom: 0;
    }
    .calculator-lists .expand-collapse {
        width: 48%;
        width: calc(50% - 15px);
        float: left;
        clear: left;
    }
    .calculator-lists .expand-collapse:nth-of-type(even) {
        float: right;
        clear: right;
    }
    .article-toc .label, .article-toc > ul, /*.main-sidebar.article-sidebar .subscription,*/ .main-sidebar.article-sidebar .related {
        max-width: calc(100% - 330px);
    }
    .main-sidebar .articles, .article-sidebar .subscription, .article-sidebar .related {
        float: left;
    }
    .main-sidebar.article-sidebar .related {
        clear: left;
    }
    .article-toc .banner, .article-sidebar .banner {
        width: 300px;
        display: block;
        float: right;
    }
    .main-sidebar .articles .items {
        margin: 0 -10px;
    }
    .main-sidebar .articles .item {
        width: 33.333%;
        float: left;
        padding: 0 10px;
    }
    .category-columns .col.intro-col {
        width: calc(100% - 330px);
    }
    .category-columns .col.banner-col {
        width: 330px;
    }
    .category-columns .col.tablet {
        display: block;
    }
    .category-columns .col.tablet-hidden {
        display: none;
    }
    .category-columns .banner-col.tablet {
        width: 330px;
        display: block;
        float: right;
    }
    .category-columns .col.col2-5 {
        width: 100%;
    }
    .category-columns .col.col1-2.tablet {
        width: 50%;
    }
    .category-columns .row.divider-tablet > .col + .col .item {
        padding-top: 15px;
        border-top: 1px solid #f2f2f2;
        margin-top: -5px;
    }
    .category-columns .tab-layout {
        position: relative;
    }
    .category-columns .tab-layout .col {
        width: 33.33%;
        clear: left;
    }
    .category-columns .tab-layout .col:last-child {
        width: 66.67%;
        position: absolute;
        right: 0;
        top: 0;
    }

    .category-columns .item .col {
        width: 33.33%;
    }
    .category-columns .item .col:last-child {
        width: 66.67%;
    }
    .plot-header .page-header {
        max-width: calc(100% - 110px);
    }
    .project-actions.static div {
        display: none;
    }
    .project-actions.static li + li {
        margin-left: 15px;
    }
    .plots-list.card .gallery {
        position: relative;
        /* overflow: hidden; */
    }
    .plots-list.card .gallery .main {
        width: 81.5%;
    }
    .plots-list.card .gallery ul {
        width: 16.5%;
        height: 100%;
        margin: 0;
        position: absolute;
        right: 0;
        top: 0;
        overflow-y: hidden;
    }
    .plots-list.card .gallery ul .owl-stage {
        display: block;
        width: auto !important;
        transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transition: none !important;
        transition: none !important;
    }
    .plots-list.card .gallery ul .owl-item {
        float: none !important;
        width: auto !important;
        margin: 0 !important;
    }
    .plots-list.card .gallery ul .owl-item.cloned {
        display: none !important;
    }
    .plots-list.card .gallery ul .owl-nav {
        display: none;
    }
    .plots-list.card .gallery li {
        margin: 0 0 8%;
    }
    .main-sidebar .article-preview + .article-preview {
        margin-top: 0;
    }
}
@media (min-width: 480px) and (max-width: 991px) {
    .promo-sidebar .agreement, .credits-sidebar .agreement {
        margin-left: 0;
    }
    .proposal .status {
        display: table;
        width: 100%;
    }
    .proposal .status .header, .proposal .status .description {
        display: table-cell;
        vertical-align: middle;
        background-color: transparent;
    }
    .proposal .status .header {
        border: 0;
        white-space: nowrap;
        padding-right: 0;
    }
    .proposal .client .message.excerpt {
        max-height: 48px;
    }
    .proposal .params li, .proposal .params .options, .proposal .actions:not(.login) {
        width: 48%;
        width: calc(50% - 15px);
    }
    .proposal .params li {
        float: left;
    }
    .proposal .params li:nth-child(odd) {
        clear: left;
    }
    .proposal .params li:nth-child(even) {
        float: right;
    }
    .proposal .params .options {
        position: absolute;
        left: 0;
        top: 100%;
    }
    .proposal .actions:not(.login) {
        float: right;
    }
    .expert {
        height: 245px;
        padding-left: 50%;
    }
    .expert img {
        bottom: -60px;
        right: 58%;
    }
    .expert .person {
        position: static;
        margin-top: 30px;
    }
    .expert .person br {
        display: none;
    }
    .expert .button {
        max-width: 215px;
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-top: 15px;
    }
}
@media (min-width: 768px) {
    .visible-sm {
        display: none !important;
    }
    .project-tabs-switcher li {
        margin-right: 2em;
    }
    .seminar-registration .form-body {
        display: block !important;
    }
    .consultation {
        padding-bottom: 60px;
    }
    .consultation.extended .col-text {
        width: 75%;
        float: left;
        margin-top: 20px;
    }
    .project-technology .label {
        margin-top: -8px;
    }
    .project-technology .readmore {
        margin-top: 10px;
    }
    .about .presentation .video-wrapper {
        padding-bottom: 39.66%;
    }
    .building-request button {
        float: right;
    }
    .company-registration button {
        display: inline-block;
        max-width: 302px;
        margin: 0 30px 0 0;
    }
    .company-registration .agreement {
        display: inline-block;
        vertical-align: top;
        max-width: 310px;
        margin: 0 -15px 0 0;
    }
    .exchange-requests .options .regions, .modal-options.regions ul {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
    .modal-options.regions {
        max-width: 882px;
    }
}
@media (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }
    .modal-window {
        max-width: 400px;
        margin: 30px auto;
    }
    .modal-header {
        padding: 25px 50px;
    }
    .modal-window .h3 {
        font-size: 26px;
    }
    .modal-window.switchable .h3 {
        font-size: 24px;
    }
    .modal-header .switcher {
        font-size: 20px;
    }
    .modal-body {
        padding: 30px 50px;
    }
    #slider, #slider .item {
        height: 60vw;
    }
    #slider .description {
        font-size: 2.4vw;
    }
    h2 {
        font-size: 30px;
    }
    #useful-info .container {
        min-height: 150px;
        padding-left: 70px;
    }
    .section-subtitle {
        font-size: 18px;
    }

    .consultation h2 {
        font-size: 30px;
        padding-left: 65px;
    }
    .consultation h2 + p {
        margin-left: 65px;
        /*
		display: none;
		*/
    }
    .consultation form {
        margin: 15px 0;
    }
    .consultation form .row, .subscription form .row {
        margin: 0;
    }
    .consultation form .col, .subscription form .col, .subscription form .col:first-child {
        width: 100%;
        padding: 0;
        float: none;
    }
    .consultation .agreement, .subscription .agreement {
        position: relative;
        clear: both;
    }
    #plan .filter {
        padding: 15px 30px 30px;
    }
    #plan .filter .select, #plan .filter .values-range, #plan .filter .button {
        width: 47%;
    }
    #plan .filter form > :nth-child(even) {
        margin-left: 6%;
    }
    #events .owl-carousel {
        padding: 0;
    }
    #events .owl-stage-outer {
        overflow: visible;
    }
    #events .categories {
        position: relative;
    }
    #events .selected-category {
        display: inline-block;
        cursor: pointer;
        z-index: 3;
    }
    #events .categories ul {
        background: #fff;
        -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.08);
        box-shadow: 0 3px 10px rgba(0,0,0,0.08);
        display: none;
        padding: 10px 15px;
        position: absolute;
        left: -15px;
        top: 100%;
        margin-top: 5px;
        z-index: 5;
    }
    #events .categories li {
        display: block;
        padding: 5px 0;
    }
    #events .categories li.active {
        display: none;
    }
    .subscription {
        padding: 30px 70px;
    }
    .subscription h3, .category .subscription h3 {
        font-size: 27px;
        font-weight: normal;
    }
    .subscription form {
        margin: 0;
    }
    .subscription > .icon {
        display: none;
    }
    .subscription h3, .subscription p {
        margin-left: 0;
    }
    #about {
        margin-top: 0;
    }
    #about h2 {
        font-size: 30px;
        margin-left: 55px;
    }
    #about .description {
        padding-left: 55px;
    }
    #about .description .h3 {
        font-size: 24px;
    }
    #about .actions {
        max-width: 290px;
        margin: 30px auto 0;
    }
    #about .actions li {
        width: 100%;
        padding: 0;
        float: none;
    }
    #about .actions div {
        display: none;
    }

    #rent-intro {
        padding: 50px 0 120px;
    }
    #rent-intro .text {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    #rent-intro h1 {
        font-size: 40px;
    }
    #rent-intro ul {
        max-width: none;
        margin: 20px auto;
        text-align: left;
        font-size: 16px;
    }
    #rent-intro ul:after {
        content: "";
        display: table;
        clear: both;
    }
    #rent-intro li {
        width: 48%;
        float: left;
    }
    #rent-intro li:nth-child(even) {
        float: right;
    }
    #rent-intro .availability {
        margin: 0 auto;
        text-align: left;
    }
    #rent-intro .form {
        float: none;
        margin: 40px auto 0;
    }
    #rent-intro label {
        margin-bottom: 10px;
    }
    #rent-intro button {
        margin-top: 25px;
    }
    #rent-intro .scroll {
        display: none;
    }
    .section-heading:not(.text-center) {
        display: block;
        text-align: center;
    }
    .section-heading.thin .h2 {
        font-size: 48px;
    }
    #advantages ol {
        font-size: 17px;
    }
    #advantages ol:after {
        width: 150px;
        height: 94px;
        -webkit-background-size: contain;
        background-size: contain;
        bottom: 15px;
    }
    #advantages li {
        width: 44%;
        padding-left: 80px;
        margin-top: 40px;
    }
    #advantages li:last-child {
        margin-left: 24%;
    }
    #advantages .more .h3 {
        font-size: 30px;
        margin-top: 20px;
    }
    .section-heading .h2, #location .h2 {
        font-size: 48px;
    }
    #benefits .lists > div, #benefits .lists > div:last-child {
        width: 100%;
        float: none;
    }
    #benefits .lists::before {
        content: none;
    }
    #benefits .more .h3 {
        font-size: 38px;
    }
    #benefits .more ul {
        height: auto;
        background: none;
        font-size: 16px;
        margin-top: 30px;
    }
    #benefits .logo {
        display: none;
    }
    #benefits .more li {
        position: static;
        width: 100%;
        max-width: 290px;
        text-align: center !important;
        padding: 0 !important;
        margin: 30px auto 0;
    }
    #benefits .more .icon {
        display: block;
        margin: 0 auto 10px !important;
        position: static;
    }
    .partnership {
        max-width: 450px;
        margin: 40px auto;
    }
    .partnership .h2 {
        background: #f6f8f8;
        font-size: 32px;
    }
    .partnership form > * {
        display: block;
        width: 100%;
        max-width: 290px;
        margin: 15px auto 0;
    }
    .partnership form > *:first-child {
        margin-top: 0;
    }
    .partnership form .agreement {
        min-width: 0;
    }
    #about-online .stats li, #about-online .stats li:nth-child(odd) {
        width: 100%;
        float: none;
        margin: 30px auto 0;
    }
    #about-online .stats .h3 {
        text-align: center;
    }
    #exhibition .section-heading {
        display: block;
        max-width: 100%;
    }
    #exhibition .description {
        width: 100%;
        float: none;
    }
    #exhibition .slider {
        width: 100%;
        float: none;
        margin: 30px auto 0;
    }
    #exhibition .figures li {
        width: 50%;
    }
    #exhibition .figures li:after {
        content: none !important;
    }
    #exhibition .figures li:nth-child(odd) {
        clear: left;
    }
    #exhibition .figures div {
        font-size: 48px;
    }
    #about-online .summary .h3 {
        font-size: 56px;
    }
    #about-online .social .h3 {
        font-size: 30px;
    }
    #location .directions > div {
        width: 100%;
        float: none;
    }
    #location .directions .button {
        float: none;
        margin: 30px auto 0;
    }
    #location .address .note {
        display: block;
    }

    .page-header {
        font-size: 36px;
    }
    .project-technology, .project-technology > div {
        display: block;
    }
    .project-technology > div {
        width: 100%;
        padding: 15px;
        text-align: center;
    }
    .project-technology > div:first-child {
        padding: 15px;
    }
    .project-technology > div:first-child:not(:last-child) {
        text-align: center;
        padding-bottom: 0;
    }
    .project-technology .readmore br {
        display: none;
    }
    #project-features {
        font-size: 15px;
    }
    .project-tabs-switcher {
        display: block;
        min-height: 0;
        font-size: 20px;
        text-align: center;
        border: 0;
    }
    .project-tabs-switcher li {
        display: inline-block;
        vertical-align: top;
        padding-bottom: 5px;
        margin: 0 15px 10px;
        border-bottom: 2px solid transparent;
    }
    #project-features dl {
        margin: 0 -15px;
    }
    .project-gallery dl.tableddt:nth-of-type(even), .project-gallery dl.tabled dd:nth-of-type(even) {
        background: #fff;
    }
    .project-gallery dl.tabled dt:nth-of-type(odd), .project-gallery dl.tabled dd:nth-of-type(odd) {
        background: #f7f8f9;
    }
    dl.tabled dt {
        padding-left: 15px;
    }
    dl.tabled dd {
        padding-right: 15px;
    }
    #project-features .tab.article-content {
        margin-top: 15px;
    }

    .consultation.project-consultation {
        padding: 30px 30px 0;
    }
    .consultation.project-consultation .col {
        width: 50%;
        padding: 0 15px;
        float: left;
    }
    .company .h2 {
        font-size: 36px;
    }
    #company-features .row, #company-features .col, #company-technologies .row, #company-technologies .col {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0;
    }
    .figures-list .item {
        width: 33.33%;
    }
    .figures-list .item:nth-child(5n) {
        clear: none;
    }
    .figures-list .item:nth-child(5):nth-last-child(2) {
        margin-left: 0;
    }
    .figures-list .item:nth-child(3n+1) {
        clear: left;
    }
    .figures-list .item:nth-child(3n+1):before {
        content: none;
    }
    .figures-list .item:nth-child(5n):before {
        content: "";
    }
    .check-list.col2 li:nth-child(odd), .check-list.col2 li:nth-child(even) {
        width: 100%;
        float: none;
        padding-right: 0;
    }
    .unique-technologies.slider {
        padding: 0 27.5px;
    }
    .unique-technologies .owl-prev {
        left: 0;
    }
    .unique-technologies .owl-next {
        right: 0;
    }
    .projects-list .item {
        max-width: 480px;
        padding: 0;
        position: relative;
        margin: 0 auto;
    }
    .projects-list .image {
        width: 100%;
        height: 229px;
        position: static;
    }
    .projects-list .text {
        width: 100%;
        min-height: 0;
        padding-bottom: 25px;
        position: static;
    }
    .projects-list h3, .projects-list .description {
        padding-right: 0;
    }
    .projects-list .project-actions {
        top: 188px;
        right: 15px;
    }
    .projects-list .project-actions li {
        float: left;
        margin: 0 0 0 5px;
    }
    .projects-list .data {
        position: static;
    }
    .projects-list .data li {
        width: 100%;
        clear: both;
    }
    .projects-list .data li:before, .projects-list .data li:after {
        content: "";
        display: table;
        clear: both;
    }
    .projects-list .data .price {
        position: static;
        width: 100%;
        text-align: center;
    }
    .article-categories .links {
        padding: 20px 70px;
    }
    #most-discussed .owl-prev, #most-discussed .owl-next {
        top: 31vw;
    }
    .section-header-more h2 {
        padding-right: 0;
    }
    .section-header-more .show-all {
        display: none;
    }
    .article-category .main-content h2, .seminar-category .main-content h2, .promo-category .main-content h2, .video-category .main-content h2 {
        font-size: 28px;
    }
    .seminars.grid, .seminars.grid .item:first-child, .promos.grid, .promos.grid .item:first-child {
        margin-top: 0;
    }
    .seminars.grid .item, .seminars.grid .item:nth-child(even), .promos.grid .item, .promos.grid .item:nth-child(even) {
        width: 100%;
        float: none;
        margin: 30px auto 0;
    }
    .seminars.grid .item:nth-child(n+4) {
        display: none;
    }
    #seminar-intro .header {
        width: 100%;
    }
    #seminar-intro .logo {
        display: block;
    }
    .seminar-organization .location {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .seminar-organization .logo {
        display: none;
    }
    .seminar-experts .h3, #seminar-program .h2 {
        font-size: 27px;
        text-align: center;
    }
    .seminar-experts .h3 {
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 30px;
    }
    .seminar-experts .experts {
        width: 100%;
        max-width: 370px;
        margin: 20px auto 0;
        float: none;
    }
    #seminar-program .program {
        max-width: 370px;
        padding: 0 65px;
        margin: 0 auto;
    }
    #seminar-program .item {
        width: 100%;
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    #seminar-program .h3 {
        display: inline;
        padding: 0;
    }
    #seminar-program .number {
        display: inline;
        position: static;
        margin: 0;
    }
    #seminar-program p {
        margin-top: 10px;
    }
    .seminar-info .container {
        padding: 0;
    }
    .seminar-info .dates, .seminar-info .availability {
        width: 100%;
        max-width: 370px;
        float: none;
        margin: 0 auto;
    }
    .seminar-info .availability {
        max-width: 100%;
        border-top: 1px solid #eff0f1;
    }
    .seminar-info .availability .inner {
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
    }
    .seminar-info .availability .spaces {
        margin-left: 20px;
    }
    .seminar-registration {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .seminar-registration .item {
        max-width: 270px;
        margin: 0 auto;
    }
    .seminar-registration .inner {
        width: 100%;
        max-width: 370px;
        margin: 0 auto;
    }
    .seminar-registration .form-header {
        padding-right: 50px;
        -webkit-box-shadow: none;
        box-shadow: none;
        cursor: pointer;
    }
    .seminar-registration .toggle {
        display: block;
    }
    .seminar-registration .form-body {
        display: none;
        padding: 15px 15px 30px;
    }
    .seminar-registration fieldset {
        padding: 0;
    }
    .consultation.seminar-registration-full h2 {
        padding-left: 50px;
        font-size: 25px;
    }
    .consultation.seminar-registration-full h2 .icon {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }
    .consultation.seminar-registration-full form {
        margin: 10px 0 0;
    }
    #about-exhibition .subscription {
        padding: 30px 70px;
    }
    #about-exhibition .subscription h3, #about-exhibition .subscription p {
        padding-left: 0;
    }
    #about-exhibition .subscription p {
        margin-bottom: 15px;
    }
    #about-exhibition .subscription .agreement {
        position: relative;
        margin: 20px auto;
    }
    #about-exhibition .subscription form {
        max-width: 100%;
        margin: 0;
    }
    #about-exhibition .subscription h3 {
        font-size: 27px;
        margin-bottom: 30px;
    }
    #about-exhibition .subscription p {
        margin: 0;
    }
    #seminar-location .seminar-info {
        height: auto;
    }
    #seminar-location .seminar-info .container {
        padding-right: 0;
    }
    #seminar-location .seminar-registration {
        position: static;
    }
    #seminar-location .seminar-registration .form-header {
        min-height: 0;
    }
    .promo-page h1 {
        font-size: 36px;
    }
    .comparison .tab {
        max-width: 270px;
        margin: 0 auto;
    }
    .comparison-switcher, .comparison-filter {
        float: none;
    }
    .comparison-filter {
        margin-top: 10px;
    }
    .consultation.extended h2 {
        font-size: 27px;
        font-weight: normal;
    }
    .comparison-switcher li {
        font-size: 18px;
    }
    .comparison th:first-of-type, .comparison tr > :nth-child(n+3), .comparison tr > :nth-child(n+3) {
        display: none;
    }
    .comparison thead th {
        padding-right: 0;
    }
    .comparison-nav .prev {
        left: 0;
    }
    .comparison-nav .next {
        right: 0;
    }
    .about .page-section .h2 {
        margin-bottom: 20px;
    }
    #tour3d .h2, #exhibition-expert .h2 {
        font-size: 27px;
    }

    .consultation.project-consultation .agreement {
        clear: none;
    }
    .about .project-sidebar .form .col {
        width: 50%;
    }
    .about .project-sidebar .agreement {
        width: 50%;
        clear: none;
        margin: 20px 0;
    }
    .about .project-sidebar .form .col:last-child {
        width: 100%;
        float: none;
    }
    .search-results-filter .advanced {
        text-align: left;
    }
    .search-results-filter .advanced-search {
        margin-left: 60px;
    }
    .search-results-filter .checkboxes .fields {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .search-results-category .promos .item:nth-child(n+2), .search-results-category .seminars .item:nth-child(n+2) {
        display: none;
    }
    .search-results-category .promos, .search-results-category .seminars {
        margin-top: 30px;
    }
    .search-results-category .show-more {
        width: 270px;
    }
    .plots .request h3, .plots .request form {
        max-width: 320px;
        margin: 0 auto;
    }
    .plots .request .col, .plots .request .agreement, .plots .request .col:last-child {
        width: 100%;
        max-width: none;
    }
    .plots .request h3 {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .plots .map iframe {
        width: calc(100% + 30px);
        margin: 30px -15px;
    }
    #location-map {
        margin: 30px 0 0;
    }
    #location-map .map iframe {
        width: calc(100% + 30px);
        margin: 20px -15px 0;
    }
    .check-list.col4 {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    #plot-pricing .h2, #general-layout .h2 {
        font-size: 27px;
    }
    #general-layout .layout {
        height: 336px;
    }
    #general-layout .layout img {
        width: 740px;
    }
    .video-gallery {
        margin-top: 40px;
    }
    .partnership-request .row:last-child {
        margin-top: 0;
    }
    .partnership-request .row:last-child .col:first-child {
        margin-left: 0;
    }
    .partnership-request .agreement {
        margin: 20px 0;
    }
    .consultation.partnership-request h2 + p {
        display: block;
        margin-left: 0;
    }
    .videos-list li:nth-child(n+5), #popular-videos .videos-list li:nth-child(n+3) {
        display: none;
    }
    .video-subscription, .video-subscription > div {
        display: block;
        width: auto;
        text-align: center;
        padding: 0;
    }
    .video-subscription {
        height: auto;
        padding: 20px;
    }
    .video-subscription .header {
        display: inline-block;
        text-align: left;
        padding-right: 0;
        margin: 10px 0 20px;
    }
    .video-subscription .subscribe {
        text-align: center;
    }
    .our-services .services {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
        max-width: 370px;
        margin: 0 auto;
    }
    .our-services .services ul, .our-services .services ul:last-child {
        width: 100%;
        float: none;
    }
    .our-services .services li {
        display: block;
        margin: 0 0 -1px;;
    }
    .our-services .services h3 {
        margin-bottom: 8px;
    }
    .calculator-lists .links {
        padding: 10px 60px;
    }
    .calculator-page .promos .item:nth-child(n+2) {
        display: none;
    }
    .calculator-page .projects li:nth-last-child(3) {
        display: block;
    }
    .calculator-page .projects li:nth-child(n+3) {
        display: none;
    }
    .calculator .row.main > .col {
        width: 100%;
        float: none;
    }
    .calculator .row.main .row {
        max-width: 400px;
    }
    .ads-consultation form .comment {
        margin: 20px 0 30px;
    }
    .add-project{
        position: relative!important;
        top: 0px!important;
    }
    .page-description{float: none; clear: both;padding-top: 15px;}
    .building-request .cta {
        font-size: 22px;
    }
    .building-request.calculation .cta {
        margin-left: 36%;
    }
    .article-category section h2 {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }
    .subscription-cta {
        width: auto;
        float: none;
        margin: 10px 0 15px;
    }
    .postpone-module {
        clear: left;
    }
    .postpone-form {
        right: auto;
        left: -15px;
    }
    #exchange-header {
        background-image: url("/local/templates/ms_2018/img/bg-exchange-header-mob.jpg");
        padding-top: 0;
    }
    #exchange-header .page-header {
        font-size: 40px;
        text-align: center;
    }
    #exchange-header .description {
        font-size: 17px;
        min-height: 4.5em;
        text-align: center;
        margin: 1em auto 0;
    }
    #exchange-header .contacts {
        max-width: 330px;
        margin: 0 auto;
    }
    #exchange-header .contacts, #exchange-header .contacts > li {
        display: block;
        width: auto;
        height: auto;
    }
    #exchange-header .contacts > li {
        padding: 15px 20px 15px 60px;
    }
    #exchange-header .contacts > li:first-child:after {
        width: 90%;
        height: 1px;
        left: 5%;
        top: 100%;
        margin-top: 0;
    }
    #exchange-header .contacts .icon {
        left: 20px;
        top: 22px;
    }
    #exchange-header .contacts .phone {
        font-size: 24px;
    }
    #exchange-header .contacts .email {
        font-size: 18px;
    }
    #exchange-header .contacts .note {
        font-size: 14px;
        line-height: 1.28;
        margin: 0;
    }
    #exchange-header .container {
        padding: 0;
    }
    #exchange-header .features {
        display: block;
        margin: 142px auto -10px;
        position: relative;
    }
    #exchange-header .features li {
        width: 178px;
        margin: 54px auto;
    }
    #exchange-header .features .owl-item li {
        opacity: .32;
    }
    #exchange-header .features .center li {
        opacity: 1;
    }
    #exchange-header .features .owl-prev {
        left: 30px;
    }
    #exchange-header .features .owl-next {
        right: 30px;
    }
    .exchange-requests .switcher li {
        height: 106px;
        padding: 10px;
    }
    .exchange-requests .switcher .title {
        font-size: 24px;
    }
    .exchange-requests .form.building-request, .company-registration .main {
        padding: 0 15px;
        margin-bottom: 30px;
    }
    .company-registration .main {
        padding: 0;
    }
    .company-registration .form-body {
        padding: 30px 15px;
    }
    .exchange-requests .steps, .exchange-requests .steps li {
        display: block;
        width: auto;
    }
    .exchange-requests .steps, .exchange-requests .steps.extended {
        max-width: 330px;
        margin: 30px auto 0;
    }
    .exchange-requests .steps li {
        margin-top: 15px;
    }
    .exchange-requests .steps.extended li {
        float: none;
        margin-top: 0;
        border-bottom-width: 0;
    }
    .exchange-requests .steps.extended li:last-child {
        padding-bottom: 30px;
        border-bottom-width: 1px;
    }
    .exchange-requests .steps .title {
        font-size: 18px;
    }
    .checkbox.alt3 {
        padding-left: 35px;
    }
    .checkbox.alt3 label {
        font-size: 20px;
    }
    .exchange-requests .categories li {
        margin-top: 0;
    }
    .exchange-requests .categories li + li {
        margin-top: 15px;
    }
    .exchange-requests .categories p {
        margin-left: 0;
    }
    .exchange-requests .form .section-header {
        font-size: 22px;
    }
    .proposals .section-header {
        font-size: 36px;
    }
    .proposals .more-triggers {
        display: block;
        float: none;
        margin: 0 0 10px;
    }
    .exchange-requests .options .section-header {
        font-size: 18px;
    }
    .modal-window.modal-options {
        max-width: 560px;
        padding: 25px 40px 40px;
    }
    .plots-list .gallery {
        float: none;
        overflow: hidden;
    }
    .plots-list .description {
        width: auto;
        float: none;
        padding: 0;
        clear: both;
        margin: 20px 0 0;
    }
    .plot .consultation {
        padding: 10px 0 20px;
    }
    .plot .consultation .h2 {
        padding-left: 30px;
        font-size: 18px;
        margin-bottom: 10px;
    }
    .plot .consultation .h2:before {
        height: 61px;
        top: -10px;
    }
    .plot .consultation .h2 span {
        display: block;
        font-size: 24px;
        margin-bottom: .2em;
    }
    .plot .consultation .col {
        width: auto;
        float: none;
        margin: 0;
    }
    .plot .consultation .agreement {
        width: auto;
        margin: 10px 0 0;
    }
    .plot .consultation button {
        width: 100%;
        margin: 10px 0 0;
    }
    .review-list .date {
        float: left;
        clear: both;
        margin: -8px 0 0 57px;
    }
    .review-list .rating {
        float: left;
        clear: both;
        margin: 8px 0;
    }
    .interesting-related {
        font-size: 18px;
    }
    .article-data .right, .article-data .right .rating, .article-data .right .time {
        float: left;
        clear: both;
    }
    .article-data .right .rating {
        margin-bottom: 10px;
    }
    .article-data .share {
        float: left;
        clear: left;
        margin: 5px 0 0;
    }
    .article-author {
        margin: 30px 0;
    }
    .article-author .position {
        float: left;
        clear: left;
        margin-top: 5px;
    }
    .article-preview.alt .h3 {
        font-size: 23px;
    }
}
@media (min-width: 600px) and (max-width: 991px) {
    .catalog-filter.services  .expand-collapse .checkbox {
        width: 50%;
        float: left;
    }
    .catalog-filter.services  .expand-collapse .checkbox:nth-child(odd) {
        clear: left;
        margin-left: 0;
    }
    .client-requests {
        width: 100%;
        max-width: none;
    }
    .pagination + .client-requests {
        margin-top: 30px;
    }
    .client-requests:not(.fixed) li {
        width: 50%;
        float: left;
        margin: 0;
    }
    .client-requests:not(.fixed) li + li {
        border-top-width: 1px;
        border-left-width: 0;
    }
    .client-requests:not(.fixed) li:first-child:last-child {
        width: 300px;
        float: none;
        margin: 0 auto;
    }
    .article-categories:not(.calculator-lists) ul {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    .article-categories:not(.calculator-lists) a {
        max-width: 240px;
    }
    .exhibition-facts .figures-list .item {
        width: 25%;
    }
    .exhibition-facts .figures-list .item:nth-child(3n+1) {
        clear: none;
    }
    .exhibition-facts .figures-list .item:nth-child(3n+1):before {
        content: "";
    }
    .building-request .button {
        padding: 0 20px;
    }
    .building-request .button span {
        display: none;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    .article-toc .label, .article-toc > ul, .main-sidebar.article-sidebar .subscription, .main-sidebar.article-sidebar .related {
        max-width: calc(100% - 270px);
    }
    .article-toc .banner, .main-sidebar.article-sidebar .banner {
        width: 240px;
    }
    .main-sidebar .subscription:first-child {
        margin-left: 135px;
    }
}
@media (min-width: 600px) and (max-width: 767px), (max-width: 399px) {
    .credits-sidebar .form {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 600px) {
    #company-intro .main {
        width: 61.9%;
        width: calc(100% - 290px);
        float: left;
    }
    #company-intro .company-contacts {
        float: left;
        clear: left;
    }
    .credit-request form {
        display: block !important;
    }
    .prices td.description {
        display: table-cell !important;
    }
    .prices .triggers {
        display: none;
    }
    .page-menu .slider {
        display: block !important;
    }
    .category-columns .row ~ .item {
        padding-top: 15px;
        border-top: 1px solid #f2f2f2;
        margin-top: -5px;
    }
    .category-columns .row ~ .item:hover {
        border-top-color: transparent;;
    }
    .plot-header .page-header {
        float: left;
    }
    .plot-header .project-actions {
        position: absolute;
        right: 15px;
        bottom: 0;
    }
}
@media (max-width: 599px) {
    #slider, #slider .item {
        height: 520px;
    }
    #slider:after {
        height: 13vw;
    }
    #slider .item {
        padding-top: 40px;
    }
    #slider .slide1 {
        background-position: 0 0;
    }
    #slider .container {
        max-width: 350px;
    }
    #slider .title {
        font-size: 40px;
        line-height: 1;
    }
    #slider .description {
        max-width: 100%;
        font-size: 20px;
        margin-top: 1em;
    }
    #slider .description br {
        display: none;
    }
    #slider .button {
        width: 100%;
        margin-top: 30px;
    }
    .post-categories.slider {
        padding-right: 114px;
    }
    .post-categories .owl-prev, .post-categories .owl-next {
        top: auto;
        bottom: 1px;
    }
    #plan .filter {
        max-width: 450px;
        padding: 15px 30px 30px;
    }
    #plan .filter h3 {
        font-size: 30px;
    }
    #plan .filter .select, #plan .filter .values-range, #plan .filter .button {
        width: 100%;
        padding: 0;
        margin: 15px auto 0;
        float: none;
    }
    #plan .filter form > :nth-child(even) {
        margin-left: auto;
    }
    #plan .values-slider {
        margin: 20px 10px;
    }
    #rent-intro h1 {
        font-size: 36px;
    }
    #rent-intro ul {
        max-width: 370px;
    }
    #rent-intro li, #rent-intro li:nth-child(even) {
        width: 100%;
        float: none;
    }
    #rent-intro li {
        height: 48px;
        padding-left: 64px;
    }
    #rent-intro li .icon {
        width: 48px;
        height: 48px;
        margin-top: -24px;
    }
    #rent-intro .availability {
        font-size: 19px;
    }
    .section-heading.thin .h2 {
        font-size: 40px;
    }
    #advantages ol {
        max-width: 370px;
        margin: 0 auto;
    }
    #advantages ol:after {
        position: static;
        margin: 15px auto;
    }
    #advantages li {
        display: block;
        width: 100% !important;
        margin: 30px auto !important;
    }
    #advantages .more .h3 {
        font-size: 27px;
        padding: 0;
        margin: 0;
        border: 0;
        text-align: center;
    }
    #advantages .button {
        font-size: 17px;
        margin-top: 20px;
    }
    .section-heading .h2, #location .h2 {
        font-size: 40px;
    }
    #benefits, #partners {
        padding: 90px 0;
    }
    #benefits .lists > div {
        margin-top: 40px;
    }
    #benefits .lists .h3 {
        font-size: 35px;
        margin-bottom: 1em;
    }
    #benefits ol li {
        margin-top: 15px;
        padding-left: 45px;
    }
    #benefits ol li:before {
        font-size: 40px;
    }
    #benefits .more .h3 {
        font-size: 34px;
    }
    #about-online .summary .h3 {
        font-size: 48px;
    }
    #location .directions .switcher {
        font-size: 25px;
    }
    .breadcrumbs .back {
        display: none;
    }
    .pagination {
        position: relative;
        padding-bottom: 50px;
    }
    .pagination .prev, .pagination .next {
        position: absolute;
        bottom: 0;
        right: 50%;
        margin: 0 10px;
    }
    .pagination .next {
        right: auto;
        left: 50%;
    }
    .selection-results {
        display: none;
    }
    .category .sorting {
        float: none;
        text-align: center;
        max-width: 290px;
        margin: 0 auto;
    }
    .category .sorting li {
        text-align: center;
    }
    #project-features {
        font-size: 14px;
        margin-top: 30px;
    }
    .page-header, .page-icons {
        margin-top: 30px;
    }
    .breadcrumbs + .page-header {
        margin-top: 15px;
    }

    .consultation.project-consultation h2, .consultation.project-consultation form, .about .project-sidebar .form .h3, .about .project-sidebar form {
        max-width: 320px;
        margin: 0 auto;
    }
    .consultation.project-consultation .col, .consultation.project-consultation .agreement, .about .project-sidebar .form .col, .about .project-sidebar .agreement {
        width: 100%;
        float: none;
    }
    .consultation.project-consultation, .about .project-sidebar .form {
        padding: 30px 15px;
    }
    #company-intro .bar {
        float: none;
        width: 100%;
        max-width: 320px;
        margin: 0 auto 15px;
    }
    .article h2, .company .article h2 {
        font-size: 24px;
    }
    .article h3, .comments h3 {
        font-size: 18px;
    }
    .article img, .article .video {
        margin: 1.5em auto;
    }
    #company-facts {
        padding-bottom: 0;
    }
    .figures-list {
        margin-top: 0;
    }
    .figures-list .item {
        float: none;
        width: 200px;
        margin: 0 auto;
    }
    .figures-list .item:before, .figures-list .item:nth-child(3n+1):before, .figures-list .item:after {
        content: "";
        width: 1px;
        height: 48px;
        background: #e9edf0;
        position: absolute;
        left: 0;
        top: 15px;
    }
    .figures-list .item:after {
        left: auto;
        right: 0;
    }
    .figures-list .owl-prev, .figures-list .owl-next {
        top: 15px;
        margin-top: 0;
    }

    .single-article {
        font-size: 16px;
    }
    .article-categories .links {
        padding-right: 40px;
    }
    .article-toc {
        padding: 20px 30px;
    }
    .single-article figure {
        padding-right: 0;
    }
    .single-article figcaption {
        bottom: 10px;
    }
    .article-toc .label {
        font-size: 20px;
    }
    .single-article h2 {
        font-size: 23px;
    }
    .single-article h3, .single-article .h3, .comments h3, .article-category section h2 {
        font-size: 20px;
    }
    .single-article blockquote {
        padding: 30px 20px 20px;
        font-size: 17px;
        margin: 40px auto 25px;
    }
    .single-article blockquote:before {
        width: 50px;
        margin-left: -25px;
    }
    .single-article blockquote:after {
        font-size: 100px;
    }

    .table-column .column {
        display: block;
    }
    .single-article .info-note {
        padding: 30px 25px;
        text-align: center;
        font-size: 16px;
    }
    .single-article .info-note:before {
        display: block;
        width: 55px;
        height: 55px;
        font-size: 41px;
        line-height: 55px;
        margin: -20px auto 15px;
        position: static;
    }
    .slider-section .h2 {
        font-size: 25px;
    }
    #similar-articles h2 {
        font-size: 30px;
    }
    .rate-article {
        text-align: center;
    }
    .rate-article .rating {
        display: inline-block;
        float: none;
        margin-top: 10px;
    }
    .post-navigation a span {
        display: none;
    }
    #new-articles .articles .item {
        float: none;
    }
    #new-articles .articles .item:nth-child(n+2) {
        width: 100%;
        max-width: 300px;
    }
    #new-articles .articles .featured {
        width: 100%;
        max-width: 600px;
    }
    .articles-list li {
        max-width: 270px;
        padding-left: 0;
        margin:  20px auto;
    }
    #new-articles .articles .item:nth-child(n+4), .articles-list li:nth-child(n+3) {
        display: none;
    }
    .articles-list h3 {
        font-size: 18px;
    }
    .articles-list img {
        position: static;
        margin: 0 auto 15px;
    }
    .past-seminars > li, .past-promos > li {
        width: 100%;
        float: none;
    }
    #about-exhibition .h2 {
        font-size: 30px;
        text-align: center;
    }
    #about-exhibition .benefits h3 {
        text-align: center;
    }
    #about-exhibition ul {
        max-width: 320px;
        margin: 0 auto;
        border: 1px solid #eeeff2;
    }
    #about-exhibition .owl-stage {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #about-exhibition .owl-item {
        display: -webkit-flex;
        display: flex;
        padding-left: 20px;
        justify-content: center;
        flex-direction: column;
    }
    #about-exhibition li {
        width: 100%;
        padding: 15px 40px 15px 65px;
        float: none;
        border-width: 0 !important;
    }
    #about-exhibition .owl-prev, #seminar-reviews .owl-prev {
        left: -27.5px;
    }
    #about-exhibition .owl-next, #seminar-reviews .owl-next {
        right: -27.5px;
    }
    #seminar-reviews h2 {
        font-size: 27px;
        text-align: center;
    }
    #seminar-reviews .videos {
        max-width: 320px;
        margin: 0 auto;
    }
    #seminar-reviews .videos .item {
        width: 100%;
        margin: 0 auto;
    }
    .single-promo h1, .contacts-page h1 {
        font-size: 36px;
    }
    .contact-details li {
        margin-bottom: 15px;
    }
    .contact-details .schedule {
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .contact-details .schedule .icon {
        margin-top: 20px;
    }
    .contact-directions {
        font-size: 16px;
    }
    .contact-directions .switcher li {
        font-size: 20px;
    }
    .view-switcher {
        float: none;
    }
    .bank-offers .switcher li {
        width: 100%;
        float: none;
        margin: 0;
    }
    .bank-offers .switcher li > span {
        display: none;
    }
    .bank-offers .switcher li:not(:last-child) div:after {
        border-bottom-width: 5px;
    }
    .bank-offer .params li {
        width: 100%;
        margin: 2px 0;
    }
    .bank-offer h2, .credits-description h2 {
        font-size: 27px;
    }
    .bank-offer h3, .credits-description h3 {
        font-size: 20px;
    }
    .credits-sidebar .trigger {
        display: block;
    }
    .credit-request {
        margin: 0 -15px;
    }
    .credit-request h3 {
        cursor: pointer;
    }
    .credit-request h3 .icon {
        display: block;
    }
    .credit-request form {
        display: none;
    }
    .calculator .result, .calculator .result > div {
        display: block;
    }
    .calculator .total {
        text-align: center;
    }
    .calculator .total:before {
        content: none;
    }
    .prices thead {
        display: none;
    }
    .prices table, .prices tbody, .prices tr, .prices th, .prices td {
        display: block;
        border: 0;
    }
    .prices tr {
        overflow: hidden;
    }
    .prices td {
        padding: 0 20px 10px;
    }
    .prices td:first-child {
        padding-top: 10px;
    }
    .prices td.price, .prices td.price_partner {
        width: 45%;
        float: left;
        text-align: left;
    }
    .prices td.price_partner {
        width: 55%;
    }
    .prices td.price:before, .prices td.price_partner:before {
        content: "Для компании";
        display: block;
        font-size: 10px;
        line-height: 1.2;
        font-weight: 300;
        color: #848489;
    }
    .prices td.price_partner:before {
        content: "Для участников выставки";
    }
    .prices td.description {
        width: 100% !important;
        float: left;
        clear: both;
        overflow: hidden;
        display: none;
    }
    .building-request .main {
        padding-left: 30px;
    }
    .single-article .projects h2, .single-article .projects .total {
        float: none;
    }
    .single-article .projects .total {
        font-size: 15px;
    }
    .article-data .rating {
        float: left;
        margin: 0 0 5px;
    }
    .article-data .rating + .main {
        width: 100%;
    }
    .article-data .postpone-module {
        clear: left;
    }
    .article-data .print, .article-data .postpone-module {
        margin-top: 5px;
    }
    .postpone-form {
        width: 358px;
        padding: 60px 15px 20px;
        top: -20px;
    }
    .building-request .col {
        width: 100%;
    }
    .building-request label {
        margin-top: 15px;
    }
    .building-request .description textarea {
        height: 120px;
    }
    .building-request button {
        margin: 25px auto 15px;
    }
    #building-request .modal-header h3 {
        font-size: 30px;
    }
    .building-request .main {
        padding: 35px 35px 140px;
    }
    .building-request.calculation .main {
        padding: 35px 35px 230px;
    }
    .building-request .cta {
        width: auto;
        float: none;
        margin: 0 auto;
        text-align: left;
    }
    .building-request.calculation .cta {
        margin-left: auto;
    }
    .building-request .button {
        max-width: 320px;
        padding: 0 20px;
        position: static;
        -webkit-transform: none;
        transform: none;
        margin: 25px auto 0;
    }
    .building-request .cta, .building-request .button {
        max-width: 270px;
    }
    .building-request.calculation .cta {
        font-size: 24px;
    }
    .building-request .main:before, .building-request.calculation .main:before {
        bottom: -95px;
        left: 50%;
        margin-left: -200px;
    }
    .building-request.calculation .main:before {
        margin: 0 0 -273px -402px;
    }
    .main-sidebar .articles {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .main-sidebar.article-sidebar .subscription {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .category-columns {
        max-width: 300px;
        margin: 0 auto;
    }
    .category-columns .col.mobile {
        display: block;
    }
    .category-columns .col.mobile-hidden {
        display: none;
    }
    .category-columns .col, .category-columns .col.col2-5, .category-columns .col.col3-5, .category-columns .item .col, .category-columns .item .col:last-child {
        width: 100%;
    }
    .category-columns .item.main h3 a {
        font-size: 1.29em;
    }
    .companies-stats .section-header {
        font-size: 36px;
        text-align: center;
        margin-bottom: .5em;
    }
    .companies-stats li {
        width: 50%;
        padding: 10px 0;
        border: 0;
    }
    .companies-stats li:nth-child(4n+1) {
        border-left-width: 0;
    }
    .exchange-requests .switcher li {
        width: auto;
        float: none;
    }
    .exchange-requests .switcher li:first-child {
        margin: 0 0 -6px;
    }
    .exchange-requests .switcher li:last-child {
        margin: -6px 0 0;
    }
    .exchange-requests .form.building-request .agreement {
        max-width: 331px;
        margin: 10px auto 30px;
    }
    .company-registration .col {
        width: 100%;
    }
    .exchange-requests .options ul, .modal-options ul {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
    .proposal {
        padding: 10px 25px;
    }
    .modal-window.modal-options {
        max-width: 370px;
        padding: 25px 30px 30px;
    }
    .article-content h2, .article-content .h2, .article-content h3, .article-content .h3 {
        font-size: 30px;
    }
    .article-content h3, .article-content .h3 {
        font-size: 24px;
    }
    .article-data .bookmark {
        margin-top: 3px;
    }
    .article-data .rating + .bookmark {
        margin-top: -7px;
    }
    .design-gallery .thumbs {
        width: 16.6%;
        right: 3%;
        overflow-y: auto;
    }
    .design-gallery .thumbs > div {
        height: 31%;
        margin-bottom: 12%;
        outline: 2px solid #ff7e00;
    }
    .design-category .category-columns .col.col1-2, .design-category .category-columns .col.col1-4, .design-category .category-columns .col.coltablet1-2 {
        width: auto;
    }
    .article-preview.alt .h3 {
        font-size: 20px;
    }
    .article-preview.alt .top-data, .article-preview.alt .bottom-data {
        left: 20px;
    }
    .article-preview.alt .bottom-data {
        bottom: 7px;
    }
    .article-preview.alt .photos {
        right: 20px;
        bottom: 15px;
    }
    .article-category .show-more {
        margin-top: 15px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    #exchange-header .features .owl-stage {
        left: -94px;
    }
    #exchange-header .features .center + .owl-item li {
        opacity: 1;
    }
}
@media (max-width: 479px) {
    h2.shadow {
        font-size: 33px;
        margin-bottom: 0;
    }
    h2.shadow > span:first-child {
        display: none;
    }
    h2.shadow > span:last-child {
        font-size: 1em;
        position: static;
        font-weight: normal;
    }
    .subscription {
        padding: 30px;
    }
    .social-networks li {
        margin-left: 8px;
    }
    .social-networks a {
        font-size: 24px;
    }
    #about h2 {
        margin-left: 0;
    }
    #about .description {
        padding-left: 0;
    }
    #about .section-subtitle {
        display: none;
    }
    #about .actions {
        margin-left: 0;
    }
    #plan .filter h3 {
        font-size: 24px;
    }
    .section-heading.thin .h2 {
        font-size: 36px;
    }
    .section-heading .h2, #location .h2 {
        font-size: 40px;
    }
    #exhibition .figures div {
        font-size: 40px;
    }
    #about-online .summary .h3 {
        font-size: 38px;
    }
    #about-online .social-networks {
        margin-top: 30px;
    }
    #about-online .social .button {
        max-width: 290px;
        padding-top: 10px;
        line-height: 1.2;
        margin: 30px auto 0;
    }
    #about-online .social .button .icon {
        float: left;
        margin-top: 5px;
    }
    #partners {
        padding: 80px 0;
    }
    #partners .slider {
        margin-top: 30px;
    }
    #location .directions > div {
        font-size: 14px;
    }
    #location .directions .switcher {
        font-size: 18px;
    }
    #location .directions .switcher a {
        margin-left: 40px;
    }
    #location .directions .switcher .icon {
        font-size: 32px;
        left: -40px;
    }
    #location .directions .switcher .icon.drive {
        font-size: 40px;
        left: -45px;
    }
    .category .projects > li, .videos-list > li {
        width: 100%;
        float: none;
    }
    .page-header {
        font-size: 32px;
    }
    .project-sidebar .main-info li {
        padding: 0 15px;
    }
    .project-sidebar .main-info span {
        font-size: 18px;
    }
    .project-sidebar .main-info span span {
        font-size: 1em;
    }
    dl.tabled dt, dl.tabled dd {
        padding: 12px 15px;
    }

    .company .h2 {
        font-size: 30px;
    }
    .features-list .h2, #company-unique-technologies .h2 {
        font-size: 24px;
    }
    .project-technology .technology {
        max-width: calc(100% - 150px);
    }
    .project-technology .name {
        font-size: 18px;
    }
    .single-article h1 {
        font-size: 22px;
    }
    #most-discussed .slider h3 {
        font-size: 20px;
    }
    #seminar-intro {
        height: 368px;
    }
    #seminar-intro .header {
        bottom: 30px;
    }
    #seminar-intro .header .label {
        font-size: 16px;
        margin-bottom: 10px;
    }
    #seminar-intro h1 {
        font-size: 24px;
        line-height: 1.25;
    }
    #about-exhibition .subscription {
        padding: 30px;
    }
    .single-promo h1, .contacts-page h1 {
        font-size: 25px;
    }
    .single-promo .promo-description h2 {
        font-size: 22px;
    }
    .countdown {
        margin-bottom: 0;
    }
    .countdown .date-end, .countdown .time-left {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
    }
    .contact-details .phone {
        width: 100%;
        float: none;
    }
    .quick-navigation .label {
        display: none;
    }
    .favorites h2 {
        font-size: 20px;
    }
    .favorites .subscription {
        margin-top: 30px;
    }

    #tour3d iframe {
        height: 348px;
    }
    .exhibition-facts .h2, #exhibition-news .h2 {
        font-size: 30px;
    }
    .search-results-filter .checkboxes .fields {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
    .search-results-matches h2 {
        font-size: 22px;
    }
    .search-results-matches ul {
        font-size: 12px;
        margin-top: 5px;
    }
    .search-results-category > ul > li:nth-child(n+2) {
        display: none;
    }
    .article-preview {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .projects.plots.additional li:nth-child(n+2) {
        display: none;
    }
    .plots + .consultation {
        display: none;
    }
    .check-list.col4 {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
    .check-list.col4 li {
        display: block;
    }
    #plot-pricing dl {
        padding: 15px 20px;
        font-size: 16px;
    }
    #plot-pricing dd {
        font-size: 16px;
    }
    .consultation h2 + p {
        display: none;
    }
    .partner-card .website {
        float: left;
        clear: left;
    }
    .partners li:nth-child(n+4) {
        display: none;
    }
    .partner-card {
        width: 100%;
        left: -15px !important;
    }
    .videos-list > li:nth-child(odd) {
        clear: none;
    }
    .video-subscription h3 {
        font-size: 22px;
    }
    .video-subscription .header p {
        margin-left: 0;
        text-align: center;
    }
    .video-subscription .button {
        margin: 20px;
    }
    .videos-list li:nth-child(n+4), #popular-videos .videos-list li:nth-child(n+2) {
        display: none;
    }
    .calculator .params {
        padding: 10px 30px 30px;
    }
    .calculator .result > div {
        padding: 10px;
    }
    .stats-images li {
        padding: 10px;
        margin-top: 10px;
    }
    .stats-images img {
        -webkit-box-shadow: 0 5px 42px rgba(0,0,0,0.1);
        box-shadow: 0 5px 20px rgba(0,0,0,0.1);
    }
    .single-article figure.half {
        width: auto;
        float: none;
        margin-right: 0;
    }
    .subscription-cta > div {
        display: block;
    }
    .subscription-cta .header {
        padding: 10px 15px 5px 45px;
    }
    .subscription-cta .header .icon {
        top: 15px;
        margin-top: 0;
    }
    .subscription-cta .link {
        padding: 0 15px 10px 45px;
    }
    .proposal .params .options {
        margin-top: 20px;
    }
    .proposal .actions {
        margin-top: 10px;
    }
    .companies-stats .section-header {
        font-size: 30px;
    }
    .plots-list .project-actions {
        display: none;
    }
    .plots-list .highlights {
        display: block;
    }
    .plots-list .highlights:before {
        width: calc(100% + 40px);
        height: 50px;
        left: -20px;
    }
    .plots-list .highlights li:first-child {
        padding-left: 0;
    }
    .plots-list .highlights li:last-child {
        display: block;
        margin: 15px 0 0;
        padding-left: 0;
        border-left: 0;
    }
    .plots-list .highlights li:last-child .label {
        display: inline;
    }
    .plots-list .contacts li, .plots-list .contacts li:first-child {
        width: 100%;
        float: none;
    }
    .plots-list.card .features li {
        font-size: 13px;
    }
    .plots-list.card .highlights {
        padding: 5px 0 7px;
    }
    .plots-list.card .highlights li span {
        font-size: 18px;
    }
    .plots-list.card .contacts li {
        width: auto;
        float: none;
    }
    .review-list .review {
        padding: 30px 15px 30px 70px;
        font-size: 16px;
        line-height: 1.375;
    }
    .review-list .review .label {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .review-list .comment {
        margin-left: -50px;
    }
    .review-list .comment .label {
        margin: 0 0 20px 50px;
    }
    .review-list .comment .label .icon {
        top: -3px;
    }
    .review-list .review .show-more {
        margin: 2px 0 0 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .interesting-related {
        padding: 20px;
        font-size: 16px;
    }
    .interesting-related .icon {
        width: 40px;
        height: 40px;
        margin: 0 15px 0 -5px;
    }
}
@media (min-width: 400px) {
    .seminar-registration .toggle {
        right: 50%;
        margin-right: -185px;
    }
    .category-columns .item.main .views {
        float: left;
        margin-left: 20px;
    }
}
@media (max-width: 399px) {
    .hidden-xs {
        display: none !important;
    }
    .modal-window {
        max-width: 350px;
    }
    .modal-header {
        padding: 20px 40px 20px 20px;
    }
    .modal-window .h3 {
        font-size: 20px;
    }
    .modal-window.switchable .h3 {
        display: block;
        margin: 0;
    }
    .modal-body {
        padding: 20px;
    }

    .modal-close {
        font-size: 20px;
        right: 20px;
    }
    label {
        margin-bottom: 10px;
    }
    .agreement + button {
        margin-top: 20px;
    }
    form .agreement {
        margin: 20px 0 0;
    }
    #slider, #slider .item {
        height: 440px;
    }
    #slider .item {
        padding-top: 30px;
    }
    #slider .container {
        max-width: 320px;
    }
    #slider .title {
        font-size: 34px;
    }
    #slider .description {
        font-size: 18px;
    }
    #slider .button {
        margin-top: 20px;
    }
    h2 {
        font-size: 26px;
    }
    h2.shadow {
        font-size: 30px;
    }
    #useful-info .container {
        min-height: 0;
        padding-left: 15px;
    }
    .section-subtitle {
        display: none;
    }
    .owl-prev, .owl-next {
        width: 35px;
        height: 35px;
        padding: 7px;
        margin-top: -17px;
    }
    .owl-prev svg, .owl-next svg {
        width: 14px;
        height: 21px;
    }
    .news.grid .owl-prev, .news.grid .owl-next {
        margin: 0 15px;
    }
    #events .header {
        border: 0;
    }
    #events .categories {
        display: block;
    }
    #events .owl-prev, #events .owl-next {
        top: 36px;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #events .owl-prev {
        left: 0;
    }
    #events .owl-next {
        right: 0;
    }
    #events .owl-dots {
        margin-top: 20px;
    }
    #events .owl-dot {
        margin: 5px;
    }
    .post-categories.slider {
        padding-right: 75px;
    }
    .post-categories .item {
        font-size: 16px;
    }
    .post-categories .owl-prev, .post-categories .owl-next {
        bottom: 10px;
    }
    .post-categories .owl-prev {
        left: auto;
        right: 40px;
    }
    .social-networks li {
        margin-left: 5px;
    }
    .social-networks a {
        font-size: 20px;
    }
    #rent-intro h1 {
        font-size: 8.5vw;
    }
    #rent-intro h1 + p {
        font-size: 20px;
    }
    #rent-intro ul {
        margin: 15px auto;
    }
    #rent-intro .availability {
        font-size: 4.5vw;
    }
    #rent-intro .form {
        width: 100%;
        max-width: 310px;
    }
    .form-body {
        padding: 20px;
    }
    .form-header {
        padding: 15px 20px;
    }
    #rent-intro .form .h3 {
        font-size: 25px;
    }
    .section-heading.thin .h2 {
        font-size: 32px;
    }
    #advantages .more .h3 {
        font-size: 25px;
    }
    .section-heading .h2, #location .h2 {
        font-size: 34px;
    }
    .section-heading .subtitle {
        font-size: 16px;
    }
    #benefits .lists .h3 {
        font-size: 30px;
    }
    #benefits ol {
        font-size: 16px;
    }
    #benefits .more ul, #benefits .more li {
        margin-top: 20px;
    }
    .partnership .h2 {
        font-size: 25px;
    }
    #exhibition .figures li {
        width: 100%;
        padding: 0;
        float: none;
        clear: none;
        margin: 30px 0 0;
    }
    #about-online .summary .h3 {
        font-size: 32px;
    }
    #about-online .social .h3 {
        font-size: 25px;
    }
    .page-section {
        padding: 20px 0;
    }
    .page-header {
        font-size: 28px;
        margin-top: 35px;
    }
    .section-header {
        font-size: 25px;
    }
    .main-sidebar, .pagination, .category .consultation.full, .category .subscription {
        margin-top: 30px;
    }
    .pagination .page {
        width: 29px;
        height: 29px;
        font-size: 15px;
        line-height: 29px;
    }
    .main-wrapper + .consultation {
        margin-top: 40px;
    }

    .project-sidebar .main-info li {
        padding: 0 10px;
    }
    .project-tabs-switcher {
        font-size: 18px;
    }
    .project-tabs-switcher li {
        margin: 0 10px 5px;
    }
    .project-technology img {
        max-width: 90px;
        max-height: 90px;
        margin-right: 10px;
    }
    #company-gallery .owl-prev {
        left: -17.5px;
    }
    #company-gallery .owl-next {
        right: -17.5px;
    }
    .company .h2 {
        font-size: 28px;
    }
    .unique-technologies.slider {
        padding: 0;
    }
    .unique-technologies .owl-prev, .unique-technologies .owl-next {
        display: none;
    }
    .unique-technologies .item {
        padding: 20px 30px;
    }
    .article-categories .header {
        padding-left: 70px;
        padding-right: 40px;
    }
    .article-categories .header .icon:first-child {
        left: 20px;
    }
    .article-categories .header .icon:last-child {
        right: 30px;
    }
    .article-categories .links {
        padding-left: 50px;
        padding-right: 30px;
    }
    .article-category .main-content h2, .seminar-category .main-content h2, .promo-category .main-content h2, .video-category .main-content h2 {
        font-size: 24px;
    }
    #new-articles .articles .featured .h3 {
        font-size: 18px;
        line-height: 1.5;
    }
    #most-discussed .owl-prev, #most-discussed .owl-next {
        margin-top: -17.5px;
    }
    .seminars:not(.past-seminars) .seminar-preview .button {
        width: 100%;
        float: none;
    }
    .seminar-info .dates {
        padding-left: 15px;
    }
    .seminar-info .dates > div {
        padding-right: 0;
    }
    .seminar-preview .button.register {
        line-height: 60px;
        border: 0;
        background: #ff9f00;
        background-image: -webkit-linear-gradient(left, #ff8600, #ffb200);
        background-image: linear-gradient(to right, #ff8600, #ffb200);
        -webkit-background-origin: border-box;
        background-origin: border-box;
        color: #fff;
    }
    .seminar-experts .h3 {
        font-size: 24px;
    }
    .seminar-organization .location {
        font-size: 16px;
    }
    #seminar-program .program {
        padding: 0 40px;
    }
    #about-exhibition .owl-prev, #seminar-reviews .owl-prev {
        left: -13.5px;
    }
    #about-exhibition .owl-next, #seminar-reviews .owl-next {
        right: -13.5px;
    }
    .contacts-page .promo-sidebar .form {
        padding: 20px 30px 25px;
    }
    .contacts-page .project-sidebar .form .agreement {
        margin: 10px 0 0;
    }
    .contacts-page .promo-sidebar .form button {
        font-size: 18px;
        padding: 0 .5em;
    }
    .contact-details li {
        font-size: 18px;
    }
    .partner-card {
        padding: 30px;
    }
    .calculator-lists .links {
        padding: 0 20px;
    }
    .calculator .col {
        width: 100%;
        float: none;
    }
    .page-header.switcher {
        font-size: 24px;
    }
    .modal-subscription .promo-header {
        padding-left: 110px;
        min-height: 70px;
        margin: 0 0 15px;
    }
    .modal-subscription .promo-header img {
        max-width: 90px;
        max-height: 90px;
    }
    .modal-subscription .promo-header .prize {
        font-size: 19px;
    }
    .building-request .form {
        padding: 15px;
    }
    #building-request .modal-header h3 {
        font-size: 27px;
    }
    .building-request .quantity .value-label {
        font-size: 14px;
    }
    .article-content h2, .article-content .h2, .article-content h3, .article-content .h3 {
        font-size: 26px;
    }
    .article-content h3, .article-content .h3 {
        font-size: 20px;
    }
    .plots-list .contacts-trigger {
        font-size: 12px;
    }
    .plot-plan .zoom {
        bottom: 0;
    }
}
.styled input, .styled textarea, .styled button, .button, #footer .social-networks a, .owl-prev, .owl-prev svg, .owl-next, .owl-next svg, .owl-dot, #events .categories li, .events .item, .event-details, .news .item, .news .image:after, .news img, .article-preview, .article-preview .image:after, .article-preview img, .modal-window.switchable .switcher, .scroll, #partners img, .project-preview, .project-preview .main:before, .project-preview .details, .project-actions a, .project-actions span, .pagination a, .project-tabs-switcher li, .lb-nav a, .lb-close, .project-preview .logo, .dropdown:before, .checkbox.switcher [type=checkbox] + label:before, .checkbox.switcher [type=checkbox] + label:after, #company-gallery .owl-item img, .staff .item, .seminar-preview, .seminar-preview .main, #seminar-reviews .videos img, #seminar-reviews .videos .item:after, .promo-preview, .contact-directions .switcher a, .contact-directions .switcher a:before, .contact-directions .switcher a:after, .quick-navigation a, .search-results-category .show-more, .video-gallery .presentation, .bank-offers .switcher li div, .bank-offers .switcher li div:after, .bank-offers .switcher li div:before, .credit-request h3 .icon, .video-preview .image:after, .our-services .services li, .our-services .services form, .calculator-lists .toggle .icon, .calculator .radio.images .image:after, .article-data .print, .article-data .postpone, .client-requests h3, .client-requests .h3, .main-sidebar .related a, .page-menu a, .subscription-cta .link a, .category-columns .item, #exchange-header .contacts .callback, .exchange-requests .switcher li, .exchange-requests .switcher .title, #exchange-header .features li, .proposal, .exchange-requests .more span, .proposals .more span, .proposal .login, .proposal .client .show-message, .plots-list .gallery a:after, .plots-list .infrastructure .tooltip, .plots-list > li, #totop, .plot-plan .zoom, .plot-videos .item, .plot-videos .play, .article-category .show-more {
    -webkit-transition: .15s;
    transition: .15s;
}

#location .directions .switcher a {
    -webkit-transition: color .15s;
    transition: color .15s;
}
.icon {
    -webkit-transition: fill.15s, background .15s;
    transition: fill .15s, background .15s;
}
.main-news-more{
    display: inline !important;
    color: #FD7E24
}
.main-news-more:hover{
    color: #FD7E24
}
.event-details .shadow:hover{
    background-color: rgba(0, 0, 0, 0);
}
.brands_list h1 {
    font-size: 44px;
}
.brands_list .add_button_wrapper {
    width: 200px;
    float: right;
    margin-top:10px;
}
.brands_list .add_button {
    transform:none;
    position:inherit;
}
.review-body:after, .projects-category .project-preview .details .area:after {
    content: "";
    display: table;
    clear: both;
}
#company-reviews .header {
    padding-bottom: 25px;
    border-bottom: 1px solid #eeeff0;
    margin-bottom: 30px;
}
#company-reviews h2 {
    font-size: 30px;
    font-weight: 600;
    float: left;
    margin: 0 1em 0 0;
}
#company-reviews h2 .icon, #latest-reviews h2 .icon {
    width: 1.25em;
    height: 1.25em;
    fill: #ff7e00;
    float: left;
    font-size: 30px;
    margin: -0.15em 15px 0 0;
}
#company-reviews .add-review {
    display: inline-block;
    font-size: 18px;
    color: #606d79;
    font-weight: 600;
    border-bottom: 1px dotted #a3adb6;
    float: right;
    margin-top: 5px;
}
#company-reviews .add-review:hover {
    border-color: transparent;
}
.reviews li {
    margin-top: 25px;
}
.reviews li li {
    margin-left: 50px;
}
.reviews li ul {
    margin-bottom: 50px;
}
.reviews .author {
    float: left;
    margin-right: 20px;
}
.reviews .author .icon, .reviews .reviewed .icon {
    width: 28px;
    height: 28px;
    fill: #606d79;
    float: left;
    margin-right: 15px;
}
.reviews .company .author .icon {
    fill: #ff7e00;
}
.reviews .author .name {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    float: left;
}
.reviews .company .name span {
    margin-right: 5px;
}
.reviews .company .name div {
    display: inline-block;
    vertical-align: middle;
    background: #53b301;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 6px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.reviews .date {
    font-size: 10px;
    color: #858687;
    float: left;
    margin: 7px 20px 0 0;
}
.reviews .company .time {
    float: right;
    margin-right: 0;
}
.reviews .rating {
    float: left;
    font-size: 14px;
    font-weight: 600;
    color: #191919;
    float: right;
    margin-top: 5px;
}
.reviews .rating .label {
    float: left;
    margin-right: 8px;
}
.reviews .rating .value, .project-preview .project-rating .value {
    display: inline-block;
    padding: 3px 4px 2px;
    border: 1px solid #e2e7ec;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1;
    margin: -3px 0 0 5px;
}
.review-body {
    padding: 20px 35px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-weight: 300;
    line-height: 1.875;
    background: #f9fafb;
    margin-top: 20px;
    position: relative;
}
.reviews .company .review-body {
    background-color: #f7f2ed;
}
.review-body:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: transparent transparent #f9fafb transparent;
    position: absolute;
    left: 48px;
    bottom: 100%;
}
.reviews .company .review-body:before {
    border-bottom-color: #f7f2ed;
}
.review-body .reply {
    display: block;
    background: #fff;
    color: #8f9195;
    font-size: 13px;
    font-weight: 600;
    line-height: 29px;
    padding: 0 15px;
    border: 1px solid #c3c7cf;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    float: left;
    margin: 15px 20px 0 0;
}
.review-body .reply:hover {
    border-color: #f57900;
}
.review-body .reply span {
    border-bottom: 1px dotted #a3adb6;
}
.review-body .report {
    display: inline-block;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 600;
    color: #606d79;
    float: left;
    margin: 20px 0 0;
}
.review-body .report .icon {
    width: 1em;
    height: 1em;
    fill: #ff7e00;
    float: left;
    margin: 2px 10px 0 0;
}
.review-body .report span {
    border-bottom: 1px dotted #a3adb6;
}
.review-body .report:hover span {
    border-color: transparent;
}
#review-form {
    margin: 50px auto 0;
    position: relative;
}
#review-form h3, #review-form .header {
    font-size: 30px;
    line-height: 1;
    background: #fff;
    margin-bottom: 20px;
}
#review-form fieldset > label {
    width: 30%;
    max-width: 270px;
    float: left;
    margin-right: 30px;
}
#review-form .rating {
    font-size: 26px;
    line-height: 26px;
    margin: 10px -10px 10px 0;
}
#review-form .rating span {
    font-size: 16px;
    float: left;
    margin: 0 10px 0 0;
    color: #373737;
    font-weight: 300;
}
#review-form .rating .stars label {
    width: 1em;
    height: 1em;
}
#review-form textarea {
    height: 75px;
    /*padding-left: 0; yakus Закоментировал, т.к. тут https://mstrana.local/personal/company/reviews-manufacture/ в Пожаловаться прилипает текст placeholder */
}
#review_replay #review-form .logo_comment{display: flex; width: 100%;}
#review_replay #review-form .logo_comment .personal_photo_wrap{margin-right: 30px; overflow: hidden; border-radius: 500px;}
#review_replay #review-form .logo_comment .comment{width: 100%;}
#review_replay #review-form textarea {
    border-radius: 4px;
    border: 1px solid #dfe3e3;
    padding-left: 15px!important;
    padding-bottom: 50px;
    min-height: 146px!important;
    margin-bottom: 15px;
    overflow-y: hidden;
}

#review-form .agreement {
    margin-top: 10px;
}
#review-form button {
    max-width: 270px;
    margin-top: 20px;
}
.tags {
    margin-top: 5px;
}
.tags li {
    background: #f1f3f5;
    color: #606d79;
    padding: 0 0 0 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 21px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin: 10px 10px 0 0;
}
.perelink_tags{padding: 20px 30px; border: 1px solid #eeeff2; margin-top: 20px;}
.tags .remove {
    display: block;
    width: 21px;
    height: 21px;
    line-height: 1;
    opacity: .5;
    float: right;
    margin-left: 2px;
    background: url("/local/templates/ms_2018/img/close3.svg") 50% 50% no-repeat;
    -webkit-background-size: 7px;
    background-size: 7px;
    opacity: .7;
}
.tags .remove:hover {
    opacity: 1;
}
.projects-category .project-preview {
    padding-bottom: 120px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.projects-category .project-preview:hover {
    -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.39);
    box-shadow: 0 17px 38px rgba(0,0,0,0.39);
}
.project-preview h3 {
    font-size: 16px;
    line-height: 1.125;
    font-weight: 600;
    color: #fff;
}
.projects-category .project-preview img {
    margin: 0;
}
.projects-category .project-preview .project-actions {
    margin-bottom: 120px;
}
.projects-category .project-preview .details, .single-article .projects .project-preview .details {
    width: 100%;
    height: 120px;
    padding: 10px 15px;
    background: #f5f6f8;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
    top: auto;
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
}
.projects-category .project-preview .details .area li {
    float: left;
    margin-bottom: 5px;
}
.projects-category .project-preview .area li + li {
    float: right!important;
}
.projects-category .project-preview .area {
    font-size: 14px;
    font-weight: 600;
    margin:0px;
}
.projects-category .project-preview .area span {
    display: block;
    font-size: 10px;
    font-weight: 300;
    color: #898989;
}
.projects-category .project-preview .term {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding-left: 20px;
    background: url("/local/templates/ms_2018/img/clock.svg") 0 20% no-repeat;
    -webkit-background-size: 15px;
    background-size: 15px;
    margin: 5px -15px 0 0;
}
.projects-category .project-preview .term span {
    line-height: 15px;
    color: #898989;
    margin-right: 5px;
}
.projects-category .project-preview.special {
    /*border: 3px solid #f02781;*/
}
.projects-category .project-preview .badge {
    background: #59b611;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    padding: 3px 6px 3px 4px;
    position: absolute;
    left: 0;
    bottom: 8px;
    margin-bottom: 190px;
    display: flex;
    align-items: center;
}
.projects-category .project-preview .badge:before, .projects-category .project-preview .badge:after {
    color: #59b611;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 4px 0 0;
    border-color: currentColor transparent transparent transparent;
    position: absolute;
    left: 100%;
    top: 0;
}
.projects-category .project-preview .badge:after {
    top: auto;
    bottom: 0;
    border-width: 0 4px 11px 0;
    border-color: transparent transparent currentColor transparent;
}
.projects-category .project-preview .badge .icon {
    width: 14px;
    height: 14px;
    float: left;
    margin: 0px 4px 0 0;
    fill: #fff;
}
.projects-category .project-preview.special.toprated {
    border-color: #ff9d12;
}
.projects-category .project-preview.toprated .badge {
    background: #ff9d12;
}
.projects-category .project-preview.toprated .badge:before, .projects-category .project-preview.toprated .badge:after {
    color: #ff9d12;
}
.projects-category .project-preview.special.real {
    border-color: #0fc7f3;
}
.projects-category .project-preview.real .badge {
    background: #0fc7f3;
}
.projects-category .project-preview.real .badge:before, .projects-category .project-preview.real .badge:after {
    color: #0fc7f3;
}
.projects-category .project-preview.special.presented {
    border-color: #59b611;
}
.projects-category .project-preview.presented .badge {
    background: #59b611;
}
.projects-category .project-preview.presented .badge:before, .projects-category .project-preview.presented .badge:after {
    color: #59b611;
}
.projects-category .project-preview.special.selected {
    border-color: #8475c0;
}
.projects-category .project-preview.selected .badge {
    background: #8475c0;
}
.projects-category .project-preview.selected .badge:before, .projects-category .project-preview.selected .badge:after {
    color: #8475c0;
}
.order-bonus {
    margin-top: 30px;
}
.order-bonus img {
    display: block;
    max-width: 100%;
    height: auto;
}
.project-info {
    min-height: 128px;
    padding-left: 60px;
    position: relative;
    margin-top: 40px;
}
.project-info h3 {
    font-size: 21px;
    font-weight: 300;
    margin: 0;
    position: absolute;
    left: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    margin-top: 6em;
}
.project-info .check-list {
    line-height: 1.5;
}
#toprated-companies {
    overflow: hidden;
    padding-bottom: 60px;
    margin: 50px 0 -70px;
}
#toprated-companies h2 {
    margin-bottom: 30px;
}
.projects.toprated .project-preview {
    overflow: hidden;
}
.projects.toprated .active .project-preview .image:after {
    border: 1px solid #eeeff2;
}
.project-preview .project-rating {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.project-preview .project-rating .value {
    vertical-align: top;
}
.project-preview .project-rating .icon {
    width: 13px;
    height: 13px;
    fill: #ffa500;
    vertical-align: top;
    margin-top: 1px;
}
#latest-reviews {
    margin-top: 40px;
}
#latest-reviews h2 {
    font-size: 55px;
    font-weight: 300;
    margin-right: 70px;
}
#latest-reviews h2 .icon {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
#latest-reviews .slider {
    border-top: 1px solid #eeeff0;
    padding-top: 30px;
    margin-top: 20px;
    text-align: center;
}
#latest-reviews .slider .item {
    text-align: left;
}
.reviews .reviewed {
    float: left;
}
.reviews .reviewed .label {
    display: block;
    font-size: 13px;
    font-weight: 300;
    color: #858687;
    float: left;
    margin: 4px 10px 0 0;
}
.reviews .reviewed .company {
    display: block;
    vertical-align: middle;
    height: 28px;
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    padding: 2px 8px 0;
    background: #f4f6f7;
    color: #606d79;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    float: left;
    margin-right: 10px;
}

.reviews .company.lvl2{margin-left: 50px;}
.reviews .company.lvl3{margin-left: 100px;}
.reviews .company.lvl4{margin-left: 150px;}
.reviews .company.lvl5{margin-left: 200px;}
.reviews .company.lvl6{margin-left: 250px;}
.reviews .company.lvl7{margin-left: 300px;}
.reviews .company.lvl8{margin-left: 350px;}
.reviews .company.lvl9{margin-left: 400px;}
.reviews .company.lvl10{margin-left: 450px;}
.reviews .company.lvl11{margin-left: 500px;}

.reviews .reviewed .company:hover {
    background: #53b301;
    color: #fff;
}
.reviews.latest .author {
    clear: left;
    font-size: 14px;
    line-height: 1.33;
    margin: 10px 0 0 43px;
}
.reviews.latest .author .name {
    display: inline;
    float: none;
    font-size: 1em;
}
.reviews.latest .owl-prev, .reviews.latest .owl-next {
    width: 18px;
    height: 27px;
    padding: 0;
    margin: 0;
    background: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: absolute;
    top: -50px;
    left: auto;
    right: 0;
}
.reviews.latest .owl-prev {
    left: auto;
    right: 30px;
}
.reviews.latest .owl-dots {
    vertical-align: top;
    margin-top: 30px;
}

#auth_popup .logout{float: right; }


.add-project {
    width: auto;
    padding: 0 30px 0 80px;
    float: right;
    margin-top: 15px;
    background: #4eb200;
    position: absolute;
    right: 0px;
    top: -20px;
}
.add-project + .page-description {
    max-width: calc(100% - 300px);
    float: left;
}
.add-project .icon {
    width: 60px;
    height: 44px;
    padding: 10px;
    border-right: 1px solid rgba(255,255,255,0.27);
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -22px;
}
.page-header.small {
    font-size: 40px;
}

@media (max-width: 991px) {
    #company-reviews h2 {
        font-size: 27px;
    }
    #review-form {
        padding: 30px;
    }
    #latest-reviews h2 {
        font-size: 48px;
    }
    .page-header.small {
        font-size: 34px;
    }

    .single-article h2 {
        font-size: 27px;
    }
    .single-article h3 {
        font-size: 24px;
    }

}
@media (min-width: 768px) and (max-width: 991px) {
    .reviews.latest .author {
        margin-left: 0;
    }
    .reviews.latest .rating {
        float: left;
        clear: left;
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    #review-form h3, #review-form .header {
        padding: 0 15px;
        font-size: 27px;
        left: 15px;
    }
    #review-form fieldset > label, #review-form button {
        width: 45%;
        widtH: calc(50% - 15px);
    }
    #review-form fieldset > label:last-of-type {
        margin-right: 0;
    }
    #review-form .rating {
        clear: both;
        padding: 10px 0;
        overflow: hidden;
    }
    #latest-reviews h2 {
        font-size: 42px;
    }
}
@media (max-width: 599px) {
    .reviews .company .name span {
        display: none;
    }
    .reviews li li {
        margin-left: 25px;
    }
    .reviews li ul {
        margin-bottom: 40px;
    }
    .reviews .date {
        float: left;
    }
    .reviews .rating {
        float: left;
        clear: left;
        margin-top: 10px;
    }
    .review-body {
        padding: 20px;
        font-size: 14px;
        line-height: 1.5;
    }
    .reviews .company .time {
        float: left;
    }
    #review-form {
        max-width: 330px;
    }
    #review-form fieldset > label, #review-form button {
        width: 100%;
        float: none;
    }
    #review-form textarea {
        height: 150px;
    }
    #latest-reviews h2 {
        margin-right: 0;
    }
    #latest-reviews .slider {
        padding-top: 0;
        border-top: 0;
    }
    #latest-reviews .slider .owl-prev, #latest-reviews .slider .owl-next {
        display: none;
    }
    .reviews.latest .author {
        margin-left: 0;
    }
    .page-header.small {
        font-size: 28px;
    }
    .add-project {
        float: left;
    }
    .add-project + .page-description {
        max-width: none;
    }
    .bintro .description {
        width: auto !important;
        float: none !important;
        margin-bottom: 15px;
    }
    .bintro .button {
        float: none !important;
    }
    .bx-pdf-container .sidebarContainer {
        width: 100% !important;
    }
    .page-menu {
        font-size: 14px;
        position: relative;
    }
    .page-menu .container {
        background-position: 15px 50%;
    }
    .page-menu .trigger {
        display: block;
    }
    .page-menu .slider {
        padding: 10px 30px;
    }
    .page-menu .slider.dropdown {
        width: 100%;
        padding: 0 30px 5px 45px;
        background: #fafafa;
        -webkit-box-shadow: 0 17px 38px rgba(0,0,0,0.19);
        box-shadow: 0 15px 15px rgba(0,0,0,0.19);
        position: absolute;
        left: 0;
        top: 100%;
        display: none;
    }
    .page-menu .slider:after {
        width: 70px;
        right: 30px;
    }
    .page-menu .dropdown a {
        display: block;
        margin-bottom: 10px;
    }
    .plots-list .contacts .contactsBlocks .contactsBlock{
        width: 100%;
    }
    .plots-list .contacts .contactsBlocks{
        flex-wrap: wrap;
    }
    .plots-list .contacts .contactsBlocks .contactsBlock:nth-child(2n)::before {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        background-color: #eeeff2;
        top: -10px;
    }
}
@media (max-width: 479px) {
    #review-form h3, #review-form .header {
        font-size: 24px;
    }

    #latest-reviews h2 {
        font-size: 36px;
    }

    .plot-description {
        font-size: 16px;
    }
    .article-author .name {
        font-size: 17px;
    }
}
@media (max-width: 399px) {
    #latest-reviews h2 {
        font-size: 32px;
    }
    .reviews .date {
        clear: both;
    }
    .page-header.small {
        font-size: 24px;
    }
    .page-header.large {
        font-size: 30px;
    }
}
#company-reviews .add-review, .review-body .reply, .review-body .report span, .tags .remove, .reviews .reviewed .company, .design-gallery .thumbs > div:after {
    -webkit-transition: .15s;
    transition: .15s;
}

/* Branding */
html, #footer {
    position: relative;
}
.branded {
    max-width: none;
}
@font-face {
    font-family: "Diodrum Cyrillic";
    src: url("/local/templates/ms_2018/branding/DiodrumCyrillic-Regular.woff") format("woff"), url("/local/templates/ms_2018/branding/DiodrumCyrillic-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Diodrum Cyrillic";
    src: url("/local/templates/ms_2018/branding/DiodrumCyrillic-Bold.woff") format("woff"), url("/local/templates/ms_2018/branding/DiodrumCyrillic-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Diodrum Cyrillic";
    src: url("/local/templates/ms_2018/branding/DiodrumCyrillic-Medium.woff") format("woff"), url("/local/templates/ms_2018/branding/DiodrumCyrillic-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Diodrum Cyrillic";
    src: url("/local/templates/ms_2018/branding/DiodrumCyrillic-Semibold.woff") format("woff"), url("/local/templates/ms_2018/branding/DiodrumCyrillic-Semibold.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
}
#branding, #branding-bottom {
    background: -webkit-linear-gradient(left, #88d4f6, #88d4f6 50%, #436ba6 50%, #436ba6);
    background: linear-gradient(to right, #88d4f6, #88d4f6 50%, #436ba6 50%, #436ba6);
    background-color: #6199c9;
    color: #fff;
    font: 16px/1.25 "Diodrum Cyrillic", Arial, Helvetica, sans-serif;
}
#branding-bottom + #footer {
    margin-top: 0;
}
#branding, #branding-new {
    width: 100%;
    height: 100%;
    padding-top: 166px; /* header default */
    position: absolute;
    left: 0;
    top: 0;
}
#branding-new {
    background: url("/local/templates/ms_2018/branding/bg-branding-new.png") 50% 0 no-repeat;
    background-attachment: fixed;
}
#branding-bottom {
    position: relative;
    display: none;
}
.branded-page-wrapper {
    /*
        max-width: 68.33%;
        -webkit-box-shadow: 0 21px 92px rgba(8,21,33,0.26);
        box-shadow: 0 21px 92px rgba(8,21,33,0.26);
        margin: 22% auto 0;
    */
    max-width: 100%;
    background: #fff;
    position: relative;
    margin: 200px auto 0;
}
.branded #footer {
    margin: 0 auto;
    z-index: 101;
}
#branding .wrapper, #branding-bottom .wrapper {
    background: url("/local/templates/ms_2018/branding/bg.jpg") 50% 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    overflow: hidden;
    position: relative;
}
#branding-bottom .wrapper {
    background-position: 50% 25%;
}
#branding .wrapper {
    height: 100vw;
}
.brandyng-tyvek .title {
    font-size: 70px;
    font-size: 3.645vw;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    margin-top: 1.9em;
    position: relative;
    z-index: 3;
}
.brandyng-tyvek .good, .brandyng-tyvek .bad {
    width: 50%;
    height: 100%;
    float: left;
}
.brandyng-tyvek .bad {
    width: 50%;
    float: right;
}
.brandyng-tyvek .brand-logo {
    width: 9.48%;
    position: absolute;
    top: 3.33%;
    left: 2.8125%;
}
.brandyng-tyvek .house {
    width: 29.43%;
    position: absolute;
    left: -3.8%;
    top: 11.2%;
}
.brandyng-tyvek .sign {
    width: 17.7%;
    position: absolute;
    right: 0;
    top: 5%;
}
.brandyng-tyvek .result {
    text-align: center;
    width: 15.4%;
    font-size: 1.15vw;
    font-weight: 500;
    line-height: 1.2;
    color: #234565;
    position: absolute;
    top: 37.2%;
    left: .5%;
    z-index: 2;
}
.brandyng-tyvek .bad .result {
    left: auto;
    right: .5%;
}
.brandyng-tyvek .result .number {
    display: block;
    font-size: 3.125vw;
    font-weight: bold;
    line-height: 1.133;
    background: #5fd600;
    color: #fff;
}
.brandyng-tyvek .bad .result .number {
    background: #e91625;
}
.brandyng-tyvek .result div {
    min-height: 7em;
    padding: 1em .5em 1em;
}
.brandyng-tyvek .bad .result div {
    color: #fff;
}
.brandyng-tyvek .good .result .number:after, .brandyng-tyvek .bad .result .number:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.7em;
    height: 1.4em;
    background: url("/local/templates/ms_2018/branding/bg-result-number.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: -.1em .2em -.4em;
}
.brandyng-tyvek .bad .result .number:before {
    background-image: url("/local/templates/ms_2018/branding/bg-result-number-bad.png");
}
.brandyng-tyvek .branding-button {
    display: block;
    text-align: center;
    font-size: 1.1vw;
    font-weight: 600;
    line-height: 3;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
    background: #5acc00;
    color: #fff;
    max-width: 88%;
    margin: .2em auto 0;
    -webkit-transition: .2s;
    transition: .2s;
}
.brandyng-tyvek .branding-button:hover {
    background: #63e500;
}
.brandyng-tyvek .bad .branding-button {
    background: #e61625;
}
.brandyng-tyvek .bad .branding-button:hover {
    background: #ff1a29;
}
@media (max-width: 1400px) {
    .branded-page-wrapper {
        max-width: 100%;
        height: auto;
    }
    #branding {
        position: relative;
        height: auto;
        padding-top: 0;
    }
    #branding-bottom {
        display: block;
    }
    #branding .wrapper {
        height: auto;
        padding-bottom: 3vw;
    }
    #branding-bottom .wrapper {
        padding: 3vw 0;
    }
    .brandyng-tyvek .title {
        margin-bottom: 1.2em;
    }
    .brandyng-tyvek .brand-logo {
        width: 12%;
        left: 5%;
        top: 8%;
    }
    .brandyng-tyvek .house {
        width: 25%;
        left: 5%;
        top: 28%;
    }
    .brandyng-tyvek .sign {
        width: 15%;
        right: 12%;
    }
    .brandyng-tyvek .result {
        width: 50%;
        position: relative;
        left: auto;
        top: auto;
        font-size: 1.8vw;
        float: right;
        margin: 0;
    }
    .brandyng-tyvek .bad .result {
        float: left;
        right: auto;
    }
    .brandyng-tyvek .bad .result .questions {
        display: inline-block;
        font-size: 3vw;
        font-weight: bold;
        float: right;
        margin: .4em -2em 0 0;
        color: #fff;
    }
    .brandyng-tyvek .result div {
        min-height: 5.75em;
    }
    .brandyng-tyvek .good .branding-button {
        width: 10em;
        font-size: 2.2vw;
        line-height: 1.8;
        margin-right: -5em;
    }
    .brandyng-tyvek .result .number {
        font-size: 5vw;
    }
    #branding-bottom .brand-logo {
        left: 9%;
        top: 11%;
    }
    .brandyng-tyvek .bad .branding-button {
        display: none;
    }
}
@media (max-width: 599px) {
    #branding .wrapper {
        padding: 23vw 0 4vw;
    }
    .brandyng-tyvek .title {
        display: none;
    }
    .brandyng-tyvek .house {
        display: none;
    }
    .brandyng-tyvek .result {
        width: 80%;
    }
    .brandyng-tyvek .result .number {
        font-size: 8vw;
    }
    .brandyng-tyvek .brand-logo {
        width: 17%;
        left: 21%;
        top: 19%;
    }
    .brandyng-tyvek .sign {
        width: 18%;
        right: 18%;
    }
    .brandyng-tyvek .result {
        font-size: 3vw;
    }
    .brandyng-tyvek .good .branding-button {
        font-size: 3.5vw;
    }
    #branding-bottom .wrapper {
        background-position: 50% 0;
        padding: 15vw 0 4vw;
    }
    #branding-bottom .brand-logo {
        left: 19%;
        top: 6%;
    }
    #branding-bottom .questions {
        font-size: 5vw;
        position: absolute;
        right: 40%;
        top: -2.2em;
        margin: 0;
    }
}
@media (max-width: 991px) {
    #branding-new {
        padding-top: 106px;
        -webkit-background-size: auto 1200px;
        background-size: auto 1200px;
    }
    .branded-page-wrapper {
        margin-top: 120px;
    }
}

/*
.infinite-scroll .branded-page-wrapper {
	background: none;
	overflow: hidden;
	pointer-events: none;
}
.infinite-scroll .main-content {

}
.infinite-scroll .page-menu, .infinite-scroll .main-content > *, .infinite-scroll .main-sidebar {
	pointer-events: auto;
}
.infinite-scroll .main-sidebar, .infinite-scroll .breadcrumbs {
	position: relative;
	z-index: 3;
}
.infinite-scroll .main-sidebar:after {
	content: "";
	display: table;
	clear: both;
}
.article-wrapper {
	position: relative;
	z-index: 2;
}
.article-wrapper + .article-wrapper {
	margin-top: 300px;
}
.article-wrapper:before, .infinite-scroll .main-sidebar:before {
	content: "";
	width: 200vw;
	height: 100%;
	height: calc(100% + 100px);
	background: #fff;
	position: absolute;
	right: -80px;
	top: -70px;
	z-index: -1;
}
.infinite-scroll .single-article {
	background: #fff;
}
@media (min-width: 992px) {
	.infinite-scroll .main-sidebar:before {
		content: none;
	}
}
*/

.unselectable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

button.send_form.disabled, button.save_lead.disabled {
    opacity: 0.3;
    pointer-events: none;
}

form.lk_lead_send_form .g-placeholder {
    margin-left: 5px;
    margin-bottom: 18px;
}
.telegramSlide-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    gap: 16px;
}
.telegramSlide-block{
    width: 260px;
    background: #fff;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 110;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 0 40px rgba(0,0,0,0.14);
    display: block;
}
.telegramSlide-block.with_cookie{
    bottom: 100px;
}
.telegramSlide-close{
    margin-top: 0;
    top: 10px;
    right: 10px;
}
.telegramSlide-qrcode img{
    width: 148px;
    height: 148px;
}
.telegramSlide-text{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.telegramSlide-text a{
    border-bottom: 1px solid #53b301;
}
.telegramSlide-text a:hover{
    color: #53b301;
}


.mobile-show{display: none!important;}
.mobile-hide{display: block!important;}
@media (max-width: 767px) {
    .mobile-show{display: block!important;}
    .mobile-hide{display: none!important;}
}

.c-main__btn:disabled{background: #ccc; color: #fff; border-color: #ccc; box-shadow: none;}
/* End */


/* Start:/local/templates/ms_2018/header_original.css?178108548720473*/
#header {padding: 0px 30px;}

#header .lk_buttons li {
    float: left;
    margin-left: 15px;
}
#header .lk_buttons .btn {
    text-transform: unset;
}
#header .lk_buttons a {
    display: block;
    font-size: 25px;
    width: 1em;
    height: 1em;
    padding: 5px;
    background: #f4f6f7;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}
#header .lk_buttons a:hover {
    background: #ff7e00;
}
#header .lk_buttons a .icon {
    display: block;
    fill: #9fa9b3;
}
#header .lk_buttons a:hover .icon {
    fill: #fff;
}

#header .actions a{position: relative; overflow: visible;}
#header .actions .number, #header .lk_buttons .number {
    width: 21px;
    height: 21px;
    border: 2px solid #fff!important;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d9dce1;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    position: absolute;
    right: -9px;
    top: -11px;
}


#header .actions .search-trigger .icon{fill: #53b301;}
#header .lk_buttons a.btn {transition: all 0.15s; background: #ff7e00; font-size: 12px; width: auto; height: auto; border-radius: 4px; font-weight: normal; line-height: 13px; padding: 5px 10px;}

#header .lk_buttons a.login{font-size: 12px; color: #545454!important; border: 1px solid #ff7e00; background: #fff; text-align: center;}
#header .lk_buttons a.login:hover{border-color: #ff7e00; background: #ff7e00; color: #fff!important;}
#header .lk_buttons a.login .icon{float: left; width: 16px; top: -1px; height: 16px; position: relative; }
#header .lk_buttons.new li{margin: 0px; float: none;}

#header .lk_buttons a.logout{background: #fff; border: 1px solid #53b301; color: #53b301!important;}
#header .lk_buttons a.logout:hover{background: #53b301; border-color: #53b301; color: #fff!important;}
#header .lk_buttons .active .number, #header .actions .active .number {
    background-color: #53b301;
}

#header .place-locations {
    display: none;
}
@media only screen and (min-width: 1001px) {
    #header .place-locations {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-left: 0;
    }
}
@media only screen and (max-width: 1000px) {
    #header .place-locations {
        display: none;
    }
}
/* Блок адресов в шапке */
#header .place-locations .location {
    margin-left: 0;
}
#header .place-locations .location:last-of-type {
    margin-right: 0;
}
#header .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 20px 0px 15px 0px;
    position: relative;
    margin: 0 auto;
    max-width: 1530px;
}
#header .main:before, #header .main:after {
    display: none;
}

#header .main .phone {
    width: 170px;
}



.text-green {
    color: #54B600;
}

.text-grey {
    color: #878889;
}

.place-locations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-left: 40px;
    max-width: 800px;
    gap: 20px;
}
.place-locations .locations-list {
    display: flex;
    flex-wrap: wrap;
    max-width: 600px;
    gap: 10px;
}
@media only screen and (max-width: 1400px) {
    .place-locations {
        margin-left: 2vw;
    }
}
@media only screen and (max-width: 1100px) {
    .place-locations {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
    }
}
@media only screen and (max-width: 700px) {
    .place-locations {
        width: 100%;
        margin: 20px 0;
        gap: 15px;
        flex-wrap: wrap;
    }
}
.place-locations .location {
    display: block;
    margin-left: 0;
    width: calc(50% - 5px);
}
@media only screen and (max-width: 600px) {
    .place-locations .location {
        width: 100%;
    }
}
.place-locations .location .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.2;
    padding-bottom: 0;
    position: relative;
    margin-left: 25px;
    color: #000;
}
.place-locations .location .title strong {
    font-weight: 700;
}
.place-locations .location .title img {
    position: absolute;
    height: 16px;
    width: 16px;
    left: -25px;
    top: 0;
}

.place-locations .locations-work-time {
    display: flex;
    gap: 8px;
    min-width: 150px;
}
.place-locations .locations-work-time .icon {
    width: 14px;
    height: 14px;
    fill: #FF7E00;
}
.place-locations .locations-work-time .text {
    font-size: 12px;
    line-height: 1.2;
    color: #000;
    font-weight: 500;
}
@media only screen and (max-width: 1200px) {
    .place-locations .locations-work-time {
        display: none;
    }
}
.place-locations .location .text-grey {
    font-weight: 400;
    font-size: 12px;
    line-height: 140%;
    margin-left: 12px;
    margin-top: 2px;
    margin-bottom: 2px;
    display: block;
}
.place-locations .location .time {
    display: block;
    margin-left: 12px;
    font-weight: 600;
    font-size: 11px;
    line-height: 140%;
}
.place-locations .location .time .text-green {
    font-weight: 700;
}

@media only screen and (max-width: 1000px) {
    #nav .main-menu {
        display: block;
    }
}


#nav .address-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#nav .address-wrapper .place-locations {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
    margin-bottom: 12px;
}

#header .actions, #header .search-form, #nav, #nav a{
    -webkit-transition: .15s;
    transition: .15s;
}
#location .directions .switcher a {
    -webkit-transition: color .15s;
    transition: color .15s;
}

#header, #sticky-nav {
    width: 100%;
    min-width: 320px;
    -webkit-transform: translateZ(0);
    position: relative;
    top: 0;
    left: 0;
    z-index: 200;
}
#header, #sticky-nav .main {
    background: #fff;
    border-bottom: 6px solid #f8fafb;
    -webkit-box-shadow: 0 9px 40px rgba(0,0,0,0.08);
    box-shadow: 0 9px 40px rgba(0,0,0,0.08);
}
#header.sticky, #sticky-nav {
    position: fixed;
}
#sticky-nav {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}
#sticky-nav.visible {
    visibility: visible;
    opacity: 1;
    z-index: 1000;
}
#header .logo {
    display: flex;
    height: 70px;
    align-items: center;
    top: -6px;
    position: relative;
}
#header .logo img {
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 16px;
}
#header .logo > span{
    display: block;
    font: bold 15px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
    float: left;
}
#sticky-nav .logo > span {
    display: block;
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
    float: left;
}

#sticky-nav .main {
    padding: 10px 30px 6px;
    position: relative;
    z-index: 2;
    max-width: 1590px;
    margin: 0 auto;
}
#sticky-nav .logo {
    float: left;
}
#sticky-nav .logo img {
    display: block;
    width: 36px;
    height: 36px;
    float: left;
}
#sticky-nav .logo > span {
    font-size: 12px;
    margin: 3px 0 0 10px;
    display: none;
}
#sticky-nav .phone {
    font-size: 22px;
    font-weight: 500;
    float: right;
    margin-top: 5px;
}

#header .logo > div:before{
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background: #eeeff0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
}
#header .address {
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    float: left;
    margin: 15px 0 0 30px;
    position: relative;
}
#header .address .icon, #header .phone .icon {
    width: 19px;
    height: 19px;
    fill: #ff7e00;
    position: absolute;
    left: 0;
    top: 1px;
}
#header .address > div {
    font-size: 12px;
    font-weight: normal;
    color: #858687;
    margin-top: 8px;
}
#header .phone {
    padding-left: 25px;
    padding-right: 10px;
    position: relative;
    text-align: right;
    display: block;
}
#header .phone a{white-space: nowrap; display: block; margin-left: auto; width: fit-content;}
@media (max-width: 1350px) {
    #header .phone{width: 180px;}
    .free_russia_phote{clear: both; width: 100%; display: block; margin-left: 0px!important;}
}
@media (max-width: 991px) {
    #header .lk_buttons a.logout{margin-right: 10px;}
    #header .lk_buttons a.login{margin-right: 0px!important;}
}
@media (min-width: 991px) {
    #header .lk_buttons a.logout{margin-top: 5px;}
    #header .lk_buttons a.login{margin-right: 0px!important;}
}

#header .phone .icon {
    width: 18px;
    height: 18px;
    top: 3px;
}
#header .phone-number {
    font-size: 16px;
    line-height: 1.25;
    font-weight: bold;
    color: #000;
}
.free_russia_phote{margin-left: 20px; position: relative;}
br + .phone-number{top: 2px; position: relative;}
#header .callback {
    font-size: 12px;
    font-weight: normal;
    color: #606d79;
    border-bottom: 1px solid #a3adb6;
    right: 0px;
}
#header .callback:hover {
    border-color: #fff;
}
#nav {
    padding: 10px 0;
    border-top: 1px solid #eee;
    margin: 0 auto 5px auto;
    max-width: 1530px;
    min-height: 45px;
}
#header.sticky #nav {
    padding: 0;
}

#copy_header_menu{float: left; margin-left: 10px; margin-top: 3px;}

.main-menu {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    position: relative;

}

.main-menu > li {
    float: left;
    margin-right: 1em;
    line-height: 30px;
}
.main-menu > li:last-child {
    margin-right: 0;
}
.main-menu a:hover {
    color: #ff7e00;
}

.alfa_li{height: 32px;}
.logo_alfa{width: 100px; height: 32px; display: inline-block; border-radius: 16px; background: #ef3124; transition: 0.2s; position: relative}
.logo_alfa:hover{box-shadow: 0px 0px 0px 2px #ef3124;}
.adv_erid{display: none; position: absolute; font-size: 13px; padding: 10px 20px; background: #fff; border-radius: 4px; box-shadow: 0px 0px 5px 2px rgba(70, 70, 70, 0.13); right: 0px; top: 40px; line-height: 20px; color: #838383;}
.adv_erid div{white-space: nowrap;}
.logo_alfa:hover .adv_erid{display: block;}
.logo_alfa:hover .adv_erid:hover{display: none!important;}

@media(max-width: 1520px) {.main-menu > li {font-size: 19px;}}
@media(max-width: 1455px) {.main-menu > li {font-size: 18px; margin-right: 0.8em;}}
@media(max-width: 1412px) {.main-menu > li {font-size: 17px;}}

@media(max-width: 1322px) {.main-menu > li {font-size: 16px;}}
@media(max-width: 1160px) {.main-menu > li {font-size: 15px; .submenu_icon{margin-left: 4px;}}}
@media(max-width: 1114px) {
    .main-menu > li {font-size: 14px;}
    #header .main .actions {margin-top: 17px;}
    #header .actions a{margin: 0px 2px!important;}
    #header .main .actions * {transform: scale(0.93);}
}
@media(max-width: 991px) {
    #header .main .actions {margin-top: 12px;}
}


@media(max-width: 1520px) {#sticky-nav .main-menu > li{font-size: 16px;}}
@media(max-width: 1455px) {#sticky-nav .main-menu > li{font-size: 16px;}}
@media(max-width: 1412px) {#sticky-nav .main-menu > li{font-size: 16px;}}
@media(max-width: 1050px) {#sticky-nav .main-menu > li{font-size: 15px;}}
@media(max-width: 1010px) {#sticky-nav .main-menu > li{font-size: 14px;}}


.main_submenu{position: absolute; z-index: 1; color: #000000; background: #fff; padding: 20px; width: 100%; box-sizing: border-box; box-shadow: 0px 0px 10px rgba(80, 80, 80, 0.4);}
.main_submenu .left_block, .main_submenu .right_block{float: left; width: 50%; padding: 0px 20px 20px 20px;}
.main_submenu a{font-size: 15px; font-weight: normal;}
.main_submenu .header_submenu{font-size: 21px; color: #000000; margin-bottom: 10px;}
.main_submenu .special {font-weight: bold;}
.submenu:hover{color: #ff7e00;transition: .15s;}
.submenu:hover .main_submenu{display: block!important;}
.submenu_icon{width: 10px; height: 10px; margin-left: 8px;}
.main_submenu .left_block ul, .main_submenu .right_block ul{width: 50%; float: left;}
.submenu_brands .main_submenu{width: 250px!important;}
.submenu_brands .main_submenu .left_block{width: 100%;}
.main-content.result_filter_container_projects{/*overflow: hidden;yakus отключил, т.к. тень при наведении режется*/}
@media (max-width: 991px) {
    .submenu:hover .main_submenu{display: none!important;}
    .hide_mobile{display: none;}
    .main-content.result_filter_container_projects{padding-top: 20px;}
}

#header .actions{
    position: absolute;
    right: 4px;
    top: 100%;
    margin-top: 17px;
    z-index: 1;
    display: flex;
    gap: 10px;
}

#header .search-form {
    position: absolute;
    right: 55px;
    top: calc(100% - 10px);
    margin-top: 10px;
}
#header.sticky .actions {
    margin-top: 0;
}
#header .actions a, #sticky-nav .menu-trigger {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
#header .actions a.notifications{position: relative; bottom: -2px;}
    #header .actions a.notifications .number{top: -13px;}
#header .actions a.comparison{position: relative; bottom: -2px;}
    #header .actions a.comparison .number{top: -13px;}
#header .actions a.search-trigger{position: relative; bottom: 2px;}

#header .actions .icon, #sticky-nav .menu-trigger {
    fill: #d9dce1;
}
#header .actions a:hover .icon, #header .actions .phone-call .icon, #sticky-nav .menu-trigger .icon {
    fill: #ff7e00;
}
#header .actions .phone-call, #header .actions .menu-trigger, #sticky-nav .menu-trigger {
    display: none;
}
#header .search-form {
    width: 578px;
    height: 48px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
}
#header .search-form.active {
    visibility: visible;
    opacity: 1;
}
#header.sticky .search-form {
    margin-top: -12px;
}
.search-form input {
    font-size: 14px;
    padding: 5px 100px 5px 20px;
    background: #fff;
    border: 1px solid #d7d7da;
    border-radius: 5px;
    height: 56px;
}
.search-form button:not(.btn) {
    width: 24px;
    height: 24px;
    line-height: 24px;
    background: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 47px;
    top: 29px;
    margin-top: -12px;
}
.search-form button.btn{
    margin-top: 15px;
}
.search-form button.btn.visibled{
    /*background: #ff7e00;*/
}
.search-form button .icon {
    display: block;
    width: 100%;
    height: 100%;
    fill: #ff7e00;
}
.search-form .close {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 29px;
    margin-top: -10px;
}
.search-form .close .icon {
    fill: #798591;
}
.search-form .close:hover .icon {
    fill: #53b301;
}

#header .schedule {
    padding-left: 30px;
    font-size: 15px;
    line-height: 1.4;
    font-weight: bold;
    float: left;
    margin: 15px 0 0 25px;
    position: relative;
}
#header .schedule .icon {
    position: absolute;
    width: 19px;
    height: 19px;
    left: 0;
    top: 3px;
    fill: #ff7e00;
}
#header .schedule > div {
    font-size: 12px;
    font-weight: normal;
    color: #858687;
    margin-top: 8px;
}

@media (max-width: 1199px) {
    #header .schedule {
        display: none;
    }

    #header .logo > div {
        display: none;
    }
}


@media (max-width: 991px) {

    #header {
        max-height: 100%;
        overflow: hidden;
    }

    #header .address {
        display: none;
    }

    #header .lk_buttons.new li {
        float: right !important;
    }

    #header .lk_buttons a.login {
        margin-top: 0px !important;
        margin-right: 10px;
    }

    #header .phone {
        float: left;
        margin-left: 80px;
    }

    #nav {
        padding: 0;
        margin: 0;
        -webkit-transition: none !important;
        transition: none !important;
        display: none;
    }
    #nav .address, #nav .phone {
        display: none;
    }
    .main-menu {
        width: 100%;
        background: #fff;
        font-size: 20px;
        z-index: 200;
        text-align: center;
    }

    #header .main-menu:after {
        content: "";
        display: block;
        width: 80%;
        height: 1px;
        background: #eeeff0;
        margin: 50px auto 30px;
    }

    .main-menu li {
        float: none;
        margin: .5em 0;
    }

    #nav .address, #nav .phone {
        display: inline-block;
        margin: 0 30px 30px;
        text-align: left;
        float: none;
    }

    #header .actions, #header.sticky .actions {
        top: 50%;
    }

    #header .actions a {
        width: 34px;
        height: 34px;
    }

    #header .actions .menu-trigger, #sticky-nav .menu-trigger {
        display: block;
    }

    #header .search-form, #header.sticky .search-form {
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        margin: 0;
    }
    .search-form input {
        height: 100%;
        border: 0;
        font-size: 21px;
    }
    .search-form button:not(.btn) {
        width: 32px;
        height: 32px;
        margin-top: -16px;
        right: 50px;
    }


    #sticky-nav .main-menu {
        padding: 0 15px;
        border-top: 1px solid #eeeff0;;
        border-bottom: 6px solid #f8fafb;
        -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.08);
        box-shadow: 0 15px 15px rgba(0,0,0,0.08);
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
    }
    #sticky-nav .logo > span {
        display: block;
    }
    #sticky-nav .menu-trigger {
        float: right;
        margin: 5px 0 0 15px;
    }
    #sticky-nav .phone {
        margin-top: 5px;
    }
}

@media (max-width: 767px) {
    .hidden-sm {
        display: none !important;
    }

    .modal-window {
        max-width: 400px;
        margin: 30px auto;
    }

    .modal-header {
        padding: 25px 50px;
    }

    .modal-window .h3 {
        font-size: 26px;
    }

    .modal-window.switchable .h3 {
        font-size: 24px;
    }

    .modal-header .switcher {
        font-size: 20px;
    }

    .modal-body {
        padding: 30px 50px;
    }

    #header .main .phone {
        display: none;
    }

    #header .actions .phone-call {
        display: block;
    }

    #nav .address {
        display: block;
        padding: 0;
        text-align: center;
        margin: 0 0 20px;
    }

    #header .actions {
        margin-top: 0;
    }
    #header .address .icon {
        display: none;
    }

    #nav .phone {
        padding-right: 30px;
        text-align: center;
    }
}
@media only screen and (max-width: 700px) {
    #nav .address-wrapper {
        display: block;
    }
    #nav .address-wrapper .place-locations{
        display: block;
    }
    #header .phone{
        float: none;
        margin-left: 15px;
    }
    #header .callback{
        left: 0px;
        right: auto;
    }
}

@media (max-width: 479px) {
    #header .logo img {
        width: 50px;
        height: 50px;
    }

    #header .logo > span {
        font-size: 10px;
        margin-left: -8px;
    }
    #header .logo {
        height: 50px;
        margin: 10px 0;
    }
    #header .main {
        padding: 10px 15px;
    }
    #header .actions {
        /*max-width: 70px;*/
        margin: 15px 35px 0 0;
        margin-top: 10px!important;
    }
    #header .actions, #header.sticky .actions {
        margin-top: -30px;
    }
    #header .actions a {
        width: 25px;
        height: 25px;
        margin: 0 0 10px 10px;
    }
    #header .lk_buttons {
        position: absolute;
        right: 15px;
        top: 50%;
    }
    #header .lk_buttons li {
        float: none;
        margin: 0 0 10px;
    }
    #header .lk_buttons li:last-child {
        margin-bottom: 0;
    }
}

@media (max-width: 399px) {
    #sticky-nav .logo > span {
        display: none;
    }
}


/*желтая полоска на всем сайте*/
.ahtung{background: #FFCD1E; text-align: center; padding: 10px 0px; color: #333333; font-size: 16px; z-index: 1; position: relative;}
@media (max-width: 767px) {
    .ahtung{font-size: 14px;}
}

/* End */


/* Start:/local/templates/ms_2018/footer_original.css?177557655010348*/
#footer .logo {
    display: block;
    height: 70px;
    float: left;
}
#footer .logo img{
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 16px;
}
#footer .logo > span {
    display: block;
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
    float: left;
}
#footer .logo > div {
    padding-left: 24px;
    font-size: 14px;
    line-height: 19px;
    color: #535355;
    float: left;
    margin-left: 18px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#footer .logo > div:before {
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background: #eeeff0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
}


footer {
    margin-top: 50px;
    background: #F6F7F7;
    padding-top: 46px;
}
footer .top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #E8E9EB;
}
@media only screen and (max-width: 1100px) {
    footer .top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
footer .top .logotype, footer .top .place-locations, footer .top .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
footer .top .logotype {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media only screen and (max-width: 1100px) {
    footer .top .logotype {
        margin-top: -12px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }
}
footer .top .logotype img {
    width: 70px;
    height: 70px;
    margin-right: 16px;
}
footer .top .logotype .text {
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
}
footer .top .social {
    margin-right: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media only screen and (max-width: 1100px) {
    footer .top .social {
        width: 100%;
        margin-top: 8px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
footer .top .social a {
    margin-left: 20px;
}
@media only screen and (max-width: 1540px) {
    footer .top .social a {
        margin-left: 10px;
    }
}
@media only screen and (max-width: 1400px) {
    footer .top .social a {
        margin-left: 0.5vw;
    }
}
footer .top .social a img {
    width: 30px;
    height: 30px;
}
footer .bottom {
    margin-top: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 40px;
    border-bottom: 1px solid #E8E9EB;
    border-top: unset !important;
}
@media only screen and (max-width: 1280px) {
    footer .bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
}
footer .bottom .col {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    margin-left: 15px;
    margin-right: 15px;
    width: calc(50% - 30px);
}
footer .bottom .col.right {
    height: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
@media only screen and (max-width: 1280px) {
    footer .bottom .col.right {
        width: calc(100% - 30px);
    }
}
@media only screen and (max-width: 1280px) {
    footer .bottom .col.left {
        width: calc(60% - 30px);
    }
}
@media only screen and (max-width: 768px) {
    footer .bottom .col.right {
        display: block;
        columns: 2;
        height: auto;
    }
    footer .bottom .col.left{
        width: calc(100% - 30px);
    }
    footer .bottom .col.left ul {
        display: block;
        columns: 2;

    }
}

footer .bottom .col.left ul {
    height: 400px;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
footer .bottom .col h4 {
    color: #373737;
    font-weight: 600;
    font-size: 22px;
    line-height: 140%;
    margin-bottom: 8px;
}
footer .bottom .col ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}
footer .bottom .col ul:first-of-type {
    margin-bottom: 20px;
}
footer .bottom .col ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-bottom: 8px;
    max-height: 18px;
    font-weight: 300;
    font-size: 15px;
    line-height: 120%;
}
footer .bottom .col ul li a {
    color: #373737 !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
footer .bottom .col ul li a:hover {
    color: #FF7E00 !important;
}
footer .copyright {
    margin: 36px 0px;
    font-size: 14px;
}



.consultation + #footer {
    margin-top: 0;
}
.social-networks {
    display: inline-block;
}
#footer .social-networks {
    float: right;
    margin-top: 18px;
}
.social-networks li {
    float: left;
    margin-left: 10px;
}
.social-networks li:first-child {
    margin-left: 0;
}
.social-networks a {
    display: block;
    font-size: 32px;
    width: 1em;
    height: 1em;
    background: url("/local/templates/ms_2018/img/social-networks.png") no-repeat;
    -webkit-background-size: auto 1em;
    background-size: auto 1em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.social-networks .rss {
    background-position: -10em 0;
}

.social-networks .odnoklassniki {
    background-position: -1em 0;
}
.social-networks .facebook {
    background-position: -2em 0;
}
.social-networks .twitter {
    background-position: -3em 0;
}
.social-networks .instagram {
    background-position: -4em 0;
}
.social-networks .dzen {
    background-position: -11em 0;
}
.social-networks .pinterest {
    background-position: -5em 0;
}
.social-networks .telegram {
    background-position: -6em 0;
}
.social-networks .youtube {
    background-position: -7em 0;
}
.social-networks .tumblr {
    background-position: -8em 0;
}
.social-networks .googleplus, .social-networks .google {
    background-position: -9em 0;
}
.social-networks .whatsapp {
    background-position: -12em 0;
}
.social-networks .yandex {
    background-position: -14em 0;
}
.social-networks .mymailru {
    background-position: -13em 0;
}

.social-networks b{display: none;}

#footer .menu, #footer .bottom {
    border-top: 1px solid #e7eaea;
    margin-top: 35px;
}
.social-networks a:hover {
    opacity: .8;
}
#footer .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 35px 15px;
}
#footer .menu .projects {
    width: 45%;
}
#footer .menu a:hover {
    color: #ff7e00;
}
#footer .menu .projects ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
}
#footer .menu h4, #footer .menu .h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
#footer .menu ul {
    font-size: 15px;
    line-height: 1.2;
    color: #373737;
    font-weight: 300;
}
#footer .menu li {
    margin-bottom: 8px;
}
#footer .menu li:last-child {
    margin-bottom: 0;
}
#footer .bottom {
    padding-top: 25px;
    font-size: 14px;
    line-height: 19px;
    color: #979799;
}
#footer .copyright {
    float: left;
    margin-right: 30px;

}
#footer .developer {
    float: right;
    margin-right: 50px;
}

@media (max-width: 1079px) {
    #footer .logo > div {
        max-width: 220px;
    }
}
@media (max-width: 991px) {
    #footer {
        padding: 40px 0 30px;
    }
    #footer .developer {
        display: none;
    }
    #footer .logo > div {
        max-width: none;
        border: 0;
        position: absolute;
        top: 95px;
        right: 15px;
    }
    #footer .logo > div:before {
        content: none;
    }
    #footer .logo > div br {
        display: none;
    }
    #footer .social-networks {
        margin-top: 0;
    }
    #footer .menu {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px;
    }
    #footer .menu .column {
        width: 33.33%;
        margin-bottom: 30px;
    }
    #footer .menu .projects, #footer .menu .column:nth-child(4) {
        width: 66.67%;
        padding-right: 30px;
        margin: 0 0 30px;
    }
    #footer .menu .column:nth-child(4) {
        order: 3;
    }
    #footer .menu .column:nth-child(4) ul{
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        page-break-inside: avoid;
    }
    #footer .menu .column:nth-child(3) {
        order: 4;
    }
}
@media (max-width: 767px) {
    #footer {
        padding: 20px 0;
        text-align: center;
    }
    #footer .logo {
        display: none;
    }
    #footer .social-networks {
        float: none;
    }
    #footer .bottom {
        padding-top: 20px;
        margin-top: 20px;
    }
    #footer .copyright {
        float: none;
        margin: 0;
    }
    #footer .menu {
        display: none;
    }
}

/* End */


/* Start:/local/templates/ms_2018/yakusstyle.css?178256364756589*/
div[id^="wait_comp_"]{
    display: none !important;
}

img{max-width: 100%;}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #54b600;
    color: #ffffff;
    position: absolute;
    padding: 3px 10px 3px 10px;
    top: -23px;
    left: 0px;
    white-space: nowrap;
    box-shadow: 1px 1px 3px rgba(80, 80, 80, 0.3);
    opacity: 0;
    border-radius: 4px;
    z-index: 99999;
    visibility: hidden;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}
[data-title] {
    position: relative!important;
}

.font-size16{font-size: 16px;}

.article-data .date-end{position: relative; padding-left: 25px; margin-right: 30px;}
.article-data .date-end .icon{
    fill: #b3b3b3;
    width: 16px;
    height: 16px;
    top: 60%;
}
.article-categories .icon{float: right; width: 10px; height: 10px; margin-top: 6px; fill: #373737;}
.article-categories li:hover .icon{display: none;}

#company-intro .bar{margin-top: 0px;}
#company-intro .bar .client-requests{margin-top: 60px;}

.table{display: table; width: 100%;}
.tr, .tr-header{display: table-row; width: 100%;}
a.tr:hover{background: #fafafa;}
.tr-header{background: #798591; color: #fff;}
.td{display: table-cell; padding: 15px;}

.label-flex label{display: flex;}
.label-flex label div{width: 100%;}
.label-flex .label_name{line-height: 50px; padding: 0px 20px 0px 0px; white-space: nowrap; width: 150px;}

.exchange-requests .options .regions li:nth-child(n+13), .options .technologies li:nth-child(n+13) {display: none;}
@media (min-width: 768px) {.exchange-requests .options ul {-webkit-columns: 3;-moz-columns: 3;columns: 3;}  }
@media (max-width: 599px) {.exchange-requests .options ul {-webkit-columns: auto;-moz-columns: auto;columns: auto;}  }

.errortext{color: #e76200;}

.news.grid .item{position: relative;}
.article-data.img_absolute{position: relative; margin: 0px;}
.article-data.img_absolute .views{position: absolute; top: -25px; left: 10px;}
.article-data.img_absolute .views{color: #fff;}
.article-data.img_absolute .views svg {fill: #fff;}

.article-preview.alt .top-data a{float: left;}
.postpone-close{top: 35px; right: 20px; display: block; font-size: 24px; width: 1em; height: 1em; position: absolute; margin-top: -0.5em; z-index: 5; cursor: pointer; fill: #7c7c7c;}
.postpone-module{z-index: 11;}
.submenu_stati .main_submenu{width: 600px!important; left: auto; margin-left: -250px;}
.submenu_stati .main_submenu .left_block{width: 50%;}
.submenu_stati .left_block ul, .submenu_stati .main_submenu .right_block ul{width: 100%;}
.submenu_plots .main_submenu{left: auto;  margin-left: -254px;}

.menu_poleznoe2{display: none;}
@media (max-width: 1280px) {
    .menu_poleznoe2{display: inline-block;}
    .menu_poleznoe{display: none;}
    .menu_about{display: none;}
}

.news.column.articles{margin-top: 40px;}
.news.column.articles .h2{margin-bottom: 20px;}
.small-h1 h1{max-width: calc(100% - 300px);}

.single-article figure{
    display: block;
}
.main-sidebar .subscription .h3 {font-size: 18px;font-weight: normal;padding-left: 48px;margin: 0 -10px 20px 0;}
.subscription .h3 {font-size: 55px;line-height: 1;font-weight: 300;margin-bottom: 30px;}

figure + figure{margin-top: 30px;}
figure span{position: absolute; right: 0px; bottom: -20px; color: #909090; font-size: 12px; display: block; width: calc(100% - 150px); text-align: right;}
.single-article{text-align: justify;}
/*
.single-article .category{float: left; border: none; border-right: 1px solid #c0c0c0; border-radius: 0px;}
*/
.bookmark.active .icon {
    /*fill: #50ad01;*/
}
.bookmark.active:hover .icon {
    /*fill: #fff;*/
}
.interesting-related{min-height: 100px;}
.social-networks.small{transform: scale(.8); margin-left: 0px; position: relative; }
.social-networks li:before{display: none;}
.social-networks.small a{top: -3px; position: relative;}
.menu_articles_ur1 {position: relative;}
.menu_articles_ur1:hover .menu_articles_ur2{display: block; position: absolute; top: 20px; left: 0px; width: 300px; z-index: 10;}
.menu_articles_ur2 {display: none; background: #fff; padding: 10px; box-shadow: 5px 5px 5px rgba(80, 80, 80, 0.2);}
.menu_articles_ur2 a{color: #2c2d32; font-weight: normal;}
.article-categories ul > li{position: relative;}
.article-categories ul > li:hover .menu_articles_ur2{display: block; position: absolute; top: -11px; left: 240px; width: 300px; z-index: 10;}
#main.article-page{padding-top: 0px;}
#main.article-page .article-menu{margin-bottom: 30px; max-height: 42px;}
.branded-page-wrapper #main.article-page .article-menu{margin-bottom: 30px;}
.branded-page-wrapper.ajax_load{padding-top: 30px;}
#main.article-page .article-menu .slider{white-space: nowrap; overflow: hidden; }
#main-sidebar .h2{
    font-size: 18px;
}
.page-menu .slider.dropdown{z-index: 10;}
.page-menu .slider:after{right: 0px;}
.page-menu .slider.owl-loaded:after{right: 56px;}
.page-menu .slider > a{margin-right: 16px;}
.project-preview .h3{font-size: 16px;line-height: 1.125;font-weight: 600;color: #fff;}
figure p{margin: 0px!important;}
#sticky-nav .main{z-index: 111; box-shadow: none;}
#sticky-nav .main-menu .submenu li{margin-right: 0px;}
#sticky-nav .main-menu{overflow: visible;}
.article-wrapper:before, .infinite-scroll #main-sidebar:before
#main-sidebar .articles .h2{font-size: 27px;line-height: 1.2;margin-bottom: 15px;}
#main.article-page{padding-bottom: 0px;}
.comments{margin-bottom: 0px;}
.clear{clear: both;}

footer .logo .logo_text {
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
}
#footer .logo .logo_text{
    display: block;
    font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;
    text-transform: uppercase;
    color: #2c2d32;
    float: left;
    margin-top: 15px;
}
#footer .logo a img{
    display: block;
    float: left;
    width: 70px;
    height: 70px;
    margin-right: 16px;
}

#footer .logo .logo_text img{top: -15px; position: relative;}

#footer .logo .logo_text{font: bold 16px/1.25 "Roboto Condensed", "Arial Narrow", "Helvetica Narrow", sans-serif;}
#footer .logo a div:before {
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background: #eeeff0;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -35px;
}

#footer .logo a div {
    padding-left: 24px;
    font-size: 14px;
    line-height: 19px;
    color: #535355;
    float: left;
    margin-left: 18px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: normal!important;
}

.btn{display: inline-block; text-align: center; position: relative; padding: 5px 15px; background: #53b301; color: #fff!important; font-weight: bold; text-decoration: none!important; border-radius: 50px;}
.btn:hover{background: #5ecb01;}
.read_later{top: -5px;}
.col30{display: inline-block; float: left; width: 33%;}
@media (max-width: 767px) {
    .col30{width: 100%; float: none;}
}

.search-form .suggest{background: #fff; padding: 20px; box-shadow: 3px 3px 5px rgba(80, 90, 90, 0.2);}
.suggest b{display: block; margin-top: 10px;}


.link{border-bottom: 1px solid #dadada; padding-bottom: 2px;}
.link:hover{color: #7a7a7a}
.dotted{border-style: dotted;}
.link.orange{color: #FF7E00;border-bottom: 1px solid #fbba52;}
.link.orange:hover{color: #ff9f00;}

.select{overflow: hidden; width: auto; display: inline-block;}
select{
    background: #f4f6f7;
    line-height: 42px;
    height: 42px;
    padding: 5px;
    width: 100%;
}
.dropdownToolbarButton > select{height: auto;}
.select select:hover, .select:hover:after{background: #edeff0;}
.events .date{padding-right: 0px;}
input[type=submit] {
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 19px;
    font-weight: bold;
    padding: 0 1em;
    background: #ff9f00;
    background-image: -webkit-linear-gradient(left, #ff8600, #ffb200);
    background-image: linear-gradient(to right, #ff8600, #ffb200);
    color: #fff;
    cursor: pointer;
}

.project-preview img{margin: 3px auto;}
.favorites .project-preview img{margin: 0px auto;}
.project-preview .details{width: 100%;}

.projects.services .project-preview .image{height: 200px; line-height: 200px;}



.project-actions span, .favourites span{height: 37px; line-height: 21px;}


.project-info-ajax-from{display: none;}

#exhibition-plan .modal-body {
    padding: 0;
}
#exhibition-plan #layout {
    min-width: 1280px;
    overflow-x: auto;
}
@media (max-width: 991px) {
    #exhibition-plan #layout {
        min-width: 854px;
    }
}

.pagination .active .page{
    background: #e8e8e8;
}

.pagination .disabled:hover{
    background: none;
    color: #000;
}

.pagination .active .page:hover {
    /*background: #f4f6f7;*/
    color: #000;
}

.preloader{
    padding: 30px;
    position: relative;
}
.preloader::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
    border-radius: 50%;
    /* Three green arcs (dashed ring) with rounded ends */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14.5' fill='none' stroke='%2354B600' stroke-width='4' stroke-linecap='round' pathLength='100' stroke-dasharray='23.3333 10'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    animation: ms-spin 1.5s linear infinite;
}
@keyframes ms-spin {
    to { transform: rotate(360deg); }
}

.subscription .h2 {
    font-size: 55px;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 30px;
}

.sender_sidebar h2, .sender_sidebar .h2{
    font-size: 18px;
    font-weight: normal;
    padding-left: 48px;
    margin: 0 -10px 20px 0;
}
@media (max-width: 991px){
    .category .subscription .h2{
        font-size: 36px;
        font-weight: normal;
    }
}
.sender_sidebar .container{padding: 0px;}

#footer{margin-top: 20px;}/*я поставил 0. 20 поставил чтобы к футеру статичные страницы не прилепали*/

.consultation.full{margin-top: 50px;}

.article-page + .consultation, .article-category + .consultation{margin-top: 30px;}

.seminar-registration{color: #373737;}

#main #seminar-intro{margin-top: -30px;}

#about-exhibition .subscription .h2{
    font-size: 24px;
    font-weight: normal;
    padding-left: 70px;
    margin: 0 0 20px 0;
    width: 100%;
}
.exchange-requests .switcher .title{line-height: 1;}
#project-layouts dt span.num{display: inline-block; width: 30px;}

#project-prices .set h3{margin-bottom: 20px;}
#project-prices .set h3 + ul{margin-top: 0px;}

#company-technologies .col{margin-bottom: 10px;}

.modal-phones .modal-body{text-align: center;}
.modal-phones a{font-size: 30px;}

.page-section.proposals{background: #fff;}
#sticky-nav .phone-number {font-size: 20px;line-height:22px;font-weight: 500;float: right;margin-top: 5px;}
.lk_lead_style{font-size: 13px; display: flex; border: 2px solid #eee; border-radius: 7px; margin-bottom: 10px; transition: background 0.5s ease-out, border 0.15s ease-out; position: relative;}
.lk_lead_style.refused, .lk_lead_style.limited{border: 2px solid #eee!important;}
.lk_lead_style.confirmed{border: 2px solid #fecf23!important;}
.lk_lead_style.refused .attachment .icon{fill: #a1a1a1;}
.lk_lead_style.header{background: #f5f5f5; }
.lk_lead_style:not(.header):hover{border: 2px solid #9dbf9d;}
.lk_lead_style .attachment .icon{top: -8px;}
.lk_lead_number, .lk_lead_contacts, .lk_lead_style .lk_lead_confirm, .lk_lead_text{margin: 15px 0px; padding: 0px 15px 0px 15px; border-right: 1px solid #eee;}
.lk_lead_style .lk_lead_confirm{border-right: none;}
.lk_lead_style .lk_lead_confirm > * {
    margin-bottom: 10px;
    display: block; /* Чтобы margin работал корректно для строчных элементов */
}
.lk_lead_number span{color: #a1a1a1; font-size: 12px;}
.lk_lead_number{width: 230px;}
.lk_lead_number a{display:block;}
.lk_lead_contacts{width: 45%;}
.lk_lead_style .description_wrap{max-height: 113px; overflow: hidden; position: relative; padding-bottom: 10px;}
.lk_lead_style .show_hide{color: #fd9215; transition: all 1.5s ease-out; display: block; width: 100%; padding-top: 40px; position: absolute; bottom: 0px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.38) 17%, rgba(255,255,255,0.81) 39%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 99%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.38) 17%,rgba(255,255,255,0.81) 39%,rgba(255,255,255,1) 73%,rgba(255,255,255,1) 99%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.38) 17%,rgba(255,255,255,0.81) 39%,rgba(255,255,255,1) 73%,rgba(255,255,255,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.lk_lead_style.stripes_loader .show_hide{background: none; bottom: -80px;}
.lk_lead_style .description_wrap.opened{max-height: none;}
.lk_lead_style .description_wrap.opened .show_hide{background: none; position: relative;}
.lk_lead_text{width: calc(40% - 240px); word-break: keep-all; min-width: 280px;}
.lk_lead_style .lk_lead_confirm{width: 240px;}
.lk_lead_style .styled button, .lk_lead_style .button{height: auto; border-radius: 5px;}
.lk_lead_style button{margin-bottom: 5px!important;}
.lk_lead_style button{min-height: 35px; line-height: 20px; font-size: 16px;}
.lk_lead_style button[disabled]{background: #aaaaaa;}
.lk_lead_style button.confirm:not(.exclusive), .lk_lead_style button.confirm_:not(.exclusive_){background: #40b320;background: -moz-linear-gradient(45deg, #40b320 0%, #52b31f 51%, #56ce23 98%);background: -webkit-linear-gradient(45deg, #40b320 0%,#52b31f 51%,#56ce23 98%);background: linear-gradient(45deg, #40b320 0%,#52b31f 51%,#56ce23 98%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b320', endColorstr='#56ce23',GradientType=1 );}
.lk_lead_style button.confirm:not(.exclusive)[disabled], .lk_lead_style button.confirm_:not(.exclusive_)[disabled]{background: #aaaaaa;}
.lk_lead_style button.confirm.exclusive, .lk_lead_style button.confirm_.exclusive_{min-height: 50px; border-top: 1px solid #ffb200;}
.lk_lead_style button.confirm.exclusive[disabled], .lk_lead_style button.confirm_.exclusive_[disabled]{min-height: 50px; border-top: 1px solid #afafaf;}
.lk_lead_style button.refuse{background: #e6e6e6;color: #9e9e9e;}
.lk_lead_style .display_refuse_block .button.confirm,
.lk_lead_style .display_refuse_block .button.refuse:not(.send_refuse){display: none;}
.lk_lead_style .reason_of_refusal{width: 100%; border: 2px solid #9e9e9e; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.lk_lead_style .reason_of_refusal textarea{width: calc(100% - 20px); resize: vertical; min-height: 50px; padding: 5px; border: 1px solid #eee; margin: 0px 10px;}
.lk_lead_style .display_refuse_block .reason_of_refusal{display: block!important; position: relative;}
.lk_lead_style span.confirmed{display: block; border-radius: 4px; text-align: center; padding: 10px; border: 1px solid #ff9f00; color: #ffa500; font-weight: bold;}
.lk_lead_style span.refused{display: block; border-radius: 4px; text-align: center; padding: 10px; border: 1px solid #9e9e9e; color: #9e9e9e;}
.lk_lead_style .close{position: absolute; top: 0px; right: -15px; border: none; background: none; width: 12px; height: 15px; line-height: 15px; font-size: 16px; cursor: pointer; font-weight: bold;}
.lk_lead_style .input-error{font-size: 11px; padding: 5px 5px;}
.lk_lead_style h4{padding: 5px 10px; font-size: 12px;}
.lk_lead_style label{padding: 5px 10px 5px 0px; margin-bottom: 0px; font-size: 14px; font-weight: bold;}
.calculator .radio label{padding: 0px 10px 0px 25px;}

.lk_lead_style .checkbox.switcher{padding: 0 0px 0 35px; line-height: 15px;margin: 0px 0px 2px 0px;}
.lk_lead_style .checkbox.switcher label{display: block;}
.lk_lead_style .checkbox.switcher label:before, .subscribes .checkbox.switcher label:before{right: auto; left: 0; height: 18px; width: 30px; top: 4px;}
.lk_lead_style .checkbox.switcher label:after, .subscribes .checkbox.switcher label:after{right: auto; left: 4px; height: 12px; width: 12px; top: 7px;}
.lk_lead_style .checkbox.switcher [type=checkbox]:checked + label:after, .subscribes .checkbox.switcher [type=checkbox]:checked + label:after{right: auto; left: 14px;}
.lk_lead_style .checkbox.switcher [type=checkbox]:disabled + label, .subscribes .checkbox.switcher [type=checkbox]:disabled + label{color: #454545;}

.subscribes button{width: 200px;}

.lk_lead_style .show_modal_delete{right: -20px; top: 0px; color: #fff; cursor: pointer;}
.lk_lead_style .edit_lead{font-size: 17px; right: -25px; top: 30px; color: #fff; cursor: pointer;}
.lk_lead_style .copy_lead{font-size: 17px; right: -25px; top: 60px; color: #fff; cursor: pointer;}
.lk_lead_style .show_modal_delete, .lk_lead_style .edit_lead, .lk_lead_style .copy_lead{text-align: center;align-items: center;padding: 5px;display: block; color: #888888; width: 25px; height: 30px;}
.lk_lead_style .show_modal_panel .fa-remove:before, .lk_lead_style .show_modal_panel .fa-close:before, .lk_lead_style .show_modal_panel .fa-times:before{margin: 0 auto;display: block;width: 100%;}
.lk_lead_style .show_modal_panel{border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: 2px solid #9dbf9d; border-left: none; opacity: 0; position: absolute; right: -29px; top: 10px; transition: all 0.3s ease-out;}
.lk_lead_style:hover .show_modal_panel{opacity: 1;}
.lk_lead_style:hover .show_modal_panel div:hover:before{transition: all 0.4s;}
.lk_lead_style:hover .show_modal_panel div:hover:before{color: #414141;}
.modal_confirm{border: 2px solid #fd9215; border-radius: 10px; box-shadow: 0 9px 40px rgba(0,0,0,0.15);position: fixed; top: 200px; left: 50%; width: auto; background: #ffffff; z-index: 1000; padding: 20px;}
.modal_confirm.modal_delete{position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0; width: auto; max-width: calc(100% - 40px); z-index: 1001;}
.modal_confirm .confirm_button, .modal_confirm .close_button{display: inline-block; min-height: 35px; border-radius: 5px; width: 49%; cursor: pointer; color: #fff; float: left;}
.close_button{background: #9e9e9e; margin-left: 1%;}
.lk_lead_style.adm .lk_lead_text{width: 35%; word-break: keep-all;}
.lk_lead_style.adm .lk_lead_confirm{width: 20%;}
.lk_lead_text textarea{background: none; width: 100%; border: 2px solid #eee; min-height: 80px; resize: vertical; float: left; border-top-right-radius: 6px; border-top-left-radius: 6px; padding: 10px;}
.stripes_loader textarea{border: 2px solid transparent;}
.lk_lead_text textarea:focus{border: 2px solid #d2d2d2;}
.lk_lead_text textarea.need_save{border: 2px solid #fd9215;}
.lk_lead_text .save_comment_manager, .lk_lead_text .save_comment_brand{transition: none; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; display: none;}
.lk_lead_style .add_brands{cursor: pointer; display: inline-block; color: #979797;}
.lk_lead_style .add_brands:hover{color: #fd9215;}
.lk_lead_style .add_brands .icon{background: none!important; font-size: 16px;}
.lk_lead_style .form_brands{border: 2px solid #fd9215; box-shadow: 0 9px 40px rgba(0,0,0,0.15);position: fixed; top: 50px; left: 50%; margin-left: -400px; width: 800px; background: #ffffff; z-index: 1000; padding: 0 20px 20px 20px; height: 500px; overflow-y: auto;}
.lk_lead_style .form_brands .item_brand{}
.lk_lead_style .form_brands_wrap{position: relative;}
.lk_lead_style .form_brands_wrap .columns{columns: 3;}
.lk_lead_style .form_brands_wrap .h2{clear: both; font-weight: bold; margin: 20px 0px 10px 0px;}
.lk_lead_style .form_brands .send_brands{clear: both; margin-top: 20px; width: auto;}
.lk_lead_style .form_brands .save_lead{margin-top: 20px;}
.filter_panel{position: relative;}
.add_lead{display: inline-block; position: absolute; right: 0px; top: 2px; width: auto; height: 45px; line-height: 45px; border-radius: 5px;}
.add_lead span{margin-right: 10px;}
.lk_lead_style.new.empty{ width: 100%; height: 191px;}
.lk_lead_style.new_success{background: #52b31f; color: #fff; font-weight: bold; border: 2px solid #52b31f;}
.form_lead_new{display: none;}
.lk_lead_style input, .lk_lead_style textarea{border: 2px solid #eee; border-radius: 5px;  padding: 5px; margin-bottom: 5px; width: 100%; resize: vertical;}
.lk_lead_style textarea{min-height: 160px; margin-bottom: 0px;}
.lk_lead_style.new .lk_lead_contacts label{font-size: 14px; padding-left: 3px;}
.lk_lead_style.new .lk_lead_contacts label input[type=checkbox]{bottom: -2px; left: -3px; position: relative; display: inline-block; width: auto; }
.lk_lead_contacts textarea:focus, .lk_lead_contacts input:focus{border: 2px solid #d2d2d2!important;}
.lk_lead_style.new .lk_lead_confirm{position: relative;}
.lk_lead_style.new .lk_lead_confirm .form_brands .save_lead{display: none;}
.lk_lead_style.new .lk_lead_confirm .save_lead{width: calc(100% - 0px); }
.lk_lead_style.new .lk_lead_confirm .error{position: absolute; bottom: 45px; color: #fd5600; display: none;}
.modal_shadow_brand{position: fixed; background: rgba(255,255,255,0.47); top: 0; right: 0; bottom: 0; left: 0; z-index: 999;}
.lk_lead_style label.attachment{padding: 0px;}
.modal_personal_button{line-height: 40px; height: auto; background: #61b346; text-align: left; border-radius: 3px; }
.modal_personal_button .fa{margin-right: 15px; color: #fff;}

.lk_lead_style .data_update{background: #eee; padding: 10px; border-radius: 7px;}
.lk_lead_style .data_update .date{line-height: 20px;}
.lk_lead_style .data_update .fa-check{color: #61b346; font-size: 18px; line-height: 20px;}
.lk_lead_style .data_update div{width: 100%; align-items: center; font-size: 11px;}

.result_send_birzha{padding: 20px; font-weight: 700;}
.result_send_birzha .link{font-weight: 700; color: #fd9215!important; border-bottom: 1px solid #fd9215;}
.result_send_birzha .link:hover{border-bottom: none!important;}

.lk_balance{margin: 0 0 30px 0px;}
.lk_balance a{color: #61b346;}
.lk_balance a:hover{color: #70cb4e;}
.filter_panel select{margin-right: 10px; height: 46px; float: left; width: auto;}
.filter_panel input[type=submit]{margin-right: 10px; height: 46px; line-height: 46px; border-radius: 3px;}
.status{}
.status .icon, .lk_lead_style .add_brands .icon{position: relative; margin-right: 5px; top: 1px; display: inline-block; width: 13px; height: 13px; background: #ffd82b; border-radius: 50%;}
.status .icon.all{background: none; border: 1px solid #eee;}
.status .icon.empty{background: #828282;}
.status .icon.confirmed{background: #2fc603;}
.status .icon.refused{background: #d21400;}
.status .icon .hover{display: none; }
.status .icon:hover .hover{display: block; width: 260px; top: 0px; left: 0px; position: absolute; z-index: 10; background: #565656; color: #fff; padding: 10px; border-radius: 5px; box-shadow: 3px 3px 3px rgba(80, 80, 80, 0.3);}

.filter_panel .status{padding: 2px 2px 2px 0px;}
.filter_panel .status input[type=radio]{display: none;}
.filter_panel .status input[type=radio] + label{background: none; width: auto; padding: 10px; border: 1px solid #eee; border-radius: 3px; margin-right: 10px; cursor: pointer; float: left;}
.filter_panel .status input[type=radio]:checked + label{border: 2px solid #fd9215; padding: 9px;}
.filter_panel .status input[type=radio] + label:hover{border: 1px solid #fdd594; padding: 10px;}

.filter_panel .str_search input[type=text], .filter_panel .str_search input[type=tel], .filter_panel .str_search input[type=date]{border: 1px solid #eeeeee; border-radius: 5px; padding: 10px; line-height: 13px; height: 13px; box-sizing: content-box;}
.filter_panel .str_search input[type=submit]{position: relative; bottom: -1px; padding: 10px; line-height: 17px; font-size: 15px; height: 37px; border-radius: 3px;}
.filter_panel .str_search .label{font-size: 14px; display: inline-block;}
.filter_panel .str_search .label div{padding-left: 10px;}

.lk_lead_style.lead_detail:not(.header):hover{border: 2px solid #eee;}
.lk_lead_style.lead_detail .left_block{width: calc(100% - 240px);}
.lk_lead_style.lead_detail .lk_lead_number{width: 100%; border: none;}
.lk_lead_style.lead_detail .lk_lead_contacts{border: none; width: 50%; float:left;}
.lk_lead_style.lead_detail .lk_lead_text{border: none; width: 50%; float:left;}
.lk_lead_style.lead_detail .lk_lead_text.comment_company{float:right;}

.lk_lead_style .attachment{display: block; margin-bottom: 8px;}

.lk_lead_style .jp-audio{width: 250px; border-radius: 5px; height: 36px; margin-bottom: 10px; float: left;}
.lk_lead_style .jp-progress{width: 150px!important;}
.lk_lead_style .jp-current-time{left: 140px!important;}
.lk_lead_style div.jp-progress{top: 10px;}
.lk_lead_style .jp-current-time{top: 12px; font-size: 12px;}
.lk_lead_style div.jp-audio div.jp-type-single a.jp-play, div.jp-audio div.jp-type-single a.jp-pause{top: 3px; margin-top: 6px;}
.lk_lead_style .audio_delete{font-size: 19px; font-weight: bold; margin: 6px 0px 0px 20px; display: block; width: 10px; height: 10px; float: left;}

button + .reg_error, button + .reg_ok{width: 300px; background: #ee4136; color: #fff; margin: 10px 0px 10px 0px; padding: 10px 20px; border-radius: 3px; display: none;}
button + .reg_error a, button + .reg_ok a{font-size: inherit; color: inherit; border-bottom: 1px solid #fff; padding-bottom: 2px; }
.reg_ok{background: #53b401;}
.company-type-error{font-size: 12px; color: #f00;}

#viewer .modal-body{padding: 0px; text-align: center;}
#viewer .viewer_img{margin: 0px auto;}

#viewer .wrap_word_iframe{overflow: hidden;}
#viewer iframe.word_iframe{position: relative; margin-top: -50px;}
#viewer div.WACFrameWord{top: 0px;}
#viewer .unknown{padding: 20px; color: #5c92a4; border: 2px solid #8ccade; margin: 30px auto; width: auto; display: inline-block;}
#viewer .unknown:before {
    content: '';
    display: inline-block;
    margin-bottom: 14px;
    width: 66px;
    height: 66px;
    background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2266%22%20height%3D%2266%22%20viewBox%3D%220%200%2066%2066%22%3E%3Cpath%20fill%3D%22%232FC6F6%22%20d%3D%22M33.5701151%2C19.8735149%20C35.2596205%2C19.8735149%2036.6290875%2C18.5040795%2036.6290875%2C16.8161015%20C36.6290875%2C15.126635%2035.2596205%2C13.7571995%2033.5701151%2C13.7571995%20C31.8806096%2C13.7571995%2030.5126312%2C15.126635%2030.5126312%2C16.8161015%20C30.5126312%2C18.5040795%2031.8806096%2C19.8735149%2033.5701151%2C19.8735149%20Z%20M35.9622166%2C26.5346274%20L28.2664076%2C26.5346274%20L28.2664076%2C29.3375045%20L31.7555713%2C29.3375045%20L31.7555713%2C47.3902358%20L28.3735833%2C47.3902358%20L28.3735833%2C50.1946014%20L39.1953496%2C50.1946014%20L39.1953496%2C47.3902358%20L35.9622166%2C47.3902358%20L35.9622166%2C26.5346274%20Z%20M33%2C62.5388709%20C16.6854803%2C62.5388709%203.45970402%2C49.3133995%203.45970402%2C32.9992557%20C3.45970402%2C16.6836235%2016.6854803%2C3.45964055%2033%2C3.45964055%20C49.3160083%2C3.45964055%2062.540296%2C16.6836235%2062.540296%2C32.9992557%20C62.540296%2C49.3133995%2049.3160083%2C62.5388709%2033%2C62.5388709%20Z%20M33%2C0%20C14.7743259%2C0%200%2C14.7739854%200%2C32.9992395%20C0%2C51.2244936%2014.7743259%2C66%2033%2C66%20C51.2256741%2C66%2066%2C51.2244936%2066%2C32.9992395%20C66%2C14.7739854%2051.2256741%2C0%2033%2C0%20Z%22/%3E%3C/svg%3E);
}
#viewer .button_download{display: inline-block; padding: 10px; color: #fff; font-size: 16px; border: 1px solid #5788ad; background: #6cb8e3; opacity: .8; transition: all 0.3s; cursor: pointer;}
#viewer .button_download:hover{ opacity: 1;}
#viewer .modal-header .button_download{position: relative; top: -4px; margin-left: 30px;}
#viewer .modal-window{width: 80%; min-height: 85%; box-shadow: 0 0px 130px rgba(0,0,0,0.45);}

.result_msg{background: #53b401; display: inline-block; padding: 5px 10px; border-radius: 3px; color: #fff;}

select[name=city] option:disabled{display: none;}

.calc_form input{border: 1px solid #eeeeee; padding: 5px;}
.calc_form label{margin: 0px; display: inline-block; width: 100px;}
.wrap_param{margin: 5px;}
.stripes_loader, .btn.stripes_loader, .btn.stripes_loader[disabled=disabled]{
    background-color: #fecf23!important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215))!important;
    background-image: -webkit-linear-gradient(top, #fecf23, #fd9215)!important;
    background-image: -moz-linear-gradient(top, #fecf23, #fd9215)!important;
    background-image: -ms-linear-gradient(top, #fecf23, #fd9215)!important;
    background-image: -o-linear-gradient(top, #fecf23, #fd9215)!important;
    background-image: linear-gradient(top, #fecf23, #fd9215)!important;

    border: 2px solid #feb100;
    opacity: 1!important;

    -webkit-background-size: 30px 30px!important;
    -moz-background-size: 30px 30px!important;
    background-size: 30px 30px!important;
    background-image: -webkit-gradient(linear, left top, right bottom,
    color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
    color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
    color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
    to(transparent))!important;
    background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent)!important;
    background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent)!important;
    background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent)!important;
    background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent)!important;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
    transparent 75%, transparent)!important;

    -webkit-animation: animate-stripes 3s linear infinite!important;
    -moz-animation: animate-stripes 3s linear infinite!important;
}
@-webkit-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
    0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

.stripes_loader:hover{border-color: #feb100!important;}
.btn.stripes_loader{border: none!important;}
.stripes_loader textarea, .stripes_loader input, .stripes_loader select{background: #fecf23; border-color: #feb100; overflow: hidden!important; }
.stripes_loader .checkbox.switcher label:before, .stripes_loader .radio.alt label:before{background: #feb100!important; border-color: #feb100!important;}

.ya_map_btn{color: #ffffff; display: inline-block; border-radius: 2px; padding: 4px; background: #3967cc;}

body.filter_active{overflow: hidden;}
.catalog-filter.fixed{position: fixed; top: 0px; left: 0px; z-index: 996/*у админской панели 995*/; width: 100%; margin-top: 0px!important;}
.catalog-filter.fixed #kombox-filter{
    height: calc(100vh - 66px);
    overflow-y: scroll;
}

.add_button{
    height: 53px;
    line-height: 53px;
    background: #53b301;
    transform: translateY(-100%);
    position: absolute;
    right: 0px;
    top: 53px;
    width: auto;
}
@media (max-width: 700px) {
    .add_button{
        position: relative;
        margin-top: 20px;
    }
}
.left_perelink{padding: 10px;}
.left_perelink ul{margin: 0px;}
.left_perelink ul li{margin: 10px 0px!important; font-size: 14px; line-height: 16px; padding-left: 30px!important;}
.left_perelink ul li:before{top: 0px!important;}
.left_perelink ul li a{text-decoration: none;}

.search-results-category .pagination{
    margin: 0px 0px 50px 0px;
}

.page404 .name-input{width: 80%; float: left;}
.page404 .search-faq__submit{width: calc(20% - 3px); float: left; border: none; margin-left: 3px; height: 50px; line-height: 54px;}
@media (max-width: 991px){
    .page404 .name-input{
        height: 50px!important;
        border: 1px solid #d7d7da!important;
    }
    .page404 .search-faq__submit{height: 50px; line-height: 54px;}

}

.seo_filter_link{display: none;}
.hidden{display: none;}

.video iframe{width: 100%!important;}
@media (max-width: 990px) {
    .video iframe{height: calc(55vw)!important;}
}
.icon_youtube_like, .icon_youtube_duration{fill: #a5a5a5; display: inline-block; width: 20px; height: 20px; position: relative; bottom: -5px;}





.registration {
    /*
    max-width: 625px; удалил чтобы тут https://mstrana.local:8888/registration/index.php?type=catalog&month=exp&company_type=sk не было так https://disk.yandex.ru/i/r4dADP9HJ6_c-w
    */
}
.registration .page-title {
    font-size: 32px;
    line-height: 34px;
    font-weight: 700;
    color: #333;
    margin: 0;
    padding-bottom: 15px;
}
.registration .tabs-control ul {
    margin-left: -10px;
    margin-right: -10px;
}
.registration .tabs-control ul:after, .registration .tabs-control ul:before, .tabs-body:after, .tabs-body:before{
    display: table;
    content: "";
}

.registration .tabs-control li {
    padding: 0 10px 25px;
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.registration .tabs-control li.active a {
    box-shadow: 0 0 0 1px #53b301;
    border-color: #53b301;
}
.registration .tabs-control a {
    display: block;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    position: relative;
    border-radius: 3px;
}
.registration a {
    display: inline-block;
    border-bottom: 1px dotted #959595;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    font-size: 13px;
    line-height: 14px;
    color: #959595;
}
.registration .tabs-control .circle {
    position: absolute;
    top: 15px;
    left: 14px;
    width: 48px;
    height: 48px;
    display: block;
    box-sizing: border-box;
    border-radius: 50%;

}
.registration .tabs-control .circle svg{
    fill: #53b301;
}
.registration .tabs-control .circle i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.icon-client {
    background-image: url(/img/svg-sprite/sprite63t7padk1mjf62sm7vi.svg);
    background-position: -4px -738px;
    width: 16px;
    height: 22px;
    background-repeat: no-repeat;
    display: block;
}
.registration .tabs-control a:hover .text, .registration .tabs-control li.active .text {
    color: #333;
}
.registration .tabs-control .text {
    padding-left: 75px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    line-height: 16px;
    color: #9e9e9e;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    display: block;
}

.registration .tabs-control .text span {
    display: block;
}
.registration .tabs-control .text strong {
    font-weight: 700;
}
.tabs-body .tabs-item.active {
    display: block;
}
.tabs-body .tabs-item {
    display: none;
    float: left;
    width: 100%;
}
.registration .reg-form .row {
    margin-left: -10px;
    margin-right: -10px;
}

.company-type .custom-radio {
    display: block;
}
.custom-radio {
    padding-left: 25px;
    position: relative;
}
.custom-radio input {
    opacity: 0;
    position: absolute;
}
.custom-radio input:checked+span, .custom-radio:hover span {
    border-color: #333;
}
.company-type .custom-radio span {
    top: 3px;
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.custom-radio span {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    display: block;
    border: 1px solid #c2c2c2;
    width: 16px;
    height: 16px;
    -webkit-transition: border .3s ease;
    transition: border .3s ease;
    border-radius: 50%;
}
.custom-radio input:checked+span:after {
    opacity: 1;
}
.custom-radio span:after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: #333;
    display: block;
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    content: "";
}

.registration .reg-form .row_m0 {
    margin-left: 0;
    margin-right: 0;
}
.registration .reg-form .row {
    margin-left: -10px;
    margin-right: -10px;
}
.main-quote {
    padding-left: 52px;
    margin-bottom: 40px;
    position: relative;
}
.main-quote-i {
    background: #f4f4f4;
    border-radius: 3px;
    padding: 17px 15px 15px;
    color: #333;
    position: relative;
}
.main-quote:after {
    content: "";
    background: url(/local/templates/ms_2018/img/logo.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
}
.main-quote-i:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f4f4f4;
    position: absolute;
    top: 15px;
    left: -10px;
}
.registration .step-title {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 2px solid #53b301;
}
.registration .step-title .step-title__i, .registration a {
    position: relative;
}
.registration .step-title span {
    position: absolute;
    left: 0;
    top: -5px;
    height: 30px;
    width: 30px;
    display: block;
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    color: #333;
    font-weight: 700;
    border: 2px solid #53b301;
    border-radius: 50%;
}
.registration .step-title strong {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    color: #333;
    padding-left: 45px;
}

.page-style ul{margin-left: 30px; margin-bottom: 20px;}
.page-style p{margin-bottom: 0px;}
.page-style h2{margin-top: 40px;margin-bottom: 20px;}





.article_slider{position: relative; max-width: 830px; max-height: 467px; overflow: hidden;}
.slider-nav{display: none;}
.slider-nav.slick-initialized{display: block;}

.article_slider .slick-vertical .slick-slide
{
    border: 3px solid #ff7e00;
    box-sizing: border-box;
    margin: 5px;
}
.article_slider .slick-vertical .slick-slide.slick-current{
    border: 3px solid #81c54d;
}
.article_slider .offer-slider__nav{position: absolute; right: 20px; top: 20px; z-index: 10; width: 104px;}
.article_slider .slick-slide img{width: 100%;}
.article_slider .slick-next{right: 20px; width: 40px; height: 40px; z-index: 11;}
.article_slider .slick-prev{left: 20px; width: 40px; height: 40px; z-index: 11;}
.article_slider .slick-prev:before, .article_slider .slick-next:before{font-size: 40px;}
@media (max-width: 430px) {
    .article_slider .offer-slider__nav{display: none;}
}

.branded-page-wrapper {
    margin: 364px auto 0 !important;
}
.branded-page-wrapper.not_branding{max-width: 100%; margin: 0px!important;}
.branded-page-wrapper + .branded-page-wrapper .article-page > .container{padding-top: 20px;}
#branding-new-mobile{display: none; image-rendering: high-quality;}


.branding_adfox{position: relative;}
.branding_adfox img{
    max-width: 100%;
}

.branding_adfox .adfox_fly > div > div{height: auto!important;}
.branding_adfox .adfox_fly > div > div, .branding_adfox .adfox_fly > div > div video{height: auto!important; max-height: 300px; max-width: 100%;}



/*
   Автоматическое масштабирование баннера 387x520 в листингах проектов, компаний и т.д
   Используем CSS переменную --adfox-scale, которую вычисляет JS в функции updateAdfoxScale.
*/
.scaleJsAdfox{
    --banner-orig-width: attr(data-width);
    --banner-orig-height: attr(data-height);

    display: flex;
    justify-content: center;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;

}
.scaleJsAdfox > div{
    transform: scale(var(--adfox-scale, 1));
    transform-origin: top center;
    width: calc(var(--banner-orig-width, 101) * 1px) !important;
    max-width: none !important;
    display: block;
    margin: 0 auto;
    flex-shrink: 0;
}


.filter_panel select.select2{display: none; width: 200px;}


.hidden{display: none!important;}
.mobile-show{display: none;}
.mobile-hide{display: block;}
@media (max-width: 767px) {
    .mobile-show{display: block;}
    .mobile-hide{display: none;}
}
.hr{
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #eee;
}

.plots-list > li.recommended .gallery:after, .plots-list.card.recommended .gallery .main:after {
    display: none;
}

.plots-list .marker, .plots-list.card .marker {
    background: #ffd200;
    padding: 0 15px;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 2;
}
.plots-list.card .marker{
    left: auto;
    right: 0px;
}
.plots-list .highlights{background: #f4f6f7;}
.plots-list .contacts li:first-child:before{display: none;}

.more_hide{overflow: hidden; height: 200px; position: relative;}
.more_hide:after{content: ""; display: block; width: 100%; height: 50px;
    position: absolute; left: 0px; bottom: 0px;
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.more_show{height: auto;}
.more_show:after{display: none;}

.review-list > li:nth-child(n+2){display: block;}

.plot-plan{text-align: center;}
.plot-plan .plan img{display: inline-block;}

.add-project{top: -65px;}

.article-data .favorites {
    float: left;
    margin: 0 20px 5px 0;
}
.article-data .favorites .icon{
    width: 10px;
    height: 24px;
    fill: #c4c7cc;
    float: left;
    margin-right: 5px;
}
.article-data .favorites{
    font-size: 11px;
    font-weight: normal;
    padding: 0 10px;
    color: #628446;
    border: 1px solid #c0ceb5;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    text-decoration: none;
    margin-right: 15px;
    transition: .15s;
}
.article-data .favorites:hover{
    background: #53b301;
    border-color: #53b301;
    color: #fff;
}
.article-data .favorites .icon {
    width: 16px;
    fill: #4e8420;
}
.article-data .favorites:hover .icon {
    fill: #fff;
}

.article-sidebar{overflow: hidden;}
.ajax_load_articles{

}

.fixed {
    position: fixed;
}

.fix_share{position: fixed; top: 20%; right: 0px; background: #fff; box-shadow: 0px 0px 10px rgba(80, 80, 80, 0.2); padding: 10px; border-radius: 4px; padding-left: 25px;}
.fix_share .article-data > a, .fix_share .postpone-module{clear: both;  }
.fix_share .article-data > a, .fix_share .postpone{display: inline-block; width: 29px; height: 29px; margin: 0px 0px 5px 0px;}
.fix_share .print .icon, .fix_share .postpone .icon{left: -4px; position: relative; top: 2px;}
.fix_share .print, .fix_share .postpone, .fix_share .bookmark{margin-bottom: 5px;}
.fix_share .social-networks li{float: none; margin-top: -2px;}
.fix_share .social-networks li:first-child{position: absolute; top: -14px; left: -6px; transform: scale(0.8);}
.fix_share .social-networks li:first-child span{display: block; line-height: 16px; color: #828282; margin-bottom: 5px; }
.fix_share .social-networks li:first-child span:last-child{display: none;}
.fix_share .postpone-form{margin-left: -380px; margin-top: 4px;}
.fix_share .article-data{margin-top: 10px;}
.fix_share .article-data .tooltip{right: 45px; top: 0px;}
.fix_share .social-networks.small{transform: scale(1);}
.fix_share .social-networks.small li a{transform: scale(0.8);}

.article-data > a.pdf .general_view{display: block;}
.article-data > a.pdf .modal_view{display: none;}
.fix_share .article-data > a.pdf .general_view{display: none;}
.fix_share .article-data > a.pdf .modal_view{display: block;}
@media (max-width: 768px) {
    .fix_share{display: none;}
}


.tooltip_hover{position: relative;}
.tooltip{display: none; background: #343434; color: #e8e8e8; border-radius: 4px; position: absolute; padding: 2px 10px; top: -30px;}
.tooltip_hover:hover .tooltip{display: block; white-space: nowrap;  box-shadow: 2px 3px 5px rgba(80, 80, 80, 0.3);}
@media (max-width: 1200px) {
    .branded-page-wrapper{margin-top: 200px;}
    #branding-new{background-size: 170% auto;}
}

@media (max-width: 1170px) {
    #branding-new {
        background-size: 160% auto;
        background-repeat: repeat-y;
        background-position: center 50px;
    }
    .branded-page-wrapper {
        margin-top: 300px !important;
    }
}
@media (max-width: 1070px) {
    .branded-page-wrapper {
        margin-top: 280px !important;
    }
}
@media (max-width: 991px) {
    #branding-new {
        background-size: 170% auto;
        background-position: center -20px;
    }
    .branded-page-wrapper {
        margin-top: 250px !important;
    }
}
@media (max-width: 900px) {
    #branding-new {
        background-position: center 10px;
    }
    .branded-page-wrapper {
        margin-top: 250px !important;
    }
}
@media (max-width: 767px) {
    #main.article-page .article-menu{
        margin-bottom: 0px;
    }
    #branding-new {
        display: none;
    }
    #branding-new-mobile {
        background-size: cover;
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 166px;
        position: fixed;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        background-position: center -90px;
    }
    .branded-page-wrapper {
        margin-top: 310px !important;
    }
}

@media (max-width: 366px) {
    #branding-new-mobile {
        background-size: 150% auto;
        background-position: center -20px;
    }
    .branded-page-wrapper {
        margin-top: 230px !important;
    }
}


.articles .article-preview {
    border-top: none !important;
}
.vk-subscribe {
    fill:#4a76a8 !important;
}
.youtube-subscribe{
    fill:red !important;
}
.border-b {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
}
.border-t {
    border-top: 1px solid #f2f2f2;
}
.border-b-b {
    border-bottom: 2px solid #f2f2f2;
}
@media (min-width: 600px) {
    .articles-title {
        margin-bottom: 20px;
        margin-left: 50px;
        line-height: 0.1;
    }
    .articles-head-block {
        display: flex;
        margin-bottom: 20px;
    }
    .dt-min650-article {
        min-height:650px;
    }
    .dt-min650-article {
        min-height:532px;
    }
}
@media (max-width: 600px) {
    .article-category h1 {
        margin-bottom: 0 !important;
        font-size: 34px;
    }
    .article-page .breadcrumbs {
        margin-top: 0;
    }
}

.aticles-sub-title:hover {
    text-decoration: underline;
}


/*yakus убрал чтобы не было пустоты https://yadi.sk/i/d0fq1RwM1_WkKQ
.fix-height:before{
    content:"";
    display:block;
    height: 15px;
    position: relative;
    top: 56px;
    background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 75%)
}
*/
.article-rating .rating{
    font-weight: 300;
    font-size: 12px!important;
}

.branded-page-wrapper h1, .icons-gap h1 {
    margin-bottom:30px;
}
.project-additional-description p, .project-additional-description h2 {
    margin-bottom:10px
}
.project-additional-description ul, .project-additional-description ol {
    margin-left:40px;
    list-style: none;
}
.project-additional-description li {
    padding-left: 36px;
    position: relative;
    margin: .5em 0;
}
.project-additional-description li:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #53b301;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: 8px;
}
.main-items-articles h3{
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 500;
    color: #000;
}
.orange-border {
    border: 3px solid #ff984a;
}
.green-border {
    border: 3px solid #53b301;
}
.container h1 {
	font-size:28px;
	margin-bottom: 15px !important;
    text-align: left;
}
.project .container h1{width: calc(100% - 260px);}
.project .id_project{width: 260px; text-align: right; margin: 20px 0px 15px 0px;}
.flex_h1{display: flex;}
.switcher-left label{padding-left: 60px; position: relative;}
.switcher-left label:before{left: 0px!important; position: absolute;}
.switcher-left label:after{left: 5px!important; position: absolute;}
.switcher-left input:checked + label:after{left: 26px!important; position: absolute;}


.agreement-cookie{position: fixed;left: 15px; padding: 20px 20px 30px 30px; bottom: -10px;z-index: 1000000000000;background: #f0f0f0;box-shadow: 2px -5px 10px rgba(80, 80, 80, 0.2);border-radius: 4px;width: calc(100% - 30px);}
.agreement-cookie .container{display: flex;}
.button_block{width: 150px;}
.agreement-cookie a{color: #53b301;}
@media (max-width: 767px) {
    .agreement-cookie{font-size: 12px; padding: 20px 10px 20px 10px;}
    .agreement-cookie .container{display: block; }
    .agreement-cookie .btn{margin-top: 15px;}
}


.resize_adfox .one_banner{display: block; float: left; width: 100%;}
.resize_adfox .one_banner > div{width: 100%;}
.resize_adfox .one_banner > div > div iframe{max-width: 100%!important; width: 100%!important; height: auto!important;}

.resize_adfox.index .one_banner{height: 350px;}


.adm_btn{padding: 10px; color: #e53c3c; font-weight: bold; border: 1px solid #e53c3c; border-right: none; font-size: 18px; height: 50px; width: 30px; background: #fff; border-radius: 5px; position: absolute; top: -1px; left: -30px; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.a_block{transition: all 0.3s; border: 1px solid #e53c3c; width: 270px; right: -270px;  display: flex; position: fixed; top: 320px;z-index: 1000;}
.a_block_content{border-radius: 5px; border-top-left-radius: 0px;  background: #fff; min-height: 48px; padding: 10px; width: 100%;}
.a_b{border-radius: 3px; border: 1px solid #eee; padding: 10px; margin: 10px 0px;}
.a_block_content a{line-height: 28px;}
.a_block:hover, .a_block.active{right: -5px;}

/*борьба с дырами https://yadi.sk/i/Gu0VkpjRCRQWiA Время от времени она появляется, поэтому делаю здесь перекрывающие правила.*/
#header{}

.branded-page-wrapper #main.article-page .article-menu{margin-bottom: 20px;}
.branded-page-wrapper #main.article-page .breadcrumbs{margin-top: 0px;}



.sidebar-menu {
    width: 232px;
    line-height: 1.2;
}
.sidebar-menu .module ~ .module {
    margin-top: 25px;
}
.sidebar-menu .module .header {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 10px;
}
.sidebar-menu .module a.header {
    display: block;
    line-height: 1.4;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 6px;
    text-decoration-color: #C1EB9E;
    text-decoration-skip-ink: none;
    -webkit-transition: .15s;
    transition: .15s;
}
.sidebar-menu .module a.header:hover {
    text-decoration-color: #54B600;
}
.sidebar-menu .about-expo .slogan {
    font-size: 14px;
    color: #54B600;
    margin-bottom: 10px;
}
.sidebar-menu .about-expo .description {
    font-size: 15px;
    color: #878889
}
.sidebar-menu .button {
    height: 30px;
    background: none;
    border: 1px solid #FF7E00;
    border-radius: 5px;
    font-size: 13px;
    font-weight: bold;
    color: #FF7E00;
    line-height: 28px;
    margin-top: 10px;
}
.sidebar-menu .button:hover {
    background: #FF7E00;
    color: #fff;
}
.sidebar-menu .links {
    font-size: 13px;
}
.sidebar-menu .links li {
    border-bottom: 1px solid #E8E9EB;
    margin-bottom: 4px;
}
.sidebar-menu .links a {
    display: block;
    padding: 8px 30px;
    background: url("/local/templates/ms_2018/img/sidebar-menu/arrow-right.svg") 100% 50% no-repeat;
    -webkit-transition: .15s;
    transition: .15s;
    position: relative;
}
.sidebar-menu .links a:hover {
    color: #FF7E00;
}
.sidebar-menu .links .icon {
    width: 20px;
    height: 20px;
    fill: #878889;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.sidebar-menu .links a:hover .icon {
    fill: currentColor;
}
.sidebar-menu .highlight {
    padding: 24px 14px 16px;
    background: #FEF6EC;
    border-radius: 5px;
    position: relative;
}
.sidebar-menu .highlight.alt {
    background: #EFF8E8;
}
.sidebar-menu .highlight .header {
    font-size: 15px;
    margin-bottom: 6px;
}
.sidebar-menu .highlight .icon {
    width: 22px;
    height: 22px;
    fill: #FF8B03;
    position: absolute;
    right: 20px;
    top: 12px;
}
.sidebar-menu .highlight.alt .icon {
    fill: #54B600;
}
.sidebar-menu .highlight .description {
    font-size: 13px;
    color: #878889;
}
.sidebar-menu .highlight.alt .button {
    background: transparent;
    color: #54B600;
    border-color: #54B600;
}
.sidebar-menu .highlight.alt .button:hover {
    background: #54B600;
    color: #fff;
}
.consultationForm{
    margin: 0 auto;
    max-width: 700px;
}
.consultationForm form{
    margin-left: 80px;
}
.consultationForm .inputBlock{
    display:flex;
    gap: 10px;
}
.subscription form{
    max-width: 900px;
}
.subscribeTelegram{
    padding: 24px 30px;
    margin: 22px 0 28px;
    background: #fff;
    border: 1px solid #ddd;
    display: block;
    position: relative;
}
.subscribeTelegram a{
    text-decoration: underline;
    font-weight:bold;
}
.telegram-subscription {
    background: #F3F8FB;
    padding: 20px 30px;
    margin-top: 20px;
    border: 1px solid #ddd;
}
.telegram-subscription .description {
    font-size: 15px;
    line-height: 20px;
    padding-left: 48px;
}
.telegram-subscription .button {
    height: 40px;
    line-height: 40px;
    padding: 0 28px;
    border-radius: 5px;
    background: #40A2DA;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    overflow: inherit;
    -webkit-transition: .15s;
    transition: .15s;
    border: none;
    color: #fff;
}
.telegram-subscription .button:hover {
    background: #2ba8ef;
}
.telegram-subscription.small {
    text-align: center;
    display: block;
}
.telegram-subscription.small .header {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    line-height: 33px;
    white-space: nowrap;
    padding-left: 38px;
    background: url("/personal/assets/img/telegram.svg") 0 50% no-repeat;
}
.telegram-subscription.small .description {
    margin: 15px 0;
    background: transparent;
    padding: 0;
}
@media (max-width: 991px) {
    .telegram-subscription {
        padding: 20px 30px;
    }
}
@media (min-width: 768px) {
    .telegram-subscription {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .telegram-subscription .header, .telegram-subscription .description {
        margin-right: 20px;
    }
}
@media (max-width: 767px) {
    .telegram-subscription {
        text-align: center;
    }
    .telegram-subscription .header {
        display: inline-block;
    }
    .telegram-subscription .description {
        margin: 15px 0;
    }
}


.modal-window.modal-video {
    max-width: 960px;
    border: none;
}
.video .modal-window, .modal-video .modal-window{
    max-width: 960px;
    padding: 0;
    border: 0;
    border-radius: 0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    margin-top: 60px;
}
.video .modal-body, .modal-video .modal-body {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video .modal-body iframe, .modal-video .modal-body iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

/* End */


/* Start:/local/templates/ms_2018/ui.css?178826760317308*/
.btn {display: inline-block;position: relative;padding: 10px 15px 10px 15px;background: #53b301;color: #fff!important;font-weight: bold;text-decoration: none!important;border-radius: 50px; cursor: pointer;}
.btn[disabled]{background: #adadad !important; cursor: default; box-shadow: none!important;}
.btn .fa, .btn .icon{display: inline-block; margin-right: 10px;}

.btn.square{border-radius: 0px;}
.btn.radius{border-radius: 5px;}
.btn.big{height: 60px; line-height: 60px; font-size: 18px; font-weight: bold; padding: 0 1em;}
.btn.small{padding: 2px 15px 3px 15px; font-weight: normal;}
.btn.width{width: 100%;}
.btn.orange.gradient{background: #ff9f00;background-image: -webkit-linear-gradient(left, #ff8600, #ffb200);background-image: linear-gradient(to right, #ff8600, #ffb200);color: #fff;}
.btn.orange.gradient:hover{opacity: 0.8;}
.btn.orange{background: #ff8600;}
.btn.orange:hover{background: #ffb200;}
.btn.nobg{background: none; border: 1px solid #53b301; color: #53b301!important;}
.btn.nobg:hover{opacity: 0.8;}
.btn.nobg.orange{border: 1px solid #ff7e00; color: #ff7e00!important;}
.btn.nobg.orange:hover{border: 1px solid #ff7e00; color: #ff7e00!important; background: none;}
.btn.nobg.grey{border: 1px solid #e9e9e9; color: #9d9d9d!important; font-weight: 400;}
.btn.nobg.grey:hover{border: 1px solid #c6c6c6;}
.green{background: #40b320;background: -moz-linear-gradient(45deg, #40b320 0%, #52b31f 51%, #56ce23 98%)!important; background: -webkit-linear-gradient(45deg, #40b320 0%,#52b31f 51%,#56ce23 98%)!important; background: linear-gradient(45deg, #40b320 0%,#52b31f 51%,#56ce23 98%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40b320', endColorstr='#56ce23',GradientType=1 )!important;}

select{font-size: 14px;}
select.beautiful{border: 1px solid #eee; border-radius: 5px;}

/*файл с примерами /polygon/ui.php*/
.ui .example_block{margin: 40px 0px;}
.ui .example_svg .icon{width: 45px; height: 45px; fill: #00a2df; border: 1px solid #eee; padding: 3px;}

/*прогресс бар*/
.progress_line {height: 14px;border-radius: 4.5px;background: repeating-linear-gradient(0deg, #fff 0px 6px, #E8E9EB 6px 8px, #fff 8px 14px);margin-bottom: 18px;position: relative;}
.progress_line .cur_width{position: relative;display: block;height: 14px;border-radius: 4.5px; background: repeating-linear-gradient(0deg, #fff 0px 6px, #54B600 6px 8px, #fff 8px 14px);}
.progress_line .cur_width span{display: inline-block; float: right; color: #54B600; font-size: 13px; position: relative; bottom: 0px; background: #fff; padding: 0px 10px; height: 14px; line-height: 14px;}
/*end прогресс бар*/

/*пошаговость*/
.step .container{margin-top: 40px; padding: 0px;}
.step.finish .container{margin-top: 0px;}
.step{ margin-top: 20px;}
.step:first-child{margin-top: 0px;}
.step.fade{ border-bottom: 2px solid #eee;}
.step.fade .step_name{height: 28px;  margin-bottom: 30px;}
.step.fade.can_click{cursor: pointer;}
.step .step_show_hide{display: none;}
.step.active .step_show_hide{display: block;}
.step_name{font-size: 24px; margin-bottom: 15px; font-weight: bold;}
.active .step_name{margin-bottom: 9px;}
.one_of_step{font-size: 14px; color: #a1a8af; font-weight: 300; float: right; margin-top: 10px;}
@media (max-width: 1024px) {
    .step.fade .one_of_step{margin-top: 0px;}
}


.prev_step, .next_step, .btn_element_save.exit{padding: 15px 30px; border-radius: 5px; font-size: 18px; margin-bottom: 4px;}
.btn_element_save.exit:not(.stripes_loader){background: #858585;}
.btn_element_save.exit:not(.stripes_loader):hover{background: #737373 !important;}
.prev_step .icon{width: 16px; height: 15px; display: inline-block; margin: 0px 15px 0px 0px; bottom: -2px; fill: #899098; transform: rotate(180deg);}
.next_step .icon{width: 16px; height: 15px; display: inline-block; margin: 0px 0px 0px 15px; bottom: -2px; fill: #fff;}
.prev_step{background: #f3f4f8; color: #899098!important;}
.prev_step:hover{background: #e9eaee;}
.next_step.disabled{background: #cde4ba; margin-right: 10px;}

.step_finish{display: flex; border-top: 1px solid #bfe99a;  border-bottom: 1px solid #bfe99a; padding: 30px 0px; }
.step_finish .icon{width: 72px; height: 72px; fill: #ff8b10; padding: 20px; position: relative; margin-right: 20px;}
.step_finish > .icon:after{content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 72px; height: 72px; border-radius: 500px; border: 5px solid #52b401;}
.step_finish .icon .icon{margin-top: -18px; margin-left: -20px;}
.step_finish .text{padding-left: 30px;}
.step_finish .h2{color: #52b401; margin-bottom: 20px;}
.step.finish{max-width: 630px; margin: 0 auto;}
/*end пошаговость*/

.ui .icon{position: relative;}
.ui .error .icon{fill:#d50040; margin-right: 5px; width: 9px; height: 9px}
.ui .success .icon{fill:#459600; margin-right: 4px; width: 18px; height: 15px; bottom: -2px;}

.ui .required{color: #FF7E00; font-size: 16px; margin-left: 4px;}
.ui label{width: 100%; position: relative; margin: 0px;}
.ui .multiple .value{margin-bottom: 10px; position: relative;}
.ui .multiple .delete{width: 20px; height: 20px; position: absolute; top: 0px; right: -15px; padding-left: 10px;}
.ui .multiple .delete .icon{fill: #4a4a4a; width: 100%; height: 100%; top: 0px; margin: 0px; opacity: .0; transition: all 200ms;}
.ui .multiple:hover .delete .icon{opacity: .4;}
.ui .multiple:hover .delete:hover .icon{opacity: 1;}
.ui input[type=text],
.ui input[type=password],
.ui input[type=email],
.ui input[type=tel],
.ui input[type=url],
.ui input[type=number],
.ui input[type=date],
.ui textarea{height: 50px; width: 100%; border-radius: 4px; border: 1px solid #D0D4D8; box-sizing: border-box; padding: 0 48px 0 30px; transition-property: border, box-shadow; transition-duration: 0.3s; font-size: 16px; font-family: "Lato", Arial; font-weight: normal;}
.ui textarea{resize: none; height: auto; min-height: 66px; padding: 25px 35px;}

.remain{color: #3d3d3d;}

.ui input[type=text]:focus,
.ui input[type=password]:focus,
.ui input[type=email]:focus,
.ui input[type=tel]:focus,
.ui input[type=number]:focus,
.ui input[type=date]:focus,
.ui textarea:focus{border: 1px solid #c7cdcd;box-shadow: 0px 10px 10px rgba(150, 150, 150, 0.1);}

.ui .checkbox{position: relative;}
.ui .checkbox label{display: inline-block; margin-bottom: 2px; position: static;}
.ui .checkbox.alt{padding-left: 0px;padding-right: 10px; display: inline-block; width: 100%;}
.ui .checkbox.alt label {display: block;font-size: 13px; color: #5D5D5D; line-height: 16px;padding-top: 5px;margin-bottom: 8px;font-weight: 400;padding-left: 25px;}
.ui .checkbox.alt [type=checkbox]:checked + label{color: #000;}
.ui .checkbox.alt [type=checkbox]:checked + label:before,
.ui .checkbox.alt [type=radio]:checked + label:before{border-width: 1px; background: #FF7E00; border-color: #FF7E00;}
.ui .checkbox.alt [type=checkbox]:checked + label:after,
.ui .checkbox.alt [type=radio]:checked + label:after{background: url("/local/templates/ms_2018/img/check-white.svg") 50% 50% no-repeat; content: ""; display: block; width: 15px; height: 15px; position: absolute; top: 5px; left: 2px!important; background-size: 10px auto;}
.ui .checkbox.alt label:before {width: 18px;height: 18px;top: 3px;margin-top: 0px;border: 1px solid #e7e7e7;-webkit-border-radius: 4px;border-radius: 4px;}
.ui .checkbox.alt .icon{display: none;}
.ui .checkbox.alt [type=checkbox]:checked + label .icon,
.ui .checkbox.alt [type=radio]:checked + label .icon{display: block; position: absolute; left: 0px; top: 17px; fill: #fff; width: 18px; height: 15px;}
.ui .element > .checkbox{padding-left: 0px; margin-top: 20px; column-count: 3;}
.ui .horizontal .element > .checkbox{margin-top: 0px;}

.ui .number input[type=number]::-webkit-inner-spin-button,
.ui .number input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}
.ui .number input[type=number]{-moz-appearance: textfield;}
.ui .number{position: relative;}
.ui .number .quantity-arrow-minus{position: absolute; top:0px; right: 50px; width: 20px;height: 100%; fill: #4a4a4a;}
.ui .number .quantity-arrow-plus{position: absolute; top:0px; right: 20px; width: 20px;height: 100%; fill: #4a4a4a;}
.ui .number .control .icon{width: 20px; height: 100%; top: 0px; margin: 0px; fill: #a8a8a8;}
.ui .number .control:hover .icon{fill: #54B600;}
.ui .placeholder{width: 100%; font-weight: 400; font-size: 16px; margin-bottom: 5px;}

.ui .note{font-size: 12px; font-weight: 400; color: #858687; margin-top: 4px;}
.ui .note b{color: #858687;}

.ui .element_wrap.multiple .description,
.ui .element_wrap.multiple .description + .value,
.ui .element_wrap .sprint_block{margin-top: 15px;}

.ui .add_multiple_value {
    display: table;
    color: #878889;
    background: none;
    padding: 0 0 4px;
    border-bottom: 1px solid #DADFE4;
    cursor: pointer;
    position: relative;
    font-size: 13px;
}
.ui .add_multiple_value:hover {
    color: #000;
    border-color: #878889;
}
.ui .add_multiple_value:after {
    content: "+";
    position: absolute;
    right: -1em;
}

.ui .add_multiple_value .icon{display: none;/*отключил из-за нового диза*/}

.ui .element_wrap{margin: 0px 0px 20px; display: block; clear: both;}
.ui .element_wrap.footer{margin-top: 40px;}
.ui .element_wrap:first-child{margin-top: 0px;}
.ui .element_wrap .wrap{}
.ui .element_wrap .message{width: 100%; margin-top: 5px; display: flex; align-items: center; font-size: 12px;}
.ui .element_wrap .message .error{color: #d50040;}
.ui .element_wrap .message .success{color: #459600;}
.ui .element_wrap.multiple .message{clear: both; margin: 5px 0px;}
.ui .element_wrap .element{width: 100%;}
.ui .element_wrap .element .input{position: relative;}
.ui .element_wrap .element.is_error input{border: 1px solid #f694b1; background: #fffafb;}
.ui .element_wrap .element.is_success input{border: 1px solid #73d51f; background: #fcfff9;}

.ui .element_wrap .element.with_description .value{width: 50%; padding-left: 20px; float: left; position: relative;}
.ui .element_wrap .element.with_description .description{width: 50%; float: left; position: relative;}
.ui .element_wrap .element.with_description{content: ''; display: block; clear: both;}
.ui .element_wrap .element.with_description .description .placeholder, .ui .element_wrap .element.with_description .value .placeholder{font-size: 12px; color: #858687;}

.ui .element_wrap.border_bottom:first-child,
.ui .element_wrap.border_bottom + .border_bottom,
.ui .big_checkbox + .border_bottom{padding: 0px 0px 20px 0px; border-bottom: 1px solid #E8E9EB;}
.ui .element_wrap.horizontal .placeholder{float: left; width: calc((100% - 200px) / 2); max-width: 320px;}
.ui .element_wrap.horizontal .wrap{float: right; width: 60%;}
.ui .element_wrap.horizontal:after{content: ''; display: block; clear: both;}


.ui .step .element_wrap.footer .message{display: grid;}
.ui .element_wrap.footer .message .error{display: block;}

.ui .select{ width: 100%;}
.ui .select select{ border-radius: 5px; height: 50px;}
.ui .select .input-icon {padding: 12px;right: auto; left: -5px;}
.ui .label-flex .label_name {line-height: 60px;padding: 0px 20px 0px 0px;white-space: nowrap;width: 35%;}
.ui .select .icon{position: absolute; border-radius: 5px; width: 50px; height: 50px; }
.ui .select:after{display: none;}

.ui .wrap_file{display: flex; justify-content: space-between;}
.ui .wrap_file .placeholder{width: calc(100% - 600px); min-width: 200px;}
.ui .step .add_files {text-align: right;}

.ui .note .btn_example{color: #878889; border-bottom: 1px solid #dfdfeb00; border-bottom: 1px solid #878889; font-size: 12px; position: relative; margin-top: 6px; display: inline-block; }
.ui .note .btn_example:hover{border-bottom: 1px solid #000; color: #000; }
.ui .note .btn_example .icon{width: 12px; height: 12px; fill: #63717e; top: 1px;}
.ui .note .btn_example:hover .icon{fill: #000;}

.ui .add_files {display: inline-block;padding-left: 44px;line-height: 1.2;position: relative;cursor: pointer;}
.ui .add_files + .agreement {margin-top: 10px;}
.ui .add_files .icon {width: 22px;height: 22px;fill: #52b401; top: 3px; left: 9px; position: relative; transform: rotate(135deg); transition: all 0s;}
.ui .add_files input {display: none;}
.ui .add_files .label {display: inline-block;max-width: 100%;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #606d79;font-size: 15px;font-weight: 600;border-bottom: 2px dotted #a3adb6;}
.ui span.attachment{cursor: default;}
.ui .attachment.btn{background: #fff; border: 1px solid #54B600; border-radius: 5px; width: auto; min-width: 270px; display: inline-block; padding: 13px 20px; transition: background-color 150ms;}
.ui .add_files .attachment.btn .label{border-bottom: none; bottom: -1px; position: relative; font-size: 16; font-weight: 600; color: #54B600;}
.ui .add_files .attachment.btn:hover{background: #54B600;}
.ui .add_files .attachment.btn:hover .label{color: #fff;}
.ui .add_files .attachment.btn:hover .icon{fill: #fff!important;}
.ui .add_files .attachment.btn .input_file{position: relative;}

.ui .add_files:hover .label {border-color: transparent;}
.ui .add_files .note{display: block;font-size: 12px;font-style: italic;color: #9a9ba0;}

.ui .add_files .all_files{margin-top: 0px;}
.ui .add_files .file_wrap{border: 1px solid #eee; padding: 3px; border-radius: 4px;position: relative; margin: 5px; width: auto;}
.ui .add_files .file_wrap img{float: left;}
.ui .add_files .file_wrap.file_image{display: inline-block; margin-left: 40px;}
.ui .add_files .delete{z-index: 2; font-size: 19px; font-weight: bold; position: absolute; display: none; top: 8px; right: 8px; -webkit-transition: .3s; transition: .3s; background: #A0ABB5; color: #fff; width: 20px; height: 20px; border-radius: 20px;}
.ui .add_files .delete:hover{background: #878889;}
.ui .add_files .delete .icon{position: absolute; top: 5px; left: 5px; display: block; width: 10px; height: 10px; fill: #fff; margin: 0px; transform: rotate(0deg);}
.ui .add_files .addedFile .delete, .ui .add_files .file_wrap .delete{display: block;}
.ui .add_files .file_wrap.delete_active{opacity: 0.5;}
.ui .add_files .file_wrap.delete_active .delete{-moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); background: #43a918;}
.ui .add_files .preview_img{width: 45px; min-height: 45px; display: flex; align-items: center; float: left;}
.ui .add_files .preview_img.not_img{width: auto!important; padding: 0px 20px;}
.ui .add_files .preview_img img{max-width: 100%; max-height: 100%; display: inline-block; margin: 0 auto;}
.ui .add_files .preview_img img{max-width: 100%; max-height: 100%; display: inline-block; margin: 0 auto;}
.ui .add_files .preview_img .preloader{padding: 23px;}
.ui .add_files .count_photo{margin: 20px 0px 0px; position: relative; display: block; padding-left: 18px; color: #858687; font-size: 12px;}
.ui .add_files .count_photo .icon{width: 13px; height: 12px; top: 1px; left: 0px; transform: rotate(0deg);}
.ui .add_files .all_files .action{display: none; position: absolute; top: 0px; right: -35px; width: 30px; font-size: 18px; color: #8f8f8f; }
.ui .add_files[data-multiple=Y] .action{display: block;}
.ui .add_files .attachment.btn .action{display: none;}
.ui .add_files .all_files .action a{display: block; width: 30px; height: 30px; text-align: center; border-radius: 4px; border: 1px solid #eee; padding-top: 2px; margin-bottom: 5px;}
.ui .add_files .all_files .action a:hover{border-color: #ababab; color: #707070;}
.ui .add_files .all_files .file_wrap:first-child .action .btn_sort_up{display: none;}
.ui .add_files .all_files .file_wrap:last-child .action .btn_sort_down{display: none;}

ul.dot li{background: url("/local/templates/ms_2018/img/ul_dot.png") 0px bottom repeat-x; clear: both;}
ul.dot li span{background: #fff;}
ul.dot li span.name{ padding-right: 5px;}
ul.dot li span.value{float: right; padding-left: 5px;}

.attention-light{padding: 15px; border: 2px solid #ee9d28; border-radius: 5px; background: #fff;}
.attention-light a{color: #ff431e;}
.attention-light a:hover{color: #ff090c;}

.attention{padding: 15px; border: 1px solid #ee2e1b; border-radius: 5px; background: #ffcdb2;}
.attention a{color: #ff431e;}
.attention a:hover{color: #ff090c;}

@media (max-width: 1210px) {
    .step.fade{margin: 20px auto 0px auto;}
}

@media (max-width: 767px) {

    .ui .element_wrap .wrap{display: block;}
    .ui .element_wrap .element{width: 100%;}
    .ui .element_wrap .message{width: 100%; margin-top: 5px;}
    .ui .step .element_wrap.footer .message{display: block; text-align: right;}

    .ui .element_wrap.horizontal .placeholder, .ui .element_wrap.horizontal .wrap{width: 100%; display: block; float: none;}

    .ui .wrap_file{display: block;}
    .ui .wrap_file .placeholder{width: 100%;}
    .ui .step .add_files{width: 100%; text-align: left; padding-left: 0px;}
    .ui .add_files .file_wrap.file_image{float: none;}

    .ui .element > .checkbox{column-count: 2;}

}

@media (max-width: 1023px) {
    .step{padding: 0px;}
    .step.fade{margin: 0px 0px 20px 0px; width: 100%; padding: 10px 15px;}
    .step_name{font-size: 20px;}
    .one_of_step{font-size: 15px; float: none;}
    .step .container{padding: 0px;}
}
/* End */


/* Start:/local/templates/ms_2018/scripts/slick/slick-theme.css?17437471843203*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/local/templates/ms_2018/scripts/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
/*yakus увеличение гугл попугаев
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/local/templates/ms_2018/scripts/slick/./fonts/slick.eot');
    src: url('/local/templates/ms_2018/scripts/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/ms_2018/scripts/slick/./fonts/slick.woff') format('woff'), url('/local/templates/ms_2018/scripts/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/ms_2018/scripts/slick/./fonts/slick.svg#slick') format('svg');
}
*/
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/local/templates/ms_2018/scripts/slick/slick.css?17437471841879*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 2px solid transparent;
    box-sizing: border-box;
}
.slick-vertical .slick-slide.slick-current{
    border: 2px solid #ff7e00;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/local/components/yakus/authregister/templates/blog/style.css?17834253132493*/
.modal-body .error, .modal-body .is-error span{color: #f00; font-size: 12px; font-weight: 500; margin: 10px 0px 10px 0px; display: block;}
.modal-body .error a{border-bottom: 1px solid #f00; padding-bottom: 2px;}
.modal-body .is-error span{margin: 10px 0px 10px 0px;}
.modal-window.switchable .link_forward{margin-top: 20px;}
.modal-window.switchable .modal-header .close{background: none;}
.modal-window.switchable .switcher{width: auto; display: inline-block; height: auto; float: none; font-size: 14px; font-weight: bold; border-bottom: 1px solid #7c7c7c; margin: 0 0 0 0px;}
.modal-return.close { cursor: pointer; display: block; margin-bottom: 10px; color: #7c7c7c; text-decoration: underline; font-size: 14px; }
@media (min-width: 768px) {
    .modal-return.close { display: none; }
}
.modal-window.switchable .container { padding: 0; }

.link_forward{display: inline-block; margin: 0 auto; border-bottom: 1px solid #eee;}

.social-networks{
    margin: 0px 0px 20px 0px;
}
.social-networks li {
    float: left;
    margin-left: 10px;
}
.social-networks li:first-child {
    margin-left: 0px;
}
.social-networks a {
    display: block;
    font-size: 32px;
    width: 1em;
    height: 1em;
    background: url("/local/templates/ms_2018/img/social-networks.png") no-repeat;
    -webkit-background-size: auto 1em;
    background-size: auto 1em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.social-networks .rss {
    background-position: -10em 0;
}

.social-networks .odnoklassniki {
    background-position: -1em 0;
}
.social-networks .facebook {
    background-position: -2em 0;
}
.social-networks .twitter {
    background-position: -3em 0;
}
.social-networks .instagram {
    background-position: -4em 0;
}
.social-networks .dzen {
    background-position: -11em 0;
}
.social-networks .pinterest {
    background-position: -5em 0;
}
.social-networks .telegram {
    background-position: -6em 0;
}
.social-networks .youtube {
    background-position: -7em 0;
}
.social-networks .tumblr {
    background-position: -8em 0;
}
.social-networks .googleplus, .social-networks .google {
    background-position: -9em 0;
}
.social-networks .whatsapp {
    background-position: -12em 0;
}
.social-networks .yandex {
    background-position: -14em 0;
}
.social-networks .mymailru {
    background-position: -13em 0;
}

.modal-body #footer .menu, .modal-body #footer .bottom {
    border-top: 1px solid #e7eaea;
    margin-top: 35px;
}
.social-networks a:hover {
    opacity: .8;
}
/* End */
/* /local/templates/ms_2018/style.css?1783517175370271 */
/* /local/templates/ms_2018/header_original.css?178108548720473 */
/* /local/templates/ms_2018/footer_original.css?177557655010348 */
/* /local/templates/ms_2018/yakusstyle.css?178256364756589 */
/* /local/templates/ms_2018/ui.css?178826760317308 */
/* /local/templates/ms_2018/scripts/slick/slick-theme.css?17437471843203 */
/* /local/templates/ms_2018/scripts/slick/slick.css?17437471841879 */
/* /local/components/yakus/authregister/templates/blog/style.css?17834253132493 */