html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none; pointer-events: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
*, *::before, *::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html, body {
    overflow-anchor: none !important;
}

@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Regular.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Regular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Medium.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Demi.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Demi.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Bold.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Bold.otf") format("opentype");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Heavy.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Heavy.otf") format("opentype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Avenir Next Cyr";
    src: url("/assets/fonts/AvenirNextCyr-Italic.woff") format("woff"), url("/assets/fonts/AvenirNextCyr-Italic.otf") format("opentype");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
html {
    font: 20px/1.4 "Avenir Next Cyr", Arial, Helvetica, sans-serif;
    background: #fff;
    color: #000;
    height: 100%;
}
body {
    min-width: 320px;
}
h1, h2, h3, h4 {
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 1em 0;
}
h1, .section-header {
    font-size: 1.6rem;
    margin-top: 20px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0.83em;
}
h3 {
    font-size: 1.2rem;
    line-height: 1.3;
}
h4 {
    font-size: 1.1rem;
    line-height: 1.25;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .page-section:before, .page-section:after, #header:after, #footer:before, .search-form:after, .social-networks:not(.full-width):after, .project-preview:after, .project-features:after, .banners:before, .banners:after, .breadcrumbs:after, .project:after, .comment-footer:after, .project-menu:after, .article-preview:after, .categories-list:after, .partners > li:after, .tags-list:after, .selected-project:after, .technologies ul:after {
    content: "";
    display: table;
    clear: both;
}
.container {
    width: 100%;
    max-width: 1230px;
    padding: 0 30px;
    margin: 0 auto;
}
.container.wide {
    max-width: 1920px;
}
.page-section {
    padding: 40px 0;
}
.top-gap, #main {
    margin-top: 44px;
}
.bottom-gap {
    margin-bottom: 44px;
}
.section-header .subtitle, .section-project-search .subtitle {
    display: block;
    font-size: 1rem;
    text-transform: none;
    margin-top: .4em;
}
.section-project-search .subtitle {
    display: inline-block;
    font-size: 1em;
    text-transform: none;
    margin: 0 0 0 .4em;
}
a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
}
a[href^="tel:"] {
    text-decoration: none;
    white-space: nowrap;
}
a, [data-href] {
    cursor: pointer;
}
a:hover {
    text-decoration: none;
}
a:focus {
    outline: none;
}
.table-wrapper {
    overflow-x: auto;
}
table {
    width: 100%;
    border-collapse: collapse;
}
.table.auto-width {
    width: auto;
}
.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    display: block;
    user-select: none;
}

.pagination__video:after,
.video-wrapper:after {
    content: '';
    display: block;
    position: absolute;
    width: 14%;
    height: 100%;
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/assets/images/theme/youtube-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.video-wrapper:after {
    height: 3rem;
    bottom: 1rem;
    left: auto;
    top: auto;
    right: 1rem;
    transform: unset !important;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.videos__preview {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
}
.videos__item_hidden {
    margin: 0 !important;
}

.geolocation {
    position: relative;
}

.geolocation__current-region {
    position: relative;
}

.geolocation__popup {
    position: absolute !important;
    background: white;
    border: 1px solid #CECECE;
    padding: .5rem .9rem .6rem;
    right: 0;
    top: 100%;
    margin-top: 10px;
    z-index: 10000;
    font-size: 15px;
    font-weight: normal;
}

.geolocation__popup:after {
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: absolute;
    background: white;
    top: -5px;
    right: 3rem;
    border: 1px solid transparent;
    border-left-color: #CECECE;
    border-top-color: #CECECE;
    transform: rotate(45deg);
}

.geolocation__content {
    text-align: right;
}

.geolocation__message {
    margin-bottom: .5rem;
    line-height: 1.5;
}

.geolocation__actions .button {
    white-space: nowrap;
    font-size: 13px;
    margin: 0;
    height: auto;
    line-height: 2.7;
    padding: 0 .8rem;
    text-transform: none;
    width: 100%;
}

.geolocation__actions .button:not(:last-child) {
    margin-bottom: .6rem;
}

@media (min-width: 74rem) {
    .geolocation__actions {
        display: flex;
        flex-direction: row;
    }

    .geolocation__actions .button:not(:last-child) {
        margin-bottom: 0;
        margin-right: .6rem;
    }
}

.red, .article-content a.red {
    color: #e6252a;
}
.bg-grey, .toc.bg-grey li > span {
    background: #f5f7f9;
}
.text-center {
    text-align: center;
}
.overflow-hidden {
    overflow: hidden;
}
ul, ol, .content-area .list-unstyled {
    list-style: none;
    padding: 0;
    margin: 0;
}
p {
    margin: 0;
}
.article-content {
    font-weight: 500;
    margin-bottom: 2rem;
}
.article-content.group-description img {
    max-height: 30rem;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.article-content h2, .article-content h3 {
    margin: 1.5em 0 1em;
    font-weight: 600;
    text-transform: none;
}
.section-promo p, .section-promo ul, .article-content p, .article-content ul, .article-content ol {
    margin: 1.5em 0;
}
.article-content > :first-child {
    margin-top: 0;
}
.article-content > :last-child {
    margin-bottom: 0;
}
.article-content ol {
    margin-left: 1em;
    list-style: decimal outside;
}
.section-promo ul li, .article-content ul li, ul.bullet li, .collections .sets li > a, .related-collection li > a {
    padding-left: 1em;
    background: url("/assets/images/theme/arrow-right.svg") 0 .4em no-repeat;
    -webkit-background-size: .67em;
    background-size: .67em;
}
.article-content li + li {
    margin-top: .5em;
}
.article-content .list-unstyled li {
    padding-left: 0;
    background: none;
}
.article-content .list-unstyled li + li {
    margin-top: 0;
}
.article-content img, img.fluid {
    max-width: 100%;
    height: auto;
}
.article-content a {
    color: #2855a8;
    text-decoration: underline;
}
.article-content a:hover {
    text-decoration: none;
}
.article-content .button {
    color: #fff;
    text-decoration: none;
}
.image-uploader {
    background: #f4f4f4;
    max-width: 28em;
    padding: 2.75em 1.5em 2em;
    text-align: center;
    border: 1px dashed #a4a4a4;
    font-size: .9em;
    font-weight: 500;
    cursor: pointer;
    margin: 40px auto 30px;
}
.image-uploader input {
    display: none;
}
.image-uploader .action {
    font-size: .9em;
    display: block;
    color: #128bae;
    text-decoration: underline;
    margin-bottom: .5em;
}
.image-uploader:hover .action {
    text-decoration: none;
}
.image-uploader .restrictions {
    color: #b9b9b9;
    font-size: .8em;
}
.image-uploader:before {
    content: "";
    display: block;
    width: 6.6em;
    height: 6.7em;
    background: #e0e0e0 url("/assets/images/theme/image.svg") 50% 50% no-repeat;
    -webkit-background-size: 2.3em;
    background-size: 2.3em;
    margin: 0 auto 1em;
}

#header {
    padding: 15px 0;
    font-size: 1vw;
    font-weight: 600;
    line-height: 1.2;
}
#header .logo {
    display: block;
    width: 19%;
}
.logo img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
#header .region .label {
    font-size: 14px;
    font-weight: normal;
    margin-right: 1em;
}
#header .region .selector {
    padding-right: 2em;
    background: url("/assets/images/theme/dropdown.svg") 100% 50% no-repeat;
    font-size: 14px;
    color: #2855a8;
    text-decoration: underline;
}
#header .region .selector:hover {
    text-decoration: none;
}
#header .region .delivery {
    margin-top: .2em;
}
#header .contacts .contact, #header .region .label {
    padding: 0 0 .1em 2em;
    padding-left: 1.5em;
    background: url("/assets/images/theme/contacts/address.svg") no-repeat;
    -webkit-background-size: 1.1em;
    background-size: 1.1em;
}
#header .region .label {
    padding: .2em 0 .2em 2em;
    -webkit-background-size: 1.6em;
    background-size: 1.6em;
}
#header .contacts .phone {
    background-image: url("/assets/images/theme/contacts/phone.svg");
}
#header .contacts .email {
    background-image: url("/assets/images/theme/contacts/email.svg");
    -webkit-background-size: 1.2em;
    background-size: 1.2em;
    background-position: 0 .1em;
}
#header .contacts .whatsapp {
    background-image: url("/assets/images/theme/contacts/whatsapp2.svg");
    margin-right: .4em;
}
#header .contacts .vk {
    background-image: url("/assets/images/theme/contacts/vk.svg");
    margin-right: .4em;
}

#header .contacts .viber {
    background-image: url("/assets/images/theme/contacts/viber2.svg");
}
#header .contacts .telegram {
    background-image: url("/assets/images/theme/contacts/telegram2.svg");
}
#header .contacts .whatsapp, #header .contacts .viber, #header .contacts .telegram, #header .contacts .vk {
    padding: 0 1.5em 0 0;
    background-position: 100% 0;
    -webkit-background-size: 1em;
    background-size: 1em;
}
#header .contacts .whatsapp span, #header .contacts .viber span, #header .contacts .telegram span, #header .contacts .vk span {
    display: inline-block;
    vertical-align: top;
    font-size: .77em;
    font-weight: normal;
}
#header .payment-systems img {
    max-width: 3em;
    max-height: 1.5em;
    display: block;
    margin: 0 auto;
}
#header .payment-systems img {
    margin-bottom: .2em;
}
#nav {
    height: 72px;
    line-height: 72px;
    background: #343434;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 1000 !important;
    top: 0;
    left: 0;
    -webkit-transform: translateZ(0);
}
.main-menu {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.main-menu > li {
    position: relative;
}
.main-menu li a {
    display: block;
    padding: 0 /*1.1*/ 0.9em;
}
.main-menu > li > a:hover {
    background: #e6252a;
}
.main-menu li a.main__logo {
    height: 72px;
}
.main-menu .main__logo img{
    height: 40px;
    margin-top: 15px;
}
#nav .submenu {
    width: 22em;
    padding: .7em 0;
    font-size: 1rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: none;
    background: #f2f2f2;
    color: #666;
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
}
#nav li:hover .submenu, #nav .menu-extra:hover .submenu {
    opacity: 1;
    visibility: visible;
}
#nav .user-actions .submenu {
    width: 20em;
    left: auto;
    right: 0;
}
#nav .submenu a:not(.button) {
    display: block;
    padding: .4em 1rem;
}
#nav .submenu .button {
    margin: 1em auto;
}
#nav .submenu .button:hover {
    color: #fff;
}
#nav .submenu a:hover, #nav .submenu .active a {
    color: #000;
}
#nav .user-actions {
    float: right;
}
.user-actions > li {
    float: left;
    position: relative;
}
.user-actions .icon, .hidden-links-trigger {
    display: block;
    width: 50px;
    height: 50px;
    background: transparent 50% 50% no-repeat;
    -webkit-background-size: 24px;
    background-size: 36px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 10px 5px;
    position: relative;
}
.user-actions .icon .count, .hidden-links-trigger .count {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.67;
    width: 1.67em;
    height: 1.67em;
    letter-spacing: -0.1em;
    padding-right: .15em;
    text-align: center;
    background: #e6252a;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -0.2em;
    top: -0.2em;
}
.user-actions .icon .count:empty {
    display: none;
}
.hidden-links-trigger {
    background-image: url("/assets/images/theme/hidden-links-trigger.svg");
}
.hidden-links-trigger.hidden, .hidden-links-trigger.hidden + .submenu, .hidden-links-trigger.hidden .count {
    display: none;
}
.user-actions .viewed {
    background-image: url("/assets/images/theme/user-actions/viewed.svg");
}
.user-actions .favorites {
    background-image: url("/assets/images/theme/user-actions/favorites.svg");
}
.user-actions .cart {
    background-image: url("/assets/images/theme/user-actions/cart.svg");
}
.user-actions .login {
    background-image: url("/assets/images/theme/user-actions/login.svg");
}
.user-actions .icon:hover, .hidden-links-trigger:hover {
    background-color: #e6252a;
}
.user-actions input {
    height: 30px;
    border: 0;
}
.user-actions .search-form {
    margin: 21px 15px;
}

@media (max-width: 990px) {
    .main-menu-wrapper .search-form {
        display: none;
    }
    .main-menu-wrapper .search-form_mobile {
        display: block;
    }
}


.search-form input, .search-form button {
    width: 139px;
    height: 30px;
    float: left;
    margin: 0;
    border: 0;
}
.search-form button {
    width: 41px;
    background: #e6252a url("/assets/images/theme/user-actions/search.svg") 50% 50% no-repeat;
    -webkit-background-size: 18px;
    background-size: 18px;
    padding: 0;
}
#showcase {
    background: #343434;
    position: relative;
    margin-top: -1px;
}
#showcase.off {
    display: none;
}
#showcase .item {
    position: relative;
    overflow: hidden;
}
#showcase .showcase__halfpane, .showcase-pagination__halfpane {
    display: block;
    width: 100%;
    height: auto !important;
}
.showcase__img-container {
    width: 100%;
    height: 0;
    /*
		Пропорции
		64*1.5625 100
		35*1.5625 55
		64 : 35
		~ 1588 : 873
	*/
    padding-bottom: 55%;
    overflow: hidden;
    position: relative;
}
#showcase .images {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#showcase .images img {
    width: 100%;
    height: 100%;
    float: none;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#showcase .item .images img {
    opacity: 1;
}

#showcase .item.item_with-description .images img {
    opacity: .5;
}

#showcase .images img:last-child {
    float: right;
}
#showcase .description {
    width: calc(42.5% - 56px);
    max-width: 720px;
    padding-right: 30px;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    right: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
#showcase .title {
    display: block;
    font-size: 2em;
    font-weight: bold;
    text-transform: uppercase;
}
#showcase .description p {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: .5em;
}
#showcase .more {
    margin-top: 3em;
}
#showcase .owl-prev {
    left: 15px;
}
#showcase .owl-next {
    right: 15px;
}
#showcase .pagination {
    border-top: 8px solid #000;
}
#showcase .pagination img {
    height: auto !important;
    opacity: .5;
}
#showcase .pagination .item.active img,
#showcase .pagination .item:hover img,
#showcase .pagination .owl-item:hover img,
#showcase .pagination .center img {
    opacity: 1;
}
#showcase .pagination .item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

#showcase .pagination > .item {
    width: 25%;
    float: left;
}
#showcase .pagination > .item:nth-child(n+5) {
    display: none;
}
#showcase .pagination img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    position: absolute;
}

.tab:not(.active) {
    display: none;
}
.projects-options {
    text-align: right;
    margin-bottom: 20px;
    font-size: .9em;
    position: relative;
    z-index: 3;
}
.section-projects .tab {
    position: relative;
    z-index: 2;
}
.projects-options > li {
    float: right;
    margin: 0 0 15px 2em;
}
.projects-options .categories {
    float: left;
    margin-left: 0;
}
.projects-options .categories a {
    display: inline-block;
    vertical-align: top;
    padding: .7em 1em .65em;
    border: 1px solid #2855a8;
    color: #2855a8;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    min-width: 11em;
    text-align: center;
    margin-right: .5em;
}
.projects-options .categories a:last-child {
    margin-left: 0;
}
.projects-options .categories a:hover, .projects-options .categories .active {
    background-color: #2855a8;
    color: #fff;
}
.projects-options .label {
    font-weight: 500;
    color: #9a9a9a;
    margin-right: 1.5em;
}
.projects-options .dropdown, .projects-options .view .options {
    display: inline-block;
}
.projects-options .view .options {
    margin-left: -1em;
}
.projects-options .view a {
    display: inline-block;
    font-weight: 500;
    padding-right: 35px;
    position: relative;
    margin-left: 1em;
}
.projects-options .view a:before, .projects-options .view a:after {
    content: "";
    font-size: 24px;
    width: 1em;
    height: 1em;
    background: url("/assets/images/theme/projects-views/grid-5.svg") 100% 50% no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.5em;
}
.projects-options .view a:after {
    background-image: url("/assets/images/theme/projects-views/grid-5-active.svg");
    opacity: 0;
}
.projects-options .view .grid-3:before {
    background-image: url("/assets/images/theme/projects-views/grid-3.svg");
}
.projects-options .view .grid-3:after {
    background-image: url("/assets/images/theme/projects-views/grid-3-active.svg");
}
.projects-options .view .listing:before {
    background-image: url("/assets/images/theme/projects-views/listing.svg");
}
.projects-options .view .listing:after {
    background-image: url("/assets/images/theme/projects-views/listing-active.svg");
}
.projects-options .view .single:before {
    background-image: url("/assets/images/theme/projects-views/single.svg");
}
.projects-options .view .single:after {
    background-image: url("/assets/images/theme/projects-views/single-active.svg");
}
.projects-options .view a.active:before, .projects-options .view a.hover:before {
    opacity: 0;
}
.projects-options .view a.active:after, .projects-options .view a:hover:after {
    opacity: 1;
}
.projects-options .order .dropdown {
    min-width: 14em;
}
.social-networks.full-width li{
    background: none;
}
.projects.grid, .project-search .areas, .project-search .types, .collections, .client-services, .social-networks.full-width, .section-advantages ul, .photos, .videos, .latest-articles.grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.latest-articles.grid {
    /*align-items: center;*/
    justify-content: center;
}
.latest-articles.grid .item {
    margin:10px 20px !important;
}

.projects.grid-3 .project-preview,
.projects.grid-3 .collection-preview,
.banner,
.photos li,
.videos li,
.latest-articles.grid .item,
.search-projects {
    width: calc((100% - 120px) / 3);
}
.projects.grid-5 .collection-preview,
.projects.grid-5 .project-preview {
    width: calc((100% - 120px) / 5);
    margin-bottom: 30px;
}

.collection-preview,
.project-preview {
    display: flex;
    flex-direction: column;
    background: #f5f7f9;
    position: relative;
    margin-bottom: 44px;
}

.collection-preview {
    align-self: flex-start;
}
.collection-preview .description {
    position: absolute;
    width: 100%;
    padding: 1.5rem;
    left: 0;
    bottom: 0;
    z-index: 3;
    color: #fff;
    font-weight: 500;
}

.collection-preview .description .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    min-height: unset !important;
}

.collection-preview .description .button {
    display: block;
    float: left;
    max-height: 0;
    opacity: 0;
}
.collection-preview:hover .description .button {
    max-height: 48px;
    margin-top: 1.5rem;
    visibility: visible;
    opacity: 1;
}

.project-preview_hidden {
    background: transparent !important;
    margin-bottom: 0 !important;
}
.item_hidden {
    background: transparent !important;
    margin-bottom: 0 !important;
}

