* { 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: rgba(54,69,79,1); background-color: #FFFFFF; font-size: 18px; overflow-x: hidden; min-width: 320px; position: relative; font-family: "Roboto Condensed", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}
.wrap {min-height: 100%;}
#main {padding-bottom: 240px;}
footer {min-height: 240px; margin-top: -240px; position: relative; padding: 40px 0; z-index: 2; /*border-top: 1px solid #EFF0F1;*/}
.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%;}
.flex2, .flex3 {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: 100%;}
.flex2 > div, .flex3 > div {display: -webkit-flex; display: -ms-flexbox; display: flex;}
.flex2 > div:first-child, .flex3 > div:last-child {height: auto; align-self: stretch;}
.flex2 > div:last-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end;}
.flex3 > div:first-child {align-self: stretch; flex-grow: 1; overflow: hidden; position: relative; align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start;}
img.imgborder {max-height: 100%; max-width: 100%; height: auto; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.stickySide {position: sticky; top: 0px; min-height: 32px; margin: 0 0 0px;} 
.marginTop-80 {margin-top: 80px;}
.marginTop-88 {margin-top: 88px;}
.marginTop-100 {margin-top: 100px;}
.marginTop-24 {margin-top: 24px;}
.marginTop-16 {margin-top: 16px;}
.marginTop-8 {margin-top: 8px;}
.marginTop-32 {margin-top: 32px;}
.marginTop-40 {margin-top: 40px;}
.marginTop-48 {margin-top: 48px;}
.marginTop-56 {margin-top: 56px;}
.marginTop-64 {margin-top: 64px;}
.marginTop-120 {margin-top: 120px;}

.centered {width: 1280px; margin: 0 auto;}
#top {width: 100%; border-bottom: 1px solid #eff0f1;}
#topBody {/*padding: 32px;*/ height: 100px;}
#topBody > div {align-items: center; position: relative;}
#topBody > div:nth-child(2) {width: 110px;}
#topBody > div:nth-child(2) img {display: block; width: 110px; height: auto;}
#topBody > div:first-child{width: calc((100% - 110px) / 2); padding-right: 20px;}
#topBody > div:last-child {width: calc((100% - 110px) / 2);}
#topBody > div:first-child > div {width: 100%;}
#topBody > div:first-child ul {list-style: none;}
#topBody > div:first-child ul li {float: left;}
#topBody > div:first-child ul li a, #topBody > div:first-child ul li a:visited {padding: 6px 12px; display: block; text-decoration: none; color: rgba(54,69,79,0.75); font-size: 14px; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; transition: all 0.1s linear;}
#topBody > div:first-child ul li:not(.tbula--active) a:hover {color: rgba(54,69,79,1); text-decoration: underline; text-underline-offset: 4px; transition: all 0.1s linear;}
.tbula--active a, .tbula--active a:visited {color: rgba(54,69,79,1) !important; text-decoration: underline !important; text-underline-offset: 4px;}
.topButton {width: 40px; height: 40px; cursor: pointer; background-color: transparent; float: right; margin-left: 6px; position: relative;}
.topButton > div {width: 100%; height: 100%; align-items: center; justify-content: center;}
.topButton > div svg {width: 22px; height: 22px; display: block; position: relative; z-index: 1; transition: all 0.1s linear;}
.topButton > div svg .fill {fill: rgba(54,69,79,1);}
#topBody > div:last-child {justify-content: flex-end;}
.topButton:hover > div svg {transform: scale(1.1,1.1); transition: all 0.1s linear;}
.topButton span {position: absolute; background-color: rgba(54,69,79,1); color: #fff; min-width: 16px; border-radius: 8px; height: 16px; text-align: center; font-size: 10px; font-weight: bold; line-height: 16px; text-align: center; z-index: 2; right: 4px; bottom: 8px; font-family: "Inter", serif; font-optical-sizing: auto;}
.columns > div {align-items: center;}
.columns-2-50 > div {width: 50%;}
.columns > div > div {width: 100%;}
.padding-32 {padding: 32px;}
.ratio-16-9 {padding-top: 56.25%;}
.txt h1 {font-size: 40px; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; text-transform: uppercase; color: #36454f; margin-bottom: 32px;}
.txt h1:last-child {margin-bottom: 0px;}
#mpBlock1 .columns-2-50 > div:last-child {align-items: center; text-align: center; padding: 32px;}
#mpBlock1 .txt h1 span {color: #1ab3c5;}
.button {float: left; padding: 0 48px; height: 64px; text-transform: uppercase; text-decoration: none; font-size: 24px; font-weight: 400; cursor: pointer; font-family: "Roboto Condensed", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.button > div {align-items: center; height: 100%;}
.button--primary {background-color: rgba(54,69,79,1); color: #fff; transition: all 0.1s linear;}
.button--primary:hover {background-color: rgba(54,69,79,0.75); transition: all 0.1s linear;}
.button--hollow {color: rgba(54,69,79,1); border: 1px solid rgba(54,69,79,1);}
.button--hollow:hover {background-color: rgba(54,69,79,0.75); border-color: rgba(54,69,79,0.75); color: #fff; transition: all 0.1s linear;}
.bg-efefef {background-color: #efefef;}
.columns-2-40 > div:first-child {width: 40%; padding-right: 32px;}
.columns-2-40 > div:last-child {width: 60%;}
.txt h2 {font-size: 34px; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; text-transform: uppercase; color: #36454f; margin-top: 32px; margin-bottom: 32px;}
.txt h2:first-child {margin-top: 0px;}
.txt h2:last-child {margin-bottom: 0px;}
.txt p {margin-top: 20px;}
.txt p:first-child {margin-top: 0px;}
.slickWrp {overflow: hidden;}
.slickWrpBody {width: calc(100% + 20px); margin-left: -20px; position: relative;}
.slickWrpBody .slick-slide {margin-left: 20px;}
#mpBlock2Slider .ratio-inner {padding-top: 108%;}
#mpBlock2 .slickWrpBody {width: 100%; margin-left: 0px; position: relative;}
#mpBlock2 .slickWrpBody .slick-slide {margin-left: 0px;}
.expertsEl {width: 100%; position: relative;}
.expertsEl .ratio {width: 100%; position: relative; overflow: hidden;}
.expertsEl .ratio .ratio-inner {padding-top: 125%;}
.expertsElBody {margin-top: 16px; width: 100%;}
.txt h3 {font-size: 24px; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; text-transform: uppercase; color: #36454f; margin-top: 24px;}
.txt h3:first-child {margin-top: 0px;}
.expertsElBody > div:first-child {margin-bottom: 16px;}
.expertsElBody > div:first-child h3 {font-size: 20px; line-height: 1; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; color: #36454f;}
.expertsElBody > div:first-child p {margin-top: 6px; line-height: 1.2; color: #36454F; font-size: 16px;}
.expertsElBody > div:last-child p {font-size: 16px;}
.padding-40 {padding: 48px 40px;}
#mpBlock4 .columns-2-50 > div {align-items: center;}
#differences {width: 100%; padding-left: 32px;}
#differences > div {align-items: flex-start; width: 50%;}
#differences > div:first-child {padding-right: 20px;}
#differences > div:last-child {padding-left: 20px; border-left: 1px solid #b7b6b7;}
#differences > div .flex2 {width: 100%;}
#differences > div .flex2 > div:last-child img {width: 60%; height: auto; display: block; margin: 0 auto; margin-top: 24px;}
#differencesGood .flex2 > div:first-child img {width: auto; margin: 0 auto; height: 48px; display: block;}
#differences ul {list-style: none; margin-top: 24px;}
#differences ul li {margin-top: 10px; position: relative; padding-left: 32px; font-size: 16px;}
#differences ul li:first-child {margin-top: 0px;}
#differences ul li:before {content: ''; display: block; width: 20px; height: 20px; position: absolute; left: 0px; top: 50%; margin-top: -10px;}
#differencesGood ul li:before {background: url('../img/good.svg') no-repeat; background-size: 20px 20px;}
#differencesBad ul li:before {background: url('../img/bad.svg') no-repeat; background-size: 20px 20px;}
#differences > div .flex2 .flex {width: 100%; height: 48px; justify-content: center; align-items: center; text-align: center;}
#differences > div .flex2 .flex h3 {font-size: 20px; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 700; font-style: normal; text-transform: uppercase; color: #36454f;}
#mpBlock5Item {width: 80%; margin: 0 auto;}
#mpBlock5Item > div {position: relative;}
#mpBlock5Item > div:first-child img {display: block; width: 60%; height: auto; margin: 0 auto;}
#mpBlock5Item > div:last-child .flex {width: 100%; background-color: #36444f; padding: 8px; margin-top: 10px;}
#mpBlock5Item > div:last-child .flex > div {width: calc(100% / 3); padding: 8px;}
#mpBlock5Item > div:last-child .flex > div > div {width: 100%;}
#mpBlock5Item > div:last-child .flex img {width: 48px; height: 48px; display: block; margin: 0 auto;}
#mpBlock5Item > div:last-child .flex p {font-size: 13px; text-transform: uppercase; color: #fff; text-align: center; margin-top: 6px; font-weight: 500;}
#mpBlock5 .columns-2-50 > div {align-items: center;}
#mpBlock5 .columns-2-50 > div:last-child .txt p:first-child {font-size: 20px; font-style: italic; margin-bottom: 4px;}
#mpBlock5 .columns-2-50 > div:last-child .txt h2 {font-size: 56px; margin-top: 0px; margin-bottom: 0px;}
#mpBlock5 .columns-2-50 > div:last-child .txt h3 {font-size: 22px; margin-top: 8px;}
.txtCenter {text-align: center;}
.txt b, .txt strong {font-weight: 500;}
#footerTop p {text-align: center;/* font-size: 20px;*/}
#subs {width: 420px; margin: 0 auto; margin-top: 20px; position: relative;}
.input {display: block; width: 100%; padding: 0 20px; border: 1px solid #a0a3a7; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; height: 48px; font-size: 16px; transition: all 0.1s linear;}
#subs .input {position: relative; z-index: 1; padding-right: 40px;}
#subs button {position: absolute; width: 48px; height: 48px; top: 0px; right: 0px; z-index: 2; background-color: transparent; cursor: pointer; justify-content: center; align-items: center;}
#footerBottom {margin-top: 40px; padding-top: 40px; border-top: 1px solid #eff0f1;}
#footerBottom .flex {width: 100%; justify-content: center;}
#footerBottom .flex div {font-size: 13px; margin: 6px 10px; color: rgba(54,69,79,0.75); transition: all 0.1s linear;}
#footerBottom .flex div a, #footerBottom .flex div a:visited {color: rgba(54,69,79,0.75); text-decoration: none; transition: all 0.1s linear;}
#footerBottom .flex div a:hover {color: rgba(54,69,79,1); text-decoration: underline; text-underline-offset: 4px; transition: all 0.1s linear;}
.width-70 {width: 70%; margin: 0 auto;}
.thesis {width: 860px; margin: 0 auto;}
.thesis > div {width: calc(100% / 3); padding: 0 20px;}
.thesis > div > div {width: 100%; text-align: center;}
.thesis > div > div img {width: 80px; height: auto; margin: 0 auto;}
.thesis > div > div p:nth-child(2) {font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 18px;}
.thesis > div > div p:nth-child(1) {font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-size: 40px; margin-bottom: 6px;}
.tabsTop {width: 100%; justify-content: center;}
.tabsTop > div {width: calc(100% / 3); justify-content: center; font-size: 32px; padding: 12px 20px; align-items: center; transition: all 0.1s linear; cursor: pointer;}
.tabsTop--active {color: #1ab3c5;}
.tabsTop > div p {transition: all 0.1s linear;}
.tabsTop--active p {text-decoration: underline; text-underline-offset: 4px; transition: all 0.1s linear;}
.tabsTop > div:not(.tabsTop--active):hover {background-color: #f0f0f0; color: #1ab3c5;}
.bg-f0f0f0 {background-color: #f0f0f0;}
#tabFibers .centered {position: relative; overflow: hidden;}
#tabFibers .bg {z-index: 1;}
#tabFibers .ratio {position: relative; z-index: 2; position: relative; width: 70%; margin: 0 auto;}
.rvideo {border-radius: 40px; overflow: hidden;}
.columns-basic > div {padding: 48px 20px;}
.columns-2-50.columns-basic > div img {max-width: 100%; height: auto;}
.tabsBodyEl {display: none;}
.accordeon {width: 100%; border-bottom: 1px solid rgba(54,69,79,1);}
.accordeonTop {padding: 16px 0; cursor: pointer;}
.accordeonTop > div {align-items: center;}
.accordeonTop > div:first-child {width: calc(100% - 32px); padding-right: 20px; font-size: 20px; font-weight: 400; text-transform: uppercase;}
.accordeonTop > div:last-child {width: 32px; line-height: 1; text-align: center; justify-content: center; font-size: 24px; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal;}
.accordeonBody {padding: 8px 0 20px; display: none;}
.txt img {max-width: 100%; height: auto;}
.accordeon--open .accordeonBody {display: block !important;}
.centerBlock {width: 70%; margin-left: 15%; background-color: #fff; border-radius: 32px; padding: 40px;}
.tabsBlock {position: relative;}
.centered2 {width: 740px; margin: 0 auto;}
.marginTop-20 {margin-top: 20px;}
.button--small {height: 48px; font-size: 17px; padding: 0 24px;}
/*.txt a, .txt a:visited {font-weight: 500; text-decoration: none; color: rgba(54,69,79,0.75);}
.txt a:hover {text-decoration: underline !important; text-underline-offset: 4px; color: rgba(54,69,79,1);}*/

.txt a, .txt a:visited {font-weight: normal; text-underline-offset: 4px; text-decoration: underline; color: rgb(26, 179, 197); transition: all 0.1s linear;}
.txt a:hover {color: #26D0E3; transition: all 0.1s linear;}

#innerItemPage > div {align-items: flex-start; width: 50%; padding: 0 20px; position: relative;}
#innerItemPage > div > div {width: 100%;}
#innerItemPageGallery {justify-content: center;}
#innerItemPageGallery > div {width: 90px; margin-left: 10px; margin-right: 10px; margin-top: 20px; border-radius: 6px; background-color: #F7F7F7; position: relative; opacity: 0.7; transition: all 0.1s linear;cursor: pointer; margin-top: 20px;}
#innerItemPageGallery > div .ratio {width: 100%;}
.innerItemPageGalleryEl--active {opacity: 1 !important; transition: all 0.1s linear;}
#innerItemPageText > div {width: 100%;}
#innerItemPageText > div:first-child {order: 2;}
#innerItemPageText > div:nth-child(2) {order: 3;}
#innerItemPageText > div:last-child {order: 1;}
#innerItemPageText h1 {font-size: 56px; margin-bottom: 4px;}
#innerItemPageText h2 {font-size: 24px; font-weight: 500;}
#innerItemPageText > div:last-child p {font-size: 18px; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; text-transform: uppercase; margin-bottom: 10px;}
#itemOptions > .txt p {font-size: 24px; text-transform: uppercase; font-weight: 400;}
.itemOptionsEl {margin-top: 40px; width: 100%; cursor: pointer; border: 2px solid #838383; border-radius: 0px; padding: 16px; background-color: #fcfcfc; position: relative;}
.itemOptionsEl.no-lbl {margin-top: 20px;}
.itemOptionsEl:nth-child(2) {margin-top: 20px !important;}
.txt h4 {font-size: 24px; line-height: 1; color: #36454F; font-weight: 500; margin-top: 32px; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;}
.txt h4:first-child {margin-top: 0px;}
.itemOptionsEl .txt h4 {font-size: 16px;}
.itemOptionsEl .label {margin-left: 0px; margin-right: 0px; float: right; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 600;  font-family: "Inter", serif; font-optical-sizing: auto; padding: 8px 8px; margin-top: -32px;}
.itemOptionsEl .labels {position: absolute; top: 0px; right: -2px; width: 100%;}
.itemOptionsElCheck > div {align-items: center;}
.itemOptionsElCheck > div:first-child {width: 20px;}
.itemOptionsElCheck > div:first-child span {width: 20px; height: 20px; display: block; position: relative; border: 1px solid #36454F; border-radius: 50%;}
.itemOptionsElCheck > div:last-child {padding-left: 10px; width: calc(100% - 20px);}
.itemOptionsEl--active .itemOptionsElCheck > div:first-child span:before {content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #36454F; position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px;}
.label.c-D7B04D {background-color: #e2c567 !important;}
.itemOptionsEl.c-D7B04D {border-color: #e2c567 !important;}
.itemOptionsElBottom {margin-top: 20px;}
.itemOptionsElBottom > div:first-child {width: calc(100% - 160px); padding-right: 24px; align-items: flex-start;}
.itemOptionsElBottom > div:first-child .txt p {font-size: 16px; margin-top: 16px;}
.itemOptionsElBottom > div:first-child .txt p:first-child {margin-top: 0px;}
.itemOptionsElBottom > div:last-child {width: 160px; justify-content: flex-end; align-items: flex-end;  font-family: "Inter", serif; font-optical-sizing: auto; font-style: normal;}
.itemOptionsElBottomPrice {text-align: right; font-size: 18px; color: #36454F; line-height: 1; font-weight: 500;}
.itemOptionsElBottomInfo {text-align: right; font-size: 14px; color: #5F6A72; line-height: 1; margin-top: 4px;}
.label.c-1AB3C5 {background-color: #1ab3c5 !important;}
.itemOptionsEl.c-1AB3C5 {border-color: #1ab3c5 !important;}
.label.c-FF403D {color: #FF403D; border-color: #FF403D!important;}

.label.c-76B258 {background-color: #76B258 !important;}
.itemOptionsEl.c-76B258 {border-color: #76B258 !important;}
.label.c-005154 {background-color: #005154 !important;}
.itemOptionsEl.c-005154 {border-color: #005154 !important;}


.itemOptionsElBottomSale {font-size: 14px; margin-bottom: 4px; line-height: 1.15; text-align: right; color: red;}
.itemOptionsElBottomSale span {color: #36454F; text-decoration: line-through; }
#pageBtn {width: 100%; margin-top: 10px;}
#pageBtn .button {width: 100%; justify-content: center;}
.testSliderEl .ratio {width: 100%; position: relative;}
.testSliderEl .ratio-inner {padding-top: 54%;}
.twentytwenty-container {width: 100%; height: 100%;}
.testSliderEl .txt {width: 70%; margin: 0 auto; margin-bottom: 20px;}
.testSliderEl .txt p {font-size: 20px; font-weight: normal; line-height: 1.2;}
.no-dots .slick-dots {display: none;}
.no-dots .slick-dotted.slick-slider {margin-bottom: 0px;}
.columns-2-50-right > div:first-child {order: 2;}
.columns-2-50-right > div:last-child {order: 1;}
#mdl {display: none; width: 820px; padding: 48px; background-color: #fff; color: rgba(54,69,79,1);}
.columns-2-60 > div:first-child {width: 60%; padding-right: 32px;}
.columns-2-60 > div:last-child {width: 40%;}
.centered3 {width: 960px; margin: 0 auto;}
.columns-2-60 > div:last-child > div {
  padding-left: 16%;
}
#sideBlock {padding: 24px; background-color: #efefef;}
#makeOrder {width: 100%; justify-content: center;}
.cartBlock {margin-top: 48px;}
.cartBlock:first-child {margin-top: 0px;}
.cartBlock .txt h3, .orderBlock .txt h3 {font-size: 24px;}
.cartBlock .cartInput {margin-top: 20px;}
.select {float: left; padding: 0 24px; cursor: pointer; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; height: 48px; font-size: 16px; text-decoration: none; color: rgba(54,69,79,1); border: 1px solid #a0a3a7; background: transparent; transition: all 0.1s linear; width: 100%;}
.cartItem {width: 100%; margin-top: 24px; border-top: 1px solid rgba(54,69,79,1); padding-top: 24px;}
.cartItem:first-child {margin-top: 0px; border-top: 0px; padding-top: 0px;}
.cartItem > div {align-items: flex-start;}
.cartItem > div:first-child {width: 88px;}
.cartItem > div:last-child {width: calc(100% - 88px); padding-left: 24px;}
.cartItem > div > div {width: 100%; position: relative;}
.cartItemInfo > .txt h4 {font-size: 18px; font-weight: 500; color: rgba(54,69,79,1);}
.cartItemInfo > .txt p {margin-top: 8px; font-size: 16px;}
.cartItemInfo > .flex {width: 100%; margin-top: 16px;}
.cartItemInfo > .flex > div {align-items: center;}
.cartItemInfo > .flex > div:last-child {width: 24px;}
.cartItemInfo > .flex > div:first-child {width: calc(100% - 164px); padding-right: 20px;}
.cartItemInfo > .flex > div:nth-child(2) {width: 140px; padding-right: 20px;}
.itemPriceOld {text-decoration: line-through; font-size: 14px; margin-top: 1px;}
.numInput > div {align-items: center; font-size: 16px;}
.numInput .input {height: 40px; width: 88px; margin-right: 10px; padding: 0 10px; font-size: 16px;}
.cartInfoElBodyItemRemove {display: block; width: 24px; height: 24px; cursor: pointer;}
.cartInfoElBodyItemRemove path {stroke: rgba(54,69,79,1); transition: all 0.1s linear;}
.cartInfoElBodyItemRemove:hover path {stroke: #FF403D; transition: all 0.1s linear;}
.innerItemCardInfo {width: 100%; margin-top: 10px;}
.innerItemCardInfo:first-child {margin-top: 0px;}
.innerItemCardInfo > div {align-items: center; color: #36454F;}
.innerItemCardInfo > div:first-child {padding-right: 10px;}
.innerItemCardInfo > div:last-child {flex: 1 1 0;}
.innerItemCardInfo > div:last-child > .flex {width: 100%;}
.innerItemCardInfo > div:last-child > .flex > div:first-child {flex: 1 1 0; align-items: center;}
.innerItemCardInfo > div:last-child > .flex > div:last-child {padding-left: 10px;}
.innerItemCardInfo > div:last-child > .flex > div:first-child > span {display: block; height: 1px; width: 100%; border-bottom: 1px dashed #36454F;}
#promocodeBody {width: 100%;}
#promocodeBody > div {align-items: center;}
#promocodeBody > div:first-child {padding-right: 20px; flex: 1 1 0;}
#promocodeResult > .flex {width: 100%; padding: 24px; background-color: #efefef; margin-top: 16px;}
#promocodeResult > .flex > div {align-items: center;}
#promocodeResult > .flex > div:last-child {width: 24px;}
#promocodeResult > .flex > div:first-child {width: calc(100% - 24px); padding-right: 20px;}
.promocodeRemove {display: block; width: 24px; height: 24px; cursor: pointer;}
.promocodeRemove path {stroke: rgba(54,69,79,1); transition: all 0.1s linear;}
.promocodeRemove:hover path {stroke: #FF403D; transition: all 0.1s linear;}
#promocodeResult > .flex .txt h4 {font-size: 20px; font-weight: 500; line-height: 1; color: #36454F;}
#promocodeResult > .flex .txt p {font-size: 16px; margin-top: 8px;}

.radiobuttons {width: 100%; max-height: 240px; overflow-y: auto;} 
.radiobutton {width: 100%; cursor: pointer; margin-top: 12px;}
.radiobutton:first-child {margin-top: 0px;}
.radiobutton > div:first-child {width: 20px; align-items: center;}
.radiobutton > div:first-child span {width: 20px; height: 20px; display: block; position: relative; border: 1px solid #36454F; border-radius: 50%;}
.radiobutton > div:last-child {padding-left: 10px; font-weight: 500; color: #36454F; font-size: 16px;}
.radiobutton > div:last-child.txt h4 {font-size: 16px; line-height: 1.3;}
.radiobutton--active > div:first-child span:before {content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; background-color: #36454F; position: absolute; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px;}
.radiobuttonsSelectBody {padding-top: 16px; margin-top: 16px; border-top: 1px solid #36454F;}
.radiobuttonsSelectBody .txt p {font-size: 16px;}
.textarea {display: block; width: 100%; padding: 14px 20px; border: 1px solid #a0a3a7; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; height: 100px; font-size: 16px; transition: all 0.1s linear;}
.block:last-child {margin-bottom: 40px;}
.red--color {border-color: #FF403D; transition: all 0.1s linear;}
.conf {font-size: 14px;}
.input--two {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; float: left;}
.input--two:nth-child(-n+2) {margin-top: 0px;}
.input--two:nth-child(2n+1) {margin-left: 0px;}

.personalOrderEl {width: 100%; margin-top: 0px; border-top: 1px solid #36454F; padding-top: 32px; padding: 32px 0;}
.personalOrderEl:first-child {margin-top: 0px; border-top: 0px; padding-top: 0px;}
.personalOrderEl:last-child {padding-bottom: 0px;}
.personalOrderElTop {width: 100%; cursor: pointer;}
.personalOrderElTop > div {align-items: flex-start;}
.personalOrderElTop > div:first-child {width: 70%;}
.personalOrderElTop > div:last-child {width: 30%; justify-content:: flex-end;}
.personalOrderElTop > div > div {width: 100%;}
.personalOrderElTop > div:last-child p {text-align: right;}
.personalOrderElTop > div:last-child > div > p:first-child, .personalOrderElTopNm {font-size: 18px; line-height: 1; font-weight: 500; color: #36454F; text-transform: uppercase; font-family: "Inter", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;} 
.personalOrderElTopControl {margin-top: 10px; line-height: 1; font-size: 16px;}
.personalOrderElTopControl > span {cursor: pointer; text-decoration: underline; transition: all 0.2s linear;}
.personalOrderElTop:hover .personalOrderElTopControl > span {color: #10242F; border-color: #10242F; transition: all 0.2s linear;}
.personalOrderElTopInfo {margin-top: 10px;}
.personalOrderElTopInfo > p {font-size: 16px; line-height: 1; color: #36454F;}
.personalOrderElTopInfo .labels {margin-top: 10px; margin-left: -4px;}
.personalOrderElTopInfo .labels .label {margin-left: 0px; margin-right: 10px;}
.personalOrderElBody {width: 100%; margin-top: 24px; position: relative; display: none;}
.personalOrderEl--open .personalOrderElBody {display: block !important;}
.personalOrderElBodyItems {margin-top: 16px;}
.cartItemInfo--order {margin-top: 10px;}
.cartItemInfo--order p {margin-top: 4px !important; line-height: 1.2; font-size: 14px !important;}
.cartItemInfo--order p:first-child {margin-top: 0px !important;}
.personalOrderElBodyItems .cartItem {border: none; margin-top: 16px; padding-top: 16px;}
.personalOrderElBodyItems .cartItem:first-child {margin-top: 0px; padding-top: 0px;}
.personalOrderEl .columns-2-50 > div:last-child > div {padding-left: 15%;}
.personalOrderEl .cartItem {width: 100%; margin-top: 16px; border-top: 1px solid #36454F; padding-top: 16px;}
.personalOrderEl .cartItem:first-child {border-top: none; margin-top: 0px; padding-top: 0px;}
.personalOrderEl .cartItem > div:first-child {width: 72px;}
.personalOrderEl .cartItem > div:last-child {width: calc(100% - 72px); padding-left: 20px;}
.personalOrderEl .innerItemCardInfo {font-size: 16px;}
.personalOrderElBodyItems .txt p {font-size: 16px;}
.personalOrderEl .labels .label {float: left; display: inline-block; padding: 4px 6px 3px; font-size: 12px; text-transform: uppercase; border: 1px solid #36454F; color: #36454F; margin: 0 5px 5px; font-weight: 500;}
.personalOrderElBody .cartItemInfo > .txt h4 {font-size: 16px;}
.personalOrderElBody .columns > div {align-items: flex-start;}
#loader {display: block; width: 48px; height: 48px; position: relative;}
#loader img {width: 100%; height: 100%;}
#mpBlock2 .columns > div {align-items: flex-start;}
.txt ul {margin-left: 0px; margin-top: 20px; padding-left: 0px; list-style-position: inside;}
.txt ul:first-child {margin-top: 0px;}
.txt ul li {margin-top: 12px;}
.txt ul li:first-child {margin-top: 0px;}
#innerCatalog {width: 100%;}
#innerCatalog > div {width: 100%; margin-top: 32px;}
#innerCatalog > div:first-child {margin-top: 0px;}
.itemNew {display: block; width: 100%; height: 100%; text-decoration: none;}
.itemNew .ratio {width: 100%; background-color: #f3f3f3; overflow: hidden;}
.itemNew .ratio .bg {transition: all 0.2s linear;}
.itemNew:hover .ratio .bg {transform: scale(1.1,1.1); transition: all 0.2s linear;}
.itemNew .txt {margin-top: 20px;}
.itemNew .txt h3 {font-size: 20px; text-transform: none; font-weight: 400; transition: all 0.2s linear;}
.itemNew:hover .txt h3 {color: #1ab3c5; transition: all 0.2s linear;}
#overlay {width: 100%; height: 100%; position: absolute; z-index: 20; top: 0px; left: 0px; background-color: rgba(54, 69, 79, 0.4); display: none; cursor: pointer;}
#spanel {width: 100%; height: auto; background-color: #fff; top: -100px; left: 0px; position: fixed; z-index: 21; transition: all 0.2s linear;}
.spanel--open #spanel {top: 0px; transition: all 0.2s linear;}
#spanelBody {width: 100%; height: 100px; align-items: center;}
#spanelBody > div {align-items: center;}
#spanelBody > div:first-child {flex: 1 1 0; padding-right: 10px;}
#spanelBody > div:last-child {width: 48px;}
#tsearchBody {width: 100%; margin: 0 auto; position: relative;}
#innerSearch {width: 100%; position: relative;}
#tsearchBody .input, #innerSearch .input {position: relative; z-index: 1; padding-right: 40px;}
#tsearchBody button, #innerSearch button {position: absolute; width: 48px; height: 48px; top: 0px; right: 0px; z-index: 2; background-color: transparent; cursor: pointer; justify-content: center; align-items: center;}
#tsearchBody button svg, #innerSearch button svg {width: 20px; height: 20px;}
#tsearchBody button svg .fill, #innerSearch button svg .fill {fill: #7E8287; transition: all 0.2s linear;}
#tsearchBody button:hover svg .fill, #innerSearch button:hover svg .fill {fill: rgba(54,69,79,1); transition: all 0.2s linear;}
#tsearchBodyClose {width: 48px; height: 48px; top: 0px; background-color: transparent; cursor: pointer; justify-content: center; align-items: center;}
#tsearchBodyClose svg {width: 20px; height: 20px;}
#tsearchBodyClose svg .stroke {stroke: #7E8287; transition: all 0.2s linear;}
#tsearchBodyClose:hover svg .stroke {stroke: rgba(54,69,79,1); transition: all 0.2s linear;}
.spanel--open #overlay, .panel--open #overlay {display: block !important;}
#topBody .panelOpen {display: none;}
.btnWrp {width: 100%;}
#baBlock > div {width: calc(50% - 10px); margin-left: 20px; margin-top: 40px; position: relative;}
#baBlock > div:nth-child(2n+1) {margin-left: 0px;}
#baBlock > div:nth-child(-n+2) {margin-top: 0px;}
.testSliderEl {width: 100%; height: 100%;}
.tabsBlock .columns > div {align-items: flex-start;}
#innerPersonalTop {justify-content: center;}
#innerPersonalTop > div:first-child {padding-right: 32px;}
#innerPersonalTop > div {align-items: center;}
#panel {display: none;}
.labels2 {margin-top: 11px;}
.labels2 .label2 {float: left; display: inline-block; padding: 4px 6px 3px; font-size: 12px; text-transform: uppercase; border: 1px solid #36454F; color: #36454F; margin: 5px 10px 0 0; font-weight: 500;}
.accordeon--single {margin-top: 0px;}
.accordeonGallery {width: 100%; margin-top: 8px;}
.accordeonGallery > div {width: calc((100% - 64px) / 5); margin-left: 16px; margin-top: 16px; position: relative;}
.accordeonGallery > div:nth-child(5n+1) {margin-left: 0px;}
.accordeonGallery a {display: block; width: 100%; height: auto;}
.txt table {width: 100%; border-collapse: collapse; margin-top: 24px;}
.txt table:first-child {margin-top: 0px;}
.txt table tr:first-child td {background-color: #36454f; font-weight: 500; color: #fff; text-transform: uppercase; padding: 16px; border-right: 1px solid #fff; text-align: center;}
.txt table tr:first-child td:last-child {border-right: none;}
.txt table tr td {padding: 16px; border-right: 1px solid #36454f;}
.txt table tr td:last-child {padding: 16px; border-right: none;}
.txt table tr td:first-child {text-transform: uppercase; text-align: center;}
.accordeon--single.accordeon--open {margin-top: 0px;}

.ratio-vvid {padding-top: 178%;}
.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: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,0.98) 98%,rgba(0,0,0,1) 100%); opacity: 0.3; transition: all 0.1s linear;}
.videosEl .flex > div {align-items: flex-end;}
.videosEl .flex > div p {font-size: 20px; font-weight: 500; color: #fff; line-height: 1.1;}
.videosEl:after {content: ''; display: block; width: 48px; height: 48px; position: absolute; top: 50%; margin-top: -24px; left: 50%; margin-left: -24px; z-index: 4; background: url('../img/play.svg') no-repeat; background-size: 48px 48px; opacity: 1; transition: all 0.1s linear;}
.videosEl:hover:before, .videosEl:hover:after, .videosEl:hover .flex {opacity: 0; transition: all 0.1s linear;}

#storyVideo {position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 100; background-color: rgba(0,0,0,0.64);}
#storyVideo > div {width: 100%; height: 100%; justify-content: center; position: relative;}
#storyVideoWrp {width: 56.25vh; height: 100vh; position: relative; z-index: 1;}
#storyVideoClose {width: 64px; height: 64px; 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;}

.promosEl {padding: 24px 48px 20px 24px; border: 1px dashed #a0a3a7; width: 620px; margin: 0 auto; margin-top: 20px; position: relative;}
.promosEl:first-child {margin-top: 0px;}
.promosEl p {margin-top: 10px;}
.pcopy {cursor: pointer; transition: all 0.1s linear;}
.pcopy:before {content: ''; display: block; width: 20px; height: 20px; background: url('../img/copy.svg') no-repeat; background-size: 20px 20px; position: absolute; right: 20px; top: 20px;}
.pcopy:hover {border-color: #36454f; transition: all 0.1s linear;}
.promosEl .labels {margin-top: 10px; margin-left: -4px;}
.promosEl .labels .label {margin-left: 0px; margin-right: 10px;}
.promosEl .labels .label {float: left; display: inline-block; padding: 4px 6px 3px; font-size: 12px; text-transform: uppercase; border: 1px solid #36454F; color: #36454F; margin: 0 5px 5px; font-weight: 500;}
#ppOrdersPanel {width: 620px; margin: 0 auto; padding: 24px; background-color: #efefef;}

#mpBlock1 .button {float: none; margin-top: 16px; justify-content: center;}
#mpBlock1 .button:first-child {margin-top: 0px;}
#mpBlock1 .button > div {text-align: center;}

.gaLogo {width: 360px; height: auto;}