* { 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: #5F6A72; background-color: #fff; font-size: 20px; overflow-x: hidden; min-width: 320px; position: relative;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
} 
.wrap {min-height: 100%;}
#main {padding-bottom: 320px;}
footer {min-height: 320px; margin-top: -320px; position: relative; width: 100%; background: url('../img/waves5.svg') no-repeat; background-position: 50% 0%; padding-top: 160px;}
.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 video {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: 1420px; margin: 0 auto;}
#top {position: relative; z-index: 2; width: 100%; padding-top: 24px;}
#topBody > div {align-items: center;}
#topBody > div:first-child {width: 120px;}
#topBody > div:first-child img {width: 120px; height: auto; display: block;}
#topBody > div:last-child {flex: 1 1 0; padding-left: 8.45%;}
#topBody > div:last-child ul {list-style: none;}
#topBody > div:last-child ul li {float: left; margin: 6px 32px 6px 0;}
#topBody > div:last-child ul li a, #topBody > div:last-child ul li a:visited {color: #5F6A72; text-decoration: none; transition: all 0.1s linear;}
.liDealer {font-weight: 500;}
.liDealer a, .liDealer a:visited {color: #36454F !important;}
#topBody > div:last-child ul li a:hover {color: #36454F !important; transition: all 0.1s linear;}
#mpBlock1Body > div {align-items: center; position: relative;}
#mpBlock1Body > div > div {width: 100%;}
#mpBlock1Body > div:last-child {width: 60%; padding-right: 6.6%; order: 1;}
#mpBlock1Body > div:first-child {width: 40%; order: 2;}
.txt h1 {font-size: 48px; line-height: 1; color: #36454F; font-weight: 500; margin-bottom: 40px;}
.txt h1:last-child {margin-bottom: 0px;}
.txt h2, .likeH2 {font-size: 40px; line-height: 1; color: #36454F; font-weight: 500; margin-bottom: 32px;}
.txt h2:last-child, .likeH2:last-child {margin-bottom: 0px;}
#mpBlock1Body .txt h2 {font-size: 24px; font-weight: normal; color: #5F6A72; margin-bottom: 0px;}
.txt ul {margin-top: 24px; list-style: none;}
.txt p {margin-top: 20px; line-height: 1.1;}
.txt ul:first-child, .txt p:first-child {margin-top: 0px;}
.txt ul li {position: relative; padding-left: 34px; line-height: 1.2; margin-top: 12px;}
.txt ul li:first-child {margin-top: 0px;}
.txt ul li:before {content: ''; width: 24px; height: 24px; background: url('../img/bullet.svg') no-repeat; display: block; position: absolute; top: 1px; left: 0px;}
#mpBlock1Text > div {width: 100%;}
#mpBlock1Text > div:first-child {order: 2;}
#mpBlock1Text > div:last-child {order: 1;}
#mpBlock1Text > div:last-child .labels {margin-bottom: 12px;}
.label {float: left; line-height: 1; padding: 8px 16px 7px; background-color: #36454F; font-size: 14px; font-weight: 500; text-transform: uppercase; border-radius: 16px; color: #fff;}
.button {height: 56px; padding: 0 32px; float: left; font-size: 20px; line-height: 1; font-weight: 500; border-radius: 6px; transition: all 0.1s linear; background-color: #36454F; text-decoration: none; color: #fff; align-items: center; cursor: pointer; border: 1px solid #36454F; margin-left: 10px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.button:first-child {margin-left: 0px;}
.button:hover {background-color: #5F6A72; border-color: #5F6A72; transition: all 0.1s linear;}
.button > div:nth-child(2) {margin-left: 10px;}
.button img {width: 24px; height: 24px; display: block;}
#mpBlock1 {position: relative; z-index: 1; width: 100%; background: url('../img/mpBlock1-bg.svg') no-repeat; background-position: 50% 100%; padding: 160px 0; margin-top: -83px;}
#mpBlock1BodyImg {width: 100%; position: relative;}
#mpBlock1BodyImg > div {align-items: center;}
#mpBlock1BodyImg > div:first-child {position: absolute; left: -72px; top: 50%; margin-top: -217px; z-index: 2;}
#mpBlock1BodyImg > div:last-child {width: 100%; position: relative; z-index: 1;}
#mpBlock1BodyImg > div:last-child > div {width: 100%;}
#mpBlock1BodyImg-block1 {width: 85%; position: relative; z-index: 1;}
#mpBlock1BodyImg-block1 .bg {border-radius: 50%; overflow: hidden; z-index: 1;}
#mpBlock1BodyImg-block1 .flex {position: relative; width: 100%; height: 100%; z-index: 2; align-items: center; justify-content: center;}
#mpBlock1BodyImg-block1 .flex img {display: block; width: 470px; height: auto; margin-top: -32px;}
#mpBlock1BodyImg-block2 {width: 300px; position: absolute; z-index: 2; bottom: 0px; right: 0px;}
#mpBlock1BodyImg-block2 .ratio, #mpBlock1BodyImg-block3 .ratio {width: 100%; overflow: hidden; border-radius: 50%;}
#mpBlock1BodyImg-block2 .ratio .bg, #mpBlock1BodyImg-block3 .ratio .bg {width: 104%; height: 104%; margin-top: -2%; margin-left: -2%;}
#mpBlock1BodyImg-block3 {width: 180px; position: absolute; z-index: 3; bottom: 240px; right: -20px;}
#mpBlock1BodyImg-block3:before {content: ''; width: 52px; height: 125px; position: absolute; background: url('../img/pointer.svg') no-repeat; z-index: 1; right: 125px; bottom: -114px;}
.mpBlock1BodyImgLabel {width: 230px; background-color: rgba(193,193,193,0.16); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 4px; border-radius: 32px; margin-top: 10px;}
.mpBlock1BodyImgLabel:first-child {margin-top: 0px;}
.mpBlock1BodyImgLabel > div:first-child {width: 56px; height: 56px; background-color: #fff; border-radius: 50%; align-items: center; justify-content: center;}
.mpBlock1BodyImgLabel > div:first-child img {display: block; width: 36px; height: 36px;}
.mpBlock1BodyImgLabel > div:last-child {width: calc(100% - 56px); padding: 0 10px; align-items: center;}
.mpBlock1BodyImgLabel > div:last-child p {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #36454F;}
.mpBlock1BodyImgLabel:first-child, .mpBlock1BodyImgLabel:last-child {margin-left: 60px;}
.mpBlock1BodyImgLabel:nth-child(2), .mpBlock1BodyImgLabel:nth-last-child(2) {margin-left: 30px;}
.block {position: relative; width: 100%;}
.columns > div {align-items: center;}
.colums-2-50 > div {width: calc(50% - 10px);}
.colums-2-50 > div:last-child {margin-left: 20px;}
.colums-2-50 > div > div {width: 100%;}
.colums-2-50-left > div:first-child {padding-right: 7%;}
#mpBlock2 .txt p {font-size: 24px;}
.slickWrp {overflow: hidden;}
.slickWrpBody {width: calc(100% + 20px); margin-left: -20px; position: relative;}
.slickWrpBody .slick-slide {margin-left: 20px;}
.slick .slick-track {display: flex;}
.slick-slide.slides{height: auto; flex: 0 0 auto;}
.br-6 {border-radius: 6px; overflow: hidden;}
#mpBlock3Body .flex2 > div:last-child, #mpBlock3Body .flex3 > div:last-child {text-align: center; font-style: italic; font-size: 18px; padding: 0 20px; justify-content: center; padding-top: 24px;}
#mpBlock3Body .flex2 > div:first-child, #mpBlock3Body .flex3 > div:first-child {justify-content: center; align-items: center;}
#mpBlock3Body .flex3 > div:first-child img {display: block; max-width: 100%; height: auto; mix-blend-mode: darken;}
#mpBlock3Body table {border-collapse: collapse; width: 100%;}
#mpBlock3Body table tr td {padding: 12px; border: 1px solid #36454F; text-align: right; font-size: 16px;}
#mpBlock3Body table tr td img {margin: auto 0 auto auto;}
#mpBlock3Body table tr td:first-child {text-align: left; font-weight: 500;}
#mpBlock3Body table tr:first-child td {background-color: #36454F; color: #fff; font-weight: 500;}
.bg-9BA4AB {background-color: #9BA4AB; color: #fff;}
.bg-7A8690 {background-color: #7A8690; color: #fff;}
.bg-5F6A72 {background-color: #5F6A72; color: #fff;}
#mpBlock3 {background: url('../img/waves1.svg') no-repeat; background-position: 50% 100%; padding-bottom: 160px;}
.bg-F8F8F8 {background-color: #F8F8F8;}
.txtCenter {text-align: center;}
.width-80 {width: 80%;}
.txtCenter.width-80 {margin-left: 10%;}
#steps > div {width: calc((100% - 40px) / 3); margin-left: 20px; position: relative;}
#steps > div:nth-child(3n+1) {margin-left: 0px;}
.stepsEl {width: 100%; height: 100%; background-color: #fff; padding: 32px;}
.txt img {max-width: 100%; height: auto;}
#customBody {margin-top: 24px;}
#customBody > div:first-child {width: calc(100% - 76px); height: 140px; padding-right: 16px; position: relative;}
#customBodySliderWrp {width: 100%; height: 100%; /*background: url('../img/pattern.svg') repeat; padding-left: 40px;*/ position: relative;}
#customBody > div:nth-child(2) {width: 76px; align-items: center;}
#customBody > div:last-child {width: 50%; margin-top: 16px;}
#customBody > div:nth-child(2) > div, #customBody > div:last-child > div {width: 100%;}
.customBodySliderEl p {font-size: 13px; font-weight: 500;}
.customBodySliderEl .input {padding: 0 8px; width: 100%; height: 28px; font-size: 13px; margin-top: 4px; border-radius: 3px; border: 1px solid #7A8690;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
.customBodySliderEl {width: 76px;}
#customBody .ui-slider-horizontal {height: 140px !important;}
#customBody .ui-widget-content {background-color: #f8f8f8 !important;}
#customBody .ui-slider .ui-slider-range {background: url('../img/pattern.svg') repeat !important;}
#customBody .ui-slider-handle:last-child {margin-left: 0px;}
#customBody .ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 4px; height: 140px; cursor: default; -ms-touch-action: none; touch-action: none; border: none; background-color: #5f6a72; border-radius: 0px;}
#customBody .ui-slider-horizontal .ui-slider-handle {top: 0px;}
#customPrice {font-size: 32px; line-height: 1; font-weight: 500; color: #444444;}
#customControl .input {float: left; width: 100px; margin-right: 0px; text-align: center; height: 56px; border: 1px solid #7A8690; border-radius: 6px; font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
#customBodyPointer {position: absolute; z-index: 2; width: 32px; height: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -8px; animation: bounce 1s infinite;}
@keyframes bounce {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-20px);
  }
  100% {
    transform: translateX(0);
  }
}
#step3Btn .button {height: auto; padding: 16px 32px; text-align: center; width: 100%; float: none; margin-top: 10px; margin-left: 0px;}
#step3Btn .button:first-child {margin-top: 0px;}
.button--secondary {background-color: transparent; border-color: #7A8690; color: #36454F;}
.button--secondary:hover {background-color: #5F6A72; color: #fff; border-color: #5F6A72; transition: all 0.1s linear;}
#mpBlock5 {padding-top: 160px; background: url('../img/waves2.svg') no-repeat; background-position: 50% 0%;}
.mpBlock5El {width: 100%; height: 100%; padding: 8px;}
.mpBlock5El > div:last-child {width: 30%; position: relative;}
.mpBlock5El > div:first-child {flex: 1 1 0; padding: 24px;}
.txt h3 {font-size: 32px; line-height: 1.05; color: #36454F; font-weight: 500;}
.mpBlock5El .txt h3 {font-size: 24px;}
#questions {width: 100%; padding: 0 10px; position: relative;}
.ratio-3-4 {padding-top: 133%;}
.questionsEl .bg {z-index: 1;}
.questionsEl .flex {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; align-items: flex-end; padding: 24px; color: #fff; z-index: 2; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.48) 100%); }
.questionsEl .flex p {font-size: 22px; font-weight: 500;}
#questions .slickWrpBody {width: calc(100% + 10px); margin-left: -10px;}
#questions .slickWrpBody .slick-slide {margin-left: 10px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-56 {margin-top: 56px;}
.txt h4 {font-size: 24px; line-height: 1.05; color: #36454F; font-weight: 500;}
.buttonWrp.center {justify-content: center;}
.desaturate {filter: none; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
#mpBlock6 {position: relative; z-index: 2;}
#mpBlock7 {background: url('../img/waves3.svg') no-repeat #F0F0F0; background-position: 50% 0%; padding-top: 362px; z-index: 1; margin-top: -202px;}
.bento-2-3 > div {align-items: flex-start; position: relative;}
.bento-2-3 > div:first-child {width: calc((100% - 40px) / 3);}
.bento-2-3 > div:last-child {width: calc(100% - ((100% - 40px) / 3)); padding-left: 20px;}
.bento-2-3 > div > div {width: 100%;}
.labelsWrp.center {justify-content: center;}
.bentoEl {background-color: #fff; padding: 32px;}
.selfInstallEl p {text-align: center; font-size: 17px; margin-top: 16px; display: block; width: 100%;}
.selfInstallEl p span {color: #36454F; font-weight: 500;}
.button--icon {padding: 0 0; width: 56px; justify-content: center;}
.button--icon svg {width: 20px; height: 20px;}
.button--secondary .fill {fill: #36454F; transition: all 0.1s linear;}
.button--secondary:hover .fill {fill: #fff; transition: all 0.1s linear;}
#selfInstallNav {justify-content: center; width: 100%; margin-top: 32px;}
#selfInstallNav > div:first-child {margin-right: 20px;}
.bento-2-3 > div:last-child > .flex {width: 100%;}
.bento-2-3 > div:last-child > .flex > div:first-child {width: calc((100% - 20px) / 2);}
.bento-2-3 > div:last-child > .flex > div:nth-child(2) {width: calc((100% - 20px) / 2); margin-left: 20px;}
.bento-2-3 > div:last-child > .flex > div:last-child {width: 100%; margin-top: 20px;}
.bentoGallery {width: 80%; margin-top: 24px;}
.bentoGallery > a {width: calc((100% - 20px) / 3); margin-left: 10px; margin-top: 10px; display: block; float: left; position: relative;}
.bentoGallery > a:nth-child(3n+1) {margin-left: 0px;}
.bentoGallery > a:nth-child(-n+3) {margin-top: 0px;}
.bento-2-3 > div:last-child > .flex > div:last-child > .flex > div {align-items: flex-start;}
.bento-2-3 > div:last-child > .flex > div:last-child > .flex > div:first-child {width: calc(50% + 20px);}
.bento-2-3 > div:last-child > .flex > div:last-child > .flex > div:last-child {justify-content: center; width: calc(50% - 20px);}
.bento-2-3 > div:last-child > .flex > div:last-child > .flex > div:last-child img {width: 290px; height: auto; display: block;}
.txt a, .txt a:hover {text-decoration: underline; font-weight: 500; color: #36454F; transition: all 0.1s linear;}
.txt a:not(.modal):hover {color: #5f6a72; transition: all 0.1s linear;}
.txt .modal {cursor: pointer; border-bottom: 1px dashed #5F6A72; text-decoration: none !important; transition: all 0.1s linear; font-weight: normal !important;}
.txt .modal:hover {border-color: #5f6a72 !important; color: #5f6a72; transition: all 0.1s linear;}
.bento-2 > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px;}
.bento-2 > div:nth-child(2n+1) {margin-left: 0px;}
.paddingTop-100 {padding-top: 100px;}
.bg-F0F0F0 {background-color: #F0F0F0;}
.faqEl {width: 100%; margin-top: 10px; padding: 16px; cursor: pointer; border: 1px solid #5F6A72; border-radius: 6px;}
.faqEl:first-child {margin-top: 0px;}
.faqEl > div {align-items: center;}
.faqEl > div:first-child {flex: 1 1 0; padding-right: 24px; padding-left: 8px;}
.faqEl > div:last-child img {width: 32px; height: 32px; display: block; transition: all 0.1s linear;}
.faqEl:hover > div:last-child img {transform: rotate(45deg); transition: all 0.1s linear;}
.colums-2-50-right > div:last-child {padding-left: 16%;}
.colums-2-50-right > div:last-child .ratio-inner {padding-top: 133%;}
#mpBlock9 {background: url('../img/waves4.svg') no-repeat #F8F8F8; background-position: 50% 0%; padding-top: 234px;}
#mpBlock9 .centered {margin-top: -74px;}
#mpBlock9 .mpBlock1BodyImgLabel {margin-left: 0px; width: 460px; background-color: #7A8690;}
#mpBlock9 .mpBlock1BodyImgLabel > div:last-child p {color: #fff;}
#certificates > div {align-items: flex-start; position: relative;}
#certificates > div:first-child {width: 48%;}
#certificates > div:last-child {flex: 1 1 0; padding-left: 20px;}
#certificates > div:first-child .ratio, #certificates > div:last-child .ratio {width: 100%;}
#certificates > div:last-child > .flex {width: 100%;}
#certificates > div:last-child > .flex > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px;}
#certificates > div:last-child > .flex > div:nth-child(2n+1) {margin-left: 0px;}
#certificates > div:last-child > .flex > div:nth-child(-n+2) {margin-top: 0px;}
#footerTopBody > p {color: #36454F; font-weight: 500;}
#footerTopBody > .txt {margin-top: 12px;}
#footerTopBody > .txt p {font-size: 24px; margin-top: 8px;}
#footerTopBody > .txt p:first-child {margin-top: 0px;}
#footerTopBody ul {list-style: none; margin-top: 40px;}
#footerTopBody ul li {float: left; margin: 6px 32px 6px 0;}
#footerTopBody ul li a, #footerTopBody ul li a:visited {color: #5F6A72; text-decoration: none; transition: all 0.1s linear;}
#footerTopBody ul li a:hover {color: #36454F; transition: all 0.1s linear;}
#footerBottom {padding: 56px 0 32px;}
#footerBottomBody > div {align-items: center;}
#footerBottomBody > div:first-child {width: 120px;}
#footerBottomBody > div:nth-child(2) {flex: 1 1 0; padding: 0 24px;}
#footerBottomBody > div:nth-child(2) p {font-size: 16px; margin-top: 8px;}
#footerBottomBody > div:nth-child(2) p:first-child {margin-top: 0px;}
#footerBottomBody > div:nth-child(2) p a, #footerBottomBody > div:nth-child(2) p a:visited {color: #5F6A72; transition: all 0.1s linear; margin-right: 24px;}
#footerBottomBody > div:nth-child(2) p a:hover {color: #36454F; transition: all 0.1s linear;}
#footerBottomBody > div:last-child {font-size: 16px;}
#footerBottomBody > div:last-child a, #footerBottomBody > div:last-child a:visited {color: #36454F; transition: all 0.1s linear; font-weight: 500;}
#footerBottomBody > div:last-child a:hover {color: #5f6a72; transition: all 0.1s linear;}
#topBodyMenuBtnWrp {display: none;}
.selfInstallEl img {width: 70%; margin-left: 15%; height: auto; display: block;}
#panel, #overlay {display: none;}
.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;}
.scrollTo {cursor: pointer;}

#mdl {display: none; width: 680px; padding: 56px; background-color: #fff; color: #5F6A72;}
#stickyBasket {display: block; color: #444; text-decoration: none; position: fixed; right: 32px; bottom: 32px; z-index: 20; background-color: #36454F; border-radius: 50%; width: 56px; height: 56px; padding: 14px; transition: all 0.2s linear;}
#stickyBasket:hover {background-color: #5F6A72; transition: all 0.2s linear;}
#stickyBasket > img {display: block; width: 28px; height: 28px;}
#stickyBasket > span {position: absolute; right: -2px; top: -2px; display: inline-block; padding: 4px 6px; font-size: 12px; line-height: 1; background-color: #ffffff; border: 1px solid #36454F; font-weight: 600; min-width: 20px; width: auto; border-radius: 10px; transition: all 0.1s linear;}
#stickyBasket:hover > span {transition: all 0.2s linear; border-color: #5F6A72;}
.txt b, .txt strong {font-weight: 500;}
.button--secondary:hover .stroke {stroke: #fff; transition: all 0.1s linear;}
#selfInstallNav .button--secondary:not(.button--icon) {padding: 0 20px;}

#b404 {position: relative; z-index: 1; width: 100%; padding: 160px 0 0 0;
 margin-top: -83px;}
.noBg {background: none !important;}