.projects.slider.grid-3 .project-preview, .projects.slider.grid-5 .project-preview {
    width: 100%;
    margin: 0;
}
.project-preview .cover {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.project-preview .cover > a {
    display: block;
}
.project-preview .cover > a.gallery__item {
    height: 100%;
}

.images .tags, .project-preview .tags {
    position: absolute !important;
    left: -1px !important;
    top: .8em !important;
    height: auto !important;
    z-index: 300;
}
.images .tags li, .project-preview .tags li {
    min-width: 11.25em;
    padding: 0 1.5em;
    text-align: center;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 2.75;
    background: -webkit-linear-gradient(45deg, #23479a 30%, #0983cc 70%);
    background: linear-gradient(45deg, #23479a 30%, #0983cc 70%);
    color: #fff;
    margin-bottom: .25em;
    float: left;
    clear: both;
    position: relative;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 1.5em;
}

@media (min-width: 28rem) {
    .images .tags li, .project-preview .tags li {
        font-size: 11px;
    }
}

@media (min-width: 28rem) {
    .images .tags li, .project-preview .tags li {
        font-size: 16px;
    }
}

.project-preview:hover .tags li, .project .project-preview .tags li {
    -webkit-transform: none;
    transform: none;
    margin-left: 0;
}
.project-preview .tags .precision {
    background: -webkit-linear-gradient(45deg, #b60000 30%, #c10000 70%);
    background: linear-gradient(45deg, #b60000 30%, #c10000 70%);
}
.project-preview .tags .hit {
    background: -webkit-linear-gradient(45deg, #0ca838 30%, #0ebe76 70%);
    background: linear-gradient(45deg, #0ca838 30%, #0ebe76 70%);
}
.images .tags li:before,
.images .tags li:after,
.project-preview .tags li:before,
.project-preview .tags li:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1.5em 1.5em 0 0;
    border-color: transparent;
    border-top-color: inherit;
    position: absolute;
    right: -1.35em;
    top: 0;
}
.images .tags li:after, .project-preview .tags li:after {
    border-width: 1.5em 0 0 1.5em;
    border-color: transparent;
    border-left-color: inherit;
    top: auto;
    bottom: 0;
}

.images .tags li {
    -webkit-transform: none;
    transform: none;
    margin-left: 0;
}

.project-preview .tags .precision:before {
    border-top-color: #c10000;
}
.project-preview .tags .precision:after {
    border-left-color: #c10000;
}
.project-preview .tags .hit:before {
    border-top-color: #0ebe76;
}
.project-preview .tags .hit:after {
    border-left-color: #0ebe76;
}
.bookmark, .bookmark:after {
    font-size: 36px;
    width: 1.4em;
    height: 1.4em;
    background: #fff url("/assets/images/theme/bookmark.svg") 50% 55% no-repeat;
    -webkit-background-size: .75em;
    background-size: .75em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1111;
}
.bookmark {
    right: 1rem;
    top: .8rem;
    z-index: 4;
}
.bookmark:after {
    content: "";
    font-size: 1em;
    background: url("/assets/images/theme/bookmarked.svg") 50% 55% no-repeat;
    -webkit-background-size: .6em;
    background-size: .6em;
    left: 0;
    top: 0;
    opacity: 0;
}
.bookmark.active:after {
    opacity: 1;
}

.cover img {
    display: block;
    width: 100%;
}
.photos .cover {
    position: relative;
    height: 15rem;
}
.photos .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-preview .cover .more, .photos .more {
    position: absolute;
    left: 1.5em;
    bottom: 2em;
    z-index: 3;
}
.photos a.more {
    cursor: pointer;
    width: auto;
    height: auto;
}

.is-show-more,
.op-show-more {
    margin-bottom: 2rem;
}

.project-preview .cover .more, .photos .more {
    opacity: 0;
}
/*
.project-preview:hover .cover img {
	opacity: .85;
}
*/
.project-preview:hover .more, .photos > li:hover .more {
    opacity: 1;
}
.projects .description {
    display: flex;
    flex: 1;
    padding: 1.25em;
    overflow: hidden;
    justify-content: space-between;
}

.latest-articles .projects-list-ads,
.projects .projects-list-ads {
    width: 100%;
}
.latest-articles .projects-list-ads .container.wide,
.projects .projects-list-ads .container.wide {
    padding: 0;
}

.projects .description .main {
    display: flex;
    flex-direction: column;
}
.projects .description .project-features {
    margin-top: auto;
}

.projects .title {
    display: block;
    font-weight: 600;
    line-height: 1.2;
}
.projects.grid .title {
    min-height: 4.8em;
    margin: .5em 0 0;
}
.projects.grid .title, .projects.grid .project-features {
}
.projects .title .name {
    font-weight: 800;
    color: #e6252a;
}
.project-features {
    font-size: 16px;
    font-weight: bold;
}
.project-features li {
    padding: .4em 0 .2em 2.5em;
    background: url("/assets/images/theme/project-features/bedroom.svg") 0 50% no-repeat;
    -webkit-background-size: 2em;
    background-size: 2em;
    float: left;
    margin-right: 1.5em;
}
.project-features li:last-child {
    margin: 0;
}
.project-features .bathrooms {
    background-image: url("/assets/images/theme/project-features/bathroom.svg");
}

.project-features .empty {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
    width: 0;
    visibility: hidden;
}

.project-features .garages {
    background-image: url("/assets/images/theme/project-features/garage.svg");
    -webkit-background-size: 1.8em;
    background-size: 1.8em;
}
.project-features .livingrooms {
    background-image: url("/assets/images/theme/project-features/livingroom.svg");
}
.project-features.light .bedrooms {
    background-image: url("/assets/images/theme/project-features/bedroom-white.svg");
}
.project-features.light .bathrooms {
    background-image: url("/assets/images/theme/project-features/bathroom-white.svg");
}
.project-features.light .garages {
    background-image: url("/assets/images/theme/project-features/garage-white.svg");
}
.project-features.light .livingrooms {
    background-image: url("/assets/images/theme/project-features/livingroom-white.svg");
}
.project-params {
    text-align: left;
    margin-top: .4em;
    display: flex;
    flex-direction: column;
}
.project-params li {
    white-space: nowrap;
}
.project-params li:last-child {
    margin-top: auto;
}
.project-params li + li {
    margin-top: .6em;
}
.project-area {
    font-weight: bold;
    line-height: 1.2;
}
.project-area span {
    font-size: .8em;
}
.project-area div {
    color: #2855a8;
}
.project-price {
    font-weight: bold;
}
.project-mark {
    display: table;
    background: #2855a8;
    color: #fff;
    padding: 0 .5em;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 1em;
    max-width: 7em;
    align-self: flex-start;
}
.project-params .project-mark {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
}

.mirrored-project {
    font-weight: bold;
    color: #2855a8;
    margin-bottom: .2rem;
    white-space: nowrap;
    text-align: left;
    max-width: 60%;
}

.projects.listing .mirrored-project {
    font-size: .8em;
}

.projects.listing .project-preview {
    padding: 30px;
    display: flex;
    flex-direction: row;
}
.projects.listing .project-preview .img-area {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 75%;
}

.projects.listing .project-preview .img-area>* {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.projects.listing .project-preview .cover, .projects.listing .project-preview .additional {
    width: 39%;
    /* max-width: 564px; */
    float: left;
}
.projects.listing .project-preview .layout {
    background: #fff;
    overflow: hidden;
    margin-right: auto;
}

.projects.listing .project-preview .layout .owl-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.projects.listing .project-preview .owl-stage,
.projects.listing .project-preview .owl-stage-outer,
.projects.listing .project-preview .owl-item {
    height: 100%;
}

.projects.listing .project-preview .owl-nav {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: flex;
}

.projects.listing .slider .owl-prev,
.projects.listing .slider .owl-next {
    font-size: 44px;
    top: auto;
    margin: 0;
    position: static;
}
.projects.listing .slider .owl-next {
    margin-left: .25rem;
}

.projects.listing .project-preview .owl-item {
    /*padding: 1.4rem;*/
    padding: 0;
}
.projects.listing .tags {
    display: none !important;
}
@media (min-width: 800px) {
    .projects.listing .tags {
        display: block !important;
    }
    .projects.listing .project-preview .tags li {
        font-size: .6em !important;
        line-height: 2.3 !important;
    }
}
@media (min-width: 1120px) {
    .projects.listing .project-preview .tags li {
        font-size: .6em !important;
        line-height: 2.55 !important;
    }
}
@media (min-width: 1340px) {
    .projects.listing .project-preview .tags li {
        font-size: .7em !important;
        line-height: 2.75 !important;
    }
}
.projects.listing .project-preview .owl-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.projects.listing .slider .owl-next {
    right: auto;
    left: 68px;
}
.project-preview .layout img {
    display: block;
    width: 100%;
}
.project-preview .layout img + img {
    display: none;
}
.projects.listing .project-preview .tags li {
    font-size: .7em;
}
.projects.listing .project-preview .description {
    /*padding: 0 0 0 30px;*/
    padding: 0;
    width: 19%;
    flex-direction: column;
    display: block;
}
.projects.listing .project-preview .description {
    position: relative;
}
.projects.listing .bookmark {
    -webkit-box-shadow: 0 0 0 1px #b1b1b1 inset;
    box-shadow: 0 0 0 1px #b1b1b1 inset;
    right: 0;
    top: 0;
}
.projects.listing .title, .projects.listing .project-features li {
    margin-bottom: 1em;
}



.projects.listing .more {
    margin-top: 1em;
}
.banners {
    padding: 0 3.75vw;
    /*background: #f5f7f9;*/
    margin-left: -3.75vw;
    margin-right: -3.75vw;
    margin-bottom: 30px;
}

.banners .bnr-three-in-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.banners .bnr-three-in-row a {
    height: auto !important;
    margin-bottom: 15px !important;
    width: 100%;
}

.banners .bnr-three-in-row a img {
    width: 100%;
    display: block;
}

@media (min-width: 34rem) {
    .banners .bnr-three-in-row {
        justify-content: space-around;
    }
    .banners .bnr-three-in-row a {
        width: calc(50% - 8px);
    }
    .banners .bnr-three-in-row a:first-child {
        margin-right: 15px;
    }
}

@media (min-width: 50rem) {
    .banners .bnr-three-in-row {
        justify-content: space-between;
    }
    .banners .bnr-three-in-row a {
        width: calc((100% - 88px) / 3);
    }
    .banners .bnr-three-in-row a:first-child {
        margin-right: 0;
    }
}

.photos-list-ads .banners {
    margin-bottom: 0 !important;
}

@media (max-width: 991px) {
    .photos-list-ads .banners {
        padding: 0;
    }
}
.photos-list-ads .banners .bnr-three-in-row a {
    /*margin-bottom: 0 !important;*/
}

.banners img {
    max-width: 100%;
}

.banners a {
    display: block;
}


.faq .banners {
    margin-bottom: .75rem;
}
.banners.nogap {
    margin-bottom: 0;
}
.faq .banners a {
    line-height: 0;
}
.faq .banners img {
    display: block;
}

.project-search {
    margin-top: 60px;
}
.project-id-search {
    display: table;
    width: 100%;
}
.project-search .area {
    margin-bottom: 60px;
}
.values-slider {
    user-select: none;
    width: calc(100% - 19px);
    height: 5px;
    background: #c9c9c9;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 2;
    margin: 30px auto;
}
.values-slider:before, .values-slider:after {
    content: "от " attr(data-min) " " attr(data-unit);
    font-size: 13px;
    font-weight: 600;
    float: left;
    margin: 20px -9.5px;
}
.values-slider:after {
    content: "до " attr(data-max) " " attr(data-unit);
    float: right;
}
.values-slider .ui-slider-handle {
    width: 19px;
    height: 19px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.27);
    box-shadow: 0 2px 18px rgba(0,0,0,0.27);
    outline: none;
    margin-left: -9.5px;
    position: absolute;
    top: -7px;
    cursor: pointer;
    z-index: 2;
    -webkit-transition: background .15s;
    transition: background .15s;
}
.ui-slider-handle span {
    white-space: nowrap;
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 8px;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 18px rgba(0,0,0,0.27);
    box-shadow: 0 2px 18px rgba(0,0,0,0.27);
    position: absolute;
    top: -38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.ui-slider-handle[style="left: 0%;"] span, .ui-slider-handle[style="left: 100%;"] span {
    opacity: 0;
}
.ui-slider-handle span:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}
.values-slider .ui-slider-handle:hover, .values-slider .ui-slider-handle.ui-state-active {
    background: #2855a8;
}
.values-slider .ui-slider-range {
    height: 100%;
    background: #2855a8;
    position: absolute;
    top: 0;
    z-index: 1;
}
.project-search .areas li, .project-search .types li {
    max-width: 19%;
}
.project-search .areas .field-label {
    text-transform: none;
}
.project-search .types .image {
    max-width: 190px;
}
.project-search .options1 li {
    max-width: 48%;
    float: left;
}
@media (min-width: 991px) {
    .project-search .options1 .author {
        margin-top: 28px;
    }
}
.project-search .options1 .field-label {
    width: 100%;
}

@media (max-width: 400px) {
    .project-search .options1 .author {
        float: none;
        max-width: none;
        width: 100%;
    }
}

@media (min-width: 401px) {
    .project-search .options1 {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .project-search .options1 .author + .author {
        margin-left: 4%;
    }
    .project-search .options1 .author {
        max-width: none;
    }
}

.project-search .options2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.project-search .additional-options {
    
}

.project-search .additional-options li, .project-search .selection-request li {
    width: 30.5%;
    float: left;
    margin-left: 4.25%;
}
.project-search .additional-options li:nth-child(3n+1), .project-search .selection-request li:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.project-search .actions li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 20px;
}
.project-search button, .project-search .actions .button {
    height: 41px;
    line-height: 41px;
    padding: 0 3.4em;
    font-size: 16px;
    font-weight: 600;
    text-transform: none;
    margin: 0 auto;
}
.project-search .selection-request-trigger {
    font-size: 16px;
    font-weight: bold;
}
.project-search .selection-request-trigger:hover {
    color: #456cb3;
}
.project-search .selection-request {
    padding-top: 2.5em;
    position: relative;
    display: none;
}
.project-search .selection-request .section-header {
    margin: 0 0 1em;
}
.project-search .selection-request .col {
    width: 45%;
    float: left;
}
.project-search .selection-request .col + .col {
    float: right;
}
.project-search .selection-request .radio label,
.project-search .selection-request .checkbox label {
    width: 100%;
}

.selection-request.sended .message {
    font-size: 1.2rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #e6252a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.selection-request.sended .selection-request__form,
.selection-request.sended .selection-request__form *,
.selection-request.sended .selection-request__form *:after {
    visibility: hidden !important;
}



.client-services li {
    width: 19%;
    padding: 1.5em 1.5em 2em;
    background: #f5f7f9;
    border: 1px solid #dde3e7;
    display: flex;
    flex-direction: column;
}
.client-services .title {
    font-size: .8em;
    line-height: 1.625;
    margin: 0 0 1em;
    font-weight: bold;
    text-transform: uppercase;
}
.client-services p {
    font-size: .9em;
    font-weight: 500;
    flex: 1;
}
.client-services .button {
    margin: 1em auto 0;

}
.section-promos .note {
    font-size: .9em;
    margin-bottom: 2rem;
}
.section-form form {
    max-width: 370px;
    margin: 0 auto;
}
.section-form button {
    padding: 0 1em;
}
.section-popular-collections {
    margin: 50px 0;
}
.section-projects + .section-popular-collections {
    margin-top: 0;
}
.collections:last-child {
    margin-bottom: -30px;
}
.collections > li {
    width: calc((100% - 88px) / 3);
    background: #fff;
    position: relative;
    margin-bottom: 44px;
}
.collections > li:nth-child(3n+2):last-child {
    margin-right: calc((100% - 88px) / 3 + 44px);
}
.collections .cover, .featured-projects .item {
    position: relative;
}
.collection-preview .cover:after,
.collections .cover:after,
.featured-projects .item:after,
.collection-materials li:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
    position: absolute;
    left: 0;
    top: 0;
}

.collection-preview .cover:hover:after,
.collections.promos .cover:after,
.collections .cover:hover:after,
.featured-projects .item:hover:after,
.collection-materials li:hover:after {
    display: none;
}

.collections .cover:hover {
    cursor: pointer;
}
.collections .description, .featured-projects .description {
    width: 100%;
    padding: 1.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    color: #fff;
    font-weight: 500;
}
.collections .title, .featured-projects .title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
}

.collections.promos {
    justify-content: center;
}
.collections.promos > li:last-child {
    margin-right: 0 !important;
}
@media(min-width: 991px) {
    .collections.promos > li:not(:last-child) {
        margin-right: 30px;
    }
}
@media(min-width: 1199px) {
    .collections.promos > li:not(:last-child) {
        margin-right: 43px !important;
    }
}

.collections .promo-offer {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: .6em;
}
.collections p + .promo-offer {
    margin: .6em 0 0;
}
.collections .button {
    display: block;
    float: left;
    max-height: 0;
    opacity: 0;
}
.collections > li:hover .button {
    max-height: 48px;
    margin-top: 1.5rem;
    visibility: visible;
    opacity: 1;
}
.collections .subtitle {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 1.5em;
}
.collections .sets {
    padding: 2em;
    font-weight: 500;
}
.collections .sets li, .related-collection li {
    line-height: 1.2;
    margin-top: .6em;
}
.collections .sets li > a, .related-collection li > a {
    display: block;
    padding-left: 1.5em;
    background-position: 0 .3em;
}

.related-collection li > a {
    display: inline-block;
    padding-left: 1.5em;
    background-position: 0 .3em;
}

.collections .sets a:hover, .related-collection a:hover {
    color: #e6252a;
}
.featured-projects.slider .owl-stage-outer {
    overflow: visible;
}
.featured-projects {
    max-width: 750px;
    margin: 0 auto;
}
.featured-projects .item {
    max-width: 750px;
}
.featured-projects .item:hover {
    cursor: pointer;
}
.featured-projects .title {
    margin: 0 0 .5em;
}
.featured-projects .details p {
    font-size: .9em;
    font-weight: 500;
    max-height: 8rem;
    overflow: hidden;
}
.featured-projects .project-price, .featured-projects .button {
    display: inline-block;
    vertical-align: middle;
    margin: 1rem 0 0;
}
.featured-projects .project-price {
    font-size: 1.2em;
    margin-right: 1rem;
}
.latest-articles .item {
    max-width: 564px;
    margin: 0 auto;
    background: #f5f7f9;
    position: relative;
}
.latest-articles img {
    display: block;
    width: 100%;
}
.latest-articles .description {
    min-height: 10em;
    padding: 1em 1.5em;
}
.latest-articles .title, .latest-articles p {
    max-width: 380px;
}
.latest-articles .title {
    font-size: 1em;
    font-weight: 600;
    margin: 0 0 .5em;
    text-transform: none;
    max-width: 100%;
}
.latest-articles p {
    color: #8b8b8b;
    font-size: .8em;
    font-weight: 500;
}
.latest-articles .more {
    width: 100%;
    height: 100%;
    padding: 3em 1.5em 1.5em;
    background: #2855a8;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.latest-articles .item:hover .more {
    opacity: 1;
    visibility: visible;
    cursor: pointer;
}
.latest-articles .more p {
    color: #fff;
    margin-top: 1.5em;
    overflow: hidden;
    max-width: 100%;
}
.latest-articles .more .button {
    position: absolute;
    left: 1.5em;
    bottom: 1.5em;
}

.latest-articles .item__article-preview {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 73%;
    background: aqua;
}
.latest-articles .item__article-preview img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.latest-articles .item .title {
    line-height: 1.3em;
    height: 2.7em;
    overflow: hidden;
}
.latest-articles .item .short-description {
    line-height: 1.1em;
    height: 5.6em;
    overflow: hidden;
}

.article-preview + .article-preview {
    margin-top: 44px;
}
.article-preview .image {
    position: relative;
}
.article-preview .image img {
    display: block;
    width: 100%;
}
.article-preview .image:hover img {
    opacity: .85;
}
.article-preview .image .more {
    position: absolute;
    left: 2.5em;
    bottom: 2em;
    /*opacity: 0;*/
}
.article-preview .image:hover .more {
    opacity: 1;
}
.article-preview .date {
    width: 6rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    background: #2855a8;
    color: #fff;
    padding: 1.4em 0;
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
}
.article-preview .date span {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.1;
}
.article-preview .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4em;
    font-weight: 600;
    text-transform: none;
    width: calc(47.5% - 8rem);
    margin: 0 0 0 1.5rem;
}
.article-preview .article-content {
    line-height: 1.2;
    margin-top: 1.5rem;
}
.article-preview .brands img {
    max-width: 5.5em;
    max-height: 4em;
    display: inline-block;
    vertical-align: middle;
    margin: 1em 2em 0 0;
}
.section-blog-newest .subheader {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
}
#hostcmsSectionWidget-390 .section-blog-newest .subheader.bottom-gap {
    margin-bottom: 20px;
}
section.about h2{
    margin-bottom: 0;
    margin-top: 40px;
}
.section-blog-newest .button.show-more {
    margin-top: 50px;
}
.section-about .image {
    position: relative;
}
.section-about .image img {
    display: block;
    width: 100%;
}
.section-about .image:after {
    content: "";
    width: 90%;
    height: 88%;
    border: 3px solid #fff;
    position: absolute;
    left: 5%;
    top: 6%;
}
.social-networks a {
    font-size: 1.5rem;
}
.social-networks:not(.full-width) li {
    float: left;
}
.social-networks:not(.full-width) li + li {
    margin-left: .7em;
}
.section-about .social-networks {
    margin-top: 30px;
}
.section-about .social-networks a {
    font-size: 2rem;
}
.social-networks a {
    display: block;
    width: 1em;
    height: 1em;
    background: 50% 50% no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
}
.social-networks .narrow {
    width: .8em;
}
.social-networks .facebook {
    background-image: url("/assets/images/theme/social-networks/facebook.svg");
}
.social-networks .pinterest {
    background-image: url("/assets/images/theme/social-networks/pinterest.svg");
}
.social-networks .telegram {
    background-image: url("/assets/images/theme/social-networks/telegram.svg");
}
.social-networks .vk {
    background-image: url("/assets/images/theme/social-networks/vk.svg");
}
.social-networks .vk2 {
    background-image: url("/assets/images/theme/social-networks/vk.png");
}

.social-networks .odnoklassniki {
    background-image: url("/assets/images/theme/social-networks/odnoklassniki.svg");
}
.social-networks .twitter {
    background-image: url("/assets/images/theme/social-networks/twitter.svg");
}
.social-networks .youtube {
    background-image: url("/assets/images/theme/social-networks/youtube_color.svg");
    background-size: contain;
}
.social-networks .zen {
    background-image: url("/assets/images/theme/social-networks/zen_color.svg");
}
.social-networks .viber {
    background-image: url("/assets/images/theme/social-networks/viber.svg");
}
.social-networks .whatsapp {
    background-image: url("/assets/images/theme/social-networks/whatsapp.svg");
}
.social-networks .instagram {
    background-image: url("/assets/images/theme/social-networks/instagram.svg");
}
.social-networks a:hover {
    opacity: .8;
}
.social-networks.white .facebook {
    background-image: url("/assets/images/theme/social-networks/facebook-white.svg");
}
.social-networks.white .pinterest {
    background-image: url("/assets/images/theme/social-networks/pinterest-white.svg");
}
.social-networks.white .telegram {
    background-image: url("/assets/images/theme/social-networks/telegram-white.svg");
}
.social-networks.white .vkontakte {
    background-image: url("/assets/images/theme/social-networks/vkontakte-white.svg");
}
.social-networks.white .odnoklassniki {
    background-image: url("/assets/images/theme/social-networks/odnoklassniki-white.svg");
}
.social-networks.white .twitter {
    background-image: url("/assets/images/theme/social-networks/twitter-white.svg");
}
.social-networks.white .viber {
    background-image: url("/assets/images/theme/social-networks/viber-white.svg");
}
.social-networks.white .whatsapp {
    background-image: url("/assets/images/theme/social-networks/whatsapp-white.svg");
}
.social-networks.white .instagram {
    background-image: url("/assets/images/theme/social-networks/instagram-white.svg");
}
.social-networks.white .vk {
    background-image: url("/assets/images/theme/social-networks/vkontakte-white.svg");
}
.social-networks.white .youtube {
    background-image: url("/assets/images/theme/social-networks/youtube.svg");
}
.social-networks.white .zen {
    background-image: url("/assets/images/theme/social-networks/zen.svg");
}
.section-advantages li {
    width: 25%;
    max-width: 300px;
    padding: 0 1em;
    font-size: 18px;
    font-weight: 500;
    margin: 2em 0 .4em;
    text-align: center;
}
.section-advantages .icon {
    width: 124px;
    height: 104px;
    margin: 0 auto 20px;
    position: relative;
    background: #000;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    padding: 0 7px 18px 31px;
}
.section-advantages .icon:after {
    content: "";
    width: 85px;
    height: 85px;
    background: #e6252a;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.section-advantages .icon,
.section-advantages .icon_wo-background,
.section-advantages .icon:after,
.section-advantages .icon_wo-background:after {
    background: transparent;
}
.section-advantages .icon img {
    display: block;
    max-width: 70%;
    max-height: 70%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
}

.section-advantages .icon img,
.section-advantages .icon_wo-background img {
    max-width: 100%;
    max-height: 100%;
}

.section-advantages .payment-systems {
    margin-top: 1em;
}
.payment-systems img {
    max-width: 4em;
    max-height: 2em;
    vertical-align: middle;
    margin: 0 .5em;
}
.section-advantages .title {
    font-weight: bold;
    font-size: 1em;
    text-transform: uppercase;
    margin: 0 0 1em;
}
.section-beware {
    padding: 90px 0;
}
.section-beware .show-more {
    margin: 3em auto 0;
}

.section-promo .more {
    margin-top: 1.5em;
    display: none;
}
.section-promo .expand-collapse {
    display: inline-block;
    font-weight: 500;
    color: #3963ad;
    text-decoration: underline;
    margin: 1em 0 .5em;
}
.section-promo .expand-collapse:hover {
    text-decoration: none;
}
#footer {
    background: #343434;
    color: #fafafa;
    font-size: 14px;
    margin-top: 2rem;
}
#footer .main {
    padding: 50px 0 30px;
}
#footer .about {
    width: 25%;
    float: left;
    margin-bottom: 30px;
}
#footer .logo {
    display: block;
    width: 15em;
}
#footer .logo img {
    margin: -1em 0 1em;
}
#footer .social-networks {
    margin-top: 1em;
}
#footer .user-menu {
    font-size: .8rem;
    margin-top: 50px;
}
#footer .user-menu li {
    margin-top: 1.1em;
    padding-left: 1.8em;
    background: url("/assets/images/theme/user-actions/login.svg") no-repeat;
    -webkit-background-size: 1.4em;
    background-size: 1.4em;
}
#footer .user-menu .registration {
    background-image: url("/assets/images/theme/user-actions/registration.svg");
}
#footer .user-menu a {
    position: relative;
}
#footer .user-menu a:before {
    content: "";
    width: 1.8em;
    height: 1.4em;
    position: absolute;
    left: -1.8em;
    top: 0;
}
#footer .menu a {
    padding-bottom: .3em;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
}
#footer .menu a:hover, #footer .contacts a:hover {
    color: #e6252a;
    border-color: inherit;
}
.footer-menu {
    width: 53%;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;
    float: left;
    margin-bottom: 15px;
}
.footer-menu li {
    display: table;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: 1.5em;
}
#footer .contacts {
    min-width: 12%;
    max-width: 22%;
    font-weight: 600;
    float: right;
    margin-bottom: 30px;
}
#footer .contacts li {
    margin-bottom: .7em;
    padding: 0 0 .1em 2em;
    background: url("/assets/images/theme/contacts/address-white.svg") no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
}
#footer .contacts .address {
    -webkit-background-size: 1.7em;
    background-size: 1.7em;
}
#footer .contacts .phone {
    background-image: url("/assets/images/theme/contacts/phone-white.svg");
}
#footer .contacts .email {
    background-image: url("/assets/images/theme/contacts/email-white.svg");
}
#footer .contacts .whatsapp {
    background-image: url("/assets/images/theme/contacts/whatsapp-white.svg");
    -webkit-background-size: 1.4em;
    background-size: 1.4em;
}
#footer .contacts .viber {
    background-image: url("/assets/images/theme/contacts/viber-white.svg");
}
#footer .contacts .telegram {
    background-image: url("/assets/images/theme/contacts/telegram.svg");
}
#footer .contacts a {
    position: relative;
}
#footer .contacts a:not([href^="tel:"]):before {
    content: "";
    width: 2em;
    height: 1.4em;
    position: absolute;
    left: -2em;
    top: 0;
}
#footer .payment-systems {
    margin: 2em 0 0 0;
}
#footer .payment-systems img {
    vertical-align: middle;
    margin: 0 .5em 0 0;
}
#footer .note {
    font-size: 1rem;
}
#footer .note a {
    text-decoration: underline;
    white-space: nowrap;
}
#footer .note a:hover {
    text-decoration: none;
}
#footer .bottom {
    padding: 32px 0;
    font-size: 13px;
    background: #424242;
    color: #a3a3a3;
    text-align: center;
}
#footer .counters {
    margin-top: 1rem;
}
.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;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(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%}
.owl-prev, .owl-next, .owl-prev:after, .owl-next:after, .lb-prev:after, .lb-next:after {
    font-size: 56px;
    width: 1em;
    height: 1em;
    background: #e6252a url("/assets/images/theme/prev-white.svg") 50% 50% no-repeat;
    -webkit-background-size: .428em;
    background-size: .428em;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    z-index: 51;
    cursor: pointer;
}
.owl-prev.disabled, .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
}
.owl-prev {
    left: 0;
}
.owl-next, .lb-next:after {
    background-image: url("/assets/images/theme/next-white.svg");
    right: 0;
}
.owl-prev:hover, .owl-next:hover, .lb-prev:hover:after, .lb-next:hover:after  {
    background-color: #e64347;
}
.alt-nav .owl-prev:after {
    content: "";
    font-size: inherit;
    left: 0;
    top: 0;
    background-color: #e4e4e4;
    background-image: url("/assets/images/theme/prev.svg");
    margin-top: 0;
}
.alt-nav .owl-next:after {
    background-image: url("/assets/images/theme/next.svg");
}
.transparent-nav .owl-prev {
    background-color: transparent;
    background-image: url("/assets/images/theme/prev.svg");
    background-position: 0 50%;
}
.transparent-nav .owl-next {
    background-color: transparent;
    background-image: url("/assets/images/theme/next.svg");
    background-position: 100% 50%;
}
.owl-dots {
    width: 100%;
    padding: 0 50px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 20px;
}
.owl-dots .owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #d9dce2;
    margin: 0 4px 8px;
}
.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
    background: #2855a8;
}
.slider.bottom-controls {
    margin-bottom: 80px;
}
.slider.bottom-controls .owl-prev, .slider.bottom-controls .owl-next, .slider.bottom-controls .owl-dots {
    top: 100%;
    bottom: -80px;
    margin-top: 24px;
}
.slider.bottom-controls .owl-dots {
    margin-top: 44px;
}
.alt-dots .owl-dot {
    width: 14px;
    height: 14px;
    margin: 8px 8px 0;
    background: #EBF0FB;
    -webkit-background-clip: content-box;
    background-clip: content-box;
    border: 3px solid transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.alt-dots .owl-dot.active {
    background-color: rgba(0, 0, 0, 0.5);
    border-color: #EBF0FB;
}
.alt-dots .owl-dot:not(.active):hover {
    background-color: #fff;
}
.dropdown {
    text-align: left;
    font-weight: 500;
    padding-right: 1.5em;
    position: relative;
    z-index: 3;
    cursor: pointer;
    max-height: 1.4em;
}
.dropdown .current {
    margin-right: -1.5em;
}
.dropdown:after {
    content: "";
    font-size: 24px;
    width: 1em;
    height: 1em;
    background: url("/assets/images/theme/dropdown.svg") 50% 50% no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    position: absolute;
    right: 0;
    bottom: 50%;
    margin-bottom: -0.5em;
}
.dropdown:after {
    font-size: 1.2em;
    pointer-events: none;
}
.dropdown.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dropdown ul {
    min-width: 100%;
    background: #fff;
    color: #979797;
    padding: .2em 1.5em .8em;
    position: absolute;
    left: -1.5em;
    top: 100%;
    display: none;
}
.dropdown li {
    line-height: 1.2;
    white-space: nowrap;
    padding: .4em 0;
}
.dropdown li:hover {
    color: #000;
}
.dropdown .active {
    display: none;
}
.dropdown a {
    color: inherit;
}
fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
label {
    display: block;
    position: relative;
}
.field-label {
    display: table;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 10px;
    text-transform: uppercase;
}
.field-label span {
    display: table-cell;
    vertical-align: middle;
}
input, textarea, select {
    display: block;
    width: 100%;
    height: 41px;
    padding: 0 15px;
    background: #fff;
    color: #000;
    border: 1px solid #c4c4c4;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    font-family: inherit;
    font-size: 14px;
    margin: 0 0 20px;
}

select option:disabled {
    background: #b1b3b5;
}
input:not([type=checkbox]):not([type=radio]), textarea {
    -webkit-appearance: none; /* remove safari inner shadow */
}
input:disabled {
    background: #fafbfc;
}
textarea {
    height: 120px;
    padding-top: 14px;
    resize: none;
    overflow: auto;
}
.select {
    display: block;
    position: relative;
    cursor: pointer;
    text-align: left;
}
.select select {
    padding-right: 41px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: white url(/assets/images/theme/dropdown.svg) no-repeat;
    background-position: right .3rem top 50%;
}
input:focus, textarea:focus, select:focus {
    border-color: #2855a8;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}
::-moz-placeholder {
    color: inherit;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #000;
}
::-webkit-input-placeholder {
    color: inherit;
}
::placeholder {
    color: inherit;
}
:focus::-moz-placeholder {
    opacity: .5;
}
:focus:-ms-input-placeholder {
    opacity: .5;
}
:focus::-webkit-input-placeholder {
    opacity: .5;
}
:focus::placeholder {
    opacity: .5;
}
button, .button {
    display: table;
    height: 48px;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 2.5em;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #e6252a;
    color: #fff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
button.icon:before, .button.icon:before {
    content: "";
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    vertical-align: middle;
    background: transparent 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 .5em .1em 0;
}
button.search:before, .button.search:before {
    background-image: url("/assets/images/theme/search.svg");
}

button.search.loading {
    position: relative;
}

button.search.loading:after, .button.search.loading:after {
    background-image: url("/assets/images/theme/loading.svg");
    position: absolute;
    left: -2.5rem;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    width: 2.7em;
    height: 2.7em;
    display: inline-block;
    vertical-align: middle;
    -webkit-background-size: contain;
    background-size: contain;
    margin: 0 .5em .1em 0;
}
button.order:before, .button.order:before {
    background-image: url("/assets/images/theme/user-actions/cart.svg");
}
button.add-to-favorites, .button.add-to-favorites {
    width: 100%;
    background-color: #2855a8;
}
button.add-to-favorites:hover, .button.add-to-favorites:hover {
    background-color: #1e4283;
}
button.add-to-favorites:before, .button.add-to-favorites:before {
    background-image: url("/assets/images/theme/bookmark-white.svg");
}
button.add-to-favorites.active:before, .button.add-to-favorites.active:before {
    background-image: url("/assets/images/theme/bookmarked-white.svg");
}
button.center, .button.center {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
button:hover, .button:hover {
    background-color: #e64347;
}
button.blue, .button.blue {
    background: #2855a8;
}
button.blue:hover, .button.blue:hover {
    background-color: #456cb3;
}
button.white, .button.white {
    background: #fff;
    color: #000;
}
button.white:hover, .button.white:hover {
    background-color: #e64347;
    color: #fff;
}
button.blank, .button.blank {
    background: transparent;
    -webkit-box-shadow: 0 0 0 1px #929292 inset;
    box-shadow: 0 0 0 1px #929292 inset;
    color: #929292;
}
button.blank:hover, .button.blank:hover {
    background-color: #456cb3;
    -webkit-box-shadow: 0 0 0 1px #456cb3 inset;
    box-shadow: 0 0 0 1px #456cb3 inset;
    color: #fff;
}
button {
    width: 100%;
    margin-top: 30px;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
button:disabled, button.disabled {
    opacity: .5;
    pointer-events: none;
}
button:active, .button:active {
    opacity: .9;
}

.button_standard {
    margin-top: 50px;
}
.gm-style button {
    min-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.gm-style button:after {
    content: none;
}
.checkbox, .radio {
    margin-bottom: 20px;
}
.checkbox input, .radio input {
    display: none;
}
.checkbox label, .radio label {
    padding-left: 60px;
    cursor: pointer;
    position: relative;
}
.checkbox .field-label, .radio .field-label {
    margin: 0;
}
.checkbox .field-label span, .radio .field-label span {
    height: 41px;
}
.checkbox.inverse label, .radio.inverse label {
    padding-left: 0;
    padding-right: 60px;
}
.checkbox.inverse label:before, .checkbox.inverse label:after, .radio.inverse label:before, .radio.inverse label:after {
    left: auto;
    right: 0;
}
.checkbox label:before, .checkbox label:after, .radio label:before, .radio label:after {
    content: "";
    width: 41px;
    height: 41px;
    background: #fff;
    border: 1px solid #c4c4c4;
    position: absolute;
    left: 0;
    top: 0;
}
.radio label:before, .radio label:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.checkbox label:after, .radio label:after {
    opacity: 0;
    visibility: hidden;
}
.checkbox label:after {
    background: url("/assets/images/theme/check.svg") 50% 50% no-repeat;
    border: 0;
    -webkit-background-size: 19px;
    background-size: 19px;
}
.radio label:after {
    padding: 12px;
    background: #2855a8;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}
.checkbox input:checked + label:after, .radio input:checked + label:after {
    opacity: 1;
    visibility: visible;
}

#project-consultation.sended .checkbox input:checked + label:after,
.change-projects-form__form.sended .checkbox input:checked + label:after,
.collaboration-form__form.sended .checkbox input:checked + label:after,
.sample-docs-form__form.sended .checkbox input:checked + label:after,
.faq-form__form.sended .checkbox input:checked + label:after,
.radio input:checked + label:after {
    opacity: 1 !important;
    visibility: visible !important;
}

.sended .checkbox input:checked + label:after,
.sended .radio input:checked + label:after {
    opacity: 0;
    visibility: hidden;
}

.checkbox.image label {
    padding: 0;
}
.checkbox.image label:before, .checkbox.image label:after {
    width: 33px;
    height: 33px;
    border: 0;
    left: 6px;
    top: auto;
    bottom: 62px;
}
.checkbox.image .field-label {
    display: block;
}
.checkbox.image img {
    display: block;
    width: 100%;
}
.checkbox.image .field-label span {
    display: block;
    text-align: center;
    margin: 15px 0 0;
}
.attachment {
    display: block;
    font-size: .8em;
    margin: 0 0 20px;
}
.attachment input {
    display: none;
}
.attachment span {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: .2em 1.6em .2em 0;
    color: #7e7f80;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    position: relative;
}
.attachment span:before, .attachment span:after {
    content: "";
    width: 1.5em;
    height: 1.5em;
    background: url("/assets/images/theme/attachment.svg") no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.6em;
}
.attachment span:after {
    background-image: url("/assets/images/theme/attachment-red.svg");
    opacity: 0;
}
.attachment span:hover {
    text-decoration: none;
}
.attachment span.invalid {
    color: #e6252a !important;
}
.attachment span.invalid:before {
    opacity: 0;
}
.attachment span.invalid:after {
    opacity: 1;
}
.attachment input {
    display: none;
}


form .agreement {
    font-size: .8em;
    font-weight: 500;
    line-height: 1.2;
    margin: 30px 0;
}
form .agreement label {
    padding-left: 32px;
}
form .agreement label:before, form .agreement label:after {
    width: 18px;
    height: 18px;
    top: .6em;
    margin-top: -9px;
}
form .agreement label:after {
    -webkit-background-size: 12px;
    background-size: 12px;
}
form .agreement a {
    white-space: nowrap;
    color: inherit;
    text-decoration: underline;
}
form .agreement a:hover {
    text-decoration: none;
}
.modal-open {
    overflow: hidden;
}
.modal-open .modal-container, #menu {
    overflow-x: hidden;
    overflow-y: scroll;
}
.modal-container, .lightboxOverlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
    -webkit-transform-style: preserve-3d;
    display: none;
}
.modal-window {
    width: 90%;
    max-width: 1170px;
    padding: 50px 80px;
    background: #fff;
    margin: 50px auto;
    position: relative;
    text-align: left;
}
.modal-form {
    max-width: 656px;
    background: #f5f7f9;
    text-align: center;
}
.modal-header {
    font-size: 1.4em;
    font-weight: 600;
    margin: 0 0 2rem;
    text-transform: none;
}
.modal-form .modal-header {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}
.modal-window form {
    max-width: 350px;
    margin: 2em auto 0;
}
.modal-close, .selected-project .remove, #showcase .close {
    width: 25px;
    height: 25px;
    background: url("/assets/images/theme/close.svg") 50% 50% no-repeat;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
    z-index: 50;
}
.modal-close:hover, .selected-project .remove:hover {
    opacity: .5;
}
#showcase .close {
    width: 2.5rem;
    height: 2.5rem;
    background-image: url("/assets/images/theme/close-white.svg");
    -webkit-background-size: 2.5rem;
    background-size: 2.5rem;
    top: auto;
    bottom: 25%;
}
#showcase .close:hover {
    opacity: .85;
}
.modal-window .login-form button {
    width: auto;
    float: left;
    margin-top: 0;
}
.modal-window .login-form .restore {
    font-size: 14px;
    text-decoration: underline;
    float: right;
    margin-top: 1em;
}
.modal-window .login-form .restore:hover {
    text-decoration: none;
}
.modal-window .register {
    display: inline-block;
    vertical-align: top;
    font-size: 1.1em;
    font-weight: 500;
    color: #3963ad;
    text-decoration: underline;
    margin-top: 2em;
}
.modal-window .register:hover {
    text-decoration: none;
}
.cities-list {
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    -webkit-column-gap: 1em;
    -moz-column-gap: 1em;
    column-gap: 1em;
    font-weight: 500;
    margin: 0 -3em -0.5em 0;
}
.cities-list li {
    display: table;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    padding-bottom: .5em;
}
.cities-list a {
    color: #979797;
}
.cities-list a:hover, .cities-list a.active {
    color: #000;
}
[data-lightbox] {
    cursor: zoom-in;
}
.lightbox {
    width: 98%;
    height: 98%;
    text-align: center;
    position: absolute;
    z-index: 10000;
    left: 1% !important;
}
.lightbox .lb-image {
    width: 100% !important;
    height: 100% !important;
    display: block;
    max-width: inherit;
    object-fit: contain;
    max-height: none;
    margin: 0 auto;
    border-top: 1rem solid #fff;
    border-bottom: 1rem solid #fff;
}
/*
.lb-container {
	padding: 0 1rem;
}
*/
.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background: #fff;
    width: 98% !important;
    height: 98% !important;
    /*min-height: 250px;*/
}

.lb-container {
    width: 100%;
    height: 100%;
}

.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-loader {
    width: 40px;
    height: 40px;
    border: 3px solid #999;
    border-top-color: #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.lb-nav {
    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: 5em;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.lb-nav a span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px;
    position: relative;
    display: none;
}
.lb-nav a span:after {
    content: "";
    background-color: rgba(0,0,0,0.6);
    background: red;
}
.lb-prev:after, .lb-next:after {
    content: "";
}
.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;
    margin-top: 4px;
}
.lb-caption {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    border-top: 1rem solid #fff;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    background: rgb(255 255 255 / 40%);
}
.lb-number {
    font-size: .9em;
    display: none !important;
}
.lb-close {
    display: block;
    font-size: 48px;
    line-height: .5;
    color: #000;
    cursor: pointer;
    font-size: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    opacity: .5;
    z-index: 51;
}
.lb-close:hover {
    opacity: 1;
}
#breadcrumbs {
    padding: 25px 0 15px;
}
.breadcrumbs {
    font-size: 16px;
    float: left;
}
.breadcrumbs li {
    float: left;
    margin: 0 2em 10px 0;
    position: relative;
}
.breadcrumbs li:not(:last-child):after {
    content: "–";
    position: absolute;
    right: -1.2em;
    top: .4em;
}
.breadcrumbs a,
.breadcrumbs span {
    display: block;
    min-height: 2.1875em;
    padding: .4em 1.5em;
    background: #f2f2f2;
    color: #313131;
    text-decoration: none;
}
.breadcrumbs .home {
    width: 2.2em;
    background: #2855a8 url("/assets/images/theme/logo3-white.svg") 50% 50% no-repeat;
    -webkit-background-size: 1.5em;
    background-size: 1.5em;
    padding: 0;
}
.breadcrumbs .home span {
    display: none;
}
.breadcrumbs a span {
    padding: 0;
    min-height: auto;
}

