@font-face {
  font-family: 'Museo Sans Cyrl 500';
  src: url('fonts/MuseoSansCyrl-500.eot');
  src: local('MuseoSansCyrl-500'),
    url('fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-500.woff') format('woff'),
    url('fonts/MuseoSansCyrl-500.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl 700';
  src: url('fonts/MuseoSansCyrl-700.eot');
  src: local('MuseoSansCyrl-700'),
    url('fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-700.woff') format('woff'),
    url('fonts/MuseoSansCyrl-700.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl 300';
  src: url('fonts/MuseoSansCyrl-300.eot');
  src: local('MuseoSansCyrl-300'),
    url('fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-300.woff') format('woff'),
    url('fonts/MuseoSansCyrl-300.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Museo Sans Cyrl 100';
  src: url('fonts/MuseoSansCyrl-100.eot');
  src: local('MuseoSansCyrl-100'),
    url('fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'),
    url('fonts/MuseoSansCyrl-100.woff') format('woff'),
    url('fonts/MuseoSansCyrl-100.ttf') format('truetype');
  font-weight: 300;
  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: #222222; background-color: #F3F3F3; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 18px; overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.wrap {min-height: 100%;}
#main {padding-bottom: 480px;}
footer {min-height: 480px; margin-top: -480px; position: relative; background-color: #F0F0F0; padding: 56px 0;}
.centered {width: 100%; padding: 0 3.85%; 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, .bg video, .bg iframe {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%;}

.bodyBlack {background-color: #222222;}
#topMenu {position: relative; z-index: 2;}
.topMenuBody {padding: 40px 0 0;}
.topMenuBody > div {vertical-align: top; position: relative;}
.topMenuBody > div:first-child {width: 25%;}
.topMenuBody > div:nth-child(2) {}
.topMenuBody > div:nth-child(3) {width: 20.88%;}
.topMenuBody > div:last-child {width: 12.47%;}
.topMenuBody > div:nth-child(2) ul {list-style: none;}
.topMenuBody > div:nth-child(2) ul > li {float: left; margin-right: 40px;}
.topMenuBody > div:nth-child(2) ul > li a, .topMenuBody > div:nth-child(2) ul > li a:visited {color: #222222; font-weight: 500; font-size: 20px; text-decoration: none; transition: all 0.2s linear; height: 24px; line-height: 24px; display: block;}
.bodyBlack .topMenuBody > div:nth-child(2) ul > li a, .bodyBlack .topMenuBody > div:nth-child(2) ul > li a:visited {color: #F3F3F3; transition: all 0.2s linear;}
.topMenuBody > div:nth-child(2) ul > li a:hover {color: #A88E80 !important; transition: all 0.2s linear;}
.topMenuBody > div:nth-child(3) a {text-decoration: none; color: #222222;}
.bodyBlack .topMenuBody > div:nth-child(3) a {color: #fff !important;}
/*.topMenuBody > div:nth-child(3) p {line-height: 1; font-size: 24px; font-weight: 500;}*/
.topMenuBodyHam {float: right; cursor: pointer;}
.topMenuBodyHam > p {float: left; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-right: 20px; display: inline-block; font-weight: 500; color: #222222; transition: all 0.2s linear;}
.bodyBlack .topMenuBodyHam > p {color: #F3F3F3; transition: all 0.2s linear;}
.topMenuBodyHam svg {display: block; float: left; width: 32px; height: 22px; margin-top: 1px;}
.topMenuBodyHam svg rect {fill: #222222; transition: all 0.2s linear;}
.bodyBlack .topMenuBodyHam svg rect {fill: #F3F3F3; transition: all 0.2s linear;}
.topMenuBodyHam:hover svg rect {fill: #A88E80 !important; transition: all 0.2s linear;}
.topMenuBodyHam:hover > p {color: #A88E80; transition: all 0.2s linear;}
.topMenuBody > div:first-child a, #footerTop > .tbl > div:first-child a {display: block; width: 220px; height: 46px; position: relative; transition: all 0.2s linear;}
.topMenuBody > div:first-child a img, #footerTop > .tbl > div:first-child a img {width: 100%; height: 100%; transition: all 0.2s linear;}
#topBody {position: relative; z-index: 1; margin-top: -86px; min-height: 100vh; height: auto; padding-top: 170px;}
#topBodyContent {width: 100%; padding: 88px 3.85%; position: relative; height: 100%; z-index: 2;}
#topBodyContent > div {position: relative;}
#topBodyContent > div:first-child {width: 41.64%; vertical-align: top;}
#topBodyContent > div:nth-child(2) {vertical-align: bottom;}
#topBodyContent > div:last-child {width: 12.47%; vertical-align: middle;}
#topBodyContent > div:last-child .round p, #mpAboutInfo .round p {color: #f3f3f3; transition: all 0.2s linear;}

.bg-F3F3F3 #mpAboutInfo .round p, .bg-EAEAEA #mpAboutInfo .round p {color: #A88E80; transition: all 0.2s linear;}
.bg-222222 #mpAboutInfo .round p {color: #f3f3f3; transition: all 0.2s linear;}

#topBodyContent > div:first-child h1 {color: #F3F3F3; font-family: 'Museo Sans Cyrl 300'; /*font-size: 80px;*/ line-height: 1.05; width: 110%;
font-size: min(max(26px, calc(1.625rem + (80 - 26) * ((100vw - 320px) / (1920 - 320)))), 80px); min-height: 0vw;
/* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
#topBodyContent > div:nth-child(2) .txt {color: #F3F3F3;}
.txt p {line-height: 1.6; margin-top: 32px;}
.txt p:first-child {margin-top: 0px;}
#topBodyContentLinks {padding-left: 10.1%;}
.link a {color: #A88E80; text-decoration: none; position: relative;padding-right: 16px; transition: all 0.2s linear;}
.link a > span {border-bottom: 1px solid #A88E80; transition: all 0.2s linear; margin-right: 16px;}
.link p {font-weight: 500; position: relative; display: inline-block; line-height: 1.5;}
.link {margin-top: 24px;}
.link:first-child {margin-top: 0px;}
.link p:after {content: ''; display: block; width: 18px; height: 8px; right: 0px; top: 50%; margin-top: -4px; background: url('../img/arrow1.svg') no-repeat; position: absolute; transition: all 0.2s linear;}
.link:hover p:after{right: -8px; transition: all 0.2s linear;}
.round {background: transparent; width: 150px; height: 150px; position: relative; cursor: pointer; /*border: 2px solid #A88E80;*/ border: 1.5px solid #A88E80; border-radius: 50%; transition: all 0.2s linear; text-decoration: none;}
.round p {color: #A88E80; transition: all 0.2s linear;}
.round:hover {background-color: #A88E80; transition: all 0.2s linear;}
.round:hover p {color: #222222 !important; transition: all 0.2s linear;}
.round > div {vertical-align: middle; text-align: center; color: #F3F3F3; line-height: 1.4; font-weight: 500; padding: 0 8px; width: 100%;}
.round > div img {display: block; width: 44px; height: 44px; margin: 0 auto; margin-bottom: 10px;}
#topBodyBg {position: absolute; z-index: 1; width: 100%; height: 100%; top: 0px; padding-top: 170px; padding-left: 26.92%;}
#topBodyBg > div {width: 100%; height: 100%; position: relative;}
#topBodyBg .bg {z-index: 1;}
.topBodyBgOverlay {z-index: 2; width: 100%; height: 100%; position: relative; opacity: 0.9;
background: -moz-radial-gradient(center, ellipse cover,  rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%);
background: radial-gradient(ellipse at center,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=1 );
}
#dynamicLines {/*padding-top: 100px;*/ height: auto; overflow-x: hidden;}
.dynamicLinesEl a {font-size: 60px; text-decoration: none; font-family: 'Museo Sans Cyrl 500'; line-height: 1.3; text-transform: uppercase; margin-right: 80px; transition: all 0.2s linear;
  
}
.bg-F3F3F3 .dynamicLinesEl a {color: #f3f3f3;
text-shadow: 
    -0   -1px 0 #A88E80,
     0   -1px 0 #A88E80,
    -0    1px 0 #A88E80,
     0    1px 0 #A88E80,
    -1px -0   0 #A88E80,
     1px -0   0 #A88E80,
    -1px  0   0 #A88E80,
     1px  0   0 #A88E80,
    -1px -1px 0 #A88E80,
     1px -1px 0 #A88E80,
    -1px  1px 0 #A88E80,
     1px  1px 0 #A88E80,
    -1px -1px 0 #A88E80,
     1px -1px 0 #A88E80,
    -1px  1px 0 #A88E80,
     1px  1px 0 #A88E80;
}
.bg-F3F3F3 .dynamicLinesEl a:hover {transition: all 0.2s linear; 
text-shadow: 
    -0   -1px 0 #989696,
     0   -1px 0 #989696,
    -0    1px 0 #989696,
     0    1px 0 #989696,
    -1px -0   0 #989696,
     1px -0   0 #989696,
    -1px  0   0 #989696,
     1px  0   0 #989696,
    -1px -1px 0 #989696,
     1px -1px 0 #989696,
    -1px  1px 0 #989696,
     1px  1px 0 #989696,
    -1px -1px 0 #989696,
     1px -1px 0 #989696,
    -1px  1px 0 #989696,
     1px  1px 0 #989696;
}
.bg-222222 .dynamicLinesEl a {color: #222222;
text-shadow: 
    -0   -1px 0 #454545,
     0   -1px 0 #454545,
    -0    1px 0 #454545,
     0    1px 0 #454545,
    -1px -0   0 #454545,
     1px -0   0 #454545,
    -1px  0   0 #454545,
     1px  0   0 #454545,
    -1px -1px 0 #454545,
     1px -1px 0 #454545,
    -1px  1px 0 #454545,
     1px  1px 0 #454545,
    -1px -1px 0 #454545,
     1px -1px 0 #454545,
    -1px  1px 0 #454545,
     1px  1px 0 #454545;
}
.bg-222222 .dynamicLinesEl a:hover {transition: all 0.2s linear; 
text-shadow: 
    -0   -1px 0 #F3F3F3,
     0   -1px 0 #F3F3F3,
    -0    1px 0 #F3F3F3,
     0    1px 0 #F3F3F3,
    -1px -0   0 #F3F3F3,
     1px -0   0 #F3F3F3,
    -1px  0   0 #F3F3F3,
     1px  0   0 #F3F3F3,
    -1px -1px 0 #F3F3F3,
     1px -1px 0 #F3F3F3,
    -1px  1px 0 #F3F3F3,
     1px  1px 0 #F3F3F3,
    -1px -1px 0 #F3F3F3,
     1px -1px 0 #F3F3F3,
    -1px  1px 0 #F3F3F3,
     1px  1px 0 #F3F3F3;
}
#mpAbout {padding-top: 130px; color: #f3f3f3;}
.columns-2-20-80 {width: 100%;}
.columns-2-20-80 > div {vertical-align: top; position: relative;}
.columns-2-20-80 > div:first-child {width: 20.82%; padding-top: 4px;}
.columns-2-20-80 > div:last-child {/*padding: 0 16.64% 0 4.17%;*/ padding: 0 29.17% 0 4.17%;}
.label {font-size: 16px; text-transform: uppercase; color: #A88E80; font-weight: 500;}
.txt h2 {color: #222222; font-family: 'Museo Sans Cyrl 300'; /*font-size: 48px;*/ line-height: 1.2; margin-top: 48px;
/* 22px @ 320px increasing to 48px @ 1920px */
font-size: min(max(23px, calc(1.4375rem + (48 - 23) * ((100vw - 320px) / (1920 - 320)))), 48px);
/* Note: The calc base value (1.375rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.txt h2:first-child {margin-top: 0px;}
#mpAbout .txt h2 {color: #f3f3f3;}
.columns-2-29-71 {width: 100%;}
.columns-2-29-71 > div {vertical-align: top; position: relative;}
.columns-2-29-71 > div:first-child {width: 29.17%;}
.columns-2-29-71 > div:last-child {padding: 0 0 0 12.47%;}
.padding-100 {padding-top: 100px;}
#mpAboutInfo > div, .columns-2-78-22 > div {vertical-align: middle; position: relative;}
#mpAboutInfo > div:last-child, .columns-2-78-22 > div:last-child {width: 21.56%;}
#mpAboutInfo > div:first-child {/*padding-right: 7.21%;*/}
.cell-517 {width: 517px;}
.mpAboutWhyEl {width: 100%; border-top: 1px solid #989696; padding: 24px 0;}
.mpAboutWhyEl:last-child {border-bottom: 1px solid #989696; padding: 24px 0;}
.mpAboutWhyEl > div {vertical-align: top;}
.mpAboutWhyEl > div:first-child {width: 43.21%; padding-right: 7.21%; }
.mpAboutWhyEl > div:last-child {/*font-weight: 500;*/}
.mpAboutWhyEl h4 {/*font-size: 24px;*/ color: #222222; font-family: 'Museo Sans Cyrl 300';
/* 18px @ 320px increasing to 24px @ 1920px */
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.mpAboutWhyEl h4 {margin-top: 2px !important;}
.bg-F3F3F3 #mpAboutWhy .mpAboutWhyEl h4, .bg-EAEAEA #mpAboutWhy .mpAboutWhyEl h4 {color: #222222;}
.bg-222222 #mpAboutWhy .mpAboutWhyEl h4 {color: #f3f3f3;}
.padding-200 {padding-top: 200px;}
#instagram > .centered {overflow: hidden;}
/* 20px @ 320px increasing to 34px @ 1920px */
.txt h3 {color: #222222; font-family: 'Museo Sans Cyrl 300'; margin-top: 40px;
font-size: min(max(20px, calc(1.25rem + (34 - 20) * ((100vw - 320px) / (1920 - 320)))), 34px);
/* Note: The calc base value (1.25rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.txt h3:first-child {margin-top: 0px;}
#instagram .txt h3 {color: #f3f3f3;}
#instagramSlick {width: 100%; position: relative; height: calc(370px + 48px); padding-top: 48px;}
#instagramSlick > div {width: 1332px; /*width: calc((36.09% * 4) + (7.21% * 4));*/ position: absolute; left: 0px; right: 0px;}
#instagramSlick .slick-slide {width: 370px !important; margin-right: 74px;}
#instagramNav {padding-left: 14.45%; padding-top: 80px;}
.round2 {width: 74px; height: 74px; border-radius: 50%; border: 1.5px solid #A88E80;  background: transparent; cursor: pointer; transition: all 0.2s linear; position: relative; display: block;}
.round2:hover {background-color: #A88E80; transition: all 0.2s linear;}
.round2 svg {display: block; width: 34px; height: 12px; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -6px;}
.round2 svg path {fill: #A88E80; transition: all 0.2s linear;}
.round2:hover svg path {fill: #222222; transition: all 0.2s linear;}
#instagramNav .round2 {float: left;}
#instagramNav .round2:last-child {margin-left: 14.45%;}
#mpServices {background-color: #F3F3F3;}
.padding-80 {padding-top: 80px;}
.mpServicesBodyEl {border-top: 1px solid #989696; transition: all 0.2s linear;}
.mpServicesBodyEl:last-child {border-bottom: 1px solid #989696;}
.mpServicesBodyElTop {width: 100%; position: relative; cursor: pointer; padding: 40px 0; text-decoration: none; background-color: transparent; transition: all 0.2s linear;}
.bg-222222 .mpServicesBodyElTop {color: #f3f3f3;}
.bg-f3f3f3 .mpServicesBodyElTop {color: #222222;}
/*.mpServicesBodyElTop:hover {background-color: #EAEAEA; transition: all 0.2s linear;}*/
.mpServicesBodyElTop > div {vertical-align: middle; position: relative;}
.mpServicesBodyElTop > div:last-child {width: 33.35%;}
.mpServicesBodyElTop > div:first-child {padding: 0 4.17%;}
.mpServicesBodyElTopTitle h2 {font-family: 'Museo Sans Cyrl 100'; /*font-size: 80px;*/ line-height: 1.2;
font-size: min(max(26px, calc(1.625rem + (80 - 26) * ((100vw - 320px) / (1920 - 320)))), 80px); min-height: 0vw;
/* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;}
.mpServicesBodyElTopTitle {position: relative; padding-right: 130px; display: inline-block;}
.mpServicesBodyElTopNum {display: block; width: 74px; height: 74px; border-radius: 50%; border: 1.5px solid #A88E80; background: transparent; transition: all 0.2s linear; position: relative; text-align: center; line-height: 74px; font-size: 32px; color: #A88E80; margin-left: 48px; position: absolute; right: 0px; top: 50%; margin-top: -37px; font-family: 'Museo Sans Cyrl 300';}
.mpServicesBodyElTop:hover .mpServicesBodyElTopNum {background-color: #A88E80; color: #222222;}
.mpServicesBodyElTopNum svg {display: block; width: 34px; height: 12px; position: absolute; left: 50%; top: 50%; margin-left: -17px; margin-top: -6px;}
.mpServicesBodyElTopNum svg path {fill: #A88E80; transition: all 0.2s linear;} 
.mpServicesBodyElTop:hover .mpServicesBodyElTopNum svg path {fill: #222222; transition: all 0.2s linear;} 
#mpBlog {background-color: #f3f3f3; padding-bottom: 200px;}
.columns-3-41-59 {width: 100%;}
.columns-3-41-59 > div {vertical-align: top; position: relative;}
.columns-3-41-59 > div:first-child {width: 41.64%;}
.columns-3-41-59 > div:last-child {width: 12.47%;}
.columns-2-29-71 > div:first-child .txt:nth-child(2), .columns-3-41-59 > div:first-child .txt:nth-child(2) {margin-top: 24px;}
#mpBlogGrid > div {width: calc(100% / 3); position: relative; padding-left: 4.17%; margin-top: 56px;}
#mpBlogGrid > div:nth-child(-n+3) {margin-top: 0px;}
.blogEl {width: 100%; height: 100%; color: #222222; text-decoration: none; position: relative; padding-bottom: 36px;}
.blogElInfo {padding: 24px 0 0;}
.blogElInfo > div {vertical-align: top; position: relative;}
.blogElInfo > div:last-child {width: 74px;}
.blogElInfo > div:first-child {padding-right: 32px;}
.blogEl > .label {position: absolute; left: 0px; bottom: 0px; color: #989696;}
.txt h4 {font-family: 'Museo Sans Cyrl 300'; /*font-size: 26px;*/ line-height: 1.2; margin-top: 40px;
/* 18px @ 320px increasing to 26px @ 1920px */
font-size: min(max(18px, calc(1.125rem + (26 - 18) * ((100vw - 320px) / (1920 - 320)))), 26px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.txt h4:first-child {margin-top: 0px;}
.blogEl:hover .round2 {background-color: #A88E80; transition: all 0.2s linear;}
.blogEl:hover .round2 svg path {fill: #222222; transition: all 0.2s linear;}
.blogEl .ratio, .instagramSlickEl {overflow: hidden;}
.blogEl .bg, .instagramSlickEl .bg, .worksEl .bg {transition: all 0.2s linear;}
.blogEl:hover .bg, .instagramSlickEl:hover .bg, .worksEl:hover .bg {transform: scale(1.1); transition: all 0.2s linear;}
#mpOffers {background-color: #EAEAEA;}
.columns-2-71-29 {width: 100%;}
.columns-2-71-29 > div {vertical-align: top; position: relative;}
.columns-2-71-29 > div:first-child {padding-right: 4.17%;}
.columns-2-71-29 > div:last-child {width: 29.17%;}
.txt a, .txt a:visited {color: #A88E80; text-decoration: none; border-bottom: 1px solid #A88E80; transition: all 0.2s linear;}
.txt a:hover, .aActive {color: #989696 !important; border-color: #989696 !important; transition: all 0.2s linear;}
.ratio-offer {padding-top: 52.75%;}
#mpOffers .columns-2-71-29 > div:last-child {padding-bottom: 150px;}
#mpOffersBodyNav {position: absolute; bottom: 0px; left: 0px; border-top: 1px solid #989696; width: 100%; padding-top: 40px;}
#mpOffersBodyNav .round2 {float: left;}
#mpOffersBodyNav .round2:nth-child(2) {margin-left: /*14.45%;*/ 32px;}
#mpOffersBodyPic {position: relative;}
#mpOffersBodyPic > .ratio {z-index: 1;}
#mpOffersBodyPicItems {position: absolute; left: 0px; bottom: 24px; width: 100%; z-index: 5;}
.mpOffersBodyPicItemsEl {width: calc((100% - 120px) / 4); margin-left: 24px; position: relative; float: left; cursor: pointer;}
.mpOffersBodyPicItemsEl .bg {opacity: 0.64; transition: all 0.2s linear;}
.mpOffersBodyPicItemsEl:hover .bg, .mpOffersBodyPicItemsEl--active .bg {opacity: 1 !important; transition: all 0.2s linear;}
.columns-2-41-59 {width: 100%;}
.columns-2-41-59 > div {vertical-align: top; position: relative;}
.columns-2-41-59 > div:first-child {width: 41.64%;}
.columns-2-20-80-2 {width: 100%;}
.columns-2-20-80-2 > div {vertical-align: top; position: relative;}
.columns-2-20-80-2 > div:first-child {width: 20.82%;}
#mpShopBodyLinks {padding-left: 10.1%;}
#mpShop {background-color: #EAEAEA; padding-bottom: 200px;}
.shopBlock {margin-top: 80px; width: 100%; position: relative;}
.shopBlock:first-child {margin-top: 0px;}
.shopBlock > .txt {padding-left: 5.32%;}
.shopBlock .flex {margin-top: 48px;}
.shopBlock .flex > div {width: calc(100% / 3); padding-left: 5.32%; position: relative; margin-top: 48px;}
.shopBlockEl {width: 100%; height: 100%; cursor: pointer;}
.ratio-shop {padding-top: 118%;}
.shopBlockElTitle {margin-top: 24px;}
.shopBlockElInfo {margin-top: 16px; width: 100%;}
.shopBlockElInfo > div {vertical-align: middle; position: relative;}
.shopBlockElInfo > div:last-child {width: 74px;}
.shopBlockElInfo > div:first-child {padding-right: 32px;}
.shopBlockElInfoPriceOld {font-size: 16px; color: #989696; text-decoration: line-through; line-height: 1;}
.shopBlockElInfoPrice {font-size: 22px; line-height: 1; font-size: 22px; font-weight: 600;}
.shopBlockElInfoPrice:nth-child(2) {margin-top: 8px;}
.shopBlock .flex > div:nth-child(-n+3) {margin-top: 0px;}
.shopBlockEl .round2 svg {display: block; width: 34px; height: 32px; margin-top: -16px; margin-left: -17px;}
.shopBlockEl .ratio, .mpServicesBodyElBodyEl > div:first-child .ratio {overflow: hidden;}
.shopBlockEl .bg, .mpServicesBodyElBodyEl > div:first-child .bg {transition: all 0.2s linear;}
.shopBlockEl .round2 svg path {fill: #A88E80; stroke: #A88E80; stroke-width: 0.1; transition: all 0.2s linear;}
.shopBlockEl:hover .bg, .mpServicesBodyElBodyEl:hover > div:first-child .bg {scale: 1.1; transition: all 0.2s linear;}
.shopBlockEl:hover .round2 {background-color: #A88E80; transition: all 0.2s linear;}
.shopBlockEl:hover .round2 svg path {fill: #222222; stroke: #222222; transition: all 0.2s linear;}
#consultant {color: #f3f3f3;}
#consultantBody {width: 880px; margin-top: 32px;}
#consultantBody:first-child {margin-top: 0px;}
#consultantBodyBottom {border: 1.5px solid #A88E80; padding: 0 32px; margin-top: 32px; position: relative;}
#consultantBodyBottom > div {position: relative;}
#consultantBodyBottom > div:first-child {width: 74px; padding: 32px 0; vertical-align: middle;}
#consultantBodyBottom > div:last-child {padding: 12px 0 12px 32px; vertical-align: top;}

.consultantBodyChatEl {font-weight: 500; width: 100%; margin-top: 24px;}
.consultantBodyChatEl:first-child {margin-top: 0px;}
.consultantBodyChatEl > div {border: 1.5px solid #f3f3f3; padding: 24px 32px; border-radius: 8px; display: inline-block; max-width: 90%;}
.consultantBodyChatEl--user > div {background-color: #f3f3f3; color: #222222; float: right;}
.consultantInfoEl:first-child {/*margin-bottom: 100px; padding-top: 40px;*/}
.consultantInfoEl:nth-child(2) {padding-top: 32px; border-top: 1px solid #989696;}
.consultantBodyBottomEl {display: inline-block; padding: 12px; line-height: 1; border-radius: 3px; background-color: #A88E80; color: #222222; cursor: pointer; margin-right: 24px; margin-top: 8px; margin-bottom: 8px; transition: all 0.2s linear;}
.consultantBodyBottomEl:hover {background-color: #f3f3f3; transition: all 0.2s linear;}
#consultantBodyChat {min-height: 240px; max-height: 480px; overflow-y: auto; padding-bottom: 48px; padding-right: 24px;}
.consultantBodyBottom--one > div:first-child {display: none;}
.consultantBodyBottom--one > div:last-child {padding: 12px 0 12px 0px !important;}

#footerTop > .tbl {padding: 0 0 24px; width: 100%; border-bottom: 1px solid #989696;}
#footerTop > .tbl > div {vertical-align: middle; position: relative;}
#footerTop > .tbl > div:first-child {width: 25%;}
#footerTop > .tbl > div:last-child ul {list-style: none; float: right;}
#footerTop > .tbl > div:last-child ul > li {float: left; margin-left: 16px; position: relative;}
#footerTop > .tbl > div:last-child ul > li a, #footerTop > .tbl > div:last-child ul > li a:visited {width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid #A88E80; background: transparent; cursor: pointer; transition: all 0.2s linear; position: relative; display: block; transition: all 0.2s linear; z-index: 2;}
#footerTop > .tbl > div:last-child ul > li a:hover {background-color: rgba(168,142,128,0.24); transition: all 0.2s linear; border-color: rgba(168,142,128,0.24);}
#footerTop > .tbl > div:last-child ul > li a img {display: block; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; z-index: 2;}
#footerInfo {margin-top: 56px;}
#footerInfo .columns-2-20-80-2 > div:first-child .txt {margin-top: 32px;}
#footerInfo .columns-2-20-80-2 > div:first-child .txt:first-child {margin-top: 0px;}
#footerInfo .columns-2-20-80-2 > div:first-child .txt p:first-child {font-weight: 500; font-size: 24px; line-height: 1;}
#footerInfo .columns-2-20-80-2 > div:first-child .txt p:nth-child(2) {/*font-weight: 500;*/ margin-top: 12px;}
#footerInfo .columns-2-20-80-2 > div:last-child .flex > div {padding-left: 5.32%; width: 25%; position: relative;  margin-bottom: 56px;}
.footerInfoEl {width: 100%; height: 100%;}
.footerInfoEl > p {font-size: 22px; font-weight: 500;}
.footerInfoEl ul {list-style: none; margin-top: 24px;}
.footerInfoEl ul > li {margin-top: 16px;}
.footerInfoEl ul > li:first-child {margin-top: 0px;}
.footerInfoEl ul > li a, .footerInfoEl ul > li a:visited {color: #A88E80; text-decoration: none; line-height: 1.4; font-weight: 500; transition: all 0.2s linear;}
.footerInfoEl ul > li a:hover {color: #989696; transition: all 0.2s linear;}
#footerBottom .tbl {width: 100%; position: relative;}
#footerBottom .tbl > div {width: 50%; vertical-align: middle;}
#footerBottom .tbl > div:first-child {padding-right: 24px;}
#footerBottom .tbl > div:last-child {padding-left: 24px;}
#footerBottom .tbl > div:first-child p {color: #989696; font-size: 16px;}
#rbkt {float: right; display: inline-block; padding-right: 48px; position: relative; height: 40px; text-decoration: none;}
#rbkt p {font-size: 16px; color: #A88E80; line-height: 40px; transition: all 0.2s linear;}
#rbkt:after {content: ''; display: block; width: 40px; height: 40px; background: url('../img/rbkt.svg') no-repeat; background-size: 40px 40px; position: absolute; right: 0px; top: 0px;}
#rbkt:hover p {color: #989696; transition: all 0.2s linear;}
.columns-3-29-0-12 {width: 100%; position: relative;}
.columns-3-29-0-12 > div {position: relative;}
.columns-3-29-0-12 > div:first-child {width: 29.06%; vertical-align: top;}
.columns-3-29-0-12 > div:nth-child(2) {padding: 0 4.17% 0 12.47%; vertical-align: top;}
.columns-3-29-0-12 > div:last-child {width: 12.47%; vertical-align: bottom;}
.mpServicesBodyElBodyEl {border-top: 1px solid #989696; padding: 48px 0; color: #222222; text-decoration: none;}
.mpServicesBodyElBodyEl:hover .round {background-color: #A88E80;transition: all 0.2s linear;}
.mpServicesBodyElBodyEl:hover .round p {color: #222222; transition: all 0.2s linear;}
.mpServicesBodyElBody {display: none;}
/*.mpServicesBodyEl--open .mpServicesBodyElBody {display: block !important;}*/
.mpServicesBodyEl--open .mpServicesBodyElTopNum {background-color: #A88E80 !important; color: #222222 !important;}
/*.mpServicesBodyEl--open {background-color: #EAEAEA; transition: all 0.2s linear;}*/
#topBodyInner > .centered {position: relative;}
#topBodyInner h1 {font-family: 'Museo Sans Cyrl 300'; /*font-size: 80px;*/ line-height: 1.05; width: 70%;
font-size: min(max(26px, calc(1.625rem + (80 - 26) * ((100vw - 320px) / (1920 - 320)))), 80px); min-height: 0vw;
/* Note: The calc base value (1.625rem) MUST be stated in REM to maintain accessibility */
  /* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
#brcr {width: 100%; margin-top: 48px; list-style: none;  border-bottom: 1px solid #989696;}
#brcr > li {float: left; margin-right: 16px; margin-bottom: 24px; color: #989696; font-size: 16px; text-transform: uppercase; font-weight: 500;}
#brcr > li a, #brcr > li a:visited {color: #989696; text-decoration: none; transition: all 0.2s linear; border-bottom: none;}
#brcr > li a:hover {color: #A88E80; transition: all 0.2s linear;  border-bottom: 1px solid #A88E80;}
#topBodyInner {position: relative; z-index: 1; margin-top: -86px; height: auto; padding-top: 170px;}
.pr-12 {padding-right: 12.41%;}
.columns-2-71-29-2 {width: 100%;}
.columns-2-71-29-2 > div {vertical-align: top; position: relative;}
.columns-2-71-29-2 > div:first-child {padding-right: 12.41%;}
.columns-2-71-29-2 > div:last-child {width: 29.17%;}
#innerService1Info {margin-top: 80px; padding-left: 5.94%;}
.innerService1Info {/*padding-left: 5.94%;*/ padding-left: 7%;}
#innerService1Info .clearfix {margin-top: 80px;}
/*#innerServicesBody {margin-bottom: 200px;}*/
#innerServicesBody .mpServicesBodyElBodyEl:last-child {border-bottom: 1px solid #989696;}
.shopBlock2 .flex > div {width: calc(100% / 4); padding-left: 4.17%; position: relative; margin-top: 48px;}
.shopBlock2 .flex > div:nth-child(-n+4) {margin-top: 0px;}
.bg-EAEAEA {background-color: #EAEAEA;}
.paddingb-200 {padding-bottom: 200px;}
.bg-222222 {background-color: #222222;}
.paddingb-100 {padding-bottom: 100px;}
.border-top {border-top: 1px solid #989696;}
.ratio-wide {padding-top: 32%;}
#inner > .wide-pic:first-child {margin-top: -1px;}
.cell-735 {width: 735px;}
.flex-4 > div {width: calc(100% / 4); padding-left: 4.17%; position: relative;}
#works > div {margin-top: 80px;}
#works > div:nth-child(-n+4) {margin-top: 0px;}
.worksEl {width: 100%; height: 100%; display: block; overflow: hidden;}
#works > div > .tbl {width: 100%; height: 100%;}
#works > div > .tbl > div {vertical-align: middle;}
#works > div > .tbl > div .round {margin: 0 auto;}
#price .columns-2-29-71 > div:first-child .txt p, .block-price .columns-2-29-71 > div:first-child .txt p {padding-left: 14.39%;}
.columns-3-14-0-14 {width: 100%;}
.columns-3-14-0-14 > div {vertical-align: top; position: relative;}
.columns-3-14-0-14 > div:first-child {width: 14.43%;}
.columns-3-14-0-14 > div:last-child {width: 14.43%;}
.columns-3-14-0-14 > div:nth-child(2) {padding: 0 14.43% 0 7.21%;}
.priceEl > div:nth-child(2) .label {margin-top: 12px;}
.priceEl > div:nth-child(2) h4 {
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.priceEl > div:last-child p {font-size: 22px; font-weight: 500;
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
}
.priceEl {border-top: 1px solid #989696; padding: 24px 0;}
.priceEl:last-child {border-bottom: 1px solid #989696;}
.bodyBlack #topBodyInner h1 {color: #f3f3f3 !important;}
.columns-2-58-42 {width: 100%;}
.columns-2-58-42 > div {vertical-align: top; position: relative;}
.columns-2-58-42 > div:first-child {width: 58.35%;}
.bg-222222 .txt p:not(.label), .bg-222222 .txt h2, .bg-222222 .txt h3, .bg-222222 .txt h4 {color: #f3f3f3;}
.columns-2-71-29 > div:last-child .columnLinks {padding-left: 14.45%;}
.bg-F3F3F3 {background-color: #F3F3F3;}
#faq > .flex > div {width: 50%; padding-left: 4.17%; position: relative;}
#reviewsInner > .flex > div {width: 50%; padding-left: 4.17%; position: relative;}
.faqEl {color: #222; text-decoration: none; width: 100%; height: 100%; border-bottom: 1px solid #989696; padding: 24px 3.97% 24px 0; transition: all 0.2s linear;}
#faq > .flex > div:nth-child(-n+2) .faqEl {border-top: 1px solid #989696;}
/* 8.42% */
.faqEl > div {vertical-align: top;}
/*.faqEl > div .txt {width: calc(100% - 8.42%);}*/
.faqEl:hover {padding: 24px 0 24px 3.97%; transition: all 0.2s linear;}
.faqEl > div .txt h4, .sayEl > div .txt h4 {
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
.bodyGrey {background-color: #EAEAEA;}
.ratio-item {padding-top: 120%;}
#itemPrice {width: 100%; margin-top: 80px; padding: 24px 0; border-top: 1px solid #989696; border-bottom: 1px solid #989696;}
.itemPrice {width: 100%; padding: 24px 0; border-top: 1px solid #989696; cursor: pointer;}
.itemPrice:last-child {border-bottom: 1px solid #989696;}
.itemPrice:hover .round2 {background-color: #A88E80; transition: all 0.2s linear;} 
.itemPrice:hover .round2 svg path {fill: #222222; transition: all 0.2s linear;} 
#itemPrice > div, .itemPrice > div {position: relative; vertical-align: middle;}
#itemPrice > div:first-child {padding-right: 4.38%;}
.itemPrice > div:first-child {padding-right: 3.4%; padding-left: 0px; transition: all 0.2s linear;}
.itemPrice:hover > div:first-child {padding: 0 0 0 3.4%; transition: all 0.2s linear;}
.itemPrice:hover > div:first-child .txt {padding-right: 24px;}
.itemPrice > div:first-child a, .itemPrice > div:first-child a:visited {color: #222222; text-decoration: none; border-bottom: none;}
#itemPrice > div:last-child, .itemPrice > div:last-child {width: 74px;}
#itemPrice > div:nth-child(2), .itemPrice > div:nth-child(2) {width: 21.56%;}
#itemPrice > div:first-child h4, .itemPrice > div:first-child h4 {
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;}
#itemPrice > div:first-child .label, .itemPrice > div:first-child .label {margin-top: 12px;}
#itemPrice > div:last-child .round2 svg, .itemPrice > div:last-child .round2 svg {display: block; width: 34px; height: 32px; margin-top: -16px; margin-left: -17px;}
#mpAbout .columns-2-29-71 > div:first-child .ratio .bg {z-index: 1;}
#mpAbout .columns-2-29-71 > div:first-child .ratio:before {content: ''; z-index: 2; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; opacity: 0.9;
background: -moz-radial-gradient(center, ellipse cover,  rgba(34,34,34,0) 0%, rgba(34,34,34,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%);
background: radial-gradient(ellipse at center,  rgba(34,34,34,0) 0%,rgba(34,34,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=1 );}
.consultantBodyChatEl--user p {color: #222 !important;}
#loader {width: 80px; height: 80px; display: block; margin: 0 auto; position: relative;}
#loader > img {width: 100%; height: 100%; display: block;}
#innerArticle .columns-2-71-29-2 > div:last-child > img {width: 100%; height: auto;}
#share {margin-top: 48px;}
#share:frist-child {margin-top: 0px;}
#share .label {margin-bottom: 10px;}
.txt img {max-width: 100%; height: auto;}
#mdl {display: none; width: 840px; padding: 48px; background-color: #ffffff; color: #222222;}
.mpOffersBodyPicBg {z-index: 1; opacity: 0;}
.mpOffersBodyPic--active {z-index: 3 !important;}
.innerProjectsInfo:not(.innerProjectsInfoNotop) {padding-bottom: 160px;}
.innerProjectsInfo .link {margin-top: 80px;}
.paddingl-9 {padding-left: 9.89%;}
.padding-40 {padding-top: 40px;}
#worksCategories p {float: left; display: inline-block; margin-right: 40px; margin-top: 24px;}
#worksCategories p:first-child {margin-top: 24px;}
.paddingl-4 {padding-left: 4.17%;}
.sayEl {color: #222; text-decoration: none; width: 100%; height: 100%; border-bottom: 1px solid #989696; padding: 24px 0 24px 0; transition: all 0.2s linear;}
#reviewsInner > .flex > div:nth-child(-n+2) .sayEl {border-top: 1px solid #989696;}
.sayEl > div {vertical-align: top;}
.sayElTop {width: 100%; position: relative;}
.sayElTop > div {vertical-align: middle; position: relative;}
.sayElTop > div:first-child {width: 40px;}
.sayElTop > div:last-child {padding-left: 16px;}
.sayElTop > div:first-child div {display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; position:relative;}
.sayElTop > div:first-child div img {width: 100%; height: 100%;}
.sayElTop > div:first-child div p {display: block; width: 40px; height: 40px; background-color: #A88E80; position: absolute; left: 0px; top: 0px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 16px; text-transform: uppercase; color: #222222; font-weight: 500;}
.sayElBody {margin-top: 24px;}
.innerMap {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 2;}
.innerMapBg {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 1; background-color: #A88E80;}
.contactsInnerEl > div:first-child {padding-left: 4.17%;}
.ymaps-2-1-79-map-copyrights-promo, .ymaps-2-1-79-copyright__wrap {display: none !important;}
#menu {position: fixed; width: 100%; height: 100%; top: -100%; left: 0px; background-color: #222222; z-index: 0; opacity: 0; transition: all 0.1s linear;
/*-webkit-transform: translate(0,-100%); transform: translate(0,-100%); opacity: 0;
-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 #menu {/*-webkit-transform: translate(0,0); transform: translate(0,0);*/ opacity: 1; z-index: 20; top: 0px; transition: all 0.1s linear;
/*-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;*/
}
#menuTop > .tbl {padding: 40px 0; position: relative; z-index: 3;}
#menuTop > .tbl > div {vertical-align: top; position: relative;}
#menuTop > .tbl > div:first-child {width: 25%;}
#menuTop > .tbl > div:nth-child(2) {}
#menuTop > .tbl > div:nth-child(3) {width: 20.88%;}
#menuTop > .tbl > div:last-child {width: 12.47%;}
#menuTop > .tbl > div:nth-child(3) a {text-decoration: none; color: #222222; color: #fff !important;}
#menuTop > .tbl > div:nth-child(3) p {line-height: 1; font-size: 24px; font-weight: 500;}
#menuTop .topMenuBodyHam {float: right; cursor: pointer;}
#menuTop .topMenuBodyHam > p {float: left; font-size: 16px; line-height: 24px; text-transform: uppercase; margin-right: 20px; display: inline-block; font-weight: 500; color: #F3F3F3; transition: all 0.2s linear;}
#menuTop .topMenuBodyHam svg {display: block; float: left; width: 22px; height: 22px; margin-top: 1px;}
#menuTop .topMenuBodyHam svg rect {fill: #F3F3F3; transition: all 0.2s linear;}
.bodyBlack .topMenuBodyHam svg rect {fill: #F3F3F3; transition: all 0.2s linear;}
#menuTop .topMenuBodyHam:hover svg rect {fill: #A88E80 !important; transition: all 0.2s linear;}
.bodyBlack .topMenuBodyHam:hover svg rect {fill: #A88E80 !important; transition: all 0.2s linear;}
#menuTop .topMenuBodyHam:hover > p {color: #A88E80; transition: all 0.2s linear;}
#menuBody {width: 100%; height: auto; margin-top: -130px; z-index: 2; padding-top: 130px; position: relative;}
#menuBodyTbl {height: calc(100% - 130px); width: 100%; padding: 80px 0 80px; z-index: 2; position: relative;}
#menuBodyTbl > div {width: 100%; list-style: none; display: block; position: relative; overflow-y: auto; max-height: calc(100% - 290px);}
#menuBodyTbl .flex > div {width: 25%;}
#menuBodyTbl .flex > div .footerInfoEl {width: 100%; padding-right: 48px; margin-bottom: 0px; margin-top: 56px;}
#menuBodyTbl .flex > div:nth-child(-n+4) .footerInfoEl {margin-top: 0px;}
#menuBodyTbl .flex > div .footerInfoEl p {color: #F3F3F3;
font-size: min(max(20px, calc(1.25rem + (32 - 20) * ((100vw - 320px) / (1920 - 320)))), 32px);
/* Note: The calc base value (1.25rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;
}
#menuBodyTbl .flex > div .footerInfoEl ul > li a, .footerInfoEl ul > li a:visited {
font-size: min(max(18px, calc(1.125rem + (24 - 18) * ((100vw - 320px) / (1920 - 320)))), 24px);
/* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
/* Where: calc = min_font_size_in_rem + (max_font_size - min_font_size) * ((100vw - min_viewport_including_px_unit) / (max_viewport - min_viewport)) */
min-height: 0vw;  
}
#menuBodyTbl .footerInfoEl ul {margin-top: 32px;}
#menuBodyTbl .footerInfoEl ul > li {margin-top: 20px;}
#menuBodyTbl .footerInfoEl ul > li:first-child {margin-top: 0px;}
.mpShopBodyMore, .hdn, .hdn2 {display: none;}
.blogElInfo > div:first-child .label {display: none;}
#menuTop > .tbl > div:first-child a {display: block; width: 220px; height: 46px; position: relative; transition: all 0.2s linear;} 
#menuTop > .tbl > div:first-child a > img {width: 100%; height: 100%;}
#consultantTop {display: none;}
#footerBottom .tbl > div:last-child p {text-align: right; font-size: 16px; color: #989696;}
#footerBottom .tbl > div:last-child p a, #footerBottom .tbl > div:last-child p a:visited {color: #A88E80; text-decoration: none; font-weight: 500; font-size: 15px; transition: all 0.2s linear;}
#footerBottom .tbl > div:last-child p a:hover {color: #989696; transition: all 0.2s linear;}
#footerBottom {margin-top: 24px;}
#stickyMenu {position: fixed; top: -100px; right: 32px; z-index: 10; transition: all 0.2s linear;}
#stickyMenu .openMenu {width: 40px; height: 40px; border: 1.5px solid #A88E80; background-color: #A88E80; border-radius: 50%; cursor: pointer; transition: all 0.2s linear; position: relative;}
#stickyMenu .phoneCall {width: 40px; height: 40px; display: block; margin-top: 16px; border: 1.5px solid #A88E80; background-color: #fff; border-radius: 50%; cursor: pointer; transition: all 0.2s linear;  position: relative;}
#stickyMenu .phoneCall > svg {display: block; width: 26px; height: 26px; position: absolute; left: 50%; margin-left: -13px; top: 50%; margin-top: -13px; transition: all 0.2s linear;}
#stickyMenu .phoneCall > svg path {fill: #A88E80;}
#stickyMenu .phoneCall:hover > svg {transition: all 0.2s linear; transform: rotate(10deg);}
#stickyMenu .openMenu > svg {display: block; width: 28px; height: 20px; margin-top: 1px; position: absolute; left: 50%; margin-left: -14px; top: 50%; margin-top: -10px;}
/*#stickyMenu .phoneCall > div {display: block; width: 100%; height: 100%; background-color: #fff;}*/
#stickyMenu .openMenu > svg rect, #stickyMenu .phoneCall > svg rect {fill: #222222; transition: all 0.2s linear;}
.round3 {width: 48px; height: 48px; border-radius: 50%; border: 1.5px solid #A88E80; background: transparent; cursor: pointer; transition: all 0.2s linear; position: relative; display: block; font-size: 32px; color: #A88E80; font-family: 'Montserrat', sans-serif; font-weight: normal;}
.round3:hover {background-color: #A88E80; transition: all 0.2s linear; color: #222222;}
.itemPriceOrder > div:nth-child(2) {width: 21.56%;} 
.itemPriceOrder > div:last-child {width: 48px;}
.itemPriceOrder > div:first-child {padding-right: 3.4%; padding-left: 0px; transition: all 0.2s linear;}
.itemPriceOrder, .totalOrder {width: 100%; padding: 24px 0; border-top: 1px solid #989696;}
.itemPriceOrder:last-child {border-bottom: 1px solid #989696;}
.itemPriceOrder > div, .totalOrder > div {vertical-align: middle;}
.itemPriceOrder > div:first-child > .tbl {width: 100%; position: relative; margin-top: 16px;}
.totalOrder > div:first-child {padding-right: 3.4%;}
.totalOrder > div:nth-child(2) {width: 21.56%;} 
.totalOrder > div:last-child {width: 48px;}
.itemPriceOrder > div:first-child > .tbl > div {vertical-align: middle;}
.itemPriceOrder > div:first-child > .tbl > div:first-child {width: 48px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'],
input[type="number"]:hover,
input[type="number"]:focus {
    appearance: none;
    -moz-appearance: textfield;
}
.itemPriceOrder > div:first-child > .tbl > div:first-child input {font-size: 16px; text-transform: uppercase; color: #222222; font-weight: 500; width: 100%; height: 24px; font-family: 'Montserrat', sans-serif; font-weight: normal; padding: 4px; background-color: transparent; border-bottom: 1px solid #989696;}
.input, .select {display: block; width: 100%; height: 56px; font-size: 18px; color: #222222; font-weight: 500; font-family: 'Montserrat', sans-serif; font-weight: normal; border-bottom: 1px solid #989696; background-color: transparent; margin-top: 4px; transition: all 0.2s linear;}
.textarea {display: block; width: 100%; height: 140px; font-size: 18px; color: #222222; font-weight: 500; font-family: 'Montserrat', sans-serif; font-weight: normal; border-bottom: 1px solid #989696; background-color: transparent; margin-top: 4px; transition: all 0.2s linear; padding: 18px 0;}
.input:first-child, .select:first-child, .textarea:first-child {margin-top: 0px; border-top: 1px solid #989696;}
#toOrderBtn {width: 74px; height: 74px; position: fixed; bottom: 40px; right: 3.85%; background-color: #A88E80; border-radius: 50%; text-decoration: none; z-index: 8; transition: all 0.2s linear; display: none; border: 1.5px solid #A88E80;}
.toOrderBtn--show {display: block !important;}
#toOrderBtn > svg {display: block; width: 34px; height: 32px; top: 50%; margin-top: -16px; left: 50%; margin-left: -17px; position: absolute;}
#toOrderBtn > svg path {fill: #222222; stroke: #222222; stroke-width: 0.1; transition: all 0.2s linear;}
#toOrderBtn:hover {background-color: #F3F3F3;}
#toOrderBtn:hover > svg path {fill: #A88E80; transition: all 0.2s linear;}
#toOrderBtn > span {display: block; min-width: 24px; width: auto; height: 24px; border-radius: 12px; color: #f3f3f3; text-align: center; padding: 5px 6px; font-size: 14px; position: absolute; top: 0px; right: 0px; background-color: #5C946E; z-index: 2; line-height: 1; font-weight: 500;}
.txt b, .txt strong {font-weight: 500;}
.red--color {border-color: #CE273D !important; transition: all 0.2s linear;}
#mdl #loader {margin-top: 40px;}
.txt ul {list-style: none; margin-top: 28px;}
.txt ul li {position: relative; padding-left: 24px; margin-top: 16px; line-height: 1.6;}
.txt ul li:first-child {margin-top: 0px;}
.txt ul li:before {content: ''; display: block; width: 10px; height: 10px; background-color: #A88E80; border-radius: 50%; left: 0px; top: 10px; position: absolute;}
.txt ul:first-child {margin-top: 0px;}
.block-reviewsRound {display: none;}
.paddingl-10 {padding-left: 10.12%;}
#worksCategories {margin-top: 48px;}
#blockFormConf, .blockFormConf {display: none;}
.itemPriceOrder > div:first-child > .tbl > div:last-child p {margin-top: 0px;}
.itemPriceOrder > div:first-child > .tbl > div:last-child {display: none;}
.itemPriceOrder > div:first-child > .tbl > div:nth-child(2) {padding-left: 16px;}
.toCart2Hdn {display: none;}
.txt p img {margin-top: 16px;}

#menuBodyVideo {height: calc(100vh - 130px); width: 100%; padding: 0; z-index: 3; position: absolute; top: 0px; left: 0px; background-color: #222222; display: none;}
#menuBodyVideo > div {display: table; width: 100%; height: 100%; position: absolute;}
#menuBodyVideoBlock {display: table-cell; vertical-align: middle;}
.ratio-16-9 {padding-top: 56.25%;}
#menuBodyVideoBlock .ratio {width: 60%; min-width: 720px; height: auto; margin: 0 auto; position: relative;}
.conf {margin-top: 24px;}
#mdl .round {margin-top: 48px;}
#mdlForm {margin-top: 24px;}
#consultantBodyBottomDiv2Overlay {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 3; background-color: #222222; opacity: 0.4; display: none;}
.consultantForm {width: 100%; position: relative;}
.consultantForm > div {vertical-align: top; position: relative;}
.consultantForm > div:first-child {padding-right: 32px;}
.consultantForm > div:first-child textarea {display: block; width: calc(100% - 32px); height: 100%; background-color: transparent; font-size: 18px; color: #f3f3f3; font-weight: 500; font-family: 'Montserrat', sans-serif; font-weight: normal; transition: all 0.2s linear; padding: 16px 0; resize: none; /*position: absolute; top: 0px; left: 0px;*/ line-height: 1.4;}
.consultantForm > div:first-child input {display: block; width: calc(100% - 32px); background-color: transparent; font-size: 18px; color: #f3f3f3; font-weight: 500; font-family: 'Montserrat', sans-serif; font-weight: normal; transition: all 0.2s linear; padding: 16px 0;}
.consultantForm > div:last-child {width: 74px; padding: 32px 0;}
.consultantBodyChatElItems {margin-top: 24px; margin-bottom: 24px;}
.consultantBodyChatElItems:first-child {margin-top: 0px;}
.consultantBodyChatElItems:last-child {margin-bottom: 0px;}
.consultantBodyChatElItemsTbl {width: 100%; position: relative; text-decoration: none; padding: 24px 0px; border-top: 1px solid #989696; color: #f3f3f3;}
.consultantBodyChatElItemsTbl:last-child {border-bottom: 1px solid #989696;}
.consultantBodyChatElItemsTbl:first-child {margin-top: 16px;}
.consultantBodyChatElItemsTbl > div {vertical-align: top; position: relative;}
.consultantBodyChatElItemsTbl > div:first-child {width: 29.06%; overflow: hidden;}
.consultantBodyChatElItemsTbl > div:last-child {padding-left: 12.47%;}
.consultantBodyChatElItemsTbl > div:first-child .bg, .consultantBodyChatElItemsTbl2 > .ratio .bg {transition: all 0.2s linear;}
.consultantBodyChatElItemsTbl:hover > div:first-child .bg, .consultantBodyChatElItemsTbl2:hover > .ratio .bg {transform: scale(1.1); transition: all 0.2s linear;}
.consultantBodyChatElItemsTbl > div:last-child .txt h4 {margin-bottom: 16px;}
.consultantBodyChatElItemsTbl2 {width: 100%; position: relative; text-decoration: none; padding: 24px 0px 20px; border-top: 1px solid #989696; color: #f3f3f3; display: block;}
.consultantBodyChatElItemsTbl2:last-child {border-bottom: 1px solid #989696;}
.consultantBodyChatElItemsTbl2 > .ratio {width: 100%; overflow: hidden;}
.ratio-quiz {padding-top: 32%;}
.consultantBodyChatElItemsTbl2 > div:last-child {margin-top: 24px;}
.red--color2 {color: #CE273D !important; transition: all 0.2s linear;}
.singleText .columns-2-58-42 > div:first-child {width: 70%;}
.ratio-iframe {padding-top: 56.25%;}
#video > .flex > div {width: 50%; padding-left: 4.17%; position: relative; margin-top: 56px;}
#video > .flex > div:nth-child(-n+2) {margin-top: 0px;}
.videoEl {width: 100%; position: relative;}
.videoEl .ratio {width: 100%;}
.videoEl .txt {margin-top: 32px;}
.singleVideo {width: 100%; padding: 0 15.4%;position: relative;}
.singleVideo .ratio {width: 100%; position: relative;}
#topBodyContentLinks2 {display: none;}
#footerInfoOffices .txt a {color: #222222; text-decoration: none; border-bottom: none;}
.bg-222222 .shopBlockElInfoPrice {color: #f3f3f3;}
.bottomHdnBlog {display: none;}
.txt .ratio {margin-top: 28px; width: 100%; position: relative;}
/**/
.bg-222222 .input, .bg-222222 .textarea {color: #f3f3f3;}
.form2Columns.columns-3-29-0-12 > div:first-child .txt:nth-child(2) {margin-top: 24px;}
.form2BodyAttach {margin: 32px 0;}
.attach {width: 100%; cursor: pointer;}
.attach > div {vertical-align: top;}
.attach > div:first-child {width: 20px; padding-top: 3px;}
.attach > div:first-child svg {display: block; width: 20px; height: 20px;}
.attach > div:first-child svg path {fill: #222222; transition: all 0.2s linear;}
.bg-222222 .attach > div:first-child svg path {fill: #f3f3f3; transition: all 0.2s linear;}
.attach:hover > div:first-child svg path {fill: #A88E80 !important; transition: all 0.2s linear;}
.attach > div:last-child {padding-left: 16px;}
.attach > div:last-child .txt p span {font-size: 13px;}
.attachFiles > .tbl {margin-top: 10px; width: 100%; position: relative;}
.attachFiles > .tbl:first-child {margin-top: 24px;}
.attachFiles > .tbl > div {vertical-align: middle; position: relative;}
.attachFiles > .tbl > div:last-child {width: 32px;}
.attachFiles > .tbl > div:first-child {padding-right: 24px;}
.attachFiles > .tbl > div:last-child span {display: block; width: 32px; height: 32px; font-size: 24px; line-height: 24px; text-align: center; color: #222222; cursor: pointer; transition: all 0.2s linear; padding: 4px;}
.bg-222222 .attachFiles > .tbl > div:last-child span {color: #f3f3f3; transition: all 0.2s linear;}
.attachFiles > .tbl > div:last-child span:hover {color: #A88E80 !important; transition: all 0.2s linear;}
.attachWrp #loader {display: block; width: 40px; height: 40px; margin-left: 0px;}
.form2ColumnsHdn {display: none;}

.topMenuBody > div:nth-child(3) p {line-height: 1; font-size: 24px; font-weight: 500; float: left;}
#searchBtn {display: block; width: 22px; height: 22px; float: right; position: relative; cursor: pointer;}
#searchBtn svg {width: 100%; height: 100%; position: relative;}
#searchBtn svg path {fill: #222222; transition: all 0.2s linear;} 
.bodyBlack #searchBtn svg path {fill: #F3F3F3; transition: all 0.2s linear;} 
#searchBtn:hover svg path {fill: #A88E80 !important; transition: all 0.2s linear;}
.searchFlex {width: 100%;}
.searchFlex > div:last-child {width: 56px;}
.searchFlex > div:last-child .round2 {width: 56px; height: 56px;}
.searchFlex > div:last-child .round2 svg {display: block; width: 20px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px;} 
.searchFlex > div:first-child {padding-right: 32px; position: relative; width: calc(100% - 56px);}
.searchFlex > div:first-child input {width: 100%;}
#searchBody {width: 100%; position: relative;}
.searchBody {padding: 24px 0; color: #222; text-decoration: none; border-bottom: 1px solid #989696; display: block; width: 100%;}
.searchBody:last-child {/*padding-bottom: 0px;*/ border-bottom: none;}
.searchBody:first-child {padding-top: 0px;}
.searchBody .txt p {margin-top: 12px;}
.searchBody h4 {color: #222; transition: all 0.2s linear;}
.searchBody:hover h4 {color: #A88E80; transition: all 0.2s linear;}
.searchBody .label {margin-bottom: 8px; font-size: 14px; color: #989696;}
.stickySide {position: sticky; top: 32px; min-height: 32px; margin: 0 0 0px;} 
.priceSale {text-decoration: line-through; font-size: 16px; color: #989696;}
.withSale:after {display: none !important;}
.withSale a > span > span {position: absolute; display: inline; padding: 4px 6px; background-color: #fff; right: -56px; top: 0px; font-size: 14px; font-weight: 700; border-radius: 4px;}
#topBodyContentLinks2 .withSale a > span > span {position: absolute; display: inline; padding: 4px 6px; background-color: #fff; right: -20px; top: -1px; font-size: 12px; font-weight: 700; border-radius: 4px;}
.withSale a > span {position: relative;}

.columns-2-20-80-2 .link p:after {display: none;}
.columns-2-20-80-2 .link p a {padding-right: 0px; text-decoration: underline; text-underline-offset: 4px;}
.columns-2-20-80-2 .link a > span {margin-right: 0px; border-bottom: none;}
#innerPriceTbl > div:last-child {padding-left: 5.32%;}
.marginTop-32 {margin-top: 32px;}
.columns-2-20-80-2 .link a {color: #A88E80; transition: all 0.2s linear;}
.columns-2-20-80-2 .link a:hover {color: #989696 !important; transition: all 0.2s linear;}

#mpPulse {padding-top: 80px; margin-bottom: 100px;}
#mpPulseTop > div {align-items: center; width: 50%;}
#mpPulseTop > div:last-child {justify-content: flex-end;}
#mpPulseTop > div:first-child .flex > div:first-child {padding-right: 10px; position: relative; z-index: 2;}
#mpPulseTop > div:first-child .flex > div:first-child .label {line-height: 14px;}
#mpPulseTop > div:first-child .flex > div:last-child {position: relative; z-index: 1;}
#mpPulseTop > div:first-child .flex > div:last-child span {display: block; width: 14px; height: 14px; border-radius: 50%; background-color: #A88E80; position: relative; z-index: 2;}
#mpPulseTop > div:first-child .flex > div:last-child span:after {content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #A88E80; position: absolute; left: -1px; top: 50%; margin-top: -8px; z-index: 1; animation: pulse2 1.5s infinite; -webkit-animation: pulse2 1.5s infinite; -moz-animation: pulse2 1.5s infinite; -o-animation: pulse2 1.5s infinite;}
@keyframes pulse2 {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(2);
        -moz-transform:scale(2);
        -webkit-transform:scale(2);
        -o-transform:scale(2);
        -ms-transform:scale(2);
        opacity:0
    }
}
@-webkit-keyframes pulse2 {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(2);
        -moz-transform:scale(2);
        -webkit-transform:scale(2);
        -o-transform:scale(2);
        -ms-transform:scale(2);
        opacity:0
    }
}
@-moz-keyframes pulse2 {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(2);
        -moz-transform:scale(2);
        -webkit-transform:scale(2);
        -o-transform:scale(2);
        -ms-transform:scale(2);
        opacity:0
    }
}
@-o-keyframes pulse2 {
    0%{
        transform:scale(.1);
        -moz-transform:scale(.1);
        -webkit-transform:scale(.1);
        -o-transform:scale(.1);
        -ms-transform:scale(.1);
        opacity:0
    }
    50%{
        opacity:.4
    }
    100%{
        transform:scale(2);
        -moz-transform:scale(2);
        -webkit-transform:scale(2);
        -o-transform:scale(2);
        -ms-transform:scale(2);
        opacity:0
    }
}
.mpPulseArrow {float: left; margin-left: 20px; height: 14px; background-color: transparent; cursor: pointer;}
.mpPulseArrow > div {height: 100%; align-items: center;}
.slickWrpBody {width: calc(100% + 20px); margin-left: -20px; position: relative;}
.slickWrpBody .slick-slide {margin-left: 20px;}
.videosEl {width: 100%; position: relative; overflow: hidden; border-radius: 0px; cursor: pointer;}
.videosEl .ratio {width: 100%; position: relative; z-index: 1;}
.videosEl .flex {position: absolute; z-index: 3; top: 0px; left: 0px; width: 100%; height: 100%; padding: 20px; opacity: 1; transition: all 0.1s linear;}
.videosEl .ratio:before {content: ''; display: block; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0px; left: 0px; background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); opacity: 0.40; transition: all 0.1s linear;}
.videosEl .flex > div {align-items: flex-end;}
.videosEl .flex > div p {font-size: 18px; font-weight: 500; color: #fff; line-height: 1.1;}
.videosEl .flex .tags {margin-top: 8px;}
.videosEl .flex .tags a, .videosEl .flex .tags a:visited {color: #fff; margin-top: 8px; margin-right: 8px; float: left; line-height: 1; font-size: 14px; font-weight: 500; text-decoration: none;}
.videosEl:after {content: ''; display: block; width: 56px; height: 56px; position: absolute; top: 50%; margin-top: -28px; left: 50%; margin-left: -28px; z-index: 6; background: url('../img/pulsePlay.svg') no-repeat; background-size: 56px 56px; opacity: 1; transition: all 0.1s linear;}
.videosEl:hover:after, .videosEl:hover .flex {opacity: 0; transition: all 0.1s linear;}
.videosEl:hover .ratio:before {opacity: 0.24; transition: all 0.1s linear;}
#mpPulseSlick {width: 100%; position: relative; margin-top: 32px; color: #fff;}
.ratio-vvid {padding-top: 178%;}
#storyVideo {position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 100; background-color: rgba(0,0,0,0.32); backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);}
#storyVideo > div {width: 100%; height: 100%; justify-content: center; position: relative;}
#storyVideoWrp {width: 56.25vh; height: 100vh; position: relative; z-index: 1;}
#storyVideoClose {width: 56px; height: 56px; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; padding: 10px;}
#storyVideoClose svg {display: block; width: 100%; height: 100%;}
#storyVideoClose svg .stroke {stroke: #fff;}
#innerPulseTop a {margin-right: 20px; margin-bottom: 10px; float: left;}
#innerPulseBody {margin-top: 30px; width: 100%; position: relative;}
#innerPulseBody > div {width: calc((100% - 100px) / 6); margin-left: 20px; margin-top: 20px; position: relative;}
#innerPulseBody > div:nth-child(6n+1) {margin-left: 0px;}
#innerPulseBody > div:nth-child(-n+6) {margin-top: 0px;}

#stickyRightBlock {width: 56px; position: fixed; right: 32px; bottom: 40px; z-index: 8; opacity: 1; visibility: visible; transition: all 0.1s linear;}
#stickyRightBlock > a {width: 56px; height: 56px; background-color: #A88E80; border-radius: 50%; cursor: pointer; text-decoration: none; margin-top: 10px; transition: all 0.1s linear;}
/*#stickyRightBlock > a:hover {background-color: #B59E92; transition: all 0.1s linear;} */
#stickyRightBlock > a:hover {opacity: 0.88; transition: all 0.1s linear;}
#stickyRightBlock > a > div {align-items: center; justify-content: center; font-size: 14px; line-height: 1; font-weight: 500; color: #fff; width: 100%; height: 100%;}
#stickyRightBlock > a > div img {width: 32px; height: 32px; display: block;}
.stickyRightBlock--hidden #stickyRightBlock {opacity: 0 !important; z-index: 0 !important; visibility: hidden !important; transition: all 0.1s linear;}

.storyVideoNav {position: absolute; cursor: pointer; z-index: 3; top: 50%; margin-top: -28px; width: 56px; height: 56px; border-radius: 50%; border: 1.7px solid #fff; background-color: rgba(0,0,0,0.32); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.storyVideoNav > div {width: 100%; align-items: center; justify-content: center;}
#storyVideoPrev {left: 8px;}
#storyVideoNext {right: 8px;}
.storyVideoNav > div svg {display: block; width: 34px; height: 12px; transition: all 0.1s linear;}
.storyVideoNav > div svg .fill {fill: #fff; transition: all 0.1s linear;}
.storyVideoNav:hover {background-color: #fff; transition: all 0.1s linear;}
.storyVideoNav:hover > div svg .fill {fill: #A88E80; transition: all 0.1s linear;}

.videoWrp {margin-top: 40px; margin-bottom: 32px; width: 100%; position: relative;}
.videoWrp:first-child {margin-top: 0px;}
.videoWrp:last-child {margin-bottom: 0px;}
.ratio-9-16 {padding-top: 177%;}
.ratioV {width: 50% !important; margin: 0 auto; position: relative;}
.ratioH {width: 100%; position: relative;}
/**/
.popupBtn {float: left; height: 56px; padding: 0 20px; color: #fff; text-decoration: none; align-items: center; margin: 24px 8px 0; border-radius: 8px; width: 190px; justify-content: center;}
#popupBtnWh {background-color: #5ed069;}
#popupBtnTg {background-color: #2aaaec;}
.popupBtn > div:first-child {width: 32px;}
.popupBtn > div:first-child img {display: block; width: 32px; height: auto;}
.popupBtn > div:last-child {padding-left: 12px; font-weight: 500;}
#popup > .flex {width: 100%; justify-content: center;}
#popupWrp {display: none;}

#cookie {position: fixed; bottom: 20px; left: 20px; z-index: 0; background-color: #f0f0f0; color: #222222; border-radius: 0; padding: 20px; font-size: 14px; width: 50%; visibility: hidden; opacity: 0; transition: all 0.2s linear;}
.cookie--shown {visibility: visible !important; opacity: 1 !important; z-index: 50000 !important; transition: all 0.2s linear;}
#cookie > div {align-items: center;}
#cookie > div:first-child {flex: 1 1 0; padding-right: 0px;}
.cookieClose {display: block; margin-top: 8px; margin-right: 8px; float: left; padding: 6px 10px; background-color: #A88E80; color: #fff; font-weight: 500; cursor: pointer; transition: all 0.1s linear; border-radius: 0;  border: 1px solid #A88E80;}
.cookieClose:hover {background-color: #222222; border-color: #222222; color: #fff; transition: all 0.1s linear;}
#cookie .txt a, #cookie .txt a:visited {color: #A88E80; font-weight: 500; transition: all 0.1s linear;/* border-color: #989696;*/}
#cookie .txt a:hover {color: #989696; transition: all 0.1s linear;}
#cookie .clearfix {margin-top: 8px;}
.cookieClose2 {display: block; float: left; margin-top: 8px; margin-right: 8px; padding: 6px 10px; background-color: transparent; border: 1px solid #A88E80; color: #A88E80; font-weight: 500; cursor: pointer; transition: all 0.1s linear; border-radius: 0;}
.cookieClose2:hover {background-color: #989696; border-color: #989696; color: #fff; transition: all 0.1s linear;}