, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 800; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /* BASE */ * { box-sizing: border-box; margin: 0; padding: 0; } html { font-size: 62.5%; height: 100%;margin: 0;padding: 0;} ul, ol { list-style-position: inside; } img { max-width: 100%; } input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } [class^="icon_"], [class*=" icon_"], .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; } [disabled], .disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .clearfix::before, .row::before, .clearfix::after, .row::after { content: " "; display: table; } .clearfix::after, .row::after { clear: both; } .clearfix, .row { *zoom: 1; } .table { display: table; } .tcell { display: table-cell; vertical-align: middle; } .tc { text-align: center; } .tl { text-align: left; } .tr { text-align: right; } .fl { float: left; } .fr { float: right; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .light { font-weight: 300; } .regular { font-weight: 400; } .strong { font-weight: 600; } .italic { font-style: italic; } .underline { text-decoration: underline; } .uppercase { text-transform: uppercase; } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } hr { border-top: 1px solid #DBDBDB; border-bottom: 0; border-right: 0; border-left: 0; clear: both; margin: 2.4rem 0; } hr.dotted { border-style: dotted; } hr.dashed { border-style: dashed; } [class*='col_'] { margin-right: 4%; float: left; } [class*='col_']:last-child { margin-right: 0; } .row_f {display: flex;flex-wrap: wrap;margin: 0 -1.5rem;} .row_f .col_1, .row_f .col_2, .row_f .col_3, .row_f .col_4, .row_f .col_5, .row_f .col_6, .row_f .col_7, .row_f .col_8, .row_f .col_9, .row_f .col_10, .row_f .col_11, .row_f .col_12 { margin: 0 1.5rem;} .row_f .col_1 {width: calc(8.3333333333% - 3.01rem);} .row_f .col_2 {width: calc(16.6666666667% - 3.01rem);} .row_f .col_3 {width: calc(25% - 3.01rem);} .row_f .col_4 {width: calc(33.3333333333% - 3.01rem);} .row_f .col_5 {width: calc(41.6666666667% - 3.01rem);} .row_f .col_6 {width: calc(50% - 3.01rem);} .row_f .col_7 {width: calc(58.3333333333% - 3.01rem);} .row_f .col_8 {width: calc(66.6666666667% - 3.01rem);} .row_f .col_9 {width: calc(75.0000000019% - 3.01rem);} .row_f .col_10 {width: calc(83.3333333333% - 3.01rem);} .row_f .col_11 {width: calc(91.6666666667% - 3.01rem);} .row_f .col_12 {width: calc(100% - 3.01rem);} /* GLOBAL */ body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-size: 1.6em; font-family: 'Manrope', sans-serif; color: #45423F; padding-top: 10rem;height: 100%;} body:has(.cart), body:has(.block_404), body:has(.inner){display: flex;flex-direction: column;min-height: 100%;} body::-webkit-scrollbar { width: 1rem; } body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); border-radius: 1rem; } body::-webkit-scrollbar-thumb { background: #f08213; border-radius: 1rem; box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); } .cart {flex: 1;} .cart h1, .cart .h1 {color: #45423F; font-size: 5.6rem; line-height: 6rem;} .cart input {margin-bottom: 1.5rem;} .cart h3, .cart .h3 {margin-bottom: 2rem;} h1, h2, h3, h4, .h1, .h2, .h3, .h4 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 800; display: block; } h1, .h1 { font-size: 7.6rem; font-weight: 800;line-height:9rem; color: #fff;} h2, .h2 { font-size: 4.6rem; font-weight: 800;line-height: 5rem;letter-spacing: -1.84px; color: #45423F;} h3, .h3 { font-size: 2.6rem; font-weight: 800;line-height: 3.38rem; color: #45423F;} h4, .h4 { font-size: 2rem; } .block_404 {flex: 1;} .block_404_content {padding-top: 10rem;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;} .block_404 h1, .block_404 .h1 {font-size: 4rem; color: #45423F; margin-bottom: 3rem; line-height: 1rem;} .block_404_content h1 span, .block_404_content .h1 span {color: #f08213;display: block;font-size: 18rem;line-height: 1;} .block_404 .button {min-width: 32rem;} p{font-weight: 400; color: #45423F;line-height: 2.08rem;} a { text-decoration: none; color: inherit; transition: all .3s; } .bg_dark { background-color: #212121; color: #fff; } .bg_grey { background-color: #f5f5f5; } .bg_main { background-color: #f08213; } .color_main { color: #f08213; } .color_accent { color: #f08213; } .color_grey { color: #9e9e9e; } section { padding: 4rem 0; } .content ul, .content ol, .content table, .content img, .content iframe, .content p { margin-bottom: 2.4rem; } .content ul:last-child, .content ol:last-child, .content table:last-child, .content img:last-child, .content iframe:last-child, .content p:last-child { margin-bottom: 0; } .content h3, .content .h3 { margin-bottom: 2rem;} .content ul, .content ol { padding-left: 2.4rem; } .content a:not(.button) { color: #f08213; } .wrapper { width: 100%; max-width: 1316px; padding: 0 2.4rem; margin: 0 auto; position: relative; } .wrapper:after { content: ""; display: table; clear: both; } .table { width: 100%; } .table thead { border: 1px solid #f08213; border-bottom: 0 !important; } .table th { font-weight: 500; text-align: left; padding: 1rem 2rem; border-right: 1px solid #ea7d0f; background-color: #f08213; color: #fff; } .table th:last-child { border-right: 0; } .table td { padding: .8rem 2rem; border-right: 1px solid #D0D0D0; } .table tbody { border-left: 1px solid #D0D0D0; } .table tbody tr { border-bottom: 1px solid #D0D0D0; } .button { display: inline-block; text-align: center; white-space: nowrap; cursor: pointer;font-weight: 600; text-decoration: none; height: 4.6rem; line-height: 4.6rem; border-radius: 5rem; border: 1px solid #f08213; background-color: #f08213; color: #fff; transition: all .4s;padding: 0 6.3rem 0 6.3rem;} .button_arrow {position: relative; height: 5.3rem;line-height: 5.3rem;padding: 0 7.3rem 0 5.3rem;} .button_arrow::after {content: "";position: absolute;top: 2.3rem;right: 5.3rem;transform: rotate(135deg);width: .6rem;height: .6rem;transition: .2s ease-in;border-top: 2px solid #fff;border-left: 2px solid #fff;} .button_transparent{position: relative;font-weight: 600;height: 3.5rem;line-height: 3.5rem;border-radius: 5rem;border: 1px solid #45423F;background-color: transparent;color: #45423F;padding: 0 4.1rem 0 2.1rem;} .button_transparent::after {content: "";position: absolute;top: 1.3rem;right: 2.5rem;transform: rotate(135deg);width: .6rem;height: .6rem;transition: .2s ease-in;border-top: 2px solid #45423F;border-left: 2px solid #45423F;} .button_cart {position: relative;border: 0.1rem solid #45423F;border-radius: 50%;width: 3.8rem;height: 3.8rem;display: flex;align-items: center;justify-content: space-around;} .button_cart .icon {width: 1.1rem;height: 1.1rem;fill: #45423F; transition: all .3s;} .button_cart .card_counter {position: absolute;top: -0.4rem;right: -.4rem;background-color: #f08213;color: #212121;line-height: 1.6rem;-webkit-border-radius: 1.5rem;-moz-border-radius: 1.5rem;height: 1.5rem;border-radius: 1.5rem;font-size: 1.1rem;font-weight: 600;text-align: center;padding: 0 0.6rem;white-space: nowrap;z-index: 3;} .button_cart .card_counter.hide{display: none} .emptyCart{margin: 10rem 0;} .button.grey {background-color: #44403d;} .button.green {background-color: #3ba3a4;} .small_button { display: inline-block; text-align: center; white-space: nowrap; cursor: pointer; text-decoration: none !important; height: 2.8rem; line-height: 2.8rem; border-radius: 2.8rem; padding: 0 1.8rem; border: 0; background-color: #838390; color: #fff; transition: all .4s; color:#fff !important;} .button:focus { outline: 0; } .button.outlined { border: 1px solid #f08213; background-color: transparent; color: #f08213; } .button.flat { font-weight: 700; background-color: transparent; color: #f08213; } .input{background-color: transparent;height: 2.6rem;padding-right: 0;padding-left: 0;display: block;width: 100%;max-width: 100%;font: 400 1.6rem "Manrope", sans-serif;border: none;border-bottom: 0.1rem solid #45423F;color: #45423F;border-radius: 0;transition: box-shadow 0.2s ease-in;} .input:focus { outline: 0; } textarea.input { min-height: 9rem; } select.input { padding: 0 0.8rem; } .validate_error {border: none;border-bottom: 0.1rem solid #e57373 !important;color: #e57373 !important;} .validate_error::placeholder {color: #e31e26 !important;} .validate_error + .icon {color: #e57373 !important;} textarea.validate_error {border: none;border-bottom: 0.1rem solid #e57373 !important;} .input_file.validate_error + .input {border: 0.1rem solid #e57373 !important;} .input_file.validate_error + .input span {color: #e31e26 !important;} .validate_checkbox.validate_error {border: none !important;} .validate_checkbox.validate_error .checkbox + label::before {border: 0.1rem solid #e57373 !important;} .validate_checkbox.validate_error .custom_checkbox + label .checkbox_design {border: 0.1rem solid #e57373 !important;} .validate_radio.validate_error {border: none !important;} .validate_radio.validate_error .radio_button + label::before {border: 0.1rem solid #e57373 !important;} .validate_radio.validate_error .custom_radio_button + label .radio_button_design {border: 0.1rem solid #e57373 !important;} ::selection { background: rgba(243,155,67, 0.5); color: #fff;} ::placeholder { color: #9e9e9e; transition: all .3s; } .input:focus::placeholder { opacity: 0; } .placeholder { color: #9e9e9e; } .mobile_phone {position: fixed;left: 0;right: 0;bottom: env(safe-area-inset-bottom);display: none;padding: 0.5rem 0;font-size: 3rem;font-weight: 700;background-color: #000000;color: #ffffff;text-align: center;user-select: none;z-index: 300;} /* MODULES */ .dialog_wrapper {position: fixed;top: 0;left: 0;display: none;width: 100%;height: 100%;z-index: 1500;padding: 0 1rem;overflow-y: auto;} .dialog {padding: 2.4rem;display: none;z-index: 503;position: relative;align-items: center;margin: 4rem auto;min-height: calc(100% - 8rem);} .modal_wrap{width:100%;padding:2rem 3rem 2.5rem;border-radius:0;background-color:#fff;border-top:.6rem solid #f08213;z-index:1503;position:relative} .modal_wrap .icon_close{position:absolute;top:.5rem;right:.5rem;color:#F6282B;cursor:pointer;font-size:3rem;transition:color .3s linear} .modal_wrap .icon_close:focus{color:#F51015} .modal_wrap .icon_close .icon{display:block} .modal_wrap .image_wrap{position:relative;width:7rem;height:7rem;line-height:7rem;margin:-5.5rem auto 0;border-radius:50%;text-align:center;background-color:#F6282B} .modal_wrap .image_wrap .icon{height:4rem;width:4rem;color:#fff;animation:zoomIn .5s both;animation-delay:.2s} .modal_wrap .image_wrap .icon{height:4rem;width:4rem;color:#fff;animation:zoomIn .5s both;animation-delay:.2s} .modal_wrap .modal_text{text-align:center;margin:2rem 0 .5rem} .modal_wrap .modal_text .modal_title{font-size:2.4rem;line-height:1.4;font-weight:700;color:#000;text-transform:capitalize;margin:0 auto} .modal_wrap .modal_text p{margin:.5rem auto;max-width:88%} .modal_wrap .modal_buttons{font-size:0;text-align:center;margin:2rem auto 0;max-width:35rem} .modal_wrap .modal_buttons .button{width:calc(50% - 1.4rem);min-width:unset;margin:.5rem .7rem} .dialog_opened .dialog_bg,.dialog_opened .modal_wrap{animation-duration:.3s;animation-fill-mode:both} .dialog_opened .modal_wrap{animation-name:showDialog} .dialog_opened .modal_wrap{animation-name:showDialog} .modal_status.dialog .modal_wrap{color:#000;background-color:#fff;text-align:center} .modal_status.dialog .dialog_close.icon_close{display:none} .modal_status.dialog .modal_text{margin:2rem 0} .modal_status.dialog .modal_text .modal_title{font-size:2.6rem;font-weight:700;line-height:1.3;text-transform:initial;margin:0 auto 1rem;max-width:100%} .modal_status.dialog .modal_text p{margin:.5rem auto;max-width:88%} .modal_wrap:has(.modal_register) {padding: 2rem 3rem 0rem;} .dialog.visible {display: flex;} .dialog h2, .dialog .h2{ text-align: center;} .dialog.error { max-width: 350px; padding: 0; } .dialog.error .h2 { padding: 2.4rem; border-bottom: 2px solid #f08213; color: #f08213; } .dialog.error p { display: block; padding: 0 2.4rem 2.4rem; } .dialog .icon_close { position: absolute; top: -3.5rem; right: -3.5rem; color: #fff; cursor: pointer; font-size: 3.5rem; transition: color .3s ease; } .dialog .icon_close svg { float: left; } .dialog_bg { position: fixed; left: 0; top: 0; background-color: rgba( 33, 33, 33, 0.55 ); display: none; width: 100%; height: 100%; } .dialog_opened { overflow: hidden;padding-right: 0.8rem;} .dialog_opened .dialog_bg { animation-name: fadeIn; animation-duration: 0.3s; animation-fill-mode: both; } .addtoCart .button{margin-top: 2rem;} input:-webkit-autofill, input:-webkit-autofill:focus {transition: background-color 600000s 0s, color 600000s 0s;} input[data-autocompleted] {background-color: transparent !important;} select:-webkit-autofill, select:-webkit-autofill:focus {transition: background-color 600000s 0s, color 600000s 0s;} select[data-autocompleted] {background-color: transparent !important;} @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .dialog_bg.visible{display: block;} .dialog_opened .dialog_wrapper { display: block; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes showDialog { 0% { opacity: 0; transform: translateY( 40px ); } 100% { opacity: 1; transform: translateY( 0 ); } } @keyframes trin { from { transform:rotate3d(0, 0, 1, 0deg); } 20%, 32%, 44%, 56%, 68% { transform: rotate3d(0, 0, 1, 0deg); } 23%, 35%, 47%, 59%, 71% { transform: rotate3d(0,0,1,15deg); } 26%, 38%, 50%, 62%, 74% { transform: rotate3d(0,0,1,0deg); } 29%, 41%, 53%, 65%, 77% { transform: rotate3d(0,0,1,-15deg); } 80% { transform:rotate3d(0, 0, 1, 0deg); } } .trin { animation-name: trin; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; } .modal_success.dialog .modal_wrap{border-top:.6rem solid #28a745} .modal_success.dialog .check_wrap{width: 7rem;height: 7rem;border-radius: 50%;top: 1.5rem;left: calc(50% - 3.5rem);position: absolute;border: .2rem solid #28a745;overflow: hidden;animation: wrap .3s ease-in-out forwards;animation-delay: .3s;transform: scale(0);} .modal_success.dialog .check_wrap::before,.modal_success.dialog .check_wrap::after{content:"";position:absolute;background-color:#fff;width:0;height:.5rem;transform-origin:left;animation-duration:.3s;animation-timing-function:ease-in-out;animation-fill-mode:forwards} .modal_success.dialog .check_wrap::before{top:3.2rem;left:2.1rem;transform:rotate(45deg);animation-name:left;animation-delay:.8s} .modal_success.dialog .check_wrap::after{top:4.2rem;left:2.9rem;transform:rotate(-45deg);animation-name:right;animation-delay:1.1s} @keyframes wrap { 0%{background-color:transparent;transform:scale(0)} 100%{background-color:#28a745;transform:scale(1)} } @keyframes left { 0%{width:0} 100%{width:1.5rem} } @keyframes right { 0%{width:0} 100%{width:3rem} } .modal_danger.dialog .modal_wrap{border-top:.6rem solid #F51015} .modal_danger.dialog .checkmark{stroke-width:2;stroke:#fff;stroke-miterlimit:10;background-color:transparent;box-shadow:inset 0 0 0 #F51015;animation:fill .4s ease-in-out .4s forwards,scale2 .3s ease-in-out .9s both} .modal_danger.dialog .checkmark_circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#F51015;fill:none;animation:stroke .6s cubic-bezier(0.65,0,0.45,1) forwards} .modal_danger.dialog .checkmark_check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(0.65,0,0.45,1) .8s forwards} @keyframes stroke { 100%{stroke-dashoffset:0} } @keyframes scale2 { 0%,100%{transform:none} 50%{transform:scale3d(1.1,1.1,1)} } @keyframes fill { 100%{box-shadow:inset 0 0 0 5rem #dc3545} } .toast_notifications {position: fixed;bottom: 3rem;right: 2rem;z-index: 99999999;} .toast_notifications .toast, .toast_notifications .column {display: flex;align-items: center;} .toast_notifications .toast {width: 40rem;position: relative;overflow: hidden;list-style: none;padding: 1.6rem 1.7rem;margin-bottom: 1rem;background: #ffffff;justify-content: space-between;animation: show_toast 0.3s ease forwards;box-shadow: 0 0.2rem 0.8rem 0 rgba(99, 99, 99, 0.2);} @keyframes show_toast { 0% {transform: translateX(100%);} 40% {transform: translateX(-5%);} 80% {transform: translateX(0%);} 100% {transform: translateX(-10px);} } .toast_notifications .toast.hide {animation: hide_toast 0.3s ease forwards;} @keyframes hide_toast { 0% {transform: translateX(-10px);} 40% {transform: translateX(0%);} 80% {transform: translateX(-5%);} 100% {transform: translateX(calc(100% + 20px));} } .toast::before {position: absolute;content: "";height: 0.3rem;width: 100%;bottom: 0;left: 0;animation: progress 4s linear forwards;} @keyframes progress { 100% {width: 0%;} } .toast.success::before {background-color: #43B14B;} .toast.error::before {background-color: #FF3F0A;} .toast.warning::before {background-color: #D8CD31;} .toast.info::before {background-color: #4fc8f4;} .toast .column svg {width: 2.6rem;height: 2.6rem;flex-shrink: 0;} .toast.success .column svg, .toast.success .column span {color: #43B14B;} .toast.error .column svg, .toast.error .column span {color: #E24D4C;} .toast.warning .column svg, .toast.warning .column span {color: #D8CD31;} .toast.info .column svg, .toast.info .column span {color: #4fc8f4;} .toast .column span {font-size: 1.6rem;font-weight: 600;margin-left: 1.2rem;color: #272727;flex-grow: 1;} .toast_notifications .removeTOAST {display: flex;cursor: pointer;flex-shrink: 0;} .toast_notifications .removeTOAST .icon {width: 1.6rem;height: 1.6rem;color: #000000;transition: 0.3s linear;} .sign-in { max-width: 40rem; } .sign-in h2 { text-align: center; font-weight: 600; font-size: 2.6rem; border-bottom: 2px solid #f08213; } .sign-in .button { width: 100%; padding: 0; text-transform: uppercase; font-size: 2.8rem; } .dialog { max-width: max-content; } .dialog .modal_register{ max-width: 65rem; text-align: center;} .dialog .modal_sign_in{ max-width: 40rem; } .dialog .modal_sign_in form {width: 40rem;} .dialog h2 { text-align: center; font-weight: 600; font-size: 2.6rem; border-bottom: 2px solid #f08213; line-height: 2.5rem; padding-bottom: 2rem;} .dialog p { margin-top: 2rem; font-size: 2rem;} .dialog form { margin-top: 1.5rem; } .dialog .input { height: 3.8rem; line-height: 3.8rem;padding: 0 1rem; margin-bottom: 1rem;} .dialog .button { width: 100%; padding: 0; text-transform: uppercase; font-size: 2rem; margin-top: 2rem;} .dialog form .button {margin-top: 1rem;} .fixed_footer { position: fixed; bottom: 0; left: 0; width: 100%; } /* MAIN */ .header { position: fixed; padding: 1.5rem 0;top: 0;left: 0;width: 100%;z-index: 999;transition: 0.2s; background-color: #fff} .header.fixed {position: fixed;animation: slide-down 0.7s;box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);padding: 1.5rem 0;} .header .header_logo img {width: 22rem;} .header_logo { float: left; } .header_menu:after { content: ''; display: block; clear: both; } .header_register { float: right; padding: 2.1rem 5.4rem 1rem 0; min-width: 32rem; text-align: right;display: flex;align-items: center;} .header_register ul { list-style: none; } .header_register ul li { display: inline-block; margin-right: 1.5rem; } .header_register ul li:last-child { margin-right: 0; } .no_scroll {overflow: hidden;} .dark_overlay.nav_opened::after {content: "";position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100vh;background-color: #000000;opacity: 0.8;z-index: 2;} .navigation ul { list-style-type: none; } .navigation ul li { display: block;width: 100%;} .navigation .header_nav > li > a:not(.button) {display: block;font-size: 2rem;font-weight: 600;color: #45423F;text-align: center;text-transform: uppercase;padding: 0.9rem 0;width: 100%;margin: 0 auto;} .navigation .header_nav > li:has(a.button) {text-align: center;padding: 0.9rem 0;} .find-by_drop li {margin: 0 1.6rem} .find-by { float: left; width: 73%; padding: 0.4rem 0; } .find-by_wrap { padding: 1rem 0; background-color: #fff; } .find-by span { float: left; font-weight: 600; text-transform: uppercase; letter-spacing: 0.48px;} .find-by ul { list-style-type: none;} .find-by ul li { display: inline-block; font-weight: 600;} .find-by ul li.find-by_item:has(ul) > a { position: relative; padding: 0 1.6rem;} .find-by ul li.find-by_item:has(ul) > a:after{content: "";position: absolute;top: 0.6rem;right: 0;transform: rotate(225deg);width: .6rem;height: .6rem;transition: .3s ease-in;border-top: 2px solid #45423F;border-left: 2px solid #45423F;} .footer_oir .find-by_drop{bottom: 3rem;} .find-by_drop { position: absolute; padding-top: 1rem; display: none; list-style-type: none; z-index: 5; background-color: #f3f3f2; height: 28rem; overflow: auto; width: 50.5rem; } .find-by_drop::-webkit-scrollbar { width: 1rem; } .find-by_drop::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); border-radius: 1rem; } .find-by_drop::-webkit-scrollbar-thumb { background: #f08213; border-radius: 1rem; box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); } .find-by_drop li { display: inline-block; min-width: 20%; } .find-by_drop li a { display: block; line-height: 3rem; min-width: 200px; font-size: 1.45rem;} .setArtist {width: 100%; max-width: 95rem;} .setColor {width: 100%; max-width: 38rem;} .setColor li a {min-width: 150px; } .find-by_drop li.alphabetic { border-bottom: 1px solid #44403d;display: block;} .find-by_drop li.alphabetic a { display: inline-block; line-height: 2rem; min-width: 1.4rem;} .find-by_drop li.alphabetic a.active_letter { color: #f08213;} .setSize, .setSize2 {height: 17rem; width: 14rem;overflow: hidden;} .search { float: left; width: 27%; position: relative; margin-bottom: 1rem} .search input {width: 100%;margin-bottom: 0;background-color: transparent;border: none;border-bottom: .1rem solid #45423F;height: 2.6rem;line-height: 2.6rem;padding: 0 1rem 0 3rem;} .search button { position: absolute; top: 0; left: 0; background: none; border: none; height: 2.6rem; width: 2rem; } .search button svg { color: #434343; transition: all 0.4s; font-size: 1.6rem; } .search button:focus { outline: none; } .slider { background-color: #f3f3f2; padding: 0;} .slider_find:after { content: ''; display: block; clear: both; } .slider_carousel_item { text-align: center; background-repeat: no-repeat; background-size: cover; background-position: bottom center; height: 50rem; } .slider_carousel .owl-controls .owl-pagination { position: relative; bottom: 4rem; left: 5rem; } .slider_carousel .owl-controls .owl-pagination .owl-page { background-color: #ffffff; width: 2rem; height: 2rem; display: inline-block; margin-right: 0.5rem; } .slider_carousel .owl-controls .owl-pagination .owl-page.active { background-color: #f08213; } .products { padding-top: 3rem;} .products_carousel_item { margin-right: 1.1rem; text-align: center;} .products_carousel_item .item_img { background-repeat: no-repeat; background-size: cover; height: 15rem; margin-bottom: 1rem; transition: all 0.4s; } .products_carousel_item p { text-align: center; } .products_carousel_item p.item_title { font-weight: 600; } .banners:after { content: ''; display: block; clear: both; } .banners { background-color: #f3f3f2; padding-bottom: 0; padding-top: 4.8rem; } .banners_item { position: relative; float: left; width: 48%; margin-right: 4%; margin-bottom: 4%; } .banners_item img{display: block;} .banners_item:nth-child(even) { margin-right: 0; } .banners_item .button {width: 100%; font-size: 2.2rem; height: 4rem; line-height: 4rem; background-color: #000000; opacity: 0.7; text-transform: uppercase; font-weight: 600; } .banners_item:nth-child(even) .button{ background-color: #ea802b;} .footer:after { content: ''; display: block; clear: both; } .footer { padding: 0; } .footer .copyright { float: left; margin-right: 3rem; padding-top: 1.3rem; } .footer .footer_top_row ul li, .footer .footer_bottom ul li { position: relative; display: inline-block; margin-right: 1.3rem; } .footer .footer_top_row ul li:last-child , .footer .footer_bottom ul li:last-child {margin-right: 0;} .footer .footer_top_row a {font-weight: 600;} .footer .footer_top_row ul li:before, .footer .footer_bottom ul li:before { position: absolute; left: -1rem; top: 0; content: '/'; } .footer .footer_top_row ul li:first-child:before, .footer .footer_bottom ul li:first-child:before { display: none; } .head_banner { background-color: #f3f3f2; padding: 1.5rem 0; } .head_banner_img { height: 18rem; background-repeat: no-repeat; background-size: cover; background-position: center; } .inner{ padding-bottom: 0; flex: 1;} .inner:after { content: ''; display: block; clear: both; } .inner_sidebar { float: left; width: 22%; margin-right: 4%; } .inner_sidebar_widget h3 { font-size: 2.8rem; font-weight: 600; } .inner_sidebar_widget ul { list-style-type: none; } .inner_sidebar_widget ul li { position: relative; padding-left: 1.5rem; } .inner_sidebar_widget ul li:before { position: absolute; top: 1.3rem; left: 0; content: ""; width: 1.5rem; height: 1.5rem; background: url( "../img/arrow.png" ) no-repeat; transition: all 0.4s; } .inner_sidebar_widget ul li a { display: block; width: 100%; border-bottom: 1px solid #bebebe; line-height: 3.2rem; font-size: 1.8rem; font-weight: 600;} .inner_sidebar_widget ul li.active a {color: #f08213;} .inner_content { float: right; width: 74%; } .inner_content input{margin-bottom: 1.5rem;} .inner_content h1, .inner_content h2 { font-size: 3.2rem; font-weight: 600; } .h_line {text-align: center;position: relative;} .h_line:before {content: '';position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/img/h_line.png') no-repeat center; background-size: 100%; z-index: -1} .h_line:after {content: ''; display: block; position: absolute; left: 50%; margin-left: -10rem; top: 0; width: 20rem; height: 100%; background: #fff; z-index: -1} .content h1, .content .h1 { font-weight: 800; line-height: 5rem; margin-bottom: 2rem;font-size: 4.6rem;} .content h2, .content .h2 { font-weight: 800; margin-bottom: 2rem;} .content h3, .content .h3 { font-weight: 800; } .content a { text-decoration: underline; } .content ul { list-style-type: none; } .content ul li { position: relative; padding-left: 1.5rem; } .content ul li:before { position: absolute; top: 0.9rem; left: 0; content: ""; width: 1rem; height: 1rem; background: url( "../img/arrow.png" ) no-repeat; transition: all 0.4s; } .content blockquote { background-color: #f3f3f2; padding: 2rem; border: 1px dashed #f08213; color: #434343; margin-bottom: 1rem; } .gallery { padding-bottom: 0; } .gallery h1 { font-size: 2.8rem; font-weight: 600; } .gallery_item { float: left; margin-right: 4%; width: 30.6666666667%; margin-bottom: 4%; } .gallery_item:nth-child(3n+0) { margin-right: 0; } .gallery_item_img { height: 25rem; opacity: 1; transition: all 0.4s; background-repeat: no-repeat; background-size: cover; background-position: center; } .gallery_item_caption { text-align: center; margin-top: 1rem; font-weight: 600; } .gallery_pagination { clear: both; margin-top: 3rem;} .gallery_pagination ul { width: 100%; text-align: center; } .gallery_pagination ul li { display: inline-block;vertical-align: top;padding: 0;margin: .4rem;list-style: none;} .gallery_pagination ul li.active a {background-color: #f08213;color: #fff;border: .1rem solid #f08213;pointer-events: none;} .gallery_pagination ul li a { display: inline-block; font-size: 2rem; width: 3rem; border: .1rem solid #f08213;min-width: 4rem;height: 4rem;line-height: 4rem;padding: 0 0.5rem;background-color: #fff;color: #f08213;text-align: center;transition: 0.3s linear;} .gallery_pagination ul li a svg {width: 1.6rem; height: 1.6rem;} .gallery_pagination .first_pagintation a{margin-right: 3rem;} .gallery_pagination .first_pagintation a svg{transform: rotate(180deg);} .gallery_pagination .last_pagintation a{margin-left: 2rem;} .contacts{flex: 1; padding: 0} .contacts:after { content: ''; display: block; clear: both; } .contacts h1, .contacts h2 { font-size: 2.8rem; font-weight: 600; color: #45423F; line-height: 5rem;} .contacts_form { padding: 4rem 4% 4rem 0;float: left;width: 56.6666666667%;margin-right: 4%;background-color: #F9F9F9;position: relative;} .contacts_form::before {content: "";position: absolute;top: 0;right: 100%;width: 100vw;height: 100%;background-color: rgba(246, 241, 235, 0.5);z-index: -1;} .contacts_form form textarea {min-height: 15rem;padding-top: 0.5rem;resize: none;} .contacts_form input {margin-bottom: 1.5rem;} .contacts_form form .button { text-transform: uppercase; font-size: 2.2rem; margin-top: 1rem;} .contacts_form .captcha_wrap{margin-top: 1.2rem} .contacts_info { padding: 4rem 0; float: left; width: 39.3333333333%; } .contacts_info p {margin-bottom: 1rem} .gallery-inner_wrap:after { content: ''; display: block; clear: both; } .gallery-inner_item {text-align: center;width: calc(20% - 2rem*4/5);overflow: hidden;position: relative;} .gallery-inner_item img { transition: all 0.4s; margin-bottom: 1rem; position: relative;z-index: 1;max-width: 100%;width: 100%;aspect-ratio: 20 / 15;} .gallery-inner_item p { text-align: center;overflow: hidden;} .ribbon{position: absolute; z-index: 3;top: 2rem;left: -3rem;display: block;font: 400 1.3rem / 1.2 "Manrope", Sans-Serif;color: #fff;letter-spacing: .06em;text-align: center;padding: 0.8rem 3.5rem 0.7rem;transform: rotate(-45deg);background-color: #f08213;} .ribbon::before {content: '';top: 0;left: 0;right: 0;bottom: 0;display: block;position: absolute;margin: 0.5rem;border-top: 0.1rem rgba(255, 255, 255, 0.7) dashed;border-bottom: 0.1rem rgba(255, 255, 255, 0.7) dashed;} .big-alert{display: block;position: relative;font: 400 1.6rem / 1.2 "Manrope", Sans-Serif;color: #fff;text-align: center;padding: 1rem 2.5rem 1rem;background-color: #f08213;} .big-alert::before {content: '';top: 0;left: 0;right: 0;bottom: 0;display: block;position: absolute;margin: 0.5rem;border-top: 0.1rem rgba(255, 255, 255, 0.7) dashed;border-bottom: 0.1rem rgba(255, 255, 255, 0.7) dashed;} .contacts_map{margin-top: 3rem;} .product-inner:after { content: ''; display: block; clear: both; } .product-inner_info .author { margin-bottom: 2rem; } .product-inner_info .price { font-size: 2.8rem; color: #434343; font-weight: 600; padding: 0.7rem 0 0; } .product-inner_info .price small{font-weight: normal; font-size: 2rem; } .product-inner_info ul { list-style-type: none; } .product-inner_info ul li { line-height: 2rem; } .product-inner_info ul li span { margin-left: 0.5rem; } .product-inner_other { clear: both; } .cart_title { text-align: center; color: #f08213; text-transform: capitalize; font-weight: 600; } .cart_empty-img { text-align: center; } .cartTable { overflow: auto; width: 100%; border: 0;} .cartTable th { background-color: #e9e9e9; padding: 1rem; border: 2px solid #ffffff; } .cartTable td { background-color: #f4f4f4; padding: 1rem; border: 2px solid #ffffff; font-size: 1.8rem;} .cartTable button { padding: 0.5rem; } .cartTable table td { border: none; } .cartTable svg, #checkoutBtn svg {width: 2rem; height: 2.6rem;margin: 0 0.5rem;vertical-align: middle;} .cartTable .button {padding: 0 1.8rem;width: 100%;} #cart_details.row_f, #cart_details .row_f{margin: 0;} #checkoutBtn2 {font-size: 1.8rem;font-weight: 700; padding: 0 2rem} #checkoutBtn2 svg{width: 2.6rem; height: 3.1rem;margin: 0 1.5rem 0 0;vertical-align: middle;} .number_quantity {font-size: 4rem; line-height: 4rem;} #content { overflow-x: auto; padding-bottom: 1rem; } #content::-webkit-scrollbar { height: 1.3rem; } #content::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); border-radius: 1rem; } #content::-webkit-scrollbar-thumb { background: #f08213; border-radius: 1rem; box-shadow: inset 0 0 6px rgba( 0, 0, 0, 0.3 ); } .filter_list .filter_list_button{list-style: none; display: inline-block; float: left;} .filter_list .filter_list_button .button{padding: 0.5rem 1rem; height: auto; line-height: inherit; margin: 0.3rem;} .filter_list li.filter_list_li {list-style: none; display: none; margin: 0.3rem 1rem 0.3rem 0;float: left;background: #F9F9F9;padding: 0.5rem 1rem;color: #45423F; position: relative; cursor: pointer;font-weight: 600;border-radius: 5rem;border: .1rem solid #45423F;} .filter_list li.filter_list_li:after {transition: opacity .3s ease; -webkit-transition: opacity .3s ease;content: 'REMOVE'; display: block; opacity:0;position: absolute;top: 0; left: 0; width: 100%; background: red; padding: 0.5rem 0rem; text-align: center;border-radius: 5rem;} .emptyCart .row_f {max-width: 80rem;margin: 0 auto;} .emptyCart h1, .emptyCart .h1 {color: #45423F; font-size: 4.6rem;font-weight: 800;line-height: 5rem;} .emptyCart .button {margin-top: 2rem} .select_small {display: inline-block; max-width: 6rem; margin: 0 1rem;} .item_image {background-size: contain !important;background-position: center !important; background-repeat: no-repeat !important;} .show_mob {display: none;} #registerForm {max-width:95rem; margin: 0 auto;} #registerForm input {margin-bottom: 1.5rem} select.input {margin-bottom: 1.5rem;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: none;border: none;border-bottom: 0.1rem solid #45423F;padding: 0 3rem 0 0;width: 100%;outline: none;cursor: pointer;} select.select_small{padding: 0 2rem} label:has(select.input:not(.select_small)) {position: relative; display: block;} label:has(select.input:not(.select_small))::after {content: "";position: absolute;top: 2.9rem;right: 1rem;width: 0;height: 0;border-style: solid;border-width: 0.5rem 0.5rem 0 0.5rem;border-color: #808080 transparent transparent transparent;pointer-events: none;} #registerForm .form_select{ box-shadow: none;height: 4.8rem;border-radius: 0;margin-bottom: 1.2rem;padding: 0 1.2rem;border: 1px solid #EAE9E9;background-color: #F3F3F3;transition: border .4s;} #registerForm h3 {margin-bottom: 2rem;} #sameShipping {font-size: 1.4rem;vertical-align: middle;height: 2.8rem;line-height: 2.8rem; padding: 0 2.8rem;} #validate_login_label { font-size: 1.3rem; color: #f00;} .view_order h4 {line-height: 1.1 !important;} .summary_wrapper {position: fixed; font-weight: 700;border-left: 2px solid #f3f3f2; padding-left: 3rem;transition: all .3s ease; -webkit-transition: all .3s ease;} .summary_wrapper hr {margin: 0;} .summary_wrapper .summary_input {border: none; background: none; display: block;color: #2d2d2d; font-weight: 400; display: block; font-size: 2rem; margin-bottom: 1rem;} .summary_wrapper .button {margin-top: 1rem;} .summary_wrapper input:disabled {background-color: transparent;color: #2d2d2d;border: none;cursor: not-allowed;opacity: 1;} .back_btn {background-color: #ccc;padding: 1.5rem;height: auto;line-height: 0;} .products_works {padding: 10rem 0} .block_with_title{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .block_with_title .block_title{flex-grow: 1;} h2 span, .h2 span {background: linear-gradient(to right, #FFB600 0%, #FF8300 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .block_title h2, .block_title .h2{margin-bottom: 0;} .block_with_title .right_part{flex-shrink: 0} .products{display: flex;flex-wrap: wrap;gap: 8rem 2.2rem;} .product_block{width: calc(25% - 1.65rem);display: flex;flex-direction: column;} .product_block .card_image {width: 100%;border: none;overflow: hidden; display: flex;position: relative;} .product_block .card_image a {width: 100%;} .product_block .card_image a img {max-width: 100%;aspect-ratio: 1 / 1;object-fit: cover;width: 100%;} .card_content{padding: 3rem 0 1.5rem;} .card_content p{margin: .3rem 0; line-height: 2rem; letter-spacing: 0.48px; font-weight: 600;} .card_content .item_title{font-size: 2.2rem;line-height: 3.12rem;margin-bottom: 1rem; color: #45423F; letter-spacing: normal;} .card_content .author_name{margin: 1rem 0 2.7rem; text-transform: uppercase;} .buttons{margin-top: auto;margin-bottom: 0;} .buttons a{text-decoration: underline; color: #FF8300; font-weight: 600;} .find_category{border-bottom: .2rem solid #EFEFEF; border-top: .2rem solid #EFEFEF; padding: 1.2rem 0} .find_category .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: start;} .find_category .category_name {flex-grow: 1; font-weight: 800; font-size: 2.6rem; line-height: 4.42rem;} .find_category .categories{flex-shrink: 0; display: flex;flex-wrap: wrap; align-items: center; gap: 1rem;max-width: 95rem;} .find_category li{ list-style: none;margin: 0 3rem;text-align: center;} .find_category .categories_item{gap: 1.25rem;max-width: 77.3rem;} .find_category .categories_item li{margin: 0; width: 140px;} .find_category a{font-weight: 600; color: #45423F; line-height: 4rem;display: inline-block;text-align: center;white-space: nowrap;cursor: pointer;} .find_category li:has(a:active){margin: 0;} .find_category a.active{font-weight: 600; color: #45423F; background-color: #F9F9F9; border: .1rem solid #F9F9F9;border-radius: 5rem;padding: 0 3rem; height: 4.5rem; line-height: 4.5rem;display: inline-block;text-align: center;white-space: nowrap;cursor: pointer;} .modal_author {max-width: 60rem;} .modal_author p {font-size: 1.6rem; line-height: 2.4rem; text-align: left;margin-bottom: 2rem !important;} .modal_author p a{text-decoration: none;} .content_section_media{background-color: #F9F9F9; padding: 0; margin: 10rem 0;} .content_section_media .wrapper{display: flex;flex-wrap: wrap; justify-content: space-between} .content_section_media .cta_content_left{width: 49.8%; padding: 10rem 0;} .content_section_media .cta_content_right{width: 43.3%; background-color: #45423F; padding: 6.7rem 0 6.7rem 8.3rem; position: relative} .content_section_media .cta_content_right::before {content: "";position: absolute;top: 0;left: 100%;width: 100vw;height: 100%;background-color: #45423F;} .content_section_media h2, .content_section_media .h2 {margin-bottom: 3.2rem} .content_section_media .cta_content_right h2, .content_section_media .cta_content_right .h2{color: #fff;} .content_section_media li {color: #fff; font-size: 1.6rem; line-height: 2.08rem; position: relative;} .content_section_media li::before {content: "";border: none;display: block;position: absolute;top: 0.5rem;left: 0;width: 1.2rem;height: 1.2rem;border-radius: 50%;background-color: #FF8300;} .content_section_media p:has(a){margin-top: 3.2rem;} .why_section {padding: 0 0 10rem;} .why_section h2, .why_section .h2 {text-align: center; margin-bottom: 3rem;} .why_section .col_3{text-align: center;} .why_section .col_3 p:has(picture){display: inline-block;width: 3.7rem;height: 3.7rem;margin: 0 auto 1.5rem;} .why_section .col_3 p:has(picture) img {width: 100%;height: 100%;object-fit: cover;} .content_section_media_image_left{background-color: #F9F9F9; padding: 0;} .cta_image_left {position: absolute;top: 0;left: -62%;display: block;width: 100%;height: 100%;z-index: 2;background-repeat: no-repeat;background-position: right center; background-size: 100% 100%;} .content_section_media_image_left h2, .content_section_media_image_left .h2{margin-bottom: 3rem;} .content_section_media_image_left p:has(a){margin-top: 3rem;} .content_section_media_image_left .wrapper{display: flex;justify-content: flex-end;} .cta_content_right{width: 51.5%;padding: 10rem 0;} .reviews{background-color: #F9F9F9; padding: 10rem 0 8rem;} .reviews .review_slider{margin-top: 4.6rem;gap:3.2rem;} .reviews h2, .reviews .h2 {text-align: center} .reviews .reviews_item{background-color: #fff; padding: 4.8rem 3.7rem 2rem; position: relative; margin: 2.9rem 1.6rem 0;} .reviews .reviews_item:after {content: "";position: absolute;top: -2.8rem;left: calc(50% - 2.8rem);width: 5.6rem;height: 5.6rem;background-color: #FF8300;border: .1rem solid #FF8300;border-radius: 50%;background-size: 3rem 2.1rem;background-position: 50%;background-repeat: no-repeat;background-image: url("data:image/svg+xml,%3Csvg width='30' height='21' viewBox='0 0 30 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2519 0.106033C8.25502 0.62726 6.15794 1.63154 4.12208 3.52046C1.37118 6.07269 0 9.17405 0 12.844C0 15.2323 0.522157 17.006 1.68718 18.5753C2.52388 19.7023 3.96171 20.6128 5.32979 20.8821C6.12087 21.0377 7.45256 21.0396 8.20709 20.886C11.6184 20.1917 13.9742 17.0131 13.6131 13.5919C13.3395 10.9999 11.4452 8.98502 8.75149 8.42107C6.93152 8.03994 5.44498 8.33603 3.90153 9.38685C3.58242 9.60412 3.36264 9.70836 3.36264 9.64245C3.36264 9.38304 3.8335 8.00309 4.18011 7.2468C4.7202 6.06847 5.575 4.87689 6.54715 3.94738C8.02162 2.53754 9.71821 1.62815 11.8801 1.08871C12.3348 0.97527 12.7221 0.867712 12.7409 0.849745C12.7596 0.831694 12.7222 0.636866 12.6577 0.4167C12.5479 0.0418644 12.5214 0.0153679 12.241 0.00120905C12.0764 -0.00715376 11.6313 0.0400416 11.2519 0.106033ZM27.4577 0.136587C25.3877 0.498423 23.9054 1.0656 22.283 2.11659C18.8022 4.37156 16.6819 7.90961 16.3919 11.9465C16.1613 15.1573 17.0765 17.8704 18.9449 19.5145C19.6358 20.1223 20.8049 20.706 21.6847 20.8824C22.4515 21.036 23.8435 21.0377 24.5892 20.886C27.186 20.3575 29.316 18.2773 29.8808 15.7184C30.0258 15.0613 30.0414 13.6929 29.9117 13.0105C29.5818 11.2755 28.3501 9.72633 26.6894 8.95745C25.7151 8.50644 25.1 8.34937 24.0497 8.28354C22.6895 8.19817 21.5456 8.53094 20.2815 9.37948L19.7239 9.75382L19.7836 9.4391C19.8903 8.87664 20.3472 7.65128 20.7346 6.88877C21.3122 5.75176 21.9437 4.90182 22.8918 3.98547C23.858 3.05173 24.8329 2.39223 26.063 1.8402C26.8288 1.49658 28.4718 0.970136 28.7877 0.967321C29.1121 0.96434 29.1628 0.851566 29.0329 0.42175C28.9189 0.0445959 28.8898 0.0152847 28.617 0.000794648C28.4558 -0.00773376 27.9341 0.0533727 27.4577 0.136587Z' fill='white'/%3E%3C/svg%3E");} .reviews .slick-arrow {position: absolute;top: 50%;background: none;border: none;font-size: 0;display: block;width: 4rem;height: 4rem;z-index: 5;cursor: pointer;} .reviews .slick-prev {left: -5px;} .reviews .slick-next {right: -5px;} .reviews .slick-arrow::before{content: "";position: absolute;display: block;width: 2.6rem;height: 2.6rem;top: 0;right: .7rem;transition: all 0.3s;border: .1rem solid #FF8300;background: #FF8300;border-radius: 50%;} .reviews .slick-arrow::after{content: "";position: absolute;top: 0.8rem;width: 0.9rem;z-index: 1;display: block;border-top: 2px solid #fff;border-left: 2px solid #fff;height: 0.9rem;right: 1.6rem;} .reviews .slick-prev::after {left: 1.6rem;transform: rotate(315deg);} .reviews .slick-next::after {right: 1.6rem;transform: rotate(135deg);} .reviews .reviews_desc{padding-bottom: 2rem;position: relative;} .reviews .reviews_desc:after{content: "";position: absolute;bottom: 0;left: 5%;width: 90%;height: .3rem;background-color: #F9F9F9;} .reviews p {font-size: 2.2rem; text-align: center; line-height: 2.86rem} .reviews_bottom {padding-top: 2rem; display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 3.5rem;} .reviews .review_slider .reviews_name_wrap {display: flex;align-items: center;} .reviews .reviews_name_wrap .icon {margin-right: 0.8rem; width: 1.6rem;height: 1.6rem;} .reviews_name_wrap p {font: 400 1.6rem / 1.25 "Manrope", sans-serif; text-transform: uppercase;} .stars {flex-shrink: 0;} .stars .icon {width: 2rem;height: 2rem;fill: #FFB400;} .join {padding: 10rem 0; border-top: .1rem solid #EFEFEF; border-bottom: .1rem solid #EFEFEF;} .join h2, .join .h2 {margin-bottom: 1.5rem;} .join .wrapper {display: flex;align-items: center;justify-content: space-between;} .join .join_text {width: 31.5%} .join_form{flex-grow: 1;display: flex;justify-content: flex-end;} .join_form form {width: 76%;} .join_form .form_item:first-child{position: relative; margin-bottom: 1rem;} .join_form input {background-color: transparent;height: 2.6rem;padding-right: 8rem;padding-left: 0;display: block;width: 100%;max-width: 100%;font: 400 1.6rem "Manrope", sans-serif;border: none;border-bottom: 0.1rem solid #45423F;color: #45423F;border-radius: 0;transition: box-shadow 0.2s ease-in;} .custom_checkbox + label .checkbox_design {flex: 0 0 auto;width: 2.0rem;height: 2.0rem;border: 0.1rem solid #404040;background-color: #ffffff;position: relative;transform: scale(1);transition: all 0.2s ease;} .custom_checkbox + label .checkbox_design svg {position: absolute;top: 0.4rem;left: 0.4rem;width: 1.2rem;height: 1.0rem;fill: none;stroke: transparent;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;stroke-dasharray: 1.6rem;stroke-dashoffset: 1.6rem;transition: all 0.3s ease;transition-delay: 0.1s;transform: translate3d(0, 0, 0);} .custom_checkbox + label .checkbox_text {display: inline-block;font-size: 1.6rem;font-weight: 600;padding: 0 0 0 1rem;} .custom_checkbox + label .checkbox_design::before {content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;opacity: 1;border-radius: 50%;background-color: #FF8300;transform: scale(0);} .custom_checkbox:checked + label .checkbox_design svg {stroke: #ffffff;stroke-dashoffset: 0;} .custom_checkbox:checked + label .checkbox_design {background-color: #FF8300;border-color: #FF8300;} .custom_checkbox:checked + label .checkbox_design::before {opacity: 0;transform: scale(3.5);transition: all 0.6s ease;} .custom_checkbox {position: absolute;left: -999.9rem;} .custom_checkbox + label {display: inline-flex;align-items: center;user-select: none;cursor: pointer;} .join_form .button_submit {position: absolute; top: 0;text-transform: uppercase; right: 0;text-decoration: underline;color: #FF8300;font-weight: 600;background: transparent;border: none;} .footer_top_row .wrapper {display: grid;grid-template-columns: 21.5rem 31rem 19.1rem 21.6rem;padding: 5rem 2.4rem 3rem;align-items: center;justify-content: space-between;} .footer_col3 .social{display: flex;align-items: center;flex-wrap: wrap;justify-content: center;gap: 0 1.3rem;} .footer_col3 a {border: 0.1rem solid #45423F;border-radius: 50%;width: 3.8rem;height: 3.8rem;display: flex;align-items: center;justify-content: space-around;} .footer_col3 a .icon {width: 1.8rem;height: 1.8rem;fill: #45423F; transition: all .3s;} .footer_col4 p {font-weight: 600; text-align: right;display: flex;align-items: center;justify-content: end;} .footer_bottom {background-color: #45423F;width: 100%;border: none;padding: 2rem 0;color: #fff;} .footer_bottom .wrapper p {color: #FFFFFF;} .footer_bottom .wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .footer_bottom .footer_bottom_text {flex-grow: 1;} .footer_bottom .footer_bottom_development {flex-grow: 1;} .footer_bottom_development p {text-align: right;display: flex;align-items: center;justify-content: end;} .footer_bottom_development p img {margin-left: .9rem;width: 7.3rem;height: 1.5rem;} .footer_bottom_center ul {padding-top: 0;} footer strong, footer b {font-weight: 700} footer .find-by_wrap{background-color: #F9F9F9;padding-top: 2rem;} .main_top {padding: 3rem 0 0;z-index: 2;overflow: hidden; position: relative;} .main_top .banner{height:56.2rem;background-repeat: no-repeat;background-size: cover;width: 100%;max-width: 100%;position: relative;z-index: 2} .main_top .top_slider.hidden_slider{max-height:56.2rem; opacity: 0;overflow: hidden;} .main_top h1, .main_top .h1{text-shadow: -0.1rem 0 1.3rem #242424;line-height: 2rem} .main_top h1 span, .main_top .h1 span{line-height: 7rem} .main_top h1 small, .main_top .h1 small{font-size: 2.6rem;} .main_top h2, .main_top .h2{font-size: 4.6rem; color: #FFFFFF; text-shadow: -0.1rem 0 1.3rem #242424; line-height: 1;} .main_top h2 small, .main_top .h2 small{font-size: 1.6rem;} .main_top p {color: #FFFFFF} .main_top .main_content {position: absolute;bottom: 3rem;left: 50%;width: 100%;display: block;z-index: 4;transform: translate(-50%, -50%);} .gallery-inner_wrap{display: flex;flex-wrap: wrap;gap: 3rem 2rem;} .main_top .main_banner_wrapper{width: 100%;max-width: 1269px;padding: 0 5.5rem;margin: 0 auto;display: flex;align-items: end;} .main_banner_wrapper .text {max-width: 70%;width: 100%;margin-right: auto;} .main_top .slick-arrow {position: absolute;top: 45%;background: none;border: none;font-size: 0;display: block;width: 4rem;height: 4rem;z-index: 5;cursor: pointer;} .main_top .slick-prev {left: 0;} .main_top .slick-next {right: 0;} .main_top .slick-arrow::after{content: "";position: absolute;top: 0.8rem;width: 2.5rem;height: 2.5rem;z-index: 1;display: block;border-top: 2px solid #fff;border-left: 2px solid #fff;right: 1.6rem; box-shadow: 2px 2px 2px #f08213 inset;} .main_top .slick-prev::after {left: 1.6rem;transform: rotate(315deg);} .main_top .slick-next::after {right: 1.6rem;transform: rotate(135deg);} .main_top .main_top_controls_wrap {display: flex;justify-content: flex-end;align-items: center;position: absolute;right: 5.5rem;bottom: 2rem;width: auto;} .slide_num {font-size: 1.6rem;color: #fff;display: flex;align-items: baseline;line-height: 1; text-shadow: -0.1rem 0 1.3rem #242424;} .slide_num_current {font-size: 2.6rem;color: #fff;} .breadcrumbs_section {padding: 0; border-top: .2rem solid #EFEFEF} .breadcrumbs{padding: 4.3rem 0 .71rem;background-color:#fff;font-size:0; font-weight: 600; text-transform: uppercase;} .breadcrumbs li{display:inline-block;font-size:1.6rem;position:relative} .breadcrumbs li:last-child a{color: #f08213;} .breadcrumbs li + li::before{content:"/";color:#45423F;padding:0 .5rem 0 .9rem} .breadcrumbs li a{color:#45423F;text-decoration:none} .breadcrumbs li a.active{color:#f08213} .content_section_media_join{background-color: #45423F; padding: 3rem 0;} .content_section_media_join h2, .content_section_media_join .h2 {color: #fff;margin: 0 auto 0 0;} .content_section_media_join .wrapper{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .form_item_captcha {grid-column: 1 / -1;display: flex;justify-content: space-between;align-items: center;gap: 0 1rem;} label {font-size: 1.2rem;} .modal_removeFromCartBulk .button {display: inline-block;width: 40%;font-size: 1.6rem; margin: 0 1rem; height: 4rem;line-height: 3.6rem;} .modal_removeFromCartBulk .button svg{vertical-align: middle;} .modal_removeFromCartBulk .button span{vertical-align: middle;} .modal_removeFromCartBulk .button.button_success {background-color: #ccc; border-color:#ccc;} .modal_removeFromCartBulk .button.button_success:hover {background-color: #ff5722; border-color:red;} @-moz-document url-prefix() {html {scrollbar-width: auto;scrollbar-color: #f08213 #FFFFFF;}} @media (-ms-high-contrast: none),(-ms-high-contrast: active),(-moz-touch-enabled: 0),(hover: hover) { a:active, a:hover, a:focus { outline: 0; } a:hover, a:focus { color: #f08213; } .content a:not(.button):hover, .content a:not(.button):focus { color: #434343; } .button_arrow:hover{padding: 0 6.3rem 0 6.3rem;} .button_arrow:hover:after { right: 2.3rem;} .inner_sidebar_widget ul li:hover:before, .inner_sidebar_widget ul li:focus:before { left: 0.4rem; } .gallery_pagination ul li a:hover {background-color: #45423F;color: #fff;border: .1rem solid #45423F;} .button_transparent:hover{padding: 0 3.1rem 0 3.1rem;} .filter_list li.filter_list_li:hover:after {opacity: 1;} .button_transparent:hover:after { right: 1.5rem; border-top: 2px solid #fff;border-left: 2px solid #fff;} .button.grey:hover {background-color: #f08213;} .button.green:hover {background-color: #f08213;} .small_button:hover { background-color: #f08213;} .button:hover, .button:focus { background-color: #434343; color: #fff; } .button.outlined:hover, .button.outlined:focus { background-color: #f08213; color: #fff; } .button.flat:hover, .button.flat:focus { background-color: rgba( 240, 130, 19, 0.4 ); } .dialog .icon_close:hover, .dialog .icon_close:focus { color: #f08213; } .navigation .header_nav > li > a:not(.button):hover, .navigation .header_nav > li > a:not(.button):active {color: #f08213;} .search button:hover svg, .search form button:focus svg { color: #f08213; } .products_carousel_item .item_img:hover, .products_carousel_item .item_img:focus { opacity: 0.8; } .banners_item .button:hover, .banners_item .button:focus { opacity: 0.6; } .gallery_item:hover .gallery_item_img, .gallery_item:focus .gallery_item_img { opacity: 0.6; } .gallery-inner_item:hover img, .gallery-inner_item:focus img { opacity: 0.7; } .find-by ul li.find-by_item:has(ul) > a:hover:after{border-top: 2px solid #f08213;border-left: 2px solid #f08213;} .toast_notifications .removeTOAST .icon:hover {color: #FF3F0A;} .back_btn:hover {background-color: #f08213;} .find_category a:hover{color: #FF8300; text-decoration: underline;} .breadcrumbs li a:hover{color:#f08213;text-decoration: underline;} .button_cart:hover{background-color: #45423F} .button_cart:hover .icon{fill: #fff} .product_block .card_image:hover a img{transform: scale(1.1) ; transition: .3s} .buttons a:hover {color: #45423F;} .join_form .button_submit:hover {color: #45423F;} .footer_col3 a:hover {border: 0.1rem solid #f08213;} .footer_col3 a:hover .icon {fill: #f08213;} .find_category a.active:hover{color:#f08213;text-decoration: none;} .breadcrumbs li a:active:hover{color:#f08213;text-decoration: none;} } .inner h1, .inner .h1 {color: #45423F;line-height: normal;} .product-inner{display: flex;justify-content: flex-start; margin-top: 4.5rem;} .product-inner_image {max-width: 63%;width: 100%;border: none;overflow: hidden;display: flex;position: relative;} .product-inner_image a {width: 100%} .product-inner_image a img {max-width: 100%;aspect-ratio: 32 / 21;object-fit: cover;width: 100%;} .product-inner_info {max-width: 470px;width: 100%;} .product-inner_info table{width: 100%;} .product-inner_info th {padding: 1.5rem 4.5rem; text-align: left; font-weight: 600; background-color: #F9F9F9} .product-inner_info tbody {margin-top: 0.8rem} .product-inner_info td {padding: 1.5rem 4.5rem;} .product-inner_info tr td:not([colspan]) {padding: 0.3rem 4.5rem;} .product-inner_info tr td.price_colum{padding-top: 3.8rem;} .product-inner_info tr td:first-child:not([colspan]) {padding-right: 0;} .product-inner_info td.member_save {background-color: #F9F9F9;} .product-inner_info tr td:last-child:not([colspan]) {padding-left: 1.5rem;line-height: 2.4rem;} .product-inner_info h3, .product-inner_info .h3 {margin-bottom: .2rem;} .product-inner_info h3 small, .product-inner_info .h3 small {font-size: 1.6rem;} .product-inner_info .button {margin-top: 1.5rem; margin-bottom: 1.5rem;} .product-inner_info span {color:#BFBFBF;} .product-inner_info td.member_save span{padding-left: 2.8rem;} .product-inner_info td.member_save .icon {font-size: 1.5rem;margin-right: .7rem; fill: #45423F;} .product-inner_info td.member_save strong {font-weight: 600;} .product-inner_info td.member_save a {color:#f08213;font-weight: 600;text-decoration: underline;} .header .navigation_btn {display: block;width: 2.5rem;height: 2.5rem;position: absolute;top: 2.7rem;right: 2.4rem;overflow: visible;cursor: pointer;transition-property: opacity;transition-duration: 0.15s;transition-timing-function: linear;z-index: 600;} .navigation_btn .hamburger_box {display: block;width: 2.5rem;height: 0.3rem;background-color: #000;position: absolute;left: 0;top: 1.1rem;transition-property: transform;transition-duration: 0.075s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} .navigation_btn .hamburger_box::before, .navigation_btn .hamburger_box::after {content: "";display: block;width: 2.5rem;height: 0.3rem;background-color: #000;position: absolute;transition-property: transform;transition-duration: 0.15s;transition-timing-function: ease;} .navigation_btn .hamburger_box::before {top: -0.6rem;transition: top 0.075s 0.12s ease, opacity 0.075s ease;} .navigation_btn .hamburger_box::after {bottom: -0.6rem;transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);} .navigation.nav_opened {right: 0;transition: right 0.3s ease-out;} .navigation_btn.is_open .hamburger_box {transform: translate(0, -50%) rotate(45deg);transition-delay: 0.12s;transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);background-color: #45423F;} .navigation_btn.is_open .hamburger_box::before {top: 0;opacity: 0;transition: top 0.075s ease, opacity 0.075s 0.12s ease;background-color: #45423F;} .navigation_btn.is_open .hamburger_box::after {bottom: 0;left: .1rem;width: 2.5rem;background-color: #45423F;transform: rotate(-90deg);transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);} .navigation {position: fixed;top: 0;right: -36rem;z-index: 100;width: 36rem;height: 100vh;margin: 0;overflow: hidden;background-color: #fff;transition: right 0.3s ease-in;} .navigation.nav_opened {right: 0;transition: right 0.3s ease-out;} .navigation .header_nav {display: block;margin: 12rem 0 0;padding: 0 1.5rem;height: calc(100vh - 16rem);overflow-y: auto;} .navigation_btn.is_open {display: none;} /*MEDIA*/ @media only screen and (max-width: 1440px) { .navigation_btn.is_open {display: block;} } @media only screen and (max-width: 1200px) { .main_banner_wrapper .text {max-width: 46rem;} .main_top .main_content {bottom: 1rem;} .find_category .categories {margin: 0 auto;} .row_f .col_lg_1 {width: calc(8.3333333333% - 3.01rem);} .row_f .col_lg_2 {width: calc(16.6666666667% - 3.01rem);} .row_f .col_lg_3 {width: calc(25% - 3.01rem);} .row_f .col_lg_4 {width: calc(33.3333333333% - 3.01rem);} .row_f .col_lg_5 {width: calc(41.6666666667% - 3.01rem);} .row_f .col_lg_6 {width: calc(50% - 3.01rem);} .row_f .col_lg_7 {width: calc(58.3333333333% - 3.01rem);} .row_f .col_lg_8 {width: calc(66.6666666667% - 3.01rem);} .row_f .col_lg_9 {width: calc(75.0000000019% - 3.01rem);} .row_f .col_lg_10 {width: calc(83.3333333333% - 3.01rem);} .row_f .col_lg_11 {width: calc(91.6666666667% - 3.01rem);} .row_f .col_lg_12 {width: calc(100% - 3.01rem);} .cta_image_left {left: -55%;} .cta_content_right {width: 44%;} .footer_col3 .social {gap: 0 0.6rem;} .footer_top_row .wrapper {grid-template-columns: 20rem 31rem 17.1rem 20.6rem;} .footer_bottom .wrapper {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;} .footer_bottom .footer_bottom_text{flex-grow: 0;width:100%;text-align: center; margin-bottom:1rem;} .footer_bottom .footer_bottom_center{width: 100%;text-align: center;margin-bottom:1rem;} .footer_bottom .footer_bottom_development {flex-grow: 0;} .content_section_media_join h2, .content_section_media_join .h2 {width: 60%;} .gallery-inner_item {width: 25%;} } @media only screen and (max-width: 992px) { body{padding-top: 13.6rem;} .zoom { max-width: 100%; } .header_logo { float: none; display: block; margin: 0 auto; text-align: center; } .header_logo img {width: 24rem;} .header .header_logo img {width: 18rem;} .header_register { display: flex;text-align: center;width: 100%;flex-wrap: wrap;justify-content: center; padding: 1rem 0 0;} .header.fixed .header_register {padding: 1rem 0 0;} .header_navigation { text-align: center; width: 100%; } .slider_carousel_item { height: 40rem; } .banners_item .button { width: 100%; padding: 0; } .footer .copyright { width: 48%; margin-right: 4%; } .footer_social { float: left; width: 100%; margin-right: 0; margin-top: 2rem; text-align: center; } .product-inner_info td.member_save span {padding-left: 2.6rem;} .find-by span {font-size: 1.5rem;} .find-by li a {font-size: 1.5rem;} .find-by ul li.find-by_item:has(ul) > a {padding: 0 0.8rem;} .find-by ul li.find-by_item:has(ul) > a:after {right: -0.4rem;} .view_order th:first-child, .view_order th:last-child {width: auto;} .view_order td:last-child {white-space: nowrap;} .view_order th, .view_order td {padding-right: 1rem;padding-left: 1rem;} h1, .h1 {font-size: 5.6rem;} h1 small, .h1 small {font-size: 2.4rem;} .main_banner_wrapper .text {max-width: 34rem;} .main_top .banner {height: 46.2rem;} h2, .h2 {font-size: 3.6rem;} .button_arrow {height: 4.6rem;line-height: 4.6rem;} .button_arrow::after {top: 2rem;} .products_works {padding: 5rem 0;} .products {padding-top: 2rem;} .products {gap: 4rem 2.2rem;} .product_block {width: calc(50% - 1.65rem);} .block_with_title .block_title {max-width: 50%;} .find_category .categories {display: flex;flex-wrap: wrap;justify-content: center;flex-shrink: 1;} .find_category .category_name, h3, .h3 {font-size: 2.4rem;} .content_section_media .cta_content_right {padding: 3.7rem 0 3.7rem 8.3rem;} .content_section_media .cta_content_left {padding: 5rem 0;} .content_section_media {margin: 5rem 0; overflow-x: hidden} .row_f .col_md_1 {width: calc(8.3333333333% - 3.01rem);} .row_f .col_md_2 {width: calc(16.6666666667% - 3.01rem);} .row_f .col_md_3 {width: calc(25% - 3.01rem);} .row_f .col_md_4 {width: calc(33.3333333333% - 3.01rem);} .row_f .col_md_5 {width: calc(41.6666666667% - 3.01rem);} .row_f .col_md_6 {width: calc(50% - 3.01rem);} .row_f .col_md_7 {width: calc(58.3333333333% - 3.01rem);} .row_f .col_md_8 {width: calc(66.6666666667% - 3.01rem);} .row_f .col_md_9 {width: calc(75.0000000019% - 3.01rem);} .row_f .col_md_10 {width: calc(83.3333333333% - 3.01rem);} .row_f .col_md_11 {width: calc(91.6666666667% - 3.01rem);} .row_f .col_md_12 {width: calc(100% - 3.01rem);} .why_section .col_3 {margin-bottom: 2rem;} .cta_content_right {padding: 5rem 0;} .reviews {padding: 5rem 0 4rem;} .join {padding: 5rem 0;} .join .wrapper {flex-wrap: wrap;} .join .join_text {width: 100%;margin-bottom: 2rem;} .join_form {width: 100%;} .join_form form {width: 100%;} .footer_bottom{padding-bottom: 8.1rem;} .footer_top_row .wrapper {grid-template-columns: 24rem 32rem;} .footer_logo {grid-column: 1;grid-row: 1; width: 24rem;margin-bottom: 2rem;} .footer_col2 {grid-column: 2;grid-row: 1;} .footer_col3 {grid-column: 1;grid-row: 2;} .footer_col4 {grid-column: 2;grid-row: 2;} .breadcrumbs {padding: 2.3rem 0 .71rem;} .inner {padding: 3rem 0 0;} .product-inner_info td.member_save span {display: block;} .gallery-inner_item {width: 32%;} .gallery-inner_wrap {gap: 3rem 1rem;} .setColor {max-width: 24rem;} .setArtist {max-width: 68rem;} .emptyCart{margin: 0;} .mobile_phone, .home_bar_space {display: block;background-color: rgba(30, 30, 30, 0.9);-webkit-backdrop-filter: blur(0.6px);backdrop-filter: blur(0.6px);} .mobile_phone .mobile_phone_item {display: flex;justify-content: center;align-items: center;gap: 0 1rem;user-select: none;padding: 0.5rem 1rem;} } @media only screen and (max-width: 840px) { .find-by { width: 100%;margin-bottom: 1rem;} .search { width: 100%; } .footer_oir .find-by_drop {bottom: 7rem;} .table tbody td {padding: .8rem 1rem} .emptyCart .button {width: 100%;padding: 0;} } @media only screen and (max-width: 768px) { .header_navigation {width: 100%;text-align: center;} .header_navigation ul li { display: block; margin-left: 0; } .header_navigation ul li a { display: block; font-size: 2rem; line-height: 3.5rem; } .slider_carousel_item { height: 30rem; } .banners_item .button { font-size: 2.6rem; } .footer .copyright { width: 100% !important; margin-right: 0; text-align: center; } .footer ul { width: 100% !important; margin-right: 0; text-align: center; } .inner_sidebar { width: 100%; } .inner_content { width: 100%; padding-bottom: 3rem; } .inner_content h1, .inner_content h2 { text-align: center; } .gallery_item { width: 48%; } .gallery_item:nth-child(3n+0) { margin-right: 4%; } .gallery_item:nth-child(even) { margin-right: 0; } .contacts_form { width: 100%; margin-right: 0; padding-right: 0} .contacts_form::after {content: "";position: absolute;top: 0;left: 100%;width: 100vw;height: 100%;background-color: rgba(246, 241, 235, 0.5);z-index: -1;} .contacts_info { width: 100%; margin-right: 0; } .product-inner_image { text-align: center; } .product-inner_image img { max-height: 30rem; margin: 0px auto; float: none !important;} .product-inner_info .button { width: 100%; padding: 0; } .dialog .col_5 {margin-bottom: 2rem;} .dialog p {font-size: 1.6rem;margin-top: 0.6rem} .emptyCart h1 {text-align: center;} .emptyCart h1 br {display: none;} .row_f .col_sm_1 {width: calc(8.3333333333% - 3.01rem);} .row_f .col_sm_2 {width: calc(16.6666666667% - 3.01rem);} .row_f .col_sm_3 {width: calc(25% - 3.01rem);} .row_f .col_sm_4 {width: calc(33.3333333333% - 3.01rem);} .row_f .col_sm_5 {width: calc(41.6666666667% - 3.01rem);} .row_f .col_sm_6 {width: calc(50% - 3.01rem);} .row_f .col_sm_7 {width: calc(58.3333333333% - 3.01rem);} .row_f .col_sm_8 {width: calc(66.6666666667% - 3.01rem);} .row_f .col_sm_9 {width: calc(75.0000000019% - 3.01rem);} .row_f .col_sm_10 {width: calc(83.3333333333% - 3.01rem);} .row_f .col_sm_11 {width: calc(91.6666666667% - 3.01rem);} .row_f .col_sm_12 {width: calc(100% - 3.01rem);} .cartTable th, .cartTable td {font-size: 1.35rem; padding: 1rem 0.4rem;} .order_table th:first-child {width: auto;} h1, .h1 {font-size: 4.6rem;} .main_top h1, .main_top .h1 {line-height: 3rem;} .main_top h1 span, .main_top .h1 span {line-height: 4.5rem;} .main_top h1 small, .main_top .h1 small {font-size: 2.0rem;} .main_banner_wrapper .text {max-width: 19rem;} .content_section_media .cta_content_left, .content_section_media .cta_content_right {width: 100%;} .content_section_media .cta_content_right::after {content: "";position: absolute;top: 0;right: 100%;width: 100vw;height: 100%;background-color: #45423F;} .content_section_media .cta_content_right {padding: 3.7rem 0;} .content_section_media h2, .content_section_media .h2 {margin-bottom: 2rem;} .content_section_media p:has(a) {margin-top: 2rem;} .cta_content_right {padding: 40rem 0 5rem 0; width: 100%;} .cta_image_left {left: 0;width: 100%;height: 50%;} .reviews .review_slider {margin-top: 2rem;} .content_section_media_join h2, .content_section_media_join .h2 {width: 100%;margin-bottom: 2rem;} .product-inner {flex-wrap: wrap;margin-top: 2.5rem;} .product-inner_image {width: 100%; max-width: 100% !important; margin-right: 0; } .product-inner_info {max-width: 100%;width: 100%; margin-right: 0; } .product-inner_info td.member_save span {display: inline;} .find-by_drop {right: 0; max-width: 100%;width: 100% !important; text-align: center;} .setColor, .setArtist {max-width: 100%;} } @media only screen and (max-width: 640px) { .row_f .col_xs_1 {width: calc(8.3333333333% - 3.01rem);} .row_f .col_xs_2 {width: calc(16.6666666667% - 3.01rem);} .row_f .col_xs_3 {width: calc(25% - 3.01rem);} .row_f .col_xs_4 {width: calc(33.3333333333% - 3.01rem);} .row_f .col_xs_5 {width: calc(41.6666666667% - 3.01rem);} .row_f .col_xs_6 {width: calc(50% - 3.01rem);} .row_f .col_xs_7 {width: calc(58.3333333333% - 3.01rem);} .row_f .col_xs_8 {width: calc(66.6666666667% - 3.01rem);} .row_f .col_xs_9 {width: calc(75.0000000019% - 3.01rem);} .row_f .col_xs_10 {width: calc(83.3333333333% - 3.01rem);} .row_f .col_xs_11 {width: calc(91.6666666667% - 3.01rem);} .row_f .col_xs_12 {width: calc(100% - 3.01rem);} .footer_top_row .wrapper {grid-template-columns: 1fr;} .footer_logo {grid-column: 1/-1;grid-row: 1; width: 18rem;margin: 0 auto 2rem auto;} .footer_col2 {grid-column: 1/-1;grid-row: 2;margin-bottom: 2rem;} .footer_col3 {grid-column: 1/-1;;grid-row: 3;} .footer_col3 .social {margin-bottom: 2rem;} .footer_col4 {grid-column: 1/-1;grid-row: 4;} .footer_col4 p {justify-content: center;} .find-by ul {text-align: center;} .find-by span {display: block;float: none;text-align: center;font-size: 2rem;margin-bottom: 1rem;} .find-by li a {font-size: 1.6rem;} .find-by_wrap { padding: 2rem 0; } .find-by_drop { width: 100%; left: 0; text-align: center; } .find-by_drop li { min-width: 30%; } .dialog .col_2 {display: none;} .dialog p {margin-top: 0.4rem;} .dialog h2 {padding-bottom: 1rem;} .dialog form {margin-top: 1rem;} .dialog .button {margin-top: 1rem;} .hide_mob {display: none;} .show_mob {display: block;margin: 0 auto;} .gallery-inner_item {width: 49%;} .gallery-inner_wrap {justify-content: space-between;} .cart h1, .cart .h1 {font-size: 3.6rem;line-height: 4rem;} .summary_wrapper {position: relative;border-left: none;margin-top: 2rem;padding-left: 1.5rem} .footer_oir .find-by_drop {bottom: 9rem;} .emptyCart .button {text-transform: uppercase;} .find-by ul li.find-by_item:has(ul) > a {padding: 0 1.6rem;} .find-by ul li.find-by_item:has(ul) > a:after {right: 0;} .ribbon {font-size: 1.2rem;padding: 0.8rem 3.5rem 0.7rem;} .main_top .main_top_controls_wrap {bottom: 1rem; right: 1.5rem;} .main_top h1 span, .main_top .h1 span {display: block;font-size: 3rem;} .main_top .main_banner_wrapper {padding: 0 4.5rem;} .card_content {padding: 0rem 0 1.5rem;} .card_content .author_name {margin: 1rem 0 0.7rem;} .card_content .item_title {font-size: 1.9rem;} .breadcrumbs_section {border: none;} } @media only screen and (max-width: 550px) { .row_f [class*='col_'] {width: 100%;margin-right: 0;} .order_table .small_button {padding: 0 1rem;} .view_order th:first-child, .view_order td:first-child {display: none;} .view_order tr:last-child td {display: table-cell;} .back_btn {margin: 0 auto 1rem auto;} .header_register {float: right;padding: 1.5rem 5.4rem 1rem 0;min-width: 4rem;text-align: right;display: flex;align-items: center;width: auto;} .header.fixed .header_register {padding: 1.5rem 5.4rem 1rem 0;} .header .navigation_btn {top: 2.5rem;} .navigation_btn .hamburger_box {top: 1rem;} .product_block .card_image a img {aspect-ratio: 5 / 3;} .block_with_title .right_part {flex-shrink: 0;text-align: center;width: 100%;} .main_top .banner {height: 36.2rem;} .header_logo { margin: 0; width: 20rem; float: left;} .header_register ul li {display: none;} .header_register ul li:last-child {display: inline-block;} body {padding-top: 9rem;} .main_top .main_banner_wrapper {flex-wrap: wrap;} .slider_carousel_item { height: 25rem; } .banners_item { width: 100%; margin-right: 0; height: 18rem; margin-bottom: 7rem;} .banners_item .button { font-size: 2rem; height: 4.2rem; line-height: 4.2rem; } .content * { float: none !important; margin-right: 0 !important; margin-left: 0 !important; } .content img { width: 100% !important; } .gallery_item { width: 100%; margin-right: 0; } h1, .h1 { font-size: 3.6rem; } h2, .h2 { font-size: 2.4rem; } .find_category .category_name, h3, .h3 { font-size: 2.2rem; } h1, h2, h3, h4, .h1, .h2, .h3, .h4 { line-height: 3.6rem; } /*.main_top .main_content {bottom: -3rem;}*/ .product_block {width: 100%;} .block_with_title .block_title {max-width: 100%;margin-bottom: 2rem;} .reviews p {font-size: 1.6rem;} .product-inner_info td.member_save span {display: block;} .gallery-inner_item {width: 45%;} .order_table tr:first-child {display: none;} .order_table tbody td {border-bottom: .1rem solid #EAEAEA;display: block;min-height: 4.1rem;font-size: 1.4rem;text-align: left;position: relative;padding: 2.1rem 1.2rem 2.1rem 11rem;} .order_table tr:nth-of-type(odd) {background-color: #fafafa;} .table tbody tr {border-top: 1px solid #D0D0D0;} .order_table td::before {content: attr(data-label) " ";position: absolute;top: 1.1rem;left: 1.2rem;width: 9rem;display: inline-block;padding: 0 1rem 0 0;font-size: 1.4rem;font-weight: 700;color: #000;text-align: left;} .reviews .reviews_item {padding: 4.8rem 2rem 2rem;} .reviews_bottom {gap: 1.5rem;} .ribbon {top: 1.5rem;left: -3.5rem;} .product-inner_info td {padding: 1rem 2.5rem;} .product-inner_info th {padding: 1.5rem 2.5rem;} .product-inner_info tr td:first-child:not([colspan]) {padding-left: 2.5rem;} .product-inner_info tr td:last-child:not([colspan]) {padding-left: 1.2rem;padding-right: 2rem;} .big-alert {padding: 1rem;} } @media only screen and (max-width: 450px) { .filter_list li.filter_list_li {width: 100%;} .setSize, .setSize2 {width: 100%;} .cartTable tr:not(:last-child) th:nth-child(3), .cartTable td:nth-child(3) {display: none;} .cartTable tr:last-child th:first-child {display: none;} .cartTable th, .cartTable td {font-size: 1.6rem;} .cartTable .button {padding: 0 1.8rem;width: 100%;} .banners_item { height: 13.7rem !important; } .head_banner { display: none; } .membership span {font-size: 4rem !important;} .view_order th:nth-child(3), .view_order td:nth-child(3) {display: none;} .view_order tr:last-child td {display: table-cell;} .contacts_form form .button {padding: 0 4.3rem 0 4.3rem;} } @media only screen and (max-width: 1200px) { .slider_carousel .owl-controls .owl-pagination { float: left; left: 50%; transform: translateX( -50% ); } } @media only screen and (max-width: 365px) { .gallery-inner_item { width: 100% !important; } .header .header_logo img {width: 13rem;margin: 1rem 0 0;} }