.showcase-trigger {
    color: #007bc9;
    border-bottom: 2px dotted #007bc9;
    float: right;
    margin-bottom: 10px;
}
.showcase-trigger:hover {
    border-bottom-style: solid;
}
.float-showcase-trigger {
    position: relative;
    text-align: center;
}


.float-showcase-trigger .showcase-trigger {
    position: static;
    float: none;
    display: inline-block;
    margin-bottom: 1.6rem;
}

@media (min-width: 40rem) {
    .float-showcase-trigger .showcase-trigger {
        position: absolute;
        right: 0;
    }
}

.section-popular-collections + .section-detailed-collections {
    margin-top: 0;
    padding-top: 0;
}
.section-detailed-collections .header {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1em;
}
.collection-materials {
    margin-bottom: -30px;
}
.collection-materials li {
    width: calc((100% - 120px) / 5);
    color: #fff;
    float: left;
    margin: 0 0 30px 30px;
    position: relative;
    overflow: hidden;
}
.collection-materials li:nth-child(5n+1), .collection-params li:nth-child(4n+1) {
    clear: left;
    margin-left: 0;
}
.collection-materials img {
    display: block;
    width: 100%;
}
.collection-materials .description {
    position: absolute;
    left: 1em;
    bottom: 1em;
    z-index: 2;
}
.collection-materials .title {
    font-size: .75em;
    font-weight: 600;
}
.collection-materials .button {
    padding: 0 2em;
    height: 2.5em;
    line-height: 2.5;
    margin-top: 1.2em;
}
.section-detailed-collections .column {
    width: calc(50% - 15px);
    max-width: 36em;
    float: left;
    margin-top: 20px;
}
.section-detailed-collections .column:last-child {
    float: right;
}
.collection-params li {
    display: table;
    height: 2.77em;
    width: calc((100% - 30px) / 4);
    font-size: .9em;
    line-height: 1.2;
    font-weight: bold;
    color: #929292;
    float: left;
    margin: 0 0 10px 10px;
    font-size: .9em;
}
.collection-params a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 0 .2em;
    border: 1px solid #cacdd0;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-break: break-word;
}
.collection-params a:hover {
    background: #2855a8;
    border-color: #2855a8;
    color: #fff;
}
.section-detailed-collections .show-more {
    display: inline-block;
    vertical-align: top;
    font-size: .9em;
    color: #2855a8;
    text-decoration: underline;
    margin: 1em 0 0;
}
.section-detailed-collections .show-more:hover {
    text-decoration: none;
}
.selections {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 0 -15px -30px;
    font-size: .9em;
}
.selections__collection_highlighted {
    text-decoration: underline;
    text-decoration-style: dotted;
}
.selections .header {
    font-size: 1em;
    margin: 0 0 1.5em;
}
.selections > li {
    min-width: 15%;
    margin: 0 15px 30px;
}
.selections ul {
    line-height: 1.2;
    margin-bottom: -1em;
}
.selections ul li {
    margin-bottom: 1em;
}
.selections a:hover {
    color: #2855a8;
}
.section-project-search.off {
    padding: 1em 0;
}
.section-project-search .section-header {
    margin-bottom: 0;
    font-weight: bold;
}

