* { 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 {outline: none;} body {width: 100%; color: #222725; background-color: #FFFFFF; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; overflow-x: hidden; min-width: 320px; -webkit-overflow-scrolling: touch;} .wrap {min-height: 100%;} #main {padding-bottom: 660px;} footer {min-height: 480px; margin-top: -480px; position: relative; background-color: #222725; padding: 64px 0 0;} .centered {width: 1360px; margin: 0 auto; position: relative;} .inline {width: 100%; position: relative; display: inline-block;} .align_center {position: relative; width: 100%;} .align_center:after {content: ''; display: block; clear: both;} .align_center_to_left {position: relative; right: 50%; float: right;} .align_center_to_right {position: relative; z-index: 1; right: -50%;} .tbl {display: table; width: 100%;} .tbl > div {display: table-cell;} .clearfix:after {content: ''; display: table; clear: both;} .flex {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .flex > div {display: -webkit-flex; display: -ms-flexbox; display: flex;} .no_select {-moz-user-select: none; -khtml-user-select: none; user-select: none;} .bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-size: cover; background-position: 50% 50%;} .bg > img, .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: 20px; min-height: 32px; margin: 0 0 0px;} #top {position: relative; z-index: 3;} #topLine {width: 100%; background-color: #F8F8F8; height: auto; position: relative; z-index: 2;} #topLine .flex {/*height: 40px;*/ padding: 10px 0;} #topLine .flex > div {align-items: center; width: 50%;} #topLine .flex > div:first-child {padding-right: 20px;} #topLine .flex > div:last-child {padding-left: 20px; justify-content: flex-end;} #topLine .flex > div p {font-size: 16px; line-height: 1.2; color: #8D908F; text-align: right;} #topBody {border-bottom: 1px solid #DCDCDC; padding: 24px 0; position: relative; z-index: 3; background-color: #fff;} #topBodyContent > div {align-items: center;} #topBodyContent > div:first-child {width: 25.29%; position: relative;} #topBodyContent > div:first-child a {display: block; width: 223px; height: auto; position: relative;} #topBodyContent > div:first-child a img {width: 100%; height: auto;} #topBodyContent > div:last-child {width: calc(100% - 25.29%);} #topBodyContent > div:last-child > div {width: 100%; position: relative;} #topBodyContentInfo > div {align-items: center;} #topBodyContentInfo > div:last-child {width: 34%; justify-content: flex-end;} #topBodyContentInfo > div:first-child {width: 66%; padding-right: 11.25%;} #topBodyContentInfo > div:first-child > div {width: 100%; position: relative;} #topBodyContentInfo > div:last-child p {text-align: right;} #topBodyContentInfo > div:last-child p:first-child {font-size: 22px; font-weight: 600; line-height: 1;} #topBodyContentInfo > div:last-child p:first-child span {color: #8D908F !important; font-weight: normal !important; font-size: 15px !important; margin-right: 8px;} #topBodyContentInfo > div:last-child p:first-child a, #topBodyContentInfo > div:last-child p:first-child a:visited {color: #222725; text-decoration: none;} #topBodyContentInfo > div:last-child p:nth-child(2) {margin-top: 6px; font-size: 18px; line-height: 1.3; color: #1266E2; cursor: pointer; transition: all 0.2s linear;} #topBodyContentInfo > div:last-child p:nth-child(2) span {border-bottom: 1px dashed #1266E2; transition: all 0.2s linear;} #topBodyContentInfo > div:last-child p:nth-child(2):hover {color: #CD5334; transition: all 0.2s linear;} #topBodyContentInfo > div:last-child p:nth-child(2):hover span {border-color: #CD5334; transition: all 0.2s linear;} #topBodyContentInfo > div:first-child .flex {background-color: #F8F8F8; border-radius: 8px; height: 56px; padding: 0 24px;} #topBodyContentInfo > div:first-child .flex > div {align-items: center;} #topBodyContentInfo > div:first-child .flex > div svg {display: block; width: 20px; height: 20px;} #topBodyContentInfo > div:first-child .flex > div:last-child {padding-left: 20px; width: calc(100% - 20px);} #topBodyContentInfo > div:first-child .flex > div:last-child input {display: block; width: 100%; background-color: transparent; font-size: 20px; color: #222725; font-family: 'Commissioner', sans-serif; font-weight: normal;} #topBodyContentInfo > div:first-child .flex > div:last-child input::-webkit-input-placeholder {color: #8D908F;} #topBodyContentInfo > div:first-child .flex > div:last-child input:-moz-placeholder {color: #8D908F;} #topBodyContentInfo > div:first-child .flex > div:last-child input::-moz-placeholder {color: #8D908F; opacity: 1;} #topBodyContentInfo > div:first-child .flex > div:last-child input:-ms-input-placeholder {color: #8D908F;} #topBodyContentInfo > div:first-child .flex > div:last-child input::-ms-input-placeholder {color: #8D908F;} #topBodyContentInfo > div:first-child .flex > div:last-child input::placeholder {color: #8D908F;} #topMenu {padding: 32px 0 0; position: relative; z-index: 2; background-color: #fff;} .button {float: left; height: 56px; border-radius: 8px; border: 1px solid #DCDCDC; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; font-weight: 500; padding: 0 24px; background-color: transparent; transition: all 0.2s linear; cursor: pointer; text-decoration: none; color: #222725;} .button:not(.button--active):hover {background-color: #F3F3F3; border-color: #F3F3F3} .button > div {align-items: center; height: 100%;} .button--icon > div:first-child {width: 20px;} .button--icon > div:last-child {padding-left: 20px;} .button--primary {border-color: #1266E2; background-color: #1266E2; color: #FFF;} .button--primary:hover {border-color: #0F52BA !important; background-color: #0F52BA!important; transition: all 0.2s linear;} #topMenuBody > div {align-items: center;} #topMenuBody > div:first-child {width: 25.29%;} #topMenuBody > div:nth-child(2) {width: calc(100% - (25.29% + 56px));} #topMenuBody > div:nth-child(2) ul {list-style: none; width: 100%;} #topMenuBody > div:nth-child(2) ul li {float: left; margin-right: 32px;} #topMenuBody > div:nth-child(2) ul li a, #topMenuBody > div:last-child ul li a:visited {color: #222725; text-decoration: none; transition: all 0.2s linear; font-weight: 500; height: 28px; line-height: 28px; display: block;} #topMenuBody > div:nth-child(2) ul li a:hover {color: #0F52BA; transition: all 0.2s linear;} #topMenuBody > div:last-child {width: 56px;} #topMenuBody > div:last-child a {display: block; position: relative; width: 56px; height: 56px; border-radius: 8px; color: #fff; text-decoration: none; padding: 15px; background-color: #F3F3F3; transition: all 0.2s linear;} #topMenuBody > div:last-child a img {width: 26px; height: 26px; display: block; position: relative; z-index: 1;} #topMenuBody > div:last-child a span {display: block; min-width: 20px; height: 20px; border-radius: 10px; position: absolute; background-color: #CD5334; line-height: 1; padding: 3px 6px; font-size: 13px; font-weight: bold; text-align: center; right: -3px; top: -3px; z-index: 2;} #topMenuBody > div:last-child a:hover {background-color: #EBEBEB; transition: all 0.2s linear;} #focus {margin-top: 32px; width: 100%; z-index: 1; position: relative;} #focusBody {width: 100%; height: auto; position: relative; overflow: hidden; border-radius: 8px; background: linear-gradient(180deg, #1266E2 0%, #CD5334 100%);} #slider {padding: 40px; width: 100%; height: 490px;} #slider > div {width: 50%; position: relative;} #slider > div:first-child {align-items: flex-start;} #slider > div:last-child {align-items: flex-end;} #slider:after {content: ''; display: block; width: 760px; height: 1115px; right: 0px; top: -320px; background: url('../img/sliderBg.svg') no-repeat; background-size: 760px 1115px; position: absolute; z-index: 1;} #sliderImg {position: relative; z-index: 2; width: 100%; height: 100%;} .sliderImgEl {position: absolute; left: 0px; top: 0px; width: 620px; height: auto; z-index: 1; opacity: 0;} .sliderImgEl--active {z-index: 3 !important;} #sliderContent {width: 100%; height: 100%; position: relative;} .sliderContentEl {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; color: #FFF; opacity: 0; z-index: 2;} .sliderContentEl--active {z-index: 3 !important;} .txt h2 {font-size: 48px; line-height: 1.15; font-weight: 500;} .txt p {margin-top: 20px; line-height: 1.4;} .txt p:first-child {margin-top: 0px;} .sliderContentEl h2 {font-weight: 600;} .sliderContentEl p {margin-top: 32px; font-size: 22px; width: 80%;} .sliderContentEl .button {color: #FFF; border-color: #FFF;} .sliderContentEl .button:hover {background-color: #FFF;; border-color: #FFF; color: #0F52BA; transition: all 0.2s linear;} #sliderNavigation {position: absolute; bottom: 40px; right: 40px; z-index: 3; color: #fff;} .navigation > div {align-items: center;} .navigation > div:first-child, .navigation > div:last-child {width: 20px;} .navigation > div:nth-child(2) {padding: 0 20px;} .navigation > div svg {display: block; width: 20px; height: 20px; cursor: pointer;} .navigation > div:first-child svg {transform: rotate(180deg);} .navigation > div:nth-child(2) span {font-weight: 500;} .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;} .width-70 {width: 70%;} .width-60 {width: 60%;} .width-80 {width: 80%;} .width-90 {width: 90%;} #category > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative; min-height: 200px; height: auto;} #category > div:nth-child(-n+2) {margin-top: 0px;} #category > div:nth-child(2n+1) {margin-left: 0px;} .categoryEl {width: 100%; height: 100%; border-radius: 8px; background-color: #F3F3F3; color: #222725; text-decoration: none; overflow: hidden;} .categoryEl > div {align-items: flex-end;} .categoryEl > div:first-child {padding: 32px; width: 66%;} .categoryEl > div:last-child {width: 34%; position: relative;} .categoryEl > div:first-child p {margin-top: 16px; color: #CD5334;} .txt h3 {font-size: 32px; line-height: 1.15; font-weight: 500; margin-top: 32px; margin-bottom: 32px;} .txt h3:first-child {margin-top: 0px;} .txt h3:last-child {margin-bottom: 0px;} .categoryEl > div:first-child h3 {transition: all 0.2s linear;} .categoryEl:hover > div:first-child h3 {color: #0F52BA; transition: all 0.2s linear;} .categoryEl > div:last-child:before {content: ''; display: block; width: 201px; height: 460px; right: 0px; top: -120px; background: url('../img/categoryBg.svg') no-repeat; background-size: 201px 460px; position: absolute; z-index: 1;} .categoryEl > div:last-child img {width: 100%; height: auto; position: absolute; z-index: 2; left: 0px; bottom: -24px;} .buttonWide {width: 100%; border-radius: 8px; background-color: #1266E2; height: 56px; transition: all 0.2s linear; cursor: pointer;} .buttonWide:hover {background-color: #0F52BA; transition: all 0.2s linear;} .buttonWide .tbl {height: 56px; color: #fff; text-decoration: none;} .buttonWide .tbl > div {vertical-align: middle;} .buttonWide .tbl > div:first-child {padding-right: 20px; font-weight: 500;} .buttonWide .tbl > div:last-child {width: 20px;} .buttonWide .tbl > div:last-child img {display: block; width: 20px; height: 20px;} .nav-scroller {-webkit-overflow-scrolling: touch; overflow-y: hidden;} .nav-scroller__items {display: flex; flex-wrap: nowrap; white-space: nowrap; list-style: none; overflow-x: auto; padding-bottom: 20px; margin-bottom: -20px; -webkit-overflow-scrolling: touch;} .nav-scroller__item {margin-right: 20px;} .nav-scroller__item:last-child {margin-right: 0px;} .nav-scroller__items::-webkit-scrollbar {display: none;} .button--active {border-color: #1266E2 !important; color: #1266E2 !important;} .tabsBodyEl {display: none;} .items > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;} .items > div:nth-child(-n+4) {margin-top: 0px;} .items > div:nth-child(4n+1) {margin-left: 0px;} .itemsEl {width: 100%; height: 100%; border-radius: 8px; border: 1px solid #DCDCDC; padding: 24px; display: block; color: #222725; text-decoration: none;} .itemsElTop {width: 100%; display: block; height: auto;} .itemsElTopInfo {margin-top: 16px;} .itemsElTopInfo .txt p {font-size: 16px; color: #CD5334;} .itemsElTopInfo .txt h3 {margin-top: 6px; font-size: 22px; transition: all 0.2s linear;} .itemsElTop:hover .itemsElTopInfo .txt h3 {color: #0F52BA; transition: all 0.2s linear;} .itemsElTopInfoParams {margin-top: 24px; margin-bottom: 32px;} .itemsElTopInfoParams p {font-size: 16px; color: #8D908F; margin-top: 8px;} .itemsElTopInfoParams p:first-child {margin-top: 0px;} /*.itemsEl .flex2 > div:last-child > div {width: 100%; position: relative;} .itemsEl .flex2 > div:last-child .flex > div {align-items: center;} .itemsEl .flex2 > div:last-child .flex > div:first-child {padding-right: 20px; width: calc(100% - 20px);} .itemsEl .flex2 > div:last-child .flex > div:last-child {width: 20px;} .itemsElPrice {font-size: 24px; font-weight: 500;} .itemsElPriceOld {font-size: 16px; text-decoration: line-through;}*/ .itemsElPriceReq {font-size: 16px; line-height: 1.2;} /*.itemsEl .flex2 > div:last-child .flex > div:last-child svg, .blogEl .flex > div:last-child svg {display: block; width: 20px; height: 20px;}*/ .itemsEl .flex2 > div:last-child .flex > div:last-child svg path, .blogEl .flex > div:last-child svg path {stroke: #1266E2; transition: all 0.2s linear;} .itemsEl:hover .flex2 > div:last-child .flex > div:last-child svg path, .blogEl:hover .flex > div:last-child svg path {stroke: #CD5334; transition: all 0.2s linear;} .bg-F3F3F3 {background-color: #F3F3F3;} #aboutBlock {padding: 100px 0; overflow: hidden;} .colimns-2-33 > div {align-items: center; position: relative;} .colimns-2-33 > div:first-child {width: 33.67%;} .colimns-2-33 > div:last-child {width: calc(100% - 33.67%);} .colimns-2-33 > div:last-child .txt h3 {margin-bottom: 48px;} #aboutBlock > div:first-child:before {content: ''; display: block; width: 350px; height: 800px; left: 0px; top: -220px; background: url('../img/aboutBg.svg') no-repeat; background-size: 350px 800px; position: absolute; z-index: 1;} #aboutSlider {background-color: #fff; padding: 32px; border-radius: 8px; position: relative;} #aboutSliderTop {height: 24px; position: relative; z-index: 2;} #aboutSliderTop .navigation {float: right; color: #8D908F;} .aboutSliderBodyEl {display: none;} .aboutSliderBodyEl--active {display: block !important;} .aboutSliderBodyEl .txt p {font-size: 18px; color: #CD5334;} .txt h4 {font-size: 24px; line-height: 1.2; font-weight: 500; margin-top: 32px;} .txt h4:first-child {margin-top: 0px;} .aboutSliderBodyEl .txt h4 {margin-top: 10px; line-height: 1.4;} .aboutSliderBodyEl .txt {position: relative; z-index: 2;} .aboutSliderBodyEl > p {position: absolute; top: -40px; left: -10px; font-size: 190px; line-height: 1; font-weight: 500; color: #F1F6FD;} .button--blue {color: #1266E2; border-color: #1266E2;} .button--blue:hover {color: #fff !important; border-color: #0F52BA !important; background-color: #0F52BA !important;} .smallBlock {padding: 40px; width: 100%; border-radius: 8px;} .bg-1266E2 {background-color: #1266E2; color: #fff;} .input {width: 100%; height: 56px; display: block; padding: 0 24px; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; color: #222725; background-color: #fff; border-radius: 8px; border: 1px solid #DCDCDC;} .textarea {width: 100%; height: 120px; display: block; padding: 16px 24px; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; color: #222725; background-color: #fff; border-radius: 8px; border: 1px solid #DCDCDC;} .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {color: #8D908F;} .input:-moz-placeholder, .textarea:-moz-placeholder {color: #8D908F;} .input::-moz-placeholder, .textarea::-moz-placeholder {color: #8D908F; opacity: 1;} .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {color: #8D908F;} .input::-ms-input-placeholder, .textarea::-ms-input-placeholder {color: #8D908F;} .input::placeholder, .textarea::placeholder {color: #8D908F;} .form .input {width: calc((100% - 40px) / 3); margin-left: 20px; float: left; border-color: #fff;} .form .input:first-child {margin-left: 0px;} .form .button {width: calc((100% - 40px) / 3); margin-left: 20px; border-color: #CD5334; background-color: #CD5334; color: #fff;} .form .button > div {width: 100%; justify-content: center;} .form .button:hover {border-color: #0F52BA; background-color: #0F52BA;} .policy {font-size: 16px;} .txt b, .txt strong {font-weight: 500;} .txt a, .txt a:visited {color: #1266E2; border-bottom: 1px solid #1266E2; text-decoration: none; transition: all 0.2s linear;} .policy a, .policy a:visited {color: #fff; border-color: #fff;} .txt a:hover {color: #CD5334 !important; border-color: #CD5334 !important; transition: all 0.2s linear;} .blog > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} .blog > div:nth-child(-n+3) {margin-top: 0px;} .blog > div:nth-child(3n+1) {margin-left: 0px;} .blogEl {width: 100%; height: 100%; display: block; color: #222725; text-decoration: none; background-color: #F3F3F3; padding: 32px; border-radius: 8px;} .blogEl .txt p {color: #CD5334; font-size: 16px;} .blogEl .txt h3 {font-size: 24px; margin-top: 10px; transition: all 0.2s linear;} .blogEl:hover .txt h3 {color: #0F52BA; transition: all 0.2s linear;} .blogEl .flex > div:first-child {width: calc(100% - 20px); padding-right: 20px; align-items: flex-start;} .blogEl .flex > div:last-child {width: 20px; align-items: flex-end;} .blogEl .flex {width: 100%; height: 100%;} #footerTop {color: #fff;} #footerTopBody > div {align-items: flex-start; position: relative;} #footerTopBody > div:first-child {width: 33.82%;} #footerTopBody > div:last-child {width: 20px; padding-top: 32px;} #footerTopBody > div:nth-child(2) {width: calc(100% - (20px + 33.82%));} #footerTopBody > div:last-child svg {display: block; width: 20px; height: 20px; cursor: pointer; transform: rotate(-90deg);} #footerTopBody > div:last-child svg path {stroke: #fff; transition: all 0.2s linear;} #footerTopBody > div:last-child svg:hover path {stroke: #CD5334; transition: all 0.2s linear;} #footerTopBodyLogo {display: block; height: auto; width: 223px; position: relative;} #footerTopBodyLogo > img {width: 100%; height: auto;} #footerTopBodyInfo > p {font-size: 18px; line-height: 1.3; margin-top: 12px;} #footerTopBodyInfo > p:first-child {margin-top: 0px; font-size: 24px; font-weight: 600;} #footerTopBodyInfo > p:first-child a, #footerTopBodyInfo > p:first-child a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;} #footerTopBodyInfo > p:first-child a:hover {color: #CD5334; transition: all 0.2s linear;} #footerTopBody > div:nth-child(2) > div {width: 100%; position: relative;} #footerTopBodyMenu > div {width: 50%; position: relative; padding-right: 14%; margin-top: 32px;} .footerTopBodyMenuEl {width: 100%; height: 100%;} .footerTopBodyMenuEl > p {font-size: 20px; font-weight: 500; line-height: 1.2;} .footerTopBodyMenuEl > p a, .footerTopBodyMenuEl > p a:visited {color: #fff; text-decoration: none; transition: all 0.2s linear;} .footerTopBodyMenuEl > ul {list-style: none; margin-top: 24px;} .footerTopBodyMenuEl > ul > li {margin-top: 12px; line-height: 1.2; font-size: 18px;} .footerTopBodyMenuEl > ul > li:first-child {margin-top: 0px;} .footerTopBodyMenuEl > ul > li a, .footerTopBodyMenuEl > ul > li a:visited {color: #BCBDC0; text-decoration: none; transition: all 0.2s linear;} .footerTopBodyMenuEl > p a:hover, .footerTopBodyMenuEl > ul > li a:hover, #footerBottomBody > div a:hover {color: #CD5334 !important; transition: all 0.2s linear;} #footerTopBody {padding-bottom: 64px; border-bottom: 1px solid #BCBDC0;} #footerBottom {padding: 24px 0;} #footerBottomBody > div {align-items: center; color: #BCBDC0; font-size: 16px;} #footerBottomBody > div:first-child {width: 33.82%; padding-right: 20px;} #footerBottomBody > div:last-child {width: 210px; justify-content: flex-end;} #footerBottomBody > div:nth-child(2) {width: calc(100% - (210px + 33.82%)); padding-right: 20px;} #footerBottomBody > div a, #footerBottomBody > div a:visited {color: #BCBDC0; text-decoration: none; transition: all 0.2s linear;} #footerBottomBody > div:last-child a {font-weight: 500; color: #fff;} #innerTop {margin-top: 24px; margin-bottom: 48px;} #brcr {width: 100%; list-style: none;} #brcr > li {float: left; margin-right: 10px; margin-top: 8px; color: #8D908F; transition: all 0.2s linear; font-size: 16px;} #brcr > li a, #brcr > li a:visited {color: #8D908F; text-decoration: none;} #brcr > li a:hover {color: #CD5334; transition: all 0.2s linear;} #brcr > li:last-child a:hover {color: #8D908F !important;} .txt h1 {font-size: 56px; line-height: 1.15; font-weight: 500;} .columns-2-25 > div {align-items: flex-start; position: relative;} .columns-2-25 > div:first-child {padding-right: 5.36%; width: 25.36%;} .columns-2-25 > div:last-child {width: calc(100% - 25.36%);} /*.colimns-2-25 > div > div {width: 100%; position: relative;}*/ .bg-F5F5F5 {background-color: #F5F5F5;} #filter {padding: 20px;} #catalogTop > div {align-items: center; width: 50%; position: relative;} #catalogTop > div:first-child {width: calc((100% - 40px) / 3);} #catalogTop > div:last-child {justify-content: flex-end; padding-left: 20px; flex: 1 1 auto;} #catalogBody .items > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+3) {margin-top: 0px;} #catalogBody .items > div:nth-child(3n+1) {margin-left: 0px;} .select {width: 100%; height: 56px; display: block; padding: 0 32px 0 20px; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 20px; color: #222725; background-color: #fff; border-radius: 8px; position: relative; border: 1px solid #DCDCDC;} #catalogTop .select {width: calc(50% - 10px);} .filterEl {padding-top: 20px; border-top: 1px solid #DCDCDC; margin-bottom: 22px;} .filterEl:first-child {padding-top: 0px; border-top: none;} .filterEl > p {font-weight: 500;} .prc_range .flex {margin-top: 20px;} .prc_range .flex > div {align-items: center;} .prc_range .flex > div:first-child, .prc_range .flex > div:last-child {width: calc((100% - 40px) / 2);} .prc_range .flex > div:nth-child(2) {width: 40px; justify-content: center;} .prc_range .flex > div input {width: 100%; height: 32px; border-radius: 4px; background-color: #fff; padding: 0 10px; font-family: 'Commissioner', sans-serif; font-weight: normal; font-size: 16px;} .prc_range {margin-top: 20px;} .panelBodyElContentList {max-height: 150px; overflow-y: auto;} .checkbox {width: 100%; margin-top: 8px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; user-select: none;} .checkbox:first-child {margin-top: 0px;} .checkbox > div {align-items: flex-start; position: relative;} .checkbox > div:first-child {width: 20px; padding-top: 2px;} .checkbox > div:first-child span {width: 20px; height: 20px; border: 1px solid #DCDCDC; background-color: #fff; border-radius: 4px; display: block; transition: all 0.2s linear; position: relative; transition: all 0.2s linear;} .checkbox > div:last-child {padding-left: 10px; width: calc(100% - 30px); font-size: 16px; line-height: 1.3;} .checkbox > div:last-child .txt p {line-height: 1.3;} .checkbox--active > div:first-child span {border-color: #CD5334; background-color: #CD5334; transition: all 0.2s linear;} #filter .button {width: 100%; padding: 0 8px; border-color: #CD5334; background-color: #CD5334; color: #fff;} #filter .button > div {width: 100%; justify-content: center;} #filter .button:hover {border-color: #0F52BA; background-color: #0F52BA;} #filter > p {text-align: center; margin-top: 24px; font-size: 18px; display: block; margin-bottom: 12px;} #filter > p span {color: #1266E2; border-bottom: 1px dashed #1266E2; cursor: pointer; transition: all 0.2s linear;} #filter > p span:hover {border-color: #CD5334; color: #CD5334; transition: all 0.2s linear;} #itemPage > div {align-items: top; position: relative; float: left;} #itemPage > div:first-child {width: 40.8%;} #itemPage > div:last-child {/*flex: 1 1 auto;*/ width: calc(100% - 40.8%); padding-left: 20px;} #itemPage > div:first-child > div {width: 100%; position: relative;} .ratio-gallery {padding-top: 64%;} #itemPageTopPic {width: 100%; border-radius: 8px; overflow: hidden; border: 1px solid #DCDCDC;} #itemPageTopPic.itemPageTopPic--empty {height: 100%;} #itemPageTopPic .ratio {padding: 32px;} .itemPageTopGalleryEl {width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; position: relative; float: left; border-radius: 8px; overflow: hidden; outline: 1px solid #DCDCDC; outline-offset: 0px; transition: all 0.2s linear; padding: 4px; cursor: pointer;} .itemPageTopGalleryEl:nth-child(5n+1) {margin-left: 0px;} .itemPageTopGalleryEl--active {outline: 2px solid #CD5334 !important; outline-offset: -1px; transition: all 0.2s linear;} #itemPage > div:last-child .smallBlock {padding: 32px;} .itemPageInfoEl {margin-top: 10px;} .itemPageInfoEl:first-child {margin-top: 0px;} .itemPageInfoEl > div:first-child {padding-right: 16px;} .stock {position: relative; padding-left: 20px;} .stock:before {content: ''; display: block; width: 12px; height: 12px; border-radius: 50%; left: 0px; top: 50%; margin-top: -5px; position: absolute;} .stock--in {color: #139A43;} .stock--in:before {background-color: #139A43;} .stock--wait {color: #EBC91E;} .stock--wait:before {background-color: #EBC91E;} .stock--out {color: #FA0F1B;} .stock--out:before {background-color: #FA0F1B;} #itemPageParamsPrice {padding-top: 48px;} #itemPageParamsPrice > .flex {margin-top: 10px;} #itemPageParamsPrice > .flex > div {align-items: center; position: relative;} #itemPageParamsPrice > .flex > div:first-child {width: 40%; padding-right: 20px;} #itemPageParamsPrice > .flex > div:last-child {width: 60%;} #itemPageParams > div, #itemPageParamsPrice > .flex > div:last-child > div {width: 100%; position: relative;} #itemPageParamsPrice > .flex > div:last-child .flex > div {position: relative;} #itemPageParamsPriceFlex > div:first-child {width: calc(100% - 260px); padding-right: 20px;} #itemPageParamsPriceFlex > div:first-child .input {padding-right: 0px; text-align: center;} #itemPageParamsPriceFlex > div:last-child {width: 260px;} #itemPageParamsPrice > .flex > div:first-child .itemsElPrice {font-size: 32px; line-height: 1;} .itemsElPrice--small {font-size: 24px !important;} #itemPageParamsBox {padding-top: 32px; margin-top: 32px; border-top: 1px solid #DCDCDC;} #itemPageParamsBox > .flex > div {align-items: center; position: relative;} #itemPageParamsBox > .flex > div:first-child {width: 56px;} #itemPageParamsBox > .flex > div:first-child img {display: block; width: 56px; height: 56px;} #itemPageParamsBox > .flex > div:last-child {flex: 1 1 auto; padding-left: 20px;} #itemPageParamsBox > .flex > div:last-child .txt p {font-size: 18px; margin-top: 4px;} #itemPageParamsBox > .flex > div:last-child .txt p:first-child {margin-top: 0px;} .txt ul {margin-top: 20px; list-style: none;} .txt ul > li {padding-left: 30px; position: relative; margin-top: 10px; line-height: 1.4;} .txt ul:first-child, .txt ul > li:first-child {margin-top: 0px;} .txt ul > li:before {content: ''; display: block; width: 14px; height: 14px; border-radius: 4px; background-color: #CD5334; position: absolute; left: 0px; top: 9px;} .colimns-2-75 > div {align-items: flex-start; position: relative;} .colimns-2-75 > div:first-child {width: calc(100% - 25.36%);} .colimns-2-75 > div:last-child {width: 25.36%; padding-left: 5.36%;} .colimns-2-75 > div:last-child .smallBlock {padding: 20px;} .colimns-2-75 > div:last-child > div {width: 100%;} .colimns-2-75 > div:last-child .smallBlock > .txt:first-child {border-bottom: 1px solid #DCDCDC; padding-bottom: 20px;} .colimns-2-75 > div:last-child .smallBlock > .txt:first-child p {line-height: 1; color: #CD5334;} .sideMenu {padding: 20px 0;} .sideMenu > p {font-size: 18px; margin-top: 10px;} .sideMenu > p:first-child {margin-top: 0px;} .sideMenu > p a, .sideMenu > p a:visited {border-bottom: none; cursor: pointer;} .colimns-2-75 > div:last-child .smallBlock .sideMenu {margin-bottom: 32px;} .ya-share2__container {margin-top: 20px;} .columns-2-25 > div:first-child > div {width: 100%;} .columns-2-25 > div:first-child .smallBlock {padding: 20px;} .columns-2-25 > div:first-child .smallBlock .sideMenu {padding: 0 0;} .sideMenu--active {color: #CD5334 !important; font-weight: 500;} #aboutInner {padding: 100px 0;} #aboutInner .flex > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} #aboutInner .flex > div:nth-child(-n+3) {margin-top: 0px;} #aboutInner .flex > div:nth-child(3n+1) {margin-left: 0px;} .aboutInnerEl {padding: 24px; background-color: #fff; border-radius: 8px; width: 200%; height: 100%;} .aboutInnerEl img {width: 56px; height: 56px; display: block;} .aboutInnerEl .txt {margin-top: 20px;} .aboutInnerEl .txt p {width: 90%; font-weight: 500; font-size: 22px; line-height: 1.2;} #dropdown {position: absolute; left: 0px; z-index: 1; width: 100%; -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; } #dropdownBody {width: 100%; height: auto; border-radius: 8px; border: 1px solid #DCDCDC; background-color: #fff; margin-top: 20px;} #dropdownBody > div {align-items: flex-start;} #dropdownBody > div:first-child {width: 25.29%; padding: 20px; border-right: 1px solid #DCDCDC;} #dropdownBody > div:last-child {width: calc(100% - 25.29%); padding: 32px;} .dropdownBodyEl {cursor: pointer; padding: 12px 0 12px 12px; width: 100%; background-color: #fff; transition: all 0.2s linear; border-radius: 8px; z-index: 1;} .dropdownBodyEl > div {align-items: center;} .dropdownBodyEl > div:first-child {width: calc(100% - 28px); padding-right: 20px; position: relative; z-index: 2;} .dropdownBodyEl > div:first-child p {font-size: 20px; font-weight: 500; line-height: 1.2; color: #8D908F; transition: all 0.2s linear;} .dropdownBodyEl > div:last-child {width: 28px; position: relative; z-index: 2;} .dropdownBodyEl > div:last-child svg {display: block; width: 16px; height: 16px;} .dropdownBodyEl > div:last-child svg path {stroke: #8D908F; transition: all 0.2s linear;} .dropdownBodyEl:hover, .dropdownBodyEl--active {background-color: #F5F5F5 !important; transition: all 0.2s linear; z-index: 3;} .dropdownBodyEl:hover > div:first-child p, .dropdownBodyEl--active > div:first-child p {color: #222725 !important; transition: all 0.2s linear;} .dropdownBodyEl:hover > div:last-child svg path, .dropdownBodyEl--active > div:last-child svg path {stroke: #222725 !important; transition: all 0.2s linear;} .dropdownBodyElMenu {position: absolute; padding-left: calc(25.29%); top: 32px; z-index: 1; width: calc(100% - 65px); background-color: red; opacity: 0; transition: all 0.2s linear; height: calc(100% - 65px); align-items: flex-start !important;} .dropdownBodyEl:hover .dropdownBodyElMenu {opacity: 1; transition: all 0.2s linear;} .dropdownBodyMenu {width: 80%; display: none;} .dropdownBodyMenu > a, .dropdownBodyMenu > a:visited {float: left; margin-right: 40px; margin-bottom: 20px; color: #1266E2; text-decoration: none; transition: all 0.2s linear;} .dropdownBodyMenu > a:hover {color: #CD5334;} .catalogDropdown--active {background-color: #F5F5F5 !important; border-color: #F5F5F5!important; color: #0F52BA !important;} .catalogDropdown--active:hover {background-color: #F5F5F5 !important; border-color: #F5F5F5!important; color: #0F52BA !important;} .cd1 {opacity: 1; transition: all 0.2s linear;} .cd2 {opacity: 0; transition: all 0.2s linear;} .catalogDropdown--active .cd1 {opacity: 0; transition: all 0.2s linear;} .catalogDropdown--active .cd2 {opacity: 1; transition: all 0.2s linear;} #dropdown.dropdown--open {-webkit-transform: translate(0,0); transform: translate(0,0); opacity: 1; -webkit-transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s; transition:opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s; transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s; transition:transform .3s cubic-bezier(.23,.62,.42,.99) .1s,opacity 0s .3s,visibility 0s .4s,-webkit-transform .3s cubic-bezier(.23,.62,.42,.99) .1s; } .button--blue svg rect {fill: #1266E2; transition: all 0.2s linear;} .button--blue:hover svg rect {fill: #fff; transition: all 0.2s linear;} .button--icon > div:first-child svg {display: block; width: 20px; height: 20px;} #map {width: 100%; height: 420px; margin-top: 48px;} .columns-2-25 > div:last-child > div {width: 100%;} #searchWrp {position: absolute; left: 0px; width: 100%; margin-top: 6px; display: none;} #searchWrpBody {padding-left: 25.29%;} #searchWrpBody > div {padding: 20px; border: 1px solid #E1E1E1; background-color: #fff; border-radius: 8px; max-height: 320px; overflow-y: auto;} .searchWrpBodyEl {width: 100%; color: #222725; text-decoration: none; padding: 16px 0; border-bottom: 1px solid #E1E1E1;} .searchWrpBodyEl:first-child {padding-top: 0px;} .searchWrpBodyEl:last-child {padding-bottom: 0px; border-bottom: none;} .searchWrpBodyEl > div:first-child {width: 64px;} .searchWrpBodyEl > div:first-child .ratio {width: 100%;} .searchWrpBodyEl > div:last-child {width: 30%; align-items: center;} .searchWrpBodyEl > div:nth-child(2) {width: calc(100% - (64px + 30%)); padding: 0 20px;} .searchWrpBodyEl > div:nth-child(2) .txt {width: 100%;} .searchWrpBodyEl > div:nth-child(2) .txt p {font-size: 16px; color: #CD5334;} .searchWrpBodyEl > div:nth-child(2) .txt h3 {margin-top: 4px; font-size: 20px; transition: all 0.2s linear;} .searchWrpBodyEl:hover > div:nth-child(2) .txt h3 {color: #0F52BA; transition: all 0.2s linear;} .searchWrpBodyEl > div:last-child > div {width: 100%;} .searchWrpBodyEl > div:last-child > div .flex > div:first-child {width: calc(100% - 20px); padding-right: 20px;} .searchWrpBodyEl > div:last-child > div .flex > div:last-child {width: 20px;} .searchWrpBodyEl > div:last-child > div .flex > div:last-child svg {display: block; width: 20px; height: 20px;} .searchWrpBodyEl > div:last-child > div .flex > div:last-child svg path {stroke: #1266E2; transition: all 0.2s linear;} .searchWrpBodyEl:hover > div:last-child > div .flex > div:last-child svg path {stroke: #CD5334; transition: all 0.2s linear;} .searchWrpBodyEl .itemsElPrice {font-size: 20px;} #innerSearchTop > div:first-child {padding-right: 20px; flex: 1 1 auto;} .red--border {border-color: #FA0F1B !important; transition: all 0.2s linear;} #mdl {display: none; padding: 48px; width: 680px; background-color: #fff; color: #222725;} .marginTop-20 {margin-top: 20px;} #loader {display: block; width: 56px; height: 56px; position: relative;} #loader > img {width: 100%; height: 100%; display: block;} #mdl .policy a {color: #222725;} #gallery > div {width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; overflow: hidden; position: relative; border-radius: 8px;} #gallery > div:nth-child(-n+5) {margin-top: 0px;} #gallery > div:nth-child(5n+1) {margin-left: 0px;} .galleryEl {width: 100%; height: 100%; display: block;} .itemEmpty {width: 100%; height: 100%; background-color: #F8F8F8;} .itemEmpty > div {align-items: center; justify-content: center; width: 100%;} .itemEmpty > div img {display: block; width: 64px; height: 64px;} #ulMenuCatalog {display: none;} #catalogSide .buttonWide {display: none;} #topBodyContentMenu {display: none;} #topLineInfo {display: none;} #panel {display: none;} .scrollTracking {opacity: 0;} .scrollTracking.scrollTracking--active {opacity: 1; -webkit-transition: all 0.6s 0.2s ease; -moz-transition: all 0.6s 0.2s ease; -o-transition: all 0.6s 0.2s ease; transition: all 0.6s 0.2s ease;} .scrollTracking2 {-moz-transform: translate(0px, 80px); -webkit-transform: translate(0px, 80px); -o-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); transform: translate(0px, 80px); opacity: 0; -webkit-transition: all 0.3s 0.2s ease; -moz-transition: all 0.3s 0.2s ease; -o-transition: all 0.3s 0.2s ease; transition: all 0.3s 0.2s ease;} .scrollTracking2.scrollTracking--active {-moz-transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;} .ratio-iframe {padding: 0px !important;} #iframe3d {overflow-y: hidden;} .itemPageTopGalleryEl--3d .flex > div {width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; color: #1266E2;} .itemPageTopGalleryEl--3d .flex {height: 100%;} /*---*/ .innerContactsEl {margin-top: 80px;} .innerContactsEl:first-child {margin-top: 0px;} .innerContactsEl > div {width: 50%; align-items: fex-start; position: relative;} .mapWrp {width: 100%; height: 100%;} .mapWrp > div {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;} .innerContactsEl > div:first-child {padding-right: 56px;} .ymaps-2-1-79-map-copyrights-promo {display: none !important;} #tobBodyContentCart {display: none;} #itemPageParamsPriceFlex > div:last-child > div {width: 100%;} #itemRequest, #itemRequest2 {width: 100%; justify-content: center;} #innerCart > div {align-items: flex-start; position: relative;} #innerCart > div:first-child {width: calc(100% - 24%); padding-right: 6%;} #innerCart > div:last-child {width: 24%;} #innerCart > div > div {width: 100%;} .innerCartBlock {margin-top: 48px; width: 100%; position: relative;} .innerCartBlock:first-child {margin-top: 0px;} .innerCartBlockBody {margin-top: 24px;} .cartItem {width: 100%; margin-top: 10px; border: 1px solid #DCDCDC;; border-radius: 8px; padding: 24px;} .cartItem:first-child {margin-top: 0px;} .cartItem > div {align-items: center;} .cartItem > div > div {width: 100%;} .cartItem > div:first-child {width: 72px;} .cartItem > div:nth-child(2) {width: calc(100% - (72px + 30%)); padding: 0 24px;} .cartItem > div:last-child {width: 30%;} .cartItem > div:nth-child(2) .txt h4 {font-size: 22px;} .cartItemInfo {margin-top: 10px;} .cartItemInfo > p {float: left; margin-right: 20px; font-size: 16px;} .cartItemInfo > p:first-child {color: #8D908F;} .cartItemInfo .stock:before {width: 10px; height: 10px;} .cartItemInfo .stock {padding-left: 18px;} .cartItemControl > div {align-items: center;} .cartItemControl > div:last-child {width: 20px;} .cartItemControl > div:first-child {width: 90px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 110px); padding: 0 32px 0 20px; justify-content: flex-end;} .cartItemControl > div:nth-child(2) p {font-weight: 500; font-size: 18px;} .cartItem input[name="quantity"] {height: 40px; padding: 0px; text-align: center; font-size: 18px;} .input--two {width: calc(50% - 10px); margin-left: 20px; float: left; margin-top: 20px;} .input--two:nth-child(2n+1) {margin-left: 0px;} .innerCartBlockBodyReq {margin-top: 12px;} .innerCartBlockBodyReq .textarea {margin-top: 20px;} #innerCart #sideBlock {background-color: #F5F5F5; width: 100%; border-radius: 8px; padding: 20px 20px 24px;} #innerCart #sideBlock .txt h3 {font-size: 22px;} .innerItemCardInfo {width: 100%; margin-top: 12px;} .innerItemCardInfo:first-child {margin-top: 0px;} .innerItemCardInfo > div {align-items: center; color: #222725; font-size: 16px;} .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 #222725;} #recalcTotal {margin-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #DCDCDC; margin-bottom: 24px;} #innerCart .stickySide {top: 0px;} #makeOrder {width: 100%; justify-content: center;} .cartInfoElBodyItemRemove {cursor: pointer; width: 20px; height: 20px; position :relative;} .cartInfoElBodyItemRemove svg {width: 100%; height: 100%;} .iPrice {text-align: right; line-height: 1.1;} .iPriceSpanOld {font-size: 13px !important; text-decoration: line-through; color: #8D908F;} .noFilter.columns-2-25 > div:first-child {display: none !important;} .noFilter.columns-2-25 > div:last-child {width: 100% !important;} .noFilter #catalogBody .items > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative;} .noFilter #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(3n+1) {margin-left: 20px;} .noFilter #catalogBody .items > div:nth-child(-n+4) {margin-top: 0px;} .noFilter #catalogBody .items > div:nth-child(4n+1) {margin-left: 0px;} .itemsElTopInfoAvl {margin-top: 20px; margin-bottom: 16px;} .itemsElTopInfoAvl > p {font-size: 16px;} .itemsElTopInfoAvl .stock {padding-left: 18px;} .itemsElTopInfoAvl .stock::before {width: 10px; height: 10px;} .itemsEl .flex2 > div > div {width: 100%;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:first-child > span {border-color: #7A7D7C;} .itemsEl .innerItemCardInfo {margin-top: 8px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:last-child {font-weight: 500;} .innerItemCardBtn {width: 100%; margin-top: 24px;} .innerItemCardBtn .button {width: 100%; justify-content: center;} .innerItemCardBtn .button .stroke {stroke: #222725;} .innerItemCardBtn .button > div:first-child {order: 2;} .innerItemCardBtn .button > div:nth-child(2) {order: 1; padding-left: 0px; padding-right: 16px;} .itemsEl:hover .button {background-color: #F3F3F3; border-color: #F3F3F3;} .innerItemCardBtn .button--icon > div:first-child svg {width: 16px; height: 16px;} @media screen and (max-width: 1420px) { .centered {width: 1200px; margin: 0 auto; position: relative;} #topMenuBody > div:last-child ul li {margin-right: 32px;} #topBodyContent > div:first-child, #topMenuBody > div:first-child {width: 28%;} #topBodyContent > div:last-child {width: calc(100% - 28%);} #topMenuBody > div:last-child {width: 56px;} #topMenuBody > div:nth-child(2) {width: calc(100% - (28% + 56px)); padding-right: 32px;} #topBodyContentInfo > div:first-child {width: 66%; padding-right: 8%;} /*.txt h2 {font-size: 44px;}*/ .txt h2 {font-size: 40px;} .txt h3 {font-size: 30px;} .txt h4, .blogEl .txt h3 {font-size: 22px;} .itemsElTopInfo .txt h3, .sliderContentEl p {font-size: 20px;} .itemsElPrice {font-size: 22px;} .itemsElTopInfoParams p, .itemsElTopInfo .txt p, .blogEl .txt p, .policy {font-size: 15px;}.aboutSliderBodyEl .txt p, .categoryEl > div:first-child p {font-size: 16px;} .columns-2-25 > div:first-child {padding-right: 56px; width: 28%;} .columns-2-25 > div:last-child {width: calc(100% - 28%);} .txt h1 {font-size: 48px;} /*#itemPageParamsPrice > .flex > div:first-child .itemsElPrice {font-size: 40px;}*/ .colimns-2-75 > div:last-child {width: 28%; padding-left: 56px;} .colimns-2-75 > div:first-child {width: calc(100% - 28%);} #searchWrpBody {padding-left: 28%;} .searchWrpBodyEl > div:last-child {width: 28%;} .searchWrpBodyEl > div:nth-child(2) {width: calc(100% - (56px + 28%));} .searchWrpBodyEl > div:first-child {width: 56px;} .searchWrpBodyEl > div:nth-child(2) .txt p {font-size: 15px;} .searchWrpBodyEl > div:nth-child(2) .txt h3, .searchWrpBodyEl .itemsElPrice {font-size: 19px;} #dropdownBody > div:first-child {width: 28%;} #dropdownBody > div:last-child {width: calc(100% - 28%);} .dropdownBodyMenu {width: 90%;} .sliderImgEl {left: -15%; top: 0px; width: 620px; height: auto;} #aboutBlock > div:first-child::before {content: ''; display: block; width: 320px; height: 732px; left: 0px; top: -200px; background: url('../img/aboutBg.svg') no-repeat; background-size: auto; background-size: 320px 732px; position: absolute; z-index: 1;} #brcr > li {font-size: 15px;} .cartItem > div:last-child {width: 35%;} .cartItem > div:nth-child(2) {width: calc(100% - (72px + 35%)); padding: 0 24px;} } @media screen and (max-width: 1240px) { .centered {width: 100%; padding: 0 48px;} body {font-size: 19px;} #topBodyContentInfo > div:last-child p:first-child {font-size: 20px;} #topBodyContentInfo > div:last-child p:first-child span {font-size: 14px !important;} #topBodyContentInfo > div:last-child {width: 240px;} #topBodyContentInfo > div:first-child {width: calc(100% - 240px);padding-right: 56px;} #topMenuBody > div:last-child ul li a, #topMenuBody > div:last-child ul li a:visited {height: 34px; line-height: 34px;} .button, #topBodyContentInfo > div:first-child .flex > div:last-child input, .input, .textarea {font-size: 19px;} #topBodyContent > div:first-child, #topMenuBody > div:first-child {width: 300px;} #topBodyContent > div:last-child {width: calc(100% - 300px);} #topMenuBody > div:last-child {width: 56px;} #topMenuBody > div:nth-child(2) {width: calc(100% - (300px + 56px)); padding-right: 32px;} #dropdownBody > div:first-child {width: 300px;} #dropdownBody > div:last-child {width: calc(100% - 300px);} .dropdownBodyMenu {width: 100%;} .dropdownBodyEl > div:first-child p {font-size: 19px;} #slider {height: 460px;} .txt h2 {font-size: min(max(32px, calc(2rem + (40 - 32) * ((100vw - 320px) / (1240 - 320)))), 40px); min-height: 0vw;} .sliderContentEl p {font-size: 19px;} #slider:after {content: ''; display: block; width: 610px; height: 910px; right: -5%; top: -300px; background: url('../img/sliderBg.svg') no-repeat; background-size: auto; background-size: 610px 910px; position: absolute; z-index: 1;} .sliderImgEl {left: -10%; top: 0px; width: 120%; height: auto;} .width-70 {width: 80%;} .categoryEl > div:last-child:before {content: ''; display: block; width: 160px; height: 366px; right: 0px; top: -88px; background: url('../img/categoryBg.svg') no-repeat; background-size: auto; background-size: 160px 366px; position: absolute; z-index: 1;} .categoryEl > div:last-child img {width: 100%; height: auto; position: absolute; z-index: 2; left: 0px; bottom: -8px;} .items > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} .items > div:nth-child(-n+4) {margin-top: 20px;} .items > div:nth-child(4n+1) {margin-left: 20px;} .items > div:nth-child(-n+3) {margin-top: 0px;} .items > div:nth-child(3n+1) {margin-left: 0px;} .itemsElTopInfo .txt h3 {font-size: 22px;} .width-60 {width: 80%;} #aboutBlock > div:first-child::before {content: ''; display: block; width: 240px; height: 549px; left: 0px; top: -160px; background: url('../img/aboutBg.svg') no-repeat; background-size: auto; background-size: 240px 549px; position: absolute; z-index: 1;} .colimns-2-33 > div:first-child {width: 300px;} .colimns-2-33 > div:last-child {width: calc(100% - 300px);} .marginTop-88 {margin-top: 72px;} .marginTop-100 {margin-top: 88px;} #aboutBlock {padding: 88px 0;} #footerTopBody > div:first-child {width: 300px;} #footerTopBody > div:nth-child(2) {width: calc(100% - 320px);} .txt h3 {font-size: min(max(24px, calc(1.5rem + (30 - 24) * ((100vw - 320px) / (1240 - 320)))), 30px); min-height: 0vw;} #slider > div:first-child {width: 60%;} #slider > div:last-child {width: 40%;} #footerTopBodyMenu > div {padding-left: 56px; padding-right: 32px;} #footerTopBodyInfo > p:first-child {font-size: 22px;} .txt h1 {font-size: min(max(34px, calc(2.125rem + (46 - 34) * ((100vw - 320px) / (1240 - 320)))), 46px); min-height: 0vw;} .columns-2-25 > div:first-child {padding-right: 48px; width: 300px;} .columns-2-25 > div:last-child {width: calc(100% - 300px);} #catalogBody .items > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} #catalogBody .items > div:nth-child(3n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 0px;} #catalogBody .items > div:nth-child(2n+1) {margin-left: 0px;} .noFilter #catalogBody .items > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} .noFilter #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} .noFilter #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(2n+1) {margin-left: 20px;} .noFilter #catalogBody .items > div:nth-child(-n+3) {margin-top: 0px;} .noFilter #catalogBody .items > div:nth-child(3n+1) {margin-left: 0px;} #catalogTop > div:first-child {width: 50%; padding-right: 10px;} #catalogTop > div:last-child {padding-left: 10px; width: 50%;} #catalogTop .select {width: 100%;} .blog > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} .blog > div:nth-child(-n+3) {margin-top: 20px;} .blog > div:nth-child(3n+1) {margin-left: 20px;} .blog > div:nth-child(-n+2) {margin-top: 0px;} .blog > div:nth-child(2n+1) {margin-left: 0px;} .blogEl .ratio-2-3 {padding-top: 48%;} .blogEl .txt h3 {font-size: 24px;} #topBodyContentInfo > div:last-child p:nth-child(2) {margin-top: 6px; font-size: 17px;} #itemPageParamsPrice > .flex > div:first-child {width: 100%; padding-right: 0px;} #itemPageParamsPrice > .flex > div:last-child {width: 80%; margin-top: 24px;} /*#itemPageParamsPrice > .flex > div:first-child .itemsElPrice {font-size: 36px;}*/ #itemPageParamsBox > .flex > div:last-child .txt p {font-size: 16px;} #itemPageParamsBox > .flex > div:first-child {width: 48px;} #itemPageParamsBox > .flex > div:first-child img {width: 48px; height: 48px;} #itemPageParamsBox > .flex > div:last-child {padding-left: 14px;} #main {padding-bottom: 620px;} .colimns-2-75 > div:last-child {width: 300px; padding-left: 48px;} .colimns-2-75 > div:first-child {width: calc(100% - 300px);} #footerBottomBody > div:first-child {width: calc((100% - 210px) / 2); padding-right: 20px;} #footerBottomBody > div:nth-child(2) {width: calc((100% - 210px) / 2); padding-right: 20px;} footer {padding-top: 56px;} #searchWrpBody {padding-left: 300px;} .searchWrpBodyEl > div:last-child {width: 150px;} .searchWrpBodyEl > div:nth-child(2) {width: calc(100% - 198px);} .searchWrpBodyEl > div:first-child {width: 48px;} .dropdownBodyMenu > a, .dropdownBodyMenu > a:visited {margin-right: 32px; margin-bottom: 20px;} #footerTopBody {padding-bottom: 56px;} .select {font-size: 19px;} .footerTopBodyMenuEl > p {font-size: 19px;} #aboutInner {padding: 88px 0;} #itemPageParamsPrice .itemsElPrice--small br {display: none;} .innerContactsEl > div:first-child {padding-right: 40px;} .innerContactsEl {margin-top: 56px;} .innerContactsEl:first-child {margin-top: 0px;} #innerCart > div:last-child {width: 280px;} #innerCart > div:first-child {width: calc(100% - 280px); padding-right: 56px;} .cartItem > div:last-child {width: 250px;} .cartItem > div:nth-child(2) {width: calc(100% - (64px + 250px)); padding: 0 24px;} .cartItem > div:first-child {width: 64px;} .cartItemControl > div:first-child {width: 80px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 100px); padding: 0 24px 0 16px;} .cartItem > div:nth-child(2) .txt h4 {font-size: 20px;} } @media screen and (max-width: 1180px) { #slider:after {content: ''; display: block; width: 560px; height: 822px; right: -5%; top: -260px; background: url('../img/sliderBg.svg') no-repeat; background-size: auto; background-size: 560px 822px; position: absolute; z-index: 1;} .sliderImgEl {left: -10%; top: 0px; width: 130%; height: auto;} #topMenu {padding: 24px 0 0;} #aboutInner .flex > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} #aboutInner .flex > div:nth-child(-n+3) {margin-top: 20px;} #aboutInner .flex > div:nth-child(3n+1) {margin-left: 20px;} #aboutInner .flex > div:nth-child(-n+2) {margin-top: 0px;} #aboutInner .flex > div:nth-child(2n+1) {margin-left: 0px;} .categoryEl > div:last-child:before {content: ''; display: block; width: 120px; height: 274px; right: 0px; top: -48px; background: url('../img/categoryBg.svg') no-repeat; background-size: auto; background-size: 120px 274px; position: absolute; z-index: 1;} .categoryEl > div:last-child img {width: 105%; height: auto; position: absolute; z-index: 2; left: -5%; bottom: -8px;} #topBodyContentInfo > div:first-child {width: calc(100% - 230px); padding-right: 48px;} #topBodyContentInfo > div:last-child {width: 230px;} #gallery > div {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; overflow: hidden; position: relative; border-radius: 8px;} #gallery > div:nth-child(-n+5) {margin-top: 20px;} #gallery > div:nth-child(5n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+4) {margin-top: 0px;} #gallery > div:nth-child(4n+1) {margin-left: 0px;} #innerCart > div:first-child {padding-right: 48px;} } @media screen and (max-width: 1080px) { #slider:after {content: ''; display: block; width: 500px; height: 734px; right: -6%; top: -220px; background: url('../img/sliderBg.svg') no-repeat; background-size: auto; background-size: 500px 734px; position: absolute; z-index: 1;} .sliderImgEl {left: -10%; top: 0px; width: 130%; height: auto;} .width-80 {width: 90%;} #footerTopBodyMenu > div {padding-left: 48px; padding-right: 24px;} .itemsElTopInfo .txt h3 {font-size: 20px;} .blogEl .txt h3 {font-size: 22px;} #footerBottomBody > div:first-child {width: calc(100% - 210px); order: 1;} #footerBottomBody > div:nth-child(2) {width: calc(100% - 210px); order: 3; margin-top: 8px;} #footerBottomBody > div:last-child {width: 210px; justify-content: flex-end; order: 2;} #topBodyContentInfo > div:first-child {width: calc(100% - 230px); padding-right: 20px;} #itemPageParamsPrice > .flex > div:last-child {width: 90%;} .itemPageTopGalleryEl {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative; float: left; border-radius: 8px; overflow: hidden; outline: 1px solid #DCDCDC; outline-offset: 0px; transition: all 0.2s linear; padding: 4px; cursor: pointer;} .itemPageTopGalleryEl:nth-child(5n+1) {margin-left: 20px;} .itemPageTopGalleryEl:nth-child(4n+1) {margin-left: 0px;} .width-70, .width-60 {width: 90%;} .marginTop-100 {margin-top: 80px;} #slider {height: 420px;} .marginTop-88 {margin-top: 64px;} #aboutBlock {padding: 80px 0;} .width-80 {width: 100%;} .txt h3 {margin-bottom: 24px;} #aboutInner {padding: 80px 0;} #innerCart > div:last-child {width: 60%; margin-left: 20%; margin-top: 56px;} #innerCart > div:first-child {width: 100%; padding-right: 0px;} .innerCartBlock {margin-top: 40px;} .innerCartBlock:first-child {margin-top: 0px;} } @media screen and (max-width: 1020px) { .categoryEl > div:last-child {position: absolute; right: 0px; bottom: 0px; z-index: 1;} .categoryEl > div:first-child {width: 80%; position: relative; z-index: 1; align-items: flex-start;} #category > div {overflow: hidden; min-height: 100px;} .categoryEl > div:last-child img {width: 90%; height: auto; position: absolute; z-index: 2; left: 10%; bottom: 0px;} } @media screen and (max-width: 960px) { #ulMenuCatalog {display: block;} #dropdown {display: none !important;} #topMenuBody > div:first-child {display: none;} /*#topMenuBody > div:last-child {width: 100%;}*/ #topMenuBody > div:nth-child(2) {width: calc(100% - 56px); padding-right: 32px;} #topMenuBody > div:last-child {width: 56px;} #topBodyContent > div:first-child a {width: 200px;} #topBodyContent > div:first-child {width: 200px;} #topBodyContent > div:last-child {width: calc(100% - 200px); padding-left: 48px;} #topMenuBody > div:last-child ul li a, #topMenuBody > div:last-child ul li a:visited {height: 36px; line-height: 36px;} #topLine .flex > div:last-child {width: 280px; padding-left: 0px;} #topLine .flex > div:first-child {width: calc(100% - 280px);} #slider > div:first-child {width: 70%;} #slider > div:last-child {width: 30%;} .sliderImgEl {left: -15%; top: 3%; width: 140%; height: auto;} #slider:after {content: ''; display: block; width: 400px; height: 589px; right: -8%; top: -140px; background: url('../img/sliderBg.svg') no-repeat; background-size: auto; background-size: 400px 589px; position: absolute; z-index: 1;} #searchWrpBody {padding-left: 248px;} .searchWrpBodyEl > div:last-child > div .flex > div:first-child {display: none;} .searchWrpBodyEl > div:last-child {width: 20px;} .searchWrpBodyEl > div:nth-child(2) {width: calc(100% - 68px);} /*#topBodyContentInfo > div:last-child p:first-child {font-size: 22px;}*/ .sliderContentEl p {font-size: 18px; width: 90%;} .button, #topBodyContentInfo > div:first-child .flex > div:last-child input {font-size: 18px;} #aboutBlock.colimns-2-33 > div:first-child {display: none;} #aboutBlock.colimns-2-33 > div:last-child {width: 100%;} #aboutBlock .width-80 {width: 90%;} .form .input {width: calc((100% - 20px) / 2); margin-left: 20px; float: left; border-color: #fff;} .form .input:first-child {margin-left: 0px;} .form .button {width: auto; margin-left: 0px; border-color: #CD5334; background-color: #CD5334; color: #fff; margin-top: 32px;} .blogEl .ratio-2-3 {padding-top: 56%;} #footerTopBody > div:first-child {width: 220px;} #footerTopBody > div:nth-child(2) {width: calc(100% - 240px); padding-right: 20px; padding-left: 20px;} #footerTopBodyMenu > div {padding-left: 40px; padding-right: 0px;} #footerTopBodyInfo > p {font-size: 16px;} #footerTopBodyLogo {width: 200px;} .txt h2 {font-size: min(max(28px, calc(1.75rem + (34 - 28) * ((100vw - 320px) / (960 - 320)))), 34px); min-height: 0vw;} .txt h3 {font-size: min(max(23px, calc(1.4375rem + (28 - 23) * ((100vw - 320px) / (960 - 320)))), 28px); min-height: 0vw;} .txt h4 {font-size: 20px;} #catalog.columns-2-25 > div:first-child {padding-right: 0px; width: 100%;} #catalog.columns-2-25 > div:last-child {width: 100%; margin-top: 48px;} #catalogBody .items > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative;} #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} #catalogBody .items > div:nth-child(2n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+3) {margin-top: 0px;} #catalogBody .items > div:nth-child(3n+1) {margin-left: 0px;} .width-60, .width-70, .width-80, .width-90 {width: 100%;} #topBodyContentInfo > div:first-child .flex {padding: 0 20px;} .txt h1 {font-size: min(max(32px, calc(2rem + (40 - 32) * ((100vw - 320px) / (960 - 320)))), 40px); min-height: 0vw;} #catalogSide .buttonWide {display: block !important;} #filter {margin-top: 32px; display: none;} .catalogSide--open #filter {display: block !important;} .buttonWide--blue {background-color: transparent; border: 1px solid #1266E2;} .buttonWide--blue .tbl {color: #1266E2;} .buttonWide--blue:hover, .catalogSide--active .buttonWide--blue {border-color: #0F52BA !important; background-color: #0F52BA !important;} .buttonWide--blue .tbl > div:first-child {padding-right: 0px;} .buttonWide--blue .tbl > div:last-child {display: none;} .buttonWide--blue:hover .tbl, .catalogSide--active .buttonWide--blue .tbl {color: #fff !important;} .catalogSide--active #filter {display: block !important;} .centered {padding: 0 40px;} .itemsEl {padding: 20px;} .itemsElTop .ratio {width: 80%; margin-left: 10%;} .select {font-size: 18px;} body {font-size: 18px;} #topMenuBody > div:last-child ul li a, #topMenuBody > div:last-child ul li a:visited {font-size: 19px;} .smallBlock {padding: 32px;} #filter {padding: 32px;} #slider {padding: 32px;} .categoryEl > div:first-child {padding: 24px;} .txt ul > li:before {top: 8px;} #itemPage > div:first-child {width: 100%;} #itemPage > div:last-child {width: 100%; padding-left: 0px; margin-top: 48px;} #itemPageTopPic .ratio {width: 60%; margin-left: 20%;} .itemPageTopGalleryEl {width: calc((100% - 80px) / 5); margin-left: 20px; margin-top: 20px; position: relative; float: left; border-radius: 8px; overflow: hidden; outline: 1px solid #DCDCDC; outline-offset: 0px; transition: all 0.2s linear; padding: 4px; cursor: pointer;} .itemPageTopGalleryEl:nth-child(4n+1) {margin-left: 20px;} .itemPageTopGalleryEl:nth-child(5n+1) {margin-left: 0px;} #itemPageParamsPrice > .flex > div:last-child {width: 460px;} .marginTop-100 {margin-top: 72px;} #aboutBlock {padding: 72px 0;} .input, .textarea {font-size: 18px;} #sliderNavigation {bottom: 32px; right: 32px;} .footerTopBodyMenuEl > p {font-size: 18px;} .footerTopBodyMenuEl > ul > li {margin-top: 10px; font-size: 16px;} .footerTopBodyMenuEl > ul > li:first-child {margin-top: 0px;} .footerTopBodyMenuEl > ul {margin-top: 20px;} #topBodyContentInfo > div:last-child p:nth-child(2) {margin-top: 6px; font-size: 16px;} .colimns-2-33 > div:last-child .txt h3 {margin-bottom: 40px;} .aboutSliderBodyEl .txt p, .categoryEl > div:first-child p {font-size: 16px;} .marginTop-56 {margin-top: 48px;} #innerTextSide.columns-2-25 > div:first-child {padding-right: 40px; width: 280px;} #innerTextSide.columns-2-25 > div:last-child {width: calc(100% - 280px);} .colimns-2-75 > div:last-child {width: 280px; padding-left: 40px;} .colimns-2-75 > div:first-child {width: calc(100% - 280px);} #aboutInner {padding: 72px 0;} #catalog.columns-2-25.noFilter > div:last-child {margin-top: 0px !important;} .itemsEl .innerItemCardInfo > div {font-size: 15px;} .itemsElTopInfoAvl > p {font-size: 15px;} .itemsElTopInfoAvl .stock::before {width: 9px; height: 9px; margin-top: -4.5px;} .itemsElTopInfoAvl .stock {padding-left: 16px;} .itemsElTopInfoAvl {margin-top: 16px; margin-bottom: 8px;} .innerItemCardBtn .button {height: 40px; font-size: 17px; padding: 0 16px;} .innerItemCardBtn .button > div:nth-child(2) {padding-right: 12px;} } @media screen and (max-width: 880px) { .blogEl .ratio-2-3 {padding-top: 64%;} #topBodyContentInfo > div:first-child, #searchWrp {display: none !important;} #topBodyContentInfo > div:last-child p:first-child {font-size: 22px;} #topMenu {display: none;} #slider {height: 400px;} #topBodyContentMenu {cursor: pointer;} #topBodyContentMenu svg {display: block; width: 32px; height: 32px; position: relative;} #topBodyContentMenu svg rect {fill: #222725; transition: all 0.2s linear;} #topBodyContentMenu:hover svg rect {fill: #0F52BA; transition: all 0.2s linear;} .button {height: 48px;} .buttonWide, .buttonWide .tbl {height: 56px;height: 48px;} .input, .select {height: 48px;} .marginTop-48 {margin-top: 40px;} .marginTop-40 {margin-top: 32px;} #innerTextSide.columns-2-25 > div:first-child {padding-right: 0px; width: 100%; order: 2; margin-top: 40px;} #innerTextSide.columns-2-25 > div:last-child {width: 100%; order: 1;} #map {height: 380px; margin-top: 40px;} #innerTextSide.columns-2-25 > div:first-child .sideMenu p {float: left; margin-right: 32px; margin-top: 0px; margin-bottom: 10px;} #innerTextSide.columns-2-25 > div:first-child .smallBlock {padding: 32px 32px 22px;} .colimns-2-75 > div:last-child {width: 100%; padding-left: 0px; order: 2; margin-top: 40px;} .colimns-2-75 > div:first-child {width: 100%; order: 1;} .colimns-2-75 > div:last-child .sideMenu {display: none;} .colimns-2-75 > div:last-child .smallBlock {padding: 32px;} .textarea {height: 100px; padding: 14px 24px;} #panel {width: 545px; display: block; position: fixed; background-color: #fff; top: 0px; bottom: 0px; right: -545px; z-index: 20; transition: all 0.2s linear; height: 100%;} #panelTop {height: 106px;} #panelTop > div {align-items: center;} #panelTop > div:first-child {flex: 1 1 auto; padding: 32px 32px 32px 40px;} #panelTop > div:last-child {position: relative; padding: 32px; cursor: pointer;} #panelTop > div:last-child svg {display: block; width: 24px; height: 24px; cursor: pointer;} #panelTop > div:last-child svg path {fill: #222725; stroke: #222725; transition: all 0.2s linear;} #panelTop > div:last-child:hover svg path {fill: #0F52BA; stroke: #0F52BA; transition: all 0.2s linear;} #panelTopMenuLogo {width: auto; height: 60px;} #panelTopMenuBody {height: calc(100vh - 106px); position: relative; padding: 16px 40px 40px; overflow-y: auto;} #panelTop.panelTopMenu > div:first-child {padding: 16px 32px 16px 40px;} .panelTopMenuBodyEl {margin-top: 48px;} .panelTopMenuBodyEl:first-child {margin-top: 0px;} .panelTopMenuBodyEl > p {font-size: 24px; font-weight: 500; margin-top: 24px;} .panelTopMenuBodyEl > p:first-child {margin-top: 0px;} .panelTopMenuBodyEl p a, p a:visited {color: #222725; text-decoration: none; transition: all 0.2s linear;} .panelTopMenuBodyEl ul {list-style: none; margin-top: 20px;} .panelTopMenuBodyEl ul > li {margin-top: 14px;} .panelTopMenuBodyEl ul > li:first-child {margin-top: 0px;} .panelTopMenuBodyEl ul > li a, .panelTopMenuBodyEl ul > li a:visited {font-size: 20px; line-height: 1.3; color: #222725; text-decoration: none; transition: all 0.2s linear;} .panelTopMenuBodyEl p a:hover, .panelTopMenuBodyEl ul > li a:hover {color: #0F52BA; transition: all 0.2s linear;} /*#overlay {width: 100%; height: 100%; background-color: #000; opacity: 0.75; position: fixed; top: 0px; left: 0px; z-index: 19; display: none; transition: all 0.2s linear; cursor: pointer;} .panel--open #overlay {display: block !important; transition: all 0.2s linear;}*/ .panel--open #panel {transition: all 0.2s linear; right: 0px !important;} .panel--open:after {content: ''; display: block; width: 100%; height: 100%; background-color: #fff; opacity: 0.75; position: fixed; top: 0px; left: 0px; z-index: 19; transition: all 0.2s linear;} .aboutInnerEl .txt p {width: 90%; font-size: 20px;} .innerContactsEl > div:first-child {padding-right: 0px; width: 100%;} .innerContactsEl > div:last-child {width: 100%; margin-top: 32px;} .innerContactsEl {margin-top: 56px;} .innerContactsEl:first-child {margin-top: 0px;} .mapWrp {height: 280px;} #topBodyContentInfo > div:last-child {width: calc(100% - 96px); order: 1; padding-right: 32px;} #topBodyContentInfo > div:nth-child(2) {display: -webkit-flex; display: -ms-flexbox; display: flex; order: 3; width: 40px; padding: 6px; margin-left: 16px;} #tobBodyContentCart {display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; order: 2; padding: 7px; align-items: center; justify-content: center;} #tobBodyContentCart svg path {fill: #222725; transition: all 0.2s linear;} #tobBodyContentCart:hover svg path {fill: #0F52BA; transition: all 0.2s linear;} #tobBodyContentCart div {position: relative;} #tobBodyContentCart div svg {position: relative; z-index: 1; width: 28px; height: auto;} #tobBodyContentCart span {display: block; min-width: 16px; height: 16px; border-radius: 10px; position: absolute; background-color: #CD5334; line-height: 1; padding: 2px 4px; font-size: 11px; font-weight: bold; text-align: center; right: -3px; top: -3px; z-index: 2; color: #fff;} .itemsEl .innerItemCardInfo > div:first-child {width: 100%; padding-right: 0px;} .itemsEl .innerItemCardInfo > div:last-child {width: 100%; padding-left: 0px; margin-top: 2px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:first-child {display: none;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:last-child {padding-left: 0px; width: 100%; justify-content: flex-start;} .itemsEl .innerItemCardInfo {margin-top: 6px;} } @media screen and (max-width: 840px) { #slider > div:last-child {display: none;} #slider > div:first-child {width: 80%;} #slider:after {content: ''; display: block; width: 300px; height: 470px; right: -5%; top: -60px; background: url('../img/sliderBg.svg') no-repeat; background-size: auto; background-size: 300px 470px; position: absolute; z-index: 1;} .categoryEl > div:first-child {width: 90%;} #innerCart > div:last-child {width: 70%; margin-left: 15%; margin-top: 56px;} } @media screen and (max-width: 780px) { .items > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} .items > div:nth-child(-n+4) {margin-top: 20px;} .items > div:nth-child(4n+1) {margin-left: 20px;} .items > div:nth-child(-n+3) {margin-top: 20px;} .items > div:nth-child(3n+1) {margin-left: 20px;} .items > div:nth-child(-n+2) {margin-top: 0px;} .items > div:nth-child(2n+1) {margin-left: 0px;} .itemsElTop .ratio {width: 70%; margin-left: 15%;} #footerTopBody > div:nth-child(2) {width: calc(100% - 240px); padding-right: 0px; padding-left: 0px;} #footerTopBodyMenu > div {width: 100%; padding-left: 48px; padding-right: 20px;} #aboutBlock .width-80 {width: 100%;} #topLine .flex > div:first-child p {display: none;} .marginTop-88 {margin-top: 56px;} .marginTop-100 {margin-top: 64px;} #aboutBlock {padding: 64px 0;} #category > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} #category > div:nth-child(-n+2) {margin-top: 20px;} #category > div:nth-child(2n+1) {margin-left: 0px;} #category > div:nth-child(-n+1) {margin-top: 0px;} .categoryEl > div:last-child img {width: 80%; height: auto; position: absolute; z-index: 2; left: 20%; bottom: 0;} .categoryEl > div:last-child {bottom: -40px;} .blog > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} .blog > div:nth-child(-n+3) {margin-top: 20px;} .blog > div:nth-child(3n+1) {margin-left: 0px;} .blog > div:nth-child(-n+2) {margin-top: 20px;} .blog > div:nth-child(2n+1) {margin-left: 0px;} .blog > div:nth-child(-n+2) {margin-top: 0px;} .blogEl .ratio-2-3 {padding-top: 32%;} .blogEl .txt h3 {font-size: min(max(23px, calc(1.4375rem + (28 - 23) * ((100vw - 320px) / (960 - 320)))), 28px); min-height: 0vw;} #main {padding-bottom: 580px;} .colimns-2-33 > div:last-child .txt h3 {margin-bottom: 48px;} #catalogBody .items > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} #catalogBody .items > div:nth-child(2n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} #catalogBody .items > div:nth-child(3n+1) {margin-left: 20px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 0px;} #catalogBody .items > div:nth-child(2n+1) {margin-left: 0px;} #itemPageTopPic .ratio {width: 70%; margin-left: 15%;} .aboutInnerEl .txt p {width: 100%; font-size: 20px;} #aboutInner {padding: 64px 0;} .noFilter #catalogBody .items > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; position: relative;} .noFilter #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(4n+1) {margin-left: 20px;} .noFilter #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(3n+1) {margin-left: 20px;} .noFilter #catalogBody .items > div:nth-child(-n+2) {margin-top: 0px;} .noFilter #catalogBody .items > div:nth-child(2n+1) {margin-left: 0px;} .itemsEl .innerItemCardInfo > div:first-child {width: auto; padding-right: 10px;} .itemsEl .innerItemCardInfo > div:last-child {width: auto; padding-left: 10px; margin-top: 2px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:first-child {width: 0px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:last-child {padding-left: 0px; width: 100%; justify-content: flex-end;} } @media screen and (max-width: 720px) { .categoryEl > div:last-child {bottom: -20px;} #gallery > div {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; overflow: hidden; position: relative; border-radius: 8px;} #gallery > div:nth-child(-n+5) {margin-top: 20px;} #gallery > div:nth-child(5n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+4) {margin-top: 20px;} #gallery > div:nth-child(4n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+3) {margin-top: 0px;} #gallery > div:nth-child(3n+1) {margin-left: 0px;} #mdl {width: 100%; padding: 40px;} #innerCart > div:last-child {width: 80%; margin-left: 10%; margin-top: 48px;} .cartItem > div:nth-child(2) {width: calc(100% - 64px); padding: 0 0 0 20px;} .cartItem > div:last-child {width: 100%; margin-top: 16px;} .cartItemControl > div:first-child {width: calc((100% - 20px) / 2);} .cartItemControl > div:nth-child(2) {width: calc((100% - 20px) / 2);} } @media screen and (max-width: 680px) { .categoryEl > div:last-child {bottom: -16px;} .blogEl .ratio-2-3 {padding-top: 40%;} #footerBottomBody > div:first-child {width: 100%; padding-right: 0px; order: 1; justify-content: center;} #footerBottomBody > div:nth-child(2) {width: 100%; order: 2; margin-top: 8px; padding-right: 0px; justify-content: center;} #footerBottomBody > div:last-child {width: 100%; justify-content: center; order: 3; margin-top: 24px;} #topBodyContent > div:last-child {width: calc(100% - 200px); padding-left: 24px;} #topBodyContentInfo > div:last-child p:first-child {font-size: 20px;} .txt h4 {font-size: 19px;} #footerBottomBody p {text-align: center;} #itemPageTopPic .ratio {width: 80%; margin-left: 10%;} #aboutInner .flex > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} #aboutInner .flex > div:nth-child(-n+3) {margin-top: 20px;} #aboutInner .flex > div:nth-child(3n+1) {margin-left: 0px;} #aboutInner .flex > div:nth-child(-n+2) {margin-top: 20px;} #aboutInner .flex > div:nth-child(2n+1) {margin-left: 0px;} #aboutInner .flex > div:nth-child(-n+1) {margin-top: 0px;} .aboutInnerEl .txt p {width: 80%; font-size: 22px;} #topLineInfo {display: block; margin-bottom: 2px;} #topLineInfo p a, #topLineInfo p a:visited {color: #222725; text-decoration: none;} #topLineInfo p {font-size: 18px !important; text-align: right; font-weight: 500;} #topLine .flex > div:first-child {display: none !important;} #topLine .flex > div:last-child {width: 100%; padding-left: 0px;} #topBodyContentInfo > div:last-child {display: none;} #topBodyContent > div:last-child {width: 96px; padding-left: 0px;} #topBodyContent > div:first-child {width: calc(100% - 96px);} } @media screen and (max-width: 620px) { #footerTopBody > div:first-child {width: calc(100% - 20px); order: 1;} #footerTopBody > div:nth-child(2) {width: 100%; padding-right: 0px; padding-left: 0px; order: 3;} #footerTopBody > div:last-child {width: 20px; padding-top: 24px; order: 2;} #footerTopBodyMenu > div {width: 50%; padding-left: 0px; padding-right: 40px; margin-top: 48px;} #slider > div:first-child {width: 90%;} .sliderContentEl p {width: 100%;} .centered {padding: 0 32px;} .form .input {width: 100%; margin-left: 0px; float: none; border-color: #fff;} .form .input:nth-child(2) {margin-left: 0px; margin-top: 20px;} #topLine .flex > div p {font-size: 15px;} #topBody {padding: 20px 0;} .itemsElTopInfo .txt h3 {font-size: 18px;} .itemsElPrice {font-size: 20px;} .itemsElTop .ratio {width: 80%; margin-left: 10%;} #catalog.columns-2-25 > div:last-child {margin-top: 40px;} .txt h1 {font-size: min(max(26px, calc(1.625rem + (32 - 26) * ((100vw - 320px) / (620 - 320)))), 32px); min-height: 0vw;} #itemPageTopPic .ratio {width: 90%; margin-left: 5%;} .itemPageTopGalleryEl {width: calc((100% - 60px) / 4); margin-left: 20px; margin-top: 20px; position: relative; float: left; border-radius: 8px; overflow: hidden; outline: 1px solid #DCDCDC; outline-offset: 0px; transition: all 0.2s linear; padding: 4px; cursor: pointer;} .itemPageTopGalleryEl:nth-child(5n+1) {margin-left: 20px;} .itemPageTopGalleryEl:nth-child(4n+1) {margin-left: 0px;} #itemPage > div:last-child {margin-top: 40px;} #itemPageParamsPrice > .flex > div:last-child {width: 100%;} #itemPageParamsPriceFlex > div:last-child {width: 244px;} #itemPageParamsPriceFlex > div:first-child {width: calc(100% - 244px); padding-right: 20px;} #itemPageParamsBox {padding-top: 24px; margin-top: 24px;} #itemPageParamsPrice > .flex > div:first-child .itemsElPrice {font-size: 32px;} .marginTop-56 {margin-top: 40px;} #panel {width: 440px; display: block; position: fixed; background-color: #fff; top: 0px; bottom: 0px; right: -440px; z-index: 20; transition: all 0.2s linear; height: 100%;} .aboutInnerEl .txt p {width: 90%; font-size: 20px;} .itemsElPriceOld {font-size: 14px;} .cartItemControl > div:first-child {width: 140px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 160px);} .input--two {width: 100%; margin-left: 0px; margin-top: 16px;} .innerCartBlockBodyReq .textarea {margin-top: 16px;} #innerCart > div:last-child {width: 100%; margin-left: 0%; margin-top: 48px;} .itemsEl .innerItemCardInfo > div:first-child {width: 100%; padding-right: 0px;} .itemsEl .innerItemCardInfo > div:last-child {width: 100%; padding-left: 0px; margin-top: 2px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:first-child {display: none;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:last-child {padding-left: 0px; width: 100%; justify-content: flex-start;} } @media screen and (max-width: 580px) { #topBodyContent > div:first-child {width: 180px;} #topBodyContent > div:first-child a {width: 180px;} /*#topBodyContent > div:last-child {width: calc(100% - 180px); padding-left: 20px;} #topBodyContentInfo > div:last-child {width: calc(100% - 48px); order: 1; padding-right: 20px;}*/ #topBodyContent > div:last-child {width: 96px; padding-left: 0px;} #topBodyContent > div:first-child {width: calc(100% - 96px);} #topBodyContentInfo > div:last-child p:first-child {font-size: 20px;} #topBodyContentInfo > div:last-child p:nth-child(2) {margin-top: 5px; font-size: 15px;} #slider > div:first-child {width: 100%;} .categoryEl > div:last-child {bottom: 0px;} #innerTop {margin-top: 20px; margin-bottom: 40px;} #brcr > li {margin-right: 8px; margin-top: 6px; font-size: 14px;} } @media screen and (max-width: 560px) { #topBodyContentInfo > div:last-child p {display: none;} #topBodyContentInfo > div:last-child {padding-right: 0px;} /*#topLine {display: none;}*/ #topLineInfo {display: block; margin-bottom: 2px;} #topLine .flex {height: auto; padding: 10px 0;} #topLineInfo p {font-size: 18px !important; text-align: right; font-weight: 500;} #topLineInfo p a, #topLineInfo p a:visited {color: #222725; text-decoration: none;} #topLine .flex > div:first-child {display: none;} #topLine .flex > div:last-child { width: 100%; padding-left: 0px; } } @media screen and (max-width: 520px) { .tabsBody {margin-top: 20px;} #footerTopBody > div:last-child {display: none;} #footerTopBody > div:first-child {width: 100%; order: 1;} #footerTopBody > div:first-child > div {width: 100%;} #footerTopBodyLogo {margin: 0 auto; width: 180px;} #footerTopBodyInfo {text-align: center;} #footerTopBodyMenu > div {width: 100%; padding-left: 0px; padding-right: 0px; margin-top: 40px; text-align: center;} .blogEl .ratio-2-3 {padding-top: 56%;} .items > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} .items > div:nth-child(-n+4) {margin-top: 20px;} .items > div:nth-child(4n+1) {margin-left: 0px;} .items > div:nth-child(-n+3) {margin-top: 20px;} .items > div:nth-child(3n+1) {margin-left: 0px;} .items > div:nth-child(-n+2) {margin-top: 20px;} .items > div:nth-child(-n+1) {margin-top: 0px;} .itemsElTopInfo .txt h3 {font-size: 20px;} .itemsElTop .ratio {width: 70%; margin-left: 15%;} .aboutSliderBodyEl {padding-top: 20px;} .marginTop-32 {margin-top: 24px;} .navigation > div:nth-child(2) {padding: 0 10px;} #sliderNavigation {display: none;} #catalogBody .items > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} #catalogBody .items > div:nth-child(4n+1) {margin-left: 0px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} #catalogBody .items > div:nth-child(2n+1) {margin-left: 0px;} #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} #catalogBody .items > div:nth-child(3n+1) {margin-left: 0px;} #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} #catalogBody .items > div:nth-child(-n+1) {margin-top: 0px;} #catalogTop > div:first-child {width: 100%; padding-right: 0px;} #catalogTop > div:last-child {width: 100%; padding-left: 0px; margin-top: 10px;} #itemPageParamsPriceFlex > div:first-child {width: 100%; padding-right: 0px; margin-bottom: 20px;} #mdl {padding: 32px;} .aboutInnerEl .txt p {width: 100%; font-size: 20px;} #itemPageParamsPriceFlex > div:last-child {width: 100%;} .noFilter #catalogBody .items > div {width: 100%; margin-left: 0px; margin-top: 20px; position: relative;} .noFilter #catalogBody .items > div:nth-child(-n+4) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(4n+1) {margin-left: 0px;} .noFilter #catalogBody .items > div:nth-child(-n+3) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(3n+1) {margin-left: 0px;} .noFilter #catalogBody .items > div:nth-child(-n+2) {margin-top: 20px;} .noFilter #catalogBody .items > div:nth-child(2n+1) {margin-left: 0px;} .noFilter #catalogBody .items > div:nth-child(-n+1) {margin-top: 0px;} .itemsEl .innerItemCardInfo > div:first-child {width: auto; padding-right: 10px;} .itemsEl .innerItemCardInfo > div:last-child {width: auto; padding-left: 10px; margin-top: 2px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:first-child {width: 0px;} .itemsEl .innerItemCardInfo > div:last-child > .flex > div:last-child {padding-left: 0px; width: 100%; justify-content: flex-end;} } @media screen and (max-width: 460px) { .txt h2 {font-size: min(max(24px, calc(1.5rem + (28 - 24) * ((100vw - 320px) / (480 - 320)))), 28px); min-height: 0vw;} .txt h3, .blogEl .txt h3 {font-size: min(max(19px, calc(1.1875rem + (24 - 19) * ((100vw - 320px) / (480 - 320)))), 24px); min-height: 0vw; margin-bottom: 20px;} .txt h4 {font-size: 18px;} .blogEl {padding: 24px;} .smallBlock, #aboutSlider {padding: 24px;} #slider {padding: 24px;} #sliderNavigation {bottom: 24px; right: 24px;} #filter {padding: 24px;} #filter {margin-top: 24px;} #itemPageTopPic .ratio {width: 100%; margin-left: 0px;} #itemPage > div:last-child .smallBlock {padding: 24px;} #itemPage > div:last-child {margin-top: 40px;} #innerTextSide.columns-2-25 > div:first-child .smallBlock {padding: 24px 24px 14px;} .colimns-2-75 > div:last-child .smallBlock {padding: 24px;} #panel {width: 100%; position: fixed; background-color: #fff; top: 0px; bottom: 0px; right: -100%; z-index: 20; transition: all 0.2s linear;} .panel--open #panel {transition: all 0.2s linear; right: 0px;} #panelTop > div:last-child {padding: 24px;} #panelTop > div:first-child {padding: 24px 24px 24px 24px;} #panelTop > div:last-child svg {width: 20px; height: 20px;} #panelTop {height: 88px;} .panelBodyEl {padding: 0 24px;} #panelTopMenuLogo {height: 56px;} .panelTopMenuBodyEl > p {font-size: 20px; margin-top: 24px;} .panelTopMenuBodyEl {margin-top: 40px;} .panelTopMenuBodyEl:first-child {margin-top: 0px;} .panelTopMenuBodyEl ul > li {margin-top: 12px;} .panelTopMenuBodyEl ul > li:first-child {margin-top: 0px;} .panelTopMenuBodyEl ul {list-style: none; margin-top: 16px;} .panelTopMenuBodyEl ul > li a, .panelTopMenuBodyEl ul > li a:visited {font-size: 18px;} #panelTopMenuBody {height: calc(100% - 88px); padding: 24px 24px 40px 24px;} #panelTop.panelTopMenu > div:first-child {padding: 16px 24px 16px 24px;} .itemsElPrice--small { font-size: 20px !important; } .cartItem > div:first-child {display: none;} .cartItem > div:nth-child(2) {width: 100%; padding: 0 0 0 0px;} .cartItemControl > div:first-child {width: 100px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 120px);} #innerCart > div:last-child {width: 100%; margin-left: 0%; margin-top: 40px;} } @media screen and (max-width: 420px) { .blogEl .ratio-2-3 {padding-top: 64%;} .centered {padding: 0 24px;} #aboutBlock {padding: 56px 0;} .marginTop-100 {margin-top: 56px;} .marginTop-88 {margin-top: 48px;} #formButton, #aboutBlock .button, #slider .button, #slider .clearfix {width: 100%;} #aboutBlock .button > div, #slider .button > div {width: 100%; justify-content: center;} #itemPageParamsPriceFlex > div:last-child, #itemPageParamsPriceFlex > div:last-child > div {width: 100%;} #itemPageParamsPriceFlex > div:last-child .button {width: 100%;} /*#itemPageParamsPriceFlex > div:last-child .button > div:first-child {display: none;} #itemPageParamsPriceFlex > div:last-child .button > div:last-child {padding-left: 0px; width: 100%; justify-content: center;}*/ .ratio-gallery {padding-top: 80%;} #mdl {padding: 24px;} #mdl .button {width: 100%; padding: 0 8px;} #mdl .clearfix {width: 100%;} #mdl .button > div {width: 100%; justify-content: center;} .button {padding: 0 20px;} .input, .select {padding: 0 20px;} .textarea {padding: 12px 20px;} #aboutInner {padding: 56px 0;} .aboutInnerEl .txt p {width: 100%; font-size: 19px;} #topBodyContent > div:first-child a {width: 160px;} #topBodyContentInfo > div:nth-child(2) {margin-left: 12px;} .cartItem {padding: 20px;} .cartItem > div:nth-child(2) .txt h4 {font-size: 19px;} .cartItemInfo > p {font-size: 15px;} .cartItemControl > div:nth-child(2) p {font-size: 17px;} .cartItemControl > div:last-child {width: 16px;} .cartInfoElBodyItemRemove {width: 16px; height: 16px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 116px);} .cartItem input[name="quantity"] {font-size: 17px;} } @media screen and (max-width: 380px) { .itemsElTop .ratio {width: 80%; margin-left: 10%;} body {font-size: 17px;} .sliderContentEl p {font-size: 16px;} .categoryEl > div:first-child {width: 100%;} .policy {font-size: 14px;} .blogEl .ratio-2-3 {padding-top: 80%;} .itemPageTopGalleryEl {width: calc((100% - 40px) / 3); margin-left: 20px; margin-top: 20px; position: relative; float: left; border-radius: 8px; overflow: hidden; outline: 1px solid #DCDCDC; outline-offset: 0px; transition: all 0.2s linear; padding: 4px; cursor: pointer;} .itemPageTopGalleryEl:nth-child(5n+1) {margin-left: 20px;} .itemPageTopGalleryEl:nth-child(4n+1) {margin-left: 20px;} .itemPageTopGalleryEl:nth-child(3n+1) {margin-left: 0px;} #topLineInfo p {font-size: 16px !important; text-align: right; font-weight: 500;} #itemPageParamsPriceFlex > div:last-child .button {padding: 0 0;} } @media screen and (max-width: 360px) { .itemsElTop .ratio {width: 90%; margin-left: 5%;} .centered {padding: 0 20px;} #gallery > div {width: calc((100% - 20px) / 2); margin-left: 20px; margin-top: 20px; overflow: hidden; position: relative; border-radius: 8px;} #gallery > div:nth-child(-n+5) {margin-top: 20px;} #gallery > div:nth-child(5n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+4) {margin-top: 20px;} #gallery > div:nth-child(4n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+3) {margin-top: 20px;} #gallery > div:nth-child(3n+1) {margin-left: 20px;} #gallery > div:nth-child(-n+2) {margin-top: 0px;} #gallery > div:nth-child(2n+1) {margin-left: 0px;} .cartItemControl > div:nth-child(2) {width: calc(100% - 16px); justify-content: flex-start; padding-left: 0px;} .cartItemControl > div:first-child {width: 100%; margin-bottom: 16px;} .iPrice {text-align: left;} }