/* Start:/bitrix/templates/nsb/components/bitrix/catalog.section.list/top_menu_catalog/style.min.css?16612008746236*/ .bx_catalog_line{margin-bottom:30px}.bx_catalog_line .bx_catalog_line_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_line .bx_catalog_line_category_title a{color:#000;text-decoration:none}.bx_catalog_line .bx_catalog_line_ul{padding:0}.bx_catalog_line .bx_catalog_line_ul li{margin-bottom:20px;list-style:none}.bx_catalog_line .bx_catalog_line_ul li:before{content:''!important}.bx_catalog_line .bx_catalog_line_img{position:relative;display:block;float:left;overflow:hidden;margin-right:40px;width:125px;height:125px;border:1px solid #ccc;border-radius:2px;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_line .bx_catalog_line_title{margin-bottom:10px;padding:0;vertical-align:top;line-height:18px}.bx_catalog_line .bx_catalog_line_title a{color:#4c7da6;font-size:18px}.bx_catalog_line .bx_catalog_line_title a:hover{text-decoration:none}.bx_catalog_line .bx_catalog_line_title span{font-size:16px}.bx_catalog_line .bx_catalog_line_description{color:#3f3f3f;font-size:13px;line-height:16px}@media(max-width:639px){.bx-touch .bx_catalog_line .bx_catalog_line_img{margin-right:10px;width:50px;height:50px}.bx-touch .bx_catalog_line .bx_catalog_line_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_line .bx_catalog_line_title a{font-size:14px}.bx-touch .bx_catalog_line .bx_catalog_line_description{font-size:11px}}.bx_catalog_line .bx_catalog_line_img,.bx_catalog_line .bx_catalog_line_title,.bx_catalog_line .bx_catalog_line_title a,.bx_catalog_line .bx_catalog_line_description{transition:all .3s ease}.bx_catalog_text{margin-bottom:30px}.bx_catalog_text .bx_catalog_text_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_text .bx_catalog_text_category_title a{color:#000;text-decoration:none}.bx_catalog_text .bx_catalog_text_ul{padding:0}.bx_catalog_text .bx_catalog_text_ul li{float:left;margin:0 10px 10px;list-style:none}.bx_catalog_text .bx_catalog_text_ul li:before{content:''!important}.bx_catalog_text .bx_catalog_text_title{margin:0;padding:0;vertical-align:top;font-size:14px;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{display:inline-block;overflow:hidden;max-width:100%;color:#4c7da6;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:14px}.bx_catalog_text .bx_catalog_text_title a:hover{text-decoration:none}.bx_catalog_text .bx_catalog_text_title span{font-size:12px}@media(max-width:639px){.bx-touch .bx_catalog_text .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_catalog_text .bx_catalog_line_title a{font-size:12px}}.bx_catalog_text .bx_catalog_line_title,.bx_catalog_text .bx_catalog_line_title a{transition:all .3s ease}.bx_catalog_tile{margin-bottom:30px}.bx_catalog_tile .bx_catalog_tile_category_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_catalog_tile .bx_catalog_tile_category_title a{color:#000;text-decoration:none}.bx_catalog_tile .bx_catalog_tile_ul{padding:0}.bx_catalog_tile .bx_catalog_tile_ul li{float:left;box-sizing:border-box;margin-bottom:20px;padding:0 10px;width:12.5%;list-style:none;text-align:center}.bx_catalog_tile .bx_catalog_tile_ul li:before{content:''!important}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:both}.bx_catalog_tile .bx_catalog_tile_img{position:relative;display:block;overflow:hidden;margin:0 auto;width:78px;height:78px;border:1px solid #ccc;border-radius:2px;background-color:#fff;background-position:center;background-size:contain;background-repeat:no-repeat;-webkit-background-size:contain}.bx_catalog_tile .bx_catalog_tile_title{margin-top:5px;margin-bottom:10px;padding:0;vertical-align:top;line-height:14px}.bx_catalog_tile .bx_catalog_tile_title a{color:#4c7da6;font-size:14px}.bx_catalog_tile .bx_catalog_tile_title a:hover{text-decoration:none}.bx_catalog_tile .bx_catalog_tile_title span{font-size:12px}@media(max-width:980px){.bx_catalog_tile .bx_catalog_tile_ul li{width:20%}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:both}}@media(max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_title{margin-bottom:5px;line-height:14px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title{line-height:10px}.bx-touch .bx_catalog_tile .bx_catalog_tile_title a{font-size:11px}}@media(min-width:480px) and (max-width:639px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:25%}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(4n+1){clear:both}}@media(max-width:479px){.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li{width:33.3%}.bx-touch .bx_catalog_tile .bx_catalog_tile_img{width:100%;height:80px}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(8n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(5n+1){clear:none}.bx-touch .bx_catalog_tile .bx_catalog_tile_ul li:nth-child(3n+1){clear:both}}.bx_catalog_tile .bx_catalog_tile_title,.bx_catalog_tile .bx_catalog_tile_title a,.bx_catalog_tile .bx_catalog_tile_ul li,.bx_catalog_tile .bx_catalog_tile_img{transition:all .3s ease}.bx_sitemap{margin-bottom:30px}.bx_sitemap .bx_sitemap_title{padding-bottom:14px;border-bottom:1px solid #e5e5e5;font-size:24px}.bx_sitemap .bx_sitemap_title a{color:#000;text-decoration:none}.bx_sitemap .bx_sitemap_ul li{padding:0;line-height:14px}.bx_sitemap .bx_sitemap_ul li:before{content:''!important}.bx_sitemap .bx_sitemap_li_title{display:inline-block;margin:0;margin-bottom:10px;padding:0;vertical-align:top;font-weight:normal;line-height:13px}.bx_sitemap .bx_sitemap_li_title a{color:#4c7da6;white-space:nowrap;font-size:13px}.bx_sitemap .bx_sitemap_li_title a:hover{text-decoration:none}.bx_sitemap .bx_sitemap_li_title span{font-size:11px}@media(max-width:639px){.bx-touch .bx_sitemap .bx_catalog_line_title{margin-bottom:5px;line-height:12px}.bx-touch .bx_sitemap .bx_catalog_line_title a{font-size:12px}}.bx_sitemap .bx_catalog_line_title,.bx_sitemap .bx_catalog_line_title a{transition:all .3s ease} /* End */ /* Start:/bitrix/templates/nsb/components/bitrix/news.list/regions/style.css?1612685171150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/bitrix/templates/nsb/assets/css/animate.css?164275276080962*/ @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -2deg); transform: rotate3d(0, 0, 1, -2deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 1deg); transform: rotate3d(0, 0, 1, 1deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -1deg); transform: rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes wobble { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { from { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion: reduce) { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } } /* End */ /* Start:/bitrix/templates/nsb/assets/css/slick.css?16427527601668*/ /** * Minified by jsDelivr using clean-css v4.2.0. * Original file: /npm/slick-carousel@1.8.1/slick/slick.css * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*# sourceMappingURL=/sm/fb3ed351cd5c0f1f30f88778ee1f9b056598e6d25ac4fdcab1eebcd8be521cd9.map */ /* End */ /* Start:/bitrix/templates/nsb/assets/css/user-ui.css?16497704537362*/ .dep_input_compare {font-size: 22px;color: #646363;text-align: center;background-color: #ffffff;padding: 4px;border: 1px solid #bdc6d7;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;} #selectDepInfoBorder { width:699px; padding:5px 5px 5px 5px; background-color:#ffffff; border:1px solid #bdc6d7; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;} #selectDepInfo { margin:auto; width:100%; background-color:#d7e9f9; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;} .selectCurrBtn { display:inline; font-size:14px; color:#000000; padding:10px 10px 10px 10px; background-color:#d7e9f9; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; cursor:pointer; border:1px solid #d7e9f9;} .currBtnActive{ background-color:#ffffff; cursor:default; border:1px solid #bdc6d7; color:#bdc2cd;} .selectCurrBtn1{ display:inline; font-size:11px; color:#000000; padding:5px; background-color:#d7e9f9; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; cursor:pointer; border:1px solid #d7e9f9;} .currBtnActive1{ background-color:#ffffff; cursor:default; border:1px solid #bdc6d7; color:#bdc2cd;} .depRow{ width:100%; height:150px; margin-top:5px; padding-top:10px; cursor:pointer} .depRowOver{ width:100%; height:150px; background-color:#edf2f8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; margin-top:5px; padding-top:10px;} .linkInBorder { display:inline; font-size:17px; color:#006ef7; padding:5px 15px 5px 15px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; cursor:pointer; border:1px solid #a3c6ee;} .linkInBorderActive { display:inline; font-size:17px; padding:6px 16px 6px 16px;} .tableColAdd{ color:#ff0000;} .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { border-radius: 5px; background-color: rgb(254, 180, 49); height: 5px; } .ui-slider-horizontal { height: 5px; background: #fff; cursor:pointer; } .ui-slider-horizontal .ui-slider-handle { top: 50%; transform: translate(-50%, -50%); cursor: pointer;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: 5px; cursor:pointer; } .ui-slider-vertical .ui-slider-handle { left: -2.5px; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; z-index: 2; position: absolute; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .allpolzunok {position:absolute;width:400px;height:26px;margin-left:90px;margin-top:95px;background-image:url(/bitrix/templates/nsb/assets/css/images/slider-bgselect.png);background-repeat:no-repeat;} .ui-widget-header {width:601px;height:8px; background: url(/bitrix/templates/nsb/assets/css/images/slider-line-select.png) 50% 50% repeat-x; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { width: 0.625rem; width: 1.75rem; height: 1.75rem; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5); background-color: rgb(254, 180, 49); border-radius: 50%; } .ui-state-default::before{ content: ''; width: 1rem; height: 1rem; background-color: rgb(255, 255, 255); border-radius: 50%; transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(/bitrix/templates/nsb/assets/css/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/bitrix/templates/nsb/assets/css/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft:6px;; -webkit-border-top-left-radius:6px;; -khtml-border-top-left-radius:6px;; border-top-left-radius:6px;; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright:6px;; -webkit-border-top-right-radius:6px;; -khtml-border-top-right-radius:6px;; border-top-right-radius:6px;; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft:6px;; -webkit-border-bottom-left-radius:6px;; -khtml-border-bottom-left-radius:6px;; border-bottom-left-radius:6px;; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright:6px;; -webkit-border-bottom-right-radius:6px;; -khtml-border-bottom-right-radius:6px;; border-bottom-right-radius:6px;; } .ui-widget-overlay { background: #666666 url(/bitrix/templates/nsb/assets/css/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .5;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/bitrix/templates/nsb/assets/css/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .2;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } a.ui-slider-handle { outline: none; } .ui-slider-handle { -ms-touch-action: none; touch-action: none; } /* End */ /* Start:/bitrix/templates/nsb/assets/css/fancybox.css?164987449415512*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 0, 0, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/bitrix/templates/nsb/assets/css/style.css?1750764419360545*/ @charset "UTF-8"; /* Montserrat */ @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Light.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Light-1.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Light.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Light.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Regular.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Regular-1.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Regular.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Regular.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Medium.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Medium-1.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Medium.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Medium.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-SemiBold.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-SemiBold.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Bold.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Bold.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Bold.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Bold.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Montserrat"; src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: "TT Norms"; src: url("/bitrix/templates/nsb/assets/css/../fonts/TTNorms/TTNorms-Regular.eot"); src: url("/bitrix/templates/nsb/assets/css/../fonts/TTNorms/TTNorms-Regular-1.eot") format("embedded-opentype"), url("/bitrix/templates/nsb/assets/css/../fonts/TTNorms/TTNorms-Regular.woff2") format("woff2"), url("/bitrix/templates/nsb/assets/css/../fonts/TTNorms/TTNorms-Regular.woff") format("woff"), url("/bitrix/templates/nsb/assets/css/../fonts/TTNorms/TTNorms-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .container { max-width: 107.5rem; width: 100%; margin-right: auto; margin-left: auto; padding: 0; } @media (max-width: 899px) { .container { padding: 0 4rem; } } @media (max-width: 699px) { .container { padding: 0 15px; } } html { font-size: 16px; } @media (max-width: 1920px) and (min-width: 900px) { html { font-size: 0.83333vw; } } @media (max-width: 899px) { html { font-size: 10px; } } @media (max-width: 699px) { html { font-size: 12px; } } @media (max-width: 439px) { html { font-size: 10px; } } body { margin: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; overflow-x: hidden; font-family: "Montserrat", sans-serif; font-weight: normal; font-style: normal; background-color: #fff; background-repeat: repeat-y; background-size: 100% auto; background-position: top center; } li { list-style: none; } ul { margin: 0; padding: 0; } p { margin: 0; } a { text-decoration: none; outline: none; color: #ffffff; } a:hover { color: #feae28; } img { user-select: none; } button, input { font-family: inherit; border: none; outline: none; background: none; padding: 0; } button { cursor: pointer; } * { box-sizing: border-box; } h1, h2, h3, h4, h5, h6 { margin: 0; } .text-strong { font-weight: bold; padding-left: 5px; } .price-old { text-decoration: line-through; font-size: 1.5rem; line-height: 1.9rem; color: #c9c9c9; } .price-new { font-size: 2.25rem; font-weight: 800; color: #282728; } .discount { padding: 0.3rem 0.8rem; font-size: 0.75rem; font-weight: 500; text-align: center; border-radius: 50px; background-color: #e2143b; color: #ffffff; margin-right: 0.5rem; } .test { border-bottom: 1px dashed #8fc620; } .text-bold { font-family: "Montserrat", sans-serif; font-weight: 600; } .green-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #25d266; vertical-align: middle; margin-right: 4px; } .animate-flicker { -webkit-animation: flickerAnimation 1s infinite; -moz-animation: flickerAnimation 1s infinite; -o-animation: flickerAnimation 1s infinite; animation: flickerAnimation 1s infinite; } @keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes flickerAnimation { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .strong { font-weight: bold; } .crossed { text-decoration: line-through; } .underline { position: relative; } .underline::after { position: absolute; bottom: 0; border-bottom: 2px solid #383838; content: ""; left: 0; width: 100%; } .text-center { text-align: center; } .visually-hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .decor { position: absolute; } .--under { position: relative; border-bottom: 1px dashed #ffce64; } .drk-block { background-repeat: repeat-y, no-repeat; background-size: 100% auto, cover; background-position: top center; background-color: #131314; } .fw-bold { font-weight: bold; } main { margin-bottom: 6rem; } .nested-menu { position: relative; } .nested-menu:after { content: ""; display: inline-block; width: 0.6875rem; height: 0.375rem; background-image: url("/bitrix/templates/nsb/assets/css/../img/arrow-down.png"); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-left: 1.125rem; position: relative; top: -0.1875rem; } .nested-menu:hover:after { background-image: url("/bitrix/templates/nsb/assets/css/../img/arrow-top.png"); } .submenu { position: absolute; z-index: 4; left: 50%; top: 100%; width: 150px; padding: 15px 0 15px; margin-top: 5px; background: white; border-radius: 5px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); box-sizing: border-box; } .header-menu > li:hover .cbp-hrsub { visibility: visible; opacity: 1; transform: translate(0, 0); } .cbp-hrsub { width: 100%; border-bottom: 4px solid #000000; position: absolute; z-index: 999; background: #000000; width: 100%; left: 0; visibility: hidden; opacity: 0; transform: translate(0, 50%); transition: 0.3s; } .cbp-hrsub-inner { width: 90%; max-width: 92em; margin: 0 auto; padding: 0 1.875em; } .cbp-hrmenu .cbp-hrsub { display: none; position: absolute; background: #47a3da; width: 100%; left: 0; } .cbp-hropen .cbp-hrsub { display: block; padding-bottom: 3em; } .cbp-hrmenu .cbp-hrsub-inner > div { width: 33%; float: left; padding: 0 2em 0; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:before, .cbp-hrmenu .cbp-hrsub-inner:after { content: " "; display: table; } .cbp-hrmenu .cbp-hrsub-inner:after { clear: both; } .cbp-hrmenu .cbp-hrsub-inner > div a { line-height: 2em; } .cbp-hrsub h4 { color: #afdefa; padding: 2em 0 0.6em; margin: 0; font-size: 160%; font-weight: 300; } .cbp-hrmenu { font-size: 120%; border: none; } .cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner { width: 100%; padding: 0; } .cbp-hrmenu .cbp-hrsub-inner { padding: 0 2em; font-size: 75%; } .cbp-hrmenu > ul > li { display: block; border-bottom: 4px solid #47a3da; } .cbp-hrmenu > ul > li > a { display: block; padding: 1em 3em; } .cbp-hrmenu .cbp-hrsub { position: relative; } .cbp-hrsub h4 { padding-top: 0.6em; } .cbp-hrmenu .cbp-hrsub-inner > div { width: 100%; float: none; padding: 0 2em; } .header-color { background-color: #383838; background-size: cover; background-position: center; } section, .section { position: relative; } @keyframes pulse1 { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); } 70% { box-shadow: 0 0 0 20px rgba(255, 255, 255, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } @keyframes pulse2 { 0% { box-shadow: 0 0 0 0 rgba(255, 204, 95, 0.6); } 70% { box-shadow: 0 0 0 20px rgba(255, 204, 95, 0); } 100% { box-shadow: 0 0 0 0 rgba(255, 204, 95, 0); } } @keyframes pulse3 { 0% { box-shadow: 0 0 0 0 rgba(254, 180, 49, 0.6); } 70% { box-shadow: 0 0 0 0.8rem rgba(254, 180, 49, 0); } 100% { box-shadow: 0 0 0 0 rgba(254, 180, 49, 0); } } @keyframes moveIt { from { background-position: 0 center; } to { background-position: 2.49rem center; } } .btn, .quiz__btn-next { font-weight: 500; color: #ffffff; text-align: center; border-radius: 50px; background-color: transparent; text-decoration: none; text-transform: uppercase; outline: none; font-family: "Montserrat"; transition-property: background-color, border-color, color, background-image; transition-duration: 0.3s; transition-timing-function: ease-in-out; position: relative; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; border: solid 1px #ffce64; } .btn span, .quiz__btn-next span { position: relative; z-index: 2; } .btn__100 { width: 100%; } .btn:before, .quiz__btn-next::before { content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #ffd26a, #fe990a); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .btn__l { font-size: 0.9rem; line-height: 1.3rem; padding: 22px 28px; } .btn__m { font-size: 1.1rem; line-height: 1.4rem; padding: 1.8rem 2.3rem; } .btn__xs { font-size: 10px; line-height: 11px; padding: 18px 50px; } .btn-bold { font-weight: bold; } .btn:hover { color: #fff; } .btn:hover::before, .quiz__btn-next:not([disabled]):hover::before { opacity: 1; } .btn-bg-white { background-color: white; } .btn-bg-orange { background-color: #ffce64; } .btn[disabled] { opacity: 0.5; cursor: no-drop; } .btn-back { font-size: 1rem; font-weight: bold; line-height: 1.66; letter-spacing: 0.4px; color: #fbcb65; text-transform: uppercase; border-bottom: 1px dashed #fbcb65; } .btn-more-wrap { display: flex; align-items: center; justify-content: center; min-width: 100%; margin-top: 2.5rem } .btn-more { font-size: 1.156rem; font-weight: bold; line-height: 1.43; letter-spacing: 0.46px; text-transform: uppercase; color: #fbcb65; border-bottom: 1px dashed #fbcb65; margin-right: auto; margin-left: auto; display: inline-block; width: auto; cursor: pointer; } .section-title { font-size: 3.438rem; font-weight: normal; line-height: 1.36; text-align: center; color: #282828; } @media (max-width: 699px) { .section-title { font-size: 2.2rem; } .section-title br { display: none; } } .section-title__link { position: relative; margin: 0; padding: 0; font-family: "Montserrat", sans-serif; font-weight: bold; font-size: 3.125rem; color: #282828; display: inline-block; } @media (max-width: 699px) { .section-title__link { font-size: 2.2rem; text-decoration: underline dashed 1px #feae28; } } a.section-title__link:before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; border-bottom: 1px dashed #feae28; } @media (max-width: 699px) { a.section-title__link:before { display: none; } } .section-title__link:hover { color: #feae28; } .section-title.color-white { color: #fff; } .section-subtitle { font-size: 1.875rem; font-weight: 500; letter-spacing: normal; text-align: center; color: #282828; margin-top: 3rem; } .footer-title { padding-bottom: 1.25rem; font-size: 1.375rem; line-height: 1.25rem; font-weight: bold; color: #000000; } @media (max-width: 499px) { .footer-title { padding-bottom: 0; } } .select { position: relative; display: block; width: 100%; } .select__head { display: block; position: relative; padding: 0.75rem 1.8rem 0.75rem 2rem; border-radius: 30px; background-color: white; font-family: "Montserrat", sans-serif; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 2.4; letter-spacing: normal; text-align: left; color: #282728; font-size: 0.938rem; } @media (max-width: 699px) { .select__head { height: 5.313rem !important; display: flex; align-items: center; font-size: 1.2rem; } } .select__head--drk { background-color: #f4f2f2; } .select__head::after { content: ""; display: block; position: absolute; right: 20px; bottom: 50%; width: 10px; height: 6px; background: url("/bitrix/templates/nsb/assets/css/../img/arrow-down-black.png") no-repeat center/cover; transform: translateY(50%); transition: 0.2s ease-in; } .select__head.open::after { transform: translateY(50%) rotate(180deg); } .select__list { display: none; position: absolute; top: 100%; left: 0; right: 0; transform: translate(1%, -5%); background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); border-radius: 10px; max-height: 205px; overflow-x: hidden; overflow-y: auto; z-index: 100; margin: 0; padding: 0; font-size: 14px; color: #424348; scrollbar-color: dark; scrollbar-width: thin; overscroll-behavior: contain; } .select__list::-webkit-scrollbar { width: 7px; background-color: #f8f9fa; padding: 5px; } .select__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #d9d9d9; } .select__item { position: relative; border-top: 1px solid rgba(224, 229, 231, 0.5); padding: 10px 15px; cursor: pointer; list-style-type: none; } .select__item:hover { background-color: rgba(224, 229, 231, 0.5); } .checkbox-contact { display: flex; justify-content: space-between; } .checkbox-contact__item { padding: 8px 11px 8.5px; margin: 0; font-family: "Montserrat", sans-serif; font-weight: 400; } .checkbox-contact__item-label { padding-top: 6px; font-size: 7.8px; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #282728; } .checkbox-contact__radio:checked ~ .checkbox-contact__item { font-weight: 700; padding: 8px 11px 8.5px; border-radius: 7.5px; box-shadow: 0 3.5px 13.5px 0 rgba(40, 40, 40, 0.1); background-color: #fff; } .tel-watsApp { padding: 11.5px 43.5px 11px 20.5px; width: 100%; font-family: "Montserrat", sans-serif; font-size: 10px; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 2.4; letter-spacing: normal; text-align: left; color: #282728; border-radius: 15px; background-color: #f4f2f2; } .agreement { display: flex; justify-content: center; align-items: center; margin-top: 1.7rem; } .agreement__label { width: 20px; height: 15px; border-radius: 1px; border: 1px solid #fecc1d; display: block; margin-right: 0.4rem; } .agreement__checkbox:checked ~ .agreement__label { background-color: #fbcb65; background-image: url("/bitrix/templates/nsb/assets/css/../img/check.png"); background-size: 0.563rem 0.438rem; background-position: center; background-repeat: no-repeat; } .agreement__text { font-size: 0.65rem; font-weight: 300; line-height: 1.46; letter-spacing: 0.14px; text-align: left; color: #282728; } .agreement__text a { text-decoration: underline; color: #4c4c4cd9; } .seo .seo-text { margin-left: 4.46rem; font-size: 1rem; line-height: 1.38; letter-spacing: 0.16px; text-align: left; color: #747474; } @media (max-width: 899px) { .seo .seo-text { margin-left: 0; } } .seo .seo-text .seo-text__visible { margin-top: 1.7rem; } .seo-text { font-size: 1.5rem; line-height: 1.38; color: #282828; } .seo-text--specs { font-size: 1rem; font-weight: 500; line-height: 1.38; letter-spacing: 0.16px; text-align: center; color: #282728; position: relative; z-index: 3; } .seo-text--specs .seo-text__expand { color: #282728; } .seo-text--specs .seo-text__expand::after { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282728;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .seo-text__title { font-size: 1.5rem; font-weight: bold; color: #282828; } .seo-text--center { text-align: center; } .seo-text--center .seo-text__expand { margin-right: auto; margin-left: auto; } .seo-text:not(.active) .seo-text__visible { -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #282828); } .seo-text__hidden { display: none; } .seo-text__expand { width: max-content; display: flex; align-items: center; font-size: 1rem; font-weight: 500; letter-spacing: 0.4px; color: #c5c5c5; font-family: inherit; margin-top: 1rem; } .seo-text__expand::after { margin-left: 0.875rem; transform: rotate(90deg); content: ""; width: 0.813rem; height: 0.813rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23d7d7d7;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .filter-slider__wrap { width: 90%; padding-left: 2rem; padding-right: 2rem; position: relative; } .filter-slider__wrap--m { width: 80%; } @media (max-width: 899px) { .filter-slider__wrap { width: 100%; } } .filter-slider .slick-slide { margin-right: 0.62rem; margin-right: 0.62rem; } .filter-slider__arrows { top: 50%; left: 0; justify-content: space-between; width: 100%; transform: translateY(-50%); position: absolute; display: flex; pointer-events: none; } .filter-slider__block { display: flex; align-items: center; justify-content: flex-start; margin-top: 2rem; } @media (max-width: 899px) { .filter-slider__block { flex-direction: column; align-items: center; } } @media (max-width: 899px) { .filter-slider__block p { display: none; } } .filter-slider__all { font-size: 0.719rem; font-weight: bold; letter-spacing: 0.29px; text-align: center; color: #fbcb65; border-bottom: 1px dashed #fbcb65; text-transform: uppercase; } @media (max-width: 899px) { .filter-slider__all { margin-top: 2rem; } } @media (max-width: 699px) { .wd_seo_links-toggle { margin-top: 1rem; } .filter-slider__all { font-size: 1.1rem; } } .filter-slider p { font-size: 0.875rem; font-weight: 600; } @media (max-width: 899px) { .filter-slider p { display: none; } } .filters { display: flex; flex-wrap: wrap; margin-top: 3.43rem; max-width: 98rem; margin-left: auto; margin-right: auto; } .filters .filter-item { width: 12%; margin-bottom: 1.3rem; } .filters .filter-item:not(:nth-child(8n)) { margin-right: 0.57%; } @media (max-width: 899px) { .filters .filter-item { width: 19%; } .filters .filter-item:not(:nth-child(8n)) { margin-right: 0; } .filters .filter-item:not(:nth-child(5n)) { margin-right: 1.25%; } } @media (max-width: 699px) { .filters .filter-item { width: 24.5%; } .filters .filter-item:not(:nth-child(5n)) { margin-right: 0; } .filters .filter-item:not(:nth-child(4n)) { margin-right: 0.5%; } } @media (max-width: 449px) { .filters .filter-item { width: 32%; } .filters .filter-item:not(:nth-child(4n)) { margin-right: 0; } .filters .filter-item:not(:nth-child(3n)) { margin-right: 2%; } } .wd_seo_links li a.filter-item, .filter-item { padding-left: 1rem; padding-right: 1rem; height: 2.5rem; border-radius: 22.5px; background-color: #f4f2f2; font-size: 0.813rem; letter-spacing: 0.33px; text-align: center; display: flex; justify-content: center; align-items: center; color: #282828; } @media (max-width: 449px) { .wd_seo_links li a.filter-item, .filter-item { font-size: 1.1rem; } } .filter-item a { color: inherit; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; } .wd_seo_links li a.filter-item:hover, .wd_seo_links li a.filter-item.active, .filter-item:hover, .filter-item.active { color: #282828; background-color: #fbcb65; font-weight: 500; } .slider-arrow { position: relative; z-index: 3; pointer-events: all; width: 0.688rem; height: 1.063rem; background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: all; opacity: 0.5; transition: all 0.3s; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282828;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .slider-arrow__prev { transform: scaleX(-1); } .slider-arrow:hover { opacity: 1; } .dots ul { display: flex; } .dots button { width: 0.813rem; height: 0.813rem; background-color: #ededee; border-radius: 50%; font-size: 0; position: relative; } .dots button::before { content: ""; width: 1.375rem; height: 1.375rem; background-color: #feb431; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.3s; position: absolute; border-radius: 50%; } .dots li:not(:last-child) { margin-right: 1.125rem; } .dots .slick-active button { width: 0.875rem; height: 0.813rem; background-color: #feb431; } .dots .slick-active button::before { opacity: 0.2; } .form__input { height: 3.75rem; padding: 0 2rem 0.25rem 1.5rem; border-radius: 3rem; background-color: white; font-size: 1.2rem; color: #282728; width: 100%; margin-bottom: 0.811rem; } @media (max-width: 699px) { .form__input { height: 4.5rem !important; } } @media (max-width: 449px) { .form__input { font-size: 1.3rem; } } .form__input::placeholder { font-size: 0.938rem; } .form__input--drk { background-color: #f4f2f2; } .form__input--h { height: 4.75rem; border-radius: 37.5px; margin-bottom: 0.2rem; } .form__agreement { font-size: 0.75rem; font-weight: normal; line-height: 1.25; color: #282728; display: flex; justify-content: center; align-items: center; margin-top: 1.7rem; } .form__agreement a { font-weight: bold; text-decoration: underline; color: #282728; } input:checked + .form__agreement__box { background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23282728;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); background-size: 0.5rem; background-position: center; background-repeat: no-repeat; } .form__agreement__box { display: block; width: 1rem; min-width: 1rem; height: 1rem; border-radius: 2px; background-color: #fbcb65; margin-right: 0.813rem; } .form__agreement__text { display: block; max-width: 18rem; } @media (max-width: 449px) { .form__agreement__text { max-width: 22rem; } .form__agreement { font-size: 1rem; } } .form__title { font-size: 1.875rem; font-weight: bold; text-align: center; color: #282828; margin-bottom: 1.5rem; } .form__contact__group { display: flex; justify-content: space-between; margin-top: 1.25rem; margin-bottom: 1.7rem; } .form__contact__item { cursor: pointer; } input:checked + .form__contact__box { box-shadow: 0px 7px 27px 0 rgba(40, 40, 40, 0.1); position: relative; } input:checked + .form__contact__box p { font-weight: bold; } .form__contact__box { display: block; width: 6.625rem; height: 7.5rem; border-radius: 15px; background-color: white; padding-top: 1rem; font-size: 0.969rem; text-align: center; color: #282728; transition: all 0.3s; } .form__contact__box .icon__descr { display: block; margin-top: 0.5rem; } .form__contact__icon { display: block; width: 3.813rem; height: 3.875rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-right: auto; margin-left: auto; background-color: #fead29; } .form__contact__icon img { width: 2rem; height: 2rem; } .form__contact__icon--wa { background-color: #25d266; } .form__contact__icon--viber { background-color: #7460f3; } .form__contact__icon--tg { background-color: #00a2f2; } .form__btn { font-size: 1.125rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.18px; height: 5.313rem; width: 100%; font-family: "Montserrat"; border-radius: 2.65625rem; margin-top: 1rem; background-image: linear-gradient(to top, #fe990a, #ffd26a); } @media (max-width: 699px) { .form__btn { height: 4.5rem !important; } } .form__file-title { font-size: 1.5rem; line-height: 1.25; text-align: center; color: black; } .form__file-box { display: block; width: 100%; height: 4.75rem; padding: 0.313rem; border-radius: 37.5px; background-color: #f4f2f2; display: flex; justify-content: space-between; align-items: center; margin-top: 1.2rem; margin-bottom: 1rem; } @media (max-width: 699px) { .form__file-box { height: 5.313rem !important; } } .form__file-name { display: block; padding-left: 2.3rem; font-size: 1.063rem; font-weight: 500; color: #282728; flex-grow: 1; } .form__file-upl { display: block; width: 9.438rem; min-width: 9.438rem; height: 100%; border-radius: 32.3px; background-color: white; display: flex; justify-content: center; align-items: center; transition: all linear .2s; cursor: pointer; } .form__file-upl:hover { color: #fe990a; } .form__ta { width: 100%; height: 9.438rem; margin: 0.75rem 0; padding: 1.688rem 2.563rem; border-radius: 2.34375rem; background-color: #f4f2f2; font-size: 0.938rem; color: #282728; margin: 0; resize: none; border: none; outline: none; font-family: "Montserrat"; } .breadcumbs { font-size: 1rem; line-height: 1.5; color: white; display: flex; margin-top: 1.5rem; flex-wrap: wrap; } .breadcumbs__item { display: flex; align-items: center; } .breadcumbs__item:not(:first-child)::before { content: ""; width: 0.313rem; height: 0.313rem; background-color: #ffb33c; border-radius: 50%; margin-right: 0.8rem; margin-left: 0.8rem; } .breadcumbs__item:last-child { font-weight: bold; } .page-head { padding-bottom: 3.7rem; } .page-head__content { padding-left: 9.5rem; } @media (max-width: 899px) { .page-head__content { padding-left: 0; } } .page-head__title { font-size: 4.063rem; font-weight: bold; line-height: 1.15; color: white; margin-top: 3.5rem; } .page-head__title--min { max-width: 70rem; font-size: 3rem; font-weight: bold; line-height: 1.25; color: white; } @media (max-width: 699px) { .page-head__title { font-size: 2.8rem; } } .page-head__title--l { max-width: 100%; } .page-head__subtitle { font-size: 1.125rem; font-weight: 500; color: #fefefe; margin-top: 0.5rem; } .page-head__info { font-size: 0.875rem; font-weight: 500; color: white; display: flex; margin-top: 1.5rem; } .page-head__info-item { margin-right: 4rem; } .sidebar-widgets { width: 100%; min-width: 100%; margin-right: 4.65rem; margin-top: 2.5rem; } @media (max-width: 899px) { .sidebar-widgets { margin-right: 0; } } @media (max-width: 699px) { .sidebar-widgets { margin-top: 3rem; display: flex; width: 100%; justify-content: center; } } @media (max-width: 525px) { .sidebar-widgets { flex-direction: column; align-items: center; } } .sidebar-test__item { height: 31.25rem; width: 100%; border-radius: 35px; padding-left: 2.118rem; padding-right: 2.5rem; padding-top: 3rem; overflow: hidden; position: relative; } @media (max-width: 699px) { .sidebar-test__item { width: 21.25rem; } .sidebar-test__item:not(:last-child) { margin-right: 1rem; } } @media (max-width: 525px) { .sidebar-test__item:not(:last-child) { margin-right: 0rem; margin-bottom: 1rem; } } .sidebar-test__item:not(:last-child) { margin-bottom: 2rem; } .sidebar-test__item--h { background-color: #282728; --accent: rgb(254, 181, 56); --btn-t: #fff; --btn-c: linear-gradient(to top, rgb(254, 153, 10), rgb(255, 210, 106)); } .sidebar-test__item--c { background-image: linear-gradient(to top, #c4dbe9, #e9f4f7); --accent: rgb(254, 181, 56); --btn-t: #fff; --btn-c: linear-gradient(to top, rgb(254, 153, 10), rgb(255, 210, 106)); color: #282728; } .sidebar-test__item--c .sidebar-test__item-title { color: #282728; font-size: 1.875rem; } .sidebar-test__item--c .sidebar-test__item-btn { margin-top: 16rem; } .sidebar-test__item--h .sidebar-test__item-img { width: 25.1875rem; } .sidebar-test__item--c .sidebar-test__item-img { width: 32rem; bottom: 0; left: unset; right: -6rem; } .sidebar-test__item--b .sidebar-test__item-img { width: 22.0625rem; } .sidebar-test__item--b { background-color: #feae2d; --accent: #fff; --btn-t: #282728; --btn-c: #fff; } .sidebar-test__item-q { font-size: 1rem; font-weight: 600; line-height: 1.4; text-align: center; color: var(--accent); position: relative; z-index: 2; } .sidebar-test__item-title { font-size: 1.313rem; line-height: 1.24; text-align: center; color: white; margin-top: 1rem; position: relative; z-index: 2; } .sidebar-test__item-btn { width: 100%; height: 5.125rem; border-radius: 40.7px; background: var(--btn-c); color: var(--btn-t); font-size: 0.875rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.35px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; margin-top: 1rem; position: relative; z-index: 2; overflow: hidden; } .sidebar-test__item-btn span { position: relative; z-index: 2; } .sidebar-test__item-btn:hover::before { opacity: 1; } .sidebar-test__item-btn::before { content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #ffd26a, #fe990a); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .sidebar-test__item-btn:hover { color: var(--btn-t); } .sidebar-test__item-img { position: absolute; bottom: 0; left: 0; } .pagination { display: flex; justify-content: center; align-items: center; padding-bottom: 1.5rem; width: 100%; flex-direction: column; margin-top: 1rem; } .pagination .pagi-info { font-size: 1rem; } .pagination .nav-links { display: flex; justify-content: center; align-items: center; width: 100%; margin-top: 1.3rem; column-gap: 15px; } .page-numbers { font-size: 1rem; font-weight: 500; color: #282728; width: 3rem; height: 3rem; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .page-numbers:hover { color: #fbcb65; } .page-numbers.current { background-color: #e7e7e7; } .page-numbers.current a { color: #282728; } .page-numbers.next, .page-numbers.prev { font-size: 0; } .page-numbers.next { margin-left: 2.5rem; display: flex; } .page-numbers.next::after { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23282828' stroke-width='2' d='M2,12 L22,12 M13,3 L22,12 L13,21'/%3E%3C/svg%3E%0A"); content: ""; width: 1.313rem; height: 1.313rem; background-size: contain; background-position: center; margin-left: 1rem; } .page-numbers.prev { margin-right: 2.5rem; display: flex; } .page-numbers.prev::before { background-image: url("data:image/svg+xml,%3Csvg width='24px' height='24px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' stroke='%23282828' stroke-width='2' d='M2,12 L22,12 M13,3 L22,12 L13,21'/%3E%3C/svg%3E%0A"); content: ""; width: 1.313rem; height: 1.313rem; background-size: contain; background-position: center; margin-right: 1rem; transform: scaleX(-1); } .nav { margin-top: 1.5rem; } header.scrolled .nav { margin-top: 0rem; } .nav__list { display: flex; justify-content: space-between; width: 100%; /*font-size: 1rem;*/ font-size: 16px; font-weight: 600; letter-spacing: 0.8px; color: white; text-transform: uppercase; } .nav__item { padding-bottom: 1.8rem; } .nav__item--haschildren { display: flex; align-items: center; } .nav__item--haschildren > a::after { content: ""; display: inline-block; width: 0.6875rem; height: 0.375rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-down.png); background-size: contain; background-position: center center; background-repeat: no-repeat; margin-left: 1.125rem; position: relative; top: -0.21rem; } .nav__sub-menu .nav__item--haschildren > a::after { display: none; } .nav__sub-menu .nav__item { padding-bottom: 0; } .nav__sub-menu--level-1 { position: absolute; width: 100%; left: 50%; transform: translateX(-50%) translateY(100%); /* opacity: 0; */ /* pointer-events: none; */ padding-top: 2rem; /*padding-top: calc(1rem / 100 );*/ padding-left: 5rem; padding-right: 5rem; padding-bottom: 3rem; max-width: 98rem; font-size: 1rem; line-height: 1.88; color: white; text-transform: none; font-weight: normal; display: none; flex-direction: column; flex-wrap: wrap; max-height: 19rem; align-content: flex-start; bottom: 1px; } .nav-wrap:not(.active-mob) .nav__list:not(.blocked) .nav__item--haschildren:hover .nav__sub-menu { /* pointer-events: all; */ display: flex; } .nav__sub-menu--level-1:before { content: ""; height: 100%; width: 100vw; background-color: rgba(29, 29, 29, 0.9); top: 0px; left: 50%; transform: translateX(-50%); position: absolute; } .nav__sub-menu--level-1 li { width: max-content; /*margin-right: 2.5rem;*/ margin-right: 7rem; position: relative; z-index: 2; } .nav__sub-menu--level-1 > li > a { border-bottom: 1px solid; } .nav__sub-menu--level-1 > li.nav__item--haschildren > a { border-bottom: none; } .nav__item--extra-menu .nav__sub-menu--level-1 { max-height: none; flex-direction: row; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__item a { font-size: 1rem; font-weight: 600; letter-spacing: 0.16px; color: #ffce64; text-transform: uppercase; text-align: left; margin-right: auto; } .nav__item--extra-menu .nav__sub-menu--level-1 li { border-bottom: none; display: flex; flex-direction: column; text-align: left; } .nav__item--extra-menu .nav__sub-menu--level-1 li:not(:last-child) { /*margin-right: 7rem; width: auto; flex-grow: 1;*/ justify-content: flex-start; align-items: flex-start; align-content: flex-start; max-width: 50%; } @media (max-width: 899px) { .nav__item--extra-menu .nav__sub-menu--level-1 li:not(:last-child) { max-width: 100%; } } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__item--haschildren::after { display: none; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 { padding-top: 0.5rem; display: flex; flex-direction: column; flex-wrap: wrap; max-height: 10rem; align-content: flex-start; bottom: 1px; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 li { margin-right: 3rem; min-width: max-content; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 .nav__item a { font-size: 1rem; line-height: 1.88; color: white; text-decoration: underline; text-transform: none; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 .nav__item a:hover { color: #feae28; } .nav-wrap { position: relative; z-index: 20; } .nav.container { display: flex; justify-content: space-between; align-items: stretch; } .msearch { margin-top: 1.25rem; position: relative; width: 90%; } .msearch__input { padding: 0.5rem 0.9rem; font-size: 1rem; font-weight: 600; letter-spacing: 0.8px; display: flex; align-items: center; color: rgba(40, 40, 40, 0.5); background: #F8F8F8; border-radius: 24px; height: 3.6rem; width: 100%; } .msearch__submit { position: absolute; right: 1.5rem; top: 0.7rem; height: 2rem; } .search-btn { margin-bottom: 1rem; padding: 0.5rem 0.9rem; font-size: 1rem; font-weight: 600; letter-spacing: 0.8px; display: flex; align-items: center; color: rgba(40, 40, 40, 0.5); background: #F8F8F8; border-radius: 24px; height: 2.6rem; width: 8rem; cursor: pointer; transition: all .3s ease-out; } .search-btn__icon { height: 1rem; margin-left: 2rem; } .search-btn[disabled] { background: #919191; } .search-btn:not([disabled]):hover { background: #fff; color: #282728; box-shadow: 0 0 0 2px #7a7a7a inset; } .nav__list > .nav__item { display: flex; justify-content: center; align-items: center; } .search-form { width: 100%; padding: 1.3rem 0 1.9rem; border: 10px solid #ffffff; background-color: #fff; } .header__search-form { display: none; } .header__search-form.active { display: block; } .search-form__title { font-size: 2.25rem; font-weight: bold; line-height: 1.33; } .search-form__descr { font-size: 0.875rem; font-weight: 500; line-height: 1.5; color: #282728; margin-top: 0.5rem; } .search-form__filter { display: flex; flex-wrap: wrap; margin-top: 0.9rem; } .search-form__filter-item:not(:first-of-type) { margin-left: 0.5rem; } .search-form__filter-radio { display: none; } .search-form__filter-label { cursor: pointer; padding-left: 1rem; padding-right: 1rem; height: 2.813rem; border-radius: 22.5px; background-color: #f4f2f2; font-size: 0.813rem; letter-spacing: 0.33px; text-align: center; display: flex; justify-content: center; align-items: center; color: #282828; } .search-form__filter-radio:checked + .search-form__filter-label, .search-form__filter-label:hover { color: #282828; background-color: #fbcb65; font-weight: 500; } .search-form__form { margin: 0; } .search-form__wrap { display: flex; justify-content: space-between; align-items: flex-end; } .search-form__input { margin-top: 0.9rem; border: 2px solid #fe990a; border-radius: 0.5rem; width: 90rem; height: 3.6rem; line-height: 3.6rem; padding: 0 0 0 20px; } .header__search-form .search-form__input { width: 92rem; } .search-form__submit { width: 14.8rem; height: 3.6rem; border-radius: 10.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 0.875rem; font-weight: bold; letter-spacing: 0.35px; color: white; text-transform: uppercase; cursor: pointer; } @media (max-width: 1400px) { .nav__list { font-size: 15px; } } @media (max-width: 1300px) { .nav__list { font-size: 14px; } } @media (max-width: 1100px) { .nav__list { font-size: 13px; } } @media (max-width: 899px) { .search-form__input { width: 65%; } .search-form__submit { width: 33%; } } /******MOBILE MENU********/ @media (max-width: 899px) { .nav.container { position: fixed; top: 0; left: 0; z-index: 1015; background: black; padding: 2rem; width: 100vw; height: 100vh; overflow: scroll; display: none; margin-top: 0 !important; padding-top: 0 !important; flex-direction: column; } .active-mob .nav.container { display: flex; } .nav.container .nav__list{ padding-top: 4rem; } .nav__list { flex-direction: column; width: 100%; justify-content: flex-start; align-items: start; font-size: 1.4rem; } .nav__item { padding-bottom: 1.2rem; } .nav__list > .nav__item { display: block; width: 100%; } .nav__item--haschildren { align-items: flex-start; } .nav__item--extra-menu .nav__sub-menu--level-1 > li + li { margin-top: 15px; } .nav__item.nav__item--haschildren .nav__sub-menu--level-1 { position: static; transform: none; width: 100%; max-width: 100%; height: auto; display: none; padding: 1.5rem 0; } .nav__item.nav__item--haschildren.show .nav__sub-menu--level-1 { display: block; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 { max-height: none; padding-left: 0rem; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 li { margin-right: 0; max-width: none; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__item a { font-size: 1.5rem; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 .nav__item a { font-size: 1.5rem; text-decoration: none; border: none; } .nav__sub-menu--level-1:before { display: none; } } .mnav-wrap { position: fixed; top: 0; left: 0; z-index: 1015; background: black; padding: 2rem; width: 100%; height: 100vh; overflow: scroll; display: none; } .mnav__item { font-size: 1.85rem; text-transform: uppercase; margin-bottom: 0.5rem; font-weight: 600; color: #ffce64; } .mnav__item a { color: #ffce64; } .mnav__sub-menu { padding: 1rem; text-transform: none; } .mnav__sub-menu li { font-size: 0.85em; } .mnav__sub-menu a { color: #fff; } .mnav__sub-menu--level-2 a { text-transform: none; } .mnav .nav__item--haschildren { display: block; } .mnav .nav__item--haschildren::after { display: none; } .nav-hint { min-width: 3.125rem; height: 1.563rem; padding: 0.5rem 0.813rem; border-radius: 12.5px; background-color: #ffce64; display: flex; justify-content: center; align-items: center; position: absolute; top: -1.8rem; left: 0; font-size: 0.75rem; font-weight: bold; letter-spacing: 0.3px; color: #282728; } @media (max-width: 899px) { .nav-hint { display: none; } } .widget { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 999; } .widget.active { pointer-events: none; } .widget.active .widget__item { opacity: 0; pointer-events: none; } .widget.active .widget__content { pointer-events: none; } .widget.active .widget__close { transform: translate(-50%, 50%) rotate(45deg); } .widget__item { margin-bottom: 3px; font-size: 0.656rem; font-weight: 600; transition: all 0.3s; text-align: center; color: white; border-bottom-left-radius: 10px; border-top-left-radius: 10px; width: 5.875rem; height: 6.063rem; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0px 19px 49px 0 rgba(96, 192, 0, 0.1); background: linear-gradient( to top, rgba(254, 173, 38, 0.9), rgba(252, 199, 76, 0.9) ); } .widget__item:hover { background: linear-gradient( to top, rgba(254, 173, 38, 0.8), rgba(252, 199, 76, 0.8) ); } .widget__item span { display: block; margin-top: 0.3rem; } .widget__item img { width: 1.5625rem; } .widget__item--wa { background: rgba(37, 210, 49, 0.9); } .widget__item--wa:hover { background: rgba(37, 210, 49, 0.8); } .widget__item:hover { color: white; } .widget__close { transition: all 0.3s; cursor: pointer; width: 1.563rem; height: 1.563rem; background-color: white; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); border-radius: 50%; background-image: url(/bitrix/templates/nsb/assets/css/../img/icons/cl.png); background-size: 0.438rem; background-repeat: no-repeat; background-position: center; pointer-events: all; } header { z-index: 99; } @media (max-width: 899px) { header { width: 100vw; } .nav-wrap.scrolled, header.scrolled { position: fixed; top: 0; left: 0; background-color: rgba(29, 29, 29, 0.9); width: 100%; } .nav-wrap.scrolled, header.scrolled .container { padding: 0 15px; margin: 0; max-width: 100%; } } .header-wrap { padding: 2.7rem 0 2rem; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } @media (min-width: 1440px) { .header-wrap { flex-wrap: nowrap; } } header.drk { background-color: rgba(29, 29, 29, 0.9); } @media (min-width: 900px) { .nav-wrap.scrolled, header.scrolled { background-color: rgba(29, 29, 29, 0.9); position: fixed; top: 0; left: 0; width: 100%; padding-top: 0rem; } /* header.scrolled .header-wrap { display: none; }*/ } .header__burger { display: none; cursor: pointer; height: 3.5rem; position: relative; z-index: 2000; } @media (max-width: 899px) { .header__burger { display: flex; align-items: center; margin-left: 2rem; } .header__burger .dash { width: 2.3rem; height: 4px; background-color: #fecc1d; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; } .header__burger .dash::before, .header__burger .dash::after { content: ""; width: 100%; height: 4px; position: absolute; background-color: #fecc1d; left: 0; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 10px; } .header__burger .dash::before { top: -8px; } .header__burger .dash::after { bottom: -8px; } .header__burger.active .dash { background-color: transparent; } .header__burger.active .dash::before { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0px; } .header__burger.active .dash::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0px; } } @media (max-width: 385px) { .header__burger { margin-left: 1rem; } } .header-logo { display: flex; } .header-logo__link { display: flex; align-items: flex-end; padding-bottom: 0.6875rem; width: 100%; } .logo-cm .header-logo__link { align-items: center; padding-bottom: 0; } .header-logo__link-icon { width: 3.9rem; height: auto; } .header-logo__link-icon.logo-label { width: 2.25rem; height: auto; } @media (max-width: 399px) { .header-logo__link-icon { width: 2.925rem; } } .header-logo__link-text { width: 9.3rem; height: auto; /*padding-left: 1.3125rem;*/ margin-left: 1rem; } .logo-cm .header-logo__link-text { width: 196px; } .logo-text-block { line-height: 1; padding-bottom: 2px; padding-left: 12px; display: flex; flex-direction: column; } .logo-text-block .logo-text{ font-size: 1.75rem; white-space: nowrap; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; } .logo-text-block .logo-text span { color: #ffce64; } .logo-text-block .logo-text span.gr { font-size: 1.70rem; font-weight: 800; color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, rgba(238,154,39,1) 0%, rgba(255,196,68,1) 100%); } .logo-text-block .logo-desc { font-weight: 400; white-space: nowrap; color: #fff; opacity: 0.8; font-size: 0.812rem; letter-spacing: 0.0px; padding-left: 2px; padding-bottom: 1px; } .logo-text-block.black .logo-text { color: #232323; } .logo-text-block.black .logo-desc{ color: #232323; } .logo-footer-bk { padding-bottom: 0; } @media (max-width: 399px) { .header-logo__link-text { width: 6.975rem; padding-left: 0.98438rem; } } @media (max-width: 500px) { .logo-text-block { display: none; } } @media (max-width: 339px) { .header-logo__link-text { display: none; } } .header-logo__description { display: none; max-width: 10.563rem; width: 100%; font-weight: 400; font-size: 0.813rem; letter-spacing: 0.04063rem; line-height: 1.13rem; color: #ffffff; } @media (min-width: 75rem) { .header-logo__description { display: block; margin-left: 0.9rem; } } @media (min-width: 81.25rem) { .header-logo__description { display: block; min-width: 10rem; margin-left: 2.2rem; margin-right: 2.3rem; } } .header-google-rating { display: flex; justify-content: space-between; margin-left: -1rem; margin-right: 2rem; } @media (max-width: 899px) { .header-google-rating { display: none; } } .header-google-rating__content { margin-right: -1.5rem; margin-top: -0.5rem; } .header-google-rating__average { position: relative; width: 4.0625rem; margin-right: 0.7rem; font-weight: 700; } .header-google-rating__average:before { content: ""; position: absolute; top: -3.125rem; left: 0; display: block; width: 4.0625rem; height: 7.8125rem; background-image: url("/bitrix/templates/nsb/assets/css/../img/label.png"); background-repeat: no-repeat; background-size: contain; background-position: center top; } .header-google-rating__average-value { position: relative; top: -1.8rem; z-index: 2; text-align: center; width: 100%; display: inline-block; font-size: 1.7rem; line-height: 3.8rem; font-family: "Montserrat", sans-serif; font-weight: bold; color: #000000; } .header-google-rating__stars { position: relative; top: -1rem; display: flex; flex-flow: wrap; justify-content: flex-start; margin-bottom: 0; } .header-google-rating__stars-star { width: 0.8125rem; height: 0.8125rem; margin-right: 0.375rem; background-image: url("/bitrix/templates/nsb/assets/css/../img/star.png"); background-repeat: no-repeat; background-size: contain; } .header-google-rating__link { display: inline-block; width: 7.63rem; font-weight: 400; font-size: 0.813rem; line-height: 1.13rem; color: #ffffff; margin-top: -0.5rem; } .header-buttons { margin-left: 1.5rem; display: flex; align-items: center; } @media (max-width: 899px) { .header-buttons { margin-left: 1.5rem; } } @media (max-width: 799px) { .header-buttons { display: none; } } .header-buttons__btn { min-height: 4rem; padding-left: 4.3rem; margin-right: 3rem; display: flex; align-items: center; font-weight: 600; font-size: 0.938rem; line-height: 1.6; letter-spacing: 0.75px; text-align: left; color: white; } @media (max-width: 899px) { .header-buttons__btn { margin-right: 1rem; } } .header-buttons__btn:hover { color: #feae28; } .header-buttons__btn-wrap { margin-top: -0.7rem; } .header-buttons__btn p { position: relative; width: max-content; } .header-buttons__btn p::after { position: absolute; bottom: -0.2rem; left: 0; width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); content: ""; transition: all 0.3s; } .header-buttons__btn:hover p::after { width: 50%; border-color: #feae28; } .header-buttons__btn-miscalc { background-image: url("/bitrix/templates/nsb/assets/css/../img/head-miscalc.png"); background-repeat: no-repeat; background-position: left; background-size: 3.125rem; } .header-buttons__btn-calc { background-image: url("/bitrix/templates/nsb/assets/css/../img/head-calc.png"); background-repeat: no-repeat; background-position: left; background-size: 3.125rem; } .header-buttons__btn-calc a { width: 14.3rem; font-weight: 600; font-size: 0.938rem; line-height: 1.6; letter-spacing: 0.75px; text-align: left; color: white; } .header-buttons__btn-calc a p { position: relative; width: max-content; } .header-buttons__btn-calc a p::after { position: absolute; bottom: -0.4rem; left: 0; width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); content: ""; } @media (min-width: 1300px) { .header-buttons__btn-interblock-indentation { margin-left: 1rem; } } @media (min-width: 1500px) { .header-buttons__btn-interblock-indentation { margin-left: 3rem; } } .header-contacts { display: flex; } .header-contacts__social { display: flex; flex-direction: column; } @media (max-width: 599px) { .header-contacts__social { display: none; } } .header-contacts__social-title { font-size: 0.813rem; line-height: 1.13rem; color: #ffffff; margin-top: -0.5rem; margin-bottom: 0.7rem; } .header-contacts__social-list { display: flex; } .header-contacts__social-list li:not(:last-child) { margin-right: 1.125rem; } .header-contacts__social-link { display: inline-block; width: 3.063rem; height: 3.125rem; border-radius: 50%; } .header-contacts__social-link img { width: 100%; height: 100%; object-fit: cover; } .header-contacts__social-link:hover img { filter: brightness(90%); } .header-contacts__contacts { margin-left: 3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: -1.2rem; } @media (max-width: 899px) { .header-contacts__contacts { margin-left: 2rem; } } .header-contacts__contacts-work-time { font-size: 0.75rem; letter-spacing: 0.12px; text-align: left; color: white; white-space: nowrap; } @media (max-width: 449px) { .header-contacts__contacts-work-time { font-size: 0.9rem; } } .header-contacts__contacts-tel { font-size: 1.5rem; font-weight: bold; color: white; display: block; margin-top: 0.4rem; margin-bottom: 0.4rem; white-space: nowrap; } .header-contacts__contacts-btn { font-size: 0.75rem; letter-spacing: 1px; text-align: left; color: white; position: relative; } @media (max-width: 449px) { .header-contacts__contacts-btn { font-size: 1rem; } } .header-contacts__contacts-btn::after { content: ""; position: absolute; bottom: -0.4rem; width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, 0.15); left: 0; transition: all 0.3s; } .header-contacts__contacts-btn:hover { color: #feae28; } .header-contacts__contacts-btn:hover::after { width: 50%; border-color: #feae28; } .header-menu { margin: 0; padding: 0; display: flex; justify-content: space-between; list-style: none; } @media (max-width: 899px) { .header-menu { display: none; } } .header-menu__link { text-transform: uppercase; font-size: 1rem; line-height: 4.5rem; font-family: "Montserrat-SemiBold", sans-serif; font-weight: bold; color: #ffffff; letter-spacing: 1.5px; } .footer { padding: 4.8125rem 0 3.5rem; min-height: 35.375rem; height: 100%; background-color: #f5f5f7; box-sizing: border-box; } .footer .header-contacts__contacts-work-time, .footer .header-contacts__contacts-tel, .footer .header-contacts__contacts-btn { color: #272727; } .footer .header-contacts__contacts { margin-left: 0; margin-top: 0rem; } .header-contacts__contacts-tel:hover { color: #fbcb65; } .footer-wrap { display: flex; padding-bottom: 2.1875rem; border-bottom: 0.0625rem solid #e0e0e2; justify-content: space-between; } @media (max-width: 899px) { .footer-wrap { flex-wrap: wrap; } } .footer-contacts { width: 15rem; } @media (max-width: 699px) { .footer-contacts { width: 50%; } .footer-contacts .footer-contacts__contacts { align-items: flex-start; margin-top: 1.5rem; } } @media (max-width: 699px) and (max-width: 499px) { .footer-contacts .footer-contacts__contacts { display: flex; flex-direction: column; align-items: center; } } @media (max-width: 499px) { .footer-contacts { display: flex; flex-direction: column; align-items: center; } } @media (max-width: 499px) { .footer-contacts { width: 100%; } } @media (max-width: 499px) { .footer-logo { display: flex; align-items: center; } } .footer-logo-calc { padding: 0 1.5625rem 0 0; } @media (max-width: 499px) { .footer-logo-calc { width: 100%; display: flex; justify-content: space-between; margin-bottom: 15px; } } .footer-logo__link { display: flex; align-items: flex-end; padding-bottom: 0.6875rem; width: 100%; } @media (max-width: 499px) { .footer-logo__link { width: max-content; } } .footer-logo__link-icon { width: 3.9rem; height: auto; } .footer-logo__link-icon.logo-label { width: 2.26rem; height: auto; } .footer-logo__link-text { width: 9.3rem; height: auto; margin-left: 0.6875rem; } .logo-cm .footer-logo__link-text { width: 196px; } .footer-logo__description { max-width: 13.5rem; font-size: 0.9375rem; line-height: 1.25rem; } @media (max-width: 499px) { .footer-logo__description { max-width: 18rem; font-size: 1.2rem; margin-top: 0; margin-left: 2rem; } } .footer-buttons { padding-top: 1.0625rem; display: flex; flex-direction: column; } @media (max-width: 499px) { .footer-buttons { flex-direction: row; } } .footer-buttons .header-buttons__btn, .footer-buttons .header-buttons__btn a { color: #272727; } .footer-buttons .header-buttons__btn { margin-right: 0; margin-bottom: 1.4rem; } .footer-buttons .header-buttons__btn p::after { border-color: #272727; opacity: 0.35; } @media (max-width: 499px) { .footer-buttons .header-buttons__btn { margin-right: 1.2rem; } } .footer-navigations { padding: 0 1.6875rem 0 0; box-sizing: border-box; } @media (max-width: 699px) { .footer-navigations { width: 50%; margin-bottom: 2rem; } } @media (max-width: 499px) { .footer-navigations--adv { width: 100%; } .footer-navigations__list, .footer-navigations nav { margin-top: 1.2rem; } } .footer-navigations__list, .footer-navigations nav { margin-top: 0.8rem; } .footer-navigations__item:not(:last-child), .footer-navigations li:not(:last-child) { margin-bottom: 0.55rem; } .footer-navigations__link, .footer-navigations__advantages, .footer-navigations nav a { font-size: 0.875rem; letter-spacing: normal; text-align: left; color: #282728; } @media (max-width: 449px) { .footer-navigations__link, .footer-navigations__advantages, .footer-navigations nav a { font-size: 1.2rem; } } .footer-navigations nav a:hover { color: #fbcb65; } .footer-navigations__advantages { display: flex; padding-left: 0rem; } .footer-navigations__advantages:not(:last-child) { margin-bottom: 0.7rem; } @media (max-width: 699px) { .footer-navigations__advantages { padding-left: 0.5rem; } } .footer-navigations__advantages:before { content: ""; position: relative; top: 3px; left: -0.03125rem; display: block; width: 1.1rem; height: 0.9rem; margin-right: 0.3rem; background: url("/bitrix/templates/nsb/assets/css/../img/check.png") no-repeat center; } @media (max-width: 699px) { .footer-navigations__advantages:before { left: -0.5rem; } } .footer-navigations__contacts { display: flex; flex-direction: column; justify-content: center; align-items: baseline; } .footer-navigations__contacts-work-time { font-size: 0.7rem; line-height: 1.13rem; margin: 0; padding: 0; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 0.00375rem; text-align: left; color: #282728; } .footer-navigations__contacts-tel { padding: 0.4375rem 0 0.3125rem; font-size: 1.5rem; line-height: 1.38rem; font-weight: bold; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282728; } .footer-navigations__contacts-btn { font-size: 0.375rem; line-height: 1.83; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: 0.01875rem; text-align: left; color: #282728; } .footer-navigations__whatsApp { margin: 1rem 0 1.5rem; display: flex; align-items: center; } .footer-navigations__whatsApp-title { padding: 0.5625rem 0.25rem 0.5625rem 0; font-size: 0.8125rem; line-height: 1.125rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282728; } @media (max-width: 449px) { .footer-navigations__whatsApp-title { font-size: 1.2rem; } } .footer-navigations__whatsApp img { width: 3.063rem; height: 3.125rem; } .footer-navigations__map { position: relative; padding-left: 2rem; display: flex; flex-direction: column; font-size: 0.813rem; color: #282728; line-height: 1.5rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282728; margin-left: 2rem; } .footer-navigations__map-link { font-size: 0.875rem; font-weight: bold; line-height: 1.89; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; position: relative; width: max-content; } .footer-navigations__map-link::after { content: ""; width: 100%; bottom: -0rem; left: 0; border-bottom: 1px dashed #fbcb65; position: absolute; transition: all 0.3s; } .footer-navigations__map-link:hover::after { width: 50%; } .footer-navigations__map:before { content: ""; position: absolute; left: -2rem; display: block; width: 3.5625rem; height: 3.5625rem; background: url("/bitrix/templates/nsb/assets/css/../img/footer-map.png") no-repeat center; background-size: contain; } .footer-address { padding: 0 1.8125rem 0 0; box-sizing: border-box; } @media (max-width: 699px) { .footer-address { width: 50%; } } @media (max-width: 499px) { .footer-address { width: 100%; margin-bottom: 2rem; display: flex; flex-direction: column; align-items: center; padding-right: 0; } } .footer-mail, .footer-address__mark { position: relative; padding-left: 1.75rem; margin-bottom: 1.25rem; max-width: 17.5rem; width: 100%; } .footer-mail { margin-top: 20px; } @media (max-width: 699px) { .footer-mail, .footer-address__mark { margin-top: 1.5rem; max-width: 100%; display: flex; justify-content: center; align-items: center; } } .footer-mail:before, .footer-address__mark:before { content: ""; position: absolute; left: 0; bottom: 0.5rem; display: inline-block; width: 1.125rem; height: 1.125rem; background: url("/bitrix/templates/nsb/assets/css/../img/mark.png") no-repeat center; background-size: contain; } .footer-mail:before { bottom: 0; background-image: url(/bitrix/templates/nsb/assets/css/../img/mail.png); } @media (max-width: 499px) { .footer-mail:before, .footer-address__mark:before { position: static; margin-right: 1rem; } } .footer-address__mark-link { font-size: 0.9rem; line-height: 1.13rem; color: #363536; } .footer-address__list { display: flex; margin-bottom: 1.4375rem; } @media (max-width: 499px) { .footer-address__list li:not(:nth-child(2)) { margin-right: 1rem; } .footer-address__mark-link { font-size: 1.2rem; } .header-contacts__contacts-tel { font-size: 1.7rem; } } .footer-address__social-network { display: flex; align-items: baseline; } @media (max-width: 699px) { .footer-address__social-network { margin-top: 1.5rem; } } .footer-address__item { margin-right: 0.125rem; } .footer-address__link { display: block; max-width: 7.375rem; height: 6rem; width: 100%; margin-right: 0.625rem; } .footer-address__link:hover img { filter: brightness(90%); } @media (max-width: 499px) { .footer-address__link { max-width: 100%; margin-right: 0; height: 13rem; } } .footer-address__link img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.375rem; } .footer-information { padding: 2.325rem 0 1.75rem; display: flex; justify-content: space-between; align-items: center; } @media (max-width: 699px) { .footer-information { flex-direction: column; } } .footer-information__copy { display: flex; flex-direction: column; font-size: 0.75rem; line-height: 1.5rem; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: left; color: #282728; } @media (max-width: 699px) { .footer-information__copy { margin-bottom: 1rem; text-align: center; font-size: 1.2rem; font-weight: 700; } } .footer-information__copy-link { font-size: 0.65rem; font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.6875rem; letter-spacing: 0.01125rem; text-align: left; color: #000000; position: relative; width: max-content; } .footer-information__copy-link::before { content: ""; width: 100%; bottom: -0rem; left: 0; border-bottom: 1px dashed #000000; position: absolute; transition: all 0.3s; } .footer-information__copy-link:hover::before { width: 50%; } @media (max-width: 699px) { .footer-information__copy-link { margin-right: auto; margin-left: auto; font-size: 1rem; margin-top: 7px; } } .footer-information__description { width: 30.125rem; font-size: 0.75rem; line-height: 1.2; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; color: #282728; } @media (max-width: 699px) { .footer-information__description { margin-bottom: 1rem; text-align: center; font-size: 1.2rem; line-height: 1.4; } } .footer-information__text { width: 9.0625rem; font-size: 0.75rem; line-height: 1.2; font-weight: normal; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: right; color: #f5f5f7; } .footer-information__text-link { text-decoration: revert; color: #f5f5f7; } @media (max-width: 699px) { .footer-information__text { text-align: center; } } .first-screen { padding-bottom: 7rem; width: 100%; } .first-screen__title { margin: 0; padding: 7.2rem 0 0.8rem; font-size: 4.063rem; font-weight: bold; line-height: 1.15; text-align: center; color: white; } @media (max-width: 449px) { .first-screen__title { margin-right: 0; font-size: 2.8rem; padding-top: 3rem; } } .first-screen__title .--under { display: none; } .first-screen__subtitle { text-align: center; font-size: 2.688rem; font-weight: 500; line-height: 1.74; text-align: center; color: white; } @media (max-width: 449px) { .first-screen__subtitle { margin-right: 0; font-size: 2rem; } } .first-screen__description { margin: 0; padding: 3.7rem 0 1.5rem; font-size: 1.875rem; font-weight: 500; letter-spacing: 0.3px; text-align: center; color: white; } @media (max-width: 449px) { .first-screen__description { margin-right: 0; font-size: 1.5rem; } } .first-screen__btn { display: flex; justify-content: center; position: relative; } @media (max-width: 900px) { .first-screen__btn { max-width: 60rem; margin-right: auto; margin-left: auto; flex-wrap: wrap; } } @media (max-width: 700px) { .first-screen__btn { flex-direction: column; align-items: center; } } .first-screen__btn .btn { width: 25.063rem; height: 6.313rem; border-radius: 50px; border: solid 1px #ffce64; background-color: transparent; font-size: 1.094rem; font-weight: bold; line-height: 1.51; letter-spacing: 0.44px; text-align: center; color: white; } .first-screen__btn .btn--bg { background-image: linear-gradient(to top, #fe990a, #ffd26a); } .first-screen__btn-indent:not(:last-child) { margin-right: 1.94rem; } @media (max-width: 699px) { .first-screen__btn-indent:not(:last-child) { margin-right: 0; margin-bottom: 1rem; } } .first-screen__video { position: absolute; right: 0; top: -3rem; } @media (max-width: 900px) { .first-screen__video { position: relative; top: 0; margin-top: 3rem; } } .first-screen__video-play { width: 8.563rem; min-width: 8.563rem; height: 8.5rem; padding: 0.813rem 0.875rem 0.875rem 0.813rem; background-color: rgba(255, 204, 93, 0.35); border-radius: 50%; margin-right: auto; margin-left: auto; display: block; animation: pulse2 2s infinite; } .first-screen__video-text { font-size: 1rem; font-weight: 600; line-height: 1.5; letter-spacing: 0.16px; text-align: center; color: white; max-width: 12.5rem; margin-top: 1rem; } .first-screen__video-inner { height: 100%; width: 100%; border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .first-screen__video-inner::after { background-image: linear-gradient( to bottom, rgba(185, 121, 19, 0.5), rgba(185, 121, 19, 0.5) ), linear-gradient(to top, #282728, #282728); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.75; } .first-screen__video-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); } .first-screen__video-inner img { height: 100%; width: 100%; object-fit: cover; } .first-screen__progress { margin-top: 13rem; } .first-screen__progress-pos { display: flex; margin-right: auto; margin-left: auto; justify-content: space-between; font-size: 1.063rem; font-weight: 600; letter-spacing: 0.43px; text-align: center; color: white; max-width: 95rem; } @media (max-width: 449px) { .first-screen__progress-pos{ font-size: 1.2rem; } } .first-screen__progress-line { display: flex; justify-content: space-between; position: relative; max-width: 89rem; margin-right: auto; margin-left: auto; margin-top: 1.2rem; } .first-screen__progress-line::before { width: 100%; border-bottom: dashed 1px white; content: ""; position: absolute; top: 50%; left: 0; } .first-screen__progress__item { position: relative; width: 1.125rem; height: 1.125rem; background-color: white; border-radius: 50%; cursor: pointer; } .first-screen__progress__item::before { position: absolute; width: 0.625rem; height: 0.625rem; background-color: #ffce64; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; animation: pulse1 2s infinite; transition: all 0.3s; } .first-screen__progress__item.active .first-screen__progress__hint { transform: translateX(-50%) scale(1); } @media (max-width: 699px) { .first-screen__progress__item.active:nth-child(1) .first-screen__progress__hint, .first-screen__progress__item.active:nth-child(2) .first-screen__progress__hint { transform: translateX(10%) scale(1); } .first-screen__progress__item.active:nth-child(1) .first-screen__progress__hint::before, .first-screen__progress__item.active:nth-child(2) .first-screen__progress__hint::before { content: ""; left: 5%; } .first-screen__progress__item.active:nth-child(4) .first-screen__progress__hint, .first-screen__progress__item.active:nth-child(5) .first-screen__progress__hint { transform: translateX(-90%) scale(1); } .first-screen__progress__item.active:nth-child(4) .first-screen__progress__hint::before, .first-screen__progress__item.active:nth-child(5) .first-screen__progress__hint::before { content: ""; left: 95%; } } @media (max-width: 449px) { .first-screen__progress__item.active:nth-child(1) .first-screen__progress__hint, .first-screen__progress__item.active:nth-child(2) .first-screen__progress__hint { transform: translateX(-15px) scale(1); } .first-screen__progress__item.active:nth-child(1) .first-screen__progress__hint::before, .first-screen__progress__item.active:nth-child(2) .first-screen__progress__hint::before { content: ""; left: 15px; } .first-screen__progress__item.active:nth-child(4) .first-screen__progress__hint::before, .first-screen__progress__item.active:nth-child(5) .first-screen__progress__hint::before { content: ""; left: calc(100% - 15px); } } .first-screen__progress__hint { width: 14.063rem; padding-right: 1.3em; padding-left: 1.3rem; padding-top: 1rem; padding-bottom: 1rem; border-radius: 15px; box-shadow: 0 0 18px 0 rgba(40, 39, 40, 0.1); background-color: rgba(40, 39, 40, 0.75); cursor: help; position: absolute; top: -7rem; left: 50%; pointer-events: none; transform: translateX(-50%) scale(0); transition: all 0.3s; } @media (max-width: 699px) { .first-screen__progress__hint:nth-child(1), .first-screen__progress__hint:nth-child(2) { transform: translateX(-10%) scale(0); } .first-screen__progress__hint:nth-child(1)::before, .first-screen__progress__hint:nth-child(2)::before { content: ""; left: 5%; } .first-screen__progress__hint:nth-child(4), .first-screen__progress__hint:nth-child(5) { transform: translateX(-90%) scale(0); } .first-screen__progress__hint:nth-child(4)::before, .first-screen__progress__hint:nth-child(5)::before { content: ""; left: 95%; } } .first-screen__progress__hint::before { content: ""; width: 0.938rem; height: 0.938rem; background-size: contain; background-position: top center; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-hint.png); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) translateY(100%); background-repeat: no-repeat; } .first-screen__progress__hint-title { font-size: 1rem; font-weight: bold; line-height: 0.88; letter-spacing: 0.16px; color: white; } @media (max-width: 449px) { .first-screen__progress__hint-title { font-size: 1.2rem; } } .first-screen__progress__hint-text { font-size: 0.688rem; line-height: 1.45; letter-spacing: 0.11px; color: rgba(255, 255, 255, 0.65); margin-top: 0.4rem; } .first-screen__progress__hint-time { height: 1.125rem; padding: 0 0.625rem; height: 1.125rem; display: flex; justify-content: center; align-items: center; border-radius: 8.6px; background-color: #ffce64; position: absolute; top: 0.625rem; right: 0.625rem; font-size: 0.438rem; font-weight: 600; letter-spacing: 0.18px; color: #282728; } @media (max-width: 449px) { .first-screen__progress__hint-text { font-size: 1rem; } .first-screen__progress__hint-time { font-size: 0.8rem; height: 1.3rem; top: -5px; } .first-screen__progress__hint { width: max-content; max-width: 70vw; top: -9rem; } } .invest-first { color: white; padding-bottom: 4rem; padding-top: 0rem; position: relative; z-index: 2; } .invest-first .accent { color: #ffce64; } .invest-first__c { padding-left: 0rem; } @media (max-width: 899px) { .invest-first__c { padding-left: 0; } } .invest-first__btn { width: 20.438rem; height: 5.125rem; border-radius: 40.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 0.875rem; font-weight: bold; letter-spacing: 0.35px; color: white; text-transform: uppercase; margin-top: 3.7rem; } .invest-first .first-screen__progress { margin-top: 8rem; margin-bottom: -4.5rem; } .lp-first { color: white; } .lp-first .accent { color: #ffce64; } .lp-first__title { font-size: 3.438rem; line-height: 1.18; max-width: 60%; margin-top: 7.3rem; } .lp-first__title-lg { font-size: 4.063rem; line-height: 1.15; margin-top: 6.8rem; } @media (max-width: 699px) { .lp-first__title-lg { font-size: 2.8rem; } } .lp-first__title--mt { margin-top: 8.3rem; } @media (max-width: 899px) { .lp-first__title { max-width: 100%; } } @media (max-width: 699px) { .lp-first__title { font-size: 2.8rem; } } .lp-first__subtitle { font-size: 2.25rem; font-weight: 500; margin-top: 1.6rem; } .lp-first__subtitle-min { font-size: 1.5rem; } .lp-first__subtitle--md { font-size: 1.875rem; } .lp-first__subtitle--lg { font-size: 2.688rem; } .lp-first__bullets { display: flex; margin-top: 3.5rem; color: rgba(255, 255, 255, 0.8); } .lp-first__bullets .fw-bold { color: #fff; } .lp-first__bullets--m { margin-top: 2.5rem; } @media (max-width: 699px) { .lp-first__bullets { flex-wrap: wrap; } } .lp-first__bullets li { display: flex; align-items: center; } .lp-first__bullets li:not(:last-child) { margin-right: 0rem; } @media (max-width: 699px) { .lp-first__bullets li:not(:last-child) { margin-right: 0; } } @media (max-width: 699px) { } .lp-first__bullets li::before { width: 2.438rem; height: 2.438rem; min-width: 2.438rem; border-radius: 50%; content: ""; margin-right: 1.125rem; background-repeat: no-repeat; background-position: center; background-size: 1rem; background-color: #ffce64; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23282828;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); } @media (max-width: 699px) { .lp-first__bullets li { max-width: calc(50% - 2rem); } } .lp-first__btn { min-width: 16.625rem; height: 5.125rem; border-radius: 40.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); padding-left: 2.875rem; padding-right: 2.875rem; font-size: 0.875rem; font-weight: bold; margin-top: 4.6rem; } .lp-first__buttons { display: flex; margin-top: 2.3rem; } .lp-first__buttons .btn { margin-top: 0; } .lp-first__buttons .btn:hover { color: #fff; } .lp-first__buttons--m { margin-top: 1.3rem; margin-bottom: -2rem; } .lp-first__prj-link { width: 19.125rem; height: 5.125rem; border-radius: 40.7px; border: solid 1px #ffce64; margin-left: 1.56rem; font-size: 0.875rem; font-weight: bold; } .projects-first__title h1 { font-size: 4.063rem; line-height: 1.15; color: white; max-width: 100%; margin-top: 1.3rem; } @media (max-width: 699px) { .projects-first__title h1 { font-size: 2.8rem; margin-top: 0.5rem; } } @media (max-width: 550px) { .projects-first__title h1 { font-size: 2.4rem; } } .projects-first__title--w { max-width: 60%; margin-top: 1.2rem; } .projects-first__bullets { max-width: 100%; flex-wrap: wrap; margin-bottom: 1.9rem; column-gap: 4rem; row-gap: 2rem; } .projects-first__bullets li { width: 17rem; } @media (max-width: 699px) { .projects-first__bullets { margin-top: 2rem; margin-bottom: 0; } .projects-first__bullets li br { display: none; } } @media (max-width: 449px) { .projects-first__bullets li { font-size: 1.1rem; } .projects-first__bullets{ row-gap: 1.2rem; } } .projects-first__bullets--m { margin-top: 2.5rem; } .projects-first__btn { margin-top: 1rem; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; line-height: 1.39; letter-spacing: 0.35px; text-align: center; color: white; width: 20.438rem; height: 5.125rem; border-radius: 40.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .quiz-first__c { min-height: 47.375rem; } .advantages { padding-top: 5.8rem; padding-bottom: 4rem; } .advantages__c { display: flex; justify-content: space-between; } @media (max-width: 900px) { .advantages__c { flex-wrap: wrap; } } .advantages__item { width: 34.375rem; height: 23.438rem; padding-left: 4.5rem; padding-right: 7rem; padding-top: 2rem; padding-bottom: 3rem; display: flex; flex-direction: column; border-radius: 3.125rem; justify-content: center; position: relative; overflow: hidden; } @media (max-width: 900px) { .advantages__item { width: 49.5%; } } @media (max-width: 700px) { .advantages__item { width: 100%; margin-bottom: 1rem; } } @media (max-width: 400px) { .advantages__item { padding-left: 1.5rem; padding-right: 7rem; } } .advantages__item::before { content: ""; width: 26.8125rem; height: 17.4375rem; background-size: contain; position: absolute; bottom: -10.5rem; right: -9rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush.png); z-index: 2; } .advantages__item--light { background-color: #f4f2f2; color: #282728; } .advantages__item--drk { background-color: #282728; color: white; } .advantages__item-title { font-size: 2.25rem; font-weight: bold; line-height: 1.33; } .advantages__item-title--min { font-size: 1.875rem; font-weight: bold; line-height: 1.33; } .advantages__item-img { position: absolute; right: var(--right); bottom: var(--bottom); width: var(--width); } .advantages__item-list { font-size: 0.938rem; line-height: 2; color: white; margin-top: 1.3rem; } @media (max-width: 449px) { .advantages__item-list { font-size: 1.2rem; } .advantages__item { padding-left: 3.5rem; } } .advantages__block { width: 34.375rem; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 900px) { .advantages__block { width: 100%; flex-direction: row; margin-top: 1.5rem; } } @media (max-width: 700px) { .advantages__block { flex-wrap: wrap; } } .advantages__item-min { height: 10.938rem; width: 100%; border-radius: 3.125rem; color: #fff; position: relative; overflow: hidden; display: flex; justify-content: flex-end; padding-right: 2.875rem; padding-left: 2rem; padding-top: 1.8rem; } @media (max-width: 900px) { .advantages__item-min { width: 49.5%; } } @media (max-width: 700px) { .advantages__item-min { width: 100%; margin-bottom: 1rem; } } @media (max-width: 449px) { .advantages__item-min__link { font-size: 1.1rem; } } @media (max-width: 360px) { .advantages__item-min { flex-direction: column; align-items: center; height: auto; padding-bottom: 2rem; } .advantages__item-min__img.years-num { width: 15rem !important; } .advantages__item-min__cnt { margin-top: -30px; } .project-adv .advantages__item-min__cnt { margin-top: 10px; } } .advantages__item-min--light { background-color: #ffce64; } .advantages__item-min--light::before { content: ""; background-size: contain; background-repeat: no-repeat; width: 27.1875rem; height: 14.6875rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush3.png); position: absolute; bottom: 0; right: 0; } .advantages__item-min--drk { background-color: #282728; } .advantages__item-min--drk::before { content: ""; background-size: contain; background-repeat: no-repeat; width: 16.75rem; height: 12.125rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush2.png); position: absolute; bottom: 0; left: 0; } .advantages__item-min__link { height: 2.5rem; margin: 0 0 1.438rem; padding: 0 1.688rem; display: flex; align-items: center; justify-content: center; font-size: 0.938rem; font-weight: 600; color: #282728; border-radius: 20px; width: max-content; margin: 0 auto; } .advantages__item-min__cnt { position: relative; } .advantages__item-min__text { font-size: 1.5rem; font-weight: 600; line-height: 1.25; text-align: center; color: white; margin-top: 1rem; } .advantages__item-min--light .advantages__item-min__link { background-color: white; } .advantages__item-min--drk .advantages__item-min__link { background-color: #ffce64; } .advantages__item-min--drk .advantages__item-min__link:hover { color: #fff; } .advantages__item-min__img { width: var(--width); left: var(--left); top: var(--top); position: absolute; } .advantages__item-min__img.years-num { width: 21.25rem; left: -2.5rem; top: 0rem; } .advantages__item-min__img.plus-img { width: 3rem; left: 18rem; top: 5.8rem; } .advantages__item-img.safe-img{ right: 1rem; bottom:-5rem; width: 12.31rem } .advantages__item-img.master-img { right: -2rem; bottom:-4.5rem; width: 22.56rem } @media (max-width: 360px) { .advantages__item-min__img { position: static; margin: 0 auto; max-width: 100%; } .advantages__item-min__img.plus-img { left: 24rem; top: 5rem; position: absolute; } } .advantages__item-min__num { font-size: 7.031rem; line-height: 0.7; color: white; position: absolute; top: 50%; left: 2.5rem; transform: translateY(-50%); font-weight: bold; } @media (max-width: 360px) { .advantages__item-min__num { position: static; margin-top: 2rem; margin-bottom: 2rem; margin-right: auto; margin-left: auto; transform: translateY(0); } } .advantages-box { padding-top: 8rem; } .advantages-box__content { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 4rem; } .advantages-box__item { width: 34.375rem; margin-bottom: 3.8rem; } .advantages-box__item-img { width: 100%; height: 23.438rem; border-radius: 3.125rem; overflow: hidden; } .advantages-box__item-img img { height: 100%; width: 100%; object-fit: cover; } @media (max-width: 899px) { .advantages-box__item { width: 48.5%; } } @media (max-width: 699px) { .advantages-box__item { width: 100%; } } .advantages-box__item-title { font-size: 1.5rem; line-height: 1.25; text-align: center; color: #282728; margin-top: 2rem; } .advantages-box__item-desc { font-size: 1rem; line-height: 1.5; text-align: center; color: #282728; margin-top: 1.3rem; } .advantages-box__item-link { font-size: 1rem; font-weight: bold; line-height: 1.66; letter-spacing: 0.4px; text-align: center; color: #fbcb65; text-transform: uppercase; border-bottom: 1px dashed #fbcb65; display: block; margin-right: auto; margin-left: auto; width: max-content; margin-top: 1rem; } .quiz { padding-top: 3.15rem; padding-bottom: 4rem; position: relative; } .quiz__block { min-height: 62.563rem; padding-bottom: 2rem; border-radius: 4.6875rem; box-shadow: inset 0 0 0 0.6875rem white, inset 0 0 0 0.75rem #efefef, 0 0 15.625rem 0 rgba(40, 39, 40, 0.1); background-color: white; position: relative; margin-top: 2.8rem; display: flex; padding-top: 5.56rem; overflow: hidden; background-image: url(/bitrix/templates/nsb/assets/css/../img/quiz-bg.jpg); background-repeat: no-repeat; background-position: top right; background-size: auto 100%; } .quiz__block.final-block-act { background: none; } .test.quiz__block { flex-wrap: wrap; } @media (max-width: 899px) { .quiz__block { padding-right: 2rem; padding-left: 2rem; } } .quiz__block::after { box-shadow: inset 0 0 0 0.6875rem white, inset 0 0 0 0.75rem #efefef; height: 100%; width: 100%; position: absolute; top: 0; left: 0; pointer-events: none; content: ""; border-radius: 4.6875rem; } .quiz-main { padding-left: 6.875rem; width: 65%; } @media (max-width: 899px) { .quiz-main { width: 100%; padding-left: 2rem; margin-right: auto; margin-left: auto; max-width: 66rem; } } @media (max-width: 700px) { .quiz-main { padding-left: 0; } } .quiz-help { width: 35%; padding-left: 5.44rem; padding-right: 4.375rem; position: relative; } @media (max-width: 899px) { .quiz-help { display: none; } } .quiz-help::before { content: ""; height: 106%; width: 51.9375rem; position: absolute; right: 0; top: 0; } .quiz-help__person { display: flex; margin-left: 5.5rem; position: relative; } .quiz-help__person::before { width: 0.688rem; height: 0.688rem; background-color: #70b913; margin-right: 0.75rem; min-width: 0.688rem; content: ""; margin-top: 0.4rem; margin-right: 0.75rem; border-radius: 50%; } .quiz-help__person-name { font-size: 1.5rem; font-weight: bold; line-height: 0.75; letter-spacing: 0.6px; color: #282728; } .quiz-help__person-post { font-size: 0.875rem; line-height: 1.29; letter-spacing: 0.35px; color: #282728; margin-top: 0.5rem; } .quiz-help__text { font-size: 0.875rem; font-weight: 500; line-height: 1.5; color: #282728; margin-top: 1.8rem; margin-left: 5.7rem; max-width: 20.5rem; position: relative; } .quiz-help__photo { position: absolute; width: 31.25rem; left: 4.44rem; bottom: -1.5rem; } .quiz-final { display: none; width: 100%; } .test .quiz-final { display: block !important; } .quiz-final .form__contact__box { max-width: 19vw; } .quiz-final__form { max-width: 33rem; width: 100%; margin-left: 10.5rem; margin-top: 1rem; position: relative; z-index: 2; } @media (max-width: 899px) { .quiz-final__form { margin-left: 0; } } @media (max-width: 699px) { .quiz-final__form { margin-right: auto; margin-left: auto; } } .quiz-final__title { font-size: 1.875rem; line-height: 1.5; text-align: center; color: #282728; } .quiz-final__bonus { max-width: 31.188rem; height: 9.938rem; border-radius: 25px; background-color: #282728; position: relative; display: flex; justify-content: center; flex-direction: column; padding-left: 3.17rem; margin-right: auto; margin-left: auto; margin-top: 1.7rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush6.png); background-size: 13.9375rem 10.625rem; background-position: bottom -3rem left -3rem; background-repeat: no-repeat; } .quiz-final__bonus-title { font-size: 1rem; font-weight: 500; letter-spacing: 0.16px; color: #ffc95a; text-transform: uppercase; } .quiz-final__bonus-text { font-size: 1.125rem; font-weight: bold; line-height: 1.33; letter-spacing: 0.18px; color: white; text-transform: uppercase; margin-top: 0.6rem; } .quiz-final__bonus img { position: absolute; bottom: 0; right: -2.8rem; width: 17.77rem; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .quiz-final .form__contact__group { position: relative; z-index: 2; } .quiz-final .form__contact__box { width: 8.625rem; height: 8.563rem; } .quiz-final .form__contact__box .form__contact__item-descr { display: block; font-size: 0.906rem; } .quiz-final .form__contact__icon { width: 4.375rem; height: 4.438rem; } .quiz-final .form__input { max-width: 31.188rem; height: 4.688rem; border-radius: 37.5px; margin-right: auto; margin-left: auto; display: block; } .quiz-final__btn { max-width: 31.25rem; position: relative; margin-top: 1.875rem; z-index: 2; width: 100%; height: 5.688rem; border-radius: 45px; background-image: linear-gradient(to top, #fe990a, #ffd26a); margin-right: auto; margin-left: auto; } .quiz-final__btn div { position: relative; z-index: 2; } .quiz-final__btn-text { display: block; font-size: 1.188rem; font-weight: bold; letter-spacing: 0.19px; color: white; text-transform: uppercase; } .quiz-final__btn-bonus { display: block; width: 6.875rem; height: 2.313rem; border-radius: 18.5px; background-color: white; display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: bold; letter-spacing: 0.16px; color: #282728; text-transform: none; margin-left: 0.56rem; } .quiz-final__hand { width: 87.125rem; position: absolute; bottom: 0; right: 0; } @media (max-width: 899px) { .quiz-final__hand { right: unset; left: 5rem; } } @media (max-width: 699px) { .quiz-final__hand { display: none; } } .quiz-final__time { width: 9.5rem; height: 9.438rem; position: absolute; right: 12.9rem; top: 22.2rem; } @media (max-width: 699px) { .quiz-final__time { display: none; } } .quiz-final__load { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; z-index: 30; background-color: #fff; left: 0; top: 0; } .test .quiz-final__load { display: none; } .quiz-final__load p { font-size: 1.3rem; font-weight: 500; } .quiz-bar { width: calc(100% - 2rem); height: 2.5rem; border-radius: 20px; background-color: #efefef; display: flex; align-items: center; position: relative; overflow: hidden; } .quiz-bar__progress { border-radius: 20px; background-color: #ffce64; height: 100%; transition: all 0.3s; position: relative; } .quiz-bar__progress::before { content: ""; display: block; transition: all 0.3s; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(/bitrix/templates/nsb/assets/css/../img/lines.png); background-size: 2.49rem; animation: moveIt 1.5s infinite linear; } .quiz-bar__text { text-align: center; font-size: 0.875rem; letter-spacing: 0.35px; color: #282728; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .quiz-question { padding-top: 2.2rem; } .quiz-question:not(.active) { display: none; } .test .quiz-question { display: block !important; } .quiz-question__title { font-size: 2.25rem; font-weight: bold; line-height: 1.67; text-align: center; color: #282728; padding-right: 2rem; } @media (max-width: 699px) { .quiz-question__title { font-size: 1.5rem; line-height: 1.2; } } .quiz-question__answers { display: flex; padding-right: 2rem; flex-wrap: wrap; height: 37rem; overflow: auto; padding-top: 1.5rem; position: relative; z-index: 3; align-content: flex-start; } .quiz-question__answers::-webkit-scrollbar { width: 1rem; border-radius: 7.5px; background-color: #f7f4f4; } .quiz-question__answers::-webkit-scrollbar-thumb { border-radius: 7.5px; background-color: #e8e7e7; } @media (max-width: 699px) { .quiz-question__answers { justify-content: space-between; } } .quiz-question__buttons { display: flex; justify-content: space-between; margin-top: 1.3rem; align-items: center; padding-right: 4rem; position: relative; z-index: 3; } @media (max-width: 699px) { .quiz-question__buttons { padding-right: 0; } } .quiz-question__buttons-help { font-size: 1rem; line-height: 1.38; color: #282728; display: flex; align-items: center; padding-left: 3rem; position: relative; } @media (max-width: 699px) { .quiz-question__buttons-help { width: 100%; padding-left: 2rem; margin-right: auto; margin-left: auto; max-width: 66rem; display: none; } } .quiz-question__buttons-help::after { content: ""; position: absolute; width: 1.563rem; height: 1.188rem; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/hand.png); background-repeat: no-repeat; left: 0; top: 1rem; } .quiz-question__buttons-help::before { content: ""; position: absolute; left: -0.25rem; top: 0.7rem; width: 0.625rem; height: 0.625rem; background-color: #feb431; border-radius: 50%; animation: pulse3 infinite 2s; } .quiz-question__buttons-help p { max-width: 19rem; } .quiz__img-answer { width: 18.75rem; margin-bottom: 1.75rem; cursor: pointer; } .quiz__img-answer:not(:nth-child(3n)) { margin-right: 1.56rem; } @media (max-width: 699px) { .quiz__img-answer:not(:nth-child(3n)) { margin-right: 0; } } @media (max-width: 699px) { .quiz__img-answer { width: 48.5%; } } .quiz__img-answer__box { display: block; width: 100%; position: relative; } .quiz__img-answer__box:hover .quiz__img-answer__img { box-shadow: 0 0 2rem 0 rgba(40, 39, 40, 0.14); } .quiz__img-answer__img { display: block; width: 100%; height: 14.063rem; border-radius: 25px; position: relative; } .quiz__img-answer__img--lg { height: 27.438rem; } .quiz__img-answer__img img { height: 100%; width: 100%; object-fit: cover; border-radius: 25px; } .quiz__img-answer__img::after { width: 2.063rem; height: 2.063rem; border-radius: 15.8px; border: solid 6px white; background-color: #f7f4f4; background-size: 0.69rem; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); content: ""; border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); transition: all 0.3s; } input:checked + .quiz__img-answer__box .quiz__img-answer__img::after { background-size: 0.69rem, cover; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"), linear-gradient(to top, #fe990a, #ffd26a); } input:checked + .quiz__img-answer__box p { font-weight: bold; } input[type="checkbox"] + .quiz__img-answer__box .quiz__img-answer__img::after { border-radius: 0.75rem; } .quiz__img-answer .quiz__descr { display: block; font-size: 1.031rem; line-height: 1.36; letter-spacing: 0.41px; text-align: center; color: #282728; margin-top: 1.2rem; } .quiz__img-answer__hint:hover .quiz__img-answer__hint-text { transform: scale(1); } .quiz__img-answer__hint { cursor: pointer; z-index: 4; width: 1.125rem; height: 1.063rem; border-radius: 50%; position: absolute; top: 1.4rem; right: 1.4rem; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .quiz__img-answer__hint::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0.6rem; width: 0.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 111.577 111.577' style='enable-background:new 0 0 111.577 111.577;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451 c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064 c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848 c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71 c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667 c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747 c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815 c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744 C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796 c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207 C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .quiz__img-answer__hint-text { position: absolute; left: -10rem; top: 2rem; transform: scale(0); width: 11.375rem; padding: 1.313rem 1.813rem 1.188rem 1.75rem; border-radius: 15px; box-shadow: 0 0 18px 0 rgba(40, 39, 40, 0.1); background-color: rgba(40, 39, 40, 0.85); transition: all 0.3s; font-size: 0.75rem; letter-spacing: 0.12px; text-align: center; color: white; } @media (max-width: 449px) { .quiz__img-answer__hint-text { width: 10rem; } } .quiz__img-answer__hint-text--sh { width: 13.125rem; } .quiz__img-answer__hint-text-title { font-size: 1rem; font-weight: bold; line-height: 1.13; letter-spacing: 0.16px; color: white; } .quiz__img-answer__hint-text-desc { font-size: 0.75rem; line-height: 1.33; letter-spacing: 0.12px; text-align: center; color: white; } .quiz__img-answer__hint-text-title + .quiz__img-answer__hint-text-desc { font-size: 0.688rem; line-height: 1.27; letter-spacing: 0.11px; color: rgba(255, 255, 255, 0.65); margin-top: 0.5rem; text-align: left; } .quiz__img-answer__hint-text-title + .quiz__img-answer__hint-text-desc::before { content: ""; width: 0.938rem; height: 0.938rem; background-size: contain; background-position: top center; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-hint.png); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) translateY(100%); background-repeat: no-repeat; } .quiz__text-answer { width: 28.188rem; display: block; height: 4.438rem; margin-bottom: 1.625rem; cursor: pointer; } .quiz__text-answer:nth-child(odd) { margin-right: 3rem; } @media (max-width: 900px) { .quiz__text-answer:nth-child(odd) { margin-right: 3%; } } @media (max-width: 700px) { .quiz__text-answer:nth-child(odd) { margin-right: 0; } } @media (max-width: 900px) { .quiz__text-answer { width: 48.5%; } } @media (max-width: 700px) { .quiz__text-answer { width: 100%; } } .quiz__text-answer__box { display: block; width: 100%; height: 4.438rem; padding: 0 1.375rem; border-radius: 35px; border: solid 1px #d3d5d5; background-color: white; display: flex; align-items: center; font-size: 0.875rem; color: #282728; } .quiz__text-answer__box::before { width: 2.063rem; min-width: 2.063rem; margin-right: 1rem; height: 2.063rem; border-radius: 15.8px; border: solid 6px white; background-color: #f7f4f4; background-size: 0.69rem; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); content: ""; border-radius: 50%; transition: all 0.3s; } input:checked + .quiz__text-answer__box::before { background-size: 0.69rem, cover; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"), linear-gradient(to top, #fe990a, #ffd26a); } input[type="checkbox"] + .quiz__text-answer__box::before { border-radius: 0.75rem; } input:checked + .quiz__text-answer__box { font-weight: bold; border: solid 1px #ffce64; } .quiz__btn-next { width: 15.625rem; height: 4.75rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 1rem; font-weight: bold; line-height: 1.66; letter-spacing: 1.2px; color: white; text-transform: uppercase; } .quiz__btn-next span { display: flex; align-items: center; justify-content: center; } .quiz__btn-next span::after { margin-bottom: -0.25rem; margin-left: 0.5rem; height: 1.5625rem; width: 1.5625rem; background-repeat: no-repeat; background-position: top center; background-size: contain; content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23ffffff;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .quiz__btn-next[disabled] { opacity: 0.5; cursor: no-drop; } @media (max-width: 699px) { .quiz__btn-next { margin-left: 1rem; } } .quiz__btn-prev { width: 15.625rem; height: 4.75rem; border-radius: 37.5px; background-color: #f5f6f6; font-size: 1rem; font-weight: 500; letter-spacing: 1.2px; color: #b1b1b1; text-transform: uppercase; } .quiz__btn-prev:not([disabled]):hover { background-color: #e9e9e9; } .quiz__btn-prev span { display: flex; align-items: center; justify-content: center; } .quiz__btn-prev span::before { margin-bottom: -0.5rem; margin-right: 0.5rem; height: 1.5625rem; width: 1.5625rem; transform: scaleX(-1); background-repeat: no-repeat; background-position: top center; background-size: contain; content: ""; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 21.8 14.1' style='enable-background:new 0 0 21.8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23b1b1b1;%7D .st1%7Bopacity:0.4;fill-rule:evenodd;clip-rule:evenodd;fill:%23b1b1b1;enable-background:new ;%7D .st2%7Bopacity:0.25;fill-rule:evenodd;clip-rule:evenodd;fill:%23b1b1b1;enable-background:new ;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M21.8,7.1L21.8,7.1l-6.9,7L13.8,13l5.9-5.9l-5.9-6L14.9,0L21.8,7.1L21.8,7.1z'/%3E%3Cpath id='bupath-1_1_' class='st1' d='M14.9,7.1L14.9,7.1l-6.9,7L6.9,13l5.9-5.9l-5.9-6L8,0L14.9,7.1L14.9,7.1z'/%3E%3Cpath id='bupath-1_2_' class='st2' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .quiz__final__gift { width: 100%; height: 9rem; border-radius: 20px; box-shadow: 0 0 70px 0 #28272826; background-color: #fff; display: flex; align-items: center; padding-left: 2.188rem; margin-top: 1.25rem; margin-bottom: 1.25rem; } @media (max-width: 699px) { .quiz__final__gift { max-width: 100%; height: auto; flex-wrap: wrap; padding-top: 2rem; padding-bottom: 2rem; justify-content: center; padding-left: 0; } } .quiz__final__gift__title { font-size: 1rem; text-transform: uppercase; margin-right: 1.875rem; font-weight: 500; } @media (max-width: 699px) { .quiz__final__gift__title { width: 100%; margin: 1rem 0; text-align: center; } .quiz__final__gift__title br { display: none; } } .quiz__final__gift__item { font-size: 0.875rem; letter-spacing: 0.35px; } .quiz__final__gift__item:not(:last-child) { margin-right: 1.2rem; } .quiz__final__gift__img { width: 5.5rem; height: 5rem; position: relative; } .quiz__final__gift__img::after { position: absolute; content: ''; bottom: .4rem; left: 0rem; width: 1.75rem; height: 1.75rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/quiz/lock.png); } .quiz__final__gift__img img { max-width: 5.5rem; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; max-width: 5.5rem; height: 100%; object-fit: contain; } .quiz__answers--single { display: flex; align-items: flex-start; justify-content: center; flex-wrap: nowrap; } @media (max-width: 900px) { .quiz__answers--single { align-items: flex-start; justify-content: center; flex-wrap: wrap; } } .quiz__input__wrap:not(:last-child) { margin-bottom: 3.1rem; } .quiz__input__title { font-size: 1.156rem; line-height: 0.86; margin-bottom: 0.875rem; } .quiz__input__group { display: flex; align-items: center; } .quiz__input { width: 18.813rem; height: 4.438rem; padding: 0 2.188rem; border-radius: 15px; border: solid 1px #d3d5d5; background-color: #fff; } .quiz__input, .quiz__input__ms { font-size: 0.875rem; line-height: 1.14; color: #282728; } .quiz__input__ms { margin-left: 0.75rem; } .quiz__answers__rnav { margin-left: 3rem; margin-top: 2rem; } @media (max-width: 900px) { .quiz__answers__rnav { margin-left: 0rem; margin-top: 2rem; } } .quiz__answers__rnav img { width: 34.3125rem; height: auto; max-width: 100%; } .hit-home { padding-top: 7.5rem; } .offer-card-container .offer-card.prj-card, .offer-card { background-color: #ffffff; width: 32.813rem; position: relative; } @media (max-width: 900px) { .offer-card:not(:nth-child(3n)) { margin-right: 0; } .product-like-wrap .offer-card.banner-offer-card-wrap { width: 100% !important; } .product-like-wrap .offer-card:not(.prj-card) .projecting-banner { min-height: 180px; padding-bottom: 3rem; } .product-like-wrap .projecting-banner .projecting-banner__title, .product-like-wrap .projecting-banner .projecting-banner__subtitle, .product-like-wrap .projecting-banner .projecting-banner__btn { margin-right: 20rem; display: inline-block; width: calc(100% - 20rem); } } @media (max-width: 900px) { .offer-card-wrap { width: calc(50% - 2rem); } .offer-card { width: 100% !important; } .projecting-banner { width: 100% !important; padding-bottom: 3rem; padding-right: 250px !important; } } @media (max-width: 700px) { .offer-card-wrap { width: 100%; } } @media (max-width: 620px) { .product-like-wrap .projecting-banner .projecting-banner__title, .product-like-wrap .projecting-banner .projecting-banner__subtitle, .product-like-wrap .projecting-banner .projecting-banner__btn { width: 100%; margin-right: 0; } .product-like-wrap .offer-card:not(.prj-card) .projecting-banner { min-height: 400px; } } @media (max-width: 500px) { .projecting-banner { padding-right: 4rem !important; padding-bottom: 220px !important; } .projecting-banner__img { width: 270px !important; } } @media (max-width: 440px) { .product-like-wrap .offer-card:not(.prj-card) .projecting-banner { min-height: 360px; } } .offer-card__image { position: relative; display: block; width: 100%; height: 25rem; } .offer-card__image img { width: 100%; height: 100%; border-radius: 3.125rem; object-fit: cover; object-position: center center; min-height: 20rem; } .offer-card__specs { position: absolute; top: 2.5rem; left: 2.813rem; display: flex; flex-direction: column; align-items: flex-start; } .offer-card__specs__item { margin-bottom: 0.875rem; height: 2.188rem; padding: 0 0.8rem; display: flex; justify-content: center; align-items: center; border-radius: 17.5px; background-color: #9049d7; font-size: 0.813rem; font-weight: 500; color: #fdf9f6; } .offer-card__specs__item.sticker-top-10 { background-color: #9049d7; } .offer-card__specs__item.sticker-hit { background-color: #74bb16; } .offer-card__specs__item.sticker-new { background-color: #e50252; } .offer-card__expand { width: 2.188rem; height: 2.188rem; border-radius: 50%; background-color: #282728; border-radius: 50%; position: absolute; top: 2.5rem; right: 2.06rem; z-index: 2; } .offer-card__expand::before { content: ""; width: 1.313rem; height: 1.313rem; background-size: contain; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 50%; left: 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 411 411' style='enable-background:new 0 0 411 411;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M48.2,216.5l94,0c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7l0-20c0-0.6-0.4-1-1-1l-94,0l23.6-23.6 c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-14.1-14.1c-0.2-0.2-0.5-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3L6.8,204.8 c-0.2,0.2-0.3,0.5-0.3,0.7c0,0.2,0.1,0.5,0.3,0.7l49.5,49.5c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l14.1-14.1 c0.2-0.2,0.3-0.4,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7L48.2,216.5z'/%3E%3Cpath class='st0' d='M404.2,204.8l-49.5-49.5c-0.4-0.4-1-0.4-1.4,0l-14.1,14.1c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l23.6,23.6 l-94,0c-0.6,0-1,0.4-1,1v20c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3l94,0l-23.6,23.6c-0.2,0.2-0.3,0.4-0.3,0.7 s0.1,0.5,0.3,0.7l14.1,14.1c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l49.5-49.5c0.2-0.2,0.3-0.5,0.3-0.7 C404.5,205.3,404.4,205,404.2,204.8L404.2,204.8z'/%3E%3Cpath class='st0' d='M169.5,71.8c0.4,0.4,1,0.4,1.4,0l23.6-23.6v94c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3h20 c0.6,0,1-0.4,1-1v-94l23.6,23.6c0.4,0.4,1,0.4,1.4,0l14.1-14.1c0.4-0.4,0.4-1,0-1.4L206.2,6.8c-0.2-0.2-0.5-0.3-0.7-0.3 s-0.5,0.1-0.7,0.3l-49.5,49.5c-0.2,0.2-0.3,0.5-0.3,0.7c0,0.2,0.1,0.5,0.3,0.7L169.5,71.8z'/%3E%3Cpath class='st0' d='M241.5,339.2L241.5,339.2c-0.4-0.4-1-0.4-1.4,0l-23.6,23.6v-94c0-0.6-0.4-1-1-1h-20c-0.3,0-0.5,0.1-0.7,0.3 c-0.2,0.2-0.3,0.4-0.3,0.7v94l-23.6-23.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-14.1,14.1c-0.2,0.2-0.3,0.5-0.3,0.7 c0,0.2,0.1,0.5,0.3,0.7l49.5,49.5c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l49.5-49.5c0.4-0.4,0.4-1,0-1.4L241.5,339.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .offer-card__expand:hover::before { content: ""; width: 1.5rem; height: 1.5rem; background-size: contain; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%) rotate(45deg); position: absolute; top: 50%; left: 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 411 411' style='enable-background:new 0 0 411 411;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M48.2,216.5l94,0c0.3,0,0.5-0.1,0.7-0.3c0.2-0.2,0.3-0.4,0.3-0.7l0-20c0-0.6-0.4-1-1-1l-94,0l23.6-23.6 c0.2-0.2,0.3-0.4,0.3-0.7s-0.1-0.5-0.3-0.7l-14.1-14.1c-0.2-0.2-0.5-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3L6.8,204.8 c-0.2,0.2-0.3,0.5-0.3,0.7c0,0.2,0.1,0.5,0.3,0.7l49.5,49.5c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l14.1-14.1 c0.2-0.2,0.3-0.4,0.3-0.7c0-0.3-0.1-0.5-0.3-0.7L48.2,216.5z'/%3E%3Cpath class='st0' d='M404.2,204.8l-49.5-49.5c-0.4-0.4-1-0.4-1.4,0l-14.1,14.1c-0.2,0.2-0.3,0.4-0.3,0.7s0.1,0.5,0.3,0.7l23.6,23.6 l-94,0c-0.6,0-1,0.4-1,1v20c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3l94,0l-23.6,23.6c-0.2,0.2-0.3,0.4-0.3,0.7 s0.1,0.5,0.3,0.7l14.1,14.1c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l49.5-49.5c0.2-0.2,0.3-0.5,0.3-0.7 C404.5,205.3,404.4,205,404.2,204.8L404.2,204.8z'/%3E%3Cpath class='st0' d='M169.5,71.8c0.4,0.4,1,0.4,1.4,0l23.6-23.6v94c0,0.3,0.1,0.5,0.3,0.7c0.2,0.2,0.4,0.3,0.7,0.3h20 c0.6,0,1-0.4,1-1v-94l23.6,23.6c0.4,0.4,1,0.4,1.4,0l14.1-14.1c0.4-0.4,0.4-1,0-1.4L206.2,6.8c-0.2-0.2-0.5-0.3-0.7-0.3 s-0.5,0.1-0.7,0.3l-49.5,49.5c-0.2,0.2-0.3,0.5-0.3,0.7c0,0.2,0.1,0.5,0.3,0.7L169.5,71.8z'/%3E%3Cpath class='st0' d='M241.5,339.2L241.5,339.2c-0.4-0.4-1-0.4-1.4,0l-23.6,23.6v-94c0-0.6-0.4-1-1-1h-20c-0.3,0-0.5,0.1-0.7,0.3 c-0.2,0.2-0.3,0.4-0.3,0.7v94l-23.6-23.6c-0.2-0.2-0.4-0.3-0.7-0.3c-0.3,0-0.5,0.1-0.7,0.3l-14.1,14.1c-0.2,0.2-0.3,0.5-0.3,0.7 c0,0.2,0.1,0.5,0.3,0.7l49.5,49.5c0.2,0.2,0.5,0.3,0.7,0.3c0.2,0,0.5-0.1,0.7-0.3l49.5-49.5c0.4-0.4,0.4-1,0-1.4L241.5,339.2z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .offer-card__title { font-size: 2rem; font-weight: bold; line-height: 1.5; color: #282728; display: flex; align-items: center; margin-top: 2rem; } .offer-card__title::after { height: 1px; margin-left: 1.813rem; content: ""; background-color: #fbcb65; flex-grow: 1; } .offer-card__description { padding: 1rem 0; display: flex; justify-content: space-between; border-bottom: 1px solid #e0dfdf; } .offer-card__description-item { padding: 0 0 0.5rem 0; color: #454445; } @media (max-width: 449px) { .offer-card__description-item { font-size: 1.2rem; } } .offer-card__prices { padding: 1.9rem 0 1rem; display: flex; justify-content: space-between; align-items: center; min-height: 7.2rem; position: relative; } .offer-card__prices-title { font-size: 1.5rem; font-weight: bold; color: #282728; } .offer-card__prices-title--gray { color: #d7d7d7; } .offer-card__price-old { display: flex; justify-content: space-between; align-items: center; font-size: 1.469rem; font-weight: 500; line-height: 1.34; letter-spacing: normal; text-align: left; color: rgba(40, 39, 40, 0.25); margin-top: -0.5rem; } .offer-card__price-old .--min { font-size: 0.719rem; text-decoration: none; } .offer-card__price-new { text-align: right; margin-top: -0.5rem; } .offer-card__price__get { font-size: 0.719rem; font-weight: bold; letter-spacing: 0.29px; color: #fbcb65; border-bottom: 1px dashed #fbcb65; text-transform: uppercase; font-family: "Montserrat"; } .offer-card__btn { display: flex; justify-content: space-between; align-items: center; } .offer-card__btn .btn { font-size: 0.875rem; letter-spacing: 0.35px; width: 15.688rem; min-width: 15.688rem; height: 4.75rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } @media (max-width: 449px) { .offer-card__btn .btn { font-size: 1rem; letter-spacing: 0; width: 18.688rem; min-width: 16.688rem; } } .offer-card__btn .btn:hover { color: #fff; } .offer-card__btn .p, .offer-card__btn p { font-size: 0.719rem; font-weight: 600; letter-spacing: 0.29px; color: #282728; margin-left: 3.25rem; display: flex; align-items: center; } @media (max-width: 449px) { .offer-card__btn .p, .offer-card__btn p { font-size: 1.1rem; } } .offer-card__btn .p::before, .offer-card__btn p::before { content: ""; width: 1.5rem; min-width: 1.5rem; height: 1.5rem; background-color: #74bb16; border-radius: 50%; margin-right: 0.875rem; background-position: center; background-repeat: no-repeat; background-size: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); } .flex-child { background: #ccc; text-align: center; padding: 15px; box-sizing: border-box; width: 50%; white-space: nowrap; display: flex; flex-wrap: nowrap; } .flex-child:nth-of-type(2) { background: #ddd; } .offer-card-container { display: flex; margin-top: 4rem; padding-bottom: 4rem; flex-wrap: wrap; } @media (max-width: 900px) { .offer-card-container { justify-content: space-between; } } .offer-form { padding-right: 4.25rem; padding-left: 4.25rem; background-size: cover; background-image: url(/bitrix/templates/nsb/assets/css/../img/offer-form.png); width: 32.813rem; height: 47.74rem; border-radius: 3.125rem; padding-top: 3.5rem; position: relative; overflow: hidden; } @media (max-width: 900px) { .offer-form { width: calc(50% - 2rem); max-width: 100%; margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } } @media (max-width: 700px) { .offer-form { width: 100%; } } .offer-form__title { font-size: 1.625rem; font-weight: 500; line-height: 1.38; text-align: center; color: #fbfbfb; } .offer-form__title--dec { font-weight: bold; border-bottom: 1px dashed #fbcb65; } .offer-form__flex { margin-top: 1.5rem; display: flex; justify-content: space-between; } .offer-form__flex .form-group__select { max-width: 11.438rem; } .offer-form__flex.offer-form__full-w .form-group__select { max-width: 100%; } .offer-form__btn { width: 100%; height: 4.688rem; border-radius: 37.5px; background-image: linear-gradient(to top, #3db613, #64d21a); display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: bold; letter-spacing: 0.16px; color: white; text-transform: uppercase; position: relative; overflow: hidden; } .offer-form__btn span { position: relative; z-index: 2; } .offer-form__btn:hover::before { opacity: 1; } .offer-form__btn:before { content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #64d21a, #3db613); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .offer-form__btn span { display: flex; justify-content: center; align-items: center; } .offer-form__btn span::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Слой_1' x='0px' y='0px' viewBox='0 0 21.5 21.4' style='enable-background:new 0 0 21.5 21.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath id='Forma_1_1_' class='st0' d='M21.5,10.4c-0.1,5.8-4.8,10.5-10.7,10.4c-1.7,0-3.4-0.5-5-1.3L0,21.4l1.9-5.6 c-1-1.6-1.5-3.5-1.5-5.4C0.5,4.6,5.3-0.1,11.1,0C16.8,0.1,21.4,4.7,21.5,10.4z M11,1.6c-4.9,0-8.8,3.9-8.8,8.8 c0,1.9,0.6,3.7,1.7,5.2l-1.1,3.3l3.4-1.1c4,2.7,9.5,1.6,12.2-2.4S20,5.8,15.9,3.1C14.5,2.1,12.7,1.6,11,1.6z M16.3,12.8 c-0.1-0.1-0.3-0.2-0.5-0.3c-0.3-0.1-1.5-0.7-1.8-0.8c-0.2-0.1-0.4-0.1-0.6,0.1l0,0c-0.2,0.3-0.7,0.8-0.8,1C12.5,13,12.2,13,12,12.9 c-0.8-0.3-1.5-0.7-2.1-1.3c-0.6-0.5-1-1.1-1.4-1.8C8.4,9.6,8.4,9.4,8.6,9.3l0,0C8.7,9.2,8.9,9,9,8.9c0.1-0.1,0.2-0.3,0.3-0.4 c0.1-0.1,0.1-0.3,0-0.4C9.2,8,8.7,6.7,8.5,6.2S8.1,5.8,7.9,5.8s-0.3,0-0.5,0c-0.3,0-0.5,0.1-0.7,0.3c-0.5,0.4-0.9,1.2-0.9,2 c0.1,1,0.4,1.9,1.1,2.6c0.1,0.2,1.8,2.8,4.4,3.9s2.6,0.7,3.1,0.6c0.7-0.1,1.4-0.6,1.7-1.2C16.3,13.6,16.4,13.2,16.3,12.8L16.3,12.8z '/%3E%3C/svg%3E"); content: ""; width: 2.063rem; height: 2.063rem; background-size: contain; background-repeat: no-repeat; margin-left: 0.688rem; } .offer-form__btn:hover { color: white; } .offer-form__img { margin-top: 1.75rem; width: 26.5625rem; } .offer-form::after { content: ""; position: absolute; width: 13.9375rem; height: 10.625rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush6.png); bottom: 0; left: 0; background-size: contain; background-repeat: no-repeat; } .card-house { display: flex; flex-direction: column; justify-content: space-between; max-width: 34.375rem; min-height: 16.4375rem; width: 32%; margin-bottom: 1.4rem; padding: 2rem 3.375rem 3.5rem 3.375rem; position: relative; overflow: hidden; border-radius: 3.125rem; background: #282828; } .card-house::before { content: ""; position: absolute; bottom: -9rem; right: -12rem; width: 26.8125rem; height: 17.4375rem; z-index: 1; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush5.png); } .card-house--big { padding: 3rem 3.375rem 2.94rem 3.375rem; } .card-house--big::before { content: ""; position: absolute; bottom: -5rem; right: -9rem; width: 30.0625rem; height: 21.75rem; z-index: 1; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush4.png); } .card-house--barn { width: 52.813rem; max-width: 52.813rem; min-width: 52.813rem; height: 25rem; } @media (max-width: 449px) { .card-house--barn { min-width: 100%; } } .card-house::after { content: ""; height: 100%; width: 100%; background-image: linear-gradient( to right, #282828, #282828 60%, rgba(40, 40, 40, 0) ); position: absolute; opacity: 0.65; top: 0; left: 0; pointer-events: none; } .card-house-title { font-size: 9.5rem; text-align: center; color: rgba(40, 40, 40, 0.07); margin-top: 1.5rem; margin-bottom: -3.3rem; position: relative; z-index: 2; } @media (max-width: 899px) { .card-house-title { font-size: 7rem; } } @media (max-width: 700px) { .card-house-title { font-size: 4.5rem; margin-bottom: -2rem; } } .card-house__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .card-house__img img { height: 100%; width: 100%; object-fit: cover; } .card-house--lst { order: 1; } .card-house:nth-child(1) { width: 33%; margin-bottom: 2%; } .card-house:nth-child(3) { width: 33%; margin-bottom: 2%; } .card-house__header { display: flex; justify-content: space-between; position: relative; z-index: 2; } .card-house__header-title { font-weight: bold; font-size: 1.875rem; line-height: 2.6rem; color: #ffffff; } .card-house__header-title--lg { font-size: 2.625rem; font-weight: bold; line-height: 1.14; letter-spacing: -0.06563rem; } @media (max-width: 449px) { .card-house__header-title--lg { font-size: 1.875rem; } } .card-house__header-label { width: 7.75rem; height: 2.188rem; border-radius: 1.09375rem; background-color: white; min-width: 7.75rem; display: flex; justify-content: center; align-items: center; font-size: 0.719rem; font-weight: 500; letter-spacing: 0.01812rem; color: #282728; margin-top: 0.75rem; position: relative; z-index: 2; } @media (max-width: 449px) { .card-house__header-label { width: 10rem; height: 2.2rem; border-radius: 10rem; } } .card-house__body { font-size: 1rem; font-weight: 500; color: white; margin-bottom: 1.3rem; position: relative; z-index: 2; } .card-house__body--cost { font-size: 2.688rem; font-weight: 800; margin: 0 0.5rem; } @media (max-width: 449px) { .card-house__body--cost { font-size: 1.875rem; } } .card-house__body--cost-min { font-size: 1.875rem; } .card-house__calc-btn { width: 15.688rem; height: 4.75rem; border-radius: 2.34375rem; border: solid 0.0625rem #ffce64; font-size: 0.719rem; font-weight: bold; letter-spacing: 0.01812rem; text-align: center; color: white; text-transform: uppercase; } .card-house__calc-btn:hover { color: #fff; } @media (max-width: 449px) { .card-house__calc-btn { font-size: 1rem; width: 20rem; height: 3.8rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } } .card-house__prj-link { text-shadow: 0 0 1.3125rem rgba(40, 39, 40, 0.36); font-size: 0.719rem; font-weight: bold; letter-spacing: 0.01812rem; color: #fbcb65; text-transform: uppercase; width: max-content; position: relative; } .card-house__prj-link::after { content: ""; width: 100%; position: absolute; bottom: -0.3rem; border-bottom: 0.0625rem dashed #fbcb65; left: 0; transition: all 0.3s; } .card-house__prj-link:hover::after { width: 50%; } @media (max-width: 449px) { .card-house__prj-link { font-size: 1.2rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } } .card-house__calc-link { font-size: 0.719rem; font-weight: bold; letter-spacing: 0.01812rem; color: #fff; text-transform: uppercase; width: max-content; position: relative; } .card-house__calc-link::after { content: ""; width: 100%; position: absolute; bottom: -0.3rem; border-bottom: 0.0625rem dashed #fff; left: 0; transition: all 0.3s; } .card-house__calc-link:hover::after { width: 50%; } @media (max-width: 449px) { .card-house__calc-link { font-size: 1rem; margin-top: 0.5rem; margin-bottom: 0.5rem; } } .card-house__footer { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; } @media (max-width: 449px) { .card-house__footer { flex-wrap: wrap; } } @media (max-width: 900px) { .card-house:nth-child(n) { max-width: none; width: 48.5%; } } @media (max-width: 700px) { .card-house:nth-child(n) { width: 100%; padding: 1.5rem; border-radius: 15px; } } .card-house-container { display: flex; flex-flow: column wrap; align-content: space-between; height: 36.5rem; margin-bottom: -2.5rem; } .card-house-container--reverse { flex-flow: column-reverse wrap; } @media (max-width: 900px) { .card-house-container { flex-direction: row; height: auto; justify-content: space-between; } } .card-house-container--barn { flex-direction: row; height: auto; justify-content: space-between; } .break { flex-basis: 100%; width: 0; margin: 0; } .card-add-container { display: flex; justify-content: space-between; margin-top: 2.4rem; } @media (max-width: 899px) { .card-add-container { flex-wrap: wrap; } } .card-add { width: 52.813rem; height: 25rem; border-radius: 3.125rem; background-color: #f4f2f2; position: relative; overflow: hidden; padding: 3.8rem 3.6rem 3.25rem; } @media (max-width: 899px) { .card-add { width: 100%; margin-bottom: 1rem; } } @media (max-width: 599px) { .card-add { height: auto; padding-bottom: 0; min-height: 25rem; padding: 1.5rem; } } .card-add::before { content: ""; position: absolute; bottom: -9rem; right: -6rem; width: 26.8125rem; height: 17.4375rem; z-index: 1; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush5.png); z-index: 2; } .card-add::after { content: ""; height: 100%; width: 100%; background-image: linear-gradient( to right, #282828, #282828 60%, rgba(40, 40, 40, 0) ); position: absolute; opacity: 0.75; top: 0; left: 0; } .card-add__img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .card-add-title { font-size: 2.813rem; font-weight: bold; color: #fbcb65; position: relative; z-index: 2; } .card-add__links { position: relative; z-index: 2; display: flex; margin-top: 1.2rem; } @media (max-width: 599px) { .card-add__links { flex-wrap: wrap; } } .card-add__link { font-size: 1.625rem; font-weight: 600; line-height: 1.65; color: white; display: block; position: relative; width: max-content; } .card-add__link::after { bottom: 0; width: 100%; left: 0; border-bottom: 0.0625rem dashed #fbcb65; transition: all 0.3s; content: ""; position: absolute; } .card-add__link:hover::after { width: 50%; } .card-add__link-block { margin-right: 1.625rem; } @media (max-width: 599px) { .card-add__link-block { width: 100%; } } .card-add__link p { display: inline; } .card-add__footer { margin-top: 3rem; } .card-add__man { position: absolute; bottom: -3rem; right: 1rem; z-index: 1; width: 21.0625rem; } @media (max-width: 599px) { .card-add__man { position: relative; margin-right: auto; margin-left: auto; top: 3rem; left: 0; display: block; } } .form-group { width: 20.4rem; padding: 2rem 2.1rem 2.3rem 2.1rem; border-radius: 25px; border: 10px solid #ffffff; box-shadow: inset 0 0 0 1px #efefef, inset 0 0 0 5.5px #fff, 0 0 125px 0 rgba(40, 39, 40, 0.15); background-color: #fff; } .form-group__subtitle { font-size: 1.313rem; font-weight: 600; text-align: center; color: #282728; margin-top: 1.5rem; } .form-group__select, .form-group__contact, .form-group__input { display: block; margin-bottom: 15px; } .catalog + section { position: relative; z-index: 2; } .catalog { padding-top: 6.45rem; padding-bottom: 13.4rem; } .catalog-down { background: #fafafa; } @media (max-width: 899px) { .catalog { overflow: hidden; } } @media (max-width: 699px) { .catalog { padding-bottom: 5rem; } } .catalog__c { display: flex; position: relative; justify-content: space-between; } @media (max-width: 899px) { .catalog__c { flex-direction: column; align-items: center; } } .catalog__head { padding-left: 9.125rem; position: relative; z-index: 2; } @media (max-width: 899px) { .catalog__head { padding-left: 0; } } @media (max-width: 899px) { .catalog__head { margin-bottom: 20rem; } } @media (max-width: 899px) { .catalog__head { text-align: center; } } @media (max-width: 699px) { .catalog__head { margin-bottom: 30rem; } } .catalog__title { font-size: 3.438rem; font-weight: 500; line-height: 1.27; color: #282828; max-width: 36rem; } @media (max-width: 899px) { .catalog__title { margin-right: auto; margin-left: auto; font-size: 2.5rem; } } .catalog__subtitle { font-size: 1.875rem; line-height: 1.33; color: rgba(40, 40, 40, 0.75); margin-top: 1.5rem; max-width: 27rem; } @media (max-width: 899px) { .catalog__subtitle { margin-right: auto; margin-left: auto; } } .catalog__img { position: absolute; top: -7rem; left: -6rem; } @media (max-width: 899px) { .catalog__img { top: 5rem; left: 0; transform: none; } } @media (max-width: 699px) { .catalog__img { top: 1rem; left: calc(50% + 180px); transform: translate(-50%); } } .catalog__mockup { width: 141rem; pointer-events: none; } @media (max-width: 699px) { .catalog__mockup { width: 119.85rem; } } .catalog__form { position: relative; z-index: 2; width: 32.813rem; min-height: 43.75rem; padding-bottom: 2rem; border-radius: 3.125rem; background-color: white; margin-right: 11.7rem; margin-top: 0.8rem; padding-top: 3rem; padding-right: 4.25rem; padding-left: 4.25rem; } @media (max-width: 899px) { .catalog__form { margin-right: 0; } } .catalog__circle { top: 20.5rem; left: 44.5rem; position: absolute; width: 10.5625rem; } .idea { position: relative; } .idea__manager--video{ position: absolute; top: -2rem; right: 1rem; width: 10.25rem;; } .idea::before { content: ""; position: absolute; bottom: 0; left: 0; width: 19.313rem; height: 36.688rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush7.png); bottom: -25rem; pointer-events: none; } @media (max-width: 899px) { .idea::before { display: none; } } .idea__block { width: 100%; padding-bottom: 6.25rem; border-radius: 50px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.05); background-color: white; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/idea.jpg); display: flex; padding-top: 7.5rem; padding-left: 9rem; } @media (max-width: 899px) { .idea__block { flex-wrap: wrap; padding-left: 4rem; padding-right: 4rem; padding-bottom: 4rem; padding-top: 4rem; } } @media (max-width: 899px) { .idea__block { padding: 3.5rem; } } @media (max-width: 550px) { .idea__block { padding-bottom: 1.1rem; } } .idea__info { width: 45%; } @media (max-width: 899px) { .idea__info { width: 100%; } } .idea__manager { width: 55%; position: relative; height: 43.25rem; margin-top: -0.9rem; } @media (max-width: 899px) { .idea__manager { width: 100%; margin-top: 5rem; max-width: 55rem; margin-right: auto; margin-left: auto; } } @media (max-width: 699px) { .idea__manager { max-width: 100%; } } @media (max-width: 550px) { .idea__manager { margin-top: -3rem; } } .idea__manager::before { width: 47.9375rem; height: 43.25rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/house_.png); content: ""; position: absolute; top: 0; right: 7.7rem; } @media (max-width: 699px) { .idea__manager::before { right: calc(50% + 60px); transform: translateX(50%); } } @media (max-width: 550px) { .idea__manager::before { display: none; } } .idea__manager__img { width: 27.55rem; position: absolute; bottom: 0rem; right: 10rem; } @media (max-width: 699px) { .idea__manager__img { right: 50%; transform: translateX(50%); width: 24rem; } } @media (max-width: 440px) { .idea__manager__img { right: -20px; transform: none; width: 24rem; } } .idea__sign { position: absolute; width: 14.5rem; left: 1rem; bottom: 4rem; } @media (max-width: 699px) { .idea__sign { right: calc(50% - 120px); transform: translateX(50%); width: 23vw; top: 110px; bottom: auto; left: auto; } } @media (max-width: 440px) { .idea__sign { right: auto; transform: none; width: 23vw; top: auto; bottom: 192px; left: 0px; } } .idea__person { position: absolute; top: 9.5rem; left: 11.8rem; text-align: right; color: #282728; width: 8.2rem; } @media (max-width: 699px) { .idea__person { left: calc(50% - 135px); transform: translateX(-50%); } } @media (max-width: 440px) { .idea__person { left: 5px; transform: none; top: 8rem; } } .idea__name { font-size: 1.125rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.18px; text-transform: uppercase; } .idea__post { font-size: 0.875rem; font-weight: 500; line-height: 1.36; letter-spacing: 0.14px; margin-top: 0.5rem; } .idea__title { font-size: 3rem; font-weight: normal; line-height: 1.18; color: #282828; } @media (max-width: 550px) { .idea__title { font-size: 2.2rem; } } .idea__seo { margin-top: 4.5rem; line-height: 1.68; } @media (max-width: 550px) { .idea__seo { font-size: 1.2rem; margin-top: 2rem; } } .idea__buttons { display: flex; align-items: center; margin-top: 4.7rem; } @media (max-width: 550px) { .idea__buttons { flex-wrap: wrap; } } .idea__btn { width: 20.313rem; height: 6.25rem; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 1.125rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.18px; text-transform: uppercase; font-family: "Montserrat"; padding: 0 10px; } @media (max-width: 550px) { .idea__btn { width: 100%; } } .idea__call { font-size: 1rem; font-weight: 500; line-height: 1.39; color: #282728; text-transform: uppercase; display: flex; align-items: center; margin-left: 2.94rem; } @media (max-width: 550px) { .idea__call { margin-left: 0; margin-top: 1rem; } } @media (max-width: 550px) { .idea__call { margin-top: 0; margin-top: 2rem; } } .idea__call::before { width: 1.563rem; height: 1.563rem; content: ""; background-image: url(/bitrix/templates/nsb/assets/css/../img/phone.png); background-size: contain; background-repeat: no-repeat; margin-right: 1.3rem; } .idea__call p { width: max-content; } .idea__call .num { font-size: 1.5rem; font-weight: bold; line-height: 1.23; padding-top: 0.3rem; } .cases { padding-top: 8.5rem; } .cases__c { display: flex; justify-content: space-between; align-items: flex-start; } @media (max-width: 900px) { .cases__c { flex-wrap: wrap; } } .cases__map { width: 43rem; margin-left: 4.7rem; padding-bottom: 3rem; position: sticky; top: 6rem; } @media (max-width: 900px) { .cases__map { width: 100%; margin-left: 0; position: static; } } .cases__map__content { width: 41.875rem; } @media (max-width: 900px) { .cases__map__content { width: 100%; } } .cases__map__link { height: 18.75rem; border-radius: 35px; background-color: #aeaeae; display: block; overflow: hidden; position: relative; margin-top: 3.3rem; } .cases__map__link img { height: 100%; width: 100%; object-fit: cover; } .cases__map__btn { font-size: 0.875rem; line-height: 1.89; letter-spacing: 0.35px; font-weight: bold; font-family: inherit; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15.688rem; height: 4.75rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .cases__title { text-align: left; font-size: 3.125rem; line-height: 1.3; letter-spacing: -1.25px; } @media (max-width: 900px) { .cases__title { text-align: center; font-size: 2.4rem; } } .cases__filters { display: flex; flex-wrap: wrap; margin-top: 2.875rem; } .filters-place{ border-radius: 2rem; background-color: #fff; margin-right: auto; margin-left: auto; padding: 2rem; position: relative; overflow: scroll; } .filters-place .sidebar-test__item{ display: none; } .project-sec__filters-btn{ display: none; } @media (max-width: 699px) { .project-sec__filters-btn{ margin-right: auto; margin-left: auto; text-transform: uppercase; color: #ffce64; border-bottom: 1px dashed #ffce64; width: max-content; display: block; margin-top: 3rem; margin-bottom: 1rem; } } .cases__filters .filter-item { width: 24%; margin-bottom: 0.875rem; } .cases__filters .filter-item:not(:nth-child(4n)) { margin-right: 1.33%; } .cases__filters__all { font-size: 1rem; line-height: 1.66; letter-spacing: 0.4px; margin-top: 1.7rem; display: block; width: max-content; color: #fbcb65; border-bottom: 1px dashed #fbcb65; text-transform: uppercase; font-weight: bold; } .cases__content { width: 52.813rem; margin-top: 1rem; } @media (max-width: 900px) { .cases__content { width: 100%; } } .cases__item { margin-bottom: 6.5rem; } .cases__item__photo { position: relative; } .cases__item__photo a { display: block; overflow: hidden; } .cases__item__photo a img { height: 100%; width: 100%; object-fit: cover; } .cases__item__photo-lg { height: 34.375rem; border-radius: 35px; } .cases__item__photo-block { display: flex; margin-top: 1rem; } .cases__item__photo-min { height: 8.438rem; width: 24%; border-radius: 15px; } .cases__item__photo-min:hover img { filter: brightness(90%); } .cases__item__photo-min:not(:nth-child(4n)) { margin-right: 1.33%; } .cases__item__video { position: absolute; width: 8.563rem; height: 8.5rem; border-radius: 50%; border: 0.9rem solid rgba(255, 255, 255, 0.35); z-index: 2; display: block; left: 4.4rem; top: 3.375rem; animation: pulse1 2s infinite; } .cases__item__video-inner { height: 100%; width: 100%; border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .cases__item__video-inner::after { background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), linear-gradient(to top, #282728, #282728); content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; } .cases__item__video-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); } .cases__item__video-inner img { height: 100%; width: 100%; object-fit: cover; } .cases__item__time { position: absolute; height: 2.813rem; padding: 0 1.313rem; border-radius: 22.5px; background-color: white; display: flex; justify-content: center; align-items: center; font-size: 0.75rem; letter-spacing: 0.12px; right: 2.55rem; top: 2.44rem; z-index: 2; } .cases__item__info { margin-top: 2rem; } .cases__item__title { font-size: 2.25rem; font-weight: bold; line-height: 1.33; color: #282728; display: flex; align-items: center; } .cases__item__title::after { height: 1px; margin-left: 1.56rem; content: ""; background-color: #fbcb65; flex-grow: 1; } .cases__item__list { display: flex; flex-wrap: wrap; margin-top: 2.6rem; justify-content: space-between; } .cases__item__list li { width: 47%; margin-bottom: 0.8rem; } @media (max-width: 450px) { .cases__item__list li { width: 100%; } } .cases__item__links { display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; } .cases__item__prj-title { font-size: 1rem; font-weight: 500; color: #8f8f8f; } .cases__item__prj-link { display: block; width: max-content; font-size: 1.5rem; font-weight: bold; line-height: 1.46; color: #282728; position: relative; } .cases__item__prj-link::before { content: ""; bottom: 0; left: 0; width: 100%; position: absolute; transition: all 0.3s; border: dashed 1px #fbcb65; } .cases__item__prj-link:hover::before { width: 50%; } .cases__item__detail { font-size: 1rem; font-weight: bold; color: #fbcb65; position: relative; text-transform: uppercase; margin-top: 0.7rem; } .cases__item__detail::before { content: ""; bottom: -0.3rem; left: 0; width: 100%; position: absolute; transition: all 0.3s; border: dashed 1px #fbcb65; } .cases__item__detail:hover::before { width: 50%; } .cases__item--card { width: 46rem; } .cases__item--card .cases__item__photo-lg { height: 29.779rem; } .cases__item--card .cases__item__photo-min { height: 7.297rem; } .cases__item--card .cases__item__title { font-size: 1.938rem; line-height: 1.34; } .cases__item--card .cases__item__info { margin-top: 1.3rem; } .cases__item--card .cases__item__list { font-size: 0.875rem; letter-spacing: normal; text-align: left; color: #282728; } .cases__item--card .cases__item__list li { margin-bottom: 0.5rem; } .cases__item--card .cases__item__prj-title { font-size: 0.875rem; font-weight: 500; } .cases__item--card .cases__item__prj-link { font-size: 1.313rem; } .cases__item--card .cases__item__detail { font-size: 0.875rem; } .reviews { padding-top: 5.5rem; padding-bottom: 3rem; overflow: hidden; } .reviews__c { display: flex; } @media (max-width: 899px) { .reviews__c { flex-direction: column; align-items: center; } } .reviews__head { width: 29rem; min-width: 29rem; margin-left: 4.813rem; } @media (max-width: 899px) { .reviews__head { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; margin-left: 0; } } .reviews__slider-wrap { width: 85rem; min-width: 85rem; padding-left: 7.5rem; margin-top: 1rem; position: relative; } @media (max-width: 899px) { .reviews__slider-wrap { width: 120%; min-width: 120%; align-self: flex-start; padding-left: 0rem; padding-right: 0rem; margin-top: 1rem; position: relative; } } .reviews__slider__arrows { display: flex; position: absolute; left: 3rem; width: 83%; justify-content: space-between; top: 9.5rem; } .reviews__slider__arrows .slider-arrow { width: 1.438rem; height: 2.25rem; } @media (max-width: 899px) { .reviews__slider__arrows { width: 80%; left: 1rem; } } .reviews__slider__dots { margin-top: 6rem; } .reviews__slider__dots--m ul { justify-content: center; margin-top: 3rem; } .reviews__title { font-size: 3.438rem; font-weight: normal; line-height: 1.18; color: #282828; } .reviews__count { margin-top: 3.5rem; margin-left: -1rem; } .reviews__count img { width: 21.313rem; } .reviews__desc { font-size: 1.5rem; color: #282828; margin-top: 0.7rem; } .reviews__links { display: flex; margin-top: 1.2rem; } .reviews__link { font-size: 0.875rem; font-weight: bold; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; } @media (max-width: 699px) { .reviews__link { font-size: 1rem; } } .reviews__link:not(:last-child) { margin-right: 2.25rem; } .reviews__link span { border-bottom: 1px dashed #fbcb65; } .reviews__link--yt { display: flex; color: #e43935; align-items: center; } .reviews__link--yt span { border-bottom: 1px dashed #e43935; } .reviews__link--yt::after { content: ""; width: 1.688rem; height: 1.188rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/yt.png); margin-left: 0.75rem; } .slick-active .reviews__item { opacity: 1; } .reviews__item { width: 31.25rem; margin-right: 3.125rem; opacity: 0.35; transition: all 0.3s; max-width: 90vw; } .reviews__item__link { position: relative; height: 21.875rem; border-radius: 35px; background-color: #fdab28; display: block; } .reviews__item__link img { height: 100%; width: 100%; border-radius: 35px; object-fit: cover; } .reviews__item__title { font-size: 1.5rem; font-weight: 500; line-height: 1.33; letter-spacing: normal; text-align: center; color: #282728; margin-top: 4rem; } .reviews__item__text { font-size: 1rem; font-weight: 500; line-height: 1.56; text-align: center; color: #747474; margin-top: 0.8rem; } .reviews__item__btn { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .reviews__item__btn--vid { width: 5.938rem; height: 5.938rem; border-radius: 50%; padding: 0.563rem 0.625rem 0.625rem 0.563rem; background-color: rgba(255, 203, 92, 0.35); animation: pulse2 2s infinite; } .reviews__item__btn--vid-inner { border-radius: 50%; height: 100%; width: 100%; position: relative; background-image: linear-gradient(to top, #fe990a, #ffd26a); position: relative; transition-property: background-color, border-color, color, background-image; transition-duration: 0.3s; transition-timing-function: ease-in-out; overflow: hidden; } .reviews__item__btn--vid-inner:hover::after{ opacity: 1; } .reviews__item__btn--vid-inner::after{ content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #ffd26a, #fe990a); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .reviews__item__btn--vid-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); } .reviews__item__btn--txt { width: 5.858rem; height: 5.856rem; box-shadow: 0px 19px 87px 0 rgba(40, 39, 40, 0.1); overflow: hidden; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; } .reviews__item__btn--txt img { max-height: 100%; max-width: 100%; object-fit: cover; } .photo { padding-top: 5.5rem; padding-bottom: 3rem; overflow: hidden; } .photo__c { display: flex; } @media (max-width: 899px) { .photo__c { flex-direction: column; align-items: center; } } .photo__head { width: 29rem; min-width: 29rem; margin-left: 4.813rem; } .detail-product-photo .photo__head, .section-photo .photo__head { margin-left: 0; } @media (max-width: 899px) { .photo__head { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; margin-left: 0; } } .photo__slider-wrap { width: 85rem; min-width: 85rem; padding-left: 7.5rem; margin-top: 1rem; position: relative; } @media (max-width: 899px) { .photo__slider-wrap { width: 120%; min-width: 120%; align-self: flex-start; padding-left: 0rem; padding-right: 0rem; margin-top: 1rem; position: relative; } } .photo__slider__arrows { display: flex; position: absolute; left: 3rem; width: 83%; justify-content: space-between; top: 9.5rem; } .photo__slider__arrows .slider-arrow { width: 1.438rem; height: 2.25rem; } @media (max-width: 899px) { .photo__slider__arrows { width: 80%; left: 1rem; } } .photo__slider__dots { margin-top: 6rem; } .photo__slider__dots--m ul { justify-content: center; margin-top: 3rem; } .photo__title { font-size: 3.438rem; font-weight: normal; line-height: 1.18; color: #282828; } .photo__count { margin-top: 3.5rem; margin-left: 0rem; } .photo__count img { width: 21.313rem; } .photo__desc { font-size: 1.5rem; color: #282828; margin-top: 0.7rem; } .photo__links { display: flex; margin-top: 1.2rem; } .photo__link { font-size: 0.875rem; font-weight: bold; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; } @media (max-width: 699px) { .photo__link { font-size: 1rem; } } .photo__link:not(:last-child) { margin-right: 2.25rem; } .photo__link span { border-bottom: 1px dashed #fbcb65; } .photo__link--yt { display: flex; color: #e43935; align-items: center; } .photo__link--yt span { border-bottom: 1px dashed #e43935; } .photo__link--yt::after { content: ""; width: 1.688rem; height: 1.188rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/yt.png); margin-left: 0.75rem; } .slick-active .photo__item { opacity: 1; } .photo__item { width: 31.25rem; margin-right: 3.125rem; opacity: 0.35; transition: all 0.3s; max-width: 90vw; } .photo__item__link { position: relative; height: 21.875rem; border-radius: 35px; background-color: #fdab28; display: block; } .photo__item__link img { height: 100%; width: 100%; border-radius: 35px; object-fit: cover; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .photo__item__title { font-size: 1.5rem; font-weight: 500; line-height: 1.33; letter-spacing: normal; text-align: center; color: #282728; margin-top: 4rem; } .photo__item__text { font-size: 1rem; font-weight: 500; line-height: 1.56; text-align: center; color: #747474; margin-top: 0.8rem; } .photo__item__btn { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); } .photo__item__btn--vid { width: 5.938rem; height: 5.938rem; border-radius: 50%; padding: 0.563rem 0.625rem 0.625rem 0.563rem; background-color: rgba(255, 203, 92, 0.35); animation: pulse2 2s infinite; } .photo__item__btn--vid-inner { border-radius: 50%; height: 100%; width: 100%; position: relative; background-image: linear-gradient(to top, #fe990a, #ffd26a); position: relative; transition-property: background-color, border-color, color, background-image; transition-duration: 0.3s; transition-timing-function: ease-in-out; overflow: hidden; } .photo__item__btn--vid-inner:hover::after{ opacity: 1; } .photo__item__btn--vid-inner::after{ content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #ffd26a, #fe990a); opacity: 0; position: absolute; top: 0; left: 0; transition: all 0.3s; } .photo__item__btn--vid-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); } .photo__item__btn--txt { width: 5.858rem; height: 5.856rem; box-shadow: 0px 19px 87px 0 rgba(40, 39, 40, 0.1); overflow: hidden; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color: #fff; } .photo__item__btn--txt img { max-height: 100%; max-width: 100%; object-fit: cover; } .banner-credit__logos{ display: flex; flex-wrap: wrap; } .banner-credit__logos img{ height: 4.688rem; width: auto !important; max-width: 100%; } @media (max-width: 699px) { .banner-credit__logos img{ margin-right: auto; margin-left: auto; } } .banner-credit__c { position: relative; overflow: hidden; padding: 7.7rem 0rem 8.875rem 8.9rem; border-radius: 50px; background-image: linear-gradient(to top, #c4dbe9, #e9f4f7); } .banner-credit__c::before { position: absolute; content: ""; width: 19.3125rem; height: 26.9375rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush7.png); top: -5rem; left: -3rem; pointer-events: none; } @media (max-width: 900px) { .banner-credit__c { padding-bottom: 0rem; } } @media (max-width: 900px) { .banner-credit__c { padding-left: 2.5rem; padding-right: 2.5rem; margin-right: 2.5rem; margin-left: 2.5rem; width: calc(100% - 5rem); } } .banner-credit__info { position: relative; } .banner-credit__title { font-size: 3.438rem; line-height: 1.18; color: #282828; font-weight: normal; max-width: 42rem; } @media (max-width: 449px) { .banner-credit__title { font-size: 2.4rem; } } .banner-credit__logos { margin-top: 4.4rem; margin-left: 0.5rem; } .banner-credit__logos img { height: 1.688rem; } @media (max-width: 450px) { .banner-credit__logos img { width: 100%; height: auto; } } .banner-credit__logotype { position: absolute; bottom: -20rem; left: 18rem; width: 48.063rem; opacity: 0.4; } .banner-credit__btn { margin-top: 4rem; width: 33rem; height: 6.25rem; font-size: 1.125rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.18px; text-align: center; text-transform: uppercase; color: white; border-radius: 50px; max-width: 100%; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .banner-credit__btn:hover { color: #fff; } .banner-credit__img { position: absolute; bottom: -12rem; right: -3rem; width: 49.75rem; } @media (max-width: 900px) { .banner-credit__img { position: relative; bottom: 0; right: -2.5rem; margin-left: auto; margin-top: 3rem; display: block; max-width: 100%; } } .projecting-banner { width: 23.75rem; /*height: 44.428rem;*/ height: 100%; background-color: #2f2f2f; border-radius: 50px; /*background-image: url(/bitrix/templates/nsb/assets/css/../img/content/invest-2.png);*/ background-size: cover; background-repeat: no-repeat; background-position: center; display: block; padding-right: 4rem; padding-left: 4rem; padding-top: 3rem; position: relative; overflow: hidden; } .offer-card:not(.prj-card) .projecting-banner { width: 100%; height: auto; min-height: 550px; } .offer-card:not(.prj-card) .projecting-banner__img { } .projecting-banner__title { font-size: 1.8rem; font-weight: bold; line-height: 1.25; color: white; z-index: 2; } .projecting-banner__subtitle { font-size: 1.125rem; line-height: 1.3; color: white; margin-top: 1.4rem; z-index: 2; } .projecting-banner__btn { height: 4.125rem; border-radius: 32.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); text-shadow: 0 0 21px rgba(40, 39, 40, 0.36); font-size: 0.719rem; font-weight: bold; letter-spacing: 0.29px; text-transform: uppercase; width: 100%; margin-top: 1.7rem; z-index: 2; } .projecting-banner__img { position: absolute; bottom: -10px; right: 0; width: 22.5625rem; } .promo-slider { padding-top: 7rem; } .promo-slider__content { padding-top: 3.5rem; padding-bottom: 3rem; position: relative; } .promo-slider__arrows { position: absolute; top: 44%; left: 50%; width: 107%; transform: translate(-50%, -50%); z-index: 2; display: flex; justify-content: space-between; pointer-events: none; } .promo-slider__arrows .slider-arrow { width: 1.125rem; height: 2.188rem; } .promo-slider__dots { margin-top: 3.7rem; } .promo-slider__dots ul { justify-content: center; } .promo-slider__item { width: 52.32rem; height: 30.313rem; border-radius: 25px; background-color: var(--bg); margin-right: 2.92rem; padding-left: 4.885rem; padding-top: 3.5rem; padding-bottom: 4.125rem; display: flex; flex-direction: column; justify-content: space-between; color: #fff; position: relative; overflow: hidden; } .promo-slider__item .accent-color { color: var(--accent-color); } @media (max-width: 899px) { .promo-slider__item { margin-right: auto; margin-left: auto; max-width: 100%; } } @media (max-width: 699px) { .promo-slider__item { padding: 2rem; } } .promo-slider__item__img { position: absolute; bottom: 0; right: 0; width: var(--w); } @media (max-width: 699px) { .promo-slider__item__img { opacity: 0.35; } } .promo-slider__title { font-size: 2.25rem; font-weight: 500; line-height: 1.25; color: #fff; position: relative; z-index: 2; } @media (max-width: 699px) { .promo-slider__title { padding-right: 2rem; font-size: 1.7rem; } } .promo-slider__desc { font-size: 0.938rem; font-weight: 500; line-height: 1.47; position: relative; z-index: 2; } .promo-slider__desc p { margin-bottom: 1rem; } @media (max-width: 699px) { .promo-slider__desc { font-size: 1rem; } } .promo-slider__links { display: flex; align-items: center; position: relative; z-index: 2; } .promo-slider__btn { width: 17.375rem; height: 4.125rem; border-radius: 32.5px; background-color: white; display: flex; justify-content: center; align-items: center; font-size: 0.656rem; font-weight: bold; color: #282728; text-transform: uppercase; transition: all linear .2s; } .promo-slider__btn:hover { background-color: #f5f6f6; } @media (max-width: 699px) { .promo-slider__btn { font-size: 1rem; width: 22rem; } } .promo-slider__btn .m-hide { display: none; } .promo-slider__link { font-size: 0.875rem; font-weight: bold; line-height: 1.89; letter-spacing: 0.35px; color: var(--accent-color); text-transform: uppercase; margin-left: 1.813rem; position: relative; } .promo-slider__link:hover { color: var(--accent-color); } .promo-slider__link:hover::before { width: 50%; } @media (max-width: 699px) { .promo-slider__link { font-size: 1rem; } } .promo-slider__link::before { content: ""; position: absolute; bottom: 0.1rem; border-bottom: 1px dashed var(--accent-color); width: 100%; left: 0; transition: all 0.3s; } .promo-slider__hint { position: absolute; width: 7.125rem; height: 7.125rem; border-radius: 30px; background-color: #1b1b1b77; top: 5.7rem; left: 31rem; backdrop-filter: blur(1rem); display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; } @media (max-width: 699px) { .promo-slider__hint { top: 1rem; left: unset; right: 1rem; } } .promo-slider__hint__title { font-size: 2.281rem; font-weight: bold; color: #fff; } .promo-slider__hint__title--min { font-size: 0.844rem; } .promo-slider__hint__subtitle { font-size: 0.813rem; font-weight: 500; line-height: 1.54; letter-spacing: 0.65px; color: #fff; text-transform: uppercase; } .promo-slider__hint::before { width: 0.938rem; height: 0.938rem; background-color: #feb431; left: 0; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; animation: pulse3 infinite 2s; content: ""; position: absolute; } .promo-container { display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 4.8rem; } @media (max-width: 899px) { .promo-container { justify-content: center; } } .promo-container .promo-slider__item { margin-right: 0; margin-bottom: 4.188rem; } @media (max-width: 899px) { .promo-container .promo-slider__item { margin-right: auto; } } .promo-single { display: flex; justify-content: space-between; padding-top: 4.2rem; } @media (max-width: 899px) { .promo-single { flex-direction: column; align-items: center; } } .promo-single__article { width: 68.5%; padding-left: 4.5rem; } @media (max-width: 899px) { .promo-single__article { width: 100%; padding-left: 0; } } .promo-single__article-head { display: flex; justify-content: space-between; align-items: center; } .promo-single__article-title { font-size: 2.25rem; font-weight: bold; line-height: 1.22; color: #282728; } .promo-single__article-date { font-size: 1rem; font-weight: 500; color: #282728; } .promo-single__article-body { display: flex; justify-content: space-between; } @media (max-width: 699px) { .promo-single__article-body { flex-direction: column-reverse; } } .promo-single__article-text { font-size: 1.125rem; line-height: 1.67; color: #282728; width: 43%; margin-top: 1.9rem; } .promo-single__article-text p { margin-bottom: 1.8rem; } @media (max-width: 899px) { .promo-single__article-text { width: 100%; } } .promo-single__article-img { width: 37.5rem; max-height: 59.625rem; border-radius: 35px; overflow: hidden; } @media (max-width: 699px) { .promo-single__article-img { width: 100%; height: 20rem; margin-top: 2rem; } } .promo-single__article-img img { height: 100%; width: 100%; object-fit: cover; } .promo-single__article-btn { font-family: inherit; font-weight: bold; width: 25.5rem; height: 4.75rem; border-radius: 37.5px; font-size: 0.875rem; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .promo-single__back { margin-top: 4.2rem; display: block; width: max-content; } .specs { height: 109.25rem; margin-top: 6.4375rem; position: relative; display: flex; flex-direction: column; } @media (max-width: 899px) { .specs { min-height: 90.625rem; height: auto; padding-bottom: 35rem; } } .specs__subtitle { font-size: 1.875rem; line-height: 1.33; text-align: center; color: #282828; margin-top: 1.5rem; } @media (max-width: 699px) { .specs__subtitle { font-size: 1.35rem; } } .specs__c { margin-top: -0.8rem; flex-grow: 1; display: flex; flex-direction: column; } .specs__content { flex-grow: 1; display: flex; justify-content: space-between; } @media (max-width: 899px) { .specs__content { flex-direction: column; align-items: center; } } .specs__bg { height: 100%; width: 100%; position: absolute; z-index: -1; top: 0; left: 0; } .specs__bg img { height: 100%; width: 100%; object-fit: cover; } .specs__form { margin-right: 4.7rem; margin-top: 12.5rem; width: 32.813rem; height: 49.25rem; border-radius: 50px; box-shadow: 0 0 250px 0 rgba(40, 39, 40, 0.15); border: solid 0.6875rem rgba(255, 255, 255, 0.28); } @media (max-width: 899px) { .specs__form { display: none; } } .specs__form__inner { height: 100%; width: 100%; background-color: rgba(47, 47, 47, 0.57); backdrop-filter: blur(13px); border-radius: 38px; padding-top: 3.3rem; padding-left: 3.5rem; padding-right: 3.5rem; } @media (max-width: 899px) { .specs__form__inner { padding-bottom: 3rem; } } .specs__form__man { display: flex; align-items: center; justify-content: center; margin-left: 1.5rem; } .specs__form__man-photo { width: 9.25rem; height: 9.25rem; background-color: #fff; border-radius: 50%; position: relative; } .specs__form__man-photo img { position: absolute; width: 9.25rem; bottom: 0; left: 0; border-bottom-left-radius: 4.625rem; border-bottom-right-radius: 4.625rem; } @media (max-width: 899px) { .specs__form__man { flex-direction: column; align-items: center; } } .specs__form__man-info { margin-left: 1.563rem; display: flex; margin-top: -0.8rem; } @media (max-width: 899px) { .specs__form__man-info { margin-left: 0; margin-top: 2rem; text-align: center; margin-left: auto; margin-right: auto; } } .specs__form__man-info::before { width: 0.688rem; min-width: 0.688rem; height: 0.688rem; background-color: #84e902; border-radius: 50%; content: ""; margin-right: 0.75rem; margin-top: 0.75rem; animation: flickerAnimation 1s infinite; } .specs__form__man-name { font-size: 1.5rem; font-weight: bold; letter-spacing: 0.6px; color: white; } .specs__form__man-post { font-size: 0.875rem; font-weight: 500; line-height: 1.29; letter-spacing: 0.35px; color: white; margin-top: 0.2rem; } .specs__form__title { font-size: 1.313rem; font-weight: 600; line-height: 1.24; letter-spacing: 0.53px; text-align: center; color: #fefefe; margin-top: 2.5rem; margin-bottom: 1.3rem; } .specs__form .form__input { height: 4.688rem; border-radius: 37.5px; } .specs__form .btn { margin-top: 0.7rem; } .specs__form .form__agreement { margin-top: 1.4rem; } .specs__form .form__agreement, .specs__form .form__agreement a { color: #fff; } .specs__form__or { font-size: 1.313rem; font-weight: bold; line-height: 1.24; letter-spacing: 0.53px; text-align: center; color: #fefefe; margin-top: 1rem; } .specs__form .offer-form__btn { margin-top: 1rem; height: 5.313rem; border-radius: 42.5px; } .specs__info { flex-grow: 1; padding-bottom: 40rem; position: relative; } @media (max-width: 899px) { .specs__info { height: 100%; margin-left: 9rem; margin-right: 9rem; width: calc(100% - 18rem); } } .specs__dot { width: 2.438rem; height: 2.438rem; border-radius: 50%; border: 0.375rem solid #fff; position: absolute; cursor: pointer; animation: pulse1 2s infinite; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .specs__dot::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0.8rem; width: 0.8rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 111.577 111.577' style='enable-background:new 0 0 111.577 111.577;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451 c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064 c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848 c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71 c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667 c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747 c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815 c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744 C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796 c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207 C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .specs__dot.active .specs__dot__hint { transform: translateX(-50%) translatey(-100%) scale(1); } .specs__dot__hint { position: absolute; cursor: help; left: 50%; top: -2rem; transform: translateX(-50%) translatey(-100%) scale(0); width: 19.375rem; padding: 1.313rem 1.813rem 1.188rem 1.75rem; border-radius: 15px; box-shadow: 0 0 18px 0 rgba(40, 39, 40, 0.1); background-color: rgba(40, 39, 40, 0.85); transition: all 0.3s; pointer-events: none; } @media (max-width: 899px) { .specs__dot__hint { width: 17rem; } } .specs__dot__hint::before { content: ""; width: 0.938rem; height: 0.938rem; background-size: contain; background-position: top center; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-hint.png); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) translateY(100%); background-repeat: no-repeat; } .specs__dot__hint--sh { width: 13.125rem; } .specs__dot__hint-title { font-size: 1rem; font-weight: bold; line-height: 1.13; letter-spacing: 0.16px; color: white; } @media (max-width: 699px) { .specs__dot__hint-title { font-size: 1.2rem; } } .specs__dot__hint-desc { font-size: 0.75rem; line-height: 1.33; letter-spacing: 0.12px; text-align: center; color: white; } @media (max-width: 699px) { .specs__dot__hint-desc { font-size: 1rem; } } .specs__dot__hint-title + .specs__dot__hint-desc { font-size: 0.688rem; line-height: 1.27; letter-spacing: 0.11px; color: rgba(255, 255, 255, 0.65); margin-top: 0.5rem; text-align: left; } @media (max-width: 699px) { .specs__dot__hint-title + .specs__dot__hint-desc { font-size: 1rem; } } .estimate { position: relative; } .estimate::after { content: ""; position: absolute; top: -10rem; left: 0; width: 19.313rem; height: 36.688rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush7.png); pointer-events: none; z-index: -1; } .estimate__block { height: 55.563rem; border-radius: 50px; box-shadow: inset 0 0 0 0.6875rem white, inset 0 0 0 0.75rem #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.05); background-color: white; padding-left: 7.8rem; background-size: cover; background-image: url(/bitrix/templates/nsb/assets/css/../img/bgg-form.png); overflow: hidden; position: relative; } .estimate__block--m { height: auto; padding-bottom: 7rem; } .estimate__block--m .estimate__person { bottom: unset; top: 7rem; } @media (max-width: 699px) { .estimate__block--m .estimate__person { top: 0; } } @media (max-width: 699px) { .estimate__block--m { padding-bottom: 0; } } @media (max-width: 899px) { .estimate__block { height: auto; padding-left: 2rem; padding-right: 2rem; } } .estimate__block::after { position: absolute; pointer-events: none; height: 100%; width: 100%; content: ""; top: 0; left: 0; border: 0.6875rem white solid; border-radius: 50px; box-sizing: border-box; z-index: 3; } .estimate__block::before { content: ""; position: absolute; z-index: 2; width: 25.5625rem; height: 44rem; background-size: contain; right: -3rem; top: 10rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush8.png); background-repeat: no-repeat; pointer-events: none; } @media (max-width: 899px) { .estimate__block::before { display: none; } } .estimate__info { max-width: 41rem; padding-top: 6.5rem; } @media (max-width: 899px) { .estimate__info { margin-right: auto; margin-left: auto; } } .estimate__title { font-size: 3.438rem; line-height: 1.18; text-align: center; color: #282828; } @media (max-width: 899px) { .estimate__title { font-size: 2.4rem; } } .estimate__subtitle { font-size: 1.875rem; line-height: 1.33; text-align: center; color: #282828; margin-top: 3rem; } @media (max-width: 899px) { .estimate__subtitle { font-size: 1.5rem; } } .estimate__form { max-width: 27rem; position: relative; margin-right: auto; margin-left: auto; margin-top: 3.15rem; } @media (max-width: 899px) { .estimate__form { margin-right: auto; margin-left: auto; } } .estimate__form__group { width: 24.25rem; margin-right: auto; margin-left: auto; } .estimate__form__group .form__input, .estimate__form__group .form__btn { margin-top: 1.125rem; } .estimate__person { position: absolute; bottom: -5rem; right: 6rem; pointer-events: none; } .estimate__person__photo { width: 51.75rem; } @media (max-width: 899px) { .estimate__person__photo { max-width: 100%; } } @media (max-width: 899px) { .estimate__person { position: relative; bottom: 0; right: 0; margin-right: auto; margin-left: auto; max-width: 100%; margin-top: 4rem; } } .estimate__person__info { position: absolute; right: 23rem; top: 3rem; width: 9rem; } @media (max-width: 899px) { .estimate__person__info { right: unset; left: 4rem; } } .estimate__person__name { font-size: 1.125rem; font-weight: bold; line-height: 1.39; color: #fdfdfd; } @media (max-width: 899px) { .estimate__person__name { color: #272727; } } .estimate__person__post { font-size: 0.875rem; line-height: 1.36; letter-spacing: 0.14px; color: #fdfdfd; } @media (max-width: 899px) { .estimate__person__post { color: #272727; } } .estimate__call { position: absolute; top: -1.3rem; left: 35.7rem; width: max-content; } @media (max-width: 899px) { .estimate__call { position: relative; top: 0; left: 0; margin-top: 2rem; margin-right: auto; margin-left: auto; } } .estimate__call-title { font-size: 1.5rem; font-weight: bold; line-height: 1.25; text-align: center; color: black; } .estimate__call-uptime { font-size: 0.75rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.12px; color: #282728; margin-top: 1.8rem; display: flex; justify-content: center; align-items: center; } .estimate__call-uptime::before { width: 0.375rem; height: 0.375rem; background-color: #70b913; content: ""; border-radius: 50%; margin-right: 0.375rem; } .estimate__call-phone { font-size: 1.5rem; font-weight: bold; color: #282728; display: flex; justify-content: center; align-items: center; } .estimate__call-phone::before { width: 1.063rem; height: 1.063rem; content: ""; background-image: url(/bitrix/templates/nsb/assets/css/../img/phone.png); background-size: contain; background-repeat: no-repeat; margin-right: 0.375rem; } .inst-blog { padding-top: 5.8rem; overflow: hidden; } .inst-blog__c { display: flex; justify-content: center; } @media (max-width: 899px) { .inst-blog__c { flex-direction: column; } } .inst-blog__title { font-weight: normal; font-size: 3.125rem; letter-spacing: -1.25px; color: #282728; } @media (max-width: 899px) { .inst-blog__title { text-align: center; font-size: 2.5rem; } } .inst-blog__subtitle { font-size: 1.125rem; color: #282728; margin-top: 1rem; } .inst-blog__inst { min-height: 59.375rem; position: relative; padding-left: 4rem; width: 42%; } @media (max-width: 899px) { .inst-blog__inst { width: 100%; max-width: 50rem; margin-right: auto; margin-left: auto; text-align: center; padding-left: 0; } } .inst-blog__inst__img { position: absolute; top: -1.4rem; left: -25.5rem; height: 59.375rem; } .inst-blog__inst::before { width: 9.5625rem; height: 8.0625rem; content: ""; position: absolute; bottom: 13rem; right: 12rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow.png); transform: rotate(-98deg); background-size: contain; background-repeat: no-repeat; } @media (max-width: 899px) { .inst-blog__inst::before { display: none; } } .inst-blog__blog { width: 58%; padding-left: 7.5rem; } @media (max-width: 899px) { .inst-blog__blog { width: 100%; padding-left: 0; } } @media (max-width: 899px) { .inst-blog__blog .video-card { max-width: 100%; margin-right: auto; margin-left: auto; } } .inst-blog__blog__content { margin-top: 2.5rem; position: relative; } .inst-blog__blog__content::before { width: 9.5625rem; height: 8.0625rem; content: ""; position: absolute; bottom: -6rem; right: 7rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow.png); background-size: contain; background-repeat: no-repeat; } @media (max-width: 699px) { .inst-blog__blog__content::before { display: none; } } .inst-blog__blog__card { display: flex; align-items: center; margin-bottom: 1.625rem; position: relative; overflow: hidden; } @media (max-width: 699px) { .inst-blog__blog__card { padding-bottom: 0.5rem; } } @media (max-width: 570px) { .inst-blog__blog__card { flex-direction: column; align-items: flex-start; } } .inst-blog__blog__card-img { position: relative; width: 27.875rem; min-width: 27.875rem; height: 18.75rem; border-radius: 15px; overflow: hidden; background-image: linear-gradient(to top, #141414, #333333); } @media (max-width: 570px) { .inst-blog__blog__card-img { width: 100%; } } .inst-blog__blog__card-img img { height: 100%; width: 100%; object-fit: cover; } .inst-blog__blog__card-img::before { content: ""; height: 100%; width: 100%; background-image: linear-gradient(to bottom, #282828, rgba(40, 40, 40, 0)); position: absolute; opacity: 0.75; top: 0; left: 0; } @media (max-width: 899px) { .inst-blog__blog__card-img::before { display: none; } } .inst-blog__blog__card-cat { height: 2.625rem; padding: 0 1.313rem; border-radius: 20.3px; background-color: #fefefe; font-size: 0.719rem; font-weight: 500; letter-spacing: 0.29px; color: #9d9d9d; display: flex; justify-content: center; align-items: center; position: absolute; top: 1.94rem; left: 2.375rem; } .inst-blog__blog__card-date { font-size: 0.875rem; font-weight: 500; letter-spacing: 1.05px; color: white; position: absolute; right: 3rem; top: 2.5rem; } .inst-blog__blog__card-info { margin-left: 2.664rem; } @media (max-width: 570px) { .inst-blog__blog__card-info { margin-left: 0; margin-top: 2rem; } } .inst-blog__blog__card-title { font-size: 1.5rem; font-weight: bold; line-height: 1.38; color: #282728; } .inst-blog__blog__card-short { font-size: 1rem; line-height: 1.5; color: #282728; margin-top: 1.5rem; margin-bottom: 2.5rem; } .inst-blog__blog__card-link { font-size: 0.875rem; font-weight: bold; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; position: relative; width: max-content; } .inst-blog__blog__card-link::before { content: ""; width: 100%; bottom: -0.3rem; left: 0; border-bottom: 1px dashed #fbcb65; position: absolute; transition: all 0.3s; } .inst-blog__blog__card-link:hover::before { width: 50%; } @media (max-width: 699px) { .inst-blog__blog__card-link { font-size: 1rem; } } .inst-blog__btn { width: 19.063rem; height: 5.625rem; border-radius: 45px; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 0.875rem; font-weight: bold; line-height: 1.14; letter-spacing: 0.14px; color: white; text-transform: uppercase; } .inst-blog__btn:hover { color: #fff; } .inst-blog__btn-inst { right: 2rem; bottom: 5.5rem; position: absolute; } .inst-blog__btn-blog { margin-right: auto; margin-left: auto; margin-top: 2.5rem; } @media (max-width: 699px) { .inst-blog__btn { font-size: 1rem; } } .favour { padding-top: 2.2rem; padding-bottom: 4rem; } @media (max-width: 899px) { .favour { padding-top: 2rem; padding-bottom: 0rem; } } @media (max-width: 799px) { } .favour .section-title { margin-right: auto; margin-left: auto; max-width: 90rem; font-size: 3.75rem; margin-top: 1.3rem; line-height: 1.25; } @media (max-width: 899px) { .favour .section-title { font-size: 2.4rem; } } .favour__helm { top: -3rem; left: 0; position: absolute; pointer-events: none; width: 26.6875rem; } @media (max-width: 899px) { .favour__helm { display: none; } } .favour__hammer { top: -24rem; right: 0; position: absolute; pointer-events: none; width: 19.1875rem; } @media (max-width: 899px) { .favour__hammer { display: none; } } .favour__stay { margin-right: auto; margin-left: auto; width: 17rem; height: 4.063rem; border-radius: 32.5px; background-color: #f5f5f7; display: flex; align-items: center; padding-left: 0.62rem; font-size: 1rem; font-weight: 500; color: #282728; } .favour__stay::before { width: 3rem; height: 3rem; content: ""; margin-right: 0.94rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/ok.png); background-size: contain; } .favour__subtitle { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 500; color: #282828; margin-top: 2.3rem; } @media (max-width: 899px) { .favour__subtitle { text-align: center; } } .favour__subtitle::before { content: ""; width: 1.875rem; height: 1.875rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/love.png); background-repeat: no-repeat; margin-right: 1.375rem; background-size: contain; } .favour__add { display: flex; align-items: center; justify-content: center; margin-top: 4rem; } @media (max-width: 899px) { .favour__add { flex-direction: column; align-items: center; } } .favour__add-cmb { display: flex; align-items: center; } .favour__add-cmb:not(:last-child) { margin-right: 5.875rem; } @media (max-width: 899px) { .favour__add-cmb:not(:last-child) { margin-right: 0; margin-bottom: 4rem; } } .favour__add-text { font-size: 1.188rem; line-height: 1.34; color: rgba(40, 40, 40, 0.5); position: relative; } .favour__add-text::after { position: absolute; content: ""; width: 6.875rem; height: 1.438rem; bottom: -2rem; left: 9rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow2.png); background-size: contain; background-repeat: no-repeat; } .favour__add-btns { width: 15.063rem; height: 6.063rem; border-radius: 20px; background-color: #f5f5f7; display: flex; justify-content: center; align-items: center; font-size: 2.406rem; font-weight: bold; color: #282828; margin-left: 2.125rem; } .favour__add-img { width: 24.25rem; height: 8.375rem; border-radius: 15px; box-shadow: 0 0 29px 0 rgba(0, 0, 0, 0.1); background-color: white; display: flex; justify-content: center; align-items: center; margin-left: 1.56rem; } .favour__add-img img { width: 100%; object-fit: contain; object-position: center; } .page404__c { position: relative; } .page404__content { padding-left: 9rem; padding-bottom: 18.5rem; } @media (max-width: 899px) { .page404__content { padding-left: 0; } } .page404__title { font-size: 3.75rem; font-weight: bold; line-height: 1.2; color: white; max-width: 34rem; margin-top: 8.6rem; } @media (max-width: 699px) { .page404__title { font-size: 2.8rem; } } .page404 .btn { width: 23.5rem; height: 6.313rem; font-size: 1.094rem; margin-top: 3.2rem; } .page404 .btn:hover { color: #fff; } .page404__404 { position: absolute; right: -10rem; top: 50%; transform: translateY(-62%); font-size: 31.063rem; color: #fff; font-weight: bold; mix-blend-mode: overlay; } .page404__404.--opacity { opacity: 0.5; } @media (max-width: 899px) { .page404__404.--opacity { display: none; } } @media (max-width: 899px) { .page404__404 { position: relative; right: 0; top: 0; margin-top: 2rem; text-align: center; } } @media (max-width: 699px) { .page404__404 { font-size: 22rem; } } @media (max-width: 449px) { .page404__404 { font-size: 17rem; } } .prj-container { display: flex; flex-wrap: wrap; margin-top: 4.6rem; } @media (max-width: 899px) { .prj-container { justify-content: center; } } @media (max-width: 699px) { .prj-container { justify-content: space-between; } } @media (max-width: 699px) { .prj-container .prj-card { width: 48.5%; } } @media (max-width: 600px) { .prj-container .prj-card { width: 100%; } } .prj-card { width: 23.75rem; } .prj-card:not(:nth-child(3n)) { margin-right: 0; } @media (min-width: 900px) { .prj-card .offer-card__image { height: 20rem; } } .prj-card .offer-card__title { font-size: 1.3rem; margin-top: 1.5rem; } .prj-card .offer-card__description-list { font-size: 0.875rem; } .prj-card .offer-card__prices-title { font-size: 1rem; } .prj-card .offer-card__price-old .price-old { font-size: 1rem; } .prj-card .offer-card__price-new { font-size: 1rem; } .prj-card .offer-card__price-new .price-new { font-size: 1.5rem; } .prj-card .offer-card__btn .btn { width: 13.75rem; min-width: 13.75rem; height: 4.125rem; font-size: 0.719rem; } .prj-card .offer-card__description { padding: 1.5rem 0; } .prj-card .offer-card__btn .p, .prj-card .offer-card__btn p { font-size: 0.55rem; margin-left: 1.3rem; } @media (max-width: 449px) { .prj-card .offer-card__btn .p, .prj-card .offer-card__btn p { font-size: 1rem; } } .prj-card .offer-card__btn .p::before, .prj-card .offer-card__btn p::before { height: 1.5rem; width: 1.5rem; margin-right: 0.7rem; } .prj-card .offer-card__prices { padding: 0.9rem 0 1rem; min-height: 5.2rem; position: relative; } .prj-card .offer-card__price__get { font-size: 0.719rem; letter-spacing: 0.29px; } .prj-item__main-cost__item-title { position: relative; margin-bottom: 5px; } .prj-links { display: flex; justify-content: center; margin-top: 5.75rem; } @media (max-width: 899px) { .prj-links { justify-content: space-between; flex-wrap: wrap; } } .prj-links__item { display: flex; position: relative; border-radius: 3.125rem; overflow: hidden; width: 46.125rem; height: 28.125rem; } .prj-links__item:not(:last-child) { margin-right: 5.875rem; } @media (max-width: 899px) { .prj-links__item:not(:last-child) { margin-right: 0; } } @media (max-width: 899px) { .prj-links__item { width: 48.5%; } } @media (max-width: 699px) { .prj-links__item { width: 100%; margin-bottom: 2rem; } } .prj-links__item::after { content: ""; height: 100%; width: 100%; background-image: linear-gradient( to right, #282828, #282828 60%, rgba(40, 40, 40, 0) ); position: absolute; opacity: 0.75; top: 0; left: 0; } .prj-links__item__img { height: 100%; width: 100%; object-fit: cover; } .prj-links__item:hover .prj-links__item__name { color: #fbcb65; } .prj-links__item:hover .prj-links__item__name::after { width: 50%; } .prj-links__item__name { position: absolute; font-size: 1.75rem; font-weight: bold; line-height: 1.71; color: white; bottom: 4.3rem; left: 6.5rem; z-index: 3; } .prj-links__item__name::after { position: absolute; content: ""; width: 100%; border-bottom: 1px dashed #fbcb65; transition: all 0.3s; bottom: 0; left: 0; } @media (max-width: 899px) { .prj-links__item__name { left: 2rem; } } @media (max-width: 449px) { .prj-links__item__name { font-size: 1.25rem; } } .prj-ex__content { display: flex; flex-wrap: wrap; max-width: 98rem; justify-content: space-between; margin-right: auto; margin-left: auto; } .prj-ex__item { position: relative; overflow: hidden; margin-top: 3.875rem; width: 46.438rem; height: 31.313rem; border-radius: 35px; } .prj-ex__item::after { content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #282828, rgba(40, 40, 40, 0)); position: absolute; opacity: 0.75; top: 0; left: 0; pointer-events: none; } @media (max-width: 899px) { .prj-ex__item { width: 48.5%; } } @media (max-width: 699px) { .prj-ex__item { width: 100%; } } .prj-ex__item .slick-list, .prj-ex__item .slick-track { height: 100%; } .prj-ex__item-name { font-size: 1.875rem; font-weight: bold; color: white; text-align: center; width: 100%; position: absolute; left: 0; bottom: 4.8rem; z-index: 2; } .prj-ex__item__slider { position: relative; height: 100%; width: 100%; } .prj-ex__item__slider img { height: 100%; width: 100%; object-fit: cover; } .prj-ex__item__slider .slider-arrow__prev { position: absolute; top: 50%; left: 3rem; transform: translateY(-50%) scaleX(-1); height: 1.938rem; width: 1.938rem; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .prj-ex__item__slider .slider-arrow__next { position: absolute; top: 50%; right: 3rem; transform: translateY(-50%); height: 1.938rem; width: 1.938rem; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23fff;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); } .prj-ex__item__slide { height: 31.313rem; display: block; } .prj-ex__more { font-size: 1.156rem; font-weight: bold; letter-spacing: 0.46px; text-align: center; color: #fbcb65; text-transform: uppercase; width: max-content; margin-top: 4rem; margin-right: auto; margin-left: auto; display: block; border-bottom: 1px dashed #fbcb65; } .prj-map { padding-top: 5rem; padding-bottom: 5.3rem; } .prj-map__link { max-width: 98.188rem; margin-top: 2.5rem; margin-right: auto; margin-left: auto; height: 37.5rem; border-radius: 35px; display: block; overflow: hidden; } .prj-map__link img { height: 100%; width: 100%; object-fit: cover; } @media (max-width: 699px) { .prj-map__link { height: 28rem; } } .prj-single { padding-top: 4.3rem; } .prj-single__content { display: flex; margin-right: auto; margin-left: auto; max-width: 98rem; justify-content: space-between; } @media (max-width: 899px) { .prj-single__content { flex-wrap: wrap; flex-direction: column-reverse; } } .prj-single__info { width: 42%; } @media (max-width: 899px) { .prj-single__info { width: 100%; margin-top: 2rem; } } .prj-single__title { font-size: 2.25rem; font-weight: bold; line-height: 1.33; color: #282728; } .prj-single__labels { display: flex; margin-top: 2.3rem; } .prj-single__time, .prj-single__date { height: 2.813rem; padding: 0 1.313rem; border-radius: 22.5px; display: flex; justify-content: center; align-items: center; font-size: 0.75rem; letter-spacing: 0.12px; text-align: center; color: #282728; } .prj-single__time:not(:last-child), .prj-single__date:not(:last-child) { margin-right: 0.8rem; } .prj-single__time { background-color: #ffce64; } .prj-single__date { background-color: #e7e7e7; } .prj-single__block { margin-top: 2.2rem; } .prj-single__block-title { font-size: 1rem; font-weight: bold; line-height: 1.81; color: #282728; text-transform: uppercase; } .prj-single__block-text { font-size: 0.938rem; line-height: 1.67; color: #282728; margin-top: 0.6rem; } @media (max-width: 449px) { .prj-single__block-text { font-size: 1rem; } } .prj-single__block-list { font-size: 0.938rem; line-height: 1.93; color: #282728; margin-top: 0.5rem; } @media (max-width: 500px) { .prj-single__block-list { margin-bottom: 1rem; } } .prj-single__specs { display: flex; align-items: flex-end; justify-content: space-between; margin-top: 2.2rem; } @media (max-width: 500px) { .prj-single__specs { flex-direction: column; align-items: flex-start; } } .prj-single__photo { width: 52.813rem; } @media (max-width: 899px) { .prj-single__photo { width: 100%; } } .prj-single__photo a { display: block; overflow: hidden; } .prj-single__photo a img { height: 100%; width: 100%; object-fit: cover; } .prj-single__photo-big { height: 34.375rem; border-radius: 35px; } @media (max-width: 500px) { .prj-single__photo-big { height: 22rem; } } .prj-single__photo-min { height: 8.438rem; width: 24%; border-radius: 15px; } .prj-single__photo-min:hover img { filter: brightness(90%); } .prj-single__photo-min:not(:nth-child(4n)) { margin-right: 1.33%; } .prj-single__photo-block { display: flex; margin-top: 1rem; } .prj-single__buttons { max-width: 98rem; margin-right: auto; margin-left: auto; margin-top: 5.2rem; position: relative; } @media (max-width: 899px) { .prj-single__buttons { display: flex; flex-direction: column-reverse; align-items: center; } } .prj-single__back { font-size: 1rem; font-weight: bold; line-height: 1.66; letter-spacing: 0.4px; color: #fbcb65; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-bottom: 1px dashed #fbcb65; text-transform: uppercase; } @media (max-width: 899px) { .prj-single__back { position: static; margin-right: auto; margin-left: auto; } } .prj-single__btn { font-size: 0.875rem; margin-right: auto; margin-left: auto; font-weight: bold; text-transform: uppercase; letter-spacing: 0.35px; width: 30.688rem; height: 4.75rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } @media (max-width: 899px) { .prj-single__btn { margin-bottom: 3rem; } } .prj-single__other { padding-top: 11rem; } .prj-single__other-content { max-width: 98rem; margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; margin-top: 3.8rem; padding-bottom: 3.5rem; } .prj-single__other-content .cases__item--card { margin-bottom: 0; } @media (max-width: 899px) { .prj-single__other-content { flex-wrap: wrap; } .prj-single__other-content .cases__item--card { margin-right: auto; margin-left: auto; margin-bottom: 2rem; } } .prj-vid { padding-top: 7rem; } .prj-vid__link { max-width: 98.008rem; margin-top: 3rem; height: 50rem; margin-right: auto; margin-left: auto; display: block; position: relative; border-radius: 35px; overflow: hidden; } @media (max-width: 500px) { .prj-vid__link { height: 35rem; } } .prj-vid__link img { height: 100%; width: 100%; object-fit: cover; } .prj-vid .reviews__item__btn { top: 50%; left: 50%; transform: translate(-50%, -50%); height: 8.25rem; width: 8.25rem; } .prj-vid .reviews__item__btn--vid-inner::before { height: 1.3rem; width: 1.3rem; } .prj-stg { max-width: 98rem; margin-right: auto; margin-left: auto; margin-top: 4.9rem; } .prj-stg__title { font-size: 2.25rem; font-weight: bold; text-align: center; color: #282728; } .prj-stg__text { font-size: 1.5rem; line-height: 1.58; text-align: center; color: #282728; max-width: 85rem; margin-right: auto; margin-left: auto; margin-top: 1.4rem; } .prj-stg__gallery { display: flex; margin-top: 3rem; } .prj-stg__img { flex-grow: 1; height: 26.625rem; border-radius: 3.125rem; overflow: hidden; } @media (max-width: 500px) { .prj-stg__img { height: 12rem; border-radius: 10px; } } .prj-stg__img:not(:last-child) { margin-right: 3.14rem; } @media (max-width: 500px) { .prj-stg__img:not(:last-child) { margin-right: 1rem; } } .prj-stg__img:only-child { height: 46.525rem; } @media (max-width: 500px) { .prj-stg__img:only-child { height: 32rem; } } .prj-stg__img img { height: 100%; width: 100%; object-fit: cover; } .prj-item__main { padding-top: 4.62rem; display: flex; justify-content: space-between; margin-right: auto; margin-left: auto; column-gap: 4rem; } @media (max-width: 899px) { .prj-item__main { flex-wrap: wrap; } } .prj-item__main-photo { min-width: 58.459rem; width: 58.459rem; } @media (max-width: 899px) { .prj-item__main-photo { width: 100%; min-width: auto; } } .prj-item__main-photo .prj-item__main-photo--min, .prj-item__main-photo a { display: block; position: relative; overflow: hidden; } .prj-item__main-photo .prj-item__main-photo--min img, .prj-item__main-photo a img { height: 100%; width: 100%; object-fit: cover; cursor: pointer; } .prj-item__main-photo--lg.slick-slide, .prj-item__main-photo--lg { height: 36.625rem; border-radius: 35px; } .product-detail-slider:not(.slick-initialized) .prj-item__main-photo--lg + .prj-item__main-photo--lg { position: absolute; top: 0; opacity: 0; } .prj-item__main-photo-block { display: flex; margin-top: 1.46rem; } .prj-item__main-photo--min { height: 9.134rem; width: 24%; border-radius: 20px; } .product-detail-slider-nav .slick-track { margin-left: 0; } .fancybox__thumb { border-radius:10px; } .fancybox__thumbs .carousel__slide .fancybox__thumb::after { border-color:#ffb33c; border-radius: 10px; } .product-detail-slider-nav .slick-list { width: 100% !important; margin-left: 0; } .product-detail-slider-nav .slick-track { margin: 0 -10px; } .product-detail-slider-nav .slick-slide { margin: 0 10px; } .product-detail-slider-nav .slick-slide:last-child { margin-right: 0; } .txt-block.sm-txt { font-size: 1rem; color: #535353; } @media (max-width: 899px) { .prj-item__main-info { width: 100%; } } @media (max-width: 550px) { .prj-item__main-photo--min { border-radius: 10px; } .prj-item__main-photo--lg.slick-slide, .prj-item__main-photo--lg { height: 26rem; } } .prj-item__main-info { width: 100%; } .prj-item__main-info__form { width: 100%; max-width: 100%; min-height: 20.313rem; border-radius: 35px; background-color: #282728; position: relative; overflow: hidden; padding-left: 3.44rem; padding-top: 2.5rem; padding-bottom: 1.5rem; } @media (max-width: 899px) { .prj-item__main-info__form { margin-top: 2rem; } } .prj-item__main-info__form-img { position: absolute; right: 0; bottom: 0; width: 29.9375rem; } @media (max-width: 449px) { .prj-item__main-info__form { padding-left: 2.5rem; padding-right: 1rem; } .prj-item__main-info__form-img { right: -4rem; padding-left: 2rem; } } .prj-item__main-info__form-content { position: relative; z-index: 2; } .prj-item__main-info__form-title { font-size: 1.5rem; color: white; margin-bottom: 1.3rem; } @media (max-width: 449px) { .prj-item__main-info__form-title { font-size: 1.35rem; } } .prj-item__main-info__form .estimate__call-phone { position: relative; top: 0; left: 0; font-size: 1.281rem; font-weight: 600; line-height: 0.93; color: white; justify-content: flex-start; margin-top: 1rem; } .prj-item__main-info__form .estimate__call-phone:hover { color: #fe990a; } .prj-item__main-info__form-group { margin-top: 1.8rem; display: flex; } .prj-item__main-info__form-group .form__input { width: 15.25rem; height: 3.5rem; border-radius: 27.5px; margin: 0; } @media (max-width: 380px) { .prj-item__main-info__form-group .form__input { width: 14.5rem; } } .prj-item__main-info__form-group .form__btn { width: 12.5rem; height: 3.5rem; border-radius: 27.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); text-transform: uppercase; font-size: 0.719rem; text-transform: uppercase; margin-left: 0.875rem; margin-top: 0; margin-bottom: 0; } @media (max-width: 380px) { .prj-item__main-info__form-group .form__btn { width: 11.5rem; } } .prj-item__main-info__form .form__agreement { margin-top: 1rem; justify-content: flex-start; margin-left: 1rem; } .prj-item__main-info__form .form__agreement__text, .prj-item__main-info__form .form__agreement a { color: white; max-width: 100%; font-size: 0.59rem; } .form__agreement a:hover { color: #fe990a; } .prj-item__main-info__specs { display: flex; justify-content: space-between; column-gap: 10px; } .prj-item__main-info__specs-title { font-size: 1.125rem; font-weight: bold; color: #282728; text-transform: uppercase; margin-top: 2.2rem; margin-bottom: 1rem; } .prj-item__main-info__specs-block li { display: flex; align-items: center; font-size: 1rem; line-height: 1.88; color: #282728; } .prj-item__main-info__specs-block li::before { content: ""; width: 0.625rem; min-width: 0.625rem; height: 0.625rem; border: solid 2px #ffb33c; box-sizing: border-box; margin-right: 0.56rem; border-radius: 50%; } .prj-item__main-info__est { display: flex; align-items: center; justify-content: space-between; margin-top: 1.7rem; } .prj-item__main-info__est-link { display: flex; align-items: center; } .prj-item__main-info__est-link span { font-size: 0.875rem; font-weight: bold; line-height: 1.89; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; border-bottom: 1px dashed #fbcb65; } .prj-item__main-info__est-link::before { width: 1.125rem; height: 1.125rem; content: ""; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/down.png); margin-right: 0.625rem; } .prj-item__main-info__est-desc { font-size: 0.75rem; font-weight: bold; letter-spacing: 0.3px; color: #282728; } .prj-item__main-cost { display: flex; justify-content: flex-start; margin-top: 2.6rem; column-gap: 3rem; } .prj-item__main-cost__item { font-size: 1rem; font-weight: 500; color: #282728; } .prj-item__main-cost__item .text--lg { font-size: 1.875rem; color: #282728; } .prj-item__main-cost__item-title { position: relative; width: max-content; } .prj-item__main__btn { width: 19.625rem; height: 4.125rem; border-radius: 32.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); margin-top: 1rem; font-size: 0.719rem; font-weight: bold; text-transform: uppercase; } .prj-item__buttons-block { display: flex; align-items: center; gap: 2.5rem; } .btn-link-txt { font-size: 0.875rem; font-weight: bold; line-height: 1.6; letter-spacing: 0.35px; color: #fbcb65; text-transform: uppercase; border-bottom: 1px dashed #fbcb65; } .prj-item__features { display: flex; justify-content: space-between; font-size: 1.156rem; line-height: 1.49; margin-right: auto; margin-left: auto; color: #282728; margin-top: 4rem; } @media (max-width: 899px) { .prj-item__features { flex-wrap: wrap; justify-content: flex-start; } } @media (max-width: 699px) { .prj-item__features { justify-content: space-between; } } @media (max-width: 440px) { .prj-item__main-info__specs-block li { line-height: 1.4; margin-bottom: 0.4rem; } } .prj-item__features li { display: flex; align-items: center; width: 30%; margin-bottom: 2rem; line-height: 1.3; } .prj-item__features li:not(:nth-child(3n)) { margin-right: 5%; } @media (max-width: 699px) { .prj-item__features li:not(:nth-child(3n)) { margin-right: 0; } } @media (max-width: 699px) { .prj-item__features li { width: 48.5%; } } .prj-item__features li::before { content: ""; width: 2rem; min-width: 2rem; height: 2rem; background-color: #74bb16; border-radius: 50%; margin-right: 1.2rem; background-position: center; background-repeat: no-repeat; background-size: 0.75rem; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); } .prj-item__plan { padding-bottom: 4rem; margin-right: auto; margin-left: auto; justify-content: space-between; display: flex; padding-top: 9.5rem; } @media (max-width: 899px) { .prj-item__plan { flex-direction: column; } } .prj-item__like { padding-top: 5.5rem; } .product-like-wrap { margin-top: 4rem; } .prj-item__plan-title { font-size: 1.875rem; font-weight: bold; color: #282828; } .prj-item__plan-photo { width: 50.063rem; } @media (max-width: 899px) { .prj-item__plan-photo { width: 100%; } } .prj-item__plan-photo a { border: solid 1px #dedddd; display: flex; justify-content: center; align-items: center; } .prj-item__plan-photo a img { max-width: 100%; max-height: 100%; } .prj-item__plan-photo-big { height: 36.625rem; border-radius: 35px; margin-top: 3rem; } .prj-item__plan-photo-block { display: flex; margin-top: 1.46rem; } .prj-item__plan-photo-min { height: 9.25rem; width: 24%; border-radius: 20px; } .prj-item__plan-photo-min:not(:nth-child(4n)) { margin-right: 1.33%; } .prj-item__plan-cost { width: 44.5%; } @media (max-width: 899px) { .prj-item__plan-cost { width: 100%; margin-top: 2rem; } } .prj-item__plan-cost-list { margin-top: 3.5rem; } .prj-item__plan-cost-list li { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.75rem; } @media (max-width: 550px) { .prj-item__plan-cost-list li { margin-bottom: 1.5rem; } } .prj-item__plan-cost-list-name { display: flex; align-items: center; font-size: 1.125rem; color: #282728; width: 18rem; } .prj-item__plan-cost-list-name::before { content: ""; width: 0.625rem; height: 0.625rem; border: solid 2px #ffb33c; box-sizing: border-box; border-radius: 50%; margin-right: 1rem; } .prj-item__plan-cost-list-cost { font-size: 1.125rem; font-weight: bold; color: #282728; width: 13rem; } .prj-item__plan-cost-list-download { font-size: 0.875rem; font-weight: bold; color: #fbcb65; text-transform: uppercase; align-items: center; display: flex; } .prj-item__plan-cost-list-download:hover { color: #fe990a; } .prj-item__plan-cost-list-download span { border-bottom: 1px dashed #fbcb65; } @media (max-width: 550px) { .prj-item__plan-cost-list-download span { font-size: 0; border-bottom: none; } } .prj-item__plan-cost-list-download::after { width: 1.125rem; height: 1.125rem; content: ""; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/down.png); margin-left: 0.3rem; } @media (max-width: 550px) { .prj-item__plan-cost-list-download::after { width: 1.9rem; height: 1.9rem; } } .prj-item__newplan { min-height: 14.063rem; border-radius: 30px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.1); background-color: white; display: flex; align-items: center; justify-content: space-between; padding-left: 6.2rem; padding-right: 6.25rem; padding-top: 2rem; padding-bottom: 2rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush9.png), url(/bitrix/templates/nsb/assets/css/../img/bush10.png); background-repeat: no-repeat; background-position: bottom left, bottom right; background-size: 21.625rem 14.75rem, 26.8125rem 17.4375rem; position: relative; z-index: 99; } @media (max-width: 899px) { .prj-item__newplan { flex-direction: column; text-align: center; align-items: center; padding-bottom: 10rem; padding-top: 5rem; padding-right: 2rem; padding-left: 2rem; } } .prj-item__newplan-title { font-size: 3rem; font-weight: bold; line-height: 1.15; color: #282828; max-width: 32rem; } @media (max-width: 699px) { .prj-item__newplan-title { font-size: 2.2rem; } } .prj-item__newplan-text { font-size: 1.125rem; line-height: 1.44; color: #282828; max-width: 29rem; } @media (max-width: 899px) { .prj-item__newplan-text { margin-top: 1rem; margin-bottom: 2rem; } } .prj-item__newplan-btn { font-size: 0.875rem; font-weight: bold; text-transform: uppercase; width: 19.625rem; height: 5.063rem; border-radius: 40px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .prj-item__complect { padding-top: 0.8rem; padding-bottom: 5rem; } .prj-item__complect__block { margin-top: 5.7rem; } .prj-item__complect__block .section-title { font-size: 3rem; } @media (max-width: 699px) { .prj-item__complect__block .section-title { font-size: 2.2rem; } } .prj-item__complect-content { display: flex; justify-content: center; margin-top: 2.7em; flex-wrap: wrap; } .prj-item__complect-item { width: 15rem; height: 15rem; border-radius: 25px; background-color: #f4f2f2; margin: 0.81rem; padding-top: 3.56rem; padding-left: 1rem; padding-right: 1rem; } .prj-item__complect-item__icon img { height: 3.75rem; display: block; margin-right: auto; margin-left: auto; } .prj-item__complect-item__name { font-size: 1.063rem; font-weight: 600; line-height: 1.59; text-align: center; color: #282828; height: 3rem; display: flex; align-items: center; justify-content: center; margin-top: 2rem; } .prj-item__complect-item__name p { width: max-content; margin-right: auto; margin-left: auto; border-bottom: 1px dashed #fe990a; } .prj-item__pres { padding-top: 2rem; padding-bottom: 19rem; } @media (max-width: 899px) { .prj-item__pres { overflow: hidden; width: 100%; } } .prj-item__pres__c { position: relative; } .prj-item__pres__colors { display: flex; justify-content: center; margin-top: 2rem; } @media (max-width: 899px) { .prj-item__pres__colors { flex-wrap: wrap; } } .prj-item__pres__colors-item { height: 4.375rem; padding: 0 2.813rem; border-radius: 20px; background-color: var(--c); font-size: 1.875rem; font-weight: 600; text-align: center; color: #fdfdfe; display: flex; justify-content: center; align-items: center; margin-bottom: 1rem; } .prj-item__pres__colors-item:not(:last-child) { margin-right: 2.125rem; } .prj-item__pres__form { width: 32.813rem; height: 34.5rem; min-height: 34.5rem; margin-left: auto; margin-top: 3.6rem; padding-top: 1.7rem; max-width: 100%; } @media (max-width: 899px) { .prj-item__pres__form { height: auto; padding-bottom: 2rem; padding-right: 2.5rem; padding-left: 2.5rem; } } @media (max-width: 449px) { .prj-item__pres__form { margin-top: 35rem; } } .prj-item__pres-img { position: absolute; top: -2.5rem; left: -6.5rem; width: 97.1875rem; } .prj-item__similar { padding-top: 3rem; } .thx-page { position: relative; } .thx-page__c { padding-left: 9rem; padding-bottom: 17.6rem; position: relative; } @media (max-width: 899px) { .thx-page__c { padding-left: 0; } } @media (max-width: 699px) { .thx-page__c { padding-bottom: 50rem; } } .thx-page-wrap { position: relative; } .thx-page__success { font-size: 1.875rem; font-weight: 600; color: #282728; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; margin-top: 10rem; } .prj-item__main-info__form .thx-page__success { color: #fff; } .thx-page__success::before { width: 6rem; height: 6rem; min-width: 2.625rem; border-radius: 50%; content: ""; margin-right: 0; margin-bottom: 0.8rem; background-repeat: no-repeat; background-position: center; background-size: 3rem; background-color: #ffce64; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23282828;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"); } .thx-page__title { max-width: 47rem; font-size: 3rem; line-height: 1.25; color: white; margin-top: 4rem; font-weight: normal; } .form-success { display: flex; flex-direction: column; align-items: center; width: 100%; } .form-success span { display: block; font-size: 1.5rem; margin-top: 0.6rem; color: #878787; } .section-wa-form-wrap .form-success span { color: #000; } @media (max-width: 899px) { .thx-page__title { max-width: 36rem; font-size: 2.8rem; } .thx-page__title br { display: none; } } .thx-page__director { position: absolute; bottom: 0; right: 10.5rem; } @media (max-width: 899px) { .thx-page__director { right: -3rem; } } @media (max-width: 699px) { .thx-page__director { right: 3rem; } } .thx-page__director-info { position: absolute; top: 5.5rem; left: 24rem; max-width: 8.5rem; } .thx-page__director-name { font-size: 1.125rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.18px; color: white; text-transform: uppercase; } .thx-page__director-post { font-size: 0.875rem; font-weight: 500; line-height: 1.36; letter-spacing: 0.14px; color: white; margin-top: 0.5rem; } .thx-page__director-img { width: 31.75rem; } .thx-page__bush { width: 72.5rem; bottom: 0; right: 0; position: absolute; } .video-card { width: 46.125rem; margin-top: 2.5rem; } .video-card-link { height: 31.25rem; border-radius: 35px; width: 100%; display: block; position: relative; } @media (max-width: 699px) { .video-card-link { height: 22rem; } } .video-card-link img { height: 100%; width: 100%; border-radius: 35px; object-fit: cover; } .video-card-cat { height: 2.813rem; padding: 0 2.125rem; border-radius: 22.5px; background-color: white; display: flex; justify-content: center; align-items: center; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12px; color: #282728; position: absolute; top: 2.56rem; right: 2.25rem; } .video-card-title { font-size: 1.5rem; font-weight: 500; line-height: 1.33; text-align: center; color: #282728; max-width: 43rem; margin-right: auto; margin-left: auto; margin-top: 4.5rem; } .video-card-desc { font-size: 1rem; font-weight: 500; line-height: 1.56; text-align: center; color: #747474; max-width: 43rem; margin-right: auto; margin-left: auto; margin-top: 1rem; } .video-container { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 98rem; margin: 0 auto; padding-top: 2.3rem; } .video-container .video-card-title { margin-top: 5.5rem; } .video-container .video-card { margin-bottom: 2.8rem; } .vac { padding-top: 5rem; } .vac__c { max-width: 89.375rem; margin-right: auto; margin-left: auto; } .vac__title { font-size: 3.75rem; color: #282728; font-weight: normal; } @media (max-width: 699px) { .vac__title { font-size: 2.8rem; } } .vac__subtitle { font-size: 1.875rem; color: #282728; margin-top: 1.5rem; } .vac__subtitle a { color: inherit; font-weight: bold; white-space: nowrap; } .vac__subtitle a:hover { color: #ffce64; } .vac__content { margin-top: 3rem; } .vac__item { border-radius: 30px; background-color: #f5f5f7; margin-bottom: 1.813rem; padding: 0 7.4rem 0 7.4rem; } @media (max-width: 899px) { .vac__item { padding: 0 2rem; } } .vac__item-head { min-height: 7.813rem; padding-top: 1rem; padding-bottom: 1rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .vac__item-head::after { content: ""; width: 1.938rem; height: 1.938rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23282728;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); transform: rotate(90deg); transition: all 0.3s; } .vac__item.active .vac__item-head::after { transform: rotate(-90deg); } .vac__item-head-c { display: flex; align-items: center; } @media (max-width: 699px) { .vac__item-head-c { flex-direction: column; align-items: flex-start; } } .vac__item-title { font-size: 2.25rem; font-weight: bold; color: #282728; } .vac__item-cond { font-size: 1.125rem; font-weight: 500; letter-spacing: 0.45px; color: #282728; display: flex; align-items: center; margin-left: 2.7rem; margin-top: 0.5rem; } @media (max-width: 899px) { .vac__item-cond { margin-left: 0; margin-top: 1rem; } } @media (max-width: 500px) { .vac__item-cond { flex-direction: column; align-items: flex-start; } } .vac__item-cond li { display: flex; align-items: center; } .vac__item-cond li:not(:last-child) { margin-right: 2.3rem; } @media (max-width: 500px) { .vac__item-cond li:not(:last-child) { margin-right: 0; margin-bottom: 1rem; } } .vac__item-cond li::before { width: 0.563rem; min-width: 0.563rem; height: 0.563rem; border: solid 2px #fdab28; border-radius: 50%; margin-right: 0.5rem; content: ""; box-sizing: border-box; } .vac__item-text { display: none; padding-bottom: 2rem; } .vac__item-sec { padding-bottom: 2rem; } .vac__item-sec-title { font-size: 1.5rem; font-weight: bold; color: #282728; } .vac__item-sec p { font-size: 1rem; line-height: 1.5; color: #282728; margin-top: 1rem; } .vac__btn { margin-top: 4rem; margin-right: auto; margin-left: auto; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.35px; width: 18.688rem; height: 4.75rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .vac__btn:hover { color: #fff; } .faq__content { display: flex; justify-content: space-between; max-width: 97rem; margin-right: auto; margin-left: auto; margin-top: 2.35rem; } @media (max-width: 699px) { .faq__content { flex-wrap: wrap; } } .faq__block { width: 45.375rem; } @media (max-width: 899px) { .faq__block { width: 48.5%; } } @media (max-width: 699px) { .faq__block { width: 100%; } } .faq__item { border-bottom: 1px solid rgba(40, 39, 40, 0.15); padding-left: 3rem; padding-top: 2rem; } .faq__item.active .faq__item-head::before { transform: rotate(-90deg); } .faq__item-head { display: flex; justify-content: space-between; padding-bottom: 2rem; cursor: pointer; position: relative; } .faq__item-head::before { content: ""; width: 0.938rem; height: 0.938rem; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 14.1' style='enable-background:new 0 0 8 14.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23d7d7d7;%7D%0A%3C/style%3E%3Cpath id='bupath-1' class='st0' d='M8,7.1L8,7.1l-6.9,7L0,13l5.9-5.9L0,1.1L1.1,0L8,7.1L8,7.1z'/%3E%3C/svg%3E%0A"); transform: rotate(90deg); position: absolute; top: 0.5rem; left: -3rem; transition: all 0.3s; } .faq__item-q { font-size: 1.188rem; font-weight: bold; color: #282828; } .faq__item-num { font-size: 1.125rem; font-weight: 600; color: #fbcb65; margin-left: 6rem; } .faq__item-answ { font-size: 0.875rem; line-height: 1.71; color: #282828; padding-bottom: 2rem; display: none; } .faq__btn { font-size: 0.875rem; font-weight: bold; text-transform: uppercase; line-height: 1.14; letter-spacing: 0.14px; color: white; width: 19.125rem; height: 5.688rem; margin-top: 5rem; margin-right: auto; margin-left: auto; border-radius: 45px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .faq__btn:hover { color: white; } .invest-desc__c { display: flex; } @media (max-width: 699px) { .invest-desc__c { flex-wrap: wrap; } } .invest-desc__img { width: 38.75rem; min-width: 38.75rem; min-height: 44.813rem; margin-left: 5rem; } .invest-desc__img img { height: 100%; width: 100%; object-fit: cover; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px; } @media (max-width: 899px) { .invest-desc__img { margin-left: 0; max-width: 50%; min-width: 50%; } } @media (max-width: 699px) { .invest-desc__img { margin-left: 0; max-width: 100%; min-width: 100%; width: 100%; min-height: 20rem; height: 20rem; } } .invest-desc__text { margin-left: 7.75rem; padding-top: 8rem; padding-right: 12rem; } @media (max-width: 899px) { .invest-desc__text { padding-right: 0; margin-left: 4rem; } } @media (max-width: 699px) { .invest-desc__text { margin-left: 0; margin-top: 3rem; padding-top: 0; } } .invest-desc__title { font-size: 2.25rem; font-weight: normal; line-height: 1.39; color: #282828; } @media (max-width: 699px) { .invest-desc__title { font-size: 1.8rem; } } .invest-desc__about { font-size: 1rem; line-height: 1.5; color: #8d8d8d; margin-top: 2.3rem; } .invest-desc__about p { margin-bottom: 1.5rem; } .invest-desc__btn { width: 20.375rem; height: 5.125rem; border-radius: 40.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); font-size: 0.875rem; font-weight: bold; line-height: 1.39; letter-spacing: 0.35px; text-transform: uppercase; margin-top: 3.5rem; } .invest-type { padding-top: 7.8rem; } .invest-type__content { display: flex; justify-content: space-between; max-width: 98rem; margin-right: auto; margin-left: auto; margin-top: 4rem; } @media (max-width: 899px) { .invest-type__content { flex-wrap: wrap; } } .invest-type__block { width: 46.25rem; } @media (max-width: 899px) { .invest-type__block { width: 100%; margin-bottom: 2rem; } } .invest-type__item { padding-top: 5rem; padding-left: 5rem; padding-right: 5rem; padding-bottom: 6rem; border-radius: 45px; } @media (max-width: 899px) { .invest-type__item { width: 100%; max-width: 46rem; margin-right: auto; margin-left: auto; } } .invest-type__item--light { color: #282828; background-color: #f5f5f7; } .invest-type__item--dark { color: #ffffff; background-color: #2f2f2f; background-image: url(/bitrix/templates/nsb/assets/css/../img/invest-2.png); background-size: cover; } .invest-type__item--dark .invest-type__item-specs { background-color: #ffffff; color: #282728; } .invest-type__item--dark .invest-type__item-specs--val { font-weight: bold; color: #ffce64; } .invest-type__item--dark .invest-type__item-specs li { line-height: 1.54; } .invest-type__item--light .invest-type__item-specs { background-color: #282728; color: #fff; } .invest-type__item--light .invest-type__item-specs--val { font-weight: bold; color: #ffce64; } @media (max-width: 899px) { .invest-type__item { padding: 2rem; } } .invest-type__item-title { font-size: 2.25rem; line-height: 1.33; text-align: center; display: flex; align-items: center; min-height: 9rem; } @media (max-width: 699px) { .invest-type__item-title { font-size: 1.85rem; } } .invest-type__item-cost { font-size: 1.5rem; font-weight: bold; text-align: center; } .invest-type__item-cost--val { font-size: 9.375rem; } .invest-type__item-specs { width: 31.25rem; height: 10.938rem; border-radius: 25px; margin-right: auto; margin-left: auto; margin-top: 2.8rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.5rem; line-height: 2; text-align: center; background-image: url(/bitrix/templates/nsb/assets/css/../img/leafes.png); background-size: cover; max-width: 100%; } .invest-type__item-desc { font-size: 1rem; line-height: 1.5; margin-top: 1.5rem; } .invest-type__item-desc-title { font-size: 1.5rem; font-weight: bold; text-align: center; margin-top: 3.2rem; } .invest-type__form { margin-top: 4.2rem; max-width: 36.875rem; margin-right: auto; margin-left: auto; } .invest-type__form .specs__form__man-name, .invest-type__form .specs__form__man-post { color: #282728; } .invest-type__form .specs__form__man-photo { height: 8rem; width: 8rem; min-width: 8rem; } .invest-type__form .specs__form__man-photo img { border-bottom-right-radius: 4rem; border-bottom-left-radius: 4rem; width: 100%; } .invest-type__form-title { font-size: 1.5rem; line-height: 1.38; text-align: center; color: #282728; margin-top: 1.5rem; } .invest-type__form-input, .invest-type__form-btn { width: 17.813rem; height: 5.313rem; border-radius: 42.5px; } .invest-type__form-btn { font-size: 1rem; font-weight: bold; letter-spacing: 0.16px; text-transform: uppercase; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .invest-type__form-group { display: flex; justify-content: space-between; margin-top: 1.5rem; } .invest-type__form .form__agreement { width: 100%; margin-top: 0.7rem; } .invest-type__form .form__agreement__text { max-width: none; } .invest-type__form-or { font-size: 1.313rem; font-weight: bold; line-height: 1.24; letter-spacing: 0.53px; text-align: center; color: #282728; margin-top: 0.8rem; margin-bottom: 1.2rem; } .invest-type__form-wa { width: 100%; height: 5.313rem; display: flex; justify-content: center; align-items: center; border-radius: 42.5px; background-image: linear-gradient(to top, #3db613, #64d21a); font-size: 1rem; font-weight: bold; letter-spacing: 0.16px; color: white; text-transform: uppercase; } .invest-type__form-wa span { display: flex; align-items: center; } .invest-type__form-wa span::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Слой_1' x='0px' y='0px' viewBox='0 0 21.5 21.4' style='enable-background:new 0 0 21.5 21.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath id='Forma_1_1_' class='st0' d='M21.5,10.4c-0.1,5.8-4.8,10.5-10.7,10.4c-1.7,0-3.4-0.5-5-1.3L0,21.4l1.9-5.6 c-1-1.6-1.5-3.5-1.5-5.4C0.5,4.6,5.3-0.1,11.1,0C16.8,0.1,21.4,4.7,21.5,10.4z M11,1.6c-4.9,0-8.8,3.9-8.8,8.8 c0,1.9,0.6,3.7,1.7,5.2l-1.1,3.3l3.4-1.1c4,2.7,9.5,1.6,12.2-2.4S20,5.8,15.9,3.1C14.5,2.1,12.7,1.6,11,1.6z M16.3,12.8 c-0.1-0.1-0.3-0.2-0.5-0.3c-0.3-0.1-1.5-0.7-1.8-0.8c-0.2-0.1-0.4-0.1-0.6,0.1l0,0c-0.2,0.3-0.7,0.8-0.8,1C12.5,13,12.2,13,12,12.9 c-0.8-0.3-1.5-0.7-2.1-1.3c-0.6-0.5-1-1.1-1.4-1.8C8.4,9.6,8.4,9.4,8.6,9.3l0,0C8.7,9.2,8.9,9,9,8.9c0.1-0.1,0.2-0.3,0.3-0.4 c0.1-0.1,0.1-0.3,0-0.4C9.2,8,8.7,6.7,8.5,6.2S8.1,5.8,7.9,5.8s-0.3,0-0.5,0c-0.3,0-0.5,0.1-0.7,0.3c-0.5,0.4-0.9,1.2-0.9,2 c0.1,1,0.4,1.9,1.1,2.6c0.1,0.2,1.8,2.8,4.4,3.9s2.6,0.7,3.1,0.6c0.7-0.1,1.4-0.6,1.7-1.2C16.3,13.6,16.4,13.2,16.3,12.8L16.3,12.8z '/%3E%3C/svg%3E"); content: ""; width: 2.063rem; height: 2.063rem; background-size: contain; background-repeat: no-repeat; margin-left: 0.688rem; } .invest-garanties { padding-top: 5.32rem; } .invest-garanties__content { display: flex; justify-content: space-between; max-width: 98rem; margin-right: auto; margin-left: auto; margin-top: 3.5rem; } @media (max-width: 899px) { .invest-garanties__content { flex-direction: column; align-items: center; } } .invest-garanties__item { width: 46.198rem; height: 21.875rem; background-color: var(--bgc); border-radius: 2.8125rem; padding-left: 5.313rem; display: flex; align-items: center; font-size: var(--fz); line-height: 1.33; color: white; overflow: hidden; position: relative; } @media (max-width: 899px) { .invest-garanties__item { margin-bottom: 2rem; max-width: 100%; padding-left: 2rem; } } .invest-garanties__item p { max-width: 20.5rem; position: relative; z-index: 3; } .invest-garanties__item .accent { color: #fdd06e; } .invest-garanties__item img { position: absolute; bottom: var(--b); right: var(--r); width: var(--w); } @media (max-width: 449px) { .invest-garanties__item img { opacity: 0.35; } } .video-about { height: 80.313rem; margin-top: 7rem; background-size: cover; background-repeat: no-repeat; } @media (max-width: 899px) { .video-about { height: auto; } } .video-about__content { margin-left: auto; max-width: 45.5%; padding-top: 9rem; } @media (max-width: 899px) { .video-about__content { max-width: 70%; } } .video-about__content--f { margin-left: auto; max-width: 48.5%; padding-top: 1rem; } @media (max-width: 899px) { .video-about__content--f { max-width: 70%; } } @media (max-width: 699px) { .video-about__content--f { max-width: 100%; } } @media (max-width: 699px) { .video-about__content { max-width: 100%; } } .video-about__title { font-size: 3.438rem; font-weight: bold; line-height: 1.18; color: white; max-width: 43rem; } @media (max-width: 699px) { .video-about__title { font-size: 2.8rem; } } .video-about__video { margin-top: 3.8rem; padding-left: 0.8rem; display: flex; } .video-about__video.no-ml { padding-left: 0; } @media (max-width: 699px) { .video-about__video { padding-left: 0; } } .video-about__text { font-size: 1rem; line-height: 1.69; color: rgba(255, 255, 255, 0.85); margin-left: 3.75rem; margin-top: -0.5rem; max-width: 32rem; } .no-ml .video-about__text { margin-left: 0; } .video-about__text p { margin-bottom: 1.69rem; } @media (max-width: 699px) { .video-about__text { margin-left: 2rem; } } .video-about__text--f { max-width: 34.5rem; } .video-about .first-screen__video-play { margin-left: 0; margin-right: 0; min-width: 8.563rem; } .video-about__watch { font-size: 0.75rem; font-weight: bold; letter-spacing: 0.3px; color: #ffce64; text-decoration: underline; margin-top: -1rem; display: block; position: relative; } .video-about__watch::before { content: ""; position: absolute; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow3.png); background-size: contain; background-repeat: no-repeat; width: 6.875rem; height: 7.9375rem; top: -6.5rem; left: -9rem; } .video-about__stats { margin-top: 13.8rem; } .video-about__stats--f { margin-top: 4.5rem; } .video-about__stats-title { font-size: 1.875rem; font-weight: 600; text-align: center; color: white; } .video-about__stats__list { display: flex; justify-content: space-between; } @media (max-width: 449px) { .video-about__stats__list { flex-direction: column; margin-top: 5rem; } } .video-about__stats__list-item { display: flex; align-items: center; padding-left: 3.9rem; padding-right: 3.9rem; padding-top: 6.5rem; padding-bottom: 3rem; position: relative; } @media (max-width: 899px) { .video-about__stats__list-item { padding-left: 1.5rem; padding-right: 1.5rem; flex-direction: column; text-align: center; justify-content: center; flex-grow: 1; } } @media (max-width: 449px) { .video-about__stats__list-item { padding-top: 2rem; margin-bottom: 2rem; height: 9rem; } } .video-about__stats__list-item:last-child { padding-right: 0; } .video-about__stats__list-item::before { opacity: 0.15; background-color: white; content: ""; position: absolute; bottom: 0; left: 0; width: 1px; height: 11.563rem; } .video-about__stats__list-item::after { width: 0.938rem; height: 0.938rem; background-color: #feb431; content: ""; position: absolute; bottom: 0; left: 0; transform: translate(-50%, -11.563rem); border-radius: 50%; animation: pulse2 2s infinite; } .video-about__stats__list-val { font-size: 4.5rem; font-weight: bold; letter-spacing: 3.6px; color: white; } @media (max-width: 699px) { .video-about__stats__list-val { font-size: 2.2rem; letter-spacing: normal; } } @media (max-width: 449px) { .video-about__stats__list-val { font-size: 4rem; } } .video-about__stats__list-desc { font-size: 1rem; line-height: 1.5; color: white; margin-left: 1.125rem; } @media (max-width: 899px) { .video-about__stats__list-desc { margin-left: 0; margin-top: 1rem; } } @media (max-width: 699px) { .video-about__stats__list-desc { font-size: 0.7rem; margin-top: 0.5rem; } } @media (max-width: 449px) { .video-about__stats__list-desc { font-size: 1rem; } } .contacts__content { margin-top: 5.5rem; display: flex; } @media (max-width: 899px) { .contacts__content { flex-wrap: wrap; } } .contacts__info { width: 27.5%; } .contacts__info .header-contacts__contacts { justify-content: flex-start; align-items: flex-start; margin-top: 3.5rem; } .contacts__info .header-contacts__contacts-work-time, .contacts__info .header-contacts__contacts-tel, .contacts__info .header-contacts__contacts-btn, .contacts__info .header-contacts__social-title { color: #272727; } .contacts__info .header-contacts__contacts { margin-left: 0; } .contacts__info .header-contacts__social { margin-top: 4rem; } @media (max-width: 899px) { .contacts__info { width: 40%; } } @media (max-width: 699px) { .contacts__info { width: 100%; } } .contacts__title { font-size: 3rem; font-weight: bold; line-height: 1; color: #282728; } .contacts__subtitle { font-size: 1.875rem; font-weight: bold; line-height: 1.4; text-align: left; color: #282728; margin-top: 5rem; } .contacts__mail { display: flex; align-items: center; font-size: 1.125rem; font-weight: 500; letter-spacing: 0.45px; color: #282728; margin-top: 3.5rem; } .contacts__mail::before { width: 1.563rem; height: 1.063rem; content: ""; background-image: url(/bitrix/templates/nsb/assets/css/../img/mail.png); background-size: contain; background-repeat: no-repeat; margin-right: 0.75rem; } .contacts__adress { margin-top: 3.3rem; padding-left: 2.5rem; position: relative; } .contacts__adress-title { font-size: 0.875rem; font-weight: bold; line-height: 2.29; } .contacts__adress-val { font-size: 1rem; font-weight: 500; line-height: 1.5; color: #282728; position: relative; max-width: 19rem; } .contacts__adress-val::before { content: ""; position: absolute; left: -2.5rem; top: -1rem; width: 1.5rem; height: 1.813rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/loc.png); } .contacts-social { font-size: 1.125rem; font-weight: bold; color: #282728; margin-right: 0.813rem; align-self: center; } .contacts .footer-address__social-network { margin-top: 3.8rem; } .contacts__req { display: flex; justify-content: flex-start; font-size: 0.938rem; font-weight: 600; letter-spacing: 0.38px; color: #fdab28; border-bottom: 1px dashed #fdab28; width: max-content; margin-top: 3.4rem; } .contacts__req:hover { color: #fe990a; } .contacts__form { width: 34.375rem; max-width: 100%; border-radius: 20px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.1); background-color: white; position: relative; margin-top: 0.7rem; padding-right: 5rem; padding-left: 5rem; padding-top: 3rem; padding-bottom: 3.2rem; } .contacts__form::before { content: ""; position: absolute; top: 4rem; left: 0; width: 19.313rem; height: 36.688rem; transform: translateX(-80%) scaleX(-1); background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush7.png); pointer-events: none; z-index: -1; } .contacts__form-title { font-size: 1.5rem; font-weight: bold; line-height: 1.29; text-align: center; color: #282728; margin-bottom: 2rem; } .contacts__form .form__input--h { margin-bottom: 0.75rem; } @media (max-width: 699px) { .contacts__form { margin-right: auto; margin-left: auto; margin-top: 3rem; padding-left: 2.5rem; padding-right: 2.5rem; } } .contacts__photo { width: 39.049rem; margin-left: 4.64rem; margin-top: 0.7rem; } @media (max-width: 899px) { .contacts__photo { width: 100%; margin-left: 0; margin-top: 2rem; } } .contacts__photo-item { display: block; overflow: hidden; } .contacts__photo-item--lg { height: 35.125rem; border-radius: 35px; width: 100%; } @media (max-width: 699px) { .contacts__photo-item--lg { height: 24rem; } } .contacts__photo-item--sm { width: 12.625rem; height: 10.938rem; border-radius: 15px; } .contacts__photo-item--sm:not(:last-child) { margin-right: 0.625rem; } @media (max-width: 899px) { .contacts__photo-item--sm:not(:last-child) { margin-right: 2%; } } @media (max-width: 899px) { .contacts__photo-item--sm { width: 32%; } } .contacts__photo-item img { height: 100%; width: 100%; object-fit: cover; } .contacts__photo-item:hover img { filter: brightness(90%); } .contacts__photo-block { display: flex; margin-top: 1.88rem; } .contacts__map { margin-top: 2.5rem; } .contacts__map-title { font-size: 1.875rem; font-weight: bold; line-height: 1.4; color: #282728; text-align: center; } .contacts__map-place { height: 40.625rem; border-radius: 45px; background-color: #aeaeae; margin-top: 2rem; overflow: hidden; } @media (max-width: 699px) { .contacts__map-place { height: 28rem; } } .credit { padding-top: 5rem; } .credit .section-title { font-size: 3.75rem; } @media (max-width: 699px) { .credit .section-title { font-size: 2.5rem; } } .credit__desc { font-size: 1.125rem; line-height: 1.67; text-align: center; color: #282728; max-width: 86rem; margin-right: auto; margin-left: auto; margin-top: 2.2rem; } .credit__content { display: flex; justify-content: space-between; margin-top: 3rem; flex-wrap: wrap; } .credit__item { width: 34.375rem; padding: 3.5rem 3.375rem 4.5rem 4.125rem; border-radius: 3.125rem; background-color: #f7f7f7; } @media (max-width: 899px) { .credit__item { width: 48.5%; margin-bottom: 2rem; } } @media (max-width: 699px) { .credit__item { width: 100%; padding: 2rem; } } .credit__item-head { display: flex; align-items: center; justify-content: space-between; } .credit__item-title { font-size: 1.875rem; line-height: 1.23; color: #282728; } .credit__item-logo { height: 6.688rem; padding: 1.5rem 1.563rem 1.5rem 1.625rem; border-radius: 15px; background-color: white; display: flex; align-items: center; } .credit__item-logo img { width: var(--w); } .credit__item-cond { display: flex; justify-content: space-between; margin-top: 1.5rem; } .credit__item-cond-val { font-size: 1rem; font-weight: bold; text-align: center; color: #282728; } .credit__item-cond-val--big { font-size: 2.25rem; } .credit__item-cond-name { font-size: 0.75rem; font-weight: 500; text-align: center; color: #282728; } .credit__item-info { margin-top: 2.1rem; } .credit__item-list { font-size: 0.875rem; line-height: 1.71; color: #282728; margin-top: 1.7rem; } .credit__item-list-title { font-size: 1rem; font-weight: bold; color: #282728; } .credit__lic { font-size: 0.625rem; font-weight: 500; color: #282728; margin-top: 0.7rem; } .credit__mat { padding-top: 7.5rem; } .credit__mat-table { border-radius: 3.125rem; background-color: #f7f7f7; margin-top: 4.5rem; font-size: 1.125rem; font-weight: 500; line-height: 1.33; letter-spacing: 0.45px; text-align: center; color: #797979; width: 98rem; min-width: 98rem; } @media (max-width: 699px) { .credit__mat-table { width: 60rem; min-width: 60rem; } .credit__mat-table br { display: none; } } .credit__mat-table-wrap { margin-right: auto; margin-left: auto; max-width: 100%; overflow: auto; } .credit__mat-head { display: flex; justify-content: space-between; position: relative; } .credit__mat-head::before { height: 100%; width: 1px; position: absolute; right: 21.5%; top: 0; background: rgba(40, 40, 40, 0.1); content: ""; } .credit__mat-head__cond { width: 78.5%; } .credit__mat-head__cond-title { font-size: 1.125rem; font-weight: 500; line-height: 1.33; letter-spacing: 0.45px; color: #797979; text-transform: uppercase; text-align: center; height: 6.125rem; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid rgba(40, 40, 40, 0.1); } .credit__mat-head__cond-row { height: 7.25rem; display: flex; align-items: center; justify-content: space-between; } .credit__mat-head__cond-item { width: var(--w); border-bottom: 1px solid rgba(40, 40, 40, 0.1); height: 100%; display: flex; justify-content: center; align-items: center; } .credit__mat-head__val { width: 21.5%; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; font-weight: 500; line-height: 1.33; letter-spacing: 0.45px; text-align: center; color: #797979; border-bottom: 1px solid rgba(40, 40, 40, 0.1); text-transform: uppercase; } .credit__mat-body__row { display: flex; justify-content: space-between; align-items: center; padding-top: 1rem; padding-bottom: 1rem; position: relative; } .credit__mat-body__row:not(:last-child) { border-bottom: 1px solid rgba(40, 40, 40, 0.1); } .credit__mat-body__row::before { height: 100%; width: 1px; position: absolute; right: 21.5%; top: 0; background: rgba(40, 40, 40, 0.1); content: ""; } .credit__mat-body__row-item { width: var(--w); min-height: 6.688rem; height: 100%; display: flex; justify-content: center; align-items: center; } .credit__mat-add { display: flex; justify-content: space-between; margin-top: 3.5rem; flex-wrap: wrap; } .credit__mat-add__item { width: 48%; padding-left: 4.875rem; } @media (max-width: 899px) { .credit__mat-add__item { padding-left: 0; } } @media (max-width: 699px) { .credit__mat-add__item { width: 100%; padding-left: 0; margin-bottom: 2rem; } } .credit__mat-add__item-title { font-size: 1.5rem; font-weight: bold; line-height: 1.44; color: #282728; } .credit__mat-add__item ul, .credit__mat-add__item p { font-size: 1.125rem; font-weight: 500; line-height: 1.44; color: #282728; margin-top: 2rem; } .credit__mat-add__item li { display: flex; margin-bottom: 0.8rem; } .credit__mat-add__item li::before { content: ""; width: 0.5rem; height: 0.5rem; border: solid 2px #fdab28; margin-top: 0.7rem; border-radius: 50%; box-sizing: border-box; margin-right: 0.8rem; } .credit__mat .credit__desc { max-width: 100%; } .news__content { display: flex; flex-wrap: wrap; max-width: 98.5rem; margin-right: auto; margin-left: auto; margin-top: 5rem; } @media (max-width: 699px) { .news__content { justify-content: space-between; } } .news__item { width: 21.25rem; margin-bottom: 3.8rem; } .news__item:not(:nth-child(4n)) { margin-right: 4.375rem; } @media (max-width: 899px) { .news__item:not(:nth-child(4n)) { margin-right: 0; } } @media (max-width: 899px) { .news__item { width: 32%; } .news__item:not(:nth-child(3n)) { margin-right: 1.5%; } } @media (max-width: 699px) { .news__item { width: 48.5%; } .news__item:not(:nth-child(3n)) { margin-right: 0; } } @media (max-width: 449px) { .news__item { width: 100%; } } .news__item-prev { display: block; position: relative; height: 18.75rem; border-radius: 35px; background-color: #f4f2f2; overflow: hidden; } .news__item-prev img { height: 100%; width: 100%; object-fit: cover; } .news__item-date { font-size: 0.875rem; font-weight: 500; color: #b2b2b2; margin-top: 1.5rem; } .news__item-title { font-size: 1.5rem; font-weight: bold; line-height: 1.38; color: #282728; margin-top: 0.7rem; display: block; } .news__item-link { font-size: 0.719rem; font-weight: bold; color: #fbcb65; text-transform: uppercase; border-bottom: 1px dashed #fbcb65; display: block; width: max-content; margin-top: 1.5rem; } .news__item-cat { position: absolute; height: 2.188rem; padding: 0 1.438rem; border-radius: 17.5px; background-color: white; font-size: 0.719rem; font-weight: 600; letter-spacing: 0.29px; text-align: center; color: #282728; display: flex; justify-content: center; align-items: center; top: 1.563rem; right: 1.563rem; } .search-page__title { margin: 1rem 0; font-size: 2.5rem; } .article { padding-top: 6rem; } .article__c { display: flex; justify-content: space-between; } @media (max-width: 699px) { .article__c { flex-direction: column; } } .article__content { flex-grow: 1; margin-right: 8.125rem; font-size: 1.125rem; line-height: 1.67; color: #282728; margin-left: 4.5rem; } @media (max-width: 899px) { .article__content { margin-left: 0; margin-right: 4rem; } } @media (max-width: 699px) { .article__content { margin-right: 0; } } .article__content h1 { font-size: 3.5rem; } .article__content h2 { font-size: 3rem; } .article__content h3 { font-size: 2.25rem; } .article__content h4 { font-size: 1.875rem; } .article__content h1, .article__content h2, .article__content h3, .article__content h4, .article__content h5, .article__content h6, .article__content p, .article__content img { margin: 1rem 0; } .article__content ul li::before { content: "- "; } .article__content ul ul { padding-left: 1rem; } .article__content a { font-size: 1.156rem; font-weight: bold; color: #fbcb65; border-bottom: 1px dashed #fbcb65; } .article__content a:hover { color: #fe990a; } .article__content__back { display: block; width: max-content; margin-top: 4rem; border-bottom: 1px dashed #fbcb65; color: #fbcb65; } .article__content img { object-fit: cover; width: 48.5%; height: 25rem; border-radius: 2.34375rem; } @media (max-width: 449px) { .article__content img { width: 100%; height: 16rem; } } .article__content img.alignright { float: right; margin-left: 1.5%; } .article__content img.alignleft { float: left; margin-right: 1.5%; } .article-similar { padding-top: 9rem; margin-bottom: -5rem; flex-wrap: wrap; } @media (max-width: 899px) { .article-similar .news__item { width: 23.5%; } .article-similar .news__item:not(:nth-child(4n)) { margin-right: 2%; } } @media (max-width: 699px) { .article-similar .news__item { width: 48.5%; margin-bottom: 2rem; } .article-similar .news__item:not(:nth-child(4n)) { margin-right: 0%; } } @media (max-width: 449px) { .article-similar .news__item { width: 100%; } } @media (max-width: 699px) { .article-similar .news__content { justify-content: space-between; } } .about { padding-top: 4.25rem; } .about__item { width: 31.25rem; height: 18.75rem; border-radius: 2.8125rem; background-color: #282728; padding-left: 4.44rem; display: flex; justify-content: center; flex-direction: column; position: relative; overflow: hidden; } @media (max-width: 899px) { .about__item { margin-bottom: 1rem; max-width: 100%; padding-left: 2rem; } } .about__item-img { width: var(--w); position: absolute; } .about__item:first-child .about__item-img { bottom: -9rem; right: -5rem; } .about__item:nth-child(2) .about__item-img { bottom: -9rem; right: -14rem; } .about__item:nth-child(2) { background-color: #feb431; } .about__item:nth-child(3) .about__item-img { bottom: -9rem; left: -13rem; } .about__item-title { font-size: 1.875rem; font-weight: bold; line-height: 1.2; color: white; position: relative; z-index: 2; } .about__item-text { font-size: 1.125rem; font-weight: 500; line-height: 1.5; color: white; margin-top: 1rem; position: relative; z-index: 2; } .about__c { display: flex; justify-content: space-between; max-width: 98rem; margin-right: auto; margin-left: auto; } @media (max-width: 899px) { .about__c { flex-direction: column; align-items: center; } } .team { padding-top: 5.5rem; } .team-img { margin-top: -7rem; position: relative; z-index: -1; width: 100%; } @media (max-width: 699px) { .team-img { margin-top: 2rem; } } .team-slider { display: flex; padding-top: 9rem; position: relative; } @media (max-width: 899px) { .team-slider { flex-direction: column; } } .team-slider .helm { top: 3rem; left: -7rem; position: absolute; pointer-events: none; width: 26.6875rem; } @media (max-width: 899px) { .team-slider .helm { display: none; } } .team-slider__title { width: 27rem; font-size: 2.25rem; line-height: 1.33; color: #282828; margin-left: 5rem; margin-top: 4.1rem; } @media (max-width: 899px) { .team-slider__title { margin-top: 2rem; width: 100%; text-align: center; margin-bottom: 3rem; margin-left: 0; } } .team-slider__wrap { margin-left: 7rem; position: relative; z-index: 3; width: 60%; margin-top: -4rem; } @media (max-width: 899px) { .team-slider__wrap { width: 100%; margin-left: 0; } } .team-slider__arrows { position: absolute; width: 107%; display: flex; justify-content: space-between; top: 10rem; left: -4rem; pointer-events: none; } .team-slider__arrows .slider-arrow { height: 2.688rem; width: 2.688rem; } @media (max-width: 899px) { .team-slider__arrows { left: 0; width: 100%; } } .team-slider__content .slick-list { padding-top: 4rem; } .team-slider__item-photo { width: 15.625rem; height: 15.625rem; background-color: #f4f8fd; border-radius: 50%; margin-right: auto; margin-left: auto; position: relative; } @media (max-width: 449px) { .team-slider__item-photo { width: 20.3125rem; height: 20.3125rem; } } .team-slider__item-photo img { width: 100%; position: absolute; left: 0; bottom: 0; border-bottom-left-radius: 7.8125rem; border-bottom-right-radius: 7.8125rem; } @media (max-width: 449px) { .team-slider__item-photo img { border-bottom-left-radius: 10.15625rem; border-bottom-right-radius: 10.15625rem; } } .team-slider__item-post { font-size: 1.125rem; text-align: center; color: #282828; margin-top: 1rem; } .team-slider__item-name { font-size: 1.5rem; font-weight: bold; margin-top: 2rem; text-align: center; } .report .dec{ position: absolute; width: 19.313rem; pointer-events: none; top: 0; left: 0; } .report .dec2{ position: absolute; width: 19.313rem; pointer-events: none; right: 0; top: 0; transform: scaleX(-1); } @media(max-width: 899px){ .dec, .dec2{ display: none; } } .report{ position: relative; } .report__dots{ display: flex; justify-content: center; margin-top: 1rem; } .report__arrows{ position: absolute; width: 95%; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; } .slider-prev{ transform: scaleX(-1); } .report { padding-top: 6.1rem; overflow: hidden; width: 100%; } .report__content { display: flex; justify-content: space-between; align-items: center; max-width: 98rem; margin-right: auto; margin-left: auto; margin-top: 5rem; } .report__item { position: relative; display: block; margin-right: auto; margin-left: auto; } .report__item img { height: 36.865rem; margin-right: auto; margin-left: auto; } .report__item .reviews__item__btn { top: 50%; left: 50%; transform: translate(-50%, -50%); } .report__arrows { width: 103%; display: flex; pointer-events: none; justify-content: space-between; left: -1.5%; top: 23rem; position: absolute; } .report__arrows .slider-arrow { width: 2.7rem; height: 2.7rem; } @media (max-width: 449px) { .report__arrows { width: 100%; left: 0; } } .license { padding-top: 8rem; } .license__c { position: relative; } .license__slider { margin-top: 3.5rem; } .license__slide { display: block; height: 32rem; } .license__slide img { height: 100%; margin-right: auto; margin-left: auto; } .license__arrows { width: 103%; display: flex; pointer-events: none; justify-content: space-between; left: -1.5%; top: 23rem; position: absolute; } .license__arrows .slider-arrow { width: 2.7rem; height: 2.7rem; } @media (max-width: 449px) { .license__arrows { width: 100%; left: 0; } } .portfolio__content { display: flex; justify-content: space-between; max-width: 98rem; margin-right: auto; margin-left: auto; flex-wrap: wrap; margin-top: 3.5rem; } .portfolio__content .cases__item--card { margin-bottom: 4.2rem; } .service { padding-top: 6.5rem; } .service__content { display: flex; justify-content: space-between; margin-top: 3.3rem; } @media (max-width: 899px) { .service__content { flex-wrap: wrap; } } .service__item { width: 34.375rem; padding-bottom: 3.125rem; border-radius: 50px; background-color: #f4f2f2; color: #282728; padding-left: 3.875rem; padding-right: 3.875rem; padding-top: 3.5rem; position: relative; overflow: hidden; } @media (max-width: 899px) { .service__item { width: 48.5%; margin-bottom: 2rem; } } @media (max-width: 699px) { .service__item { width: 100%; } } .service__item::before { content: ""; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush11.png); height: 17.4375rem; width: 26.8125rem; background-size: contain; background-repeat: no-repeat; position: absolute; } .service__item:first-child::before { top: -8rem; right: -11rem; } .service__item:nth-child(2) { background-color: white; box-shadow: 0 0 250px 0 rgba(40, 39, 40, 0.1); } .service__item:nth-child(2)::before { top: -8rem; left: -11rem; transform: scaleX(-1); } .service__item:nth-child(3) { background-color: #282728; color: #fff; } .service__item:nth-child(3)::before { top: -8rem; left: -11rem; transform: scaleX(-1); } .service__item-title { font-size: 1.875rem; text-align: center; position: relative; } .service__item-text { font-size: 1.125rem; line-height: 1.22; text-align: center; margin-top: 2.8rem; } .service__item-text p:not(:last-child) { margin-bottom: 1.4rem; } .service__item:nth-child(2) .service__item-sec-cost { margin-top: 0.5rem; } .service__item:nth-child(3) .service__item-sec-cost { margin-top: 0.5rem; } .service__item:nth-child(2) .service__item-sec { margin-top: 2.5rem; } .service__item:nth-child(3) .service__item-sec { margin-top: 2rem; } .service__item-sec { margin-top: 3rem; } .service__item-sec:not(:last-of-type) { padding-bottom: 1rem; border-bottom: 1px solid #feb333; } .service__item-sec-title { font-size: 1.125rem; font-weight: 500; text-align: center; } .service__item-sec-list { font-size: 0.875rem; line-height: 1.29; margin-top: 1rem; } .service__item-sec-list li { display: flex; margin-bottom: 0.25rem; padding-right: 1rem; } .service__item-sec-list li::before { content: ""; width: 0.625rem; min-width: 0.625rem; height: 0.625rem; border: solid 2px #ffb33c; box-sizing: border-box; border-radius: 50%; margin-top: 0.2rem; margin-right: 0.56rem; } .service__item-sec-cost { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; } .service__item-sec-cost-title { font-size: 1.125rem; font-weight: 500; } .service__item-sec-cost-val { font-size: 0.875rem; font-weight: 500; } .service__item-sec-cost-val .val { font-size: 1.875rem; font-weight: bold; } .service__item-btn { margin-top: 2.2rem; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; width: 100%; height: 5.125rem; border-radius: 40.7px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .serv-list { position: relative; padding-bottom: 8rem; } .serv-list::before { bottom: 0rem; right: 0; content: ""; width: 25.5625rem; height: 41.9375rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/helm2.png); position: absolute; } .serv-list__c { display: flex; flex-wrap: wrap; padding-top: 4.625rem; } @media (max-width: 899px) { .serv-list__c { justify-content: space-between; } } .serv-list__item { width: 34.375rem; height: 28.125rem; border-radius: 50px; background-color: #f4f2f2; position: relative; overflow: hidden; margin-bottom: 3.125rem; } @media (max-width: 899px) { .serv-list__item { width: 48.5%; } } @media (max-width: 699px) { .serv-list__item { width: 100%; } } .serv-list__item:not(:nth-child(3n)) { margin-right: 2.188rem; } @media (max-width: 899px) { .serv-list__item:not(:nth-child(3n)) { margin-right: 0; } } .serv-list__item::before { position: absolute; content: ""; width: 26.8125rem; height: 17.4375rem; background-size: contain; bottom: -11rem; right: -2rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush.png); } .serv-list__item img { height: 100%; width: 100%; object-fit: cover; object-position: center; } .serv-list__item:hover div { color: #fbcb65; } .serv-list__item div { font-size: 2.25rem; font-weight: bold; line-height: 1.33; color: white; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; bottom: 4rem; width: max-content; z-index: 2; } .serv-list__item div p { border-bottom: 1px dashed #fbcb65; width: max-content; margin-right: auto; margin-left: auto; } .projecting-personal { padding-top: 7rem; } .projecting-personal__c { display: flex; justify-content: space-between; } @media (max-width: 899px) { .projecting-personal__c { flex-wrap: wrap; } } .projecting-personal__title { font-size: 3.438rem; font-weight: bold; line-height: 1.36; color: #282828; max-width: 35rem; } @media (max-width: 899px) { .projecting-personal__title { max-width: 100%; width: 100%; text-align: center; margin-bottom: 2rem; font-size: 2.4rem; } } .projecting-personal__content { display: flex; justify-content: space-between; } @media (max-width: 899px) { .projecting-personal__content { flex-wrap: wrap; } } .projecting-personal__item { padding-left: 5.5rem; padding-right: 5.5rem; position: relative; } @media (max-width: 899px) { .projecting-personal__item { width: 100%; } } .projecting-personal__item:last-child { padding-right: 0; } .projecting-personal__item::before { opacity: 0.15; background-color: #282828; content: ""; position: absolute; bottom: 0; left: 0; width: 1px; height: 11.563rem; } .projecting-personal__item::after { width: 0.938rem; height: 0.938rem; background-color: #feb431; content: ""; position: absolute; bottom: 0; left: 0; transform: translate(-50%, -11.563rem); border-radius: 50%; animation: pulse2 2s infinite; } .projecting-personal__item-val { font-size: 5.313rem; font-weight: bold; color: #282828; } .projecting-personal__item-val--min { font-size: 1.875rem; } .projecting-personal__item-desc { font-size: 1.5rem; color: #282828; } .projecting-ex { padding-top: 5.5rem; position: relative; } @media (max-width: 899px) { .projecting-ex { padding-bottom: 20rem; } } @media (max-width: 699px) { .projecting-ex { padding-bottom: 2rem; } } .projecting-ex__img { position: absolute; right: 0; top: -3rem; z-index: -1; } @media (max-width: 899px) { .projecting-ex__img { top: 22rem; } } .projecting-ex__img img { width: 46.5rem; } @media (max-width: 699px) { .projecting-ex__img { top: 19rem; } .projecting-ex__img img { width: 38.5rem; } } .projecting-ex__c { max-width: 98rem; } .projecting-ex__title { font-size: 3rem; line-height: 1.25; color: #282828; max-width: 55rem; } .projecting-ex__form { margin-top: -0.8rem; } .projecting-ex__form-group { display: flex; max-width: 60rem; align-items: center; } @media (max-width: 899px) { .projecting-ex__form-group { flex-direction: column; max-width: 21rem; } } .projecting-ex__form .form__contact__box { width: 4.75rem; height: 4.75rem; font-size: 0.625rem; padding-top: 0.625rem; } .projecting-ex__form .form__contact__icon { width: 2.5rem; height: 2.5rem; } .projecting-ex__form .form__contact__icon img { height: 1.4rem; width: 1.4rem; } .projecting-ex__form .form__input { width: 17.375rem; height: 4.688rem; margin-top: 0; margin-bottom: 0; margin-left: 3rem; border-radius: 37.5px; } @media (max-width: 899px) { .projecting-ex__form .form__input { margin-left: 0; width: 100%; } } .projecting-ex__form .form__btn { width: 19rem; height: 4.688rem; margin-left: 2rem; margin-top: 0; margin-bottom: 0; } @media (max-width: 899px) { .projecting-ex__form .form__btn { margin-left: 0; margin-top: 2rem; width: 100%; } } .projecting-ex__form .form__agreement { justify-content: flex-start; margin-top: 0.7rem; } .projecting-ex__form .form__agreement__text { max-width: 100%; } .projecting-ex__form p { margin-top: 0.2rem; } .projecting-ex__txt { font-size: 0.875rem; color: #282728; margin-top: 2.5rem; } @media (max-width: 699px) { .projecting-ex__txt { margin-top: 37.5rem; } } .steps { padding-top: 8.3rem; } .steps__list { counter-reset: num; margin-top: 5.5rem; flex-wrap: wrap; display: flex; } @media (max-width: 899px) { .steps__list { justify-content: space-between; } } .steps__item { width: 34.375rem; margin-bottom: 2.9rem; } @media (max-width: 899px) { .steps__item { width: 48.5%; } } @media (max-width: 500px) { .steps__item { width: 100%; } } .steps__item--lg { width: 100%; display: flex; align-items: center; } @media (max-width: 500px) { .steps__item--lg { flex-direction: column; } } .steps__item:not(:nth-child(3n)) { margin-right: 2.188rem; } @media (max-width: 899px) { .steps__item:not(:nth-child(3n)) { margin-right: 0; } } .steps__item__name { font-size: 1.5rem; font-weight: 600; line-height: 1.46; text-align: center; color: #282828; margin-top: 1.8rem; } .steps__item__name-consult { color: #feb333; cursor: pointer; border-bottom: 1px dashed #feb333; display: inline; } .steps__item__desc { font-size: 1rem; line-height: 1.31; text-align: center; color: #282828; margin-top: 0.7rem; } .steps__item--lg .steps__item__img { width: 70.875rem; min-width: 70.875rem; margin-right: 5rem; } @media (max-width: 899px) { .steps__item--lg .steps__item__img { width: 48.5%; min-width: 48.5%; } } @media (max-width: 500px) { .steps__item--lg .steps__item__img { width: 100%; min-width: 100%; margin-right: 0; } } .steps__item--lg .steps__item__name { margin-top: 0; } @media (max-width: 500px) { .steps__item--lg .steps__item__name { margin-top: 2rem; margin-left: 0; } } .steps__item__img { height: 23.438rem; border-radius: 50px; background-color: #f4f2f2; overflow: hidden; position: relative; } .steps__item__img img { height: 100%; width: 100%; object-fit: cover; } .steps__item__img::before { content: ""; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush12.png); background-repeat: no-repeat; width: 20.0625rem; height: 17.4375rem; position: absolute; bottom: -5rem; right: -5rem; } .steps__item__num { position: absolute; bottom: 1rem; right: 2.2rem; font-size: 4.5rem; font-weight: bold; text-align: center; color: white; } .steps__item__num::before { content: ""; width: 0.688rem; height: 0.688rem; background-color: #feb431; border-radius: 50%; left: 0.3rem; bottom: 1.3rem; position: absolute; animation: pulse2 2s infinite; } .projects-sec__content { display: flex; justify-content: space-between; margin-top: 4.813rem; } .filter-slider__block + .projects-sec__content { margin-top: 2.5rem; } .projects-sec__filters { width: 100%; margin-bottom: 1rem; } .projects-sec__filters form{ border: 3px solid #f8f6f6; border-radius: 20px; padding: 1.5rem 1.5rem 1.8rem; } .sidebar-catalog { width: 25rem; min-width: 25rem; margin-right: 3.2rem; margin-top: -0.5rem; } .filter-btn-close { display: none; cursor: pointer; position: absolute; z-index: 99; top: 15px; right: 15px; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%23b2b2b2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.2253 4.81108C5.83477 4.42056 5.20161 4.42056 4.81108 4.81108C4.42056 5.20161 4.42056 5.83477 4.81108 6.2253L10.5858 12L4.81114 17.7747C4.42062 18.1652 4.42062 18.7984 4.81114 19.1889C5.20167 19.5794 5.83483 19.5794 6.22535 19.1889L12 13.4142L17.7747 19.1889C18.1652 19.5794 18.7984 19.5794 19.1889 19.1889C19.5794 18.7984 19.5794 18.1652 19.1889 17.7747L13.4142 12L19.189 6.2253C19.5795 5.83477 19.5795 5.20161 19.189 4.81108C18.7985 4.42056 18.1653 4.42056 17.7748 4.81108L12 10.5858L6.2253 4.81108Z'%3E%3C/path%3E%3C/svg%3E"); } .finter-btn-close svg { fill: #b2b2b2; } @media (max-width: 899px) { .projects-sec__filters { } .sidebar-catalog { position: fixed; top: 0; left: 0; width: auto; min-width: auto; max-width: 90vw; height: 100%; transform: translateX(-100%); margin: 0; transition: transform 0.3s; background: #fff; z-index: 99; padding: 2rem 2.5rem 2.5rem; opacity: 0; overflow: auto; overflow-x: hidden; } .sidebar-catalog>* { display: none; } .sidebar-catalog.open-filter { transform: translateX(0); opacity: 1; } .sidebar-catalog.open-filter .catalog-filter-wrap { display: block; } #filter.open .projects-sec__filters form { border: none; border-radius: 0; padding: 0; } .bx-filter .bx-filter-input-container input { font-size: 1.2rem !important; padding: 12px 14px !important; } .bx-filter .bx-filter-section { padding-top: 15px; } .filter-btn-close { display: block; } } .projects-sec__filters .sidebar-test { margin-top: 2.2rem; } .projects-sec__filters-title { font-size: 1.4rem; color: #282728; margin-bottom: 1.2rem; } .projects-sec__filters-block:not(:first-child) { margin-top: 1.7rem; } .filter-block-PRICE + .projects-sec__filters-block { margin-top: 1rem; } .projects-sec__filters-block-title { font-size: 1rem; font-weight: bold; color: black; position: relative; width: 100%; display: block; } @media (max-width: 899px) { .projects-sec__filters-block-title { font-size: 1.4rem; } } .projects-sec__filters-block-content { flex-wrap: wrap; display: flex; justify-content: space-between; margin-top: 1.2rem; } .projects-sec__filters-block-item-fl { display: flex; align-items: flex-start; } .projects-sec__filters-block-item { width: 48.5%; display: flex; margin-bottom: 0.6rem; } @media (max-width: 899px) { .projects-sec__filters-block-item-fl{ margin-bottom: 1rem; } .projects-sec__filters-block-item { margin-bottom: 1rem; } } input:checked + .projects-sec__filters-block-item-box { background-repeat: no-repeat; background-position: center; background-size: 0.55rem, cover; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 26.4' style='enable-background:new 0 0 30 26.4;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23fff;%7D%0A%3C/style%3E%3Cpath class='st0' d='M27.5,6.2L25.3,4c-0.3-0.3-0.7-0.5-1.1-0.5c-0.4,0-0.8,0.2-1.1,0.5L12.4,14.7L7.6,9.9C7.3,9.6,6.9,9.4,6.5,9.4 S5.7,9.6,5.4,9.9l-2.2,2.2c-0.3,0.3-0.5,0.7-0.5,1.1c0,0.4,0.2,0.8,0.5,1.1l5.9,5.9l2.2,2.2c0.3,0.3,0.7,0.5,1.1,0.5 s0.8-0.2,1.1-0.5l2.2-2.2L27.5,8.4c0.3-0.3,0.5-0.7,0.5-1.1S27.8,6.5,27.5,6.2L27.5,6.2z'/%3E%3C/svg%3E"), linear-gradient(to top, #fe990a, #ffd26a); } .projects-sec__filters-block-item-box { display: block; width: 1.2rem; min-width: 1.2rem; height: 1.2rem; background-color: #f4f2f2; margin-right: 0.625rem; border-radius: 5px; } @media (max-width: 899px) { .projects-sec__filters-block-item-box { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; margin-right: 0.5rem; } } .projects-sec__filters-block-item span:not(.projects-sec__filters-block-item-fl) { display: block; font-size: 0.875rem; color: black; } @media (max-width: 899px) { .projects-sec__filters-block-item span:not(.projects-sec__filters-block-item-fl) { font-size: 1.2rem; } } .projects-sec__list { flex-grow: 1; } @media (max-width: 900px) { .projects-sec__list { width: 100%; } } @media (max-width: 649px) { .projects-sec__list { width: 100%; flex-grow: 0; } } /*.projects-sec__list .prj-card:not(:nth-child(4n)) { margin-right: 0; } .projects-sec__list .prj-card:not(:nth-child(3n)) { margin-right: 4rem; } @media (max-width: 899px) { .projects-sec__list .prj-card:not(:nth-child(3n)) { margin-right: 0; } } @media (max-width: 649px) { .projects-sec__list .prj-card:not(:nth-child(2n)) { margin-right: 0; } } @media (max-width: 649px) { .projects-sec__list .prj-card { width: 100%; } }*/ .projects-sec__wrap { display: flex; flex-wrap: wrap; gap: 4rem; row-gap: 4.5rem; } .projects-sec__form { width: 100%; min-height: 40.625rem; border-radius: 50px; background-color: #f4f2f2; position: relative; overflow: hidden; padding-left: 5.5rem; padding-top: 4rem; margin-bottom: 1rem; } @media (max-width: 899px) { .projects-sec__form { padding-left: 2rem; padding-bottom: 2rem; } } .projects-sec__form .form__agreement { justify-content: flex-start; } .projects-sec__form .form__agreement__text { max-width: 100%; } .projects-sec__form-title { font-size: 3rem; font-weight: 500; line-height: 1.25; color: #282828; max-width: 35rem; } @media (max-width: 699px) { .projects-sec__form-title { font-size: 2.2rem; } } .projects-sec__form-subtitle { font-size: 1.125rem; color: rgba(40, 40, 40, 0.75); margin-top: 0.9rem; } .projects-sec__form-group { display: flex; flex-wrap: wrap; width: 37.5rem; justify-content: space-between; margin-top: 1.3rem; } .projects-sec__form-group .select__head { width: 17.375rem; border-radius: 37.5px; background-color: white; padding-top: 1.25rem; padding-bottom: 1.25rem; } @media (max-width: 600px) { .projects-sec__form-group { flex-direction: column; max-width: 19rem; } } .projects-sec__form-item { margin-bottom: -1rem; } .projects-sec__form-item:first-child { position: relative; z-index: 5; } .projects-sec__form-item-title { font-size: 0.875rem; line-height: 2.86; color: #282728; padding-left: 2.2rem; } .projects-sec__form-item .form__contact__group { margin-right: 3rem; margin-top: 0rem; } .projects-sec__form-item .form__contact__box { width: 4.75rem; height: 4.75rem; font-size: 0.625rem; padding-top: 0.625rem; background-color: transparent; } .projects-sec__form-item input:checked + .form__contact__box { background-color: #fff; } .projects-sec__form-item .form__contact__icon { width: 2.5rem; height: 2.5rem; } .projects-sec__form-item .form__contact__icon img { height: 1.4rem; width: 1.4rem; } .projects-sec__form-item .form__input { height: 4.688rem; border-radius: 37.5px; width: 17.375rem; } .projects-sec__form-btn { align-self: flex-end; font-size: 1.125rem; text-transform: uppercase; font-weight: bold; width: 19rem; height: 4.688rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); } @media (max-width: 600px) { .projects-sec__form-btn { margin-top: 2rem; width: 17.375rem; } } .projects-sec__form-img { position: absolute; bottom: 0; right: 0; width: 45.3125rem; } @media (max-width: 899px) { .projects-sec__form-img { right: unset; left: 30rem; } } @media (max-width: 600px) { .projects-sec__form-img { left: 11rem; } } .projects-sec__form div, .projects-sec__form label { position: relative; z-index: 2; } .fund { padding-top: 3rem; } .fund__tabs { display: flex; justify-content: center; margin-top: 4.3rem; } @media (max-width: 449px) { .fund__tabs { justify-content: flex-start; overflow-x: auto; padding-bottom: 2rem; } } .fund__tabs-item { cursor: pointer; height: 5rem; padding: 0 3.313rem; border-radius: 40px; background-color: #f5f6f6; font-size: 1.125rem; font-weight: 600; text-align: center; color: #282728; display: flex; justify-content: center; align-items: center; margin-right: 0.7rem; margin-left: 0.7rem; margin-bottom: 0.7rem; } .fund__tabs-item:not(.active):hover { color: #282828; background-color: #fbcb65; font-weight: 500; } .fund__tabs-item.active { color: #fff; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .fund-block { display: flex; justify-content: space-between; margin-top: 3.6rem; } .fund-block:not(.active) { display: none; } @media (max-width: 899px) { .fund-block { flex-direction: column-reverse; max-width: 42rem; margin-right: auto; margin-left: auto; } } .fund-block__info { margin-top: -1rem; padding: 0 5rem; } @media (max-width: 899px) { .fund-block__info { padding: 0; width: 100%; margin-top: 2rem; } } .fund-block__img { min-width: 53%; width: 53%; min-height: 43.75rem; border-radius: 35px; overflow: hidden; } @media (max-width: 899px) { .fund-block__img { width: 100%; min-height: 0; height: 25rem; } } .fund-block__img img { height: 100%; width: 100%; object-fit: cover; } .fund-block__title { font-size: 2.25rem; font-weight: bold; text-align: left; color: #282828; } .fund-block__text { font-size: 0.938rem; line-height: 1.47; text-align: left; color: #282828; margin-top: 2rem; } .fund-block__list-head { color: #282828; display: flex; justify-content: space-between; align-items: center; margin-top: 2rem; } .fund-block__list-title { font-size: 1.125rem; font-weight: bold; line-height: 1.56; } .fund-block__list-add { font-size: 0.875rem; font-weight: normal; line-height: 1.57; } .fund-block__list-time { display: flex; align-items: center; font-size: 0.875rem; letter-spacing: 0.35px; } .fund-block__list-time::before { content: ""; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/timer.png); width: 1.313rem; height: 1.625rem; margin-right: 0.5rem; } .fund-block__list-item { display: flex; align-items: center; justify-content: space-between; font-size: 1rem; color: #282828; margin-top: 0.7rem; } .fund-block__list-item__name { display: flex; align-items: center; } .fund-block__list-item__name::before { content: ""; border-radius: 50%; width: 0.625rem; height: 0.625rem; border: solid 2px #ffb33c; margin-right: 0.75rem; min-width: 0.625rem; box-sizing: border-box; } .fund-block__list-item__cost { font-weight: bold; } .fund-block__form { margin-top: 2.3rem; } .fund-block__form-group { display: flex; justify-content: space-between; } @media (max-width: 899px) { .fund-block__form-group { flex-direction: column; align-items: center; } } .fund-block__form-group .form__input, .fund-block__form-group .form__btn { width: 19.5rem; height: 4.75rem; border-radius: 37.5px; background-color: #f4f2f2; margin-top: 0; } @media (max-width: 899px) { .fund-block__form-group .form__input, .fund-block__form-group .form__btn { margin-top: 1rem; } } .fund-block__form-group .form__btn { font-size: 0.938rem; } .fund-block__form .form__agreement__text { max-width: 100%; font-size: 0.625rem; } .fund-block__form .form__agreement { margin-top: 0.7rem; } .fund__call { display: flex; align-items: center; margin-top: 2rem; } @media (max-width: 899px) { .fund__call { flex-direction: column; } } .fund__call-title { font-size: 1.125rem; font-weight: bold; } .fund__call-uptime { display: flex; align-items: center; font-size: 0.75rem; font-weight: 500; line-height: 1.5; letter-spacing: 0.12px; color: #282728; margin-left: 1.2rem; } @media (max-width: 899px) { .fund__call-uptime { margin-left: 0; margin-top: 1rem; } } .fund__call-uptime::before { content: ""; border-radius: 50%; width: 0.375rem; height: 0.375rem; min-width: 0.375rem; margin-right: 0.375rem; background-color: #70b913; } .fund__call-num { font-size: 1.5rem; font-weight: bold; color: #282728; margin-left: 1.2rem; display: flex; align-items: center; } @media (max-width: 899px) { .fund__call-num { margin-left: 0; margin-top: 1rem; } } .fund__call-num::before { content: ""; background-image: url(/bitrix/templates/nsb/assets/css/../img/phone.png); width: 1.063rem; height: 1.063rem; background-size: contain; margin-right: 0.375rem; background-repeat: no-repeat; } .calc .dec{ position: absolute; width: 19.313rem; pointer-events: none; bottom: -7rem; left: 0; } .calc .dec2{ position: absolute; width: 19.313rem; pointer-events: none; right: 0; bottom: 0; transform: scaleX(-1); } @media(max-width: 899px){ .dec, .dec2{ display: none; } } .calc{ position: relative; } .calc { padding-top: 8rem; } .calc .seo-text { font-size: 1.125rem; } .calc__inp { display: flex; justify-content: center; align-items: center; font-size: 1rem; font-weight: 600; color: #282828; margin-top: 4.4rem; } .calc__input { width: 6rem; height: 3.125rem; border-radius: 10px; background-color: #f0f0f0; text-align: center; font-size: 1.5rem; font-weight: 600; color: #282828; margin-right: 1.188rem; margin-left: 1.188rem; padding-right: 1rem; padding-left: 1rem; } .calc__ui { max-width: 77.063rem; height: 0.688rem; border-radius: 5px; background-color: #f0f0f0; margin-right: auto; margin-left: auto; margin-top: 3.3rem; } .calc__ui__bounds { max-width: 77.063rem; margin-right: auto; margin-left: auto; display: flex; justify-content: space-between; font-size: 1.5rem; font-weight: 600; margin-top: 0.7rem; } .calc__results { display: flex; justify-content: center; margin-top: 2.8rem; } .calc__result:not(:last-child) { margin-right: 9.625rem; } @media (max-width: 449px) { .calc__result:not(:last-child) { margin-right: 2rem; } } .calc__result-title { font-size: 1rem; font-weight: 600; text-align: center; color: #282828; position: relative; width: max-content; margin-right: auto; margin-left: auto; transform: translateX(-1.5rem); } .calc__result-i { cursor: pointer; width: 1.125rem; height: 1.063rem; border-radius: 50%; position: absolute; top: -0.5rem; right: -1.3rem; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .calc__result-i::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 0.6rem; width: 0.6rem; background-size: contain; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 111.577 111.577' style='enable-background:new 0 0 111.577 111.577;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451 c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064 c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848 c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71 c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667 c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747 c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815 c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744 C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796 c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207 C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .projects-sec__filters-block-title .calc__result-i { top: calc(50% - 0.6rem); right: 1px; background: #f8f6f6; width: 1.2rem; height: 1.2rem; } .projects-sec__filters-block-title .calc__result-i::after { background-image: url("data:image/svg+xml,%3Csvg fill='%23a0a0a0' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 111.577 111.577' style='enable-background:new 0 0 111.577 111.577;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M78.962,99.536l-1.559,6.373c-4.677,1.846-8.413,3.251-11.195,4.217c-2.785,0.969-6.021,1.451-9.708,1.451 c-5.662,0-10.066-1.387-13.207-4.142c-3.141-2.766-4.712-6.271-4.712-10.523c0-1.646,0.114-3.339,0.351-5.064 c0.239-1.727,0.619-3.672,1.139-5.846l5.845-20.688c0.52-1.981,0.962-3.858,1.316-5.633c0.359-1.764,0.532-3.387,0.532-4.848 c0-2.642-0.547-4.49-1.636-5.529c-1.089-1.036-3.167-1.562-6.252-1.562c-1.511,0-3.064,0.242-4.647,0.71 c-1.59,0.47-2.949,0.924-4.09,1.346l1.563-6.378c3.829-1.559,7.489-2.894,10.99-4.002c3.501-1.111,6.809-1.667,9.938-1.667 c5.623,0,9.962,1.359,13.009,4.077c3.047,2.72,4.57,6.246,4.57,10.591c0,0.899-0.1,2.483-0.315,4.747 c-0.21,2.269-0.601,4.348-1.171,6.239l-5.82,20.605c-0.477,1.655-0.906,3.547-1.279,5.676c-0.385,2.115-0.569,3.731-0.569,4.815 c0,2.736,0.61,4.604,1.833,5.597c1.232,0.993,3.354,1.487,6.368,1.487c1.415,0,3.025-0.251,4.814-0.744 C76.854,100.348,78.155,99.915,78.962,99.536z M80.438,13.03c0,3.59-1.353,6.656-4.072,9.177c-2.712,2.53-5.98,3.796-9.803,3.796 c-3.835,0-7.111-1.266-9.854-3.796c-2.738-2.522-4.11-5.587-4.11-9.177c0-3.583,1.372-6.654,4.11-9.207 C59.447,1.274,62.729,0,66.563,0c3.822,0,7.091,1.277,9.803,3.823C79.087,6.376,80.438,9.448,80.438,13.03z'/%3E%3C/g%3E%3C/svg%3E%0A"); } .calc__result-i:hover .calc__result-i__info { transform: translateX(-50%) translatey(-100%) scale(1); } .calc__result-i__info { position: absolute; left: 50%; top: -1rem; transform: translateX(-50%) translatey(-100%) scale(0); width: 19.375rem; /*padding: 1.313rem 1.813rem 1.188rem 1.75rem;*/ padding: 10px 1.3rem 10px 1.3rem; border-radius: 15px; box-shadow: 0 0 18px 0 rgba(40, 39, 40, 0.1); background-color: rgba(40, 39, 40, 0.85); transition: all 0.3s; font-size: 0.75rem; letter-spacing: 0.12px; text-align: center; color: white; z-index: 99; } @media (max-width: 449px) { .calc__result-i__info { width: 10rem; } } /*.calc__result-i__info::before { content: ""; width: 0.938rem; height: 0.938rem; background-size: contain; background-position: top center; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-hint.png); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) translateY(100%); background-repeat: no-repeat; }*/ .calc__result-i__info::before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 7px 7.5px 0 7.5px; border-color: rgba(40, 39, 40, 0.85) transparent transparent transparent; position: absolute; bottom: -7px; left: calc(50% - 7.5px); /*transform: translateX(-50%) translateY(100%);*/ background-repeat: no-repeat; } .calc__result-i__info--sh { width: 13.125rem; } .calc__result-i__info-title { font-size: 1rem; font-weight: bold; line-height: 1.13; letter-spacing: 0.16px; color: white; } .calc__result-i__info-desc { font-size: 0.75rem; line-height: 1.33; letter-spacing: 0.12px; text-align: center; color: white; } .calc__result-i__info-title + .calc__result-i__info-desc { font-size: 0.688rem; line-height: 1.27; letter-spacing: 0.11px; color: rgba(255, 255, 255, 0.65); margin-top: 0.5rem; text-align: left; } .calc__result-i__info-title + .calc__result-i__info-desc::before { content: ""; width: 0.938rem; height: 0.938rem; background-size: contain; background-position: top center; background-image: url(/bitrix/templates/nsb/assets/css/../img/arrow-hint.png); position: absolute; bottom: 1px; left: 50%; transform: translateX(-50%) translateY(100%); background-repeat: no-repeat; } .calc__result__box { display: flex; align-items: center; margin-top: 0.6rem; } .calc__result__val { width: 12.563rem; height: 5.313rem; border-radius: 10px; background-color: #f0f0f0; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; font-weight: 600; text-align: center; color: #282828; } .calc__result__rub { font-size: 1rem; font-weight: 600; color: #282828; margin-left: 0.94rem; } .popup { background-color: rgba(0, 0, 0, 0.93); top: 0; left: 0; height: 100%; width: 100%; position: fixed; z-index: 9999; display: none; } .popup-wrap { width: 100%; height: 100%; overflow: auto; display: flex; } .popup-wrap::-webkit-scrollbar { width: 0px; } .popup-wrap--center { display: flex; justify-content: center; align-items: center; } .popup__form { width: 32.813rem; border-radius: 50px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.15); background-color: white; padding: 4.5rem 4.25rem 4rem; position: relative; overflow: hidden; } .popup__form::before { content: ""; background-size: contain; position: absolute; top: -5rem; left: 0; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush14.png); background-repeat: no-repeat; background-position: top center; width: 12.563rem; height: 29.125rem; pointer-events: none; } .popup__form-subtitle { font-size: 1.125rem; font-weight: 500; text-align: center; color: #282828; position: relative; } @media (max-width: 699px) { .popup__form-subtitle { position: relative; } } .popup__form-title { font-size: 1.875rem; font-weight: bold; line-height: 1.3; text-align: center; color: #282828; margin-top: 1rem; margin-bottom: 1rem; position: relative; } @media (max-width: 699px) { .popup__form-title { position: relative; } } .popup__form-input { width: 100%; height: 4.688rem; position: relative; border-radius: 37.5px; } .popup__form-btn { height: 5.313rem; border-radius: 42.5px; position: relative; } .popup__form-input, .popup__form-btn { margin-top: 0.875rem; margin-bottom: 0; } @media (max-width: 699px) { .popup__form-input, .popup__form-btn { position: relative; } } .popup__form--lg { width: 62.5rem; padding: 4.5rem 26.25rem 4rem 2rem; border-radius: 50px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgba(40, 39, 40, 0.15); background-color: white; position: relative; overflow: hidden; } @media (max-width: 699px) { .popup__form--lg { max-width: 100%; padding: 3rem; } } .popup__form--kp::after { content: ""; position: absolute; top: -5rem; pointer-events: none; right: 0; width: 37.0625rem; height: 59rem; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/kp.png); } @media (max-width: 699px) { .popup__form--kp::after { bottom: 0; top: unset; } } @media (max-width: 699px) { .popup__form--kp { padding-bottom: 38rem; } } .popup__form--pres::after { content: ""; position: absolute; top: -12rem; pointer-events: none; right: 0; width: 36.125rem; height: 60.8125rem; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/pres.png); } @media (max-width: 699px) { .popup__form--pres::after { bottom: 0; top: unset; } } @media (max-width: 699px) { .popup__form--pres { padding-bottom: 38rem; } } .popup__form-group { max-width: 24.25rem; margin-right: auto; margin-left: auto; } @media (max-width: 699px) { .popup__form-group { position: relative; z-index: 3; } } .close { cursor: pointer; position: absolute; width: 1.063rem; height: 1.063rem; background-size: contain; background-repeat: no-repeat; background-position: center; top: 2.7rem; right: 2.7rem; background-image: url(/bitrix/templates/nsb/assets/css/../img/close.png); } .close--calc { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.6 15.5' style='enable-background:new 0 0 15.6 15.5;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23979797;%7D%0A%3C/style%3E%3Crect x='-2.2' y='6.8' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2219 7.778)' class='st0' width='20' height='2'/%3E%3Crect x='6.8' y='-2.2' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -3.2218 7.7782)' class='st0' width='2' height='20'/%3E%3C/svg%3E%0A"); } .policy { background: #fff; color: #000; border-radius: 7px; padding: 3rem; padding-bottom: 2rem; margin-top: 4rem; margin-bottom: 3rem; position: relative; width: 80rem; max-width: 95%; margin-right: auto; margin-left: auto; overflow: auto; } .policy::-webkit-scrollbar { width: 0px; } .policy__title { font-weight: bold; font-size: 1.5rem; } .policy-text { font-size: 1rem; margin-top: 2rem; } .policy-text p { margin-bottom: 1rem; } @media (max-width: 699px) { .policy { padding-right: 1rem; padding-left: 1rem; } } .upbtn { opacity: 0.8; z-index: 9999; width: 60px; height: 60px; position: fixed; bottom: -80px; left: 20px; cursor: pointer; border-radius: 10px; transition: all .2s ease-in-out; background-position: center center; background-repeat: no-repeat; background-color: #ffd26a; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDQ0NC44MTkgNDQ0LjgxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDQ0LjgxOSA0NDQuODE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTQzMy45NjgsMjc4LjY1N0wyNDguMzg3LDkyLjc5Yy03LjQxOS03LjA0NC0xNi4wOC0xMC41NjYtMjUuOTc3LTEwLjU2NmMtMTAuMDg4LDAtMTguNjUyLDMuNTIxLTI1LjY5NywxMC41NjYgICBMMTAuODQ4LDI3OC42NTdDMy42MTUsMjg1Ljg4NywwLDI5NC41NDksMCwzMDQuNjM3YzAsMTAuMjgsMy42MTksMTguODQzLDEwLjg0OCwyNS42OTNsMjEuNDExLDIxLjQxMyAgIGM2Ljg1NCw3LjIzLDE1LjQyLDEwLjg1MiwyNS42OTcsMTAuODUyYzEwLjI3OCwwLDE4Ljg0Mi0zLjYyMSwyNS42OTctMTAuODUyTDIyMi40MSwyMTMuMjcxTDM2MS4xNjgsMzUxLjc0ICAgYzYuODQ4LDcuMjI4LDE1LjQxMywxMC44NTIsMjUuNywxMC44NTJjMTAuMDgyLDAsMTguNzQ3LTMuNjI0LDI1Ljk3NS0xMC44NTJsMjEuNDA5LTIxLjQxMiAgIGM3LjA0My03LjA0MywxMC41NjctMTUuNjA4LDEwLjU2Ny0yNS42OTNDNDQ0LjgxOSwyOTQuNTQ1LDQ0MS4yMDUsMjg1Ljg4NCw0MzMuOTY4LDI3OC42NTd6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) } .upbtn:hover { opacity: 1; background-color: #ffd26a; } @media(max-width: 449px) { .upbtn { width: 45px; height: 45px; opacity: 1; } } .slick-slide{ height: max-content; } .footer{ height: max-content; min-height: 0 !important; } .footer.np{ padding-top: 0; padding-bottom: 0; } header{ width: 100%; position: absolute; top: 0; left: 0; } .header-color{ padding-top: 14rem; } .sh-top-page .header-color { padding-top: 15rem; position: relative; } @media (max-width: 899px) { .sh-top-page .header-color { padding-top: 8rem; } } @media (max-width: 699px) { .header-color{ padding-top: 8rem; } .sh-top-page .header-color { padding-top: 8rem; } } .dec{ position: absolute; width: 19.313rem; pointer-events: none; } .promo .dec { position: absolute; left: -5rem; bottom: 11%; width: 19.313rem; pointer-events: none; } .single-promo .dec { position: absolute; right: 0; transform: scaleX(-1); bottom: 11%; width: 19.313rem; pointer-events: none; } .dec-r{ right: 0rem; transform: scaleX(-1); } .dec-l{ left: 0rem; } .dec2{ bottom: 3rem; } .dec3{ bottom: 3rem; } .dec-n{ position: absolute; top: -28rem; left: -5rem; width: 26rem; } @media (max-width: 899px) { .dec-n{ display: none; } } @media(max-width: 899px){ .dec{ display: none; } } .prj-item__complect{ position: relative; } .estimate{ position: relative; } .estimate::after{ content: ''; position: absolute; top: -10rem; left: 0; width: 19.313rem; height: 36.688rem; background-size: contain; background-repeat: no-repeat; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush7.png); pointer-events: none; z-index: -1; } .invest-desc .dec{ position: absolute; right: 0rem; top: 5rem; width: 19rem; pointer-events: none; } @media(max-width: 899px){ .dec{ display: none; } } .invest-desc{ position: relative; } .invest-type .dec{ position: absolute; width: 19.313rem; pointer-events: none; top: 0; left: 0; } .invest-type .dec2{ position: absolute; width: 19.313rem; pointer-events: none; bottom: 0; right: 0; } @media(max-width: 899px){ .dec, .dec2{ display: none; } } .invest-type{ position: relative; } .projecting-ex__img-helmet{ position: absolute; top: 0rem; right: 27rem; width: 27.438rem; } @media (max-width: 899px) { .projecting-ex__img-helmet{ display: none; } } .credit main, .faq main, .promo main, .single-promo main { position: relative; } .faq .dec{ position: absolute; width: 19.313rem; pointer-events: none; } .faq .dec-r{ right: -5rem; transform: scaleX(-1); } .faq .dec-l{ left: -5rem; } .faq .dec2{ top: 30%; } .faq .dec3{ top: 60%; } ._plan-tab{ width: 100%; display: block; padding-top: 60px; padding-bottom: 60px; } .prj-tab__nav{ display: flex; flex-wrap: wrap; align-items: center; padding: 0 0 0; justify-content: center; } .prj-tab__nav button:hover, .prj-tab__nav button{ background-color: #f4f2f2; font-size: 0.875rem; font-weight: bold; padding: 15px 40px; text-align: center; border: none; cursor: pointer; width: fit-content; width: -moz-fit-content; min-width: 220px; border-radius: 32.5px; text-transform: uppercase; color: black; position: relative; overflow: hidden; transition: all 0.5s; } .prj-tab__nav button:not(:last-child){ margin-right: 10px; } .prj-tab__nav button.active{ font-weight: 700; color: #fff; } .prj-tab__nav button:hover:before{ opacity: 0; } .prj-tab__nav button:before{ content: ""; height: 100%; width: 100%; background-image: linear-gradient(to top, #fe990a, #ffd26a); opacity: 0; position: absolute; top: 0; left: 0; border-radius: 32.5px; transition: all 0.3s; } .prj-tab__nav button.active:before{ opacity: 1; } .prj-tab__item{ display: none; margin: 0 auto; transition: all 0.5s; } .prj-tab__item.active{ display: block; animation: showTab 1s; } @keyframes showTab{ 0%{ opacity: 0; } 100%{ opacity: 1; } } .prj-tab__desc{ font-size: 1.125rem; line-height: 1.44; color: #282828; padding: 30px 0 0; } .prj-tab__desc p{ padding: 0 0 20px; } .prj-tab__desc ul, .prj-tab__desc ol{ margin: 0 0 20px; padding: 0; } .prj-tab__desc ol li, .prj-tab__desc ul li{ position: relative; padding: 5px 0 5px 20px; } .prj-tab__desc ol li:before, .prj-tab__desc ul li:before{ content: ''; display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .prj-tab__desc ul li:before{ width: 6px; height: 6px; border-radius: 50%; background: #fda629; } .prj-tab__desc ol{ counter-reset: num; } .prj-tab__desc ol li:before { content: counter(num) '.'; counter-increment: num; display: inline-block; color: #fda629; } .prj-tab__panel .prj-item__plan-cost, .prj-tab__panel .prj-item__plan-photo{ width: 100%; max-width: 800px; margin: 0 auto; } .prj-tab__desc h2, .prj-tab__desc h3, .prj-tab__desc h4, .prj-tab__desc h5{ padding-bottom: 10px; } @media all and (max-width: 1360px){ .prj-tab__nav button{ padding: 15px 20px; margin: 4px; min-width: 190px; } } @media all and (max-width: 699px){ .prj-tab__nav button:hover, .prj-tab__nav button{ min-width: unset; margin-bottom: 5px; -webit-appearance: none; } ._plan-tab{ padding-top: 10px; padding-bottom: 40px; } } /*********MAIN*************/ .catalog-left-menu { margin-bottom: 2rem; } .left-menu { } .left-menu li a { color: #000; } .thumb_slider_group, .thumb_slider_group .slick-slide, .thumb_slider_group .slick-track, .thumb_slider_group .slick-list, .thumb_slider_group .thumb { height: 100% !important; } .thumb_slider_group .thumb.thumb_slider:not(.slick-initialized) .tmb-sl + .tmb-sl { position: absolute; top: 0; opacity: 0; } /* Dots */ .thumb_slider .slick-dots { position: absolute; width: 100%; left: 0; bottom: 16px; } .thumb_slider .slick-dots li { width: 28px; height: 4px; margin: 0 3px; } .thumb_slider .slick-dots li button { background-color: #fff; border-radius: 2px; } .slick-dots { list-style: none; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 6px; width: 45px; margin: 0 7px; padding: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .slick-dots li button { display: block; border: 0; background: #f5f2ed; border-radius: 10px; height: 100%; width: 100%; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .slick-dots li.slick-active button { background-color: #fecf6c; } .slick-dots li:hover button { background-color: #fecf6c; } .slick-dots li:first-child:last-child { display: none; } .section-form-full-w { width: 100%; } table.table { background-color: #f7f7f7; color: #797979; width: 100%; border-collapse: collapse; font-size: 1rem; line-height: 1.88; border-radius: 25px; } table.table tr td { border-bottom: 1px solid rgba(40, 40, 40, 0.05); padding: 12px 10px 12px 10px; } table.table tr td:first-child { padding-left: 35px; } table.table tr:hover { background: #fcfcfc; } @media (max-width: 699px) { table.table { line-height: 1.4; } table.table tr td { padding: 10px 5px 10px 5px; } table.table tr td:first-child { padding-left: 20px; } } table.table tr:last-child td { border-bottom: none; } table.table tr td:last-child { color: #282728; } .catalog-section-desk { margin-top: 5rem; } .txt-block { /*font-size: 1.125rem;*/ font-size:13px; line-height: 1.67; color: #282728; } .txt-block h5 { margin: 20px 0 5px 0; font-size: 1.2rem; } .txt-block p { margin: 10px 0 15px; } .txt-block ul { margin: 5px 0 5px 15px; } .txt-block ul li{ display: flex; align-items: center; line-height: 1.4rem; margin: 10px 0; } .txt-block ul li::before { content: ""; width: 0.625rem; min-width: 0.625rem; height: 0.625rem; min-height: 0.625rem; border: solid 2px #ffb33c; box-sizing: border-box; margin-right: 0.56rem; border-radius: 50%; margin-top: 6px; margin-bottom: auto; } .tab-content-block { padding-top: 3rem; } .old-price { color: #d7d7d7; } .old-price .num { color: #d7d7d7; text-decoration: line-through; } .page-photo-section .row{ display: flex; flex-wrap: wrap; gap: 2rem; row-gap: 3rem; } .page-photo-section .photo__item__wrap { width: calc(100% / 3 - 4rem / 3); } .page-photo-section .photo__item { margin-right: 0; width: 100%; opacity: 1; } .page-wrap-sh{ padding-top: 4.813rem } table.table tr td:last-child { max-width: 15rem; } @media (min-width: 1400px) { .page-photo-section .photo__item__link { height: 17rem; } .page-photo-section .photo__item__wrap { width: calc(100% / 4 - 6rem / 4); } } @media (max-width: 1200px) { table.table tr td:last-child { max-width: 25rem; } } @media (max-width: 899px) { .page-photo-section .photo__item__link { height: 15rem; } .page-photo-section .photo__item__wrap { width: calc(100% / 2 - 2rem / 2); } table.table tr td:last-child { max-width: none; } } @media (max-width: 500px) { .page-photo-section .photo__item__link { height: 18rem; } .page-photo-section .photo__item__wrap { width: 100%; } } body.mobile-menu-open { overflow: hidden; } .sort-catalog-wrap { display: flex; margin-bottom: 2.2rem; font-size: 1rem; } .sort-title { font-weight: 500; margin-right: 10px; } .sort-link-wrap a { color: #282728; margin-right: 10px; padding-bottom: 2px; } .sort-link-wrap a:last-child { margin-right: 0; } .sort-link-wrap a.act { border-bottom: 1px solid #fecf6c; font-weight: 500; } .sort-prop-price.act.sort-direc-asc { padding-right: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9IiM2NTY1NjUiPjxwYXRoIGQ9Ik0wIDZoNHYyaC00ek0wIDNoNnYyaC02ek0wIDBoOHYyaC04eiIvPjwvc3ZnPgo=) no-repeat right 62%; } .sort-prop-price.act.sort-direc-desc { padding-right: 12px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCA4IDgiIGZpbGw9IiM2NTY1NjUiPjxwYXRoIGQ9Ik0wIDBoNHYyaC00ek0wIDNoNnYyaC02ek0wIDZoOHYyaC04eiIvPjwvc3ZnPgo=) no-repeat right 62%; } .filter-btn { display: none; padding-right: 1.2rem; margin-right: 1rem; position: relative; } .filter-btn span { font-size: 14px; font-weight: 600; margin-left: 7px; } .filter-icon { fill: #000; width: auto; height: 18px; } .select-js.sort-cat, .sort-select { display: none; } .sort-cat.select { width: auto; } .sort-cat .select__head { white-space: nowrap; padding-right: 20px; height: 3.1rem !important; font-weight: 600; cursor: pointer; } .sort-cat .select__head::after { right: 0; } .sort-cat .select__list { transform: none; } @media (max-width: 1500px) { .sort-catalog-wrap { font-size: 1.1rem; } } @media (max-width: 899px) { .sort-catalog-wrap { font-size: 1.2rem; align-items: center; } .filter-btn { display: flex; cursor: pointer; } .filter-btn span { font-size: inherit; } } @media (max-width: 560px) { .sort-catalog-wrap { margin-bottom: 2rem; justify-content: space-between; } .sort-title, .sort-link-wrap{ display: none; } .select-js.sort-cat { display: block; } .sort-select { } .projects-sec__content { margin-top: 2.4rem; } } .catalog-section-list-item { margin: 5px 0; } .section-list-items > .catalog-section-list-item { margin-bottom: 15px; } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title { } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title > a{ font-weight: 700; padding: 18px 10px 19px 20px; display: flex; align-items: center; width: 100%; background: #f8f6f6; border-radius: 15px; } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title a:hover { background-color: #fecf6c; } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title .section-count { font-weight: 500; color: #9c9c9c; margin-left: 2px; margin-bottom: 0; font-size: 13px; margin-left: auto; margin-right: 10px; display: none; } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title .section-price { display: none; } .section-list-items > .catalog-section-list-item > .catalog-section-list-list-title .section-count::after { content: 'шт.'; } .catalog-section-list-list-link { display: flex; font-size: 1rem; padding: 1px 0; align-items: center; white-space: nowrap; } .section-list-items .sub-section .catalog-section-list-list-link i { display: block; width: 100%; align-items: center; border-bottom: 1px dashed #ebebeb; margin: 0 7px; padding-top: 2px; } .section-list-items .sub-section .catalog-section-list-list-link:hover { color: #feae28; } .catalog-section-list-list-link .section-count { font-size: 11px; color: #acacac; display: inline-block; margin-left: 1px; margin-bottom: 5px; } .catalog-section-list-list-link .section-price { margin-left: auto; background: #f9f8f8; padding: 4px 12px; border-radius: 20px; font-size: 0.7rem; font-weight: 500; color: #787878; } .list-catalog-wrap { } .sub-section { padding: 5px 15px; margin-bottom: 20px; } .section-list-items .sub-section .catalog-section-list-list-link::before { content: "›"; margin-right: 7px; color: #feae28; padding-bottom: 2px; font-size: 1.2rem; margin-bottom: 1px; } @media (max-width: 899px) { } .bx-filter .bx-filter-parameters-box-title span { font-weight: 700; color: #000000; border-bottom: 1px solid transparent; cursor: pointer; } .filter-btn-block { display: flex; align-items: center; margin-top: 20px; } input#set_filter { width: 13.75rem; min-width: 13.75rem; height: 4.125rem; font-size: 0.719rem; border-radius: 37.5px; background-image: linear-gradient(to top, #fe990a, #ffd26a); cursor: pointer; } #del_filter { cursor: pointer; margin-left: 1.3rem; } .bx-filter .bx-filter-input-container input { background: #f8f6f6; border-radius: 12px; line-height: 1.5; font-size: 0.9rem; padding: 15px 14px; font-weight: 400; } .filter-block-type-B .bx-filter-parameters-box-container, .filter-block-type-A .bx-filter-parameters-box-container{ display: flex; flex-wrap: wrap; gap: 15px; row-gap: 10px; justify-content: space-between; margin-top: 1.2rem; } .filter-block-type-B .bx-filter-parameters-box-container .bx-ui-slider-track-container, .filter-block-type-A .bx-filter-parameters-box-container .bx-ui-slider-track-container{ min-width: calc(100% - 3.5rem); margin: 0 auto; } .filter-block-type-B .bx-filter-parameters-box-container .bx-filter-parameters-box-container-block, .filter-block-type-A .bx-filter-parameters-box-container .bx-filter-parameters-box-container-block { width: calc(50% - 10px); } .bx-filter .bx-ui-slider-handle { background:#fea12f; border: 6px solid #fff; height: 20px; width: 20px; border-radius: 50%; top: 0; box-shadow: 0 2px 6px rgb(12 15 48 / 15%); } .bx-filter .bx-ui-slider-range { z-index: 80; } .bx-filter .bx-ui-slider-handle.left, .bx-filter .bx-ui-slider-handle.right { margin: 0; transition: none; } .bx-filter .bx-ui-slider-handle.left { margin-top: -7.5px; margin-left: -10px; } .bx-filter .bx-ui-slider-handle.right { margin-top: -7.5px; margin-right: -10px; } .bx-filter .bx-ui-slider-part { background: #d9d9d9; opacity: 1; } .bx-filter.bx-yellow .bx-ui-slider-track{background: #e7e7e7;} .bx-filter.bx-yellow .bx-ui-slider-pricebar-vd{background: #c9c9c9;} .bx-filter.bx-yellow .bx-ui-slider-pricebar-vn{background: #fecf6c} .bx-filter.bx-yellow .bx-ui-slider-pricebar-v { /*background: #fea12f*/ background-image: linear-gradient(-45deg, #fe990a, #ffd26a); } .bx-filter .bx-ui-slider-track { position: relative; height: 5px; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #787878; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #787878; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #787878; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #787878; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #787878; } ::placeholder { /* Most modern browsers support this now. */ color: #787878; } .bx-filter .bx-ui-slider-part.p1 span, .bx-filter .bx-ui-slider-part.p2 span, .bx-filter .bx-ui-slider-part.p3 span, .bx-filter .bx-ui-slider-part.p4 span, .bx-filter .bx-ui-slider-part.p5 span { color: #a6a6a6;; } .bx-filter .bx-ui-slider-part.p2, .bx-filter .bx-ui-slider-part.p4 { display: none; } .bx-filter-popup-result { background-image: linear-gradient(0deg, #fe990a, #ffd26a); color: rgb(255, 255, 255); cursor: pointer; font-size: 1rem; font-weight: 700; height: 64px; line-height: 64px; position: absolute; right: -120px; text-align: center; width: 120px; z-index: 1010; border-width: initial; border-style: none; border-color: initial; border-image: initial; border-radius: 8px; outline: none; padding: 0px; flex-direction: column; align-items: center; justify-content: center; top: calc(50% + 13px); transform: translateY(-50%); } .bx-filter-popup-result::before { background-image: linear-gradient(-135deg, #fe990a, #ffd26a); content: ""; display: block; height: 45px; left: -5px; position: absolute; top: 10px; transform: rotate(135deg); width: 45px; z-index: 0; border-radius: 4px; } .bx-filter-popup-result::after { background-image: inherit; box-shadow: inherit; content: attr(data-label); display: block; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; border-radius: inherit; } .bx-filter-popup-result > * { position: relative; z-index: 99; } .filter-item-count { color: #fff; font-size: 0.7rem; line-height: 1; font-weight: 400; margin-top: 2px; opacity: 0.8; } .bx-filter .bx-filter-popup-result a { color: #fff; line-height: 1; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } @media (max-width: 899px) { #filter { } #filter.open { } } .number-cuts { display: inline-block; position: relative; width: 100%; } .number-cuts input[type="number"] { box-sizing: border-box; text-align: center; -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; } .number-cuts input[type="number"]::-webkit-outer-spin-button, .number-cuts input[type="number"]::-webkit-inner-spin-button { display: none; } .number-bnt { position: absolute; top: 50%; transform: translateY(-50%); font-size: 1.5rem; font-weight: 600; text-align: center; background: #fff; display: flex; align-items: center; justify-content: center; height: 2rem; width: 2rem; border-radius: 10px; color: #d1d1d1; line-height: 0; box-shadow: 0 1px 3px rgb(12 15 48 / 5%); } .number-bnt:hover { background-image: linear-gradient(to top, #fe990a, #ffd26a); color: #fff; } .number-minus { left: 0.625rem; } .number-minus span { padding-bottom: 5px; } .number-plus { right: 0.625rem; } .number-plus span { padding-bottom: 2px; } /*********/ .date-prop-show::before { content: attr(data-prop); } .date-prop-show-af::after { content: attr(data-prop); } .form__error-msg { font-size: 1rem; color: red; padding: 0.8rem 0; display: none; } .form__error-msg span::before { content: 'Ошибка отправки, повторите попытку'; } .form__success-msg { display: none; text-align: center; } .form-success.form-success-std .thx-page__success{ margin-top: 0rem; } .section-photo { padding-top: 7.5rem; } .blur-bb .header-bg .top-header-bg-bl { position: absolute; width: 100%; height: 100%; z-index: 0; background-image: inherit; background-position: inherit; background-size: inherit; top: 0; left: 0; overflow: hidden; } .blur-bb .header-bg .top-header-bg-bl:before { content: ''; background-image: inherit; background-position: inherit; background-size: inherit; width: 120%; height: 120%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; filter: blur(18px); z-index: 0; } .b-size-auto .header-bg .top-header-bg-bl:before { background-size: auto; } .overlay-bb .header-bg .top-header-bg-bl:after { content: ''; width: 100%; height: 100%; left: 0%; top: 0%; position: absolute; z-index: 0; background: rgb(0 0 0 / 50%); } .blur-bb.sh-top-page .header-color { } #panel { position: absolute; } .about-page .invest-first{ padding-bottom: 0; } .delivery { margin-top: 5rem; } .delivery.delivery-section { margin-top: 2.5rem; } .delivery__block { width: 100%; border-radius: 50px; padding: 12px; box-shadow: inset 0 0 0 11px white, inset 0 0 0 12px #efefef, 0 0 250px 0 rgb(40 39 40 / 5%); background-color: white; background-size: contain; background-image: url(/bitrix/templates/nsb/assets/css/../img/idea.jpg); position: relative; } .delivery__block_inner { display: flex; justify-content: flex-end; position: relative; overflow: hidden; padding: 3rem 3rem; min-height: 40.625rem; border-radius: 38px; } .delivery__block_inner::before { content: ''; background-size: cover; background-image: url(/bitrix/templates/nsb/assets/css/../img/delivery.png); background-repeat: no-repeat; background-position: left bottom; height: 100%; width: 100%; max-width: 47.9375rem; position: absolute; top: 0; left: 0; z-index: 0; } .delivery__block_inner::after { content: ''; background-size: 100%; background-image: url(/bitrix/templates/nsb/assets/css/../img/bush3.png); background-repeat: no-repeat; background-position: right bottom; width: 40%; max-width: 435px; height: 235px; position: absolute; right: 0; bottom: 0; z-index: 0; } .delivery__info { padding-left: 47rem; position: relative; z-index: 2; } .delivery__info .txt-block { margin-top: 1rem; } .delivery__title { font-size: 2.5rem; font-weight: normal; line-height: 1.18; color: #282828; } .delivery__title span { font-weight: bold; } .tabs-wrap .prj-tab__nav{ justify-content: flex-start; } .delivery__block .prj-tab__nav { margin-top: 2.5rem; } .delivery__block .tab-content-block { padding-top: 2rem; } @media (max-width: 999px) { .delivery__block_inner::before { max-width: 50rem; } } @media (max-width: 899px) { .delivery__block_inner::after { display: none; } .delivery__block_inner { min-height: auto; } .delivery__info { padding-left: 0; padding-bottom: 90%; } .delivery__block_inner::before { max-width: 767px; height: 100%; top: auto; max-height: 791px; bottom: 0; background-size: 100%; } } @media (max-width: 699px) { .delivery__block_inner { padding: 3rem 1.5rem; } .delivery__title { font-size: 2.2rem; } } .dots .slick-active button { width: inherit; height: inherit; } .photo-slider-section .dots button::before { display: none; } .payment { margin-top: 3rem; } .payment__title { margin-bottom: 1rem; } .payment-pers-wrap { display: flex; align-items: flex-start; gap: 4rem; position: relative; margin-top: 1.5rem; padding: 0.6rem 0; } @media (min-width: 899px){ .payment-pers-wrap::before{ content: ""; display: block; margin: 0; padding: 0; position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: #eaeaea; } } .payment-pers { width: calc(50% - 2rem); } .payment-pers-progressbar { width: 100%; display: flex; justify-content: flex-start; align-items: center; height: 5rem; border-radius: 1.2rem; overflow: hidden; margin: 1.2rem 0; } .payment-pers-progressbar-items { background: #f5f5f7; display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; } .ppp_orange { background: #f8b447; background: linear-gradient( to top, rgba(254, 173, 38, 1), rgba(252, 199, 76, 1) ); } .ppp_grey_dr { background: #282728; } .ppp_grey { background: #f5f5f7; } .ppp_text { font-size: 1.4rem; font-weight: 700; color: #fff; } .ppp_text span { display: block; font-size: 0.9rem; font-weight: 500; } .ppp_grey .ppp_text { color: #282728; } .payment-pers__title { font-size: 1.4rem; font-weight: 600; } .payment-pers-text { margin-top: 1.5rem; } .payment-pers-text .txt-block{ font-size: 1.1rem; } p.ppp_st { margin-bottom: 0.6rem; } .payment-pers-block { margin-top: 1.1rem; } .payment-method-wrap { display: flex; align-items: flex-start; justify-content: flex-start; gap: 2.5rem; margin-top: 1.8rem; } .payment-method-item { display: flex; align-items: center; } .payment-method-item__title { margin-left: 1.2rem; font-size: 1rem; } .payment-method-item__icon { width: 5rem; height: 5rem; min-width: 5rem; min-height: 5rem; background: #282728; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .payment-method-item__icon svg { height: 2.5rem; width: auto; } .payment-method-item__icon svg .cls-1{ fill:#fff !important; } .payment-method-item__icon svg .cls-2{ fill:#f7ca69 !important; } .payment-method-item__icon.ic-online { padding-left: 0.5rem; } .payment-method-item__icon.ic-bank { padding-right: 0.2rem; } @media (max-width: 799px){ .payment-pers-wrap { flex-direction: column; row-gap: 2.5rem; } .payment-pers { width: 100%; } } @media (max-width: 699px){ .payment-method-item { flex-direction: column; text-align: center; } .payment-method-item__title { margin-left: 0; margin-top: 0.7rem; } } .tmb-sl { position: relative; } .projects-sec__form .form-wrap, .form-wrap { position: static; width: 100%; } .quiz__block .form-wrap { display: flex; } .bx-filter-button-row.hide{ padding-top: 30px; } .bx-filter-button-row.hide .bx-filter-button-box { display: none; } @media (max-width: 899px) { .bx-filter-popup-result { position: sticky; height: 50px; bottom: -15px; left: 0; width: 100%; right: 0; box-shadow: 0px 2px 10px rgb(139 68 1 / 10%); font-size: 1.1rem; } .filter-item-count { margin-top: 4px; font-size: 0.9rem; } .bx-filter .bx-filter-popup-result.right { left: 0; } .bx-filter-popup-result::before { display: none; } } #item_title_hint_25 .calc__result-i__info { display: flex; align-items: center; text-align: left; } .filter-hint-img { margin-right: 10px; border-radius: 10px; } table.table .txt-block { font-size: inherit; } table.table .txt-block ul{ margin: 0; } table.table .txt-block ul li { line-height: 1.2; padding-left: 0; align-items: start; } table.table .txt-block ul li:before { position: static; top: 0; transform: none; padding-left: 0; margin-top: 0.25rem; } @media (max-width: 500px) { table.table .txt-block ul li:before { width: 0.3rem; min-width: 0.3rem; height: 0.3rem; } } .table a { color: #fda836; border-bottom: 1px dashed #fda836; } .buy-btn-offer-card { position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); background: #f4f2f2; color: #282728; padding: 0.4375rem 2rem; line-height: 1; font-size: 0.8rem; border-radius: 30px; border: none; text-transform: none; font-weight: 500; transition: 0.25s; opacity: 0; width: max-content; } .buy-btn-offer-card:hover { color: #fff; background: #facc6d; } .offer-card:hover .buy-btn-offer-card{ opacity: 1; } .fancybox__slide.has-ajax .fancybox__content{ width: 90%; max-width: 1200px; border-radius: 30px; } .politika-pg { padding-top: 2.5rem; } .fanсybox-link-item { padding: 1rem 2rem; font-size: 1rem; border-radius: 37.5px; background: #fff; color: #333; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; line-height: 1; transition: 0.3s; } .fanсybox-link-item:hover { color: #fff; background-image: linear-gradient(to top, #fe990a, #ffd26a); } .calc-item-detail-wrap { margin-top: 25px; margin-bottom: 25px; } .number-calc-cuts { width: max-content; } .calc-id-input-size-wrap { display: flex; gap: 1.2rem; } .calc-item-detail { display: flex; gap: 1.5rem; width: 100%; background: #fff; padding: 1.3rem 1.5rem; border-radius: 15px; box-shadow: 0 0 17px rgb(0 0 0 / 12%); position: relative; padding-right: calc(1.5rem + 70px); background: url("/bitrix/templates/nsb/assets/css/../img/calc-det.webp") no-repeat right center; } .number-cuts input.input-size { max-width: 140px; } .calc-item-detail input { max-width: 150px; background: #f8f6f6; border-radius: 12px; line-height: 1.5; font-size: 0.9rem; padding: 15px 14px; font-weight: 400; } .calc-id-price { color: #282728; font-size: 1rem; font-weight: 600; } .calc-id-price .num { font-size: 1.875rem; font-weight: 700; } .calc-id-input-gr-title { font-weight: 600; font-size: 1rem; margin-bottom: 0.5rem; } .calc-id-price-pds { font-size: 0.8rem; color: #989898; margin-top: 0.5rem; display: inline-block; } .calc-id-price-title { font-size: 0.8rem; margin-bottom: 0.2rem; } .hide { display: none; } .show { display: block; } .btn-calc-id-show { cursor: pointer; margin: 12px 0 12px 0; border-bottom: 1px dashed; font-size: 0.9rem; } @media (max-width: 1400px) { .calc-item-detail input { font-size: 1rem; } } @media (max-width: 1600px) and (min-width: 1280px) { .number-cuts input.input-size { max-width: 105px; } } @media (max-width: 1280px) and (min-width: 900px) { .calc-item-detail { flex-direction: column; } .number-cuts input.input-size { max-width: none; min-width: 105px; width: 100%; } .calc-id-input-size { min-width: 50%; } .number-calc-cuts { width: 90%; } } @media (max-width: 600px) { .number-cuts input.input-size { max-width: none; min-width: 105px; width: 100%; } .calc-item-detail { flex-direction: column; } .calc-id-input-size { min-width: 50%; } .number-calc-cuts { width: 94%; } .calc-id-input-size-wrap { gap: 0.8rem; } .calc-item-detail input { font-size: 1.2rem; } } .txt-block a, a.cl-or { color: #fda836; border-bottom: 1px dashed #fda836; } .regions-list-content { display: flex; max-height: 330px; width: 100%; overflow: hidden; } .regions-list-box { width: 100%; } .regions-list-content a { display: block; color: #282828; border-bottom: 1px dashed; max-width: max-content; font-size: 1.05rem; margin: 10px 0; } .regions-list-content a:hover { border-color: transparent; } .regions-list-content .title-list { font-weight: 700; font-size: 1.2rem; color: #282828; } .regions-list-title { font-weight: 700; font-size: 1.3rem; margin-bottom: 20px; color: #282828; } @media (max-width: 599px) { .regions-list-content { flex-wrap: wrap; gap: 10px; } .regions-list-box { max-width: calc(50% - 5px); } } .scroll-cust { scrollbar-width: thin; scrollbar-color: #ffc345 transparent; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } .scroll-cust:hover{ overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; } .scroll-cust::-webkit-scrollbar{ width: 14px; opacity: 0.2; } .scroll-cust::-webkit-scrollbar-track { padding-right: 10px; background: #f4f2f2; /*background: rgba(0,0,0,0.2);*/ border-radius: 10px; overflow: auto; opacity: 0.2; } .scroll-cust::-webkit-scrollbar-thumb { background-color: #ffc345; /* background-image: linear-gradient(to top, #fe990a, #ffd26a);*/ border-radius: 20px; /* border: 3px solid rgba(0,0,0,0.2);*/ border: 3px solid #f4f2f2; } .sale-click-block { margin-top: 6rem; } .sale__c { display: flex; gap: 2.5rem; position: relative; } .sale-click-block-img { width: 50%; min-width: 50%; /*width: 50vw; height: 600px; background: url("/bitrix/templates/nsb/assets/css/../img/sale-block.jpg") no-repeat right center;*/ } .sale-click-block-img img { float: right; width: auto; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .sale-click-block-info { width: 100%; } .sale-click-block-content { margin-top: 2rem; position: relative; } .sale-click-block-word-list { max-height: 430px; display: flex; flex-wrap: wrap; column-gap: 1rem; row-gap: 1.5rem; } .scb-word { width: calc(25% - 1rem); } .scb-word a { color: #282728; display: block; padding: 0.6rem 1rem; border-radius: 22.5px; line-height: 1.2; background-color: #f4f2f2; text-align: center; /*border-bottom: 1px dashed; max-width: max-content;*/ } .scb-word a:hover { background-color: #fbcb65; } .title-pds { margin-top: 1rem; } .no-win { display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; background: #fbcb65; text-align: center; padding: 1rem 2rem; width: max-content; border-radius: 100px; box-shadow: 0 0 16px 4px #fbcb65; font-size: 1.2rem; font-weight: 400; } @media (max-width: 1650px) { .sale-click-block-img img{ height: 570px; } } @media (max-width: 1380px) { .sale-click-block-img img{ height: 550px; } } @media (max-width: 1000px) { .sale-click-block-word-list { max-height: 250px; } .sale-click-block-img img{ height: 340px; } } @media (max-width: 900px) { .sale__c { flex-direction: column-reverse; } .sale-click-block-img { width: 100%; min-width: 100%; } .sale-click-block-img img { height: auto; } } @media (max-width: 770px) { .sale-click-block { margin-top: 3rem; } } @media (max-width: 550px) { .sale-click-block-img img{ height: 350px; } .scb-word { width: calc(33.333333% - 1rem); } } @media (max-width: 400px) { .sale-click-block-img img{ height: 350px; } .scb-word { width: calc(50% - 1rem); } } .sale-banner-word .sale-banner-content{ background: url("/bitrix/templates/nsb/assets/css/../img/sale-banner-s.jpg") no-repeat center; background-size: cover; position: relative; height: 34.25rem; } .sale-banner-word .sidebar-test__item-q { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 0.9rem 2.2rem; width: max-content; background: #282728; border-radius: 0 0 20px 20px; line-height: 1; color: #fff; } .sale-banner-word .sidebar-test__item-title { color: #282728; font-weight: 500; font-size: 1.4rem; } .sidebar-test__item-btn { } .prj-item__plan + .prj-item__detail-text-section { margin-top: -10px; } .prj-item__detail-text-section { margin-bottom: 50px; line-height: 1.5; } .search-article-wrap { text-align: center; } .search-article { padding: 10px 0px 10px 0px; display: flex; justify-content: center; align-items: center; gap: 10px; } .search-article-result { padding-top: 30px; } .search-article-txt { width: 100%; max-width: 290px; background: #f5f5f7; border: 2px solid #eee; border-radius: 12px; font-size: 20px; padding: 5px 10px; line-height: 1.6; font-weight: 600; color: #000; height: 60px; } .search-article-btn { font-size: 16px; background: #282728; color: #fff; height: 60px; border-radius: 12px; padding: 15px 25px; cursor: pointer; } .search-article-wrap .catalog-section a { font-size: 18px; display: inline-block; margin: 5px 0; } .popup-form { display: none; } #popup-region-list.popup-form { border-radius: 20px; } .region-list { columns: 5; column-gap: 30px; } .region-list a { display: block; line-height: 1.2; margin-bottom: 15px; color: #282828; } .popup-modal .region-list a { margin-bottom: 10px; } .callbackkiller.cbk-window .cbk-button { background: rgba(254, 173, 38, 1) !important; } .callbackkiller.cbk-window * { line-height: 23px !important; } .callbackkiller.cbk-window .cbk-form .cbk-input, .callbackkiller.cbk-window .cbk-form .cbk-input:focus, .callbackkiller.cbk-window .cbk-form .cbk-input:hover { padding: 15px 14px !important; font-size: 18px !important; } .callbackkiller .cbk-copyright.cbk-copyright-callbackkiller, .cbk-window.cbk-window-onexit .cbk-copyright.cbk-copyright-callbackkiller, .callbackkiller.cbk-window a.cbk-copyright-callbackkiller, .callbackkiller.cbk-window a.cbk-copyright-callbackkiller img { display: none !important; height: 0px !important; padding: 0 !important; } .analog-section { margin-bottom: 30px; } .cat-tags-wrap { display: flex; flex-wrap: wrap; gap: 10px; } .dc-tags-item a { padding-left: 1rem; padding-right: 1rem; height: 2.5rem; border-radius: 22.5px; font-size: 0.813rem; letter-spacing: 0.33px; text-align: center; display: flex; justify-content: center; align-items: center; color: #282828; background:#f4f2f2; transition: 0.075s; font-weight: 400; } .dc-tags-item a:hover{ color: rgb(40, 40, 40); background-color: rgb(251, 203, 101); font-weight: 500; } .prj-item__plan._plan-tab + .analog-section { margin-top: -20px; } .cookie-consent { position: fixed; bottom: 15px; left: 20px; /*transform: translate(-50%, 0);*/ z-index: 999999; background: rgb(255 255 255 / 90%); font-size: 11px; width: 240px; max-width: 100%; border-radius: 8px; line-height: 1.4; padding: 12px; box-shadow: 0 0 10px #0000000f; } .cookie-consent a{ color: inherit; text-decoration: underline; } .cookie-consent button { display: block; outline: none; border: 1px solid #e2e2e2; border-radius: 4px; background: #ffffff; padding: 4px 30px; font-size: 10px; margin-top: 8px; text-transform: uppercase; font-weight: 700; } .price-delivery { font-size: 0.90rem; margin: 12px 0 12px 0; font-weight: 300; /*color: #fda331;*/ } .color-block { width: 100%; margin-bottom: 50px; } .color-block:last-child { margin-bottom: 0; } .color-block-img-wrap { display: flex; flex-wrap: wrap; gap: 20px; background: #f4f2f2; border-radius: 20px; padding: 40px 25px; margin: 20px 0 0px; position: relative; } .color-block-img-txt-block { position: absolute; top: 0; right: 0; background: #282728; color: #ffffff; padding: 7px 30px 10px; border-radius: 0 20px 0 20px; } .color-block-itbt { font-size: 0.75rem; } .color-block-itbt a { } .pd-color-col { background: #fff; border-radius: 10px; border: 5px solid #fff; overflow: hidden; line-height: 0; } .komplect-magkaya-cher img { height: 110px; } .color-block-title { font-size: 1.76rem; font-weight: 700; margin: 0px 0 10px; } .color-block-txt { margin: 10px 0 20px; line-height: 1.7; } .product-detail-slider-wrap { position: relative; } .video-btn-wrap { position: absolute; top: 20px; right: 20px; z-index: 5; } .video-btn-wrap .video-btn { display: inline-block; padding: 7px 20px; border-radius: 50px; background: #fff; color: #282728; font-size: 1rem; font-weight: 500; } .prj-item__main-photo--min.prj-item__main-video--min { position: relative; } .prj-item__main-photo--min.prj-item__main-video--min > img{ filter: blur(1px) brightness(0.6); } .pr__video-play { z-index: 5; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 5.5rem; min-width: 5.5rem; height: 5.5em; padding: 0.6rem 0.6rem 0.6rem 0.6rem; background-color: rgba(255, 204, 93, 0.35); border-radius: 50%; margin-right: auto; margin-left: auto; display: block; cursor: pointer; animation: pulse2 2s infinite; } .pr__video-play.no-anim { animation:none; background-color:transparent; } .pr__video-inner { height: 100%; width: 100%; border-radius: 50%; border-radius: 50%; overflow: hidden; position: relative; } .pr__video-inner::after { /*background-image: linear-gradient( to bottom, rgba(185, 121, 19, 0.5), rgba(185, 121, 19, 0.5) ), linear-gradient(to top, #282728, #282728);*/ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*opacity: 0.75;*/ background: #ffd26a; } .pr__video-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; content: ""; position: absolute; top: 50%; left: calc(50% + 1rem / 9); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 15.2 17' style='enable-background:new 0 0 15.2 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M2.7,0.4C1.2-0.5,0,0.3,0,2v13c0,1.8,1.2,2.5,2.8,1.6l11.3-6.5c1.5-0.9,1.5-2.3,0-3.2L2.7,0.4z'/%3E%3C/g%3E%3C/svg%3E"); } .pr__video-inner > img { height: 100%; width: 100%; object-fit: cover; filter: blur(1px); } .video-product-slide video { border-radius: 20px; overflow: hidden; line-height: 0; width: 100%; height: auto; object-fit: cover; } .slick-slide video { pointer-events: auto; } .tmb-sl-video-product-slide.slick-active { display: flex; } .tmb-sl-video-product-slide video{ border-radius: 20px; overflow: hidden; line-height: 0; width: 100%; height: auto; object-fit: cover; } .sketchfab-section { display: flex; flex-wrap: wrap; gap: 30px; } .sketchfab-item { width: calc(100% / 2 - (30px / 1)); height: 100%; aspect-ratio: 16 / 9; background: #f5f5f7; border-radius: 20px; overflow: hidden; } .sketchfab-item iframe{ width: 100%; height: 100%; } .viewer-container { width: 100%; max-width: 1400px; aspect-ratio: 16 / 9; margin: 0 auto 30px auto; background-color: #f7f7f7; background-image: url("/bitrix/templates/nsb/assets/css/../img/3d-pattern.png"); /*background-size: cover;*/ border-radius: 20px; background-position: left center; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); border: 5px solid #fff; position: relative; overflow: hidden; } .item-3d { width: 100%; height: 100%; border-radius: 20px; overflow: hidden; } .viewer-container.fullscreen { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 9999 !important; max-width: none !important; border-radius: 0; border: none; padding: 0; } .viewer-container.fullscreen .item-3d{ border-radius: 0; } .viewer-container.fullscreen canvas { width: 100vw !important; height: 100vh !important; } .fullscreen-overlay { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; height: 100dvh !important; z-index: 9999 !important; border-radius: 0 !important; border: none !important; padding: 0 !important; margin: 0 !important; max-width: none !important; backdrop-filter: none !important; box-shadow: none !important; } .fullscreen-overlay .item-3d { border-radius: 0; } .fullscreen-overlay canvas { width: 100vw !important; height: 100vh !important; height: 100dvh !important; display: block !important; } body > .viewer-container.slick-slide { display: block; } .fullscreen-button { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.7); border: none; border-radius: 6px; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 20; transition: all 0.3s ease; color: white; font-size: 16px; } .fullscreen-button:hover { background: rgba(0, 0, 0, 0.9); transform: scale(1.1); } .fullscreen-button.exit { background: rgba(0, 0, 0, 0.9); } .fullscreen-button.exit:hover { background: rgba(0, 0, 0, 0.9); } .loading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2.4rem; color: #fff; text-align: center; z-index: 100; } .loading-spinner { width: 50px; height: 50px; border: 3px solid rgba(255,255,255,0.3); border-top: 3px solid white; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px auto; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: #fec64f; border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 10; transition: all 0.3s ease; } .play-button:hover { background: #fec64f; transform: translate(-50%, -50%) scale(1.1); } .play-button::after { content: ''; width: 0; height: 0; border-left: 20px solid white; border-top: 15px solid transparent; border-bottom: 15px solid transparent; margin-left: 5px; } .play-button.loading::after { border: 3px solid rgba(255, 255, 255, 0.3); border-top: 3px solid white; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin-left: 0; } .viewer-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .viewer-placeholder p{ position: absolute; top: calc(50% + 65px); left: 50%; transform: translate(-50%, -50%); z-index: 99; text-align: center; } .viewer-placeholder.with-poster { border: none; color: white; background-size: cover; background-position: center; } .viewer-placeholder.with-poster::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.2); background-image: url("/bitrix/templates/nsb/assets/css/../img/bush8-l.webp"); background-repeat: no-repeat; background-position:left center; background-size: auto 125%; } .viewer-placeholder.with-poster::after { content: ''; position: absolute; top: auto; left: auto; right: 0; bottom: 0; background-image: url("/bitrix/templates/nsb/assets/css/../img/bush12.png"); background-repeat: no-repeat; background-position:right bottom; background-size:cover; width: 167px; height: 145px; } .controls { position: absolute; top: 20px; left: 20px; background: rgba(0,0,0,0.7); color: white; padding: 15px; border-radius: 10px; font-size: 12px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1); } .controls::after { content: "ЛКМ: поворот\A ПКМ: панорама\A Колесо: масштаб\A"; white-space: pre-line; } .project-3d-models__title{ font-size: 3.438rem; font-weight: normal; line-height: 1.18; } .project-3d-models__desk { font-size: 1.5rem; margin-top: 2rem; } .project-3d-models { display: flex; } .project-3d-models-items { width: 75%; display: flex; gap: 2rem; padding-top: 15px; padding-left: 3rem; } .project-3d-models__text { width: 25%; color: #282828; padding-right: 2rem; position: relative; z-index: 99; background: #fff; } .project-3d-models__text > div{ position: relative; z-index: 99; } .project-3d-models__text::before { content: ''; position: absolute; right: 100%; top: 0; width: 100vw; height: 100%; background: #fff; z-index: 9; } .project-3d-models-items .viewer-container { width: 1000px; margin-right: 2rem; } .project-3d-models-items-slider .slick-list { overflow: unset; } .project-3d-models-desk__txt-arr { display: flex; gap: 2rem; margin-top: 3rem; } .project-3d-models-desk__arr-slider-wrap { padding-top: 20px; } .project-3d-models-desk__tl { max-width: 50%; background-color:#282728; color: #fff; font-size: 0.9rem; border-radius: 15px; padding: 20px 20px; background-image: url("/bitrix/templates/nsb/assets/css/../img/content/m2_sm.webp"); background-repeat: no-repeat; background-position: calc(100% + 7px) calc(100% - 0px); } .project-3d-models-desk__tl span { color: #feae28; font-size: 3.3rem; } .project-3d-models-desk__arr-txt { font-size: 1rem; text-align: center; width: 100%; color: #bbbbbb; margin-bottom: 1rem; } .project-3d-models-desk__arr-slider { display: flex; gap: 1.6rem; } .project-3d-models-desk__arr-slider .slider-arrow { width: 72px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; opacity: 1; } .project-3d-models-desk__arr-slider .slider-arrow.slider-arrow__next { background-color: #feae28; } .slider-arrow__prev.big-arr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.012295246124268 21.999786376953125 15.999992370605469'%3E%3Cg%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%23282728' opacity='1' data-original='%23282728' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); background-size: 33px 25px; background-position: center; } .slider-arrow__next.big-arr { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='1 4.012295246124268 21.999786376953125 15.999992370605469'%3E%3Cg%3E%3Cpath d='m22.707 11.293-7-7a1 1 0 0 0-1.414 1.414L19.586 11H2a1 1 0 0 0 0 2h17.586l-5.293 5.293a1 1 0 1 0 1.414 1.414l7-7a1 1 0 0 0 0-1.414z' fill='%23ffffff' opacity='1' data-original='%23ffffff' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"); transform: scaleY(-1); background-size: 33px 25px; background-position: center; } body.fullscreen-3d { overflow: hidden !important; } .project-3d-models-section-prod-detail{ padding: 0px 0 20px; } @media (max-width: 1700px) { .project-3d-models-items .viewer-container { width: 55vw; } } @media (max-width: 1550px) { .project-3d-models__title { font-size: 3rem; } .project-3d-models__desk { font-size: 1.3rem; } .project-3d-models-desk__tl { font-size: 1.2rem; max-width: 60%; } .project-3d-models-desk__arr-slider .slider-arrow { width: 58px; height: 58px; } .project-3d-models-desk__arr-txt { font-size: 1.1rem; } .slider-arrow.slider-arrow-3d.big-arr { background-size: 23px 20px; } .project-3d-models-desk__txt-arr { gap: 10px; } } @media (max-width: 1400px) { .project-3d-models-desk__arr-slider .slider-arrow { width: 48px; height: 48px; } .slider-arrow.slider-arrow-3d.big-arr { background-size: 20px 18px; } .project-3d-models-desk__tl { background-position: calc(100% + 23px) calc(100% - 0px); } .project-3d-models__text { padding-top: 30px; } } @media (max-width: 1200px) { .komplect-magkaya-cher img { height: 80px; } .pd-color-col img { height: 80px; } .project-3d-models { flex-direction: column; } .project-3d-models__text { width: 100%; padding-top: 0px; display: flex; justify-content: space-between; align-items: center; padding-right: 0; padding-bottom: 20px; gap: 20px; } .project-3d-models__desk { display: flex; margin-top: 1.5rem; } .project-3d-models-desk__txt-arr { margin-top: 0; } .project-3d-models-desk__txt-arr { display: flex; justify-content: flex-end; } .project-3d-models-desk__arr-slider-wrap { padding-top: 12px; } .project-3d-models-desk__tl { padding-top: 12px; } .project-3d-models__title br { display: none; } .project-3d-models-items { padding-left: 0; width: 100%; } } @media (max-width: 992px) { .sketchfab-item { width: 100%; } } @media (max-width: 900px) { .viewer-container .controls { display: none; } .project-3d-models-items .viewer-container { width: calc(100vw - 8rem); } } @media (max-width: 700px) { .project-3d-models__title { font-size: 2.5rem; } .project-3d-models-items .viewer-container { width: calc(100vw - 30px); } } @media (max-width: 575px) { .pr__video-play { width: 4rem; min-width: 4rem; height: 4em; } .pr__video-inner::before { z-index: 3; height: 1.063rem; width: 1.063rem; } .project-3d-models__text { flex-direction: column; } .project-3d-models-desk__arr-slider-wrap { padding-top: 0; } .project-3d-models-desk__txt-arr { justify-content: space-between; align-items: center; } .viewer-placeholder.with-poster::after { width: 94px; height: 80px; } .viewer-placeholder.with-poster::before { background-size: auto 105%; } } @media (max-width: 439px) { html { font-size: 12px; } .offer-card__description-item span:not(.text-strong){ font-size: 1.1rem; } .offer-card__btn .p, .offer-card__btn p, .prj-card .offer-card__btn .p, .prj-card .offer-card__btn p { font-size: 0.8rem; } .prj-card .offer-card__title { font-size: 1.2rem; margin-top: 1.3rem; } .offer-card__prices-title, .prj-card .offer-card__prices-title { font-size: 1.1rem; } .offer-card__btn .btn, .prj-card .offer-card__btn .btn { width: 15rem; min-width: 15rem; height: 4.125rem; font-size: 0.8rem; } .offer-card__prices { padding: 1rem 0 1rem; min-height: 5.2rem; } .price-new { font-size: 1.5rem; } .projects-first__bullets { row-gap: 1.2rem; column-gap: 1rem; } .lp-first__bullets li { max-width: calc(50% - 1rem / 2); } .projects-first__bullets li { font-size: 1rem; } .offer-card__description-item { font-size: 1.1rem; } .footer-logo__description { max-width: 18rem; font-size: 1rem; margin-top: 0; margin-left: 1rem; } .footer-navigations__link, .footer-navigations__advantages, .footer-navigations nav a { font-size: 1.1rem; } .footer-title { padding-bottom: 0.4rem; } .footer-information__description { font-size: 1rem; } .projects-sec__filters-block-item span:not(.projects-sec__filters-block-item-fl) { font-size: 1.1rem; } .bx-filter .bx-filter-input-container input { font-size: 1.1rem !important; } .projects-sec__filters-block-title { font-size: 1.2rem; } .breadcumbs { font-size: 0.8rem; } .projects-first__title h1 { font-size: 2.0rem; } .breadcumbs .breadcumbs__item:nth-child(4){ display: none; } .btn-link-txt { letter-spacing: 0px; } .btn-link-txt { font-size: 0.8rem; white-space: nowrap; } .prj-item__main-cost { column-gap: 1rem; } .prj-item__features { font-size: 1rem; } .offer-card__title { font-size: 1.5rem; } .prj-item__main-info__form-title { font-size: 1.2rem; } .prj-item__main-info__form-group .form__input { font-size: 1.2rem; } .header-contacts__contacts-tel { font-size: 1.5rem; } .header-contacts__contacts-btn { font-size: 0.8rem; } .nav__item { padding-bottom: 1.1rem; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__sub-menu--level-2 .nav__item a { font-size: 1.3rem; } .nav__item--extra-menu .nav__sub-menu--level-1 .nav__item a { font-size: 1.3rem; } .first-screen__title { font-size: 2.2rem; padding-top: 3rem; padding-bottom: 0.2rem; } .first-screen__subtitle { margin-right: 0; font-size: 1.7rem; line-height: 1.4; } .first-screen__progress-pos { font-size: 1rem; } .first-screen__progress__hint-title { font-size: 1rem; } .first-screen__progress__hint-text { font-size: 0.9rem; } .advantages__item { padding-left: 2.5rem; } .advantages__item-title--min, .advantages__item-title { font-size: 1.7rem; } .advantages__item-list { font-size: 1rem; line-height: 1.6rem; } .advantages__item-list li { margin-bottom: 0.15rem; } .section-title { font-size: 2rem; } .card-house-title { font-size: 4rem; margin-bottom: -2rem; } .card-house-title { font-size: 2.6rem; margin-bottom: 1.2rem; margin-top: 1.2rem; line-height: 1.2; } .card-house__calc-btn { font-size: 0.8rem; width: 16rem; height: 3.2rem; } .card-house__calc-link, .card-house__prj-link { font-size: 0.8rem; text-shadow: 0 0 10px rgba(40, 39, 40, 0.9); } .card-house__header-title--lg { font-size: 1.5rem; } .card-house__header { align-items: center; } .card-house__header-title { font-size: 1.7rem; } .card-house__body--cost-min { font-size: 1.7rem; } .card-house__header-label { font-size: 0.79rem; } .idea__title { font-size: 1.8rem; } .idea__manager__img { right: -40px; width: 262px; } .idea__manager { margin-top: -3rem; height: 460px; } .idea__person { left: -10px; transform: none; top: 8rem; } .idea__sign { bottom: 182px; left: -10px; } .photo__title { font-size: 2.2rem; } .photo__desc { font-size: 1.3rem; } .photo__links { margin-top: 8px; margin-bottom: 10px; } .favour .section-title { font-size: 2rem; } .first-screen__progress__hint { top: -7rem; } .first-screen__progress { margin-top: 11rem; } .card-house { margin-bottom: 1.7rem !important; } .hit-home { padding-top: 5rem; } .advantages { padding-top: 4rem; padding-bottom: 1rem; } .prj-item__like { padding-top: 4rem; } .product-like-wrap { margin-top: 2.6rem; } main { margin-bottom: 3rem; } .cookie-consent { /*width: 320px;*/ left: 15px; } .viewer-container .play-button { width: 60px; height: 60px; } .viewer-container .play-button::after { border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } } @media (max-width: 420px) { .color-block-img-wrap { gap: 15px; } .komplect-magkaya-cher img, .pd-color-col img { height: auto; width: 100%; } .pd-color-col { width: calc((100% / 3) - (20px / 2)); } .color-block { margin-bottom: 35px; } .color-block-img-txt-block { padding: 7px 20px 10px; } } /* End */ /* /bitrix/templates/nsb/components/bitrix/catalog.section.list/top_menu_catalog/style.min.css?16612008746236 */ /* /bitrix/templates/nsb/components/bitrix/news.list/regions/style.css?1612685171150 */ /* /bitrix/templates/nsb/assets/css/animate.css?164275276080962 */ /* /bitrix/templates/nsb/assets/css/slick.css?16427527601668 */ /* /bitrix/templates/nsb/assets/css/user-ui.css?16497704537362 */ /* /bitrix/templates/nsb/assets/css/fancybox.css?164987449415512 */ /* /bitrix/templates/nsb/assets/css/style.css?1750764419360545 */