.section-project-search a[href="#filter"] .filters-header {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-project-search .filters-header-button {
    display: inline-block;
    background-color: #e6252a;
    box-shadow: none;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    line-height: 48px;
    width: 48px;
    height: 48px;
    text-transform: uppercase;
    background-image: url('/assets/images/theme/next-white.svg');
    background-size: 1.2rem;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: .7rem;
}


.section-project-search .header {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    margin: .4rem auto;
    text-transform: uppercase;
}
.section-project-search.off .project-search {
    display: none;
}
.is-sticky .section-project-search {
    z-index: 500 !important;
}
.is-sticky .section-project-search {
    max-height: calc(100% - 72px);
    overflow-y: auto;
}
.project-search-trigger {
    font-size: 1.1em;
    line-height: 1.1;
    float: right;
    margin: .2em 0 -1.5em;
    color: #3963ad;
    font-weight: 500;
    border-bottom: 2px solid currentColor;
    position: relative;
}
.project-search-trigger:before {
    content: "";
    width: 1.5em;
    height: 1.5em;
    background: url("/assets/images/theme/filter.svg") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: -2em;
    top: 0;
}
.project-search-trigger:hover {
    color: #e6252a;
}
.project .main, .project .panel {
    margin-bottom: 40px;
    position: relative;
}
.project .header {
    position: relative;
    padding-right: 152px;
}
.project .header .project-mark {
    float: left;
    font-size: .85em;
    margin: .1em .5em -0.1em 0;
    max-width: 7rem;
    white-space: nowrap;
}
.project h1:not(.text-center) {
    text-align: left;
}
.project h1 strong {
    font-weight: 700;
}
.project .view-project {
    display: inline-block;
    color: #3963ad;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 1.5em;
}
.project .view-project:hover {
    text-decoration: none;
}
.projects-nav {
    width: 122px;
    height: 56px;
    position: relative;
    margin: 0 auto;
}
.project .projects-nav {
    position: absolute;
    right: 0;
    top: 0;
}
.projects-nav a {
    position: static;
    margin: 0;
}
.projects-nav .next {
    float: right;
}
.projects-nav span {
    font-size: .8rem;
    font-weight: 500;
    white-space: nowrap;
    position: absolute;
    text-decoration: underline;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 1em;
}
.projects-nav a:hover span {
    text-decoration: none;
}
.projects-nav .prev span {
    right: 100%;
    color: #8d8d8d;
    text-align: right;
}
.projects-nav .next span {
    left: 100%;
}
.project .panel .panel__inner {
    position: static;
    margin: -1rem;
    padding: 1rem;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0px 0px 18px -8px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 0px 18px -8px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 18px -8px rgb(34 60 80 / 20%);
    z-index: 444;
    background: white;
}

.collaboration-form .captcha__inner,
.collaboration-form .captcha__code,
.panel__inner .captcha__inner,
.panel__inner .captcha__code {
    margin-bottom: 0;
}

@media (min-width: 991px) {
    .project .panel .panel__inner {
        position: absolute;
    }
}

.project .panel .panel__inner > * {
    margin-top: 1rem;
}
.project .panel .top {
    padding-right: 3em;
    position: relative;
    margin-top: 0;
}
.project .panel .bookmark {
    font-size: 3em;
    -webkit-background-size: 1em;
    background-size: 1em;
    right: 0;
    top: -0.15em;
}
.project .panel .bookmark:after {
    -webkit-background-size: .8em;
    background-size: .8em;
}
.project .author {
    font-weight: 600;
}
.project .author span {
    font-weight: bold;
}
.project .params {
    font-weight: 500;
}
.project .params li > span:first-child {
    display: inline-block;
    max-width: calc(100% - 5em);
    font-size: .9em;
    background: white;
}
.project .params li > span:last-child {
    min-width: 4em;
    font-weight: bold;
}
.project-options_non-interactive,
.project-options {
    font-weight: 500;
    margin-top: 1.2em;
}
.project-options_non-interactive li,
.project-options li {
    cursor: pointer;
}

.project-options_non-interactive li > span:first-child,
.project-options li > span:first-child {
    display: inline-block;
    /*max-width: calc(100% - 10em);*/
    max-width: calc(100% - 7em);
    font-size: 1em;
}

.project-options_non-interactive .note,
.project-options .note {
    display: block;
    font-weight: normal;
}

.project-options_non-interactive .note a,
.project-options .note a {
    color: #2855a8;
    text-decoration: underline;
}
.project-options_non-interactive .note a:hover,
.project-options .note a:hover {
    text-decoration: none;
}
.project-options_non-interactive li > span:last-child,
.project-options li > span:last-child {
    text-align: right;
    font-weight: 600;
    position: relative;
    padding-right: 1.5em;
}

.project-options li > span:last-child:before {
    content: "";
    width: .9em;
    height: .9em;
    background: #fff;
    border: 1px solid #bfbfbf;
    position: absolute;
    right: .3em;
    top: .3em;
}

.project-options li > span:last-child:after {
    content: "";
    width: 1.15em;
    height: 1.15em;
    background-image: url("/assets/images/theme/check.svg");
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
}
.project-options_non-interactive li > span:last-child:before,
.project-options_non-interactive li > span:last-child:after {
    display: none !important;
}

.project-options_non-interactive .active > span:last-child:after,
.project-options .active > span:last-child:after {
    opacity: 1;
}

.project .options-wrapper .project-options_non-interactive,
.project .options-wrapper .project-options {
    display: none;
}

@media(max-width: 991px) {
    .project .options-trigger__active_mobile + .project-options_non-interactive,
    .project .options-trigger__active_mobile + .project-options {
        display: block;
    }
}

@media (min-width: 991px) {
    .project .options-trigger__active + .project-options_non-interactive,
    .project .options-trigger__active + .project-options {
        display: block;
    }
}

.toc {
    overflow: hidden;
}
.toc li {
    clear: both;
    margin-bottom: .5em;
    position: relative;
}
.toc li > span {
    position: relative;
    background: #fff;
    z-index: 2;
    user-select: none;
}
.toc li > span:first-child {
    padding-right: .4em;
    background: transparent;
    font-size: .9rem;
    line-height: 1.3;
}
.toc li > span:first-child span{
    background: white;
    display: inline;
}
.toc li > span:first-child span a {
    text-decoration: underline;
    color: #2855a8;
}
.toc.bg-grey li > span:first-child span{
    background: #f5f7f9;
}

.toc li > span:last-child {
    font-weight: bold;
    float: right;
    padding-left: 0.4em;
    position: absolute;
    right: 0;
    bottom: 0;
}
.toc li:before {
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    width: 0;
    white-space: nowrap;
    float: left;
    opacity: .5;
    position: absolute;
    left: 0;
    bottom: 0;
}

.selected-project .toc li > span {
    font-size: 1.1em;
}

.project .options-trigger {
    display: table;
    width: 100%;
    height: 5em;
    background: #f5f7f9;
    font-size: .8em;
    font-weight: bold;
    line-height: 1.2;
    text-transform: uppercase;
    position: relative;
}
.project .options-trigger > span {
    display: table-cell;
    vertical-align: middle;
    padding: 1em 4em 1em 2em;
    line-height: 1.5;
}
.project .options-trigger:after{
    content: "...";
    font-size: 1.2em;
    position: absolute;
    right: 2em;
    top: 50%;
    margin-top: -0.8em;
}
.project .options-trigger:hover,
.project .options-trigger__active {
    background-color: #2855a8;
    color: #fff;
}
.project .delivery-note,
.project .deal-note {
    font-size: .9em;
    font-weight: 500;
    margin: 1.5em 0;
}

.project .deal-note strong {
    color: #e6252a;
    font-weight: bold;
}

.project .order {
    width: 100%;
}
.project .alt-actions {
    font-size: .7em;
    font-weight: bold;
    text-transform: uppercase;
    color: #2855a8;
}
.project .alt-actions a {
    line-height: 1.2;
    max-width: 48%;
    float: left;
    text-decoration: underline;
}
.project .alt-actions a:last-child {
    float: right;
    text-align: right;
}
.project .alt-actions a:hover {
    text-decoration: none;
}

.project-layouts {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    background: white;
    justify-content: space-between;
}

.project-layouts.hover,
.detailed-info.hover {
    z-index: 999;
    background: white;
    position: relative;
}

.project-layouts.down.hover,
.detailed-info.down.hover {
    z-index: auto;
    z-index: unset;
}

.project-layouts li {
    width: 100%;
    /*float: left;*/
}


@media (min-width: 50rem) {
    .project-layouts li {
        width: 48%;
        /*float: left;*/
    }
}

.project-layouts li:nth-child(even) {
    /*float: right;*/
}
.project-layouts li:nth-child(n+3) {
    margin-top: 2%;
}

.project-layouts li {
    position: relative;
}
.project-layouts li:after {
    content: '';
    display: none;
    padding-bottom: 100%;
}

.project-layouts li a {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.project-layouts img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media (max-width: 990px) {
    .project-plans__cnt-projects_1 li {
        width: 100%;
    }
}

.project .share .label {
    font-size: .9em;
    font-weight: 600;
    float: left;
    margin: .1em 1em 0 0;
}
.tech-data {
    padding: 0 2em 1.2em;
    border: 1px solid #cacdd0;
}
.tech-data .header {
    text-align: center;
    text-transform: none;
    font-size: 1.4em;
    font-weight: 600;
    margin: 1.4em 0 1.4em;
}
.tech-data table {
    max-width: 1553px;
    margin: 0 auto;
    font-size: 1em;
    /*font-size: .9em;*/
    font-weight: 600;
}
.tech-data th, .tech-data td {
    padding: .6em 0;
    border-bottom: 1px solid #e5e5e5;
    vertical-align: top;
}

.tech-data__table_space-planning tr:first-child th,
.tech-data__table_space-planning tr:first-child td {
    border-top: 1px solid #e5e5e5;
}

.tech-data__table_tech tr:first-child th,
.tech-data__table_tech tr:first-child td {
    border-top: 1px solid #e5e5e5;
}

.tech-data__table_tech tr:last-child th,
.tech-data__table_tech tr:last-child td {
    border-bottom-color: transparent;
}

.tech-data th {
    text-align: left;
    font-weight: normal;
}
.tech-data td {
    padding-left: 1.5em;
    white-space: normal;
}
.tech-data td:last-child {
    /*white-space: nowrap;*/
}
.tech-data a {
    color: #2855a8;
    text-decoration: underline;
}
.tech-data a:hover {
    text-decoration: none;
}
.tech-data table tbody tr:last-child th,
.tech-data table tbody tr:last-child td {
    /*border-bottom-color: transparent !important;*/
}

@media (max-width: 46rem) {
    .tech-data__table_details tr {
        display: block;
        margin-bottom: .7rem;
    }
    .tech-data__table_details th,
    .tech-data__table_details td {
        display: block;
        padding: 0;
        border-bottom: none;
        line-height: 1.8;
    }

    .tech-data__table_details th {
        font-weight: bold;
    }

    .tech-data__table_details td {
        font-weight: normal;
    }
}

.projects.slider .project-preview {
    margin: 0 auto !important;
}
.project-description {
    font-weight: 500;
}
.project-description .header {
    font-size: 1.4em;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1em;
}
.project-description .header + p {
    display: inline;
}
.project-description .more-trigger {
    display: inline-block;
    font-weight: bold;
    color: #2855a8;
    margin-top: .5rem;
}

.expanded-text {
    display: block; width: 100%;
    transition: height 200ms;overflow: hidden;
    cursor: pointer;
    position: relative;
}
.expanded-text[aria-expanded="false"]:after {
    content: '';
    display: block;
    height: 64px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9868991541929272) 70%, rgba(255,255,255,1) 100%);
}
.bg-grey .expanded-text[aria-expanded="false"]:after {
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(245 247 249) 70%, rgb(245 247 249) 100%);
}

.project-description .more {
    display: none;
}
.project-description p {
    margin-top: 1em;
}
.related-projects .tab-switcher {
    margin-bottom: 30px;
}
.related-projects .tab-switcher a {
    padding: 0 1em;
    font-size: .7em;
    height: 2.5em;
    line-height: 2.4;
    font-weight: bold;
    text-transform: uppercase;
    color: #2855a8;
    border: 1px solid #2855a8;
    float: left;
    margin: .5em .5em 0 0;
}
.related-projects .tab-switcher a.active, .related-projects .tab-switcher a:hover {
    background: #2855a8;
    color: #fff;
}
.project .project-preview {
    margin: 0;
}
.project .related {
    font-size: .8em;
    text-transform: uppercase;
    line-height: 4.25;
    font-weight: bold;
    padding: 0 4em;
    background: #000;
    color: #fff;
    position: absolute;
    left: 2em;
    bottom: 2em;
}
.project .related:hover {
    background: #fff;
    color: #000;
}
.project .related:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1.2em;
    height: 1.2em;
    background: url("/assets/images/theme/next-white.svg");
    margin: -0.2em 0 0 1em;
}
.project .related:hover:after {
    background-image: url("/assets/images/theme/next.svg");
}
.project .images .title {
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1.5em;
}

.classic-pagination {
    margin-top: 2rem;
}

