:root { --background: #f5f8fb; --back: #0d336c; --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 16px; --_fonts---font-size--small-font-size: 14px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 18px; --_round---small-8: 8px; --red: #ec1c24; --_button---primary: #ec1c24; --white: white; --_button---hover-red: #c60000; --_icon---light-blue-grey: #8893a1; --_button---round-12px: 12px; --_button---dark_blue: #0d336c; --_fonts---color--white: white; --_button---hover-dark_blue: #00245b; --_button---color: white; --_round---big-20: 20px; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 36px; --_fonts---black-weight: 800; --grey: #d0d0d0; --_round---normal: 12px; --green: #4db45e; --_button---light-grey: #d0d0d0; --_round---supersmall-4: 4px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 24px; --_fonts---font-size--heading-2: 30px; --light-grey: #ececec; --_button---light-blue: #e6edf6; --_button---black: #000; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 12px; --light-blue: #dae5ef; --light-green: #e2f8e6; --black: #000; --_button---light-blue-grey: #8893a1; --back-dark: #00245b; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-layout-vflex { flex-direction: column; align-items: flex-start; display: flex; } .w-layout-hflex { flex-direction: row; align-items: flex-start; display: flex; } .w-commerce-commercecheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercelayoutcontainer { justify-content: center; align-items: flex-start; display: flex; } .w-commerce-commercelayoutmain { flex: 0 800px; margin-right: 20px; } .w-commerce-commercecartapplepaybutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; align-items: center; height: 38px; min-height: 30px; margin-bottom: 8px; padding: 0; text-decoration: none; display: flex; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; background-color: #000; border-width: 0; border-radius: 2px; justify-content: center; align-items: center; height: 38px; margin-bottom: 8px; padding: 0 15px; text-decoration: none; display: flex; } .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutblockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex; } .w-commerce-commercecheckoutcolumn { flex: 1; padding-left: 8px; padding-right: 8px; } .w-commerce-commercecheckoutshippingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .w-commerce-commercecheckoutshippingmethoditem { background-color: #fff; border-bottom: 1px solid #e6e6e6; flex-direction: row; align-items: baseline; margin-bottom: 0; padding: 16px; font-weight: 400; display: flex; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { flex-direction: column; flex-grow: 1; margin-left: 12px; margin-right: 12px; display: flex; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 64px 16px; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { -webkit-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { flex-direction: row; display: flex; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { margin-left: 8px; font-weight: 400; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { -webkit-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; width: 100%; height: 38px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { flex-grow: 1; margin-left: 16px; margin-right: 16px; } .w-commerce-commercecheckoutorderitemquantitywrapper { white-space: pre-wrap; display: flex; } .w-commerce-commercecheckoutorderitemoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none; } .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: sticky; top: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem { flex-direction: row; justify-content: space-between; margin-bottom: 8px; display: flex; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutplaceorderbutton { color: #fff; cursor: pointer; -webkit-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commercepaypalcheckoutformcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { flex-direction: row; justify-content: flex-start; display: flex; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: .33em; } .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commerceorderconfirmationcontainer { background-color: #f5f5f5; width: 100%; min-height: 100vh; padding: 20px; } .w-commerce-commercecheckoutshippingsummarywrapper { margin-bottom: 20px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector { font-size: 16px; } } body { color: #333; font-family: Arial, Helvetica Neue, Helvetica, sans-serif; font-size: 14px; line-height: 20px; } .body { background-color: var(--background); --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 14px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 18px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 36px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 24px; --_fonts---font-size--heading-2: 30px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 12px; font-family: Onest, sans-serif; } .navbar { background-color: #0000; flex: 1; justify-content: space-between; align-items: center; display: flex; position: static; } .container { justify-content: space-between; align-items: center; width: 100%; min-width: auto; max-width: 1580px; margin-left: auto; margin-right: auto; padding-top: 40px; display: block; } .container.nav { height: auto; padding-top: 0; } .container.info { width: 100%; padding-top: 30px; padding-bottom: 30px; } .container.subscribe { padding-top: 40px; padding-bottom: 40px; } .container.footer { background-color: var(--back); padding-top: 50px; padding-bottom: 50px; } .nav-link { font-family: var(--_fonts---font-family); color: var(--_fonts---color--dark-blue); font-size: var(--_fonts---font-size--core); padding: 0; } .nav-menu { grid-column-gap: 30px; grid-row-gap: 30px; flex: 0 auto; align-items: center; margin-top: 0; margin-left: auto; margin-right: auto; padding-left: 30px; padding-right: 30px; display: none; } .brand { min-width: 190px; margin-top: 20px; margin-left: 0; position: relative; } .phone { font-family: var(--_fonts---font-family); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); } .icon_messenger { max-width: 38px; } .flex-block { grid-column-gap: 15px; grid-row-gap: 15px; display: none; } .flex-block-2 { grid-column-gap: 30px; grid-row-gap: 30px; justify-content: flex-start; align-items: center; margin-left: auto; } .flex-block-3 { grid-column-gap: 5px; grid-row-gap: 5px; justify-content: flex-start; align-items: center; } .top_head { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; margin-top: -15px; margin-left: 0; margin-right: 0; padding-left: 60px; padding-right: 60px; display: flex; } .topmenuh { background-color: var(--back); flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; height: auto; margin-top: 0; padding-left: 60px; padding-right: 60px; display: flex; } .flex-block-4 { width: 100%; height: auto; padding-top: 10px; padding-bottom: 10px; display: block; } .menu-button { border-radius: var(--_round---small-8); color: var(--red); background-color: #fff; justify-content: center; align-items: center; width: 50px; height: 44px; padding: 13px 12px; display: flex; } .menu-button:hover { background-color: var(--_button---primary); color: var(--white); } .menu-button.w--open { z-index: 9999999; background-color: var(--red); color: var(--white); justify-content: center; align-items: center; height: 50px; padding-top: 15px; padding-bottom: 15px; left: auto; } .menu-button.w--open:hover { background-color: var(--_button---hover-red); } .icon { color: var(--red); } .navbar-2 { background-color: #0000; flex-flow: column; margin-left: 0; margin-right: 0; display: block; position: static; } .svg-icon { grid-column-gap: 16px; grid-row-gap: 16px; color: var(--_icon---light-blue-grey); vertical-align: baseline; object-fit: fill; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; width: 20px; height: 20px; margin-right: 0; display: block; overflow: hidden; } .svg-icon:hover { cursor: pointer; } .utility-page-wrap { justify-content: center; align-items: center; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; display: flex; } .utility-page-content { text-align: center; flex-direction: column; width: 260px; display: flex; } .utility-page-form { flex-direction: column; align-items: stretch; display: flex; } .image-2 { position: absolute; } .search-button { overflow: clip; } .div-block { border-radius: var(--_round---small-8); background-color: var(--white); flex: 1; justify-content: flex-start; align-items: center; max-width: 100%; padding: 0; display: flex; } .text-block { flex: 1; max-width: 100%; margin-right: 30px; } .button { display: flex; } .button_h { grid-column-gap: 8px; grid-row-gap: 8px; border-radius: var(--_button---round-12px); background-color: var(--_button---dark_blue); color: var(--_fonts---color--white); cursor: pointer; justify-content: flex-start; align-items: center; height: 44px; padding: 6px 15px; text-decoration: none; display: flex; position: relative; } .button_h:hover { background-color: var(--_button---hover-dark_blue); } .button_h.login { background-color: var(--_fonts---color--white); color: var(--_fonts---color--black); } .image-3 { width: 30px; height: 30px; } .text-block-2 { font-size: var(--_fonts---font-size--core); text-decoration: none; } .left-arrow { justify-content: space-between; align-items: center; margin-left: 0; padding-left: 40px; display: flex; position: absolute; } .left-arrow:hover { display: flex; } .icon-2 { justify-content: center; align-items: center; width: 18px; height: 18px; margin: auto; font-size: 24px; font-weight: 700; display: flex; } .icon-2:hover { color: var(--_button---color); } .slider { border-radius: var(--_round---big-20); background-color: var(--back); border: 1px #000; flex: 1; max-width: 100%; height: 220px; margin-left: 0; margin-right: 0; overflow: hidden; } .flex-block-5 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; max-width: 100%; margin-top: 20px; } .flex-block-6 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; grid-template: "." "." / 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; align-self: stretch; display: grid; } .body-2 { background-color: var(--background); } .text-block-3 { font-family: var(--_fonts---font-family); color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); } .link-block { font-family: var(--_fonts---font-family); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--small-font-size); text-decoration: none; } .flex-block-7 { grid-column-gap: 10px; grid-row-gap: 10px; flex: 1; justify-content: flex-start; align-items: center; } .link-block-2 { font-family: var(--_fonts---font-family); color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); flex: 0 auto; text-decoration: none; } .flex-block-8 { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-items: flex-end; width: 100%; } .flex-block-9 { grid-column-gap: 10px; grid-row-gap: 10px; flex: 1; } .flex-block-10 { grid-column-gap: 30px; grid-row-gap: 30px; justify-content: flex-start; align-items: flex-end; } .heading { font-family: var(--_fonts---font-family); color: var(--_fonts---color--black); font-size: var(--_fonts---h1); font-weight: var(--_fonts---black-weight); flex: 1; margin-top: 0; margin-bottom: 0; } .text-block-4 { font-family: var(--_fonts---font-family); color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); margin-bottom: 5px; padding-bottom: 0; } .flex-block-11 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: flex-end; } .text-block-5 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); margin-bottom: 5px; } .image-4 { margin-bottom: 3px; } .main { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; padding-left: 60px; padding-right: 60px; display: flex; } .search-button-2 { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .link-block-3 { flex: 0 auto; justify-content: center; align-items: center; width: 40px; height: 40px; margin-right: 20px; display: flex; position: absolute; } .form { border: 1px solid var(--grey); border-radius: var(--_round---small-8); background-color: var(--white); flex: 1; justify-content: flex-end; align-self: stretch; align-items: center; height: 100%; padding-top: 0; padding-bottom: 0; display: flex; } .form-block { border-radius: var(--_round---small-8); flex: 1; align-self: stretch; height: 100%; margin-bottom: 0; padding: 0; } .form-block.big { padding-top: 5px; padding-bottom: 5px; } .text-field { border: 1px #000; border-radius: 0; flex: 1; align-self: stretch; height: 100%; margin: auto 30px auto 10px; padding: 12px 30px 12px 20px; } .error-message { position: absolute; } .dropdown { border-radius: var(--_round---normal); background-color: var(--_fonts---color--white); flex: 0 auto; justify-content: space-between; align-self: stretch; align-items: center; margin-left: 0; margin-right: 0; position: static; } .dropdown-toggle { justify-content: space-between; align-items: center; padding: 20px; display: flex; position: static; } .dropdown-toggle.w--open { justify-content: space-between; align-items: center; padding-bottom: 20px; display: flex; } .dropdown-list { grid-column-gap: 20px; grid-row-gap: 20px; background-color: #0000; flex-flow: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; display: flex; position: static; } .dropdown-list.w--open { display: none; } .flex-block-12 { grid-column-gap: 20px; grid-row-gap: 20px; flex: none; width: 240px; } .icon-3 { color: var(--_fonts---color--black); margin: 0; font-size: 18px; position: static; } .heading-2 { font-size: var(--_fonts---font-size--bigger); margin-top: 0; margin-bottom: 0; } .dropdown-link { margin-left: 0; margin-right: 0; } .search-button-3 { display: block; } .flex-block-13 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; } .div-block-2 { flex: 0 auto; align-self: stretch; height: 54px; } .flex-block-14 { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: auto; align-items: flex-start; max-width: 100%; margin-bottom: 80px; display: flex; } .button-2 { background-color: var(--_button---primary); } .link-block-4 { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--_button---primary); color: var(--_fonts---color--white); flex: 1; justify-content: center; align-self: stretch; align-items: center; padding: 12px 20px; text-decoration: none; display: flex; } .link-block-4:hover { background-color: var(--_button---hover-red); } .text-block-6 { font-size: var(--_fonts---font-size--core); font-weight: 400; } .flex-block-15 { grid-column-gap: 15px; grid-row-gap: 15px; border-radius: var(--_round---normal); background-color: var(--white); flex: 1; justify-content: flex-start; align-items: center; min-width: 240px; max-width: 340px; padding: 20px; } .flex-block-15:hover { box-shadow: 0 0 15px #0000004d; } .flex-block-15.end { display: none; } .text-block-7 { border-radius: var(--_round---small-8); background-color: var(--green); color: var(--_fonts---color--white); padding: 5px; font-weight: 600; position: relative; top: -35px; } .text-block-8 { font-size: var(--_fonts---font-size--bigger); font-weight: 800; } .flex-block-16 { grid-column-gap: 15px; grid-row-gap: 15px; } .text-block-9 { color: var(--_fonts---color--light-blue-grey); text-decoration: line-through; } .div-block-3 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; align-self: auto; margin-top: -30px; display: flex; } .text-block-10 { flex: 0 auto; align-self: auto; max-height: 40px; overflow: hidden; } .text-block-11 { font-size: var(--_fonts---font-size--small-font-size); font-weight: 700; } .image-5 { box-sizing: content-box; object-fit: contain; width: 100%; height: 180px; overflow: hidden; } .div-block-4 { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; padding: 0; display: flex; } .tabs_block { grid-column-gap: 10px; grid-row-gap: 10px; width: 100%; margin-bottom: 25px; } .tab_c { border-bottom: 3px solid var(--_button---light-grey); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); padding-bottom: 18px; padding-left: 15px; padding-right: 15px; font-weight: 600; } .tab_c:hover { border-bottom-color: var(--_button---primary); } .pagination { justify-content: center; align-items: flex-start; width: 100%; margin-top: 20px; } .button_strock { border: 1px solid var(--_button---primary); border-radius: var(--_button---round-12px); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); background-color: #0000; padding: 22px 50px 22px 40px; } .button_strock:hover { background-color: var(--red); color: var(--_fonts---color--white); } .form-2 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .text-field-2 { border: 1px solid var(--_button---light-grey); border-radius: var(--_round---small-8); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); margin-bottom: 0; padding-left: 40px; } .text-field-2::placeholder { color: var(--_fonts---color--black); } .div-block-5 { justify-content: flex-start; align-items: center; display: flex; } .field-label { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); margin-bottom: 0; margin-left: 12px; font-weight: 400; position: absolute; } .form-block-2 { margin-bottom: 0; } .div-block-6 { flex: 1; justify-content: flex-start; align-self: stretch; align-items: center; padding-top: 8px; padding-bottom: 8px; display: flex; } .start { border: 2px solid var(--_button---color); border-radius: var(--_round---normal); background-color: var(--_button---primary); width: 20px; height: 20px; margin-left: 0; position: absolute; } .start.end { margin-left: 90px; } .track { background-color: var(--_button---light-grey); width: 100%; height: 4px; position: static; } .track.fill { background-color: var(--_button---primary); width: 90px; margin-left: 10px; position: absolute; } .flex-block-17 { grid-column-gap: 12px; grid-row-gap: 12px; align-self: stretch; } .div-block-7 { border: 1px solid var(--grey); border-radius: var(--_round---supersmall-4); background-color: var(--white); color: var(--white); flex: none; justify-content: center; align-items: center; width: 24px; height: 24px; display: flex; } .div-block-7:hover { border-color: var(--_button---primary); } .div-block-7:active { background-color: var(--red); } .div-block-7.active { background-color: var(--_button---primary); border-style: none; justify-content: center; align-items: center; display: flex; } .div-block-8 { grid-column-gap: 10px; grid-row-gap: 10px; aspect-ratio: auto; object-fit: contain; justify-content: flex-start; align-items: center; display: flex; } .text-block-12 { color: var(--_fonts---color--black); height: 20px; overflow: hidden; } .text-block-13 { color: var(--_button---primary); font-size: var(--_fonts---font-size--core); font-weight: 600; } .flex-block-18 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; justify-content: space-between; align-self: stretch; align-items: center; } .heading-3 { color: var(--_fonts---color--white); } .heading-3.sub { margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 120%; } .div-block-9 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; justify-content: space-between; align-items: center; display: flex; } .text-block-14 { color: #ccdff7; font-size: var(--_fonts---font-size--bigger); display: none; } .form-3 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; display: flex; } .text-field-3 { border-radius: var(--_round---normal); height: 48px; margin-top: 0; margin-bottom: 0; padding: 0 24px; } .form-block-3 { flex: 1; margin-bottom: 0; } .submit-button { border-radius: var(--_round---normal); background-color: var(--_button---primary); font-size: var(--_fonts---font-size--bigger); padding: 22px 40px; } .submit-button.fill { font-size: var(--_fonts---font-size--core); justify-content: center; align-self: stretch; align-items: center; padding-top: 15px; padding-bottom: 15px; display: flex; } .text-block-15 { color: var(--_fonts---color--light-blue); font-size: var(--_fonts---font-size--core); } .flex-block-19 { grid-column-gap: 20px; grid-row-gap: 20px; width: 260px; } .link-block-5 { border-radius: var(--_round---normal); background-color: var(--_button---color); padding: 14px 25px; text-decoration: none; } .flex-block-20 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; } .text-block-16 { color: var(--_fonts---color--light-blue-grey); } .flex-block-21 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .flex-block-22 { grid-column-gap: 60px; grid-row-gap: 60px; flex: 0 auto; justify-content: space-between; align-self: stretch; align-items: flex-start; } .link { color: var(--_fonts---color--light-blue); font-size: var(--_fonts---font-size--core); text-decoration: none; } .text-block-17 { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--bigger); margin-bottom: 0; } .flex-block-23 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; } .flex-block-24 { grid-column-gap: 40px; grid-row-gap: 40px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 1; padding: 30px 40px; } .flex-block-25 { grid-column-gap: 20px; grid-row-gap: 20px; } .link-block-6 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); text-decoration: none; } .link-block-6:hover { color: var(--_button---primary); } .flex-block-26 { grid-column-gap: 22px; grid-row-gap: 22px; flex: 1; min-width: 140px; } .flex-block-27 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; align-self: stretch; height: 300px; overflow: hidden; } .heading-4 { align-self: stretch; margin-top: 0; margin-bottom: 0; } .flex-block-28 { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--_round---big-20); background-color: var(--white); min-width: 440px; padding: 30px; } .form-block-4 { align-self: stretch; margin-bottom: 0; } .select { border: 1px solid var(--grey); border-radius: var(--_round---supersmall-4); background-color: var(--white); color: var(--_fonts---color--grey); height: 46px; margin-bottom: 12px; padding: 12px 24px; } .text-block-18 { color: var(--red); font-size: var(--_fonts---font-size--bigger); font-weight: 600; } .flex-block-29 { grid-column-gap: 25px; grid-row-gap: 25px; justify-content: flex-start; align-items: center; } .heading-5 { margin-top: 0; margin-bottom: 0; } .div-block-10 { justify-content: space-between; align-items: center; margin-top: 30px; display: flex; } .container2 { justify-content: space-between; align-items: center; width: 100%; max-width: 1920px; padding: 40px 60px; display: flex; } .container2.nav { padding-top: 0; } .container2.info { background-color: var(--_fonts---color--white); padding-top: 30px; padding-bottom: 30px; } .container2.subscribe, .container2.footer { background-color: var(--back); padding-top: 60px; padding-bottom: 60px; } .div-block-11 { grid-column-gap: 40px; grid-row-gap: 40px; border-radius: var(--_round---big-20); background-image: url('../images/special.png'); background-position: 0 0; background-size: cover; flex: 1; justify-content: space-between; align-self: stretch; align-items: center; max-width: 100%; padding: 60px 40px; display: flex; } .heading-6 { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--heading-3); margin-top: 0; margin-bottom: 0; line-height: 120%; } .text-block-19 { color: var(--white); font-size: var(--_fonts---font-size--core); font-weight: 400; line-height: 140%; } .flex-block-30 { grid-column-gap: 10px; grid-row-gap: 10px; max-width: 540px; } .flex-block-31 { justify-content: space-between; align-self: stretch; align-items: center; } .div-block-12 { border-radius: var(--_round---big-20); background-color: var(--white); flex: 1; justify-content: flex-start; align-items: flex-start; min-width: 240px; height: 140px; padding-top: 0; padding-left: 0; display: flex; overflow: hidden; } .div-block-12.small { min-width: 240px; } .heading-7 { z-index: 999; color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); width: 160px; margin-top: 30px; margin-bottom: 0; margin-left: 30px; line-height: 130%; position: absolute; } .news { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; min-width: 350px; padding: 30px; display: flex; } .news:hover { box-shadow: 0 0 10px #00000026; } .heading_news { font-size: var(--_fonts---font-size--bigger); margin-top: 0; margin-bottom: 0; line-height: 130%; } .text-block-20 { color: var(--_fonts---color--grey); font-size: var(--_fonts---font-size--small-font-size); } .div-block-13 { border-radius: var(--_round---big-20); background-color: var(--_fonts---color--light-blue-grey); background-image: url('../images/logo_round_KK.png'); background-position: 0 0; background-size: cover; width: 28px; height: 28px; } .flex-block-32 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; } .flex-block-33 { justify-content: space-between; align-self: stretch; align-items: center; } .div-block-14, .image-6 { width: 20px; height: 20px; } .flex-block-34 { grid-column-gap: 8px; grid-row-gap: 8px; } .div-block-15 { border-radius: var(--_round---normal); flex: 1; align-self: stretch; overflow: hidden; } .image-7 { width: 100%; height: 100%; } .flex-block-35 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; } .flex-block-6-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; align-self: stretch; overflow: hidden; } .slide-nav { margin-bottom: -55px; display: none; } .right-arrow { justify-content: flex-end; align-items: center; margin-right: 0; padding-right: 40px; display: flex; } .right-arrow:hover { display: flex; } .flex-block-36 { grid-column-gap: 30px; grid-row-gap: 30px; scrollbar-width: none; flex-flow: row; flex: 1; } .heading-8 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); align-self: stretch; margin-top: 0; margin-bottom: 0; margin-left: 20px; } .flex-block-37 { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--white); align-self: stretch; padding: 10px 15px; } .image-8 { width: 22px; height: 22px; } .raiting { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: center; width: 60px; } .flex-block-39 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; flex: 1; display: block; } .flex-block-40 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: space-between; align-self: stretch; align-items: center; padding-left: 15px; padding-right: 15px; } .div-block-16 { background-color: var(--light-grey); align-self: stretch; height: 1px; } .minus-plus { background-color: var(--_button---light-blue); color: var(--_button---black); border-radius: 4px; flex: none; justify-content: center; align-self: center; align-items: center; width: 20px; height: 20px; display: block; } .minus-plus:hover { background-color: var(--_fonts---color--green); color: var(--_button---color); } .minus-plus:active { color: #fff; } .input-pcs { border: 1px solid var(--grey); background-color: var(--white); border-radius: 4px; justify-content: center; align-items: center; width: 36px; height: 32px; display: flex; } .pcs { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: block; } .flex-block-42 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-self: stretch; align-items: center; } .flex-block-43 { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: row; justify-content: space-between; align-self: stretch; align-items: center; } .flex-block-44 { grid-column-gap: 10px; grid-row-gap: 10px; flex: 1; } .heading-9 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--small-font-size); height: 20px; margin-top: 0; margin-bottom: 0; font-weight: 700; } .text-block-21 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); align-self: stretch; overflow: hidden; } .text-block-22 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); align-self: auto; width: 28px; font-weight: 600; } .flex-block-45 { grid-column-gap: 15px; grid-row-gap: 15px; flex: 1; justify-content: flex-start; align-items: center; } .text-block-23 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--supersmall); } .text-block-24 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--small-font-size); font-weight: 700; } .core-product-search { box-sizing: content-box; grid-column-gap: 20px; grid-row-gap: 20px; scrollbar-width: none; flex-flow: row; justify-content: space-between; align-self: stretch; align-items: flex-start; margin: -20px 0 -20px -20px; padding: 20px 0 20px 20px; overflow: scroll; } .div-block-19 { background-color: #fff; border-radius: 50px; padding: 10px; position: static; } .image-9 { max-width: 22px; } .heading-10 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); margin-top: 0; margin-bottom: 0; } .heading-10.brand { color: var(--_fonts---color--green); } .heading-10.name { color: var(--green); margin-right: 5px; } .flex-block-47 { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: row; flex: 1; align-self: auto; } .image-10 { object-fit: contain; align-self: stretch; width: 100px; height: 72px; } .div-block-20 { border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 0 auto; justify-content: center; align-self: auto; align-items: center; padding: 10px; display: flex; } .core-product { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; flex: 1; justify-content: flex-end; align-self: stretch; align-items: flex-start; } .product-item-search { grid-column-gap: 20px; grid-row-gap: 20px; border-bottom: 1px solid var(--light-grey); background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; padding: 6px 20px; } .product-item-search:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .product-item-search.last { border-bottom-style: none; } .product-item-search.special { background-color: var(--light-green); } .product-list-search { border-radius: var(--_round---normal); background-color: var(--white); flex: 1; align-self: stretch; padding: 8px; } .info-block-search { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; justify-content: flex-start; align-items: center; } .pcs-search { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); width: 100px; } .delivery-time-search { font-size: var(--_fonts---font-size--core); width: 120px; max-height: 40px; overflow: hidden; } .price { font-size: var(--_fonts---font-size--core); text-align: right; width: 150px; font-weight: 600; } .price.opencard { width: 70px; } .add-to-cart-block { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; justify-content: flex-start; align-items: center; } .info-block-product-card-search { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; width: 110px; } .item-recommend { grid-column-gap: 14px; grid-row-gap: 14px; justify-content: flex-start; align-items: center; width: 30px; height: 30px; } .text-block-25 { color: var(--_fonts---color--black); display: block; } .image-11 { max-width: 18px; } .image-12 { max-width: 20px; } .button-icon { border-radius: var(--_round---small-8); background-color: var(--_button---primary); color: var(--white); padding: 8px 10px; } .button-icon:hover { background-color: var(--_button---hover-red); } .text-block-26 { color: var(--_fonts---color--grey); font-size: var(--_fonts---font-size--small-font-size); text-align: center; } .flex-block-48 { grid-column-gap: 16px; grid-row-gap: 16px; flex: 1; align-self: stretch; } .sort-list { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-self: stretch; align-items: center; padding-left: 20px; padding-right: 183px; } .sort-item { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); width: 110px; } .sort-item.first { width: 58px; } .sort-item.price { width: 100px; font-weight: 400; } .sort-item.price.card { width: 70px; } .flex-block-49 { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: flex-start; align-items: center; } .show-more-search { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-self: stretch; align-items: center; } .text-block-27 { color: var(--_fonts---color--black); } .flex-block-50 { flex: 1; margin-top: 7px; } .heading-11 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--heading-2); margin-top: 0; margin-bottom: 0; font-weight: 600; } .text-block-5-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); margin-bottom: 5px; font-weight: 600; } .bold-text { color: var(--_button---primary); } .pcs-card { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); text-align: left; width: 60px; max-height: 40px; overflow: hidden; } .adress-card { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); flex: 1; width: auto; max-width: 220px; max-height: 40px; overflow: hidden; } .product-item-card { grid-column-gap: 20px; grid-row-gap: 20px; border-bottom: 1px solid var(--light-grey); background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; padding: 6px 15px; } .product-item-card:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .product-item-card.last { border-bottom-style: none; } .product-item-card.special { background-color: var(--light-green); } .description-item { grid-column-gap: 30px; grid-row-gap: 30px; border-radius: var(--_round---normal); background-color: var(--white); flex: 1; align-self: stretch; margin-top: 14px; padding: 28px; } .flex-block-51 { border-bottom: 2px solid var(--light-grey); align-self: stretch; margin-bottom: 0; padding-bottom: 0; } .tab_card { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); padding-bottom: 18px; padding-left: 18px; padding-right: 18px; font-weight: 600; } .tab_card:hover { border-bottom: 3px solid var(--_button---primary); margin-bottom: -3px; } .tab_card-activ { border-bottom: 3px solid var(--_button---primary); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); margin-bottom: -3px; padding-bottom: 18px; padding-left: 18px; padding-right: 18px; font-weight: 600; } .tab_card-activ:hover { border-bottom: 3px solid var(--_button---primary); margin-bottom: -3px; } .flex-block-52 { grid-column-gap: 60px; grid-row-gap: 60px; align-self: stretch; } .flex-block-53 { grid-column-gap: 10px; grid-row-gap: 10px; flex: 1; } .flex-block-54 { flex: 1; } .flex-block-55 { justify-content: space-between; align-self: stretch; align-items: flex-start; } .text-block-28 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); text-align: right; } .text-block-29 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); } .flex-block-14-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: auto; align-items: flex-start; margin-bottom: 80px; display: flex; } .image-10-copy { align-self: stretch; width: 280px; height: 243px; } .flex-block-56 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; align-self: stretch; } .small-img { border-radius: var(--_round---normal); background-color: var(--white); align-self: stretch; width: 92px; height: 78px; } .core-product-card { grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; justify-content: flex-start; align-self: stretch; align-items: flex-start; max-width: 100%; margin-bottom: 30px; } .cart-list { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: auto; align-items: flex-start; max-width: 100%; margin-bottom: 80px; display: flex; } .cart-item { grid-column-gap: 20px; grid-row-gap: 20px; background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; padding: 3px 20px; } .cart-item:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .cart-item.last { border-bottom-style: none; } .cart-item.special { background-color: var(--light-green); } .heading-9-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); max-height: 40px; margin-top: 0; margin-bottom: 0; font-weight: 700; line-height: 20px; } .text-block-21-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); max-height: 40px; overflow: hidden; } .flex-block-39-copy { flex-flow: column; flex: 1; display: flex; } .text-field-copy { background-color: #0000; border: 1px #000; border-radius: 0; flex: 1; max-height: 34px; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0 15px; } .heading-9-copy-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); text-align: right; width: 100px; margin-top: 0; margin-bottom: 0; font-weight: 700; } .text-block-21-copy-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--supersmall); text-align: right; } .cart-ditail { grid-column-gap: 10px; grid-row-gap: 10px; width: 300px; } .flex-block-39-copy-copy { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; flex: 0 auto; display: block; } .form-block-copy { border-radius: var(--_round---small-8); flex: 1; max-width: 180px; max-height: 36px; margin-bottom: 0; padding: 0; } .form-block-copy.big { padding-top: 5px; padding-bottom: 5px; } .form-copy { border: 1px solid var(--grey); border-radius: var(--_round---small-8); background-color: var(--white); flex: 1; justify-content: flex-end; align-self: stretch; align-items: center; height: 100%; max-height: 36px; padding-top: 0; padding-bottom: 0; display: flex; } .control-element { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; flex: 0 auto; justify-content: flex-start; align-items: center; margin-left: 10px; display: flex; } .image-13 { width: 18px; height: 18px; } .block-detail { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: row; flex: 0 auto; display: flex; } .div-block-21 { border-top: 1px solid var(--light-grey); align-self: stretch; padding-top: 6px; padding-bottom: 6px; } .select-all-block { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-items: center; } .text-block-30 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); } .multi-control { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-self: stretch; align-items: center; margin-top: 12px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; } .product-list-cart { border-radius: var(--_round---normal); background-color: var(--white); flex: 0 auto; align-self: stretch; padding: 20px 8px; } .favorite-icon { color: var(--grey); margin-top: 4px; } .favorite-icon:hover { color: var(--_button---primary); } .cart-detail-info { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 0 auto; justify-content: flex-start; align-self: stretch; align-items: flex-start; padding: 30px; display: flex; } .text-block-31 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); } .flex-block-57 { justify-content: space-between; align-self: stretch; align-items: center; } .heading-12 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); margin-top: 0; margin-bottom: 0; } .link-r { color: var(--_button---primary); font-size: var(--_fonts---font-size--core); } .flex-block-58 { grid-column-gap: 5px; grid-row-gap: 5px; align-self: stretch; } .text-block-32 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); } .px-line { background-color: var(--light-grey); align-self: stretch; height: 1px; } .px-line.cartstep { margin: 3px 20px; } .flex-block-59 { justify-content: space-between; align-self: stretch; align-items: center; } .text-block-33 { font-size: var(--_fonts---font-size--core); } .flex-block-60 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; } .privacy-consent { grid-column-gap: 10px; grid-row-gap: 10px; } .consent-text { color: var(--_fonts---color--grey); font-size: var(--_fonts---font-size--supersmall); margin-top: 4px; line-height: 18px; } .favorite-item { grid-column-gap: 15px; grid-row-gap: 15px; background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; padding: 5px 15px; } .favorite-item:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .favorite-item.last { border-bottom-style: none; } .favorite-item.special { background-color: var(--light-green); } .brandname { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); width: 120px; margin-top: 0; margin-bottom: 0; font-weight: 700; overflow: hidden; } .block-name { flex-flow: column; flex: 1; display: flex; } .productname_f { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); align-self: auto; width: 160px; height: 24px; padding-top: 2px; display: block; overflow: hidden; } .comments_f { border-radius: var(--_round---small-8); flex: 1; max-width: 180px; max-height: 36px; margin-bottom: 0; padding: 0; } .comments_f.big { padding-top: 5px; padding-bottom: 5px; } .sort-item-brand { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); width: 100px; } .sort-item-brand.first { width: 60px; } .sort-item-brand.price { font-weight: 400; } .flex-block-61 { grid-column-gap: 20px; grid-row-gap: 20px; } .sort-item-name { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); width: 200px; } .sort-item-name.first { width: 60px; } .sort-item-name.price { font-weight: 400; } .sort-item-comments { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); width: 140px; } .sort-item-comments.first { width: 60px; } .sort-item-comments.price { font-weight: 400; } .heading-list { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-self: stretch; align-items: center; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; } .flex-block-62 { border: 1px solid var(--grey); border-radius: var(--_round---small-8); justify-content: space-between; align-self: stretch; align-items: center; padding: 14px 24px; } .code-embed { color: var(--_fonts---color--light-blue-grey); } .flex-block-63 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; } .radio-text { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--small-font-size); flex: 1; } .div-block-22 { border: 1px solid var(--grey); border-radius: var(--_round---big-20); width: 20px; height: 20px; } .div-block-22:hover { border-color: var(--_button---primary); } .flex-block-64 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-self: stretch; align-items: center; } .tag-button { border-radius: var(--_round---small-8); background-color: var(--background); color: var(--_fonts---color--black); padding: 8px 16px; } .tag-button:hover { background-color: var(--_button---primary); color: var(--_fonts---color--white); } .tag-text { font-size: var(--_fonts---font-size--small-font-size); font-weight: 400; } .flex-block-65 { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: wrap; } .flex-block-66 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; } .code-embed-2 { color: var(--red); flex: none; width: 14px; height: 14px; margin-right: 0; } .cart-item-check { grid-column-gap: 20px; grid-row-gap: 20px; border-bottom: 1px solid var(--light-blue); background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; margin-bottom: 3px; padding: 8px 20px; } .cart-item-check:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .cart-item-check.last { border-bottom-style: none; } .cart-item-check.special { background-color: var(--light-green); } .cart-item-check.last-child { border-bottom-style: none; margin-bottom: 0; } .pcs-text { color: var(--_fonts---color--grey); font-size: var(--_fonts---font-size--small-font-size); text-align: left; width: 60px; } .text-block-34 { height: 36px; } .text-block-35 { color: var(--_fonts---color--black); justify-content: center; align-items: center; width: 20px; display: flex; } .div-block-21-copy { border-bottom: 1px solid var(--light-grey); align-self: stretch; padding-top: 6px; padding-bottom: 6px; } .product-list-cart-check { border-radius: var(--_round---normal); background-color: var(--white); flex: 1; align-self: stretch; padding: 8px; } .main-news { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; align-self: stretch; margin-bottom: 60px; } .menu-category { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; align-self: stretch; margin-bottom: 20px; padding-bottom: 0; } .tab-menu-category { border-bottom: 3px solid var(--grey); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); padding-bottom: 18px; padding-left: 18px; padding-right: 18px; font-weight: 600; } .tab-menu-category:hover { border-bottom: 3px solid var(--_button---primary); margin-bottom: -3px; } .tab-menu-category-activ { border-bottom: 3px solid var(--_button---primary); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); padding-bottom: 18px; padding-left: 18px; padding-right: 18px; font-weight: 600; } .tab-menu-category-activ:hover { border-bottom: 3px solid var(--_button---primary); margin-bottom: -3px; } .flex-block-67 { grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column; flex: 1; max-width: 100%; margin-bottom: 80px; } .image-14 { max-width: 830px; } .flex-block-68 { grid-column-gap: 60px; grid-row-gap: 60px; flex: 1; } .flex-block-69 { grid-column-gap: 60px; grid-row-gap: 60px; flex-flow: column-reverse; justify-content: flex-start; align-self: stretch; align-items: center; } .text-block-36 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); flex: 1; line-height: 140%; overflow: auto; } .flex-block-69-copy { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-self: stretch; align-items: flex-start; max-width: 100%; } .heading-13 { font-size: var(--_fonts---font-size--heading-2); width: 100%; margin-top: 0; margin-bottom: 0; } .flex-block-68-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; flex: 1; } .heading-14 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--heading-3); margin-top: 0; margin-bottom: 0; font-weight: 600; } .text-block-37 { font-size: var(--_fonts---font-size--core); font-weight: 400; line-height: 140%; } .flex-block-70 { grid-column-gap: 15px; grid-row-gap: 15px; border-radius: var(--_round---big-20); background-color: var(--white); flex: 1; align-self: stretch; max-width: 400px; padding: 30px; } .flex-block-71 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; flex: 1; align-self: auto; margin-top: 0; } .text-block-38 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); flex: 1; line-height: 140%; } .flex-block-72 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; align-self: stretch; max-width: 100%; } .flex-block-73 { grid-column-gap: 14px; grid-row-gap: 14px; border: 1px solid var(--grey); border-radius: var(--_round---big-20); flex-flow: row; align-self: stretch; max-width: 540px; padding: 40px; } .flex-block-74 { grid-column-gap: 14px; grid-row-gap: 14px; flex-flow: column; } .form-3-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; } .flex-block-73-copy { grid-column-gap: 14px; grid-row-gap: 14px; border: 1px solid var(--grey); border-radius: var(--_round---big-20); flex-flow: column; max-width: 540px; padding: 40px; } .flex-block-75 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: wrap; justify-content: flex-start; align-self: stretch; align-items: flex-start; } .code-embed-3 { color: var(--_button---primary); width: 24px; height: 24px; } .flex-block-73-copy-copy { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 1; align-self: stretch; min-width: 345px; max-width: 540px; padding: 40px; } .code-embed-3-white { color: var(--white); width: 24px; height: 24px; } .flex-block-73-copy-copy-red { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-color: var(--_button---primary); flex-flow: column; flex: 1; align-self: stretch; max-width: 540px; padding: 40px; } .heading-14-white { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--heading-3); margin-top: 0; margin-bottom: 0; font-weight: 600; } .text-block-36-white { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--core); line-height: 140%; } .code-embed-4 { color: var(--_button---primary); width: 20px; height: 20px; } .code-embed-5 { width: 26px; height: 20px; } .code-embed-6 { color: var(--_icon---light-blue-grey); width: 20px; height: 20px; } .code-embed-7 { width: 30px; height: 30px; } .code-embed-8 { color: var(--_button---primary); width: 30px; height: 30px; } .pcs-info { background-color: var(--red); border-radius: 20px; width: 18px; height: 18px; position: absolute; inset: 4px auto auto 34px; } .text-block-39 { text-align: center; font-size: 10px; font-weight: 700; } .menu-button-2 { grid-column-gap: 6px; grid-row-gap: 6px; justify-content: space-between; align-items: center; padding: 20px; display: flex; } .text-block-40 { font-size: var(--_fonts---font-size--bigger); align-self: center; } .icon-4 { color: var(--_button---primary); font-size: var(--_fonts---font-size--heading-2); } .flex-block-76 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: flex-start; align-self: auto; align-items: center; } .flex-block-77 { grid-column-gap: 5px; grid-row-gap: 5px; } .flex-block-18-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; justify-content: space-between; align-self: stretch; align-items: center; } .phone-copy { font-family: var(--_fonts---font-family); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); } .flex-block-78 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; justify-content: space-between; align-self: stretch; align-items: center; } .flex-block-79 { align-self: stretch; } .flex-block-80 { grid-column-gap: 20px; grid-row-gap: 20px; } .flex-block-81 { flex: 1; justify-content: space-between; align-items: center; } .flex-block-82 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .core-product-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; flex: 0 auto; justify-content: flex-start; align-self: auto; align-items: flex-start; max-width: 300px; } .core-product-search-copy { grid-column-gap: 20px; grid-row-gap: 20px; scrollbar-width: none; flex-flow: wrap; justify-content: space-between; align-self: stretch; align-items: flex-start; height: 410px; overflow: scroll; } .raiting-copy { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: center; width: 58px; } .pcs-copy { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: none; } .item-recommend-copy { grid-column-gap: 14px; grid-row-gap: 14px; justify-content: flex-start; align-items: center; width: 30px; height: 30px; } .text-block-21-copy-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); overflow: hidden; } .sort-item-brand-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); width: 100px; } .sort-item-brand-copy.first { width: 60px; } .sort-item-brand-copy.price { font-weight: 400; } .heading-15 { width: 100%; margin-top: 0; margin-bottom: 0; } .div-block-24 { border-radius: var(--_round---small-8); background-color: var(--light-blue); padding: 12px 22px; } .text-block-41, .text-block-42, .text-block-43, .text-block-44, .text-block-45, .text-block-46 { font-size: var(--_fonts---font-size--small-font-size); } .flex-block-83 { grid-column-gap: 40px; grid-row-gap: 40px; margin-top: 20px; } .flex-block-84 { display: none; } .code-embed-10 { color: var(--white); width: 16px; height: 16px; display: block; } .flex-block-77-copy { grid-column-gap: 5px; grid-row-gap: 5px; } .flex-block-18-copy-copy { flex: 1; justify-content: space-between; align-self: stretch; align-items: flex-start; } .section { background-color: var(--white); } .link-block-4-copy { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--_button---primary); color: var(--_fonts---color--white); flex: 1; justify-content: center; align-self: stretch; align-items: center; padding: 12px 20px; text-decoration: none; display: flex; } .link-block-4-copy:hover { background-color: var(--_button---hover-red); } .heading-8-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); align-self: stretch; margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 15px; padding-right: 15px; } .dropdown-toggle-2 { grid-column-gap: 8px; grid-row-gap: 8px; border-radius: var(--_round---small-8); background-color: var(--_button---hover-dark_blue); justify-content: flex-start; align-items: center; padding: 10px 15px; display: flex; } .dropdown-toggle-2.w--open { border-radius: var(--_round---small-8); background-color: var(--_button---hover-dark_blue); padding: 10px 15px; } .dropdown-3 { margin-left: 0; margin-right: 0; padding: 0; display: none; } .dropdown-list-3 { color: #333; } .dropdown-list-3.w--open { border-radius: var(--_round---small-8); background-color: var(--_button---hover-dark_blue); color: var(--_fonts---color--white); margin-top: 5px; } .dropdown-link-2 { color: var(--white); } .heading-9-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--small-font-size); height: 20px; margin-top: 0; margin-bottom: 0; font-weight: 700; } .info-block-search-copy { grid-column-gap: 15px; grid-row-gap: 15px; flex: 1; justify-content: flex-start; align-items: center; } .heading-9-copy-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); margin-top: 0; margin-bottom: 0; font-weight: 700; line-height: 20px; } .section-2 { background-color: var(--back); flex-flow: column; justify-content: flex-start; align-items: center; padding-left: 60px; padding-right: 60px; display: flex; } .code-embed-11 { width: 16px; height: 16px; } .checkbox { display: block; } .mobile-block { grid-column-gap: 8px; grid-row-gap: 8px; flex-flow: column; justify-content: flex-start; align-items: center; width: 60px; } .flex-block-87 { grid-column-gap: 40px; grid-row-gap: 40px; flex: 1; justify-content: space-between; align-items: center; } .mobile-menu-bottom { justify-content: space-between; align-items: center; width: 100%; max-width: 1920px; padding: 10px 60px; display: flex; } .mobile-menu-bottom.nav { padding-top: 0; } .mobile-menu-bottom.info { padding-top: 30px; padding-bottom: 30px; } .mobile-menu-bottom.subscribe, .mobile-menu-bottom.footer { background-color: var(--back); padding-top: 60px; padding-bottom: 60px; } .mobile-menu-buttom-section { z-index: 9999999; background-color: var(--white); display: none; position: fixed; inset: auto 0% 0%; } .name-mobile-menu-item { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); align-self: auto; font-weight: 600; } .n { font-size: var(--_fonts---font-size--core); text-decoration: none; } .button-for-mobile-menu-block { grid-column-gap: 8px; grid-row-gap: 8px; border-radius: var(--_button---round-12px); background-color: var(--_button---dark_blue); color: var(--_fonts---color--white); cursor: pointer; justify-content: flex-start; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; position: relative; } .button-for-mobile-menu-block:hover { background-color: var(--_button---hover-dark_blue); } .button-for-mobile-menu-block.login { background-color: var(--_fonts---color--white); color: var(--_fonts---color--black); } .icon_favorite { width: 30px; height: 30px; } .icon-setting { flex: 1; align-self: stretch; } .div-block-25 { width: 20px; height: 20px; } .info-satus { background-color: var(--red); border-radius: 20px; width: 18px; height: 18px; position: absolute; inset: 4px auto auto 34px; } .section-3 { background-color: var(--back-dark); flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; padding-left: 60px; padding-right: 60px; display: flex; } .core-product-card-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; justify-content: flex-start; align-self: stretch; align-items: flex-start; margin-bottom: 30px; } .code-embed-12 { width: 100%; height: 100%; } .div-block-26 { width: 18px; height: 18px; } .div-block-27 { color: #f8bd00; width: 22px; height: 22px; } .div-block-28 { background-color: var(--background); height: auto; margin-top: 60px; padding-bottom: 60px; padding-left: 60px; position: absolute; bottom: auto; left: 0%; right: 0%; } .link-block-7 { grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: var(--_round---small-8); border-bottom-left-radius: var(--_round---small-8); color: var(--black); font-size: var(--_fonts---font-size--bigger); border-right: 2px solid #0000; justify-content: flex-start; align-self: stretch; align-items: center; padding: 15px 20px; font-weight: 600; text-decoration: none; display: flex; } .link-block-7:hover { border-right-color: var(--_button---primary); background-color: var(--white); } .link-block-7.special { color: var(--_button---primary); } .div-block-29 { color: var(--_icon---light-blue-grey); width: 24px; height: 24px; margin-top: -2px; } .div-block-29.special { color: var(--_button---primary); } .text-block-47 { text-align: left; flex: 1; } .flex-block-88 { padding-top: 20px; padding-bottom: 20px; } .flex-block-89 { background-color: var(--white); flex: 1; justify-content: flex-start; align-self: stretch; align-items: flex-start; padding: 40px 60px 60px 40px; } .flex-block-90 { height: auto; display: none; } .heading-16 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--heading-2); margin-top: 0; margin-bottom: 0; } .link-2 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); text-align: left; line-height: 130%; text-decoration: none; } .link-2:hover { color: var(--_button---primary); } .flex-block-91 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; } .flex-block-92 { grid-column-gap: 40px; grid-row-gap: 40px; flex: 0 auto; align-self: stretch; margin-top: 40px; } .image-17 { object-fit: cover; width: 280px; max-width: none; height: 140px; } .flex-block-91-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; } .nav-menu-3 { z-index: 99999999; background-color: #0000; width: 100%; height: auto; display: none; position: absolute; left: auto; } .section-4 { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; height: auto; margin-left: 0; margin-right: 0; display: flex; } .tabs-menu { flex-flow: column; margin-top: 20px; display: flex; } .tabs { display: flex; } .tabs-content { flex: 1; } .tab-link-tab-1 { padding-left: 20px; } .tab-link-tab-1.w--current { grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: var(--_round---small-8); border-bottom-left-radius: var(--_round---small-8); font-size: var(--_fonts---font-size--bigger); background-color: #0000; border-right: 2px solid #0000; justify-content: flex-start; align-items: center; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; font-weight: 600; display: flex; } .tab-link { grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: var(--_round---small-8); border-bottom-left-radius: var(--_round---small-8); color: var(--black); font-size: var(--_fonts---font-size--bigger); background-color: #0000; border-right: 2px solid #0000; justify-content: flex-start; align-items: center; padding: 15px 20px; font-weight: 600; display: flex; } .tab-link:hover, .tab-link.w--current { border-right-color: var(--_button---primary); background-color: var(--white); } .flex-block-93 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; justify-content: space-between; align-items: center; padding-top: 10px; padding-bottom: 10px; } .text-block-48, .text-block-49 { flex: 1; } .sort-list-card { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-self: stretch; align-items: center; padding-left: 20px; padding-right: 80px; } .div-block-30 { margin-left: 130px; } .flex-block-49-copy { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .price-in-cart-s1 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); text-align: right; max-width: 100px; margin-top: 0; margin-bottom: 0; font-weight: 700; } .delivery-cart-s1 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); margin-top: 0; margin-bottom: 0; font-weight: 700; line-height: 20px; } .price-1-pcs-cart-s1 { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--supersmall); text-align: right; min-width: 100px; } .pcs-cart-s1 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .add-to-cart-block-s2 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; justify-content: flex-start; align-items: center; } .core-product-search-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; overflow: scroll; } .pcs-re { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .core-product-search-s1 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; max-width: 100%; } .product-item-search-s1 { grid-column-gap: 20px; grid-row-gap: 20px; border-bottom: 1px solid var(--light-grey); background-color: var(--white); justify-content: space-between; align-self: stretch; align-items: center; max-width: 100%; padding: 6px 20px; } .product-item-search-s1:hover { border-bottom-color: var(--light-blue); border-radius: var(--_round---small-8); background-color: var(--light-blue); } .product-item-search-s1.last { border-bottom-style: none; } .product-item-search-s1.special { background-color: var(--light-green); } .info-block-search-s1 { grid-column-gap: 15px; grid-row-gap: 15px; flex: 0 auto; justify-content: flex-start; align-items: center; } .info-block-product-card-search-s1 { grid-column-gap: 10px; grid-row-gap: 10px; justify-content: center; align-items: center; } .price-s1 { font-size: var(--_fonts---font-size--core); text-align: right; width: 100px; font-weight: 600; } .price-s1.opencard { width: 70px; } .flex-block-14-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: auto; align-items: flex-start; max-width: 100%; margin-bottom: 80px; display: flex; } .flex-block-13-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; max-width: 100%; } .core-product-s1 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row-reverse; flex: 1; justify-content: flex-end; align-self: stretch; align-items: center; max-width: 100%; } .flex-block-48-copy { grid-column-gap: 16px; grid-row-gap: 16px; flex: 1; align-self: stretch; max-width: 100%; } .sort-list-s1 { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-self: stretch; align-items: center; max-width: 100%; padding-left: 20px; padding-right: 205px; } .product-list-search-s1 { border-radius: var(--_round---normal); background-color: var(--white); flex: 1; align-self: stretch; max-width: 100%; padding: 8px; } .core-product-search-s2 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; max-width: 100%; overflow: scroll; } .pcs-search-s1 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); width: 100px; } .text-block-25-s1 { color: var(--_fonts---color--black); display: block; } .pcs-re-s1 { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: flex-start; align-items: center; display: flex; } .add-to-cart-block-s1 { grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; justify-content: flex-start; align-items: center; } .flex-block-15-copy { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--white); flex: 1; justify-content: flex-start; align-items: center; min-width: 220px; max-width: 256px; padding: 15px; } .flex-block-15-copy:hover { box-shadow: 0 0 15px #0000004d; } .flex-block-15-copy.end { display: none; } .flex-block-14-copy-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-self: auto; align-items: flex-start; margin-bottom: 80px; display: flex; } .add-to-cart-block-copy { grid-column-gap: 20px; grid-row-gap: 20px; grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; justify-content: flex-start; align-items: center; } .control-element-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; flex: 0 auto; justify-content: flex-start; align-items: center; margin-left: 10px; display: flex; } .core-product-copy-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; flex: 0 auto; justify-content: flex-start; align-self: auto; align-items: flex-start; max-width: 300px; } .flex-block-94 { justify-content: space-between; align-self: stretch; align-items: center; max-width: 100%; } .div-block-31 { border: 1px solid var(--_button---light-grey); border-radius: var(--_round---normal); padding: 20px; } .image-18 { height: 30px; } .desc-wholesale { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 1; align-self: stretch; min-width: 345px; padding: 40px; } .flex-block-95 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; grid-template-rows: auto auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-self: stretch; margin-top: 20px; margin-bottom: 20px; display: grid; } .image-wholesale { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-image: url('../images/thx.jpg'); background-position: 50%; background-size: auto; flex-flow: column; flex: 1; align-self: stretch; padding: 40px; } .heading-14-copy { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--heading-3); margin-top: 0; margin-bottom: 0; font-weight: 600; } .div-block-32 { color: var(--_button---primary); width: 34px; height: 34px; } .why-wholesale { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; margin-top: 20px; display: grid; } .service-wholesale { border-radius: var(--_round---small-8); background-color: var(--red); color: var(--_fonts---color--white); padding: 12px 22px; } .flex-block-96 { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: wrap; justify-content: flex-start; align-self: stretch; align-items: center; padding: 30px; } .service-wholesale-block { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: flex-start; align-self: stretch; align-items: flex-start; max-width: 100%; } .div-block-33 { color: var(--_button---primary); width: 40px; height: 40px; } .text-block-50 { flex: 1; } .text-span, .text-span-2, .text-span-3 { color: var(--_button---primary); } .flex-block-71-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; flex: 1; align-self: auto; margin-top: 0; } .text-block-36-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); flex: 1; line-height: 140%; } .flex-block-74-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; } .flex-block-75-copy { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; justify-content: flex-start; align-self: stretch; align-items: flex-start; margin-bottom: 20px; } .flex-block-97 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; align-self: stretch; } .map-contacts { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); flex-flow: column; flex: 1; align-self: stretch; overflow: hidden; } .map { flex: 1; align-self: stretch; } .phone-contacts { color: var(--_button---primary); width: 20px; height: 20px; } .flex-block-98 { align-self: stretch; } .lastnews { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; align-self: auto; max-width: 360px; } .contentnews { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 0 auto; align-self: stretch; min-width: 345px; padding: 40px; } .h3nrws { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--heading-3); margin-top: 0; margin-bottom: 0; font-weight: 400; } .list { margin-bottom: 0; padding-left: 20px; } .list-item { margin-bottom: 10px; } .image-19 { border-radius: var(--_round---normal); object-fit: contain; width: 100%; } .submit-button-s { border-radius: var(--_round---normal); background-color: var(--_button---primary); font-size: var(--_fonts---font-size--core); padding: 14px 30px; } .submit-button-s.fill { justify-content: center; align-self: stretch; align-items: center; display: flex; } .flex-block-6-copy-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: row; flex: 0 auto; justify-content: space-between; align-self: stretch; align-items: center; margin: -20px; padding: 20px; overflow: hidden; } .mask { width: 100%; } .div-block-34 { border: 1px solid var(--light-blue); background-color: var(--white); opacity: 0; color: var(--back); border-radius: 100px; flex: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; } .div-block-34:hover { background-color: var(--_button---primary); color: var(--white); border-style: none; } .div-block-34.right { transform: rotate(180deg); } .heading-17 { color: var(--_fonts---color--white); margin-top: 0; margin-bottom: 0; font-size: 54px; font-weight: 800; line-height: 120%; } .text-block-51 { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--bigger); line-height: 140%; } .flex-block-99 { grid-column-gap: 30px; grid-row-gap: 30px; flex: 1; justify-content: center; align-items: flex-start; max-width: 55%; margin-bottom: 40px; } .flex-block-100 { justify-content: space-between; align-items: flex-start; height: 100%; padding: 40px; } .flex-block-101 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-self: stretch; align-items: flex-start; } .flex-block-102 { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--_round---normal); background-color: var(--back-dark); justify-content: flex-start; align-items: center; padding: 12px 20px; } .text-block-52 { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--core); } .image-20 { object-fit: contain; width: 36px; height: 36px; } .image-21 { z-index: 10; margin-left: 240px; } .div-block-35 { width: 800px; margin-top: 60px; position: absolute; inset: 0% 0% auto auto; overflow: clip; } .flex-block-6-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; grid-template: ". ." ". ." "Area Area" / 1fr 1fr; grid-auto-columns: 1fr; align-self: stretch; display: flex; } .container2-copy { justify-content: space-between; align-items: center; width: 100%; max-width: 1580px; padding: 40px 60px; display: flex; } .container2-copy.nav { padding-top: 0; } .container2-copy.info { background-color: var(--_fonts---color--white); padding-top: 30px; padding-bottom: 30px; } .container2-copy.subscribe, .container2-copy.footer { background-color: var(--back); padding-top: 60px; padding-bottom: 60px; } .div-block-12-copy { border-radius: var(--_round---big-20); background-color: #ffc400; flex: 1; justify-content: flex-start; align-items: flex-start; min-width: 240px; height: 140px; display: flex; overflow: hidden; } .div-block-12-copy.small { min-width: 340px; } .div-block-123 { border-radius: var(--_round---big-20); background-color: #d83b9c; flex: 1; justify-content: flex-start; align-items: flex-start; height: 140px; display: flex; overflow: hidden; } .div-block-123.small { min-width: 340px; } .heading-7-white { z-index: 999; color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--bigger); width: 200px; margin-top: 30px; margin-bottom: 0; margin-left: 30px; line-height: 130%; position: absolute; } .div-block-red { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/IMG_1.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: contain; background-attachment: scroll; flex: 1; min-width: 480px; height: 260px; padding-top: 30px; padding-left: 30px; } .div-block-red.small { background-color: var(--_button---primary); background-image: none; justify-content: flex-start; align-items: flex-start; min-width: 240px; height: 140px; padding-top: 0; padding-left: 0; display: flex; overflow: hidden; } .image-22 { box-sizing: border-box; object-fit: contain; object-position: 100% 100%; max-width: 80%; height: 100%; margin-left: auto; margin-right: 0; display: block; position: relative; top: auto; bottom: 0; right: 0; overflow: clip; } .section-5 { margin-left: 0; margin-right: 0; } .section-info { background-color: var(--white); flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; padding-left: 60px; padding-right: 60px; display: flex; } .catc { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---small-8); background-color: var(--_button---primary); color: var(--_fonts---color--white); flex: 1; justify-content: center; align-self: stretch; align-items: center; padding: 8px 20px; text-decoration: none; display: flex; } .catc:hover { background-color: var(--_button---hover-red); } .code-embed-3-copy { color: var(--_button---primary); width: 24px; height: 24px; margin-top: -3px; } .image-24 { max-width: 190px; } .text-block-4-copy { font-family: var(--_fonts---font-family); color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); margin-bottom: 5px; padding-bottom: 0; } .submit-button-copy { border-radius: var(--_round---normal); background-color: var(--_button---primary); font-size: var(--_fonts---font-size--core); flex: none; padding: 14px 30px; } .submit-button-copy.fill { justify-content: center; align-self: stretch; align-items: center; padding-top: 15px; padding-bottom: 15px; display: flex; } .text-block-14-copy { color: #ccdff7; font-size: var(--_fonts---font-size--core); display: block; } .bdel { color: var(--grey); margin-top: 4px; } .bdel:hover { color: var(--_button---primary); } .div-block-124 { justify-content: center; align-items: center; width: 20px; height: 20px; display: flex; } .div-block-125 { background-color: var(--light-blue); align-self: stretch; height: 1px; margin-top: 2px; margin-left: 20px; margin-right: 20px; } .code-embed-13 { flex: none; width: 8px; height: 2px; margin-top: -3px; } .div-block-126 { width: 8px; height: 2px; } .pluspcs { flex: none; width: 20px; height: 20px; } .news-index-block { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; max-width: 100%; margin-top: 20px; margin-bottom: 60px; } .section-6 { padding-left: 60px; padding-right: 60px; } .text-span-4 { color: var(--_button---primary); } .flex-block-103 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; } .thxcontent { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; align-self: stretch; } .thxsubtitle { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--bigger); margin-top: 0; margin-bottom: 0; font-weight: 600; } .image-thx { grid-column-gap: 14px; grid-row-gap: 14px; border-radius: var(--_round---big-20); background-image: url('../images/thx.jpg'); background-position: 50%; background-repeat: no-repeat; background-size: cover; flex-flow: column; flex: 1; align-self: stretch; max-width: 500px; padding: 40px; } .flex-block-104 { grid-column-gap: 20px; grid-row-gap: 20px; } .button_strock-s { border: 1px solid var(--_button---primary); border-radius: var(--_button---round-12px); color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); background-color: #0000; padding: 14px 30px; } .button_strock-s:hover { background-color: var(--red); color: var(--_fonts---color--white); } .txtpthx { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--core); flex: 0 auto; min-width: 220px; line-height: 140%; } .div-block-127 { border: 1px solid var(--_icon---light-blue-grey); color: var(--_icon---light-blue-grey); border-radius: 50px; flex: none; justify-content: center; align-items: center; width: 48px; height: 48px; margin-top: -4px; padding: 8px; display: flex; } .div-block-127:hover { border-color: var(--_button---primary); color: var(--_button---primary); } .headingbi { grid-column-gap: 20px; grid-row-gap: 20px; flex: 0 auto; justify-content: flex-start; align-items: flex-start; } .rightbi { grid-column-gap: 10px; grid-row-gap: 10px; flex: none; justify-content: flex-start; align-items: center; margin-top: 10px; } .flex-block-bi { grid-column-gap: 60px; grid-row-gap: 60px; justify-content: space-between; align-items: flex-start; width: 100%; padding-top: 5px; } .heading-bi { font-family: var(--_fonts---font-family); color: var(--_fonts---color--black); font-size: var(--_fonts---h1); font-weight: var(--_fonts---black-weight); flex: 0 auto; margin-top: 0; margin-bottom: 0; } .text-block-53 { font-size: var(--_fonts---font-size--bigger); font-weight: 700; } .fsfav { border: 1px solid var(--_icon---light-blue-grey); color: var(--_icon---light-blue-grey); border-radius: 50px; flex: none; justify-content: center; align-items: center; width: 36px; height: 36px; margin-top: -4px; padding: 6px; display: flex; } .fsfav:hover { border-color: var(--_button---primary); color: var(--_button---primary); } .favcardcat { border: 1px none var(--_icon---light-blue-grey); background-color: var(--white); color: var(--_fonts---color--white); border-radius: 50px; flex: none; justify-content: center; align-items: center; width: 36px; height: 36px; margin: 0 0 -46px auto; padding: 6px; display: flex; position: relative; inset: 0% 0% auto auto; } .favcardcat:hover { border-color: var(--_button---primary); color: var(--_button---primary); } .flex-block-105, .flex-block-106 { flex: none; } .tabson { grid-column-gap: 20px; grid-row-gap: 20px; display: none; } .code-embed-14 { width: 28px; height: 28px; margin: auto; } .code-embed-15 { margin-top: 20px; position: absolute; } .topnav { background-color: #0000; flex-flow: column; margin-left: 220px; margin-right: 0; display: block; position: static; } .searcj { border-radius: var(--_round---small-8); flex: 1; align-self: stretch; height: 44px; margin-bottom: 0; padding: 0; } .searcj.big { padding-top: 5px; padding-bottom: 5px; } .topmenub { flex-flow: column; justify-content: center; align-items: flex-start; width: 100%; height: auto; margin-top: 0; padding-left: 60px; padding-right: 60px; display: flex; } .tb { justify-content: space-between; align-items: center; width: 100%; min-width: auto; max-width: 1580px; margin-left: auto; margin-right: auto; padding-top: 40px; display: block; } .tb.nav { height: auto; padding-top: 15px; padding-bottom: 15px; } .tb.info { width: 100%; padding-top: 30px; padding-bottom: 30px; } .tb.subscribe { padding-top: 40px; padding-bottom: 40px; } .tb.footer { background-color: var(--back); padding-top: 50px; padding-bottom: 50px; } .link-block-8 { border-radius: var(--_round---supersmall-4); background-color: var(--white); color: #000; font-size: var(--_fonts---font-size--core); flex: none; padding: 4px 8px; text-decoration: none; } .link-block-8.green { background-color: var(--green); color: var(--_fonts---color--white); } .link-block-8.orange { color: var(--_fonts---color--white); background-color: #ff5f00; } .flex-block-107 { grid-column-gap: 10px; grid-row-gap: 10px; overflow: hidden; } .batd { justify-content: space-between; align-items: center; width: 100%; min-width: auto; max-width: 1580px; margin-left: auto; margin-right: auto; display: block; } .batd.nav { height: auto; padding-top: 0; } .batd.info { width: 100%; padding-top: 30px; padding-bottom: 30px; } .batd.subscribe { padding-top: 40px; padding-bottom: 40px; } .batd.footer { background-color: var(--back); padding-top: 50px; padding-bottom: 50px; } .div-block-128 { background-image: url('../images/bannertop.jpg'); background-position: 0%; background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; } .div-block-129 { border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: none; justify-content: flex-start; align-items: flex-start; width: 330px; height: 220px; padding: 30px; display: flex; } .flex-block-108 { grid-column-gap: 18px; grid-row-gap: 18px; justify-content: space-between; align-items: flex-start; overflow: scroll; } .heading-18 { font-size: var(--_fonts---font-size--core); margin-top: 0; margin-bottom: 0; font-weight: 900; } .flex-block-109 { grid-column-gap: 16px; grid-row-gap: 16px; flex: 0 auto; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-self: stretch; align-items: center; height: 30px; padding-top: 0; padding-bottom: 0; display: flex; } .saletag { border-radius: var(--_round---small-8); background-color: var(--green); color: var(--_fonts---color--white); padding: 4px 5px; font-size: 12px; font-weight: 600; } .flex-block-110 { justify-content: flex-start; align-self: stretch; align-items: center; } .flex-block-111 { grid-column-gap: 6px; grid-row-gap: 6px; } .arbd { border: 1px solid var(--light-blue); background-color: var(--white); opacity: 0; color: var(--back); border-radius: 100px; flex: none; justify-content: center; align-items: center; width: 40px; height: 40px; display: flex; } .arbd:hover { background-color: var(--_button---primary); color: var(--white); border-style: none; } .arbd.right { transform: rotate(180deg); } .catnav { flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; padding-top: 40px; padding-left: 60px; padding-right: 60px; display: flex; } .ci1 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .text-block-54 { color: var(--_fonts---color--black); flex: 1; padding-top: 20px; padding-left: 20px; padding-right: 20px; font-weight: 700; line-height: 18px; } .image-25 { margin: auto 0 0 auto; display: block; position: relative; bottom: 0; right: 36px; } .text-block-55 { color: var(--_fonts---color--light-blue-grey); } .flex-block-112 { grid-column-gap: 10px; grid-row-gap: 10px; color: var(--red); margin-top: 10px; } .flex-block-113 { border-radius: var(--_round---big-20); background-color: var(--white); flex: 0 auto; align-self: stretch; padding: 20px; } .button-3 { border-radius: var(--_button---round-12px); background-color: var(--_button---primary); flex: none; justify-content: center; align-items: center; padding: 10px 15px; display: flex; } .button-3:hover { background-color: var(--_button---hover-red); } .button-23 { border-radius: var(--_button---round-12px); background-color: var(--_button---light-blue); color: var(--_fonts---color--black); flex: none; justify-content: center; align-items: center; padding: 10px 25px; display: flex; } .button-23:hover { background-color: var(--_button---primary); color: var(--_fonts---color--white); } .flex-block-114 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; margin-bottom: 30px; } .dropdown-4 { flex-flow: column; justify-content: space-between; align-self: stretch; align-items: center; margin-left: 0; margin-right: 0; display: flex; } .dropdown-toggle-3 { border-top-right-radius: var(--_round---normal); border-bottom-right-radius: var(--_round---normal); border-left: 2px solid #0000; flex: 1; align-self: stretch; margin-bottom: 5px; margin-left: 0; margin-right: 0; padding: 6px 15px; } .dropdown-toggle-3:hover { border-left: 2px solid var(--red); } .dropdown-toggle-3:active { background-color: var(--background); } .dropdown-list-4 { background-color: #0000; flex: 1; align-self: stretch; margin-top: 5px; margin-bottom: 10px; padding-left: 25px; display: none; position: static; top: 40px; } .dropdown-link-3 { color: var(--_fonts---color--black); padding: 5px 0; } .dropdown-link-3:hover { color: var(--red); } .text-block-56 { color: var(--_fonts---color--black); } .div-block-131 { border-radius: var(--_round---big-20); background-color: var(--white); color: var(--red); flex-flow: column; flex: 1; justify-content: space-between; align-items: flex-start; min-width: 230px; min-height: 180px; padding: 20px; display: flex; } .div-block-131:hover { background-color: var(--light-blue); color: var(--_button---hover-red); } .text-block-57 { color: var(--_fonts---color--black); font-size: var(--_fonts---font-size--core); word-break: break-all; -webkit-hyphens: auto; hyphens: auto; font-weight: 600; } .vinleftbar { grid-column-gap: 20px; grid-row-gap: 20px; flex: none; width: 320px; } .container-vin { justify-content: space-between; align-items: center; width: 100%; min-width: auto; max-width: 1580px; margin-bottom: 60px; margin-left: auto; margin-right: auto; padding-top: 40px; display: block; } .container-vin.nav { height: auto; padding-top: 0; } .container-vin.info { width: 100%; padding-top: 30px; padding-bottom: 30px; } .container-vin.subscribe { padding-top: 40px; padding-bottom: 40px; } .container-vin.footer { background-color: var(--back); padding-top: 50px; padding-bottom: 50px; } .knot-img { grid-column-gap: 20px; grid-row-gap: 20px; border-radius: var(--_round---big-20); background-color: var(--white); color: var(--black); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; min-width: 320px; min-height: 180px; padding: 40px; display: flex; } .knotinfo { border-radius: var(--_round---big-20); background-color: var(--white); color: var(--red); flex-flow: column; justify-content: space-between; align-items: flex-start; max-width: 240px; padding: 20px; display: flex; } .heading-19 { color: var(--_fonts---color--black); margin-top: 0; margin-bottom: 0; font-size: 24px; font-weight: 600; line-height: 36px; } .partsname { flex: 1; max-width: 240px; max-height: 40px; overflow: hidden; } .oemnuber { width: 100px; } .flex-block-115 { grid-column-gap: 15px; grid-row-gap: 15px; justify-content: space-between; align-self: stretch; align-items: flex-start; margin-left: -20px; margin-right: -20px; padding: 5px 20px; } .showallparts { border-radius: var(--_button---round-12px); background-color: var(--_button---light-blue); color: var(--_fonts---color--black); flex: none; justify-content: center; align-self: stretch; align-items: center; padding: 10px 25px; display: flex; } .showallparts:hover { background-color: var(--_button---primary); color: var(--_fonts---color--white); } .image-26 { object-fit: contain; flex: 0 auto; align-self: auto; min-width: 200px; } .knotin { border-radius: var(--_round---big-20); background-color: var(--white); color: var(--red); flex-flow: column; justify-content: space-between; align-items: flex-start; max-width: 480px; padding: 20px; display: flex; } .knot-parts { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---big-20); background-color: var(--white); color: var(--black); flex-flow: column; flex: 1; justify-content: flex-start; align-items: flex-start; min-width: 320px; min-height: 180px; padding: 40px; display: flex; } .nuberlist { justify-content: center; align-items: center; width: 20px; display: flex; } .knotlistitem { grid-column-gap: 15px; grid-row-gap: 15px; justify-content: space-between; align-self: stretch; align-items: center; margin-left: -20px; margin-right: -20px; padding: 5px 20px; } .code-embed-16 { color: var(--_fonts---color--light-blue-grey); justify-content: center; align-items: center; display: flex; } .code-embed-16:hover { color: var(--_button---primary); } .flex-block-116 { grid-column-gap: 15px; grid-row-gap: 15px; } .flex-block-117 { grid-column-gap: 15px; grid-row-gap: 15px; justify-content: flex-start; align-items: center; } .brandsort { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; align-self: stretch; height: 148px; overflow: hidden; } .brandsortb { grid-column-gap: 30px; grid-row-gap: 30px; border-radius: var(--_round---big-20); background-color: var(--white); flex-flow: column; flex: 1; padding: 40px; } .flex-block-118 { grid-column-gap: 40px; grid-row-gap: 40px; border-radius: var(--_round---big-20); background-image: url('../images/Group-601.png'), linear-gradient(13deg, #0d336c, #182334); background-position: 100px, 0 0; background-repeat: no-repeat, repeat; background-size: cover, auto; justify-content: flex-start; align-items: center; padding: 30px; } .heading-20 { color: var(--_fonts---color--white); font-size: var(--_fonts---h1); margin-top: 0; margin-bottom: 0; font-weight: 900; } .text-block-58 { color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--core); margin-bottom: 10px; } .button-24 { border-radius: var(--_round---normal); background-color: var(--_button---color); color: var(--_fonts---color--black); padding: 14px 30px; } .button-24:hover { background-color: var(--_button---primary); color: var(--_fonts---color--white); } .flex-block-119 { grid-column-gap: 20px; grid-row-gap: 20px; width: 560px; } .bestpriceitem { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--white); flex: 1; justify-content: flex-start; align-items: center; min-width: 196px; max-width: 196px; padding: 15px; } .bestpriceitem:hover { box-shadow: 0 0 15px #0000004d; } .bestpriceitem.end { display: none; } .pricecartbp { grid-column-gap: 10px; grid-row-gap: 10px; } .actualprice { font-size: var(--_fonts---font-size--bigger); font-weight: 800; } .oldpricebp { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--supersmall); text-decoration: line-through; } .flex-block-120 { justify-content: flex-start; align-items: flex-end; } .nameitembp { flex: 0 auto; align-self: auto; max-height: 60px; overflow: hidden; } .saletagbp { border-radius: var(--_round---small-8); background-color: var(--green); color: var(--_fonts---color--white); font-size: var(--_fonts---font-size--supersmall); padding: 3px 5px; font-weight: 600; position: relative; top: -30px; } .imgitembp { flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-height: 160px; padding: 0; display: flex; } .flex-block-121 { grid-column-gap: 20px; grid-row-gap: 20px; overflow: scroll; } .flex-block-122 { justify-content: flex-start; align-items: flex-end; } .inbt { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; max-width: 100%; margin-top: 0; } .div-block-132 { border-radius: var(--_round---big-20); flex: 1; } .flex-block-123 { grid-column-gap: 40px; grid-row-gap: 40px; } .submit-button-copy { border-radius: var(--_round---normal); background-color: var(--_button---primary); font-size: var(--_fonts---font-size--bigger); padding: 16px 30px; } .submit-button-copy.fill { font-size: var(--_fonts---font-size--core); justify-content: center; align-self: stretch; align-items: center; padding-top: 15px; padding-bottom: 15px; display: flex; } .supportheading { color: var(--_fonts---color--white); font-size: var(--_fonts---h1); margin-top: 0; margin-bottom: 0; line-height: 120%; } .div-block-133 { box-sizing: content-box; object-fit: contain; position: relative; } .text-block-54-copy { color: var(--_fonts---color--black); flex: 1; padding-top: 20px; padding-left: 20px; padding-right: 20px; font-weight: 700; } .ci2 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item2.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci3 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item3.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci4 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item4.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci5 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item5.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci6 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item6.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci7 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item7.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci8 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item8.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .ci9 { border-radius: var(--_round---big-20); background-color: var(--white); background-image: url('../images/catalog_item9.png'); background-position: 100% 100%; background-repeat: no-repeat; background-size: auto; flex: 1; min-width: 160px; height: 180px; display: flex; } .image-5-copy { box-sizing: content-box; object-fit: contain; width: 100%; overflow: hidden; } .flex-block-124 { grid-column-gap: 30px; grid-row-gap: 30px; border-radius: var(--_round---big-20); background-image: url('../images/carvin.png'), linear-gradient(45deg, #1b283b, #0d336c); background-position: 150px, 0 0; background-repeat: no-repeat, repeat; background-size: auto, auto; justify-content: center; align-self: stretch; align-items: flex-start; width: 440px; padding: 30px; } .heading-21 { color: var(--_fonts---color--white); flex: 0 auto; align-self: stretch; margin-top: 0; margin-bottom: 0; font-size: 24px; line-height: 34px; } .button-3-copy { border-radius: var(--_button---round-12px); background-color: var(--_button---primary); flex: none; justify-content: center; align-items: center; padding: 12px 25px; display: flex; } .button-3-copy:hover { background-color: var(--_button---hover-red); } .select-copy { border: 1px solid var(--grey); border-radius: var(--_round---supersmall-4); background-color: var(--white); color: var(--_fonts---color--grey); width: 180px; height: 46px; margin-bottom: 0; padding: 12px 24px; } .div-block-10-copy { justify-content: space-between; align-items: center; margin-top: 20px; display: flex; } .image-27 { width: 160px; margin-bottom: -232px; margin-left: 600px; } .news-index-block-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex: 1; max-width: 100%; margin-top: 0; margin-bottom: 60px; } .container-copy { justify-content: space-between; align-items: center; width: 100%; min-width: auto; max-width: 1580px; margin-left: auto; margin-right: auto; padding-top: 20px; display: block; } .container-copy.nav { height: auto; padding-top: 0; } .container-copy.info { width: 100%; padding-top: 30px; padding-bottom: 30px; } .container-copy.subscribe { padding-top: 40px; padding-bottom: 40px; } .container-copy.footer { background-color: var(--back); padding-top: 50px; padding-bottom: 50px; } .div-block-134 { border: 1px solid var(--_fonts---color--light-blue); color: var(--_fonts---color--black); border-radius: 40px; justify-content: center; align-items: center; width: 36px; height: 36px; display: flex; transform: rotate(0); } .div-block-134:hover { background-color: var(--red); color: var(--white); border-style: none; } .code-embed-17 { width: 20px; height: 20px; } .div-block-134-copy { border: 1px solid var(--_fonts---color--light-blue); color: var(--_fonts---color--black); border-radius: 40px; justify-content: center; align-items: center; width: 36px; height: 36px; display: flex; transform: rotate(180deg); } .div-block-134-copy:hover { background-color: var(--red); color: var(--white); border-style: none; } .flex-block-125 { grid-column-gap: 10px; grid-row-gap: 10px; } .div-block-135 { background-color: var(--light-blue); border-radius: 40px; width: 8px; height: 8px; } .div-block-135:hover { background-color: var(--red); } .flex-block-126 { grid-column-gap: 4px; grid-row-gap: 4px; justify-content: flex-start; align-self: stretch; align-items: center; margin-left: 30px; } @media screen and (min-width: 1440px) { .body { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 16px; --_fonts---font-size--small-font-size: 14px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 18px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 36px; --_fonts---black-weight: 800; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 24px; --_fonts---font-size--heading-2: 30px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 12px; } .nav-link { font-size: var(--_fonts---font-size--small-font-size); } .nav-menu { grid-column-gap: 20px; grid-row-gap: 20px; padding-left: 20px; padding-right: 20px; display: flex; } .flex-block { grid-column-gap: 10px; grid-row-gap: 10px; display: flex; } .flex-block-2 { grid-column-gap: 20px; grid-row-gap: 20px; } .top_head { margin-left: 0; margin-right: 0; } .topmenuh { margin-top: 0; } .flex-block-4 { grid-column-gap: 40px; grid-row-gap: 40px; } .form-block { align-self: stretch; } .text-field { padding-top: 14px; padding-bottom: 14px; } .flex-block-12 { width: 320px; } .flex-block-15.end { display: flex; } .flex-block-18 { grid-column-gap: 60px; grid-row-gap: 60px; } .div-block-9 { grid-column-gap: 40px; grid-row-gap: 40px; justify-content: space-between; align-items: center; } .text-block-14 { display: block; } .flex-block-22 { grid-column-gap: 40px; grid-row-gap: 40px; } .flex-block-23 { width: 180px; } .flex-block-30 { max-width: 740px; } .news { min-width: 310px; } .core-product-search { flex-flow: row; } .flex-block-47 { flex: 0 auto; } .image-10 { width: 280px; height: 180px; } .core-product { flex-flow: column; flex: 1; justify-content: flex-start; align-self: auto; align-items: flex-start; min-width: 270px; max-width: 320px; } .info-block-search { flex: 0 auto; } .flex-block-14-copy { justify-content: flex-start; align-items: flex-start; } .flex-block-39-copy { width: 200px; } .cart-ditail { width: 340px; } .flex-block-69 { flex-flow: row; } .menu-button-2 { display: none; } .flex-block-18-copy { grid-column-gap: 60px; grid-row-gap: 60px; grid-column-gap: 60px; grid-row-gap: 60px; } .flex-block-78 { flex: 1; } .flex-block-81 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: center; } .core-product-copy { flex-flow: column; flex: 1; justify-content: flex-start; align-self: auto; align-items: flex-start; min-width: 270px; max-width: 320px; } .flex-block-18-copy-copy { grid-column-gap: 60px; grid-row-gap: 60px; } .section { background-color: var(--white); } .info-block-search-copy { flex: 0 auto; } .mobile-menu-buttom-section { background-color: var(--white); } .button-for-mobile-menu-block { padding-left: 20px; padding-right: 20px; } .flex-block-89 { padding-top: 60px; padding-left: 60px; } .image-17 { width: 420px; height: 210px; } .section-4 { margin-left: 0; margin-right: 0; } .core-product-search-copy, .core-product-search-s1 { flex-flow: row; } .info-block-search-s1 { flex: 0 auto; } .core-product-s1 { flex-flow: column; flex: 1; justify-content: flex-start; align-self: stretch; align-items: flex-start; min-width: 270px; } .core-product-search-s2 { flex-flow: row; } .text-block-25-s1 { display: none; } .flex-block-15-copy.end { display: flex; } .flex-block-14-copy-copy { justify-content: flex-start; align-items: flex-start; } .core-product-copy-copy { flex-flow: column; flex: 1; justify-content: flex-start; align-self: auto; align-items: flex-start; min-width: 270px; max-width: 320px; } .flex-block-94 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .desc-wholesale, .contentnews { max-width: none; } .flex-block-99 { max-width: 50%; } .image-21 { margin-left: 170px; } .div-block-35 { width: 900px; margin-top: 40px; } .section-5 { margin-left: 0; margin-right: 0; } .text-block-14-copy { display: block; } .rightbi { margin-top: 12px; } .topmenub { margin-top: 0; } .vinleftbar { width: 320px; } .knotinfo { max-width: 320px; } .image-26 { align-self: stretch; } .knotin { flex: 1; max-width: none; } .heading-20 { font-size: 48px; } .flex-block-119 { width: 520px; } .bestpriceitem.end { display: flex; } .flex-block-124 { width: 540px; } .image-27 { margin-bottom: -218px; margin-left: 800px; } } @media screen and (min-width: 1920px) { .nav-link { font-size: var(--_fonts---font-size--core); } .flex-block { display: none; } .left-arrow { margin-left: -25px; } .icon-2 { width: 26px; height: 26px; margin: auto; } .slider { width: 46px; } .flex-block-5 { grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 20px; } .flex-block-6 { grid-column-gap: 20px; grid-row-gap: 20px; grid-template: "." "." / 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-items: start stretch; display: grid; } .main { width: 100%; } .flex-block-15.end { display: flex; } .heading-3.sub { flex: 0 auto; } .text-block-14 { flex: 1; } .flex-block-24 { border-radius: var(--_round---big-20); background-color: var(--white); padding: 40px 30px 40px 40px; } .select { height: 48px; margin-bottom: 14px; } .div-block-10 { justify-content: space-between; align-items: center; } .div-block-12 { min-width: 240px; height: 190px; } .div-block-12.small { justify-content: flex-start; align-items: flex-start; height: 190px; } .right-arrow { justify-content: flex-end; align-items: center; margin-right: -25px; } .core-product { max-width: 320px; } .info-block-search { flex: 1; } .flex-block-70 { max-width: 500px; } .flex-block-73 { max-width: 600px; } .flex-block-81 { justify-content: space-between; align-items: center; } .core-product-copy { max-width: 320px; } .core-product-search-copy { justify-content: space-between; align-items: flex-start; } .heading-15 { width: 100%; } .info-block-search-copy { flex: 1; } .core-product-search-s1 { flex-flow: row; } .info-block-search-s1 { flex: 1; } .core-product-s1 { flex-flow: column; max-width: 320px; } .core-product-search-s2 { flex-flow: row; } .flex-block-15-copy.end { display: flex; } .flex-block-14-copy-copy { flex: 1; } .core-product-copy-copy { max-width: 320px; } .flex-block-94 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .div-block-34 { justify-content: center; align-items: center; width: 48px; height: 48px; margin: auto; } .heading-17 { font-size: 64px; } .flex-block-99 { max-width: 45%; } .image-21 { margin-left: 0; } .div-block-35 { width: 1000px; margin-top: 30px; } .flex-block-6-copy { grid-column-gap: 20px; grid-row-gap: 20px; grid-template: ". . ." ". Area Area" / 1fr 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; place-items: start stretch; display: flex; } .div-block-12-copy { min-width: 240px; height: 190px; } .div-block-123 { height: 190px; } .div-block-red.small { min-width: 240px; height: 190px; } .image-22 { object-fit: contain; object-position: 100% 100%; } .section-info { background-color: var(--white); } .text-block-14-copy { flex: 1; } .thxcontent { align-self: stretch; } .div-block-127 { border: 1px solid var(--_icon---light-blue-grey); color: var(--_icon---light-blue-grey); border-radius: 50px; justify-content: center; align-items: center; width: 48px; height: 48px; padding-top: 5px; display: flex; } .headingbi { justify-content: flex-start; align-items: center; } .rightbi { margin-top: 12px; } .fsfav { border: 1px solid var(--_icon---light-blue-grey); color: var(--_icon---light-blue-grey); border-radius: 50px; justify-content: center; align-items: center; width: 48px; height: 48px; padding-top: 5px; display: flex; } .favcardcat { justify-content: center; align-items: center; display: flex; } .tabson { display: none; } .indexbrandblock:hover { color: var(--_button---primary); } .arbd { justify-content: center; align-items: center; width: 48px; height: 48px; margin: auto; } .catnav { width: 100%; } .container-vin { padding-bottom: 60px; } .knotinfo { max-width: 480px; } .knotin { max-width: none; } .brandsortb { border-radius: var(--_round---big-20); background-color: var(--white); padding: 40px 30px 40px 40px; } .flex-block-119 { width: 420px; } .bestpriceitem.end { display: flex; } .flex-block-122 { justify-content: flex-start; align-items: flex-end; } .inbt { grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 20px; } .flex-block-124 { background-position: 180px, 0 0; width: 620px; } .select-copy { height: 48px; margin-bottom: 14px; } .div-block-10-copy { justify-content: space-between; align-items: center; } .image-27 { margin-left: 1000px; } } @media screen and (max-width: 991px) { .container, .container.nav, .container.info { padding-left: 0; padding-right: 0; } .container.subscribe, .container.footer { padding-top: 40px; padding-bottom: 40px; } .top_head, .topmenuh { padding-left: 30px; padding-right: 30px; } .navbar-2 { margin-left: 0; } .text-block-2 { display: none; overflow: visible; } .slider { height: auto; display: flex; } .flex-block-7 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: wrap; } .flex-block-10 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .main { padding-left: 30px; padding-right: 30px; } .flex-block-12 { display: none; } .flex-block-13 { flex-flow: column; } .flex-block-15 { min-width: 220px; max-width: 320px; } .image-5 { object-fit: contain; } .tabs_block { justify-content: center; align-items: flex-start; display: none; } .flex-block-18 { flex-flow: column; justify-content: space-between; align-items: center; } .div-block-9 { flex: 0 auto; justify-content: flex-start; align-self: stretch; align-items: flex-start; } .form-block-3 { align-self: stretch; } .flex-block-19 { width: 460px; } .flex-block-22 { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: wrap; justify-content: flex-start; align-self: auto; align-items: flex-start; } .link { display: none; } .text-block-17 { margin-bottom: 0; } .flex-block-23 { justify-content: flex-start; align-items: flex-start; } .flex-block-28 { flex: 1; } .div-block-11 { flex-flow: column; justify-content: space-between; align-items: flex-start; } .div-block-12, .div-block-12.small { min-width: 300px; } .news { grid-column-gap: 10px; grid-row-gap: 10px; min-width: 223px; padding: 20px; } .heading_news { font-size: var(--_fonts---font-size--core); } .div-block-13 { flex: none; } .flex-block-32 { display: none; } .flex-block-33 { flex-flow: column; justify-content: space-between; align-items: flex-start; margin-bottom: 10px; } .flex-block-35 { flex-flow: wrap; } .heading-8 { margin-left: 0; } .raiting { display: none; } .flex-block-40 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex-block-43 { flex-flow: column; } .flex-block-44 { align-self: stretch; } .flex-block-45 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: flex-start; align-items: flex-start; } .image-10 { object-fit: contain; } .core-product { flex-flow: row-reverse; } .sort-list { padding-right: 210px; } .sort-item.price { text-align: right; } .flex-block-14-copy { justify-content: center; align-items: flex-start; } .image-10-copy { object-fit: contain; width: 400px; height: 280px; } .flex-block-56 { justify-content: center; align-items: flex-start; } .small-img { object-fit: contain; } .core-product-card { flex-flow: column; margin-bottom: 20px; } .cart-list { grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 40px; } .cart-ditail { align-self: stretch; width: auto; } .product-list-cart { padding-bottom: 10px; } .brandname { width: 100px; } .sort-item-name { width: 140px; } .sort-item-comments { width: 120px; } .flex-block-67 { grid-column-gap: 40px; grid-row-gap: 40px; flex: 1; } .image-14 { max-width: 700px; } .flex-block-68 { grid-column-gap: 30px; grid-row-gap: 30px; align-self: stretch; } .flex-block-69 { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column-reverse; } .flex-block-69-copy { grid-column-gap: 10px; grid-row-gap: 10px; } .flex-block-68-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; justify-content: space-between; align-items: flex-start; } .flex-block-70 { align-self: stretch; max-width: 340px; } .flex-block-71 { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: column; } .flex-block-72 { flex-flow: column; } .flex-block-73 { flex-flow: row; align-self: stretch; max-width: none; padding: 30px; } .flex-block-73-copy-copy { min-width: 340px; } .flex-block-73-copy-copy-red { min-width: 340px; max-width: none; } .menu-button-2 { display: none; position: static; } .flex-block-77 { display: flex; } .flex-block-18-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: row; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: center; display: flex; } .flex-block-78 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex-block-80 { grid-column-gap: 20px; grid-row-gap: 20px; align-self: stretch; } .flex-block-81 { justify-content: space-between; align-items: center; } .flex-block-82 { grid-column-gap: 20px; grid-row-gap: 20px; } .core-product-copy { flex-flow: column; flex: 1; justify-content: flex-start; align-self: stretch; align-items: center; max-width: 100%; } .core-product-search-copy { justify-content: flex-start; align-items: flex-start; } .flex-block-84 { grid-column-gap: 30px; grid-row-gap: 30px; justify-content: space-between; align-self: stretch; align-items: flex-start; display: flex; } .flex-block-85 { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---normal); background-color: var(--white); justify-content: flex-start; align-items: center; padding: 10px 20px; display: flex; } .code-embed-9 { color: var(--_button---primary); width: 20px; height: 24px; } .code-embed-10 { color: var(--white); width: 18px; height: 18px; display: block; } .flex-block-86 { grid-column-gap: 10px; grid-row-gap: 10px; border-radius: var(--_round---normal); background-color: var(--_button---hover-dark_blue); justify-content: flex-start; align-items: center; padding: 10px 15px; display: none; } .flex-block-77-copy { display: flex; } .flex-block-18-copy-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: row; flex: 1; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; align-items: flex-start; display: flex; } .heading-8-copy { margin-left: 0; } .dropdown-2 { margin-left: 0; margin-right: 0; } .dropdown-list-2.w--open { border-radius: var(--_round---small-8); background-color: var(--white); box-shadow: 0 2px 5px #0003; } .dropdown-toggle-2 { z-index: 999; display: flex; } .dropdown-toggle-2.w--open { z-index: 999998; } .dropdown-3 { display: block; } .dropdown-list-3 { z-index: 999999; } .section-2, .mobile-menu-bottom, .mobile-menu-bottom.nav, .mobile-menu-bottom.info { padding-left: 30px; padding-right: 30px; } .mobile-menu-bottom.subscribe, .mobile-menu-bottom.footer { padding-top: 40px; padding-bottom: 40px; } .n { display: none; overflow: visible; } .div-block-25 { width: 20px; height: 20px; } .section-3 { padding-left: 30px; padding-right: 30px; } .core-product-card-copy { grid-column-gap: 30px; grid-row-gap: 30px; flex-flow: column; margin-bottom: 20px; } .nav-menu-2 { float: none; flex-flow: row; justify-content: flex-start; align-items: center; width: 100%; display: block; position: relative; top: 20px; left: -30px; right: 0; } .div-block-28 { padding-left: 30px; } .link-block-7 { grid-column-gap: 10px; grid-row-gap: 10px; border-top-left-radius: var(--_round---small-8); border-bottom-left-radius: var(--_round---small-8); color: var(--black); justify-content: flex-start; align-items: center; padding: 15px 18px; text-decoration: none; display: flex; } .link-block-7:hover { border-right: 2px solid var(--_button---primary); background-color: var(--white); padding-right: 18px; } .div-block-29 { color: var(--_fonts---color--light-blue-grey); width: 20px; height: 20px; } .text-block-47 { font-size: var(--_fonts---font-size--bigger); text-align: left; flex: 1; font-weight: 600; } .flex-block-88 { flex: 1; align-self: auto; margin-top: 20px; } .flex-block-89 { background-color: var(--white); flex: 1; justify-content: flex-start; align-self: stretch; align-items: flex-start; padding-left: 40px; padding-right: 30px; } .heading-16 { font-size: var(--_fonts---font-size--heading-3); text-align: left; } .link-2 { font-size: var(--_fonts---font-size--core); } .flex-block-91 { grid-column-gap: 15px; grid-row-gap: 15px; } .flex-block-92 { flex-flow: column; } .nav-menu-3 { left: 30px; } .tabs-menu { max-width: 280px; } .text-block-48, .text-block-49 { font-size: var(--_fonts---font-size--core); } .sort-list-card { padding-right: 80px; } .pcs-cart-s1 { display: none; } .flex-block-13-copy { flex-flow: column; } .core-product-s1 { flex-flow: row-reverse; } .sort-list-s1 { padding-right: 210px; } .pcs-search-s1 { width: 60px; } .text-block-25-s1 { display: none; } .flex-block-15-copy { min-width: 220px; max-width: 320px; } .flex-block-14-copy-copy { justify-content: center; align-items: flex-start; } .core-product-copy-copy { flex-flow: column; flex: 1; justify-content: flex-start; align-self: stretch; align-items: center; max-width: 100%; } .flex-block-94 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .image-18 { height: 22px; } .desc-wholesale { min-width: 340px; } .image-wholesale { min-width: 340px; max-width: none; min-height: 300px; } .why-wholesale { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: wrap; grid-template-rows: auto auto auto auto; grid-template-columns: 1fr 1fr; justify-content: space-between; align-items: flex-start; } .flex-block-96 { grid-column-gap: 20px; grid-row-gap: 20px; grid-template: "Area Area Area" ". . ." ". . ." ". . ." / 1fr 1fr 1fr; grid-auto-columns: 1fr; place-items: center; display: grid; } .service-wholesale-block { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; } .flex-block-71-copy { grid-column-gap: 15px; grid-row-gap: 15px; flex-flow: row; justify-content: flex-start; align-items: center; } .flex-block-97 { grid-column-gap: 20px; grid-row-gap: 20px; } .map-contacts { min-width: 340px; max-width: none; min-height: 300px; } .lastnews { flex-flow: row; min-width: 320px; max-width: none; min-height: 300px; } .contentnews { min-width: 340px; } .flex-block-6-copy-copy { grid-column-gap: 20px; grid-row-gap: 20px; } .mask { height: auto; } .heading-17 { font-size: 44px; } .flex-block-99 { grid-column-gap: 20px; grid-row-gap: 20px; max-width: 100%; margin-top: 20px; margin-bottom: 20px; } .flex-block-101 { flex-flow: wrap; display: none; } .image-21 { margin-left: 0; display: block; position: static; } .div-block-35 { width: 100%; margin-top: 0; position: static; overflow: visible; } .div-block-12-copy, .div-block-12-copy.small, .div-block-123, .div-block-123.small, .div-block-red, .div-block-red.small { min-width: 300px; } .section-info { padding-left: 30px; padding-right: 30px; } .image-thx { min-width: 340px; max-width: none; min-height: 600px; } .div-block-127 { width: 40px; height: 40px; margin-top: 0; } .headingbi { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: flex-start; align-items: flex-start; } .fsfav, .favcardcat { width: 40px; height: 40px; margin-top: 0; } .topnav { margin-left: 0; } .topmenub { padding-left: 30px; padding-right: 30px; } .tb, .tb.nav, .tb.info { padding-left: 0; padding-right: 0; } .tb.subscribe, .tb.footer { padding-top: 40px; padding-bottom: 40px; } .batd, .batd.nav, .batd.info { padding-left: 0; padding-right: 0; } .batd.subscribe, .batd.footer { padding-top: 40px; padding-bottom: 40px; } .catnav { padding-left: 30px; padding-right: 30px; } .vinleftbar { display: none; } .container-vin, .container-vin.nav, .container-vin.info { padding-left: 0; padding-right: 0; } .container-vin.subscribe, .container-vin.footer { padding-top: 40px; padding-bottom: 40px; } .bestpriceitem { min-width: 220px; max-width: 320px; } .flex-block-123 { flex-flow: row; } .image-5-copy { object-fit: contain; } .container-copy, .container-copy.nav, .container-copy.info { padding-left: 0; padding-right: 0; } .container-copy.subscribe, .container-copy.footer { padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 767px) { .body { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; } .container { padding-top: 20px; } .container.info { padding-top: 15px; padding-bottom: 15px; } .container.footer { padding-bottom: 90px; } .brand { min-width: 140px; } .phone { display: block; } .flex-block { grid-column-gap: 20px; grid-row-gap: 20px; } .flex-block-2 { grid-column-gap: 20px; grid-row-gap: 20px; margin-top: 3px; } .top_head { margin-top: -15px; } .menu-button { padding: 12px; } .navbar-2 { height: auto; top: 72px; } .left-arrow { display: none; } .flex-block-5 { grid-column-gap: 20px; grid-row-gap: 20px; } .flex-block-6 { grid-template: "." "." "Area" "." "." / 1fr; grid-auto-flow: column; } .flex-block-7 { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; } .flex-block-8 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex-block-9, .flex-block-10 { grid-column-gap: 5px; grid-row-gap: 5px; } .heading { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; } .link-block-3 { width: 30px; height: 30px; } .form-block { align-self: stretch; height: auto; min-height: auto; } .text-field { min-height: auto; margin-right: 10px; padding-left: 10px; padding-right: 50px; } .flex-block-13 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; } .flex-block-14 { grid-column-gap: 40px; grid-row-gap: 40px; align-self: stretch; } .text-block-6, .tabs_block { display: none; } .tab_c { flex: none; } .flex-block-18 { flex-flow: column; justify-content: space-between; align-items: center; } .heading-3.sub { align-self: stretch; } .div-block-9 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; align-self: stretch; } .text-block-14 { align-self: stretch; display: block; } .form-block-3 { align-self: stretch; } .flex-block-19 { flex-flow: wrap; flex: 1; justify-content: center; align-self: stretch; align-items: center; width: 100%; } .link-block-5 { padding: 14px 20px; } .flex-block-22 { flex-flow: wrap; justify-content: space-between; align-items: flex-start; } .flex-block-23 { justify-content: flex-start; align-items: center; } .container2 { padding: 20px 30px; } .flex-block-31 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .news { min-width: 244px; } .right-arrow { display: none; } .flex-block-36 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; } .flex-block-37 { padding: 0; } .raiting { display: none; } .flex-block-40 { flex-flow: column; align-self: auto; padding-left: 0; padding-right: 0; } .div-block-16 { display: none; } .flex-block-43 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: row; justify-content: space-between; align-self: auto; align-items: center; } .flex-block-44 { border-radius: var(--_round---normal); background-color: var(--white); flex: 1; align-self: stretch; padding: 20px 15px; } .flex-block-45 { flex-flow: row; } .core-product-search { align-self: stretch; } .image-10 { object-fit: contain; } .product-item-search { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: space-between; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; } .info-block-search { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; } .price { text-align: right; width: 110px; } .add-to-cart-block { justify-content: space-between; align-self: stretch; align-items: center; } .text-block-25 { display: none; } .sort-list { padding-right: 30px; } .sort-item { width: 90px; } .sort-item.first { width: 55px; } .flex-block-49 { grid-column-gap: 30px; grid-row-gap: 30px; } .show-more-search { align-self: auto; } .heading-11 { align-self: stretch; max-width: 100%; } .product-item-card { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex-block-52 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; } .flex-block-53 { align-self: stretch; } .cart-item { flex-flow: column; justify-content: space-between; align-items: flex-start; } .flex-block-39-copy { width: 200px; } .heading-9-copy-copy { text-align: left; flex: 1; width: auto; } .form-block-copy { align-self: stretch; max-width: none; } .block-detail { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; flex: 1; } .favorite-item { flex-flow: column; } .brandname { flex: 0 auto; align-self: stretch; width: auto; } .block-name { align-self: stretch; } .productname_f { align-self: stretch; width: auto; } .sort-item-brand { width: 100px; } .flex-block-61 { grid-column-gap: 10px; grid-row-gap: 10px; } .sort-item-name { width: 90px; } .sort-item-comments { width: 80px; } .heading-list { grid-column-gap: 10px; grid-row-gap: 10px; } .cart-item-check { flex-flow: column; } .text-block-35 { width: auto; height: auto; } .product-list-cart-check, .menu-category { grid-column-gap: 10px; grid-row-gap: 10px; } .tab-menu-category, .tab-menu-category-activ { padding-left: 10px; padding-right: 10px; } .image-14 { max-width: 480px; } .flex-block-69-copy { grid-column-gap: 20px; grid-row-gap: 20px; } .flex-block-70 { max-width: 240px; padding-left: 22px; padding-right: 22px; } .flex-block-73 { padding-left: 30px; padding-right: 30px; } .code-embed-4 { width: 30px; height: 30px; } .pcs-info { color: var(--_fonts---color--white); font-size: 10px; font-weight: 400; } .flex-block-76 { display: none; } .flex-block-18-copy { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; justify-content: space-between; align-items: center; } .phone-copy { display: block; } .flex-block-78 { flex-flow: row; justify-content: space-between; align-items: flex-start; display: none; } .flex-block-80 { display: none; } .flex-block-81 { justify-content: space-between; align-self: stretch; align-items: center; } .flex-block-82 { grid-column-gap: 30px; grid-row-gap: 30px; justify-content: flex-start; align-items: center; } .sort-item-brand-copy { width: 50px; } .flex-block-84 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: flex-start; width: 100%; } .flex-block-85 { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---normal); background-color: var(--white); justify-content: flex-start; align-items: center; padding: 10px 20px; display: flex; } .code-embed-9 { color: var(--_button---primary); width: 18px; height: 18px; } .flex-block-77-copy { justify-content: flex-start; align-items: center; } .flex-block-18-copy-copy { grid-column-gap: 40px; grid-row-gap: 40px; flex-flow: column; } .heading-8-copy { font-size: var(--_fonts---font-size--small-font-size); align-self: stretch; padding-left: 0; padding-right: 0; font-weight: 400; line-height: 20px; display: block; overflow: hidden; } .dropdown-2 { margin-left: 0; margin-right: 0; } .heading-9-copy { font-size: var(--_fonts---font-size--bigger); } .info-block-search-copy { justify-content: space-between; align-self: stretch; align-items: center; } .mobile-block { display: flex; } .flex-block-87 { grid-column-gap: 10px; grid-row-gap: 10px; flex: 1; } .mobile-menu-bottom { padding-top: 0; padding-bottom: 0; box-shadow: 0 0 5px #0003; } .mobile-menu-bottom.info { padding-top: 20px; padding-bottom: 20px; } .mobile-menu-buttom-section { display: block; } .name-mobile-menu-item { color: var(--black); font-size: var(--_fonts---font-size--small-font-size); font-weight: 400; } .button-for-mobile-menu-block { grid-column-gap: 2px; grid-row-gap: 2px; background-color: var(--_fonts---color--white); color: var(--_button---light-blue-grey); flex-flow: column; width: 70px; } .button-for-mobile-menu-block:hover { background-color: var(--_button---light-blue); } .icon_favorite { color: var(--_button---light-blue-grey); } .block-for-moble-menu-icon { width: 30px; height: 30px; } .div-block-25 { width: 20px; height: 20px; display: block; } .info-satus { background-color: var(--green); color: var(--_fonts---color--white); font-size: 10px; font-weight: 400; } .flex-block-93 { align-self: auto; min-height: 48px; } .sort-list-card { padding-right: 30px; display: none; } .flex-block-49-copy { grid-column-gap: 30px; grid-row-gap: 30px; } .price-in-cart-s1 { text-align: left; flex: 1; width: auto; } .price-1-pcs-cart-s1 { text-align: left; } .add-to-cart-block-s2 { justify-content: space-between; align-self: stretch; align-items: center; } .core-product-search-copy, .core-product-search-s1 { align-self: stretch; } .product-item-search-s1 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: row; justify-content: space-between; align-items: flex-start; padding-top: 10px; padding-bottom: 10px; } .info-block-search-s1 { justify-content: space-between; align-self: stretch; align-items: center; } .price-s1 { text-align: right; width: 110px; } .flex-block-14-copy { grid-column-gap: 30px; grid-row-gap: 30px; align-self: stretch; } .flex-block-13-copy { flex-flow: column; } .sort-list-s1 { padding-right: 30px; } .core-product-search-s2 { align-self: stretch; } .text-block-25-s1, .pcs-re-s1 { display: none; } .add-to-cart-block-s1 { justify-content: space-between; align-self: stretch; align-items: center; } .flex-block-14-copy-copy { margin-bottom: 0; } .add-to-cart-block-copy { justify-content: space-between; align-self: stretch; align-items: center; } .service-wholesale-block { grid-column-gap: 20px; grid-row-gap: 20px; } .lastnews { flex-flow: column; } .heading-17 { font-size: 36px; } .container2-copy { padding: 20px 30px 75px; } .image-24 { max-width: 140px; } .text-block-14-copy { align-self: stretch; display: block; } .news-index-block { grid-column-gap: 20px; grid-row-gap: 20px; } .section-6 { padding-left: 30px; padding-right: 30px; } .image-thx { min-height: 500px; } .div-block-127 { justify-content: center; align-items: center; margin-top: 4px; } .flex-block-bi { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .heading-bi { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; } .fsfav, .favcardcat { justify-content: center; align-items: center; margin-top: 4px; } .topnav { height: auto; top: 72px; } .searcj { align-self: stretch; height: auto; min-height: auto; } .tb { padding-top: 20px; } .tb.info { padding-top: 15px; padding-bottom: 15px; } .tb.footer { padding-bottom: 90px; } .batd { padding-top: 20px; } .batd.info { padding-top: 15px; padding-bottom: 15px; } .batd.footer { padding-bottom: 90px; } .container-vin { padding-top: 20px; } .container-vin.info { padding-top: 15px; padding-bottom: 15px; } .container-vin.footer { padding-bottom: 90px; } .inbt, .news-index-block-copy { grid-column-gap: 20px; grid-row-gap: 20px; } .container-copy { padding-top: 20px; } .container-copy.info { padding-top: 15px; padding-bottom: 15px; } .container-copy.footer { padding-bottom: 90px; } } @media screen and (max-width: 479px) { body { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; } .container { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 0; padding-right: 0; } .container.nav { padding-left: 0; padding-right: 0; } .container.info { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container.subscribe { padding: 40px 0; } .container.footer { padding: 40px 0 90px; } .brand { width: 140px; padding-left: 0; } .phone { font-size: var(--_fonts---font-size--core); display: block; } .icon_messenger { max-width: 30px; } .flex-block, .flex-block-2 { grid-column-gap: 15px; grid-row-gap: 15px; } .top_head, .topmenuh { padding-left: 15px; padding-right: 15px; } .flex-block-4 { padding-top: 15px; padding-bottom: 15px; } .menu-button { height: auto; padding: 10px 12px 12px; } .menu-button.w--open { justify-content: center; align-items: center; width: 54px; height: 48px; padding-left: 15px; } .navbar-2 { margin-left: 0; top: 58px; } .flex-block-7 { grid-column-gap: 2px; grid-row-gap: 2px; display: flex; } .flex-block-8 { grid-column-gap: 10px; grid-row-gap: 10px; } .flex-block-9, .flex-block-10 { grid-column-gap: 5px; grid-row-gap: 5px; } .heading { --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; line-height: 36px; } .text-block-4 { line-height: 140%; } .flex-block-11 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .text-block-5 { margin-top: 3px; margin-bottom: 0; } .main { padding-left: 15px; padding-right: 15px; } .flex-block-13 { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; max-width: 100%; } .flex-block-14 { grid-column-gap: 20px; grid-row-gap: 20px; max-width: 100%; margin-bottom: 40px; } .text-block-6 { display: none; } .flex-block-15 { grid-column-gap: 5px; grid-row-gap: 5px; min-width: 140px; max-width: 190px; padding: 15px; } .text-block-7 { padding-top: 3px; padding-bottom: 3px; font-size: 12px; top: -15px; } .flex-block-16 { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; } .div-block-3 { margin-top: -20px; } .text-block-10 { max-height: 36px; font-size: 12px; line-height: 18px; overflow: hidden; } .image-5 { width: 100%; height: 100%; min-height: auto; } .div-block-4 { padding-left: 0; padding-right: 0; } .button_strock { padding: 12px 25px; } .div-block-7 { width: 20px; height: 20px; } .flex-block-18 { grid-column-gap: 20px; grid-row-gap: 20px; } .div-block-9 { grid-column-gap: 10px; grid-row-gap: 10px; } .form-3 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; } .text-field-3 { padding-top: 20px; padding-bottom: 20px; } .submit-button { align-self: stretch; padding: 15px 30px; } .text-block-15 { text-align: left; } .flex-block-19 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: flex-start; align-items: center; } .link-block-5 { padding-top: 10px; padding-bottom: 10px; } .flex-block-20 { grid-column-gap: 20px; grid-row-gap: 20px; } .text-block-16 { font-size: 12px; } .flex-block-22 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: wrap; justify-content: flex-start; align-self: stretch; align-items: flex-start; margin-top: 20px; margin-bottom: 20px; } .text-block-17 { font-size: var(--_fonts---font-size--core); } .flex-block-24 { grid-column-gap: 30px; grid-row-gap: 30px; padding-top: 0; overflow: hidden; } .flex-block-26 { min-width: 90px; } .flex-block-28 { min-width: 290px; padding: 20px; } .select { margin-bottom: 10px; } .container2 { padding-left: 15px; padding-right: 15px; } .div-block-11 { padding: 40px 30px; } .heading-6 { font-size: var(--_fonts---font-size--heading-2); } .div-block-12 { justify-content: flex-start; align-items: flex-start; min-width: 280px; height: auto; overflow: hidden; } .div-block-12.small { min-width: 280px; } .news { grid-column-gap: 10px; grid-row-gap: 10px; min-width: 250px; padding: 20px; } .heading_news { line-height: 28px; } .text-block-20 { line-height: 18px; } .div-block-13 { flex: none; } .flex-block-33 { margin-top: 10px; } .flex-block-36 { grid-column-gap: 10px; grid-row-gap: 10px; scrollbar-width: none; flex-flow: row; overflow: scroll; } .heading-8 { margin-left: 20px; margin-right: 20px; } .flex-block-37 { grid-column-gap: 10px; grid-row-gap: 10px; padding-top: 10px; } .image-8 { width: 16px; height: 16px; } .raiting { flex: 0 auto; width: auto; } .flex-block-40 { grid-column-gap: 10px; grid-row-gap: 10px; font-size: var(--_fonts---font-size--bigger); } .div-block-16 { display: none; } .flex-block-43 { flex-flow: row; } .flex-block-44 { grid-column-gap: 0px; grid-row-gap: 0px; border-radius: var(--_round---normal); background-color: var(--white); align-self: stretch; min-width: 160px; padding-top: 10px; } .heading-9 { margin-top: 0; } .text-block-21 { line-height: 140%; } .flex-block-45 { display: flex; } .core-product-search { grid-column-gap: 10px; grid-row-gap: 10px; } .flex-block-47 { grid-column-gap: 10px; grid-row-gap: 10px; align-self: stretch; } .image-10 { object-fit: contain; } .div-block-20 { align-self: auto; display: block; } .core-product { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column-reverse wrap; justify-content: flex-start; align-items: flex-start; } .product-item-search { padding-left: 10px; padding-right: 10px; } .product-list-search { grid-column-gap: 10px; grid-row-gap: 10px; } .info-block-search { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; } .pcs-search { width: 50px; } .price { text-align: left; width: 80px; } .add-to-cart-block { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; align-self: stretch; place-items: flex-start start; display: grid; } .info-block-product-card-search, .item-recommend { display: none; } .flex-block-48 { max-width: 100%; } .sort-list { grid-column-gap: 0px; grid-row-gap: 0px; padding-left: 18px; padding-right: 18px; } .sort-item, .sort-item.first { width: auto; } .flex-block-49 { grid-column-gap: 28px; grid-row-gap: 28px; } .show-more-search { justify-content: flex-start; align-items: flex-start; } .text-block-27 { font-size: var(--_fonts---font-size--core); line-height: 140%; } .pcs-card { text-align: left; } .product-item-card { align-self: stretch; } .flex-block-51 { padding-bottom: 2px; overflow: scroll; } .flex-block-14-copy { grid-column-gap: 10px; grid-row-gap: 10px; max-width: 100%; margin-bottom: 40px; overflow: scroll; } .image-10-copy { width: 270px; } .flex-block-56 { justify-content: space-between; align-items: flex-start; max-width: 290px; } .small-img { width: 60px; height: 45px; } .cart-list { max-width: 100%; } .cart-item { grid-column-gap: 10px; grid-row-gap: 10px; padding-left: 10px; padding-right: 10px; } .heading-9-copy { align-self: stretch; } .flex-block-39-copy { flex: 1; justify-content: flex-start; align-items: flex-start; width: auto; } .heading-9-copy-copy { text-align: left; flex: 0 auto; } .text-block-21-copy-copy { font-size: var(--_fonts---font-size--small-font-size); text-align: left; } .flex-block-39-copy-copy { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; flex: 1; justify-content: space-between; align-items: flex-start; display: flex; } .form-block-copy { align-self: stretch; max-width: none; } .control-element { width: 60px; margin-left: auto; } .multi-control { grid-column-gap: 20px; grid-row-gap: 20px; padding-left: 10px; padding-right: 10px; } .cart-detail-info { padding-left: 20px; padding-right: 20px; } .comments_f { align-self: stretch; max-width: none; } .flex-block-61 { display: none; } .product-list-cart-check { grid-column-gap: 10px; grid-row-gap: 10px; } .menu-category { display: none; } .image-14 { max-width: 280px; } .flex-block-68 { grid-column-gap: 20px; grid-row-gap: 20px; } .text-block-36 { flex: 1; } .flex-block-70 { max-width: none; } .flex-block-75 { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .flex-block-73-copy-copy, .flex-block-73-copy-copy-red { min-width: 260px; } .code-embed-4 { width: 24px; height: 24px; } .code-embed-5 { width: 24px; height: 18px; } .flex-block-76 { display: none; } .flex-block-18-copy { grid-column-gap: 30px; grid-row-gap: 30px; grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: flex-start; } .phone-copy { display: none; } .flex-block-78 { justify-content: space-between; align-items: center; } .flex-block-81 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: row; justify-content: space-between; align-items: center; } .core-product-copy { flex-flow: column; justify-content: flex-start; align-items: flex-start; } .core-product-search-copy { flex-flow: row; align-self: stretch; max-width: 100%; height: 340px; display: flex; overflow: scroll; } .raiting-copy, .pcs-copy { display: none; } .item-recommend-copy { display: block; } .flex-block-83 { flex-flow: column; } .flex-block-84 { grid-column-gap: 20px; grid-row-gap: 20px; justify-content: space-between; align-items: flex-start; width: 100%; } .flex-block-85 { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---small-8); background-color: var(--white); justify-content: flex-start; align-items: center; padding: 8px 12px; display: flex; } .code-embed-9 { color: var(--_button---primary); width: 16px; height: 16px; } .image-15 { max-width: 200px; } .code-embed-10 { color: var(--white); width: 12px; height: 16px; } .flex-block-86 { grid-column-gap: 5px; grid-row-gap: 5px; border-radius: var(--_round---small-8); background-color: var(--_button---hover-dark_blue); justify-content: flex-start; align-items: center; padding: 10px 15px; } .flex-block-18-copy-copy { grid-column-gap: 10px; grid-row-gap: 10px; } .link-block-4-copy { flex: 0 auto; } .heading-8-copy { color: var(--_fonts---color--light-blue-grey); font-size: var(--_fonts---font-size--small-font-size); margin-left: 0; margin-right: 0; font-weight: 400; } .dropdown-2 { margin-left: 0; margin-right: 0; } .dropdown-list-2 { background-color: var(--white); box-shadow: 0 2px 5px #0003; } .dropdown-list-2.w--open { border-radius: var(--_round---small-8); } .heading-9-copy { margin-top: 0; } .info-block-search-copy { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column; justify-content: space-between; align-self: stretch; align-items: flex-start; } .heading-9-copy-copy { font-size: var(--_fonts---font-size--small-font-size); line-height: 18px; } .section-2 { padding-left: 15px; padding-right: 15px; } .mobile-block { flex: 0 auto; width: auto; } .flex-block-87 { grid-column-gap: 0px; grid-row-gap: 0px; } .mobile-menu-bottom { margin-left: 0; margin-right: 0; padding-left: 15px; padding-right: 15px; } .mobile-menu-bottom.nav, .mobile-menu-bottom.info { padding-left: 15px; padding-right: 15px; } .mobile-menu-bottom.subscribe, .mobile-menu-bottom.footer { padding: 40px 15px; } .name-mobile-menu-item { display: block; } .button-for-mobile-menu-block { grid-column-gap: 0px; grid-row-gap: 0px; width: 60px; padding-bottom: 5px; } .section-3 { padding-left: 15px; padding-right: 15px; } .nav-menu-3 { display: none; } .flex-block-93 { margin-left: 0; } .sort-list-card { grid-column-gap: 0px; grid-row-gap: 0px; padding-left: 18px; padding-right: 18px; } .flex-block-49-copy { grid-column-gap: 28px; grid-row-gap: 28px; } .price-in-cart-s1 { text-align: left; min-width: 120px; } .delivery-cart-s1 { font-size: var(--_fonts---font-size--small-font-size); line-height: 18px; } .price-1-pcs-cart-s1 { text-align: left; } .pcs-cart-s1 { margin-left: auto; margin-right: 0; display: flex; } .add-to-cart-block-s2 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; align-self: stretch; place-items: flex-start start; display: flex; } .product-item-search-s1 { padding-left: 10px; padding-right: 10px; } .info-block-search-s1 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: row; justify-content: space-between; align-self: auto; align-items: center; } .info-block-product-card-search-s1 { display: none; } .price-s1 { text-align: left; width: 80px; } .flex-block-14-copy { grid-column-gap: 20px; grid-row-gap: 20px; margin-bottom: 40px; } .flex-block-13-copy { grid-column-gap: 20px; grid-row-gap: 20px; flex-flow: column; max-width: 100%; } .core-product-s1 { grid-column-gap: 10px; grid-row-gap: 10px; flex-flow: column-reverse wrap; justify-content: flex-start; align-items: flex-start; } .flex-block-48-copy { max-width: 100%; } .sort-list-s1 { grid-column-gap: 0px; grid-row-gap: 0px; padding-left: 18px; padding-right: 18px; } .pcs-search-s1 { width: 50px; } .add-to-cart-block-s1 { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; align-self: stretch; place-items: flex-start start; display: flex; } .flex-block-15-copy { grid-column-gap: 5px; grid-row-gap: 5px; min-width: 135px; max-width: 190px; padding: 15px; } .flex-block-14-copy-copy { grid-column-gap: 10px; grid-row-gap: 10px; max-width: 100%; margin-bottom: 0; overflow: scroll; } .add-to-cart-block-copy { grid-column-gap: 5px; grid-row-gap: 5px; grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: row; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; justify-content: space-between; align-self: stretch; place-items: center start; display: flex; } .control-element-copy { margin-left: auto; } .core-product-copy-copy { flex-flow: column; justify-content: flex-start; align-items: center; } .flex-block-94 { grid-column-gap: 15px; grid-row-gap: 15px; } .div-block-31 { padding: 12px 15px; } .image-18 { height: 18px; } .desc-wholesale { min-width: 260px; padding: 30px 20px; } .flex-block-95 { grid-template-rows: auto auto auto auto auto; grid-template-columns: 1fr; } .image-wholesale { min-width: 260px; } .why-wholesale { grid-template-rows: auto auto auto auto auto auto auto auto; grid-template-columns: 1fr; } .flex-block-96 { flex-flow: column; grid-template-rows: auto auto auto auto auto auto; grid-template-columns: 1fr; justify-content: flex-start; align-items: flex-start; padding-left: 20px; padding-right: 20px; display: flex; } .div-block-33 { transform: rotate(90deg); } .flex-block-71-copy { flex-flow: wrap; } .text-block-36-copy { flex: 0 auto; } .map-contacts, .lastnews { min-width: 260px; } .contentnews { min-width: 260px; padding: 30px 20px; } .submit-button-s { padding: 15px 30px; } .flex-block-6-copy-copy { margin-left: -16px; margin-right: -16px; padding-left: 16px; padding-right: 16px; } .heading-17 { text-align: center; font-size: 24px; } .text-block-51 { display: none; } .flex-block-99 { margin-bottom: 0; } .flex-block-100 { padding-left: 20px; padding-right: 20px; } .flex-block-101 { display: none; } .container2-copy { padding-left: 15px; padding-right: 15px; } .div-block-12-copy, .div-block-123, .div-block-red.small { min-width: 280px; height: auto; overflow: hidden; } .image-22 { margin-right: -50px; } .section-info { padding-left: 15px; padding-right: 15px; } .catc { flex: 0 auto; } .image-23 { width: 18px; } .text-block-4-copy { line-height: 140%; } .image-thx { min-width: 260px; min-height: 300px; } .flex-block-104 { flex-flow: column; } .button_strock-s { padding: 12px 25px; } .txtpthx { flex: 0 auto; } .div-block-127 { margin-top: 0; } .headingbi { grid-column-gap: 5px; grid-row-gap: 5px; } .rightbi { flex-flow: wrap; justify-content: flex-start; align-items: flex-start; } .flex-block-bi { grid-column-gap: 15px; grid-row-gap: 15px; } .heading-bi { font-size: var(--_fonts---font-size--heading-3); --_fonts---font-family: Onest, sans-serif; --_fonts---color--dark-blue: #0d336c; --_fonts---font-size--core: 14px; --_fonts---font-size--small-font-size: 12px; --_fonts---color--black: #000; --_fonts---font-size--bigger: 16px; --_fonts---color--white: white; --_fonts---color--light-blue-grey: #8e9aac; --_fonts---h1: 30px; --_fonts---color--light-blue: #b7cae2; --_fonts---color--grey: #747474; --_fonts---font-size--heading-3: 20px; --_fonts---font-size--heading-2: 24px; --_fonts---color--green: #4db45e; --_fonts---font-size--supersmall: 10px; line-height: 130%; } .fsfav { margin-top: 0; } .favcardcat { width: 30px; height: 30px; margin-top: 0; } .topnav { margin-left: 0; top: 58px; } .topmenub { padding-left: 15px; padding-right: 15px; } .tb { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 0; padding-right: 0; } .tb.nav { padding-left: 0; padding-right: 0; } .tb.info { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .tb.subscribe { padding: 40px 0; } .tb.footer { padding: 40px 0 90px; } .batd { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 0; padding-right: 0; } .batd.nav { padding-left: 0; padding-right: 0; } .batd.info { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .batd.subscribe { padding: 40px 0; } .batd.footer { padding: 40px 0 90px; } .saletag { padding-top: 3px; padding-bottom: 3px; font-size: 12px; top: -15px; } .catnav { padding-left: 15px; padding-right: 15px; } .div-block-131 { min-width: 120px; min-height: 140px; } .text-block-57 { font-size: var(--_fonts---font-size--small-font-size); line-height: 16px; } .container-vin { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 0; padding-right: 0; } .container-vin.nav { padding-left: 0; padding-right: 0; } .container-vin.info { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container-vin.subscribe { padding: 40px 0; } .container-vin.footer { padding: 40px 0 90px; } .knot-img { min-width: 120px; min-height: 140px; padding: 20px; } .knotinfo { max-width: 320px; min-height: 140px; } .heading-19 { font-size: 18px; line-height: 28px; } .flex-block-115 { flex-flow: column; } .knotin { max-width: 320px; min-height: 140px; } .knot-parts { grid-column-gap: 15px; grid-row-gap: 15px; min-width: 120px; min-height: 140px; padding: 20px; } .knotlistitem { grid-column-gap: 5px; grid-row-gap: 5px; flex-flow: column; justify-content: space-between; align-items: flex-start; } .brandsortb { grid-column-gap: 30px; grid-row-gap: 30px; padding-top: 0; overflow: hidden; } .bestpriceitem { grid-column-gap: 5px; grid-row-gap: 5px; min-width: 135px; max-width: 190px; padding: 15px; } .pricecartbp { grid-column-gap: 0px; grid-row-gap: 0px; flex-flow: column; } .nameitembp { max-height: 36px; font-size: 12px; line-height: 18px; overflow: hidden; } .saletagbp { padding-top: 3px; padding-bottom: 3px; font-size: 12px; top: -15px; } .imgitembp { padding-left: 0; padding-right: 0; } .submit-button-copy { align-self: stretch; padding: 15px 30px; } .supportheading { font-size: var(--_fonts---font-size--heading-2); } .image-5-copy { width: 100%; height: 100%; min-height: auto; } .select-copy { margin-bottom: 10px; } .container-copy { max-width: 100%; margin-left: 0; margin-right: 0; padding-top: 20px; padding-left: 0; padding-right: 0; } .container-copy.nav { padding-left: 0; padding-right: 0; } .container-copy.info { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .container-copy.subscribe { padding: 40px 0; } .container-copy.footer { padding: 40px 0 90px; } } #w-node-_5428604d-3026-96c9-8306-ab3c3dd9acb7-3b3232bc { justify-self: stretch; } @media screen and (max-width: 991px) { #w-node-_2eb32dc9-d3cb-cbbb-db81-4205d4e11f12-659ca3b9 { grid-area: span 1 / span 3 / span 1 / span 3; } } @media screen and (max-width: 479px) { #w-node-_35f55517-cbe0-9ee3-13bb-a3ed00029bba-00029ba8, #w-node-_35f55517-cbe0-9ee3-13bb-a3ed00029bc7-00029ba8 { justify-self: stretch; } }