@font-face {
  font-family: 'SF Pro Display';
  src: url(fonts/'SFProDisplay-Medium.eot');
  src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
    url('fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/SFProDisplay-Medium.woff2') format('woff2'),
    url('fonts/SFProDisplay-Medium.woff') format('woff'),
    url('fonts/SFProDisplay-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('fonts/SFProDisplay-Regular.eot');
  src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
    url('fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
    url('fonts/SFProDisplay-Regular.woff') format('woff'),
    url('fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('fonts/SFProDisplay-Regular.eot');
  src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
    url('fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/SFProDisplay-Regular.woff2') format('woff2'),
    url('fonts/SFProDisplay-Regular.woff') format('woff'),
    url('fonts/SFProDisplay-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'SF Pro Display';
  src: url('fonts/SFProDisplay-Light.eot');
  src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
    url('fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
    url('fonts/SFProDisplay-Light.woff2') format('woff2'),
    url('fonts/SFProDisplay-Light.woff') format('woff'),
    url('fonts/SFProDisplay-Light.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
* { margin: 0px; padding: 0px; border: 0;}
*,*::before, *::after {box-sizing: border-box;}
table {border-collapse: collapse; border-spacing: 0;}
html,body {height: 100%;}
a > img {border: none;}
input, button, textarea, select, a, img {outline: none;}
body {width: 100%; color: #151617; background-color: #F4F6F9; font-family: 'SF Pro Display'; font-weight: 200; font-size: 20px; overflow-x: hidden; min-width: 320px;}
.wrap {min-height: 100%;}
#main {padding-bottom: 260px;}
footer {min-height: 260px; margin-top: -260px; position: relative; background-color: #151617; padding: 80px 0 40px; z-index: 2; border-radius: 56px 56px 0 0;}
.inline {width: 100%; position: relative; display: inline-block;}
.align_center {position: relative; width: 100%;}
.align_center:after {content: ''; display: block; clear: both;}
.align_center_to_left {position: relative; right: 50%; float: right;}
.align_center_to_right {position: relative; z-index: 1; right: -50%;}
.tbl {display: table; width: 100%;}
.tbl > div {display: table-cell;}
.clearfix:after {content: ''; display: table; clear: both;}
.flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} 
.flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;}
.bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;}
.bg > img, .bg #map {position: absolute; top: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; font-family: 'object-fit: cover;';}
.ratio-inner {position: relative; height: 0; border: none;} 
.ratio-content {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.ratio-1-1 {padding-top: 100%;}
.ratio-2-3 {padding-top: 64%;}
.ratio-3-2 {padding-top: 140%;}
.flex2, .flex3 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.flex2 > div, .flex3 > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex2 > div:first-child, .flex3 > div:last-child {height: auto; align-self: stretch;}
.flex2 > div:last-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end;}
.flex3 > div:first-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stickySide {position: sticky; top: 20px; min-height: 32px; margin: 0 0 0px;} 
.marginTop-80 {margin-top: 80px;}
.marginTop-88 {margin-top: 88px;}
.marginTop-100 {margin-top: 100px;}
.marginTop-24 {margin-top: 24px;}
.marginTop-16 {margin-top: 16px;}
.marginTop-8 {margin-top: 8px;}
.marginTop-32 {margin-top: 32px;}
.marginTop-40 {margin-top: 40px;}
.marginTop-48 {margin-top: 48px;}
.marginTop-56 {margin-top: 56px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-120 {margin-top: 120px;}

.centered {width: 1660px; margin: 0 auto; position: relative;}
#mpBlock1 {width: 100%; height: auto; border-radius: 0 0 56px 56px; background-color: #fff; overflow: hidden; position: relative;}
#top {position: relative; z-index: 3;}
#top .centered {width: calc(1660px + 40px); margin-left: -20px; margin: 0 auto; padding: 10px 0px;}
#topBody {background-color: #F4F6F9; border-radius: 8px; padding: 14px 20px;}
#topBody > div {align-items: center;}
#topBody > div:first-child {width: 33.7%}
#topBody > div:first-child img {display: block; height: 60px; width: auto;}
#topBody > div:nth-child(2) {width: calc(100% - (33.7% + 360px));}
#topBody > div:last-child {width: 360px;}
#topBody > div:last-child > div {width: 100%;}
.button {height: 56px; float: left; border-radius: 8px; border: 1px solid #13368F; cursor: pointer; font-family: 'SF Pro Display'; font-weight: normal; padding: 0 20px; color: #13368F; text-decoration: none; background-color: transparent; transition: all 0.1s linear; font-size: 20px; margin-right: 20px;}
.button:last-child {margin-right: 0px;} 
.button:hover {transition: all 0.1s linear; color: #1744B5; border-color: #E6EAEF; background-color: #E6EAEF;}
.stroke {stroke: #13368F; transition: all 0.1s linear;}
.button > div {height: 100%; align-items: center;}
#topBody .button {height: 48px; font-size: 18px; float: right; margin-left: 20px;}
.button--primary {background-color: #13368F; color: #fff;}
.button--primary:hover {transition: all 0.1s linear; background-color: #1744B5; border-color: #1744B5; color: #fff;}
.button:hover .stroke {stroke: #1744B5; transition: all 0.1s linear;}
.button--icon {padding: 0px 0px; width: 56px;}
.button--icon > div {justify-content: center; width: 100%;}
.button--icon svg {display: block; width: 24px; height: 24px;}
#topBody .button--icon {width: 48px; margin-right: 0px;}
#topBody > div:nth-child(2) ul {display: block; list-style: none;}
#topBody > div:nth-child(2) ul li {float: left; margin-right: 32px;}
#topBody > div:nth-child(2) ul li a, #topBody > div:nth-child(2) ul li a:visited {color: #151617; font-size: 20px; line-height: 32px; text-decoration: none; transition: all 0.1s linear; font-weight: normal;}
#topBody > div:nth-child(2) ul li a:hover {color: #1744B5; transition: all 0.1s linear;}
#mpBlock1Body {width: 100%; z-index: 3; position: relative;}
#mpBlock1BodyFlex {min-height: calc(100vh - 108px); padding: 120px 0 80px;}
#mpBlock1BodyFlex > div {align-items: flex-end; padding-left: 33.7%; width: 100%;}
.txt h1 {font-size: 56px; line-height: 1; font-weight: 500;}
.txt h1 span {color: #13368F;}
#mpBlock1BodyFlexInfo {margin-top: 100px; padding-top: 40px; border-top: 1px solid #C4C4C4;}
.txt p {line-height: 1.3; margin-top: 24px;}
.txt p:first-child {margin-top: 0px;}
#mpBlock1BodyFlexInfo .txt {width: 60%;}
#mpBlock1Bg {position: absolute; top: 0px; left: 0px; width: 36%; height: 100%; background-color: #fff; z-index: 1;}
.mpBlock1BgEl {opacity: 0; z-index: 1; display: block;}
.mpBlock1BgEl--active {z-index: 2; opacity: 0.85;}
#mpBlock1Bg .bg:before {content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 3; opacity: 0.3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMTMzNjhmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzEzMzY4ZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: linear-gradient(45deg,  rgba(19,54,143,1) 0%,rgba(19,54,143,0) 100%);
}
#mpBlock1Bg {-webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjcwIiBoZWlnaHQ9IjgzNSIgdmlld0JveD0iMCAwIDY3MCA4MzUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjg1LjAzOSAwQzE1MC44ODYgNzguMzAxOCA2MC43NDU0IDIyMy43ODUgNjAuNzQ1NCAzOTAuMzIzQzYwLjc0NTQgNjEyLjY3NiAyMjEuNDM0IDc5Ny40OTggNDMzLjAyMSA4MzVIMFYwSDI4NS4wMzlaTTE1Mi41NjUgMTI5Ljc0NEwyODguNjUgMjMyLjIwMUMyNTcuMDIxIDI3Ni44NyAyMzguNDM0IDMzMS40MjYgMjM4LjQzNCAzOTAuMzIzQzIzOC40MzQgNTM5LjEzOCAzNTcuMDk4IDY2MC4yMzggNTA0Ljk2NyA2NjQuMTYxVjgzNC40ODRDMjYzLjA0NSA4MzAuNTMgNjguMTQ5MSA2MzMuMTg3IDY4LjE0OTEgMzkwLjMyM0M2OC4xNDkxIDI5Mi45NzUgOTkuNDYyMSAyMDIuOTQyIDE1Mi41NjUgMTI5Ljc0NFpNNTA1LjMzNyA1ODIuNjkzVjY1Ni43NjVDMzYxLjM4NiA2NTMuMDM2IDI0NS44MzggNTM1LjE3MyAyNDUuODM4IDM5MC4zMjNDMjQ1LjgzOCAyNDMuMTIxIDM2NS4xNjggMTIzLjc5IDUxMi4zNyAxMjMuNzlDNTcxLjE3MyAxMjMuNzkgNjI1LjUyOCAxNDIuODMyIDY2OS42MDUgMTc1LjA4N0w2MjQuNDYzIDIzMy44MTNDNTkyLjg5NCAyMTEuMTYyIDU1NC4xODkgMTk3LjgyNyA1MTIuMzcgMTk3LjgyN0M0MDYuMDU4IDE5Ny44MjcgMzE5Ljg3NCAyODQuMDEgMzE5Ljg3NCAzOTAuMzIzQzMxOS44NzQgNDk0LjI4MSA0MDIuMjgyIDU3OC45OTEgNTA1LjMzNyA1ODIuNjkzWk00MDMuNjY4IDQ5Ny4wMTRDMzc2LjcgNDY5LjUzNiAzNjAuMDY4IDQzMS44NzcgMzYwLjA2OCAzOTAuMzMzQzM2MC4wNjggMzA2LjM0IDQyOC4wNTUgMjM4LjIyNiA1MTIgMjM4LjAyMVYyMDMuNzVDNDA5LjEyOCAyMDMuOTU2IDMyNS43OTcgMjg3LjQxMyAzMjUuNzk3IDM5MC4zMzNDMzI1Ljc5NyA0NDEuNzcyIDM0Ni42MTMgNDg4LjM0OSAzODAuMjggNTIyLjEwMUw0MDMuNjY4IDQ5Ny4wMTRaTTM4Ni4xOSAzNjAuNzc2TDM2OS43NzYgMzU2LjE3NUMzNjcuMTYxIDM2Ny4xMzIgMzY1Ljc3NyAzNzguNTY2IDM2NS43NzcgMzkwLjMyM0MzNjUuNzc3IDQ1NC41MDQgNDA3LjAyMiA1MDkuMDUxIDQ2NC40NTMgNTI4LjkwNUw0NjkuMzgzIDUxMi41ODZDNDE4Ljk1NSA0OTQuODU2IDM4Mi44MDYgNDQ2LjgxMSAzODIuODA2IDM5MC4zMjNDMzgyLjgwNiAzODAuMTU4IDM4My45NzYgMzcwLjI2NyAzODYuMTkgMzYwLjc3NloiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo="); -webkit-mask-repeat: no-repeat; -webkit-mask-size: cover; -webkit-mask-clip: border-box; -webkit-mask-position: 100% 100%;}
.block {width: 100%; position: relative; z-index: 2}
.block:last-child {margin-bottom: 180px;}
.columns > div {align-items: flex-start;}
.columns-2-33 > div:first-child {width: 33.7%; padding-right: 8%;}
.columns-2-33 > div:last-child {width: 66.3%;}
.columns-2-33 > div > div {width: 100%;}
.txt h2 {font-size: 40px; line-height: 1; font-weight: 500; margin-bottom: 40px;}
.txt h2:last-child {margin-bottom: 0px;}
.shield {font-size: 15px; line-height: 1; color: #8D8D8D; text-transform: uppercase;}
#thesis {position: relative; width: 100%;}
.thesisEl {width: 80%; position: absolute; opacity: 0; bottom: 0px; left: 0px; /*opacity: 0; visibility: hidden; display: none; transition: all 0.1s linear;*/z-index: 1;}
.thesisEl--active {/*opacity: 1 !important; visibility: visible !important; display: block; transition: all 0.1s linear;*/ z-index: 3;}
.thesisEl > p:first-child {font-size: 64px; line-height: 1; color: #13368F; font-weight: normal;}
.thesisEl > p:last-child {line-height: 1.1; margin-top: 8px;}
#thesis {position: relative;}
#advantages > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#advantages > div:nth-child(3n+1) {margin-left: 0px;}
#advantages > div:nth-child(-n+3) {margin-top: 0px;}
.advantagesEl {width: 100%; height: 100%; background-color: #fff; border-radius: 8px; padding: 32px;}
.advantagesEl img {display: block; width: 56px; height: 56px; background-color: #ECEFF3; border-radius: 8px;}
.advantagesEl div {padding-top: 24px; margin-top: 24px; border-top: 1px solid #C4C4C4;}
.advantagesEl div p {font-size: 22px; font-weight: normal;}
.advantagesButton {width: 100%; height: 100%; background-color: #ECEFF3; text-decoration: none; border-radius: 8px; transition: all 0.1s linear;}
.advantagesButton:hover {background-color: #E6EAEF; transition: all 0.1s linear;}
.advantagesButton > div {width: 100%; height: 100%; align-items: center; justify-content: center;}
.advantagesButton > div p {color: #13368F; border-bottom: 1px dashed #13368F; font-size: 22px; transition: all 0.1s linear;}
.advantagesButton:hover > div p {color: #1744B5; border-color: #1744B5; transition: all 0.1s linear;}
.padding-120 {padding: 120px 0;}
.bg-FFFFFF {background-color: #fff;}
.bordered {border-radius: 56px;}
.button--withicon > div:first-child {width: 24px;}
.button--withicon > div:last-child {padding-left: 10px;}
.button .fill {fill: #13368F; transition: all 0.1s linear;}
.button:hover .fill {fill: #1744B5; transition: all 0.1s linear;}
#mpCatalog {padding-top: 56px; border-top: 1px solid #C4C4C4;}
.tabsTop > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #8D8D8D; border-radius: 8px; font-size: 28px; color: #8D8D8D; height: 80px; font-weight: normal; transition: all 0.1s linear; line-height: 1;}
.tabsTop > div:nth-child(2n+1) {margin-left: 0px;}
.tabsTop > div:nth-child(-n+2) {margin-top: 0px;}
.tabsTopEl--active {border-color: #13368F; background-color: #13368F; color: #fff !important;}
.tabsBodyEl {display: none;}
.catalogBlockEl {background-color: #F4F6F9; border-radius: 8px; padding: 16px; text-decoration: none; color: #13368F; display: block;}
.catalogBlock .catalogBlockEl {width: 90%;}
.catalogBlockEl .ratio {width: 100%; overflow: hidden; border-radius: 8px; background-color: #fff;}
.catalogBlockEl .ratio .bg {opacity: 0.9; transition: all 0.1s linear;}
.catalogBlockEl:hover .ratio .bg {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.catalogBlockEl .txt {padding: 32px 16px 16px;}
.txt h3 {font-size: 32px; line-height: 1; font-weight: 500;}
.catalogBlockEl .txt p {color: #8D8D8D; font-size: 18px;}
.catalogBlockEl .txt h3 {font-size: 28px;}
.catalogBlockEl .flex2 > div:last-child {padding: 0 16px;}
.catalogBlockEl  .flex2 > div:last-child > div {width: 100%;}
.catalogBlockEl  .flex2 > div:last-child .button {width: 100%; justify-content: center; margin: 16px 0;}
.catalogBlockEl:hover .button {transition: all 0.1s linear; color: #1744B5; border-color: #E6EAEF; background-color: #E6EAEF;}
.itemEl {width: 100%; padding: 24px 0; border-top: 1px solid #C4C4C4; cursor: pointer;}
.itemEl:first-child {padding-top: 0px; border-top: none;}
.itemEl:last-child {padding-bottom: 0px;}
.itemEl > div {align-items: center;}
.itemEl > div > div {width: 100%;}
.itemEl > div:last-child {width: 80px;}
.itemEl > div:last-child .button {width: 48px; height: 48px; float: right;}
.itemEl > div:nth-child(2) {width: 14%;}
.itemEl > div:nth-child(3) {width: 14%;}
.itemEl > div:first-child {width: calc(100% - (28% + 80px)); padding-right: 20px;}
.itemEl > div:first-child h4 {font-size: 22px; color: #151617; line-height: 1; font-weight: 500;}
.itemElInfo > p {font-size: 16px; margin-top: 8px;}
.itemEl--oneprice > div:nth-child(2) {display: none;}
.itemEl--oneprice > div:first-child {width: calc(100% - (14% + 80px)); padding-right: 20px;}
.labels {width: 100%;}
.labels > span {float: left; padding: 4px 10px; border: 1px solid #8D8D8D; color: #8D8D8D; margin-right: 10px; margin-top: 10px; font-size: 14px; border-radius: 4px; font-weight: normal;}
.itemEl > div:nth-child(2) p:first-child, .itemEl > div:nth-child(3) p:first-child {font-size: 20px; line-height: 1; color: #151617; font-weight: normal;}
.itemEl > div:nth-child(2) p:nth-child(2), .itemEl > div:nth-child(3) p:nth-child(2) {color: #8D8D8D; line-height: 1; font-size: 16px; margin-top: 4px;}
.itemEl:hover > div:last-child .button {transition: all 0.1s linear; color: #1744B5; border-color: #E6EAEF; background-color: #E6EAEF;}
.form {padding: 64px; border-radius: 8px;}
.bg-13368F {background-color: #13368F; color: #fff;}
.form .txt h2 {margin-bottom: 32px;}
.form .txt:hot(.conf) {width: 50%;}
.input {width: 100%; height: 56px; border: 1px solid #fff; padding: 0 24px; background-color: rgba(255,255,255,0.08); font-family: 'SF Pro Display'; font-weight: 200; font-size: 20px; color: #fff; border-radius: 8px;}
.rows-3 .input {float: left; margin-left: 20px; width: calc((100% - 40px) / 3);}
.rows-3 .input:nth-child(3n+1) {margin-left: 0px;}
.textarea {width: 100%; height: 140px; border: 1px solid #fff; padding: 18px 24px; background-color: rgba(255,255,255,0.08); font-family: 'SF Pro Display'; font-weight: 200; font-size: 20px; color: #fff; border-radius: 8px;}
.formBottom .textarea {float: left; width: calc(((100% - 40px) / 3) * 2 + 20px); margin-top: 20px;}
.formBottom > div {float: left; margin-left: 20px; width: calc((100% - 40px) / 3); margin-top: 20px;}
.button--white {background-color: #fff; border-color: #fff; color: #13368F;}
.formBottom .clearfix {width: 100%;}
.formBottom .button {width: 100%; justify-content: center;}
.conf p {font-size: 16px; line-height: 1.2;}
.conf p a {color: #13368F; border-bottom: 1px dashed #13368F; text-decoration: none; transition: all 0.1s linear;}
.conf p a:hover {color: #1744B5; border-color: #1744B5; transition: all 0.1s linear;}
.form .conf p {color: #C4C4C4;}
.form .conf p a, .form .conf p a:visited {color: #C4C4C4; border-color: #C4C4C4; transition: all 0.1s linear;}
.form .conf p a:hover {color: #fff; border-color: #fff; transition: all 0.1s linear;}
.txt b, .txt strong {font-weight: 500;}
.columns-2-40 > div:first-child {width: 40%;}
.columns-2-40 > div:last-child {width: 60%;}
.phoneP {font-size: 32px; font-weight: 500;}
.emailP {font-size: 24px; font-weight: 500;}
.txt a, .txt a:visited {text-decoration: none; color: #13368F; border-bottom: 1px dashed #13368F;}
.txt a:hover {color: #1744B5; border-color: #1744B5; transition: all 0.1s linear;}
#contacts .columns-2-40 > div:last-child {position: relative;}
#contacts .columns-2-40 > div:last-child img {position: absolute; left: 0px; top: 50%; margin-top: -600px;}
#contacts {z-index: 1;}
#catalog {z-index: 2;}
#footerTopBody > div {align-items: flex-start;}
#footerTopBody > div:first-child {width: 33.6%;}
#footerTopBody > div:nth-child(2) {width: calc(100% - (33.6% + 136px)); padding-right: 20px;}
#footerTopBody > div:last-child {width: 136px;} 
#footerTopBody > div:last-child .button {width: 48px; height: 48px; margin-left: 20px; margin-right: 0px;}
.button--hollow {border-color: #fff;}
.button--hollow .stroke {stroke: #fff;}
.button--hollow .fill {fill: #fff;}
#footerTopBody > div:first-child img {width: auto; height: 60px; display: block;}
#footerTopBody > div:nth-child(2) ul {list-style: none; display: block; width: 100%;}
#footerTopBody > div:nth-child(2) ul li {float: left; margin-right: 32px;}
#footerTopBody > div:nth-child(2) ul li a, #footerTopBody > div:nth-child(2) ul li a:visited {color: #fff; font-size: 18px; line-height: 32px; text-decoration: none; transition: all 0.1s linear; font-weight: normal;}
#footerTopBody > div:nth-child(2) ul li a:hover {color: #C4C4C4; transition: all 0.1s linear;}
#footerBottomBody > div:first-child {width: 33.6%; padding-right: 40px; align-items: flex-start;}
#footerBottomBody > div:last-child {width: 66.4%; align-items: flex-start;}
#footerBottomBody > div:first-child p {color: #fff; font-size: 16px; line-height: 1.1;}
#footerBottomBody > div:first-child p:last-child {margin-top: 8px;}
#footerBottomBody > div:first-child p a, #footerBottomBody > div:first-child p a:visited {color: #fff; font-weight: normal; text-decoration: none;}
#footerBottomBody > div:last-child p {font-size: 16px;}
#footerBottomBody > div:last-child p a, #footerBottomBody > div:last-child p a:visited {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; transition: all 0.1s linear;}
#footerBottomBody > div:last-child p a:hover {color: #C4C4C4; border-color: #C4C4C4; transition: all 0.1s linear;}
#innerBlock1 {width: 100%; padding: 0 0 80px; background-color: #fff; border-radius: 0 0 56px 56px; z-index: 3; position: relative;}
#innerBlock1Body {margin-top: 70px;}
#breadcrumbs {list-style: none; margin-bottom: 10px;}
#breadcrumbs > li {float: left; color: #8D8D8D; line-height: 1; font-size: 14px; margin-right: 10px; margin-bottom: 10px;}
#breadcrumbs > li a, #breadcrumbs > li a:visited {color: #8D8D8D; line-height: 1; text-transform: uppercase; text-decoration: none; transition: all 0.1s linear;}
#breadcrumbs > li a:hover {color: #1744B5; transition: all 0.1s linear;}
.bg-F4F6F9 {background-color: #F4F6F9;}
.width-70 {width: 70%;}
.innerCatalogBlock {margin-top: 100px;}
.innerCatalogBlock:first-child {margin-top: 0px;}
.innerCatalogBlockItems > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
.innerCatalogBlockItems > div:nth-child(-n+4) {margin-top: 0px;}
.innerCatalogBlockItems > div:nth-child(4n+1) {margin-left: 0px;}
.innerCatalogBlockItems .catalogBlockEl {background-color: #fff; width: 100%; height: 100%;}
#innerBlock1Body .txt p {font-size: 24px; width: 70%; margin-top: 48px; font-weight: normal;}
.columns-2-66 > div:first-child {width: 66.3%;}
.columns-2-66 > div:last-child {width: 33.7%; padding-left: 8%;}
.columns-2-66 > div > div {width: 100%; position: relative;}
#innerCategoryRatio {width: 100%; overflow: hidden; border-radius: 6px;}
.width-50 {width: 50%;}
#loader {width: 56px; height: 56px; display: block; position: relative;}
#loader img {width: 100%; height: 100%;}
#buttonBottom #loader {margin: 0 auto; margin-top: 56px;}
#topMenu {display: none;}
#mdl {display: none; width: 680px; padding: 48px; background-color: #fff; color: #151617;}
.input--black {color: #151617; border-color: #151617 ; background-color: transparent;}
#mdl .input, #mdl .textarea {margin-top: 20px;}
#mdl .input:first-child {margin-top: 0px;}
#mdl .conf {text-align: left;}
.red--color {border-color: red !important; transition: all 0.1s linear;}
#panel {display: none;}
.mdl_inputsPadding {margin-top: 32px; padding-top: 32px; border-top: 1px solid #C4C4C4;}
.scrollTracking, .scrollTracking3 {opacity: 0;}
.scrollTracking.scrollTracking--active, .scrollTracking3.scrollTracking--active {opacity: 1; -webkit-transition: all 0.6s 0.2s ease; -moz-transition: all 0.6s 0.2s ease; -o-transition: all 0.6s 0.2s ease; transition: all 0.6s 0.2s ease;}
.scrollTracking2 {-moz-transform: translate(0px, 80px); -webkit-transform: translate(0px, 80px); -o-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); transform: translate(0px, 80px); opacity: 0; -webkit-transition: all 0.3s 0.2s ease; -moz-transition: all 0.3s 0.2s ease; -o-transition: all 0.3s 0.2s ease; transition: all 0.3s 0.2s ease;}
.scrollTracking2.scrollTracking--active {-moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
/*#map {width: 100%; height: 100%; position: absolute;}*/
.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__wrap {display: none !important;}
#mdl .ratio {width: 100%; position: relative;}
.txt ul {margin-top: 16px; padding-left: 20px;}
.txt ul:first-child {margin-top: 0px;}
.txt ul li {margin-top: 8px;}
.txt ul li:first-child {margin-top: 0px;}
#galleryWrp > div {width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; position: relative;}
#galleryWrp > div:nth-child(-n+5) {margin-top: 0px;}
#galleryWrp > div:nth-child(5n+1) {margin-left: 0px;}
#galleryWrp a {display: block; width: 100%; height: 100%; position: relative;}
#galleryWrp a .ratio {width: 100%; overflow: hidden; border-radius: 8px;}
#galleryWrp a .ratio .bg {transition: all 0.1s linear;}
#galleryWrp a:hover .ratio .bg {transition: all 0.1s linear; transform: scale(1.1,1.1);}