.classic-pagination__list {
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.classic-pagination__item:not(:last-child) {
    margin-right: 1rem;
}

.classic-pagination__link {
    background: #f5f7f9;
    min-width: 2.6rem;
    display: inline-block;
    text-align: center;
    padding: .6rem .3rem;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    user-select: none;
}

.classic-pagination__link:hover {
    background: #eaeaea;
}

.classic-pagination__link_active {
    background: #e6252a;
    color: white;
}

.classic-pagination__link_active:hover {
    background: #e6252a;
    cursor: not-allowed;
}


.project .images .pagination {
    padding: 0 2.5em;
    margin-top: 1em;
}
.project .images .pagination img:hover {
    opacity: .85;
}

.project .pagination__3d,
.project .pagination__thumbnail {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;
}
.project .pagination__3d img,
.project .pagination__thumbnail img {
    display: block;
    width: 100%;
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.project .pagination__video {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    position: relative;

}
.project .pagination__video-img {
    display: block;
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.project .pagination .owl-prev.disabled,
.project .pagination .owl-next.disabled {
    opacity: 0.2;
    visibility: visible;
    cursor: not-allowed;
}

.pagination.slider .owl-item {
    cursor: pointer;
}
.project-menu {
    font-size: 1rem;
    margin-top: .5em;
}
.project-menu li {
    float: left;
    margin: .5em 1.5em 0 0;
}
.project-menu a {
    text-decoration: underline;
    padding-left: 1.5em;
    position: relative;
    font-weight: bold;
}
.project-menu a:before {
    content: "";
    width: 1.2em;
    height: 1.2em;
    background: url("/assets/images/theme/project-menu/pictures.svg") 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 0;
    top: .1em;
    opacity: .5;
}
.project-menu .docs:before {
    background-image: url("/assets/images/theme/project-menu/docs.svg");
}
.project-menu .print:before {
    background-image: url("/assets/images/theme/project-menu/print.svg");
}
.project-menu .model3d:before {
    background-image: url("/assets/images/theme/project-menu/3d.svg");
}
.project-menu .faq:before {
    background-image: url("/assets/images/theme/project-menu/faq.svg");
}
.project-menu .comments:before {
    background-image: url("/assets/images/theme/project-menu/comments.svg");
}
.project-menu a:hover {
    text-decoration: none;
}
.project-menu .comments span {
    font-weight: bold;
}
.comments .header, .comments-list, .comment-form {
    max-width: 48rem;
    margin: 0 auto;
}

.comment-form {
    display: none;
}
.comment-form__header {
    text-align: center;
    margin: 1rem 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1rem;
}

.comment-form .agreement {
    font-size: .8em;
    font-weight: 500;
    line-height: 1.2;
    margin: 30px 0;
}
.comment-form .agreement label {
    padding-left: 32px;
}
.comment-form .agreement label:before, .comment-form .agreement label:after {
    width: 18px;
    height: 18px;
    top: .6em;
    margin-top: -9px;
}
.comment-form .agreement label:after {
    -webkit-background-size: 12px;
    background-size: 12px;
}

.comments-header {
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: 1.5em;
}
.comments .header {
    font-size: 1.1em;
    display: flex;
    align-items: center;
}
.comments .header span {
    display: inline-block;
    font-size: .72em;
    font-weight: normal;
    padding: .1em .4em;
    background: #2855a8;
    color: #fff;
    margin-left: .4rem;
    font-weight: bold;
    margin-top: -2px;
}
.comments-list {
    margin-top: 2em;
}
.comments-list .comments-list {
    margin: 0 0 0 3em;
}
.comments-list .comment {
    padding: 2rem;
    border-bottom: 1px solid #e9e9e9;
}
.comments-list .comment_hidden {
    display: none;
}
.comments-list .comment_opened-reply-form {
    background-color: #ededed;
}
.comments-list .comments-list .comment:last-child {
    padding-bottom: 0;
    border: 0;
}
.comments-show-all:before,
.comments-show-all:after {
    content: ' ⇣ ';
    font-size: inherit;
    font-weight: bold;
    line-height: 0;
}
.comments-show-all {
    user-select: none;
    cursor: pointer;
    margin-top: 2rem;

    display: table;
    height: 48px;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 2.5em;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #444;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: center;
    text-decoration: none;
    position: relative;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.comment .title {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: .2em;
}
.comment .text {
    font-weight: 500;
    color: #494a4b;
}
.comment .text img {
    max-width: 100%;
    height: auto;
}
.comment .reply {
    user-select: none;
}
.comment .comment-form {
    padding-left: 4%;
    margin-left: 2%;
    border-left: 2px solid #dfdfdf;
    margin-top: 1.7rem;
}
.comment-form__form.sended * {
    visibility: hidden;
}
.comment-form__form.sended .comment-form__response {
    visibility: visible;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 1rem 0;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .8rem;
    color: #2855a8;
}
.comment .comment-form__header {
    text-align: left;
}
.comment-form__form {
    position: relative;
}
.comment-form__error {
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: .5rem;
    color: #e6252a;
    text-align: right;
    margin-top: 1rem;
}
.comment-footer > li {
    font-size: .7em;
    float: left;
    margin: 1em 3em 0 0;
}
.comment-footer .vote {
    user-select: none;
}
.comment-footer .icon {
    padding-left: 1.5em;
    position: relative;
}
.comment-footer .icon:before {
    content: "";
    width: 1em;
    height: 1em;
    background: transparent 50% 50% no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    position: absolute;
    left: 0;
    top: 0.2em;
    opacity: .5;
}
.comment-footer .author:before {
    background-image: url("/assets/images/theme/author.svg");
}
.comment-footer .rating {
    font-size: 1.1em;
}
.comment-footer .vote a {
    color: inherit;
    text-decoration: none;
    padding: 0 1.8em 0 0;
}
.comment-footer .vote a:before {
    background-image: url("/assets/images/theme/vote.svg");
    left: auto;
    right: 0;
}
.comment-footer .vote a.active:before {
    background-image: url("/assets/images/theme/vote-active.svg");
}
.comment-footer .vote a:hover:before {
    opacity: 1;
}
.comment-footer .vote .down:before {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.comment-footer .vote .current {
    font-weight: 500;
    margin: 0 1.2em;
}
.comment-footer .timestamp:before {
    background-image: url("/assets/images/theme/calendar.svg");
}
.comment a {
    color: #e6252a;
    text-decoration: underline;
}
.comment a:hover {
    text-decoration: none;
}
.rating {
    font-size: 1em;
    margin-top: .2em;
}
.rating li, .rating label {
    display: block;
    width: 1em;
    height: 1em;
    background: url("/assets/images/theme/star.svg") no-repeat;
    -webkit-background-size: 1em;
    background-size: 1em;
    float: left;
    margin: 0;
}
.rating li:not(:last-child), .rating label:not(:first-of-type) {
    margin-right: .5em;
}
.rating label {
    cursor: pointer;
    float: right;
}
.rating input {
    display: none;
}
.rating input:checked ~ label, .rating input:not(:checked) ~ label:hover, .rating input:not(:checked) ~ label:hover ~ label, .rating.rating-1 li:nth-child(-n+1), .rating.rating-2 li:nth-child(-n+2), .rating.rating-3 li:nth-child(-n+3), .rating.rating-4 li:nth-child(-n+4), .rating.rating-5 li:nth-child(-n+5) {
    background-image: url("/assets/images/theme/star-active.svg");
}
.button.add-comment {
    user-select: none;
    cursor: pointer;
    margin-top: 2rem;
}
.related-collection {
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3;
    -webkit-column-gap: 1.5em;
    -moz-column-gap: 1.5em;
    column-gap: 1.5em;
    font-weight: 500;
}
.related-collection li {
    display: table;
    width: 100%;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.faq {
    margin: 0;
}
.faq .question, .faq .answer, .cooperation > dt, .cooperation > dd {
    padding: 1.5rem 6rem 1.5rem 5rem;
    margin: 0 0 .75rem;
    position: relative;
}
.faq .question, .cooperation > dt {
    background: #f5f7f9;
    font-size: .9rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.faq .question:hover, .cooperation > dt:hover {
    background: #dde3e7;
}
.faq .answer {
    padding-top: .15rem;
}
.faq .answer:not(.active), .cooperation > dd:not(.active) {
    display: none;
}
.faq p, .faq ul, .faq ol {
    margin-top: 1em;
    margin-bottom: 1em;
}
.faq .answer > :first-child {
    margin-top: 0;
}
.faq .answer > :last-child {
    margin-bottom: 0;
}
.faq .question:before, .faq .answer:before {
    content: "";
    width: 1.9rem;
    height: 1.9rem;
    background: url("/assets/images/theme/question.svg") 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 1.9rem;
    top: 1.2rem;
}
.faq .question:after, .cooperation > dt:after {
    content: "";
    width: 1.1rem;
    height: 1.1rem;
    background: url("/assets/images/theme/back.svg") 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 3.5rem;
    top: 1.7em;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.faq .question.active:after, .cooperation > dt.active:after {
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg);
}
.faq .answer:before {
    background-image: url("/assets/images/theme/answer.svg");
    top: 0;
}
.faq .question.special {
    background: #e6252a;
    color: #fff;
}
.faq .question.special:hover {
    background: #e64347;
}
.faq .question.special:before {
    background-image: url("/assets/images/theme/question-white.svg");
}
.faq .question.special:after {
    background-image: url("/assets/images/theme/back-white.svg");
}

.faq-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}

.faq-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.faq-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}

@media (min-width: 60rem) {
    .faq-form__control_name,
    .faq-form__control_email,
    .faq-form__control_phone,
    .faq-form__control_city {
        width: 50%;
        width: calc(50% - 10px);
    }
}


.sample-docs-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}
.sample-docs-form__title {
    font-weight: 600 !important;
    margin: 0 0 1.5em !important;
    text-align: center;
}
.sample-docs-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sample-docs-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}
@media (min-width: 60rem) {
    .sample-docs-form__control_name,
    .sample-docs-form__control_email,
    .sample-docs-form__control_phone {
        width: 33.33333%;
        width: calc(33.33333% - 10px);
    }
}


.land-planning-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}
.land-planning-form__title {
    font-weight: 600 !important;
    margin: 0 0 1.5em !important;
    text-align: center;
}
.land-planning-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.land-planning-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}
@media (min-width: 60rem) {
    .land-planning-form__control_name,
    .land-planning-form__control_email,
    .land-planning-form__control_phone {
        width: 33.33333%;
        width: calc(33.33333% - 10px);
    }
}

.change-projects-form {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}
.change-projects-form__title {
    font-weight: 600 !important;
    margin: 0 0 1.5em !important;
    text-align: center;
}
.change-projects-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.change-projects-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}

@media (min-width: 60rem) {
    .change-projects-form__control_name,
    .change-projects-form__control_email,
    .change-projects-form__control_phone {
        width: 33.33333%;
        width: calc(33.33333% - 10px);
    }
}


.individual-facades-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}

.individual-facades-form__title {
    margin: 0 0 2rem 0 !important;
}

.individual-facades-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.individual-facades-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}

.individual-facades-form__header,
.individual-facades-form__content,
.individual-facades-form__control_area,
.individual-facades-form__control_cnt-bedrooms,
.individual-facades-form__control_walls-material,
.individual-facades-form__control_cnt-garage {
    width: 100%;
}

@media (min-width: 60rem) {
    .individual-facades-form__control_name,
    .individual-facades-form__control_email,
    .individual-facades-form__control_phone {
        width: 33.33333%;
        width: calc(33.33333% - 10px);
    }
    .individual-facades-form__control_area,
    .individual-facades-form__control_cnt-bedrooms,
    .individual-facades-form__control_walls-material,
    .individual-facades-form__control_cnt-garage {
        width: 50%;
        width: calc(50% - 10px);
    }
}

@media (min-width: 80rem) {
    .individual-facades-form__header {
        flex: 0 0 35%;
        padding-right: 2rem;
        padding-top: 2rem;
    }
    .individual-facades-form__content {
        flex: 0 0 65%;
        padding-left: 2rem;
        padding-top: 2rem;
    }
}



.choose-form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 30px 4.5%;
    margin-bottom: 2.8rem !important;
}

.choose-form__title {
    margin: 0 0 2rem 0 !important;
}

.choose-form__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.choose-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}

.choose-form__header,
.choose-form__content,
.choose-form__control_area,
.choose-form__control_cnt-bedrooms,
.choose-form__control_walls-material,
.choose-form__control_cnt-garage {
    width: 100%;
}

.choose-form ul li {
    background-image: none !important;
}
.choose-form ul li + li {
    margin-top: 0 !important;
}
.choose-form .section-header {
    line-height: 1.2;
    font-size: 1.4rem;
}

@media (min-width: 60rem) {
    .choose-form__control_name,
    .choose-form__control_email,
    .choose-form__control_phone {
        width: 33.33333%;
        width: calc(33.33333% - 10px);
    }
    .choose-form__control_area,
    .choose-form__control_cnt-bedrooms,
    .choose-form__control_walls-material,
    .choose-form__control_cnt-garage {
        width: 50%;
        width: calc(50% - 10px);
    }
}

@media (min-width: 80rem) {
    .choose-form__header {
        flex: 0 0 35%;
        padding-right: 2rem;
        padding-top: 2rem;
    }
    .choose-form__content {
        flex: 0 0 65%;
        padding-left: 2rem;
        padding-top: 2rem;
    }
}


