* { 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 {outline: none;}
body {width: 100%; color: #222222; background-color: #FFFFFF; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; overflow-x: hidden; min-width: 320px;}
.wrap {min-height: 100%;}
#main {padding-bottom: 380px;}
footer {min-height: 380px; margin-top: -380px; position: relative; background-color: #222222; padding: 0;}
.centered {width: 1480px; margin: 0 auto; position: relative;}
.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 {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;}
#top {position: relative; z-index: 20; background-color: #fff;}
#topBody, #panelTopBody {padding: 32px 0;}
#topBody > div, #panelTopBody > div {align-items: center; position: relative;}
#topBody > div:first-child, #panelTopBody > div:first-child {width: 355px}
#topBody > div:first-child img, #panelTopBody > div:first-child img {width: 355px; height: 51px; display: block;}
#topBody > div:nth-child(2), #panelTopBody > div:nth-child(2) {width: calc(100% - 410px); justify-content: flex-end; padding: 0 48px;}
#topBody > div:nth-child(2) p, #panelTopBody > div:nth-child(2) p {font-size: 20px; line-height: 1.3; font-weight: 500;}
#topBody > div:nth-child(2) p a, #panelTopBody > div:nth-child(2) p a {color: #222; text-decoration: none; transition: all 0.2s linear;}
#topBody > div:nth-child(2) p a:hover, #panelTopBody > div:nth-child(2) p a:hover {color: #52B060; transition: all 0.2s linear;}
#topBody > div:last-child, #panelTopBody > div:last-child {width: 55px;}
#topBody > div:last-child svg, #panelTopBody > div:last-child svg {cursor: pointer; display: block; width: 55px; height: 55px;}
#topBody > div:last-child svg rect, #panelTopBody > div:last-child svg rect {fill: #222; transition: all 0.2s linear;}
#topBody > div:last-child svg:hover rect, #panelTopBody > div:last-child svg:hover rect {fill: #52B060; transition: all 0.2s linear;}
#topMenu {border-top: 1px solid #B6B6B6; padding-top: 16px;}
#topMenu > div {align-items: center;}
#topMenu > div:first-child {width: 75%;}
#topMenu > div:last-child {width: 25%;}
#topMenu > div:last-child > div {width: 100%;}
#topMenu ul {width: 100%; list-style: none; display: block;}
#topMenu ul > li {float: left; margin-right: 48px;}
#topMenu ul > li a, #topMenu ul > li a:visited {color: #222222; text-decoration: none; font-size: 20px; font-weight: 500; transition: all 0.2s linear; line-height: 1.4;}
#topMenu ul > li a:hover, .topMenuA--active {color: #52B060 !important; transition: all 0.2s linear;}
.button {display: inline; height: 56px; line-height: 54px; padding: 0 40px; border-radius: 28px; cursor: pointer; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px;}
#topMenu > div:last-child .button {float: right;}
.button--fill {background-color: #52B060; color: #fff; transition: all 0.2s linear;}
.button--fill:hover {background-color: #479A53; transition: all 0.2s linear;}
#block1 {position: relative; z-index: 1; margin-top: -192px;}
#block1Body {min-height: 100vh; height: auto; padding: calc(192px + 64px) 0 64px;}
#block1Body > div {align-items: flex-end; position: relative;}
#block1Body > div > div {width: 100%; position: relative;}
#block1Body > div:first-child {width: 60%; padding-right: 14.86%; z-index: 1;}
#block1Body > div:last-child {width: 40%; z-index: 2;}
.label {display: inline; float: left; display: block; padding: 5px 16px 9px; border-radius: 16px; border: 1px solid #222222; margin-right: 12px; margin-bottom: 12px; font-size: 16px; line-height: 1; color: #222; text-transform: lowercase;}
h1 {font-size: 52px; line-height: 1.1; font-weight: 500;}
#block1Body > div:first-child .txt {margin-top: 12px; margin-bottom: 40px;}
.txt p {line-height: 1.5; margin-top: 24px;}
.txt p:first-child {margin-top: 0px;}
#block1Body > div:first-child .txt p {font-size: 24px; margin-top: 48px; width: 70%;}
#block1Body > div:last-child .ratio {overflow: hidden; border-radius: 12px; position: relative; z-index: 1;}
.buttonRound {width: 140px; height: 140px; cursor: pointer; text-decoration: none; border-radius: 50%; font-size: 20px; line-height: 1.3;}
.buttonRound > div {vertical-align: middle; text-align: center;}
#block1Body > div:last-child .buttonRound {position: absolute; bottom: 40px; left: -70px; z-index: 2;}
.buttonRound--fill {background-color: #52B060; border: 1px solid #52B060; color: #fff; transition: all 0.2s linear;}
.buttonRound--fill:hover {background-color: #479A53; border-color: #479A53; transition: all 0.2s linear;}
.padding-110 {padding: 110px 0;}
.background-F5F5F5 {background-color: #F5F5F5;}
.txt h3 {font-size: 32px; line-height: 1.3; font-weight: 500; margin-top: 48px;}
.txt h3:first-child {margin-top: 0px;}
.width-60 {width: 60%;}
.margin-80 {margin-top: 80px;}
#why > div {width: calc(100% / 3); position: relative; padding-right: 6%;}
.whyEL {width: 100%;}
.whyEL img {display: block; width: 64px; height: 64px;}
.whyEL .txt {margin-top: 24px;}
.txt h4 {font-size: 24px; line-height: 1.3; font-weight: 500; margin-top: 32px;}
.txt h4:first-child {margin-top: 0px;}
.txt h2 {font-size: 52px; line-height: 1.1; font-weight: 500; margin-bottom: 48px; margin-top: 48px;}
.txt h2:first-child {margin-top: 0px;}
.margin-48 {margin-top: 48px;}
.accordeon { border-bottom: 1px solid #B6B6B6; /*margin-top: -1px;*/}
.accordeon:first-child {margin-top: 0px; border-top: 1px solid #B6B6B6;}
.accordeonTop {padding: 24px 0; cursor: pointer;}
.accordeonTop > div:first-child {width: calc(93%); padding-right: 7%; align-items: center;}
.accordeonTop > div:first-child .txt h3 {font-size: 40px;}
.accordeonTop > div:last-child {width: 7%; justify-content: center; position: relative; align-items: flex-start;}
.accordeonTop > div:last-child p {font-size: 56px; line-height: 0.45; font-weight: 100;}
#categories .accordeonTop > div:last-child p {padding-top: 8px;}
.accordeonTop > div:first-child .flex {width: 100%;}
.accordeonTop > div:first-child .flex > div {align-items: center;}
.accordeonTop > div:first-child .flex > div:first-child {padding-right: 40px; width: 77%;}
.accordeonTop > div:first-child .flex > div:last-child {width: 23%; color: #A0A0A0; padding-left: 20px;}
.items > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
.items > div:nth-child(3n+1) {margin-left: 0px;}
.itemsEl {width: 100%; height: 100%; display: block; text-decoration: none; color: #222; overflow: hidden; border: 1px solid #B6B6B6; border-radius: 12px;}
.accordeonBody {margin-bottom: 56px; display: none;}
.accordeon--open .accordeonBody {display: block;}
.itemsEl .ratio {overflow: hidden;}
.itemsEl .ratio .bg {transition: all 0.2s linear;}
.itemsEl:hover .ratio .bg {transform: scale(1.1); transition: all 0.2s linear;}
.itemsElInfo {padding: 20px 20px 8px;}
.itemsElInfoTitle > div {align-items: flex-start;}
.itemsElInfoTitle > div:last-child {width: 22px; padding-top: 11px;}
.itemsElInfoTitle > div:last-child svg {display: block; width: 22px; height: 22px;}
.itemsElInfoTitle > div:last-child svg path {fill: #52B060; transition: all 0.2s linear;}
.itemsElInfoTitle > div:first-child {width: calc(100% - 22px); padding-right: 20px;}
.itemsElInfoTitle > div:first-child h3 {color: #222222; transition: all 0.2s linear;}
.itemsEl:hover .itemsElInfoTitle > div:first-child h3 {color: #52B060; transition: all 0.2s linear;}
.itemsElInfoParams {margin-top: 16px; margin-bottom: 40px;}
.itemsElInfoParams > div {align-items: center; width: 50%;}
.itemsElInfoParams > div:last-child {justify-content: flex-end;}
.itemsElInfoParams > div:last-child p {font-weight: 500;}
.buttonRound--hollow {color: #52B060; border: 1px solid #52B060; transition: all 0.2s linear;}
.margin-56 {margin-top: 56px;}
.buttonRound--hollow:hover {background-color: #52B060; color: #fff; transition: all 0.2s linear;}
.background-222222 {color: #fff; background-color: #222222;}
#thesis > div {width: 50%; position: relative; padding: 0 0 0 7%; margin-top: 56px;}
#thesis > div:nth-child(-n+2) {margin-top: 0px;}
.thesisEl {width: 100%; height: 100%;}
.thesisEl > p:first-child {color: #B6B6B6; font-size: 32px;}
.thesisEl > p:nth-child(2) {margin-top: 12px;}
#bottomForm {padding-top: 80px; border-top: 1px solid #B6B6B6;}
.background-F5F5F5 {background-color: #F5F5F5;}
.form {padding: 40px; border-radius: 12px; color: #222;}
.form > .flex > div {width: 50%; position: relative;}
.form > .flex > div:first-child {padding-right: 7%;}
.form > .flex > div:first-child .flex2 > div:first-child {margin-bottom: 40px;}
.form > .flex > div:last-child {padding-left: 7%;}
.txt a, .txt a:visited {color: rgb(0, 102, 204); border-bottom: 1px solid rgb(0, 102, 204); font-weight: 500; transition: all 0.2s linear; text-decoration: none;}
.txt a:hover, .sidemenuActive {color: #52B060 !important; border-color: #52B060 !important; transition: all 0.2s linear;}
.input {width: 100%; padding: 0 0 24px; border-bottom: 1px solid #222; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 18px; background-color: transparent; margin-top: 32px; color: #222222;}
.textarea {width: 100%; padding: 0 0 24px; border-bottom: 1px solid #222; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 18px; background-color: transparent; margin-top: 32px; height: auto; color: #222222;}
.input:first-child, .textarea:first-child {margin-top: 0px;}
.margin-40 {margin-top: 40px;}
.margin-32 {margin-top: 32px;}
.margin-24 {margin-top: 24px;}
.conf {font-size: 16px; width: 80%;}
.txt b, .txt strong {font-weight: 500;}
.blogElWrp {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
.blogElWrp:nth-child(-n+2) {margin-top: 0px;}
.blogElWrp:nth-child(2n+1) {margin-left: 0px;}
.blogEl {display: block; position: relative; width: 100%; height: auto; border-radius: 12px; overflow: hidden; background-color: #333333; color: #fff;}
.blogEl .bg {z-index: 1; transition: all 0.2s linear; opacity: 1;}
.blogEl:hover .bg {transform: scale(1.1); transition: all 0.2s linear;}
.blogEl:before {content: ''; display: block; position: absolute; z-index: 2; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(1.86deg, rgba(51, 51, 51, 0.8) -0.39%, rgba(51, 51, 51, 0) 98.46%), rgba(51, 51, 51, 0.4);}
.blogEl .ratio {z-index: 3; position: relative;}
.blogEl .flex2 {padding: 32px;}
.blogEl .flex2 .txt {width: 80%;}
.blogEl .flex2 .flex > div:last-chidl {width: 22px;}
.blogEl .flex2 .flex > div:first-child {width: calc(100% - 22px); padding-right: 32px;}
.blogEl .flex2 .label {color: #fff; border-color: #fff;}
.blogEl .flex2 svg path {fill: #fff;}
.margin-110 {margin-top: 110px;}
.columns-2-24 > div {position: relative; align-items: flex-start;}
.columns-2-24 > div:first-child {width: 24%;}
.columns-2-24 > div:last-child {width: 76%; padding-left: 7%;}
.block:last-child {padding-bottom: 148px;}
#footerTop {padding: 80px 0; color: #fff;}
#footerTop > div:first-child img {display: block; width: 230px; height: 33px;}
#footerTopInfo > p:first-child {font-size: 24px; font-weight: 500; line-height: 1.3;}
#footerTopInfo > p:first-child a, #footerTopInfo > p:first-child a:visited {color: #fff; text-decoration: none;}
#footerTopInfo .txt {margin-top: 12px;}
#footerTopInfo .txt p {margin-top: 8px;}
#footerTop > div:last-child .flex > div:last-child {width: 7%;}
#footerTop > div:last-child .flex > div:first-child {width: 93%; padding-right: 80px;}
#footerTop > div:last-child .flex > div:first-child ul {display: block; width: 100%; list-style: none;}
footer ul > li {float: left; margin-right: 48px; margin-bottom: 8px;}
footer ul > li a, footer ul > li a:visited {color: #fff; text-decoration: none; font-size: 20px; font-weight: 500; transition: all 0.2s linear; line-height: 1.4;}
footer ul > li a:hover, #footerTopInfo > p:first-child a:hover {color: #52B060; transition: all 0.2s linear;}
#footerTop > div:last-child .flex > div:last-child a {display: block; width: 30px; height: 30px; margin: 0 auto; position: relative;}
#footerTop > div:last-child .flex > div:last-child svg {width: 100%; height: 100%;}
#footerTop > div:last-child .flex > div:last-child svg path {fill: #fff; transition: all 0.2s linear;}
#footerTop > div:last-child .flex > div:last-child a:hover svg path {fill: #52B060; transition: all 0.2s linear;}
#footerBottom {border-top: 1px solid #B6B6B6; padding: 24px 0; color: #fff;}
#footerBottom p {font-size: 16px;}
#footerBottom p a, #footerBottom p a:visited {color: #fff; border-bottom: 1px solid #fff; text-decoration: none; transition: all 0.2s linear;}
#footerBottom p a:hover {color: #52B060; border-color: #52B060; transition: all 0.2s linear;}
#footerBottom .flex > div {width: 50%;}
#footerBottom .flex > div:last-child {padding-left: 32px; justify-content: flex-end;}
#brcr {list-style: none;}
#brcr > li {float: left; margin-right: 12px; margin-bottom: 12px; font-size: 14px;}
#brcr > li > a, #brcr > li > a:visited {color: #222; text-decoration: none; transition: all 0.2s linear;}
#brcr > li > a:hover {color: #52B060; transition: all 0.2s linear;}
#innerTop .txt {margin-top: 12px;}
.margin-64 {margin-top: 64px;}
#innerContent > .block:first-child {padding-top: 64px;}
#catalogSearch {width: calc((((100% - 40px) / 3) * 2) + 20px); border-bottom: 1px solid #222; padding-bottom: 16px;}
#catalogSearch > div {align-items: center;}
#catalogSearch > div:first-child {width: 20px;}
#catalogSearch > div:first-child img {display: block; width: 20px; height: 20px;}
#catalogSearch > div:last-child {padding-left: 20px; width: calc(100% - 20px);}
#catalogSearch > div:last-child input {font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 18px; background-color: transparent;}
#catalogFilter > div {width: calc((100% - 40px) / 3); margin-left: 20px; position: relative;}
#catalogFilter > div:nth-child(3n+1) {margin-left: 0px;}
.select {width: 100%; padding: 0 24px; border: 1px solid #222; border-radius: 12px; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 18px; background-color: transparent; margin-top: 32px; height: 56px; color: #222222;}
.select:first-child {margin-top: 0px;}
#catalogItems {margin-top: 60px;}
.background-FFFFFF {background-color: #fff;}
.columns-2-66 > div:last-child {width: calc((100% - 40px) / 3);}
.columns-2-66 > div:first-child {flex: 1 1 0; padding-right: 20px;}
.columns-2-66 > div > div {width: 100%; position: relative;}
#itemPageTopImg {width: 100%; height: auto; position: relative;}
#itemPageTopImgBody {position: relative; z-index: 1; border-radius: 12px; overflow: hidden;}
#itemPageTopImg .labels {position: absolute; left: 32px; bottom: 20px; z-index: 2;}
.ratio-item {padding-top: 59%;}
#itemPageTopImg .label {background-color: #fff; color: #222; border-color: #fff;}
#itemPageTopImgGallery > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;}
#itemPageTopImgGallery > div:nth-child(-n+3) {margin-top: 0px;}
#itemPageTopImgGallery > div:nth-child(3n+1) {margin-left: 0px;}
.itemPageTopImgGalleryEl {width: 100%; position: relative; border-radius: 12px; overflow: hidden; background-color: #222222;}
.itemPageTopImgGalleryEl:not(.itemPageTopImgGalleryEl--active) {cursor: pointer;}
.itemPageTopImgGalleryEl .ratio {position: relative; z-index: 1; transition: all 0.2s linear;}
.itemPageTopImgGalleryEl--active .ratio {opacity: 0.64; transition: all 0.2s linear;}
.itemPageTopImgGalleryEl--active:before {content: ''; display: block; width: 32px; height: 32px; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; z-index: 2; background: url('../img/search2.svg') no-repeat; background-size: 32px 32px; position: absolute;}
#itemPageBody {margin-top: 80px;}
#itemPageBody:first-child {margin-top: 0px;}
#itemPageBody > div:first-child > div {padding-right: 7%;}
#itemPageBody > div:first-child .txt h2 {font-size: 40px; margin-bottom: 40px;}
#itemPageBodyParams .flex {width: 100%; margin-top: 12px;}
#itemPageBodyParams .flex:first-child {margin-top: 0px;}
#itemPageBodyParams .flex > div:first-child {width: 40%; padding-right: 20px;}
#itemPageBodyParams .flex > div:last-child {width: 60%;}
.txt ul {margin-top: 24px; list-style: none; margin-bottom: 40px;}
.txt ul:last-child {margin-bottom: 0px;}
.txt ul:first-child {margin-top: 0px;}
.txt ul li {position: relative; margin-top: 16px; padding-left: 32px; line-height: 1.5;}
.txt ul li:before {content: ''; display: block; width: 16px; height: 16px; background-color: #52B060; border-radius: 4px; position: absolute; left: 0px; top: 8px;}
.stickySide {position: sticky; top: 32px; min-height: 32px; margin: 0 0 0px;} 
.background-52B060 {background-color: #52B060; color: #fff;}
.smallBlock {padding: 32px; border-radius: 12px; margin-top: 20px;}
.smallBlock:first-child {margin-top: 0px;}
.smallBlockPrice > p:first-child {font-size: 24px; font-weight: 500;}
.price {font-size: 56px; line-height: 1; font-weight: 500;}
.smallBlockPrice .price {margin-top: 12px;}
.smallBlockInfo {border-top: 1px solid #fff; padding-top: 16px;}
.button--white {background-color: #fff; border-color: #fff; color: #52B060; transition: all 0.2s linear;}
.button--white:hover {border-color:#E3D26F; background-color: #E3D26F; transition: all 0.2s linear; color: #222;}
.button--hollow {color: #52B060; border: 1px solid #52B060; transition: all 0.2s linear; background-color: transparent;}
.button--hollow:hover {background-color: #52B060; border-color: #52B060; color: #fff; transition: all 0.2s linear;}
.buttonRound--small {width: 56px; height: 56px;}
.smallBlock .clearfix .button {float: left;}
.smallBlock .clearfix .buttonRound {float: left; margin-left: 20px;}
.buttonRound--small svg {display: block; width: 32px; height: 32px; margin: 0 auto;}
.buttonRound--small svg path {fill: #52B060; stroke: #F5F5F5; transition: all 0.2s linear;}
.buttonRound--small:hover svg path {fill: #fff; stroke: #52B060; transition: all 0.2s linear;}
#reccomendations .txt h2 {font-size: 40px; margin-bottom: 28px;}
#articleTop {width: 100%; padding-right: 7%;}
#articleTop > div:last-child {width: 100px; justify-content: flex-end;}
#articleTop > div:last-child .txt p {font-size: 16px; color: #A0A0A0; line-height: 32px;}
#articleTop > div:first-child {width: calc(100% - 100px); padding-right: 40px;}
#articleBody {padding-right: 7%;}
.txt img {max-width: 100%; height: auto;}
.ratio-article {padding-top: 110%;}
.margin-20 {margin-top: 20px;}
#share .ya-share2 {margin-top: 16px;}
.paddingb-110 {padding-bottom: 110px;}
.priceBodyEl > div {position: relative;}
.priceBodyEl > div:first-child {width: calc(50% - 10px); padding-right: 7%;}
.priceBodyEl > div:last-child {width: calc(50% - 10px); margin-left: 20px;}
.priceBodyEl > div:last-child .flex > div:first-child {width: calc(100% - 140px); padding-right: 32px;}
.priceBodyEl > div:last-child .flex > div:last-child {width: 140px; justify-content: flex-end;}
.priceBodyEl > div:last-child .flex {margin-top: 16px;}
.priceBodyEl > div:last-child .flex:first-child {margin-top: 0px;}
.priceBodyEl {padding: 24px 0; border-bottom: 1px solid #B6B6B6;/* margin-top: -1px;*/}
.priceBodyEl:first-child {margin-top: 0px; border-top: 1px solid #B6B6B6; }
#calculator > div:last-child {padding-left: 7%;}
#calculatorBody > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
#calculatorBody > div:nth-child(-n+2) {margin-top: 0px;}
#calculatorBody > div:nth-child(2n+1) {margin-left: 0px;}
.calculatorEl {width: 100%; position: relative; height: 100%;}
.calculatorEl > .flex {padding-top: 8px; height: 56px; margin-bottom: 20px;}
.calculatorEl > .flex > div {align-items: flex-start; border-bottom: 1px solid #fff;}
.calculatorEl > .flex > div:last-child {width: 80px; justify-content: flex-end;}
.calculatorEl > .flex > div:last-child input {background-color: transparent; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 18px; color: #fff; text-align: right; width: 100%; display: block;}
.calculatorEl > .flex > div:first-child {width: calc(100% - 80px); padding-right: 24px;}
.calculatorEl > .flex > div:first-child .txt p {font-size: 18px;}
.calculatorEl .select {border-color: #fff; color: #fff;}
.price > span {font-weight: 300;}
.blockNotop {padding-top: 0px !important;}
#loader {width: 56px; height: 56px; position: relative;}
#loader img {width: 100%; height: 100%;}
#mediaGallery > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;}
#mediaGallery > div:nth-child(-n+4) {margin-top: 0px;}
#mediaGallery > div:nth-child(4n+1) {margin-left: 0px;}
.mediaGalleryEl {width: 100%; position: relative; border-radius: 12px; overflow: hidden;}
.mediaGalleryEl a .bg {transition: all 0.2s linear;}
.mediaGalleryEl a:hover .bg {transform: scale(1.1); transition: all 0.2s linear;}
.background-F5F5F5 .thesisEl > p:first-child, .background-FFFFFF .thesisEl > p:first-child {color: #52B060;}
.columns-2-33 > div:first-child {width: calc((100% - 60px) / 3); padding-right: 20px;}
.columns-2-33 > div:last-child {width: calc(100% - ((100% - 60px) / 3))}
.columns-2-33 > div > div {width: 100%; position: relative;}
#sidemenu {padding-right: 7%;}
#sidemenu p {margin-top: 12px;}
#sidemenu p:first-child {margin-top: 0px;}
#innerServices > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;}
#innerServices > div:nth-child(-n+2) {margin-top: 0px;}
#innerServices > div:nth-child(2n+1) {margin-left: 0px;}
.innerServicesEl {width: 100%; height: 100%; display: block; text-decoration: none; color: #222; overflow: hidden; border: 1px solid #B6B6B6; border-radius: 12px; padding: 20px;}
.innerServicesEl h4 {color: #222; transition: all 0.2s linear;}
.innerServicesEl:hover h4 {color: #52B060; transition: all 0.2s linear;}
.innerServicesEl svg path {fill: #52B060;}
.innerServicesEl .flex2 > div:first-child {justify-content: flex-end;}
.innerServicesEl .txt {padding-top: 32px;}
#innerMap > div {width: 100%; height: 320px; border-radius: 12px; overflow: hidden;}
#innerMap {margin-top: 56px;}
.red--color {border-color: #E6190F; transition: all 0.2s linear;}
#mdl {padding: 40px; width: 680px; display: none; color: #222; background-color: #fff;}
#mdl #loader {margin-top: 32px; width: 56px; height: 56px;}
.margin-24 {margin-top: 24px;}
.margin-32 {margin-top: 32px;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#panel {width: 100%; height: 100vh; position: fixed; top: 0px; left: 0px; z-index: 50; -webkit-transform: translate(0,-100%); transform: translate(0,-100%); opacity: 0; z-index: 19;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
.panel--open #panel {-webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1;
-webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s;
transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s;
}
#panelBody {height: calc(100vh - 120px); margin-top: 120px; position: relative;}
#panelBodyMenu {padding: 40px 0 80px; background-color: #fff; height: 100%; overflow-y: auto;}
#panelBodyMenu .flex > div {width: 50%; padding-right: 56px;}
.panelBodyMenuTxt {margin-top: 32px;}
.panelBodyMenuTxt p {font-size: 24px; line-height: 1.3; font-weight: 500; margin-top: 20px;}
.panelBodyMenuTxt p:first-child {margin-top: 0px;}
#topMenuWrp {position: relative; z-index: 10;}
.panelRectClose {opacity: 0; transition: all 0.2s linear;}
.panelRectOpen {opacity: 1; transition: all 0.2s linear;}
.panel--open .panelRectClose {opacity: 1; transition: all 0.2s linear;}
.panel--open .panelRectOpen {opacity: 0; transition: all 0.2s linear;}
.scrollTracking {opacity: 0;}
.scrollTracking.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;}
#sidemenuTop {display: none;}
#block1Body > div:last-child img {opacity: 0.9;}
.txt table {border-collapse: collapse; width: 100%; margin-top: 24px;}
.txt table:first-child {margin-top: 0px;}
.txt table td {padding: 8px; font-size: 16px; border: 1px solid #A0A0A0;}
.txt table tr:first-child td {background-color: #F5F5F5;}