-
+
-
-
+
-
-
+
diff --git a/pravki/cart-step-2.html b/pravki/cart-step-2.html
index 98176af..063e940 100644
--- a/pravki/cart-step-2.html
+++ b/pravki/cart-step-2.html
@@ -1,4 +1,4 @@
-
+
@@ -46,7 +46,7 @@
- Thank you! Your submission has been received!
@@ -227,8 +227,8 @@
Аккумуляторная батарея SPEEDMATE AGM 60А/ч
-
@@ -438,8 +438,8 @@
-
@@ -450,22 +450,25 @@
-
-
-
@@ -450,22 +450,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -476,22 +479,25 @@
-
-
-
@@ -476,22 +479,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -502,22 +508,25 @@
-
-
-
@@ -502,22 +508,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -528,22 +537,25 @@
-
-
-
@@ -528,22 +537,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -554,22 +566,25 @@
-
-
-
@@ -554,22 +566,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -580,17 +595,20 @@
-
-
-
@@ -580,17 +595,20 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
+
- Thank you! Your submission has been received!
@@ -213,8 +213,8 @@
-
@@ -828,8 +828,8 @@
diff --git a/pravki/cart.html b/pravki/cart.html
index 1ad56a4..c3e5ef5 100644
--- a/pravki/cart.html
+++ b/pravki/cart.html
@@ -1,4 +1,4 @@
-
+
@@ -46,7 +46,7 @@
-
@@ -840,22 +840,25 @@
-
-
-
@@ -840,22 +840,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -866,22 +869,25 @@
-
-
-
@@ -866,22 +869,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -892,22 +898,25 @@
-
-
-
@@ -892,22 +898,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -918,22 +927,25 @@
-
-
-
@@ -918,22 +927,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -944,22 +956,25 @@
-
-
-
@@ -944,22 +956,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -970,17 +985,20 @@
-
-
-
@@ -970,17 +985,20 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
+
- Thank you! Your submission has been received!
@@ -213,8 +213,8 @@
-
@@ -1122,8 +1122,8 @@
diff --git a/pravki/catalog.html b/pravki/catalog.html
index aa1c7a7..25a7253 100644
--- a/pravki/catalog.html
+++ b/pravki/catalog.html
@@ -1,4 +1,4 @@
-
+
@@ -46,7 +46,7 @@
-
@@ -1134,22 +1134,25 @@
-
-
-
@@ -1134,22 +1134,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -1160,22 +1163,25 @@
-
-
-
@@ -1160,22 +1163,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -1186,22 +1192,25 @@
-
-
-
@@ -1186,22 +1192,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -1212,22 +1221,25 @@
-
-
-
@@ -1212,22 +1221,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -1238,22 +1250,25 @@
-
-
-
@@ -1238,22 +1250,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -1264,17 +1279,20 @@
-
-
-
@@ -1264,17 +1279,20 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
+
-
+
+
Thank you! Your submission has been received!
@@ -213,8 +213,8 @@
-
+
-
@@ -489,22 +489,25 @@
-
-
-
@@ -489,22 +489,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -515,22 +518,25 @@
-
-
-
@@ -515,22 +518,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -541,22 +547,25 @@
-
-
-
@@ -541,22 +547,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -567,22 +576,25 @@
-
-
-
@@ -567,22 +576,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -593,22 +605,25 @@
-
-
-
@@ -593,22 +605,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -619,22 +634,25 @@
-
-
-
@@ -619,22 +634,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -645,22 +663,25 @@
-
-
-
@@ -645,22 +663,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -671,22 +692,25 @@
-
-
-
@@ -671,22 +692,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -697,22 +721,25 @@
-
-
-
@@ -697,22 +721,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -723,22 +750,25 @@
-
-
-
@@ -723,22 +750,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -749,22 +779,25 @@
-
-
-
@@ -749,22 +779,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -775,22 +808,25 @@
-
-
-
@@ -775,22 +808,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -801,22 +837,25 @@
-
-
-
@@ -801,22 +837,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -827,22 +866,25 @@
-
-
-
@@ -827,22 +866,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -853,22 +895,25 @@
-
-
-
@@ -853,22 +895,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -879,22 +924,25 @@
-
-
-
@@ -879,22 +924,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -905,22 +953,25 @@
-
-
-
@@ -905,22 +953,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -931,22 +982,25 @@
-
-
-
@@ -931,22 +982,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -957,22 +1011,25 @@
-
-
-
@@ -957,22 +1011,25 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
@@ -983,17 +1040,20 @@
-
-
-
@@ -983,17 +1040,20 @@
от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
Показать ещё
diff --git a/pravki/checkout.html b/pravki/checkout.html
index caa4094..2aad7eb 100644
--- a/pravki/checkout.html
+++ b/pravki/checkout.html
@@ -1,4 +1,4 @@
-
+
diff --git a/pravki/contacts.html b/pravki/contacts.html
index f8247bf..c1beabf 100644
--- a/pravki/contacts.html
+++ b/pravki/contacts.html
@@ -1,4 +1,4 @@
-
+
@@ -46,7 +46,7 @@
-
+
Favorite
@@ -15,20 +13,16 @@
-
-
+
+
-
+
@@ -551,12 +462,7 @@
Thank you! Your submission has been received!
diff --git a/pravki/css/protekproject.webflow.css b/pravki/css/protekproject.webflow.css
index bf25787..ae54a52 100644
--- a/pravki/css/protekproject.webflow.css
+++ b/pravki/css/protekproject.webflow.css
@@ -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) {
diff --git a/pravki/detail_category.html b/pravki/detail_category.html
index 69a2e97..a7dbae8 100644
--- a/pravki/detail_category.html
+++ b/pravki/detail_category.html
@@ -1,4 +1,4 @@
-
+
diff --git a/pravki/detail_product.html b/pravki/detail_product.html
index 1c1eace..f8ec99e 100644
--- a/pravki/detail_product.html
+++ b/pravki/detail_product.html
@@ -1,4 +1,4 @@
-
+
diff --git a/pravki/detail_sku.html b/pravki/detail_sku.html
index ee9e57e..8931c5e 100644
--- a/pravki/detail_sku.html
+++ b/pravki/detail_sku.html
@@ -1,4 +1,4 @@
-
+
diff --git a/pravki/favorite.html b/pravki/favorite.html
index 9522091..76a2af0 100644
--- a/pravki/favorite.html
+++ b/pravki/favorite.html
@@ -1,7 +1,5 @@
-
-
+
-
-
+
-
+
@@ -521,12 +438,7 @@
-
@@ -184,20 +150,13 @@
+
- 
+
-
Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -537,8 +449,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -567,8 +473,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -597,8 +497,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -627,8 +521,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -657,8 +545,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -687,8 +569,7 @@
от 18 763 ₽
-Ролик ремня ГРМ VW AD GANZ GIE37312
-
+
@@ -717,8 +593,7 @@
от 18 763 ₽
-
-
-
+
-
-
+
-35%
@@ -746,33 +616,28 @@
- от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
-
+
-
-
+
-35%
@@ -780,33 +645,28 @@
- от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
-
+
-
-
+
-35%
@@ -814,33 +674,28 @@
- от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
-
+
-
-
+
-35%
@@ -848,33 +703,28 @@
- от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+
-
-
+
-
-
+
-35%
@@ -882,20 +732,20 @@
- от 17 087 ₽
22 347 ₽
Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
- Borsehung
-
-
+
+
-
+
+
+ Аккумуляторная батарея TYUMEN BATTERY "STANDARD", 6CT-60L, 60
+ Borsehung
+
+
+
+
Купить
-
+ Оставайтесь в курсе акций, новинок и специальных предложений
-
+
@@ -928,12 +774,10 @@
Thank you! Your submission has been received!
- 
+
+
@@ -949,11 +793,8 @@
+
Пн-Пт 9:00 – 18:00,
Сб 10:00 – 16:00, Вс – выходной
- Сб 10:00 – 16:00, Вс – выходной
+
+7 (495) 260-20-60
Покупателям
-