.help-request li, .help-request textarea, .help-request .agreement, .contact-data .map, .authors-rights, .contact-form {
    width: calc(50% - 22px);
    float: left;
}
.help-request li:nth-child(even), .help-request .agreement, .contact-data .map + .map, .contact-form {
    float: right;
}
.help-request textarea {
    height: 182px;
}
.help-request .agreement {
    min-height: 120px;
    margin: 15px 0;
}
.help-request button {
    width: auto;
    float: right;
    margin-top: -16px;
}
.categories-list {
    margin-bottom: 20px;
}
.categories-list li {
    float: left;
    margin: 0 10px 10px 0;
}
.categories-list a, .categories-list li > span {
    display: block;
    font-size: .9em;
    font-weight: 600;
    padding: .9em;
    background: #f2f2f2;
}
.categories-list a span {
    color: #949494;
}
.categories-list a:hover, .categories-list a.active, .categories-list li > span {
    background: #2855a8;
    color: #fff;
}
.categories-list a:hover span, .categories-list a.active span {
    color: inherit;
}
.category-pagination {
    display: table;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 auto 44px;
    text-transform: uppercase;
}
.photos + .category-pagination {
    margin: 0 auto 1rem;
}
.category-pagination .prev, .category-pagination .pages, .category-pagination .next {
    display: table-cell;
    vertical-align: middle;
}
.category-pagination .prev, .category-pagination .next {
    text-decoration: underline;
}
.category-pagination .prev:hover, .category-pagination .next:hover {
    color: #797979 !important;
    background: transparent !important;
}
.category-pagination .pages {
    padding: 0 2em;
}
.category-pagination .pages li {
    float: left;
}
.category-pagination .pages li + li {
    margin-left: .5em;
}
.category-pagination .pages a {
    display: block;
    text-align: center;
    min-width: 2.17em;
    height: 2.17em;
    line-height: 2.17;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.category-pagination .pages a:hover, .category-pagination .pages .active {
    background: #e6252a;
    color: #fff;
}
.add-article {
    max-width: 1170px;
    margin: 0 auto;
}
.field-restriction {
    display: block;
    font-size: 13px;
    margin: -15px 0 30px;
}
.show-related {
    min-width: 11em;
    margin-bottom: 30px;
}
.photos li, .videos li {
    margin-bottom: 44px;
}

.photos li.photos__item {
    height: 15rem;
}

.photos li.photos__item_hidden {
    height: 0;
}

.photos .title, .videos .title {
    background: #f5f7f9;
    padding: 1.2rem 30px;
    font-weight: 600;
}
.photos .title .project-mark, .videos .title .project-mark {
    display: inline;
    margin-right: .5em;
}

.photos .photos-list-ads {
    width: 100%;
}

.restore-password {
    max-width: 748px;
    margin: 40px auto;
}

.partners-bar {
    display: flex;
    display: block;
    align-items: center;
    justify-content: space-between;
}
.partners-bar__regions {
    width: 100%;
    margin-left: auto;
    display: block;
    font-size: .9em;
    font-weight: 600;
    background: #f2f2f2;
    height: 100%;
    border: none;
    margin-bottom: 30px;
    padding: .5em .9em;
    margin-right: 5px;
}
@media (min-width: 599px) {
    .partners-bar__regions {
        padding: 0.9em;
    }
}
@media (min-width: 48rem) {
    .partners-bar {
        display: flex;
    }
    .partners-bar__regions {
        margin-left: auto;
        max-width: 15rem;
    }
}

.partners > li {
    margin-bottom: 44px;
}
.partner__site-link {
    margin-top: .6rem;
    margin-bottom: .6rem;
}
.partners .logo {
    display: block;
    height: 11.5em;
    border: 1px solid #e5e5e5;
    position: relative;
}
.partners .logo img {
    display: block;
    max-width: 70%;
    max-height: 60%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.partners .title {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 0 .6em;
}
.partners .title a:hover {
    color: #e6252a;
    text-decoration: underline;
}
.partners .description {
    min-height: 7.8em;
    margin-bottom: .4em;
    color: #575656;
}
.tags-list {
    padding-left: 2em;
    background: url("/assets/images/theme/tag.svg") 0 .1em no-repeat;
    -webkit-background-size: 1.2em;
    background-size: 1.2em;
    color: #8b8b8b;
    font-size: .8em;
}
.tags-list li {
    float: left;
}
.tags-list li:not(:last-child):after {
    content: ",";
    margin-right: .4em;
}
.tags-list a {
    text-decoration: underline;
}
.tags-list a:hover {
    text-decoration: none;
}
.selected-project {
    padding: 30px;
    background: #f5f7f9;
    margin-bottom: 44px;
    position: relative;
}
.selected-project .image {
    width: 40%;
    max-width: 640px;
    float: left;
    margin-right: 2%;
}
.selected-project .image img {
    display: block;
    width: 100%;
}
.selected-project .text {
    width: 58%;
    max-width: 760px;
    font-size: .9em;
    float: left;
}
.selected-project .title {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    margin:  0 2em 1em 0;
}
.selected-project .features li {
    margin-bottom: 1.5em;
}
.selected-project .features .label {
    display: inline-block;
    vertical-align: middle;
    min-width: 9em;
    margin-right: .4em;
}
.selected-project .features .project-mark, .selected-project .features .select {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.selected-project .features select {
    min-width: 13em;
    font-size: inherit;
    margin: 0;
}
.selected-project .note {
    font-size: .9em;
    font-weight: 600;
    margin-top: 1.5em;
}
.selected-project .note .set {
    color: #d60000;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 3em;
}
.selected-project .remove {
    right: 3.75%;
    top: 40px;
}
.project-additional-options .header {
    font-size: 1.1em;
    text-align: center;
    margin-bottom: 3em;
}
.project-additional-options .project-options_non-interactive,
.project-additional-options .project-options {
    max-width: 960px;
    margin: 0 auto;
}
.project-additional-options .toc li {
    margin-bottom: 3em;
}
.project-free-projects-section .header,
.project-payment-options-section .header {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    margin-bottom: 2em;
}
.free-projects-description {
    text-align: center;
    margin-bottom: 2rem;
}
.free-projects-control {
    max-width: 960px;
    margin: 0 auto;
}
.free-projects-description a {
    color: #e6252a;
    font-weight: bold;
}
.free-projects-description a:hover {
    text-decoration: underline;
}
.free-projects {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.free-projects__item {
    width: 45%;
    display: block;
    margin-bottom: 1rem;
}

@media (min-width: 500px) {
    .free-projects__item {
        width: 30%;
    }
}
@media (min-width: 670px) {
    .free-projects__item {
        width: 23%;
    }
}
@media (min-width: 800px) {
    .free-projects__item {
        width: 18%;
    }
}

.free-project {
    width: 100%;
    display: block;
    user-select: none;
}
.free-project__input {
    display: none;
}
.free-project__header {
    positon: absolute;
    border: 1px solid #c4c4c4;
    margin-bottom: .4rem;
}
.free-project__image {
    width: 100%;
    display: block;
}
.free-project__header:before {
    content: '';
    position: absolute;
    width: 33px;
    height: 33px;
    left: 6px;
    top: auto;
    bottom: 6px;
    background-color: white;
    border: 1px solid #c4c4c4;
}
.free-project__header:after {
    content: '';
    position: absolute;
    width: 33px;
    height: 33px;
    border: 0;
    left: 6px;
    top: auto;
    bottom: 6px;
    background: url("/assets/images/theme/check.svg") 50% 50% no-repeat;
    opacity: 0;
}
input.free-project__input:checked+.free-project__header:after {
    opacity: 1;
}

.free-project__link {
    font-size: 13px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: bold;
}
.free-project__link:hover {
    text-decoration: underline;
}

.project-payment-options {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.project-payment-options > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: space-between;
    align-content: space-between;
    width: calc(50% - 22px);
    background: #f5f7f9;
    border: 1px solid #dde3e7;
    text-align: center;
    padding: 2em;
}
.project-payment-options .title {
    font-size: 1em;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1em;
}
.project-payment-options .title span {
    display: block;
    color: #979797;
}
.project-payment-options .options {
    display: block;
    width: 100%;
    margin: 2em 0;
}
.project-payment-options .options li {
    font-size: .9em;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    max-width: 46%;
}
.project-payment-options .options li + li {
    margin-left: 5%;
}
.project-payment-options img {
    display: block;
    max-width: 10em;
    max-height: 5em;
    margin: 0 auto .5em;
}
.project-payment-options .options.basic li {
    vertical-align: middle;
}
.project-payment-options .options.basic img {
    max-width: 6em;
    max-height: 3em;
}
.project-payment-options .button {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #2855a8;
}
.project-payment-options .button:hover {
    background: #fff;
    color: #2855a8;
}
.contract-request input {
    margin-bottom: 20px;
}

.contract-request .actions .error {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: right;
    font-weight: bold;
    color: #e6252a;
    padding-top: 1rem;
}

.contract-request__total-amount {
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    left: 50%;
    z-index: 77;
    padding: 0.6rem 1.2rem 0.4rem;
    font-weight: bold;
    transition: bottom 1s;
}

.contacts-intro .architect {
    max-width: 40%;
    float: right;
    margin: 0 0 1em 3%;
}
.contact-data .header, .contact-form .header, .cooperation .header {
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1.5em;
}
.contact-data .map {
    height: 25rem;
}
.authors-rights .header {
    margin: .5em 0 1em;
    font-weight: bold;
    text-transform: uppercase;
}
.contact-form {
    padding: 30px 4.5%;
    position: relative;
}
.contact-form .header a {
    text-decoration: underline;
}

.contact-form__try-again {
    width: auto !important;
    display: block !important;
    margin: 1rem auto 0 !important;
    float: none !important;
}

.contact-form form.sended > * {
    visibility: hidden;
}
.contact-form form.sended .agreement label,
.contact-form form.sended .agreement label:before,
.contact-form form.sended .agreement label:after {
    position: static;
    visibility: hidden;
}

.contact-form form.sended .message {
    visibility: visible;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
}

.contact-data .contact-details {
    width: 30%;
    float: left;
}
.contact-details {
    font-size: .8em;
    font-weight: 600;
}
.contact-details .label {
    font-size: .8125em;
    text-transform: uppercase;
    color: #acacac;
    margin: 0 0 1em;
}
.contact-details .note {
    font-weight: normal;
    color: #6c6c6c;
}
.contact-details .note img {
    max-width: 1rem;
    max-height: 1rem;
}

.contact-details .schedule {
    color: #6c6c6c;
}
.contact-details > li + li {
    margin-top: 2em;
}
.contact-details ul li + li {
    margin-top: 1em;
}
.contact-details a {color: #000; text-decoration: none;}

.trademarks a {
    width: 40%;
    max-width: 340px;
    display: inline-block;
    vertical-align: top;
    margin: .8em;
}
.trademarks img {
    display: block;
    max-width: 100%;
}
.cooperation .header {
    margin: 0;
}
.project-form {
    background: #f5f7f9;
    padding: 30px 15px;
}
.project-form:not(.active) {
    display: none;
}

.project-form .succes-message {
    padding: 0;
    text-align: center;
    background: #2855a8;
    margin-top: 1rem;
    color: white;
    font-weight: bold;
    font-family: "Avenir Next Cyr", Arial, Helvetica, sans-serif;
    font-size: 0;
    text-transform: uppercase;
    display: block;
    max-height: 0;
    transition: all .3s;
    opacity: 0;
}
.project-form.sended .succes-message {
    padding: 1rem;
    max-height: 600px;
    opacity: 1;
    font-size: 14px;
}

.project-form .error {
    display: block;
    background: #e6252a;
    margin-top: 1rem;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 2.5em;
    text-align: center;
}


.latest-articles.grid .item {
    margin: 0 0 44px;
}
.latest-articles.grid .description {
    position: relative;
    padding-bottom: 2.5em;
}
.latest-articles .date {
    font-size: 10px;
    padding-left: 24px;
    background: url("/assets/images/theme/clock.svg") 0 50% no-repeat;
    -webkit-background-size: 14px;
    background-size: 14px;
    color: #9fa3a7;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 1.5rem;
}
.latest-articles .description .date {
    position: absolute;
    left: 1.5rem;
    bottom: 1rem;
}
.latest-articles .more .date {
    color: #fff;
    background-image: url("/assets/images/theme/clock-white.svg");
}
form.registration {
    max-width: 480px;
    margin: 0 auto 1.5rem;
}
.registration-error,
.restore-password-error
{
    margin: .5rem 0;
    font-size: .8rem;
    color: #e0272c;
}

.form-links a {
    margin: 0 .5rem;
}

form.registration .agreement {
    text-align: left;
}
.order-confirmation {
    font-weight: 500;
}
.social-links {
    text-align: center;
}
.social-links .header {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1em;
}
.social-links .social-networks {
    max-width: 30rem;
    margin: 0 auto;
}
.alignleft, .alignright {
    max-width: 40% !important;
    float: left;
    margin: 0 2rem .5rem 0;
}
.article-content .alignleft, .article-content .alignright {
    max-width: 40% !important;
}
.alignright {
    float: right;
    margin: 0 0 .5em 1.5em;
}
.cooperation dt {
    padding-left: 9em;
}
.cooperation > dd {
    padding: .15em 2.5em;
}
.cooperation > dd > :first-child {
    margin-top: 0;
}
.cooperation .icon {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 50%;
    margin-top: -1em;
    left: 2em;
}
.cooperation .icon + .icon {
    left: 5.5em;
}
.cooperation .logo {
    display: block;
    max-width: 16em;
    margin: 0 auto;
}
.cooperation .bold {
    font-weight: 600;
}
.cooperation .code {
    display: block;
    max-width: 43.5em;
    padding: 1em;
    font-family: inherit;
    font-weight: 600;
    background: #f5f7f9;
    margin: 1.5rem auto;
}
.photos img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.photos a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
}

.photos .title a {
    display: inline;
}

.search-projects {
    float: right;
    position: relative;
    z-index: 11;
    margin-bottom: 30px;
}
.search-projects input {
    border: 1px solid #2855a8;
    width: calc(100% - 45px);
    height: 45px;
    float: left;
    margin: 0;
}
.search-projects button {
    width: 45px;
    height: 45px;
    padding: 0;
    float: right;
    position: relative;
    margin: 0;
}
.search-projects .results {
    width: calc(100% + 2px);
    padding: 1rem;
    font-size: .7em;
    background: #fff;
    color: #616161;
    position: absolute;
    left: -1px;
    top: 100%;
    overflow-y: auto;
    max-height: 80vh;
    display: none;
}
.search-projects li {
    clear: both;
    overflow: hidden;
    margin-bottom: 1em;
}
.search-projects a {
    display: block;
}
.search-projects a:hover {
    color: #030303;
}
.search-projects img {
    display: block;
    max-width: 11.7em;
    float: left;
    margin-right: 1em;
}
.technologies {
    text-align: center;
}
.technologies h2 {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: none;
    margin: 1.5rem 0;
}
.technologies h2 ~ p {
    margin: 1.5rem 0;
}
.technologies li {
    display: inline-block;
    vertical-align: top;
    width: 17%;
    max-width: 260px;
    margin: 0 1% 1.5em;
    font-size: .9rem;
    line-height: 1.2;
    font-weight: 600;
    text-align: center;
    position: relative;
}
.technologies img {
    display: block;
    max-width: 100%;
    -webkit-box-shadow: 0 .25rem 1rem rgba(0,0,0,0.29);
    box-shadow: 0 .25rem 1rem rgba(0,0,0,0.29);
    margin: 0 auto 1em;
}
.technologies a:hover img {
    -webkit-box-shadow: 0 .25rem 1rem rgba(0,0,0,0.5);
    box-shadow: 0 .25rem 1rem rgba(0,0,0,0.5);
}
.technologies li[data-format]:before {
    content: "";
    width: 4rem;
    height: 4rem;
    background: url("/assets/images/theme/ribbon.png") no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
}
.technologies li[data-format]:after {
    width: 2.5rem;
    text-align: center;
    content: attr(data-format);
    font-size: .7rem;
    color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    left: 0;
    top: 1.2em;
}
#payment .header {
    background: #f5f7f9;
    padding-top: 4rem;
    border-top: 1px solid #c2c9ce;
    border-bottom: 1px solid #c2c9ce;
}
#payment .logo {
    display: block;
    width: 16rem;
    margin: 0 auto;
}
.payer-data {
    max-width: 654px;
    margin: 4rem auto 2rem;
}
.payer-data fieldset label > span {
    padding-right: 1em;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0;
}
.payment-methods-switcher a {
    display: inline-block;
    vertical-align: bottom;
    padding: 1.5em;
    border: 1px solid transparent;
    -webkit-border-radius: .5em .5em 0 0;
    border-radius: .5em .5em 0 0;
    border-bottom-width: 0;
    margin-bottom: -1px;
    font-size: 1.1rem;
    margin-top: 1em;
    color: #3963ad;
    text-decoration: underline;
    position: relative;
    z-index: 2;
}
.payment-methods-switcher a:hover {
    text-decoration: none;
}
.payment-methods-switcher .icon {
    height: 4em;
    margin-bottom: .5em;
}
.payment-methods-switcher img {
    display: block;
    max-width: 4em;
    margin: 0 auto;
}
.payment-methods-switcher img + img {
    max-width: 3em;
    margin-top: .5em;
}
.payment-methods-switcher .active {
    background: #fff;
    border-color: #c2c9ce;
}
.payment-form .amount, .payment-form .button {
    display: inline-block;
    vertical-align: middle;
}
.payment-form .amount {
    margin-right: 2rem;
}
.payment-data-print a {
    display: inline-block;
    margin: .2em 2em;
}
@media (max-width: 1399px) {
    #header {
        font-size: 1.1vw;
    }
    #header .region .label, #header .region .selector {
        font-size: 12px;
    }
    #header .region .selector {
        -webkit-background-size: 1.5em;
        background-size: 1.5em;
    }
    .main-menu {
        font-size: 14px;
    }
    #nav .submenu {
        font-size: .9rem;
    }
    #showcase .title {
        font-size: 1.3em;
    }
    #showcase .description p {
        font-size: 1em;
    }
    #showcase .more {
        margin-top: 2em;
    }
    /*.banner {*/
    /*	font-size: 1.2vw;*/
    /*}*/
    /*.banner p {*/
    /*	font-size: .8em;*/
    /*}*/
    .collections .title {
        font-size: 1.2rem;
    }
    .collection-params li {
        font-size: .8em;
    }
    #footer .note {
        font-size: .9rem;
    }
    .projects.listing .project-params li {
        margin-bottom: .5em;
    }

}
@media (min-width: 1200px) {
    .projects-options {
        font-size: 16px;
	padding-top:20px;
    }

    .projects.grid-3 .more, .projects.listing .more, .featured-projects .more {
        min-width: 14.28em;
    }
    /*.banner-format1 .banner-col, .banner-format2 .banner-col {*/
    /*	padding: .3em 2em;*/
    /*}*/
    .featured-projects .description {
        padding: 1.5rem 3rem;
    }
    .featured-projects .bookmark {
        right: 2rem;
        top: 2rem;
    }
    .footer-menu {
        width: 60%;
        margin-right: -7%;
    }
    .project .projects-nav {
        top: -10px;
    }
    .related-collection {
        -webkit-column-gap: 5em;
        -moz-column-gap: 5em;
        column-gap: 5em;
    }
    .contact-data .contact-details.msk {
        width: 24%;
        margin-left: 1%;
    }
    .contact-data .contact-details.region {
        width: 50%;
        margin-left: 1%;
    }

    .contact-data .office {
        max-width: 43.5%;
        float: right;
    }
}
@media (max-width: 1199px) {
    html {
        font-size: 18px;
    }
    #header .region .label, #header .region .selector {
        font-size: 11px;
    }
    #main-menu {
        font-size: 12px;
    }
    .project-preview {
        margin-bottom: 30px;
    }
    .projects.grid-3 .project-preview,
        /*.banner, */
    .photos li, .videos li, .latest-articles.grid .item {
        width: calc((100% - 60px) / 3);
    }
    .banners, .latest-articles.grid .item {
        margin-bottom: 30px;
    }
    /*.banner {*/
    /*	height: 70px;*/
    /*	font-size: 1.3vw;*/
    /*	margin-left: 30px;*/
    /*}*/
    /*.banner.banner-format1 {*/
    /*	height: 90px;*/
    /*}*/
    /*.banner.banner-format2 {*/
    /*	height: 170px;*/
    /*}*/
    /*.banner.banner-format3 {*/
    /*	width: calc(100% - (100% - 60px) / 3 - 30px);*/
    /*	margin-bottom: 30px;*/
    /*}*/
    .project-features {
        font-size: 14px;
    }
    .client-services {
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        margin: -20px -10px 0;
        font-size: 0;
    }
    .client-services li {
        width: calc((100% - 60px) / 3);
        padding: 1.2em 1em 1.5em;
        margin: 20px 10px 0;
        font-size: 1rem;
    }
    .collections > li {
        width: calc((100% - 60px) / 3);
        margin-bottom: 30px;
    }
    .collections > li:nth-child(3n+2):last-child {
        margin-right: calc((100% - 60px) / 3 + 30px);
    }
    .collections .subtitle {
        margin-bottom: 1em;
    }
    .collections .description, .featured-projects .description {
        padding: 1.5rem;
    }
    .collections .sets {
        padding: 1.5em;
    }
    .featured-projects, .featured-projects .item {
        max-width: 32rem;
    }
    .section-about .image {
        margin: 4rem 0 0;
    }
    .footer-menu {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    #footer .about {
        width: 28%;
    }
    .breadcrumbs {
        font-size: 14px;
    }
    .help-request li, .help-request textarea, .help-request .agreement, .project-payment-options > li, .contact-data .map, .authors-rights, .contact-form, .contact-data .contact-details {
        width: calc(50% - 15px);
    }
    .help-request textarea {
        height: 150px;
    }
    .help-request .agreement {
        min-height: 30px;
    }
    .help-request button {
        margin-top: 20px;
    }
    .article-preview + .article-preview {
        margin-top: 30px;
    }
    .category-pagination {
        margin: 30px auto;
    }
    .photos li, .videos li, .partners > li {
        margin-bottom: 30px;
    }
    .contact-data .contact-details + .contact-details {
        float: right;
    }
    #showcase .owl-next, #showcase .close {
        bottom: 30%;
    }
    .search-projects {
        width: 50%;
    }
}
@media (min-width: 992px) and (max-width: 1799px) {
    .projects-options .view a {
        font-size: .9em;
    }
    .projects.grid-3 {
        font-size: 1.11vw;
    }
    .projects.grid-3 .project-preview .tags li, .projects.grid-3 .project-features {
        font-size: .8em;
    }
    .selections {
        font-size: 1.2vw;
    }
}
@media (min-width: 992px) and (max-width: 1399px) {
    .projects.listing .title, .projects.listing .project-params {
        font-size: .85em;
    }
    .projects.listing .project-features {
        font-size: .7em;
    }
    .projects-options {
        font-size: 16px;
	padding-top:20px;
    }
    .collections .description {
        padding: 1rem;
        font-size: .8rem;
    }
    .collections .title {
        font-size: 1rem;
    }
    .collections .button {
        height: 41px;
        font-size: 12px;
        line-height: 41px;
    }
    .collections > li:hover .button {
        margin-top: 1rem;
    }
    .collections .sets {
        font-size: .9rem;
    }
    .section-detailed-collections {
        font-size: .9em;
    }
    .project .panel {
        font-size: .8em;
    }
    .projects.listing .project-features li:not(:last-child) {
        margin-right: 1em;
    }
    #header .region, #header .contacts li, #header .payment-systems {
        margin-left: 2rem !important;
    }
}
@media (min-width: 992px) {
    .container.wide {
        padding: 0 3.75%;
    }
    .photos-list-ads .container.wide {
        padding: 0;
    }
    #header .logo {
        float: left;
    }
    #header .info {
        float: right;
        max-width: 80%;
        margin-top: .4rem;
    }
    #header .region, #header .contacts, #header .contacts li, #header .payment-systems {
        float: left;
        margin-left: 4rem;
    }
    #header .region {
        text-align: right;
    }
    #header .contacts {
        margin-left: 0;
    }
    #header .phone a {
        display: block;
    }
    .section-form form, #nav .container {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    #header .address, #header .phone a + a, #header .contacts .messengers {
        margin-top: .8em;
    }
    #nav .logo, .menu-trigger, #nav .contacts {
        display: none;
    }
    .main-menu-wrapper {
        -webkit-flex: 1;
        flex: 1;
    }
    /*
	.main-menu {
		max-width: calc(100% - 40px);
	}
	*/
    .main-menu-wrapper .user-menu, .main-menu-wrapper .search-form {
        display: none;
    }
    .menu-extra {
        display: inline-block;
        position: relative;
    }
    .main-menu {
        margin-left: -1.1em;
    }
    .main-menu > li {
        float: left;
    }
    #showcase .owl-prev {
        left: 3.75%;
    }
    #showcase .owl-next, #showcase .close {
        right: 3.75%;
    }
    #showcase .slider:hover img {
        opacity: 1;
    }
    .section-form form.has-agreement {
        padding-bottom: 40px;
        position: relative;
    }
    .section-form .agreement {
        margin: 0;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .projects.grid-5 {
        font-size: .7vw;
    }
    .projects.grid-5 .project-features, .projects.grid-5 .project-preview .tags li {
        font-size: .9em;
    }
    .projects.grid-5 .project-features li {
        padding-left: 2em;
        -webkit-background-size: 1.5em;
        background-size: 1.5em;
    }
    .projects.grid-5 .project-features li:not(:last-child) {
        margin-right: 1.2em;
    }
    .projects.grid-5 .bookmark {
        font-size: 28px;
        right: .5em;
        top: .5em;
    }
    .projects.grid-5 .button {
        height: 3em;
        line-height: 3;
        font-size: .9em;
    }
    .project-search .options1,
    .project-id-search .field-label {
        width: 30.5%;
        float: left;
    }
    .project-search .options2,
    .project-id-search input {
        width: 65.3%;
        float: right;
    }
    .project-search .options2 .rooms {
        flex: 1;
        margin-right: 1.4rem;
        max-width: 150px;
    }
    .project-search .options2 .material,
    .project-search .options2 .features {
        flex: 2;
    }
    .project-search .options2 .material {
        margin-right: 1.4rem;
    }
    .project-search input, .project-search textarea, .project-search select, .project-search .checkbox, .project-search .radio {
        margin-bottom: 15px;
    }
    .project-id-search .field-label {
        height: 41px;
        margin: 0;
    }
    .section-form form {
        max-width: 870px;
    }
    .section-form input, .section-form button {
        width: 32%;
        margin: 0;
    }
    .section-form input {
        height: 48px;
    }
    .article-preview .image, .section-about .image {
        width: 48.8%;
        float: left;
    }
    .article-preview .image {
        float: right;
        margin: 0 0 20px 3.7%;
    }
    .section-about .section-header, .section-about .description, .section-about .social-networks {
        width: 47.5%;
        float: right;
        clear: right;
    }
    .section-about .section-header {
        text-align: left;
    }
    .section-promo .description {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 1.5em;
        -moz-column-gap: 1.5em;
        column-gap: 1.5em;
    }
    .section-promo .description > * {
        display: table;
        width: 100%;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }
    .collection-materials .button {
        margin-bottom: -3.7em;
        opacity: 0;
        visibility: hidden;
    }
    .collection-materials li:hover .button {
        margin-bottom: 0;
        opacity: 1;
        visibility: visible;
    }
    .selections .columns {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        -webkit-column-gap: 1.5em;
        -moz-column-gap: 1.5em;
        column-gap: 1.5em;
    }
    .selections .columns li {
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
    }
    .project .main {
        width: 66.25%;
        float: left;
    }
    .project .panel {
        width: 30%;
        float: right;
    }
    .add-article input {
        height: 72px;
        padding: 0 35px;
    }
    .contact-form textarea {
        height: 182px;
    }
    .section-project-search.off.mobile {
        padding: 40px 0;
    }
    .section-project-search.off.mobile .project-search {
        display: block;
    }
    .section-project-search.off.mobile .project-search-trigger {
        display: none;
    }
    .projects.listing .project-preview .project-mark {
        margin-bottom: .7em;
    }
    .projects.listing .project-preview .more.button {
        align-self: center;
        margin-top: auto;
        margin-bottom: 2px;
    }
    .projects.listing .project-preview .description {
        display: flex;
        /*margin-bottom: -15px;*/
        padding: 0 0 0 30px;
    }
    .projects.listing .project-params {
        margin-top: 0;
        float: none;
        text-align: right;
    }
    .projects.listing .project-params li {
        overflow: hidden;
        margin-bottom: 1em;
    }
    .projects.listing .project-area span {
        float: left;
    }
    .projects.listing .project-area div {
        float: right;
    }
    .projects.listing .project-features {
        margin-top: 0;
        float: none;
    }
}
@media (min-width: 1800px) {
    #header {
        font-size: 18px;
    }
    .projects-options {
        font-size: 1em;
    }
    .projects-options .view a {
        font-size: .8em;
    }
    .projects.grid-5 {
        font-size: 13px;
    }
    .projects.listing .bookmark {
        font-size: 48px;
    }
    .projects.listing .project-features {
        /*margin-top: 1.5em;*/
        margin-top: 0;
    }
    .projects.listing .project-preview .project-mark {
        margin-bottom: 1em;
    }
    .projects.listing .title, .projects.listing .project-features li {
        margin-bottom: 1.2em;
    }
    .banner {
        font-size: 20px;
    }
    .section-about .container {
        max-width: 1624px;
    }
    .section-about .image {
        width: 48.5%;
    }
    .section-about .section-header, .section-about .description, .section-about .social-networks {
        width: 47%;
    }
    .contact-data > img {
        margin-top: -5rem;
    }
}
@media (max-width: 991px) {
    .main-menu > li > a {
        font-weight: bold !important;
        color: #e6252a;
    }
}


