feat: перенос vin в компоненты, добавление логики и исправления
This commit is contained in:
egortriston
@ -1,6 +1,5 @@
|
||||
:root {
|
||||
--background: #f5f8fb;
|
||||
--white: white;
|
||||
--back: #0d336c;
|
||||
--_fonts---font-family: Onest, sans-serif;
|
||||
--_fonts---color--dark-blue: #0d336c;
|
||||
@ -11,13 +10,13 @@
|
||||
--_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---black: #000;
|
||||
--_button---color: white;
|
||||
--_round---big-20: 20px;
|
||||
--_fonts---color--light-blue-grey: #8e9aac;
|
||||
@ -30,10 +29,11 @@
|
||||
--_round---supersmall-4: 4px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 30px;
|
||||
--_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;
|
||||
@ -843,8 +843,8 @@ body {
|
||||
--_fonts---h1: 36px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 30px;
|
||||
--_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;
|
||||
@ -863,11 +863,12 @@ body {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 1920px;
|
||||
min-width: auto;
|
||||
max-width: 1580px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-top: 40px;
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
display: flex;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.container.nav {
|
||||
@ -876,20 +877,20 @@ body {
|
||||
}
|
||||
|
||||
.container.info {
|
||||
background-color: var(--white);
|
||||
width: 100%;
|
||||
padding-top: 30px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
.container.subscribe {
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.container.footer {
|
||||
background-color: var(--back);
|
||||
padding-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
padding-top: 50px;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
@ -913,7 +914,7 @@ body {
|
||||
}
|
||||
|
||||
.brand {
|
||||
min-width: 212px;
|
||||
min-width: 190px;
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
position: relative;
|
||||
@ -932,7 +933,7 @@ body {
|
||||
.flex-block {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
display: flex;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-2 {
|
||||
@ -951,20 +952,37 @@ body {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.bottom_head {
|
||||
.topmenuh {
|
||||
background-color: var(--back);
|
||||
flex-flow: column;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin-top: -15px;
|
||||
margin-top: 0;
|
||||
padding-left: 60px;
|
||||
padding-right: 60px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-block-4 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
@ -973,11 +991,10 @@ body {
|
||||
background-color: #fff;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 50px;
|
||||
padding: 15px 16px;
|
||||
width: 50px;
|
||||
height: 44px;
|
||||
padding: 13px 12px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
}
|
||||
|
||||
.menu-button:hover {
|
||||
@ -994,8 +1011,7 @@ body {
|
||||
height: 50px;
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
position: absolute;
|
||||
left: 60px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.menu-button.w--open:hover {
|
||||
@ -1009,11 +1025,10 @@ body {
|
||||
.navbar-2 {
|
||||
background-color: #0000;
|
||||
flex-flow: column;
|
||||
width: 100%;
|
||||
margin-left: -60px;
|
||||
margin-right: auto;
|
||||
position: absolute;
|
||||
top: 90px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
display: block;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.svg-icon {
|
||||
@ -1097,7 +1112,8 @@ body {
|
||||
cursor: pointer;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding: 9px 15px;
|
||||
height: 44px;
|
||||
padding: 6px 15px;
|
||||
text-decoration: none;
|
||||
display: flex;
|
||||
position: relative;
|
||||
@ -1125,18 +1141,22 @@ body {
|
||||
.left-arrow {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-left: -60px;
|
||||
margin-left: 0;
|
||||
padding-left: 40px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.left-arrow:hover {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.icon-2 {
|
||||
color: var(--_button---black);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
display: flex;
|
||||
@ -1151,28 +1171,28 @@ body {
|
||||
background-color: var(--back);
|
||||
border: 1px #000;
|
||||
flex: 1;
|
||||
min-width: 100%;
|
||||
max-width: 100%;
|
||||
height: 480px;
|
||||
height: 220px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.flex-block-5 {
|
||||
grid-column-gap: 40px;
|
||||
grid-row-gap: 40px;
|
||||
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: ". ."
|
||||
". ."
|
||||
"Area Area"
|
||||
/ 1fr 1fr;
|
||||
grid-template: "."
|
||||
"."
|
||||
/ 1fr 1fr 1fr 1fr;
|
||||
grid-auto-columns: 1fr;
|
||||
align-self: stretch;
|
||||
display: grid;
|
||||
@ -1200,7 +1220,7 @@ body {
|
||||
grid-row-gap: 10px;
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.link-block-2 {
|
||||
@ -1212,6 +1232,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-8 {
|
||||
grid-column-gap: 40px;
|
||||
grid-row-gap: 40px;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
width: 100%;
|
||||
@ -1235,6 +1257,7 @@ body {
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---h1);
|
||||
font-weight: var(--_fonts---black-weight);
|
||||
flex: 1;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@ -1264,6 +1287,16 @@ body {
|
||||
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;
|
||||
@ -1277,8 +1310,8 @@ body {
|
||||
flex: 0 auto;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 20px;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
@ -1301,8 +1334,8 @@ body {
|
||||
.form-block {
|
||||
border-radius: var(--_round---small-8);
|
||||
flex: 1;
|
||||
align-self: stretch;
|
||||
height: 100%;
|
||||
min-height: 48px;
|
||||
margin-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
@ -1316,12 +1349,10 @@ body {
|
||||
border: 1px #000;
|
||||
border-radius: 0;
|
||||
flex: 1;
|
||||
align-self: stretch;
|
||||
height: 100%;
|
||||
min-height: 48px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 10px;
|
||||
margin-right: 30px;
|
||||
padding: 0 30px 0 20px;
|
||||
margin: auto 30px auto 10px;
|
||||
padding: 12px 30px 12px 20px;
|
||||
}
|
||||
|
||||
.error-message {
|
||||
@ -1454,7 +1485,7 @@ body {
|
||||
}
|
||||
|
||||
.text-block-6 {
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
@ -1486,7 +1517,7 @@ body {
|
||||
padding: 5px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
top: -45px;
|
||||
top: -35px;
|
||||
}
|
||||
|
||||
.text-block-8 {
|
||||
@ -1505,8 +1536,8 @@ body {
|
||||
}
|
||||
|
||||
.div-block-3 {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
grid-column-gap: 5px;
|
||||
grid-row-gap: 5px;
|
||||
flex-flow: column;
|
||||
align-self: auto;
|
||||
margin-top: -30px;
|
||||
@ -1527,15 +1558,18 @@ body {
|
||||
|
||||
.image-5 {
|
||||
box-sizing: content-box;
|
||||
width: 210px;
|
||||
height: 190px;
|
||||
min-height: 190px;
|
||||
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;
|
||||
}
|
||||
|
||||
@ -1732,13 +1766,16 @@ body {
|
||||
.heading-3.sub {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
font-size: 22px;
|
||||
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: flex-start;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -1758,10 +1795,10 @@ body {
|
||||
|
||||
.text-field-3 {
|
||||
border-radius: var(--_round---normal);
|
||||
align-self: stretch;
|
||||
height: 48px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 30px 24px;
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
.form-block-3 {
|
||||
@ -1777,9 +1814,12 @@ body {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@ -1789,21 +1829,21 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-19 {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
width: 260px;
|
||||
}
|
||||
|
||||
.link-block-5 {
|
||||
border-radius: var(--_round---normal);
|
||||
background-color: var(--_button---color);
|
||||
padding: 19px 30px;
|
||||
padding: 14px 25px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.flex-block-20 {
|
||||
grid-column-gap: 40px;
|
||||
grid-row-gap: 40px;
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
@ -1848,9 +1888,11 @@ body {
|
||||
.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-top: 30px;
|
||||
padding: 30px 40px;
|
||||
}
|
||||
|
||||
.flex-block-25 {
|
||||
@ -1864,9 +1906,13 @@ body {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.link-block-6:hover {
|
||||
color: var(--_button---primary);
|
||||
}
|
||||
|
||||
.flex-block-26 {
|
||||
grid-column-gap: 26px;
|
||||
grid-row-gap: 26px;
|
||||
grid-column-gap: 22px;
|
||||
grid-row-gap: 22px;
|
||||
flex: 1;
|
||||
min-width: 140px;
|
||||
}
|
||||
@ -1905,8 +1951,8 @@ body {
|
||||
border-radius: var(--_round---supersmall-4);
|
||||
background-color: var(--white);
|
||||
color: var(--_fonts---color--grey);
|
||||
height: 52px;
|
||||
margin-bottom: 18px;
|
||||
height: 46px;
|
||||
margin-bottom: 12px;
|
||||
padding: 12px 24px;
|
||||
}
|
||||
|
||||
@ -1972,29 +2018,29 @@ body {
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
max-width: 100%;
|
||||
padding: 60px;
|
||||
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;
|
||||
font-size: 36px;
|
||||
line-height: 120%;
|
||||
}
|
||||
|
||||
.text-block-19 {
|
||||
color: var(--white);
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
font-weight: 400;
|
||||
line-height: 140%;
|
||||
}
|
||||
|
||||
.flex-block-30 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
max-width: 840px;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
max-width: 540px;
|
||||
}
|
||||
|
||||
.flex-block-31 {
|
||||
@ -2009,22 +2055,23 @@ body {
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
min-width: 480px;
|
||||
height: 260px;
|
||||
min-width: 240px;
|
||||
height: 140px;
|
||||
padding-top: 0;
|
||||
padding-left: 0;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.div-block-12.small {
|
||||
min-width: 340px;
|
||||
min-width: 240px;
|
||||
}
|
||||
|
||||
.heading-7 {
|
||||
z-index: 999;
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---font-size--heading-3);
|
||||
width: 200px;
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
width: 160px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
margin-left: 30px;
|
||||
@ -2051,13 +2098,15 @@ body {
|
||||
}
|
||||
|
||||
.heading_news {
|
||||
font-size: var(--_fonts---font-size--heading-3);
|
||||
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 {
|
||||
@ -2121,12 +2170,18 @@ body {
|
||||
|
||||
.slide-nav {
|
||||
margin-bottom: -55px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.right-arrow {
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
margin-right: -60px;
|
||||
margin-right: 0;
|
||||
padding-right: 40px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.right-arrow:hover {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -2148,12 +2203,12 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-37 {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
border-radius: var(--_round---normal);
|
||||
background-color: var(--white);
|
||||
align-self: stretch;
|
||||
padding: 20px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.image-8 {
|
||||
@ -2183,7 +2238,9 @@ body {
|
||||
flex-flow: row;
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: flex-start;
|
||||
align-items: center;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.div-block-16 {
|
||||
@ -2194,16 +2251,24 @@ body {
|
||||
|
||||
.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: flex;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.minus-plus:hover {
|
||||
background-color: var(--_fonts---color--green);
|
||||
color: var(--_button---color);
|
||||
}
|
||||
|
||||
.minus-plus:active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.input-pcs {
|
||||
@ -2236,7 +2301,7 @@ body {
|
||||
.flex-block-43 {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
flex-flow: column;
|
||||
flex-flow: row;
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
@ -2276,6 +2341,8 @@ body {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.text-block-23 {
|
||||
@ -2290,12 +2357,16 @@ body {
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@ -2412,7 +2483,7 @@ body {
|
||||
|
||||
.delivery-time-search {
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
width: 110px;
|
||||
width: 120px;
|
||||
max-height: 40px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -2431,7 +2502,7 @@ body {
|
||||
.add-to-cart-block {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex: 0 auto;
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
@ -2757,7 +2828,7 @@ body {
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
padding: 8px 20px;
|
||||
padding: 3px 20px;
|
||||
}
|
||||
|
||||
.cart-item:hover {
|
||||
@ -2793,7 +2864,7 @@ body {
|
||||
|
||||
.flex-block-39-copy {
|
||||
flex-flow: column;
|
||||
flex: none;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -2994,6 +3065,10 @@ body {
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.px-line.cartstep {
|
||||
margin: 3px 20px;
|
||||
}
|
||||
|
||||
.flex-block-59 {
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
@ -3029,7 +3104,7 @@ body {
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
padding: 8px 15px;
|
||||
padding: 5px 15px;
|
||||
}
|
||||
|
||||
.favorite-item:hover {
|
||||
@ -3147,6 +3222,7 @@ body {
|
||||
|
||||
.flex-block-62 {
|
||||
border: 1px solid var(--grey);
|
||||
border-radius: var(--_round---small-8);
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
@ -3166,6 +3242,7 @@ body {
|
||||
.radio-text {
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---font-size--small-font-size);
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.div-block-22 {
|
||||
@ -3191,7 +3268,7 @@ body {
|
||||
border-radius: var(--_round---small-8);
|
||||
background-color: var(--background);
|
||||
color: var(--_fonts---color--black);
|
||||
padding: 8px 20px;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
.tag-button:hover {
|
||||
@ -3205,8 +3282,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-65 {
|
||||
grid-column-gap: 5px;
|
||||
grid-row-gap: 5px;
|
||||
grid-column-gap: 8px;
|
||||
grid-row-gap: 8px;
|
||||
flex-flow: wrap;
|
||||
}
|
||||
|
||||
@ -3227,10 +3304,12 @@ body {
|
||||
.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;
|
||||
}
|
||||
|
||||
@ -3248,6 +3327,11 @@ body {
|
||||
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);
|
||||
@ -3263,8 +3347,7 @@ body {
|
||||
color: var(--_fonts---color--black);
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
width: 20px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -3361,8 +3444,9 @@ body {
|
||||
.text-block-36 {
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
flex: none;
|
||||
flex: 1;
|
||||
line-height: 140%;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.flex-block-69-copy {
|
||||
@ -3480,7 +3564,7 @@ body {
|
||||
flex-flow: wrap;
|
||||
justify-content: flex-start;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.code-embed-3 {
|
||||
@ -3541,8 +3625,8 @@ body {
|
||||
}
|
||||
|
||||
.code-embed-5 {
|
||||
width: 30px;
|
||||
height: 18px;
|
||||
width: 26px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.code-embed-6 {
|
||||
@ -3600,7 +3684,7 @@ body {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
justify-content: flex-start;
|
||||
align-self: stretch;
|
||||
align-self: auto;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@ -3625,8 +3709,9 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-78 {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
@ -3637,8 +3722,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-80 {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
|
||||
.flex-block-81 {
|
||||
@ -3792,11 +3877,13 @@ body {
|
||||
|
||||
.heading-8-copy {
|
||||
color: var(--_fonts---color--black);
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
align-self: stretch;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
margin-left: 20px;
|
||||
margin-left: 0;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.dropdown-toggle-2 {
|
||||
@ -3866,6 +3953,12 @@ body {
|
||||
|
||||
.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 {
|
||||
@ -3967,9 +4060,14 @@ body {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.icon-setting {
|
||||
flex: 1;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.div-block-25 {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.info-satus {
|
||||
@ -3983,6 +4081,13 @@ body {
|
||||
|
||||
.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 {
|
||||
@ -4014,10 +4119,10 @@ body {
|
||||
.div-block-28 {
|
||||
background-color: var(--background);
|
||||
height: auto;
|
||||
margin-top: 70px;
|
||||
margin-top: 60px;
|
||||
padding-bottom: 60px;
|
||||
padding-left: 60px;
|
||||
position: static;
|
||||
position: absolute;
|
||||
bottom: auto;
|
||||
left: 0%;
|
||||
right: 0%;
|
||||
@ -4135,12 +4240,20 @@ body {
|
||||
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 {
|
||||
@ -4205,7 +4318,8 @@ body {
|
||||
flex: 1;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-left: 88px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.text-block-48, .text-block-49 {
|
||||
@ -4264,13 +4378,13 @@ body {
|
||||
grid-row-gap: 12px;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
display: none;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.add-to-cart-block-s2 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex: 0 auto;
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
@ -4456,16 +4570,16 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-15-copy {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
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: 240px;
|
||||
max-width: 340px;
|
||||
padding: 20px;
|
||||
min-width: 220px;
|
||||
max-width: 256px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.flex-block-15-copy:hover {
|
||||
@ -4569,7 +4683,7 @@ body {
|
||||
grid-column-gap: 14px;
|
||||
grid-row-gap: 14px;
|
||||
border-radius: var(--_round---big-20);
|
||||
background-image: url('../images/77c5257b24c911f088657e329d1b2d51_3-1.png');
|
||||
background-image: url('../images/thx.jpg');
|
||||
background-position: 50%;
|
||||
background-size: auto;
|
||||
flex-flow: column;
|
||||
@ -4659,7 +4773,7 @@ body {
|
||||
.text-block-36-copy {
|
||||
color: var(--_fonts---color--light-blue-grey);
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
flex: none;
|
||||
flex: 1;
|
||||
line-height: 140%;
|
||||
}
|
||||
|
||||
@ -4675,7 +4789,7 @@ body {
|
||||
flex-flow: wrap;
|
||||
justify-content: flex-start;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
@ -4754,14 +4868,14 @@ body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.submit-button-copy {
|
||||
.submit-button-s {
|
||||
border-radius: var(--_round---normal);
|
||||
background-color: var(--_button---primary);
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
padding: 22px 40px;
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
padding: 14px 30px;
|
||||
}
|
||||
|
||||
.submit-button-copy.fill {
|
||||
.submit-button-s.fill {
|
||||
justify-content: center;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
@ -4772,9 +4886,12 @@ body {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex-flow: row;
|
||||
flex: 0 auto;
|
||||
justify-content: space-between;
|
||||
align-self: stretch;
|
||||
align-items: flex-start;
|
||||
align-items: center;
|
||||
margin: -20px;
|
||||
padding: 20px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@ -4785,14 +4902,25 @@ body {
|
||||
.div-block-34 {
|
||||
border: 1px solid var(--light-blue);
|
||||
background-color: var(--white);
|
||||
opacity: 0;
|
||||
color: var(--back);
|
||||
border-radius: 100px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
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 {
|
||||
@ -4866,7 +4994,7 @@ body {
|
||||
margin-top: 60px;
|
||||
position: absolute;
|
||||
inset: 0% 0% auto auto;
|
||||
overflow: hidden;
|
||||
overflow: clip;
|
||||
}
|
||||
|
||||
.flex-block-6-copy {
|
||||
@ -4886,7 +5014,7 @@ body {
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
max-width: 1920px;
|
||||
max-width: 1580px;
|
||||
padding: 40px 60px;
|
||||
display: flex;
|
||||
}
|
||||
@ -4913,9 +5041,10 @@ body {
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
min-width: 480px;
|
||||
height: 260px;
|
||||
min-width: 240px;
|
||||
height: 140px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.div-block-12-copy.small {
|
||||
@ -4928,9 +5057,9 @@ body {
|
||||
flex: 1;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
min-width: 480px;
|
||||
height: 260px;
|
||||
height: 140px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.div-block-123.small {
|
||||
@ -4940,7 +5069,7 @@ body {
|
||||
.heading-7-white {
|
||||
z-index: 999;
|
||||
color: var(--_fonts---color--white);
|
||||
font-size: var(--_fonts---font-size--heading-3);
|
||||
font-size: var(--_fonts---font-size--bigger);
|
||||
width: 200px;
|
||||
margin-top: 30px;
|
||||
margin-bottom: 0;
|
||||
@ -4969,18 +5098,1439 @@ body {
|
||||
background-image: none;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
min-width: 340px;
|
||||
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) {
|
||||
@ -4997,8 +6547,8 @@ body {
|
||||
--_fonts---black-weight: 800;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 30px;
|
||||
--_fonts---font-size--heading-3: 24px;
|
||||
--_fonts---font-size--heading-2: 30px;
|
||||
--_fonts---color--green: #4db45e;
|
||||
--_fonts---font-size--supersmall: 12px;
|
||||
}
|
||||
@ -5026,18 +6576,27 @@ body {
|
||||
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;
|
||||
}
|
||||
|
||||
.button_h {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
.form-block {
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.left-arrow {
|
||||
margin-left: -80px;
|
||||
.text-field {
|
||||
padding-top: 14px;
|
||||
padding-bottom: 14px;
|
||||
}
|
||||
|
||||
.flex-block-12 {
|
||||
@ -5073,14 +6632,22 @@ body {
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.right-arrow {
|
||||
margin-right: -80px;
|
||||
.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;
|
||||
@ -5128,6 +6695,10 @@ body {
|
||||
grid-row-gap: 60px;
|
||||
}
|
||||
|
||||
.flex-block-78 {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.flex-block-81 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
@ -5177,12 +6748,13 @@ body {
|
||||
height: 210px;
|
||||
}
|
||||
|
||||
.core-product-search-copy {
|
||||
flex-flow: row;
|
||||
.section-4 {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.core-product-search-s1 {
|
||||
flex-flow: column;
|
||||
.core-product-search-copy, .core-product-search-s1 {
|
||||
flex-flow: row;
|
||||
}
|
||||
|
||||
.info-block-search-s1 {
|
||||
@ -5190,16 +6762,20 @@ body {
|
||||
}
|
||||
|
||||
.core-product-s1 {
|
||||
flex-flow: row-reverse;
|
||||
flex-flow: column;
|
||||
flex: 1;
|
||||
justify-content: flex-end;
|
||||
justify-content: flex-start;
|
||||
align-self: stretch;
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
min-width: 270px;
|
||||
}
|
||||
|
||||
.core-product-search-s2 {
|
||||
flex-flow: column;
|
||||
flex-flow: row;
|
||||
}
|
||||
|
||||
.text-block-25-s1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-15-copy.end {
|
||||
@ -5232,11 +6808,6 @@ body {
|
||||
max-width: none;
|
||||
}
|
||||
|
||||
.flex-block-6-copy-copy {
|
||||
flex-flow: wrap;
|
||||
height: 470px;
|
||||
}
|
||||
|
||||
.flex-block-99 {
|
||||
max-width: 50%;
|
||||
}
|
||||
@ -5249,6 +6820,61 @@ body {
|
||||
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) {
|
||||
@ -5257,21 +6883,45 @@ body {
|
||||
}
|
||||
|
||||
.flex-block {
|
||||
display: flex;
|
||||
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: ". . ."
|
||||
". Area Area"
|
||||
/ 1fr 1fr 1fr;
|
||||
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;
|
||||
}
|
||||
@ -5284,9 +6934,37 @@ body {
|
||||
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 {
|
||||
@ -5348,6 +7026,10 @@ body {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-block-14-copy-copy {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.core-product-copy-copy {
|
||||
max-width: 320px;
|
||||
}
|
||||
@ -5359,6 +7041,14 @@ body {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.div-block-34 {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.heading-17 {
|
||||
font-size: 64px;
|
||||
}
|
||||
@ -5387,12 +7077,158 @@ body {
|
||||
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: 30px;
|
||||
padding-right: 30px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.container.subscribe, .container.footer {
|
||||
@ -5400,8 +7236,13 @@ body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.top_head, .topmenuh {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.navbar-2 {
|
||||
margin-left: -60px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.text-block-2 {
|
||||
@ -5428,6 +7269,11 @@ body {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.flex-block-12 {
|
||||
display: none;
|
||||
}
|
||||
@ -5509,9 +7355,29 @@ body {
|
||||
}
|
||||
|
||||
.news {
|
||||
min-width: 320px;
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
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 {
|
||||
@ -5522,14 +7388,22 @@ body {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.raiting {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-40 {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
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;
|
||||
}
|
||||
@ -5538,6 +7412,8 @@ body {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
flex-flow: column;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.image-10 {
|
||||
@ -5707,6 +7583,7 @@ body {
|
||||
.flex-block-80 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
align-self: stretch;
|
||||
}
|
||||
|
||||
.flex-block-81 {
|
||||
@ -5743,19 +7620,19 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-85 {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
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: 15px 30px;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.code-embed-9 {
|
||||
color: var(--_button---primary);
|
||||
width: 24px;
|
||||
width: 20px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
@ -5826,7 +7703,7 @@ body {
|
||||
z-index: 999999;
|
||||
}
|
||||
|
||||
.mobile-menu-bottom, .mobile-menu-bottom.nav, .mobile-menu-bottom.info {
|
||||
.section-2, .mobile-menu-bottom, .mobile-menu-bottom.nav, .mobile-menu-bottom.info {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
@ -5846,6 +7723,11 @@ body {
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.section-3 {
|
||||
padding-left: 30px;
|
||||
padding-right: 30px;
|
||||
}
|
||||
|
||||
.core-product-card-copy {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
@ -5952,6 +7834,10 @@ body {
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
.pcs-cart-s1 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-13-copy {
|
||||
flex-flow: column;
|
||||
}
|
||||
@ -6072,6 +7958,11 @@ body {
|
||||
min-width: 340px;
|
||||
}
|
||||
|
||||
.flex-block-6-copy-copy {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
|
||||
.mask {
|
||||
height: auto;
|
||||
}
|
||||
@ -6109,6 +8000,108 @@ body {
|
||||
.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) {
|
||||
@ -6124,15 +8117,19 @@ body {
|
||||
--_fonts---h1: 30px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---font-size--heading-3: 20px;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---color--green: #4db45e;
|
||||
--_fonts---font-size--supersmall: 10px;
|
||||
}
|
||||
|
||||
.container.info {
|
||||
.container {
|
||||
padding-top: 20px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.container.info {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.container.footer {
|
||||
@ -6140,7 +8137,6 @@ body {
|
||||
}
|
||||
|
||||
.brand {
|
||||
width: 180px;
|
||||
min-width: 140px;
|
||||
}
|
||||
|
||||
@ -6148,11 +8144,21 @@ body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.flex-block, .flex-block-2 {
|
||||
.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;
|
||||
}
|
||||
@ -6193,20 +8199,25 @@ body {
|
||||
--_fonts---h1: 30px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_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: 20px;
|
||||
grid-row-gap: 20px;
|
||||
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;
|
||||
@ -6219,8 +8230,8 @@ body {
|
||||
--_fonts---h1: 30px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---font-size--heading-3: 20px;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---color--green: #4db45e;
|
||||
--_fonts---font-size--supersmall: 10px;
|
||||
}
|
||||
@ -6244,6 +8255,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-13 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex-flow: column;
|
||||
}
|
||||
|
||||
@ -6323,6 +8336,10 @@ body {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.news {
|
||||
min-width: 244px;
|
||||
}
|
||||
|
||||
.right-arrow {
|
||||
display: none;
|
||||
}
|
||||
@ -6344,6 +8361,8 @@ body {
|
||||
.flex-block-40 {
|
||||
flex-flow: column;
|
||||
align-self: auto;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.div-block-16 {
|
||||
@ -6629,13 +8648,13 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-85 {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
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: 15px 20px;
|
||||
padding: 10px 20px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@ -6659,6 +8678,8 @@ body {
|
||||
.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;
|
||||
@ -6733,11 +8754,6 @@ body {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.icon-setting {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.div-block-25 {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
@ -6829,7 +8845,17 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.add-to-cart-block-s1, .add-to-cart-block-copy, .add-to-cart-block-copy {
|
||||
.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;
|
||||
@ -6851,6 +8877,135 @@ body {
|
||||
.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) {
|
||||
@ -6866,30 +9021,39 @@ body {
|
||||
--_fonts---h1: 30px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_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%;
|
||||
padding-top: 30px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
padding-top: 20px;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.container.nav, .container.info {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
.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 15px;
|
||||
padding: 40px 0;
|
||||
}
|
||||
|
||||
.container.footer {
|
||||
padding: 40px 15px 90px;
|
||||
padding: 40px 0 90px;
|
||||
}
|
||||
|
||||
.brand {
|
||||
@ -6898,6 +9062,7 @@ body {
|
||||
}
|
||||
|
||||
.phone {
|
||||
font-size: var(--_fonts---font-size--core);
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -6910,15 +9075,19 @@ body {
|
||||
grid-row-gap: 15px;
|
||||
}
|
||||
|
||||
.top_head, .topmenuh {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.flex-block-4 {
|
||||
padding-top: 15px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
.menu-button {
|
||||
width: 54px;
|
||||
height: 48px;
|
||||
padding: 14px 15px;
|
||||
height: auto;
|
||||
padding: 10px 12px 12px;
|
||||
}
|
||||
|
||||
.menu-button.w--open {
|
||||
@ -6930,7 +9099,7 @@ body {
|
||||
}
|
||||
|
||||
.navbar-2 {
|
||||
margin-left: -60px;
|
||||
margin-left: 0;
|
||||
top: 58px;
|
||||
}
|
||||
|
||||
@ -6941,8 +9110,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-8 {
|
||||
grid-column-gap: 15px;
|
||||
grid-row-gap: 15px;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
|
||||
.flex-block-9, .flex-block-10 {
|
||||
@ -6962,8 +9131,8 @@ body {
|
||||
--_fonts---h1: 30px;
|
||||
--_fonts---color--light-blue: #b7cae2;
|
||||
--_fonts---color--grey: #747474;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---font-size--heading-3: 20px;
|
||||
--_fonts---font-size--heading-2: 24px;
|
||||
--_fonts---color--green: #4db45e;
|
||||
--_fonts---font-size--supersmall: 10px;
|
||||
line-height: 36px;
|
||||
@ -6974,6 +9143,9 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-11 {
|
||||
grid-column-gap: 5px;
|
||||
grid-row-gap: 5px;
|
||||
flex-flow: wrap;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
}
|
||||
@ -6983,6 +9155,11 @@ body {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.flex-block-13 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
@ -7009,26 +9186,43 @@ body {
|
||||
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: 126px;
|
||||
height: 114px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.div-block-4 {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.button_strock {
|
||||
padding: 15px 30px;
|
||||
padding: 12px 25px;
|
||||
}
|
||||
|
||||
.div-block-7 {
|
||||
@ -7073,20 +9267,35 @@ body {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.link-block-5 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.flex-block-20 {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
}
|
||||
|
||||
.text-block-16 {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.flex-block-22 {
|
||||
grid-column-gap: 20px;
|
||||
grid-row-gap: 20px;
|
||||
flex-flow: column;
|
||||
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;
|
||||
@ -7135,7 +9344,7 @@ body {
|
||||
.news {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
min-width: 260px;
|
||||
min-width: 250px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
@ -7479,6 +9688,10 @@ body {
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
.flex-block-76 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-18-copy {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
@ -7541,8 +9754,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-85 {
|
||||
grid-column-gap: 8px;
|
||||
grid-row-gap: 8px;
|
||||
grid-column-gap: 5px;
|
||||
grid-row-gap: 5px;
|
||||
border-radius: var(--_round---small-8);
|
||||
background-color: var(--white);
|
||||
justify-content: flex-start;
|
||||
@ -7558,13 +9771,13 @@ body {
|
||||
}
|
||||
|
||||
.image-15 {
|
||||
max-width: 80%;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
.code-embed-10 {
|
||||
color: var(--white);
|
||||
width: 16px;
|
||||
height: 20px;
|
||||
width: 12px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.flex-block-86 {
|
||||
@ -7578,8 +9791,8 @@ body {
|
||||
}
|
||||
|
||||
.flex-block-18-copy-copy {
|
||||
grid-column-gap: 30px;
|
||||
grid-row-gap: 30px;
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
}
|
||||
|
||||
.link-block-4-copy {
|
||||
@ -7626,6 +9839,11 @@ body {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.section-2 {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.mobile-block {
|
||||
flex: 0 auto;
|
||||
width: auto;
|
||||
@ -7663,8 +9881,17 @@ body {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
.section-3 {
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.nav-menu-3 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.flex-block-93 {
|
||||
margin-left: 70px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.sort-list-card {
|
||||
@ -7798,7 +10025,7 @@ body {
|
||||
grid-column-gap: 10px;
|
||||
grid-row-gap: 10px;
|
||||
max-width: 100%;
|
||||
margin-bottom: 40px;
|
||||
margin-bottom: 0;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
@ -7892,10 +10119,17 @@ body {
|
||||
padding: 30px 20px;
|
||||
}
|
||||
|
||||
.submit-button-copy {
|
||||
.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;
|
||||
@ -7932,20 +10166,342 @@ body {
|
||||
.image-22 {
|
||||
margin-right: -50px;
|
||||
}
|
||||
}
|
||||
|
||||
#w-node-bc394713-4b8e-44e3-8ddf-3edc1c31a743-3b3232bc {
|
||||
justify-self: stretch;
|
||||
}
|
||||
|
||||
#w-node-_8908a890-8c8f-e12c-999f-08d5da3bcc01-3b3232bc {
|
||||
grid-area: Area;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1920px) {
|
||||
#w-node-_8908a890-8c8f-e12c-999f-08d5da3bcc01-3b3232bc {
|
||||
grid-area: Area;
|
||||
.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) {
|
||||
|
||||
Reference in New Issue
Block a user