@media (max-width: 991px) {
    html {
        font-size: 16px;
    }
    .container {
        padding: 0 15px;
    }
    #header {
        font-size: .9rem;
    }
    #header .logo {
        font-size: 1em;
        width: 13em;
    }
    #header .region {
        max-width: calc(100% - 7em);
        margin-top: .7em;
    }
    #header .contacts .address, #header .contacts .phone > :not(:first-child), #header .payment-systems, #nav .menu-extra, #nav .user-actions > li:not(.mobile-visible) {
        display: none;
    }
    #header .container {
        position: relative;
    }
    #header .contacts {
        text-align: right;
        position: absolute;
        right: 15px;
        top: 0;
    }
    #header .contacts li {
        margin-bottom: .4em;
    }
    #header .contacts .messengers a {
        display: block;
        float: right;
        clear: right;
        margin: .4em 0 0;
    }
    #header .contacts .messengers span {
        font-size: 1em;
        font-weight: 600;
    }
    #header {
        display: none;
    }
    #nav {
        height: 48px;
        line-height: 48px;
    }
    #nav .logo {
        height: 30px;
        float: left;
        margin: 6px 4px 0 0;
    }
    #nav .logo img {
        display: block;
    }
    .menu-trigger {
        display: block;
        width: 28px;
        height: 28px;
        background: url("/assets/images/theme/menu-trigger.svg") 50% 50% no-repeat;
        -webkit-background-size: 32px;
        background-size: 32px;
        -webkit-transition: none;
        transition: none;
        float: right;
        margin: 10px 0 0 15px;
    }
    .menu-trigger:before {
        content: url("/assets/images/theme/close-white.svg");
        width: 0;
        height: 0;
        visibility: hidden;
    }
    .menu-trigger.active {
        background-image: url("/assets/images/theme/close-white.svg");
        -webkit-background-size: 22px;
        background-size: 22px;
    }
    .main-menu-wrapper {
        max-height: calc(100vh - 48px);
        overflow-y: auto;
        background: #343434;
        position: absolute;
        left: 0;
        top: 100%;
        display: none;
        padding-bottom: 6rem;
    }
    .main-menu {
        font-size: 13px;
        line-height: 1.4;
    }
    .main-menu > li > a, #nav .main-menu .submenu a, #nav .user-menu a, #nav .user-menu a {
        display: block;
        font-weight: 600;
        padding: .5em 15px;
    }
    #nav .user-menu a {
        line-height: 1.2;
    }
    .main-menu-wrapper .search-form {
        margin: 15px;
    }
    #nav .main-menu .submenu {
        width: auto;
        max-width: 18em;
        padding: 0;
        font-size: 1em;
        position: static;
        background: none;
        color: inherit;;
        visibility: visible;
        opacity: 1;
    }
    #nav .main-menu .submenu a, #nav .user-menu a:hover {
        color: inherit;
    }
    #nav .main-menu-wrapper a:hover {
        background: #e6252a;
    }
    #nav .user-menu .icon:before {
        content: "";
        font-size: 1em;
        display: inline-block;
        vertical-align: middle;
        width: 1.2em;
        height: 1.2em;
        background: transparent 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain;
        margin: -0.2em .5em 0 0;
    }
    #nav .user-menu .icon.login:before {
        background-image: url("/assets/images/theme/user-actions/login.svg");
    }
    #nav .user-menu .icon.favorites:before {
        background-image: url("/assets/images/theme/user-actions/favorites.svg");
    }
    #nav .user-menu .icon.viewed:before {
        background-image: url("/assets/images/theme/user-actions/viewed.svg");
    }
    #nav .user-actions .submenu {
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
    #nav .user-actions {
        float: left;
    }
    .user-actions .icon {
        width: 32px;
        height: 32px;
        -webkit-background-size: 30px;
        background-size: 30px;
        margin: 10px 0 6px 8px;
    }
    .user-actions .icon .count {
        font-size: 10px;
    }
    #nav .contacts {
        float: right;
    }
    #nav .contacts li {
        float: left;
        margin: 10px 0 0 15px;
    }
    #nav .contacts a {
        display: block;
        width: 30px;
        height: 30px;
        background: url("/assets/images/theme/contacts/phone-white.svg") 50% 50% no-repeat;
        background-size: cover;
    }
    #nav .contacts .whatsapp {
        background-image: url("/assets/images/theme/contacts/whatsapp-white.svg");
    }
    #showcase .description {
        width: 72%;
        right: 14%;
        padding: 0 15px;
        text-align: center;
    }
    #showcase .more {
        margin: 1em auto 0;
    }
    #showcase .close {
        right: 15px;
    }
    .projects-options {
        text-align: center;
    }
    .projects-options > li, .projects-options .categories {
        float: none;
        margin: 1.5em 0 0;
    }
    .projects-options > li:first-child {
        margin: 0;
    }
    .projects-options .view a:first-child, .projects-options .view a span {
        display: none;
    }
    .projects.grid {
        display: block;
    }
    .projects.grid .project-preview {
        width: auto;
        max-width: 28em;
        margin: 0 auto 30px;
    }
    .projects.listing .project-preview {
        flex-wrap: wrap;
    }

    .projects.listing .project-preview .layout {
        width: 100%;
    }

    .projects.grid .project-features {
        font-size: .7em;
    }
    .project-preview .tags li {
        font-size: .9em;
    }
    .projects.listing .project-preview .cover{
        width: 50%;
    }

    .projects.listing .project-preview .project-params {
        float: right;
    }

    .projects.listing .project-preview .cover,
    .projects.listing .project-preview .additional {
        flex: 0 0 50%;
    }
    .projects.listing .project-preview .description {
        width: 100%;
        margin: 1em 0 0;
        flex: 0 0 100%;
    }
    .projects .more {
        opacity: 1;
    }
    .banners {
        padding: 0 15px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .banners[data-banners-group = "11"] {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    /*.banner {*/
    /*	width: calc((100% - 30px) / 3);*/
    /*	height: 65px;*/
    /*	margin-left: 15px;*/
    /*	font-size: 1.5vw;*/
    /*}*/
    /*.banner p {*/
    /*	font-size: 1em;*/
    /*}*/
    /*.banner.banner-format1 {*/
    /*	height: 80px;*/
    /*}*/
    /*.banner.banner-format2 {*/
    /*	height: 145px;*/
    /*}*/
    /*.banner.banner-format3 {*/
    /*	width: calc(100% - (100% - 30px) / 3 - 15px);*/
    /*	margin-bottom: 15px;*/
    /*}*/
    .project-search {
        margin-top: 50px;
    }
    .project-search .areas, .project-search .types {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-right: -15px;
    }
    .project-search .areas li, .project-search .types li {
        width: calc(100% / 3);
        max-width: none;
        padding-right: 15px;
    }
    .project-search .options1 {
        /*max-width: 350px; !* !!! *!*/
    }
    .client-services li {
        width: calc(50% - 20px);
    }
    .collections {
        display: block;
        max-width: 28.5rem;
        margin: 0 auto;
    }
    .collections > li {
        width: auto;
    }
    .collections > li:nth-child(3n+2):last-child {
        margin-right: 0;
    }
    .article-preview {
        max-width: 570px;
        margin: 0 auto;
    }
    .section-about .container, .section-advantages .container {
        max-width: 600px;
    }
    .section-about .image {
        max-width: 570px;
        margin: 0 0 2rem;
    }
    .article-preview .title {
        width: calc(100% - 8rem);
    }
    .article-preview .description, .section-blog-newest .button.show-more {
        margin-top: 30px;
    }
    .section-advantages ul {
        margin: -1em auto 0;
    }
    .section-advantages li {
        width: 50%;
        font-size: 16px;
    }
    .section-beware {
        padding: 70px 0;
    }
    #footer .main {
        padding: 40px 0 20px;
    }
    #footer .bottom {
        padding: 20px 0;
        font-size: 12px;
    }
    .article-preview .image {
        margin-bottom: 40px;
    }
    #footer {
        font-size: 13px;
    }
    #footer .about, #footer .contacts {
        width: calc(50% - 1em);
        max-width: none;
    }
    .footer-menu {
        width: 100%;
        float: none;
    }
    .modal-window {
        padding: 50px 60px;
        margin: 40px auto;
    }
    .modal-form {
        max-width: 540px;
    }
    .cities-list {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
    }
    #breadcrumbs {
        padding: 20px 0 10px;
    }
    .collection-materials {
        margin-bottom: -15px;
    }
    .collection-materials li {
        width: calc((100% - 30px) / 3);
        margin: 0 0 15px 15px;
    }
    .collection-materials li:nth-child(5n+1) {
        clear: none;
        margin-left: 15px;
    }
    .collection-materials .title {
        font-size: 1em;
    }
    .collection-params li {
        width: calc((100% - 20px) / 3);
    }
    .collection-params li:nth-child(4n+1) {
        clear: none;
        margin-left: 10px;
    }
    .collection-materials li:nth-child(3n+1), .collection-params li:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .selections {
        /*display: block;*/
        margin: 0 0 -30px;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .selections > li {
        width: calc(50% - 15px);
        float: left;
        margin: 0 0 30px;
    }
    .selections > li:nth-child(even), .selections > li:last-child {
        float: right;
    }
    .selections .wide {
        width: auto;
        float: none;
    }
    .is-sticky .section-project-search {
        max-height: calc(100% - 48px);
    }
    .tech-data {
        padding: 2em;
    }
    .tech-data .header {
        margin-bottom: 1em;
    }
    .related-collection {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .selected-project .image, .selected-project .text {
        width: auto;
        float: none;
    }
    .selected-project .image {
        max-width: 100%;
        margin: 0 40px 30px 0;
    }
    .selected-project .text {
        max-width: none;
    }
    .selected-project .remove {
        right: 15px;
    }
    .project-additional-options .toc li {
        margin-bottom: 2em;
    }
    .contact-data .map, .authors-rights, .contact-form {
        width: 100%;
    }
    .projects.listing .project-params {
        margin-top: 0;
    }
    .projects.listing .project-features {
        max-width: 10em;
    }
    .section-project-search .subtitle {
        display: block;
    }
    .latest-articles.grid .item {
        width: calc(50% - 15px);
    }
    .technologies li {
        width: 21.8%;
        margin: 0 1.3% 1.5em;
    }
    .payment-methods-switcher a {
        font-size: .9em;
    }
}
@media (min-width: 768px) {
    .project-search .selection-request .comment {
        width: 65.25%;
        float: left;
        margin-right: 4.25%;
    }
    .project-search .selection-request .comment textarea {
        height: 164px;
    }
    .project-search .selection-request .agreement {
        width: 30.5%;
        float: right;
        min-height: 91px;
    }
    .project-search .selection-request button {
        width: auto;
        float: left;
    }
    .contract-request .main input {
        width: calc((100% - 40px) / 3);
        float: left;
        margin-left: 20px;
    }
    .contract-request .main input:nth-child(3n+1) {
        clear: left;
        margin-left: 0;
    }
    .contract-request .additional input, .contract-request textarea, .contract-request .actions {
        width: calc(50% - 22px);
        float: left;
    }
    .contract-request .additional input:nth-child(even), .contract-request .actions {
        float: right;
    }
    .contract-request textarea {
        height: 202px;
    }
    .contract-request .actions .wrapper {
        min-height: 125px;
    }
    .contract-request .actions .checkbox:first-child {
        margin-top: 15px;
    }
    .contract-request .attachment {
        float: left;
    }
    .contract-request button {
        width: auto;
        float: right;
        margin-top: -8px;
    }
}
@media (max-width: 767px) {
    html {
        font-size: 15px;
    }
    #showcase .description p {
        /*display: none;*/
    }
    #showcase .item.item_with-description .images img {
        /*opacity: 1;*/
    }
    .project-search .selection-request li {
        width: 48%;
        margin-left: 4%;
    }
    .project-search .selection-request li:nth-child(3n+1) {
        clear: none;
        margin-left: 4%;
    }
    .project-search .selection-request li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .payment-methods-switcher a {
        display: block;
        max-width: 16em;
        font-size: 1em;
        margin: 0 auto 1em;
        border-bottom-width: 1px;
        -webkit-border-radius: .5em;
        border-radius: .5em;
    }
}
@media (min-width: 600px) {
    #showcase .pagination .showcase-pagination__halfpane {
        width: 50%;
        width: calc(50% - 1px);
    }
    #showcase .images .showcase__halfpane {
        width: 50%;
        width: calc(50% - 1px);

    }
    .banner-format1 .banner-col:last-child {
        padding-left: 2em;
    }
    .section-projects {
        padding-bottom: 50px;
    }
    .section-project-search {
        padding-top: 50px;
    }
    .project-search .options2 li {
        width: 48%;
        float: left;
    }
    .project-search .options2 li:last-child {
        float: right;
    }
    .latest-articles .more p {
        line-height: 1.75;
    }
    .featured-projects .details {
        min-height: 2em;
        max-height: 8.4em;
        overflow: hidden;
        position: relative;
    }
    .featured-projects .item:hover .details p, .featured-projects .project-features {
        opacity: 0;
        visibility: hidden;
    }
    .featured-projects .item:hover .project-features {
        opacity: 1;
        visibility: visible;
    }
    .featured-projects .project-features {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .featured-projects .more {
        opacity: 0;
    }
    .featured-projects .item:hover .more {
        opacity: 1;
    }
    .modal-window .login-form button {
        min-width: 11.6em;
    }
    .section-project-search .header {
        max-width: calc(100vw - 24rem);
    }
    .restore-password input {
        width: 64%;
        height: 48px;
        float: left;
        margin: 0;
    }
    .restore-password button {
        width: 33%;
        padding: 0;
        float: right;
        margin: 0;
    }
    .partners .logo {
        width: calc(24% - 15px);
        float: left;
    }
    .partners .text {
        width: calc(76% - 15px);
        float: right;
    }
    .contact-form .attachment {
        float: left;
    }
    .contact-form .button {
        width: auto;
        min-width: 30%;
        float: right;
        margin: 0;
    }
    /*
	.lightbox .lb-image {
		border: 5rem solid rgba(255,255,255,0.8);
		border-top-width: 2rem;
		border-bottom-width: 2rem;
	}
	*/
    .photos .title, .videos .title {
        min-height: 6.6em;
    }
    .show-related + .search-projects {
        margin-top: -75px;
    }
}

@media (min-width: 841px) {
    .project-search .options2 li {
        width: 30.5%;
    }
}

@media (max-width: 599px) {
    html {
        font-size: 14px;
    }
    #showcase .images img {
        width: 100%;
        float: none;
    }
    #showcase .images img:last-child {
        float: none;
        margin-top: 2px;
    }
    #showcase .description {
        height: 50%;
    }
    #showcase .title {
        -webkit-transform: translate(-50%);
        transform: translateY(-50%);
    }
    #showcase .more {
        white-space: nowrap;
        position: absolute;
        left: 50%;
        top: 100%;
        -webkit-transform: translate(-50%,-30%);
        transform: translate(-50%,-30%);
        margin: 0;
    }
    #showcase .pagination {
        border-top-width: 4px;
    }
    .projects.listing .project-preview {
        padding: 15px;
    }
    .projects.listing .slider .owl-prev, .projects.listing .slider .owl-next {
        font-size: 24px;
        left: 10px;
        bottom: 10px;
    }
    .projects.listing .slider .owl-next {
        left: 37px;
    }
    .banner {
        width: auto;
        height: 6em;
        float: none;
        margin: 0 0 15px;
        font-size: 2.4vw;
    }
    .banner:last-child {
        margin-bottom: 0;
    }
    .banner p {
        font-size: 1.1em;
    }
    .banner.banner-format1 {
        height: auto;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .banner-format1 .banner-col {
        width: 50%;
        padding-left: 0;
    }
    .banner-format1 .banner-col:last-child {
        width: 100%;
        padding: 1em 0;
    }
    .banner.banner-format2 {
        height: 12em;
    }
    .banner.banner-format2 .banner-col:last-child {
        padding-bottom: 5em;
    }
    .banner .banner-button {
        font-size: 1.2em;
    }
    .banner.banner-format3 {
        width: auto;
    }
    .page-section {
        padding: 30px 0;
    }
    .top-gap {
        margin-top: 30px;
    }
    .bottom-gap, #main {
        margin-bottom: 30px;
    }
    .project-features {
        font-size: 12px;
    }
    .project-search {
        margin-top: 40px;
    }
    .project-search .options2{
        flex-direction: column;
    }
    .project-search .areas li, .project-search .types li {
        width: 50%;
    }
    .section-form form {
        max-width: 290px;
    }
    .section-popular-collections {
        margin: 40px 0;
    }
    .client-services .title, .client-services p {
        font-size: 1rem;
    }
    .latest-articles .more {
        padding-top: 1.5em;
    }
    .featured-projects .details p {
        display: none;
    }
    .section-advantages li {
        font-size: 15px;
    }
    .section-advantages .icon {
        width: 100px;
        height: 84px;
        margin-bottom: 15px;
        padding: 0 5px 15px 24px;
    }
    .section-advantages .icon:after {
        width: 70px;
        height: 70px;
    }
    .section-beware {
        padding: 50px 0;
    }
    #footer .bottom {
        font-size: 11px;
    }
    .attachment {
        font-size: .9em;
    }
    button, .button {
        height: 41px;
        font-size: 12px;
        line-height: 41px;
    }
    button {
        margin-top: 20px;
    }
    form .agreement {
        font-size: .9em;
        margin: 20px 0;
    }
    .lb-nav {
        padding: 0 1rem;
    }
    .owl-prev, .owl-next, .lb-prev:after, .lb-next:after {
        font-size: 40px;
    }
    .owl-dots .owl-dot {
        width: 12px;
        height: 12px;
    }
    .slider.bottom-controls {
        margin-bottom: 60px;
    }
    .slider.bottom-controls .owl-prev, .slider.bottom-controls .owl-next {
        bottom: -60px;
    }
    .slider.bottom-controls .owl-dots {
        margin-top: 38px;
    }
    .modal-window {
        padding: 40px 30px 30px;
    }
    .modal-form {
        max-width: 400px;
    }
    .modal-window form {
        max-width: 290px;
    }
    .modal-window .register {
        margin-top: 1.5em;
    }
    .modal-close {
        width: 20px;
        height: 20px;
        right: 15px;
        top: 15px;
    }
    .modal-close:hover {
        opacity: .85;
    }
    .modal-window .login-form .restore {
        font-size: 12px;
    }
    .cities-list {
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        margin-right: -20px;
    }
    .section-projects .show-more {
        margin: 10px auto 0;
    }
    .breadcrumbs {
        font-size: 12px;
    }
    .section-detailed-collections .column {
        width: 100%;
        max-width: none;
    }
    .collection-materials li {
        width: calc((100% - 15px) / 2);
    }
    .collection-materials li:nth-child(3n+1) {
        clear: none;
        margin-left: 15px;
    }
    .collection-materials li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .collection-params li {
        font-size: .9em;
    }
    .project-search-trigger  {
        display: table;
        float: none;
        margin: 0 auto 1em;
    }
    .section-project-search.off .project-search-trigger {
        margin-bottom: .5em;
    }
    .project-search .additional-options li {
        width: 100%;
        margin-left: 0;
    }
    .project-search .additional-options li:nth-child(3n+1) {
        clear: none;
        /*margin-left: 4%;*/
    }
    .project-search .additional-options li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
    .project-search .selection-request {
        padding-top: 1.5em;
    }
    .project .main, .project .panel {
        margin-bottom: 30px;
    }
    .project .header {
        padding-right: 100px;
    }
    .project h1.text-center {
        text-align: left;
    }
    .projects-nav {
        width: 85px;
        height: 40px;
    }
    .comment-footer > li {
        font-size: .8em;
        margin-right: 2em;
    }
    .comments-list {
        margin-top: 1em;
    }
    .comments-list .comment {
        padding: 1.5em 0;
    }
    .comments-list .comments-list {
        margin-left: 2em;
    }
    .section-project-search .header {
        font-size: 1rem;
        margin-bottom: 0;
    }
    .faq .question, .cooperation > dt {
        padding: 1.5rem 4rem;
    }
    .faq .answer {
        padding: .15rem 0 1.5rem 4rem;
    }
    .faq .question:before, .faq .answer:before {
        left: 1.2em;
    }
    .faq .question:after, .cooperation > dt:after {
        right: 1.4em;
    }
    .banners.basic a {
        width: 200px;
        max-width: 40%;
    }
    .help-request li, .help-request li:nth-child(even), .help-request textarea, .help-request .agreement, .photos li, .videos li {
        width: 100%;
        float: none;
    }
    .help-request .agreement {
        min-height: 0;
    }
    .help-request button {
        float: none;
    }
    .categories-list {
        margin-bottom: 25px;
    }
    .categories-list li {
        margin: 0 5px 5px 0;
    }
    .categories-list a, .categories-list li > span {
        font-size: .8em;
        padding: .5em .9em;
    }
    .category-pagination {
        font-size: 10px;
    }
    .field-restriction {
        font-size: 12px;
        margin: -10px 0 20px;
    }
    .restore-password {
        max-width: 370px;
        margin: 30px auto;
    }
    .partners .logo {
        max-width: 18em;
        height: 10em;
        margin-bottom: 1em;
    }
    .project-payment-options, .project-payment-options > li {
        display: block;
        width: auto;
    }
    .project-payment-options > li + li {
        margin-top: 30px;
    }
    .contact-data .contact-details {
        width: 100%;
    }
    /*
	.lb-container {
		padding: 0 1rem;
	}
	*/
    .latest-articles.grid {
        display: block;
    }
    .latest-articles.grid .item {
        width: auto;
        max-width: 24rem;
        margin: 0 auto 30px;
    }
    .cooperation .icon {
        left: 1em;
    }
    .cooperation .icon + .icon {
        display: none;
    }
    .cooperation > dd {
        padding: .15em 0;
    }
    .search-projects {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    .technologies li {
        width: 31%;
        margin: 0 2% 1.5em;
    }
}

@media (min-width: 599px) and (max-width: 840px) {
    .project-search .additional-options li {
        width: 48%;
        margin-left: 4%;
    }
    .project-search .additional-options li:nth-child(3n+1) {
        clear: none;
        margin-left: 4%;
    }
    .project-search .additional-options li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .projects.listing .project-features, .projects.listing .more {
        max-width: none;
        float: left;
        clear: left;
    }
    .projects.slider {
        font-size: 1.75vw;
    }
    .projects.slider .project-preview .tags li, .projects.slider .project-features {
        font-size: .8em;
    }
}
@media (min-width: 480px) {
    .project .project-preview .tags {
        top: 2em;
    }
    .payer-data fieldset label {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin: 0 0 10px;
    }
    .payer-data fieldset label > span {
        display: table-cell;
        vertical-align: middle;
    }
    .payer-data fieldset input {
        margin: 0;
    }
}
@media (max-width: 479px) {
    html {
        font-size: 13px;
    }
    #header .logo {
        float: none;
    }
    #header .region {
        float: none;
        text-align: left;
    }
    .projects.listing .project-preview {
        padding: 0;
    }
    .projects.listing .project-preview .layout {
        /*width: calc(50% - 1px);*/
        margin: 1px 1px 0 0;
        width: 100%;
    }

    .projects.listing .project-preview .description {
        padding: 1.25em;
        margin: 0;
    }
    .projects.listing .project-preview .bookmark {
        right: 15px;
        top: 15px;
    }
    .projects.listing .project-features li {
        margin-bottom: .5em;
    }
    .client-services {
        display: block;
        margin: 0;
    }
    .client-services li {
        width: auto;
        margin: 20px auto 0;
    }
    .client-services .title {
        margin-bottom: .5em;
    }
    .client-services .title br {
        display: none;
    }
    .latest-articles p {
        font-size: .9em;
    }
    .article-preview .image {
        margin-bottom: 30px;
    }
    .section-advantages li {
        width: auto;
        max-width: none;
    }
    #footer {
        font-size: 12px;
    }
    #footer .user-menu {
        font-size: 1em;
        margin-top: 1.5em;
    }
    .project-search .selection-request li {
        width: auto;
        float: none;
        margin-left: 0;
    }
    .project-search .selection-request li:nth-child(3n+1) {
        margin-left: 0;
    }
    .project .related {
        line-height: 3;
        padding: 0 2em;
        left: 1.5em;
        bottom: 1.5em;
    }
    .selected-project .text {
        font-size: 1em;
    }
    .selected-project .features select {
        min-width: 0;
    }
    .technologies li {
        width: 45%;
    }
    .payer-data fieldset label > span {
        display: block;
        margin-bottom: 10px;
    }
}
@media (max-width: 399px) {
    .bookmark {
        font-size: 28px;
    }
    .section-advantages li {
        font-size: 14px;
    }
    #footer {
        text-align: center;
    }
    #footer .about, #footer .contacts {
        width: auto;
        float: none;
    }
    #footer .logo {
        margin: 0 auto;
    }
    #footer .contacts, #footer .social-networks {
        display: inline-block;
        vertical-align: top;
        text-align: left;
        float: none;
    }
    #footer .user-menu li + li {
        margin-left: 1em;
    }
    #footer .contacts li {
        width: 50%;
        float: left;
    }
    .footer-menu {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
    .footer-menu li, #footer .user-menu li {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin: 0 .5em;
        padding-bottom: 1em;
    }
    #footer .bottom {
        font-size: 12px;
    }
    .breadcrumbs {
        font-size: 12px;
    }
    .collection-materials li {
        width: auto;
        float: none;
        margin: 0 0 30px !important;
    }
    .project-search .additional-options li {
        width: auto;
        float: none;
        margin-left: 0;
    }
    .project-search .additional-options li:nth-child(3n+1) {
        margin-left: 0;
    }
    .projects-nav span {
        white-space: normal;
    }
    .related-collection {
        -webkit-columns: auto;
        -moz-columns: auto;
        columns: auto;
    }
}
/*.project .images .pagination img, */
#nav .submenu, a, input, textarea, select, button, .button, .button:after, .checkbox label:before, .checkbox label:after,
.radio label:before, .radio label:after, .attachment span:after, .owl-prev, .owl-next, .owl-prev:after, .owl-next:after,
.owl-dot, .lb-nav a:after, .menu-toggle:before, .menu-toggle:after, #showcase .pagination img, .bookmark:after,
.ui-slider-handle span, .projects-options .view a:before, .projects-options .view a:after,
.comment-footer .vote a:before,
.faq .question, .faq .question:after,
.cooperation > dt, .cooperation > dt:after, .attachment span:before, .attachment span:after, .article-preview .image img,
.article-preview .image .more, .technologies img {
    -webkit-transition: .15s;
    transition: .15s;
}
#nav .submenu:hover, #showcase .images img, .latest-articles .more, .project-preview .tags li, .featured-projects .details p, .featured-projects .project-features, .project-preview .cover img, .section-project-search, #showcase + h1 {
    -webkit-transition: .3s;
    transition: .3s;
}

.item .project-preview {
    background-color: transparent;
    width: 100%;
    padding-top: 75%;
    position: relative;
}
.item .project-preview .cover {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.item .project-preview .cover img {
    /*max-height: 600px;*/
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.images {
    position: relative;
}

.shop-order {
    margin-bottom: 2rem;
}
.shop-order__content {
    display: flex;
    flex-direction: column-reverse;
}

.shop-order__table-row:hover {
    background: #f2f2f2;
}
.shop-order__header {
    padding: .5rem;
}
.shop-order__table td {
    padding: .5rem;
}

.shop-order__sum {
    font-weight: bold;
}

.shop-order__link {
    text-decoration: none !important;
}
.shop-order__link:hover {
    text-decoration: underline !important;
}

#nav .menu-extra .submenu li {
    position: relative;
}
#nav .menu-extra .submenu li .submenu {
    position: absolute;
    padding: 0;
    display: none;
}

#nav .menu-extra .submenu li:hover .submenu {
    display: block;
    top: 0;
    left: -100%;
}

.empty-message {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 6rem 0 7rem;
}
.empty-message__icon {
    height: 3rem;
    width: 3rem;
    color: #e6252a;
    margin-bottom: 1rem;
}
.empty-message__icon svg {
    max-width: 100%;
    max-height: 100%;
}
.empty-message__title {
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 1em 0;
    font-weight: bold;
    text-align: center;
}
.empty-message__message {
    text-align: center;
    max-width: 30rem;
}
.empty-message__message + .button {
    margin-top: 1rem;
}
.empty-message_compact {
    padding: 3rem 0 2rem;
}
.empty-message_compact .empty-message__title {
    margin: .2em 0;
}
.empty-message_compact .empty-message__icon {
    margin-bottom: .3rem;
}

.comment-form__input {
    width: 100%;
}

.comment-form__rating {
    display: flex;
    align-items: center;
    height: 41px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.comment-form__rating-title {
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: .5rem;
}
.comment-form__rating-title:after {
    content: ':';
    display: inline;
}

.comment-form__secondary-controls .agreement {
    margin: .8rem 0 0 0;
}

.comment-form__secondary-controls .agreement label {
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: .5rem;
}

.comment-form__footer {
    align-items: center;
}

.comment-form__submit {
    margin-top: 0;
    max-width: 18rem;
}

.comment-form__submit:before {
    display: none !important;
}

@media (min-width: 600px) {
    .comment-form__row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .comment-form__input_name,
    .comment-form__input_email {
        width: 45%;
        width: calc(50% - 8px);
    }
}

@media (min-width: 992px) {
    .comment-form__secondary-controls,
    .comment-form__input_title,
    .comment-form__input_name,
    .comment-form__input_email {
        width: 30%;
        width: calc(33.33333% - 10px);
    }
}

.tech-online .section-header {
    margin-top: 0;
}

.tech-online .section-form {
    margin-bottom: 3rem;
}

.tech-online__group-name {
    background: #f5f7f9;
    font-size: 1.3rem !important;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1.5rem;
    text-align: center;
}

@media (min-width: 30rem) {
    .tech-online__group-name {
        font-size: 1.2rem !important;
    }
}

.tech-online__group-items {
    display: flex;
    flex-wrap: wrap;
}

.tech-online__item-img {
    position: absolute;
    width: 100%;
    height: 100% !important;
    object-fit: contain;
}
.tech-online__item-link {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border: 1px solid #f5f7f9;
    background: white;
}

.tech-online__item-name {
    font-size: 1.2rem;
    text-align: center;
    text-decoration: none !important;
    margin-bottom: .6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 3.4rem;
}

@media (min-width: 30rem) {
    .tech-online__item-name {
        font-size: 1rem;
    }
}

.tech-online__item {
    margin: 0 10px 30px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
/*.tech-online__item img {*/
/*	border: 1px solid gray;*/
/*}*/

@media (min-width: 28rem) {
    .tech-online__item {
        width: calc((100% - 88px) / 2);
    }
}

@media (min-width: 45rem) {
    .tech-online__item {
        width: calc((100% - 88px) / 3);
    }
}

@media (min-width: 62rem) {
    .tech-online__item {
        width: calc((100% - 88px) / 4);
    }
}

.tech-online__group-description {
    padding: 0 4rem;
    font-size: .8rem;
    text-align: center;
}

.project-preview_hidden {
    height: 0;
    visibility: hidden;
}

.filters-header {
    color: #2855a8;
}

.ap p {margin-bottom: 30px;}

.ap ul {list-style-type: square;
    list-style-position: inside;
    margin-bottom: 30px;
}

.photonote-item {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background: white;
    cursor: pointer;
    z-index: 999;
    user-select: none;
    padding: 0 ;
    z-index: 2;
}
.photonote-item:before {
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    top: 0rem;
    left: -2rem;
    width: 5.5rem;
    height: 2rem;
}
.photonote-item:after {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    content: '+';
    color: #000;
    z-index: 9999;
    display: block;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-size: 1.2rem;
    transition: transform .3s;
}
.photonote-item_active:after {
    transform: rotate(135deg);
}

.photonote {
    display: none;
    position: absolute;
    background: white;
    left: 50%;
    top: 120%;
    transform: translateX(-50%);
    width: 9rem;
    padding: .5rem .3rem;
    border-radius: 5px;
}

.photonote:after {
    display: block;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    z-index: 90;
}

.photonote-item_active .photonote {
    display: block;
}

.photonote-item_active_manual-mode {
    display: block;
}

.photonote__header {
    font-size: .7rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: .4rem;
}
.photonote__content iframe {
    width: 100%;
    border: none;
}

.lity {
    background: rgba(0, 0, 0, 0.5);
}

.lity-close,
.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
    width: 40px;
    height: 40px;
    line-height: 40px !important;
    color: #fff;
    font-style: normal;
    font-weight: normal;
    font-size: 3rem;
    font-family: inherit;
    background: #e6252a;
    right: 0;
    top: 0;
    position: absolute;
    margin: 0;
    padding-bottom: 2px;
}

.filters input[fdisabled] + label:before {
    background: #b9b9b9;
    cursor: not-allowed;
}

.filters option[fdisabled] {
    background: #b9b9b9;
    cursor: not-allowed;
}

.input_hidden {
    display: none;
}

.project-payment-options .input_radio:checked + label.button {
    background: #e6252a;
    border: 1px solid #e6252a;
}

.project-payment-options .input_radio:checked + label.button span:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 15px;
    background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: -2px;
    margin-right: .5rem;
}

.project-payment-options .input_radio:checked + label.button:hover {
    color: whitesmoke;
}


.request-form__success-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.success-message {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 6rem 0 7rem;
}

.success-message__icon {
    height: 3rem;
    width: 3rem;
    color: #e6252a;
    margin-bottom: 1rem;
}
.success-message__icon svg {
    max-width: 100%;
    max-height: 100%;
}

.success-message__title {
    font-size: 1.4rem;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 1em 0;
    font-weight: bold;
    text-align: center;
}

.success-message__message {
    text-align: center;
    max-width: 30rem;
}

.collaboration-form {
    padding: 30px 4.5%;
}

.collaboration-form__header{
    font-weight: 600;
    text-transform: none;
    margin: 0 0 1em;
    font-size: 1.4rem;
    text-align: center;
}

.collaboration-form__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.collaboration-form__row input{
    width: 100%;
}

.collaboration-form__footer{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.collaboration-form__submit {
    margin-bottom: 0;
}

.collaboration-form__submit[disabled] {
    background: #bebebe;
    cursor: not-allowed;
}

.collaboration-form__agreement {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.collaboration-form .error,
.collaboration-form .success {
    display: block;
    background: #e6252a;
    margin-top: 1rem;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    padding: 0 2.5em;
    text-align: center;
}

.collaboration-form .error {
    background: #e6252a;
}

.collaboration-form__form .success {
    display: none;
    background: #2855a8;
    padding: 0;
    margin-top: 1rem;
    font-size: 0;
    display: block;
    max-height: 0;
    transition: all .3s;
    opacity: 0;
}


.collaboration-form__form.sended .success {
    max-height: 600px;
    opacity: 1;
    font-size: 14px;
}

.collaboration-form__agreement {
    width: 100%;
    margin: 0 0 1.3rem !important;
}



@media (min-width: 62rem) {
    .collaboration-form__row input {
        width: 49%;
    }

    .collaboration-form__submit {
        width: auto;
        min-width: 30%;
    }
    .collaboration-form__agreement {
        width: auto;
        margin: 15px 0 !important;
    }
}

.autoload {
    height: 48px;
    margin-top: 1.4rem;
    font-family: inherit;
    font-size: 14px;
    font-weight: bold;
    line-height: 48px;
    text-transform: uppercase;
    text-align: center;
}

@media (min-width: 990px) {
    .autoload {
        float: left;
        margin-top: -48px;
        text-align: left;
    }
}

.autoload__input {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    vertical-align: middle;
    margin: -4px .3rem 0 0;
}

.autocomplete-suggestions {
    max-height: none !important;
    border-left: 1px solid #2855a8;
    border-right: 1px solid #2855a8;
    border-bottom: 1px solid #2855a8;
}

.suggestion {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: white;
    cursor: pointer;
}

.suggestion__preview {
    width: 4rem;
    height: 4rem;
    margin-right: .6rem;
    flex: 0 0 4rem;
}

.suggestion__image {
    width: 100%;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.suggestion__content {
    overflow: hidden;
}

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

.hostcmsPanel img {
    width: auto !important;
    height: auto !important;
    display: inline;
}
.hostcmsSubPanel > * {
    display: inline !important;
}

.onestep-order .order-confirmation {
    margin-top: 1rem;
}

.onestep-order .social-links {
    margin-top: 1rem;
}
.onestep-order .social-links .header {
    font-size: 1rem;
    text-align: center;
    padding: 0
}

.calculate-building-price__form {
    position: relative;
    flex-wrap: wrap;
}

.calculate-building-price__form .calculate-building-price__control_checkbox {
    position: static;
}

.calculate-building-price__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.calculate-building-price__row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 20px;
}

.calculate-building-price__row .calculate-building-price__input {
    width: 30%;
    width: calc(33.33333% - 10px);
}

.calculate-building-price__form.sended .message {
    width: 90%;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #e6252a;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.calculate-building-price__control_textarea {
    width: 100%;
}
.calculate-building-price__form.sended .calculate-building-price__input,
.calculate-building-price__form.sended .calculate-building-price__control_checkbox,
.calculate-building-price__form.sended .calculate-building-price__control_textarea,
.calculate-building-price__form.sended .calculate-building-price__control_button {
    visibility: hidden;
}

.sys-info {
    position: fixed;
    top: 30%;
    left: 99.8%;
    padding: 1rem;
    background: #343434;
    color: white;
    width: 30%;
    z-index: 999;
}
.sys-info:hover {
    left: 70.1%;
}
.sys-info__textarea {
    margin: 0 !important;
    padding: 1rem !important;
    color: white !important;
    background: #707070ad !important;
    border: none !important;
    height: 6rem !important;
}

.child-collections li {
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
}

.child-collections li a {
    display: inline-block;
    height: 2.77em;
    font-size: .9em;
    font-weight: bold;
    color: #929292;
    vertical-align: middle;
    text-align: center;
    padding: 0 .8em;
    border: 1px solid #cacdd0;
    line-height: 2.6em;
}

.child-collections li a[href$='#'] {
    background-color: #e6ecf2;
}

.child-collections li a:hover {
    background: #2855a8;
    border-color: #2855a8;
    color: #fff;
}

.column-collections__action {
    display: inline-block;
    vertical-align: top;
    font-size: .9em;
    color: #2855a8;
    text-decoration: underline;
    margin: 1em 0 0;
}

.column-collections__collection_hidden {
    display: none !important;
}

.gallery .owl-item {
    margin-left: -.1px;
}
.gallery__video {
    width: 4rem;
    height: 3rem;
    display: block;
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 100;
}
.gallery__video:after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(/assets/images/theme/youtube-play.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.fancybox__content {
    width: 98% !important;
    height: 98% !important;
    background: white !important;
}

.fancybox__image {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}

.mfp-bg {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    display: block;
    line-height: .5;
    color: #000;
    cursor: pointer;
    font-size: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    opacity: .5;
    z-index: 51;
    font-weight: normal;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2rem;
    margin: 0;
    padding: 0;
    -webkit-text-stroke: 1px white;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover {
    background: transparent;
}

.mfp-iframe-scaler .mfp-close,
.mfp-iframe-scaler .mfp-close:hover {
    background: #e6252a;
    color: white;
    opacity: 1;
}

.mfp-iframe {
    width: auto;
    height: 100%;
    object-fit: contain;
}

.mfp-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mfp-container {
    width: 96%;
    height: 94%;
    position: relative;
    padding: 0;
}

.mfp-content,
.mfp-iframe-holder .mfp-content {
    background: white;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: none;
}

.mfp-iframe-holder .mfp-content {
    padding: 1.4rem;
}

.mfp-iframe-holder {
    width: 90% !important;
    max-width: 50rem;
}

.mfp-iframe-scaler {
    position: relative;
    padding-top: 56.25%;
    height: 0;
    top: 0;
    left: 0;
    transform: none;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mfp-iframe-holder .mfp-content {
    height: auto;
}

.mfp-figure,
.mfp-figure figure {
    background: white;
    height: 100%;
    width: 100%;
}

img.mfp-img {
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.mfp-arrow {
    font-size: 3.4rem;
    width: 1em;
    height: 1em;
    background: transparent;
    margin-top: 0;
    opacity: 1;
}
.mfp-arrow:hover {
    background: transparent;
}
.mfp-arrow:active {
    margin-top: 0;
}

.mfp-arrow:before {
    display: none;
}

.mfp-arrow:after {
    display: block;
    content: '';
    width: 1em;
    height: 1em;
    border: none;
    margin: 0;
    top: 0;
    left: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-left:after {
    background-size: 0.45em !important;
}
.mfp-arrow-right:after {
    background: #e6252a url(/assets/images/theme/next-white.svg) 50% 50% no-repeat;
}
.mfp-arrow-left:after {
    background: #e6252a url(/assets/images/theme/prev-white.svg) 50% 50% no-repeat;
}

.mfp-selfhosted-video {
    width: 100%;
    height: 100%;
    background: black;
}
.selfhosted-video {
    width: 100%;
    height: 100%;
    object-fit: 100%;
    margin: auto;
}
.mfp-selfhosted-video .mfp-close {
    background: #e6252a;
    color: white;
    opacity: 1;
    cursor: pointer;
    font-size: 3rem;
    position: absolute;
    right: 1rem;
    top: 1rem;
    display: block;
    margin: 0;
}

.video-item .video-item__player {
    display: none;
}

.text-content img {
    max-width: 100%;
    height: auto;
}

.basic-slider .owl-item {
}
.basic-slider .owl-stage img {
    max-height: 80vh;
    max-width: 100%;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.captcha {
    display: flex;
    justify-content: center;
    width: 100%;
}

.captcha__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 1rem;
}

@media (min-width: 30rem) {
    .captcha {
        justify-content: flex-start;
    }

    .captcha__inner {
        flex-direction: row;
        justify-content: flex-start;
    }
}

.captcha__img {
    display: block;
}

.captcha__refresh {
    width: 1.4rem;
    height: 1.4rem;
    cursor: pointer;
    margin: 0 1rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23a2a2a2' d='M449.9 39.96l-48.5 48.53C362.5 53.19 311.4 32 256 32C161.5 32 78.59 92.34 49.58 182.2c-5.438 16.81 3.797 34.88 20.61 40.28c16.97 5.5 34.86-3.812 40.3-20.59C130.9 138.5 189.4 96 256 96c37.96 0 73 14.18 100.2 37.8L311.1 178C295.1 194.8 306.8 223.4 330.4 224h146.9C487.7 223.7 496 215.3 496 204.9V59.04C496 34.99 466.9 22.95 449.9 39.96zM441.8 289.6c-16.94-5.438-34.88 3.812-40.3 20.59C381.1 373.5 322.6 416 256 416c-37.96 0-73-14.18-100.2-37.8L200 334C216.9 317.2 205.2 288.6 181.6 288H34.66C24.32 288.3 16 296.7 16 307.1v145.9c0 24.04 29.07 36.08 46.07 19.07l48.5-48.53C149.5 458.8 200.6 480 255.1 480c94.45 0 177.4-60.34 206.4-150.2C467.9 313 458.6 294.1 441.8 289.6z'/%3E%3C/svg%3E");
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
}

.captcha__code {
    margin: 0 0 1rem 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.captcha__input {
    margin: 0;
}

.grecaptcha-badge {
    display: none !important;
}

.all-groups__group {
    margin-bottom: 3rem;
}

.all-groups__subgroups {
    margin-top: .7rem;
}

.all-groups__group-title {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
}

.all-groups__subgroup_current .all-groups__subgroup-preview:after {
    -webkit-box-shadow: 0 0 0 3px rgba(40, 85, 168, 0.97) inset;
    -moz-box-shadow: 0 0 0 3px rgba(40, 85, 168, 0.97) inset;
    box-shadow: 0 0 0 3px rgba(40, 85, 168, 0.97) inset;
}

.all-groups__subgroup-link {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 75%;
}
.all-groups__subgroup-preview:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
    position: absolute;
    left: 0;
    top: 0;
}
.all-groups__subgroup-preview {
    position: absolute;
    width: 100%;
    height: 100%;
}

.all-groups__subgroup-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.all-groups__subgroup-title {
    position: absolute;
    bottom: 0;
    padding: 0 1rem 0.8rem;
    font-size: .85rem;
    z-index: 60;
    font-weight: bold;
    color: white;
    width: 100%;
}

.comment-form__rating-stars {
    display: flex;
}

.jq-star-svg {
    width: 100%;
    height: 100%;
}

a.control {
    background-color: #00bb00;
}
a.control:hover {
    background-color: #0ca838;
}
a.control_add-to-cart {
    background: #e6252a;
}
a.control_add-to-cart:hover {
    background: #e6252a;
    opacity: 0.7;
}

h4.subtitle {
    margin-top: 5px;
}
.project-search {
    margin-top: 20px;
}
.page-section {
    padding: 5px 0;
}
.checkbox, .radio {
    margin-bottom: 10px;
}

@media (max-width: 599px) {
    .page-section {
        padding: 0;
    }
    .checkbox, .radio {
        margin-bottom: 10px;
    }
    h1, .section-header {   
        margin-top: 10px;
    }

}

.buttons{
    min-height: 45px;
    border: 0px solid red;
    padding-top: 5px;
    margin: 0px 0;
}
.buttons div{
    display: inline-block;
    padding-left: 5px;
}
.sendMe .label {
    font-size: .9em;
    font-weight: 600;
    float: left;
    margin: .1em 1em 0 0;
    padding-left: 0;
}
.buttons div.btn_whatsapp a,
.buttons div.btn_telegram a {
    padding: 8px 12px;
    border-radius: 30px;
    font-size: 0.7rem;
    font-weight: 600;
}
.buttons div.btn_whatsapp a { border: 1px solid #25D366; color: #25D366;}
.buttons div.btn_whatsapp a:hover {background-color: #25D366; color:#ffffff;}
.buttons div.btn_telegram a { border: 1px solid #2CA5E0; color: #2CA5E0;}
.buttons div.btn_telegram a:hover {background-color: #2CA5E0; color:#ffffff;}
div.btn_whatsapp, div.btn_telegram {
    float: right;
}

@media (max-width: 990px) {
    .buttons {
        min-height: 35px;
        margin-top: 5px;
    }

    .buttons div.btn_whatsapp a,
    .buttons div.btn_telegram a {
        padding: 10px 12px;
        border-radius: 30px;
        font-size: 0.9rem;
        font-weight: 600;
    }
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 */
    position: relative;
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    width: 100%;
    height: 100%;
}