.custom-checkbox__field:checked + .custom-checkbox__content::after {
opacity: 1; }
.custom-checkbox__field:focus + .custom-checkbox__content::before {
outline: 2px solid #f00;
outline-offset: 2px; }
.custom-checkbox__field:disabled + .custom-checkbox__content {
opacity: 0.4;
pointer-events: none; }
.fluid-font-size {
font-size: 24px; }
@media (min-width: 320px) {
.fluid-font-size {
font-size: 18px;
font-size: calc(0.01071 * 100vw + 20.57143px); } }
@media (min-width: 1440px) {
.fluid-font-size {
font-size: 36px; } }
.fluid-line-height {
line-height: 35px; }
@media (min-width: 320px) {
.fluid-line-height {
line-height: 18px;
line-height: calc(0.01518 * 100vw + 30.14286px); } }
@media (min-width: 1440px) {
.fluid-line-height {
line-height: 52px; } }
.example {
padding-top: 56.25%; }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
margin: 0;
font-family: "asd", sans-serif;
background-color: var(--color-white); }
img {
max-width: 100%; }
a {
text-decoration: none; }
ul {
list-style: none;
padding: 0; }
.is-outer {
position: relative !important;
left: -9999px !important; }
.site-container {
overflow: hidden; }
.is-hidden {
display: none !important; }
.for-mobile {
display: none; }
@media (max-width: 768px) {
.for-mobile {
display: block; } }
.error {
border: 2px #ff4019 solid !important; }
.btn-reset {
border: none;
background: transparent;
cursor: pointer; }
.container {
margin: 0 auto;
padding: 0 15px;
max-width: 1200px; }
.js-focus-visible :focus:not(.focus-visible) {
outline: none; }* {
box-sizing: border-box; }
html,
body,
#root {
height: 100%; }
html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0; } main {
display: block; } h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent; } abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block; } summary {
display: list-item; }  template {
display: none; } [hidden] {
display: none; }
table {
border-collapse: collapse; }.custom-checkbox__field:checked + .custom-checkbox__content::after {
opacity: 1; }
.custom-checkbox__field:focus + .custom-checkbox__content::before {
outline: 2px solid #f00;
outline-offset: 2px; }
.custom-checkbox__field:disabled + .custom-checkbox__content {
opacity: 0.4;
pointer-events: none; }
.facebook-link {
margin: 0 10px 0 0;
}
.product-info-wrap {
display: flex;
}
.recommended-title {
max-width: 420px;
font-size: 24px;
font-weight: 700;
margin: 0 0 10px 0;
}
.recommended-title a {
color: #000;
}
.recommended-add-to-cart:focus {
background: #3A0B84 !important;
box-shadow: 0px 10px 20px rgb(109 121 134 / 30%);
transition: 1s;
}
.vendor-code {
font-size: 14px;
color: #6D7986;
}
.add-to-card {
flex: 0 0 320px;
}
.add-to-card .availability {
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.add-to-card .price {
font-size: 38px;
font-weight: 700;
margin: 0 20px;
}
.counter-block {
margin: 0 0 20px 0;
}
.btns {
display: flex;
justify-content: space-between;
}
.categories-section .woocommerce-tabs .section-inner {
width: auto;
padding: 0;
}
.categories-section .recommended-tabs .woocommerce-tabs {
background: none;
padding: 20px 0;
margin: 0;
}
.categories-section .recommended-tabs .delivery_tab_item {
display: none !important;
}
.fluid-font-size {
font-size: 24px; }
@media (min-width: 320px) {
.fluid-font-size {
font-size: 18px;
font-size: calc(0.01071 * 100vw + 20.57143px); } }
@media (min-width: 1440px) {
.fluid-font-size {
font-size: 36px; } }
.fluid-line-height {
line-height: 35px; }
@media (min-width: 320px) {
.fluid-line-height {
line-height: 18px;
line-height: calc(0.01518 * 100vw + 30.14286px); } }
@media (min-width: 1440px) {
.fluid-line-height {
line-height: 52px; } }
.example {
padding-top: 56.25%; }
@font-face {
font-family: "Rawline";
src: url(//rangeful.com/wp-content/themes/rangeful-sia/fonts/rawline-cufonfonts-webfont/rawline-400.woff) format("woff");
font-weight: 400;
font-display: swap;
font-style: normal; }
@font-face {
font-family: 'Rawline';
src: url(//rangeful.com/wp-content/themes/rangeful-sia/fonts/rawline-cufonfonts-webfont/rawline-600.woff) format("woff");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: "Rawline";
src: url(//rangeful.com/wp-content/themes/rangeful-sia/fonts/rawline-cufonfonts-webfont/rawline-700.woff) format("woff");
font-weight: 700;
font-display: swap;
font-style: normal; }
@font-face {
font-family: "Rawline";
src: url(//rangeful.com/wp-content/themes/rangeful-sia/fonts/rawline-cufonfonts-webfont/rawline-800.woff) format("woff");
font-weight: 800;
font-display: swap;
font-style: normal; }
html {
box-sizing: border-box; }
*,
*::before,
*::after {
box-sizing: border-box;
outline: none; }
body {
margin: 0;
font-family: 'Rawline', sans-serif;
background-color: white;
color: #000000;
position: relative; }
body.lock {
overflow: hidden; }
body,
html {
height: 100%; }
main {
position: relative; }
main.z-index-negative {
z-index: -1; }
.d-none {
display: none !important; }
.top-header {
background-color: #0B1F35;
height:50px;
}
.semi-transparent-bg {
position: relative;
transition: 0.1s; }
.semi-transparent-bg:before {
content: '';
transition: 0.1s;
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 100%;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5); }
.semi-transparent-bg.active {
opacity: 1; }
.semi-transparent-bg.active:before {
opacity: 1;
z-index: 4; }
img {
max-width: 100%; }
.visually-hidden {
position: absolute !important;
width: 0px !important;
height: 0px !important;
margin: -1px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
overflow: hidden;
border: 0;
clip: rect(0 0 0 0); }
a {
text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
span,
p {
padding: 0;
margin: 0; }
ul {
list-style: none;
padding: 0;
margin: 0; }
.is-hidden {
display: none; }
.add-to-card .woocommerce-products-compare-compare-button {
width: 64px;
text-align: center;
line-height: 64px;
background: #3A0B84;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
}
.add-to-card .woocommerce-products-compare-compare-button.active {
background: #E51368;
}
h3.attributes-title {
font-size: 16px;
font-weight: 600;
margin: 20px 0;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
font-weight: normal;
font-size: 1.2500vw;
line-height: 1em;
letter-spacing: 0.014em;
cursor: pointer;
text-align: center;
background-color: #F3F4F5;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 4px;
position: relative;
transition: 0.5s;
font-weight: 400; }
@media (min-width: 1441px) {
.btn {
font-size: 18px; } }
@media (max-width: 1200px) {
.btn {
font-size: 1.53vw; } }
@media (max-width: 574px) {
.btn {
font-size: 4.8vw; } }
.btn:hover {
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.btn.bg-brand1 {
color: white;
line-height: 62px;
border: 1px solid transparent;
background-color: #E51368;
border-radius: 8px;
padding: 0 40px;
}
@media (min-width: 575px) and (max-width: 1200px) {
.btn.bg-brand1 {
min-height: 3.9861vw; } }
@media (max-width: 768px) {
.btn.bg-brand1 {
min-height: 12.6vw;
}
.kits-consult .btn.bg-brand1 {
margin: 20px;
}
}
.btn.bg-brand1:hover {
background-color: #E61B40;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.btn.bg-brand2 {
color: white;
border: 1px solid transparent;
background-color: #3A0B84;
min-height: 2.9861vw;
border-radius: 8px; }
@media (min-width: 1441px) {
.btn.bg-brand2 {
min-height: 43px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.btn.bg-brand2 {
min-height: 5.9861vw; } }
@media (max-width: 574px) {
.btn.bg-brand2 {
min-height: 11.9861vw; } }
.btn.bg-brand2:hover {
background: #0C1F85;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.btn.bg-white-brand1 {
background-color: white;
color: #E51368;
min-height: 2.9861vw; }
@media (min-width: 1441px) {
.btn.bg-white-brand1 {
min-height: 43px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.btn.bg-white-brand1 {
min-height: 5.9861vw; } }
@media (max-width: 574px) {
.btn.bg-white-brand1 {
min-height: 11.9861vw; } }
.btn.bg-white-brand1:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
left: 0;
z-index: 0;
box-shadow: 0px 0px 0px 1px #E51368;
border-radius: 3px; }
.btn.bg-white-brand1:hover {
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.btn.bg-white-brand1:hover:before {
box-shadow: 0px 0px 0px 2px #E51368; }
.btn.bg-white-brand2 {
background-color: white;
color: #3A0B84;
min-height: 2.9861vw;
transition: none; }
@media (min-width: 1441px) {
.btn.bg-white-brand2 {
min-height: 43px; } }
.btn.bg-white-brand2:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
left: 0;
z-index: 0;
box-shadow: 0px 0px 0px 1px #3A0B84;
border-radius: 3px; }
.btn.bg-white-brand2:hover {
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.btn.bg-white-brand2:hover:before {
box-shadow: 0px 0px 0px 2px #3A0B84; }
.menu-opener {
display: flex;
flex-direction: column;
width: 3.2552vw;
padding: 0;
justify-content: center;
align-items: center;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
transition: 0.5s;
position: relative; }
@media (min-width: 575px) {
.menu-opener {
display: none; } }
@media (max-width: 574px) {
.menu-opener {
width: 8.2552vw;
margin-top: -1.0417vw;
margin-left: 8.4vw; } }
.menu-opener:before {
content: '';
display: block;
width: calc(100% + 10px * 2);
height: calc(100% + 10px * 2);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.menu-opener .bar {
background: #3A0B84;
height: 2px;
display: block;
margin-bottom: 5px;
transition: 0.5s;
width: 100%;
border-radius: 1px; }
@media (max-width: 1200px) {
.menu-opener .bar {
margin-bottom: 0.6vw; } }
@media (max-width: 574px) {
.menu-opener .bar {
height: 3px;
margin-bottom: 1.3889vw; } }
.menu-opener .bar:last-child {
margin-bottom: 0; }
.menu-opener .bar:nth-child(2) {
position: relative; }
.menu-opener .bar:nth-child(2):before {
transition: 0.5s;
content: '';
display: block;
width: 100%;
height: 100%;
background: inherit;
position: absolute;
left: 0;
top: 0;
transform-origin: center center;
border-radius: inherit;
opacity: 0; }
.menu-opener:focus {
outline: none; }
.menu-opener.active {}
.slick-dots {
display: flex;
justify-content: center; }
@media (min-width: 575px) and (max-width: 1200px) {
.slick-dots {
margin-top: 1.5vw; } }
.slick-dots li {
background: rgba(109, 121, 134, 0.3);
width: 0.8333vw;
height: 0.8333vw;
border-radius: 50%;
margin-right: 0.5556vw; }
@media (min-width: 1441px) {
.slick-dots li {
width: 12px;
height: 12px;
margin-right: 8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.slick-dots li {
width: 1.0050vw;
height: 1.0050vw;
margin-right: 0.6700vw; } }
@media (max-width: 574px) {
.slick-dots li {
width: 3.3vw;
height: 3.3vw; } }
.slick-dots li.slick-active {
background: rgba(109, 121, 134, 0.5); }
.slick-dots li button {
opacity: 0; }
.section-inner {
width: 88.95vw;
margin: 0 auto;
display: flex;
position: relative; }
@media (min-width: 1441px) {
.section-inner {
width: 1280.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.section-inner {
width: 95vw; } }
@media (max-width: 574px) {
.section-inner {
width: 93vw; } }
.custom-select .select-items {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.header {
width: 100%;
box-shadow: 0px 4px 19px -6px rgba(34, 60, 80, 0.2); }
.header .main-logo-link {
z-index: 0; }
.header .top-header-inner {
width: 88.95vw; height:50px;
margin: 0 auto;
display: flex;
position: relative;
justify-content: flex-end; }
@media (min-width: 1441px) {
.header .top-header-inner {
width: 1280.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .top-header-inner { width: 94.95vw; } }
@media (max-width: 574px) {
.header .top-header-inner { } }
.header .section-inner {
flex-direction: column;
padding: 1vw 0 0 0;
position: relative;
height: auto; }
@media (min-width: 1441px) {
.header .section-inner {
padding: 14.4px 0 0 0; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .section-inner {
padding: 1.2vw 0 0 0; } }
@media (max-width: 574px) {
.header .section-inner {
padding: 3vw 0 1vw 0; } }
.header .section-inner.z-index-negative {
z-index: -1; }
@media (min-width: 1201px) {
.header .section-inner:before {
display: none; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .section-inner:before {
position: absolute;
content: '';
background-color: rgba(0, 0, 0, 0.5);
width: 100vw;
height: 6.8vw;
top: 0;
left: -2.5vw;
right: 0;
opacity: 1; } }
@media (max-width: 574px) {
.header .section-inner:before {
position: absolute;
content: '';
background-color: rgba(0, 0, 0, 0.5);
width: 100vw;
height: 20.8000vw;
top: 0;
left: -3.4vw;
right: 0;
opacity: 1;
z-index: 1; } }
@media (max-width: 1200px) {
.header .section-inner.hidden:before {
opacity: 0;
z-index: 0; } }
.header .wrapper.main-row {
align-items: center;
margin-bottom: 1.8vw; }
@media (min-width: 1441px) {
.header .wrapper.main-row {
margin-bottom: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .wrapper.main-row {
margin-bottom: 2.1vw; } }
@media (max-width: 574px) {
.header .wrapper.main-row {
margin-bottom: 2.1vw; } }
@media (max-width: 574px) {
.header .wrapper.wrapper.row2 {
display: none; } }
.header .wrapper.wrapper.row2 .navbar {
width: 100%; }
@media (min-width: 1441px) {
.header .wrapper.wrapper.row2 .navbar {
width: 1218.24px; } }
.header .wrapper.wrapper.row2 .navbar-list {
flex-wrap: wrap;
justify-content: flex-start; }
.header .wrapper.wrapper.row2 .navbar-list__item {
margin-right: 3.4vw;
position: relative;
margin-bottom: 1vw;
padding: 0; }
@media (min-width: 1441px) {
.header .wrapper.wrapper.row2 .navbar-list__item {
margin-right: 48.96px;
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .wrapper.wrapper.row2 .navbar-list__item {
margin-bottom: 1.2vw;
margin-right: 4.3vw; } }
@media (max-width: 574px) {
.header .wrapper.wrapper.row2 .navbar-list__item {
margin-bottom: 1.2vw;
margin-right: 4.3vw; } }
.header .wrapper.wrapper.row2 .navbar-list__item:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-grey-right.svg);
background-repeat: no-repeat;
background-size: contain;
width: 0.5vw;
height: 2vw;
right: -1vw;
bottom: -1.08vw; }
@media (min-width: 1441px) {
.header .wrapper.wrapper.row2 .navbar-list__item:before {
width: 7.2px;
height: 28.8px;
right: -14.4px;
bottom: -16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .wrapper.wrapper.row2 .navbar-list__item:before {
bottom: -1vw; } }
.header .wrapper.wrapper.row2 .navbar-list__link {
color: #000000;
font-weight: 400;
font-size: 0.8333vw;
line-height: 1.416666666666667em; padding: 0 5px;
letter-spacing: 0.014em;
text-transform: uppercase; }
@media (min-width: 1441px) {
.header .wrapper.wrapper.row2 .navbar-list__link {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .wrapper.wrapper.row2 .navbar-list__link {
font-size: 1.015vw; } }
@media (max-width: 574px) {
.header .wrapper.wrapper.row2 .navbar-list__link {
font-size: 1.015vw; } }
.header .wrapper.wrapper.row2 .navbar-list__link:hover {
font-weight: 600;
padding: 0 4.5px; }
.header .compare {
width: 1.6vw;
height: 1.4vw;
margin-right: 0.6vw;
margin-left: 1vw; }
@media (min-width: 1441px) {
.header .compare {
width: 26.88px;
height: 23.52px;
margin-right: 10.08px;
margin-left: 16.8px; } }
@media (max-width: 574px) {
.header .compare {
display: none; } }
.header .user-in {
border-radius: 4px; }
.header .user-in__link {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 2.0278vw;
border-radius: 4px; }
@media (min-width: 1441px) {
.header .user-in__link {
margin-left: 29.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .user-in__link {
margin-left: 3.0278vw; } }
.header .user-in__link img {
width: 2.6389vw;
height: 2.6389vw;
-o-object-fit: cover;
object-fit: cover;
border-radius: 4px; }
@media (min-width: 1441px) {
.header .user-in__link img {
width: 38px;
height: 38px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .user-in__link img {
width: 3.6389vw;
height: 3.6389vw; } }
@media (max-width: 574px) {
.header .user-in__link img {
width: 10.6389vw;
height: 10.6389vw; } }
.header .user-in__link span {
font-size: 0.8333vw;
line-height: 1.166666666666667em;
letter-spacing: 0.015em;
color: #000000; }
@media (min-width: 1441px) {
.header .user-in__link span {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .user-in__link span {
font-size: 0.8333vw; } }
@media (max-width: 574px) {
.header .user-in__link span {
font-size: 0.8333vw; } }
.header .form {
padding: 0;
box-shadow: none;
background-color: #F6F6F6;
flex-direction: row;
align-items: center;
padding-right: 0.6vw;
z-index: 2; }
@media (min-width: 1441px) {
.header .form {
padding-right: 8.64px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form {
position: relative;
padding-right: 1vw;
padding-left: 1vw;
min-height: 3.6vw; } }
@media (max-width: 574px) {
.header .form {
position: relative;
padding-right: 3vw;
padding-left: 3vw;
min-height: 10.6vw; } }
.header .form.hidden {
background-color: white; }
.header .form .header-input-search {
width: 16.3vw; }
@media (min-width: 1441px) {
.header .form .header-input-search {
width: 273.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form .header-input-search {
width: 0; } }
@media (max-width: 574px) {
.header .form .header-input-search {
width: 0; } }
.header .form input {
font-size: 0.8333vw;
line-height: 1.416666666666667em;
letter-spacing: 0.014em;
min-height: 2.75vw;
width: 16.3vw;
opacity: 1; }
.header .form input.hidden {
opacity: 0;
width: 0; }
@media (min-width: 1441px) {
.header .form input {
font-size: 12px;
min-height: 39.6px;
width: 234.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input {
position: absolute;
font-size: 1.0050vw;
min-height: 3.6vw;
top: 0;
left: -18.3vw;
width: 19.3vw;
padding: 0 0.9vw; } }
@media (max-width: 574px) {
.header .form input {
position: absolute;
font-size: 3.2000vw;
min-height: 10.6vw;
top: 0;
left: -50.6vw;
width: 53.3vw;
padding: 0 2.7vw; } }
.header .form input::-webkit-input-placeholder {
font-size: 0.8333vw; }
@media (min-width: 1441px) {
.header .form input::-webkit-input-placeholder {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input::-webkit-input-placeholder {
font-size: 1.0050vw; } }
@media (max-width: 574px) {
.header .form input::-webkit-input-placeholder {
font-size: 3.2000vw; } }
.header .form input::-moz-placeholder {
font-size: 0.8333vw; }
@media (min-width: 1441px) {
.header .form input::-moz-placeholder {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input::-moz-placeholder {
font-size: 1.0050vw; } }
@media (max-width: 574px) {
.header .form input::-moz-placeholder {
font-size: 3.2000vw; } }
.header .form input:-ms-input-placeholder {
font-size: 0.8333vw; }
@media (min-width: 1441px) {
.header .form input:-ms-input-placeholder {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input:-ms-input-placeholder {
font-size: 1.0050vw; } }
@media (max-width: 574px) {
.header .form input:-ms-input-placeholder {
font-size: 3.2000vw; } }
.header .form input::-ms-input-placeholder {
font-size: 0.8333vw; }
@media (min-width: 1441px) {
.header .form input::-ms-input-placeholder {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input::-ms-input-placeholder {
font-size: 1.0050vw; } }
@media (max-width: 574px) {
.header .form input::-ms-input-placeholder {
font-size: 3.2000vw; } }
.header .form input::-moz-placeholder {
font-size: 0.8333vw; }
.header .form input:-ms-input-placeholder {
font-size: 0.8333vw; }
.header .form input::placeholder {
font-size: 0.8333vw; }
@media (min-width: 1441px) {
.header .form input::-moz-placeholder {
font-size: 12px; }
.header .form input:-ms-input-placeholder {
font-size: 12px; }
.header .form input::placeholder {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .form input::-moz-placeholder {
font-size: 1.0050vw; }
.header .form input:-ms-input-placeholder {
font-size: 1.0050vw; }
.header .form input::placeholder {
font-size: 1.0050vw; } }
@media (max-width: 574px) {
.header .form input::-moz-placeholder {
font-size: 3.2000vw; }
.header .form input:-ms-input-placeholder {
font-size: 3.2000vw; }
.header .form input::placeholder {
font-size: 3.2000vw; } }
.header .contact-link {
color: #000000;
margin-bottom: 1.5972vw;
position: relative;
font-weight: 500;
transition: 0.5s; }
@media (min-width: 1441px) {
.header .contact-link {
margin-bottom: 23px; } }
.header .contact-link.hidden {
opacity: 0;
visibility: hidden; }
@media (min-width: 575px) and (max-width: 1200px) {
.header .contact-link {
font-size: 2.6042vw;
margin-right: 5.4688vw;
margin-top: 0.6510vw; } }
@media (max-width: 574px) {
.header .contact-link {
display: none; } }
.header .contact-link:before {
position: absolute;
content: '';
width: 1.6667vw;
height: 1.6667vw;
background-repeat: no-repeat;
background-size: cover;
top: 0.2083vw;
left: -2.2222vw; }
@media (min-width: 1441px) {
.header .contact-link:before {
width: 24px;
height: 24px;
top: 3px;
left: -32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .contact-link:before {
width: 2.8646vw;
height: 2.8646vw;
top: 0.3906vw;
left: -4.2969vw; } }
.header .contact-link:after {
position: absolute;
content: '';
width: 100%;
height: 0.1389vw;
background-color: #6D7986;
bottom: -0.6250vw;
left: 0;
box-shadow: 0px 4px 30px rgba(18, 34, 235, 0.2); }
@media (min-width: 1441px) {
.header .contact-link:after {
height: 2px;
bottom: -9px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .contact-link:after {
height: 0.2604vw;
bottom: -1.0417vw; } }
@media (max-width: 574px) {
.header .user-in {
display: none; } }
.header .main-logo {
margin-right: 2.2vw; }
@media (min-width: 1441px) {
.header .main-logo {
margin-right: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .main-logo {
margin-right: 6.2vw; } }
@media (max-width: 574px) {
.header .main-logo.mobile {
width: 47vw; } }
.header .btn {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.142857142857143em;
letter-spacing: 0.014em;
text-transform: uppercase;
border-radius: 4px;
padding: 0 1vw;
min-height: 1.9861vw;
margin-left: 2vw;
transition: none; }
@media (min-width: 1441px) {
.header .btn {
font-size: 14px;
padding: 0 14.4px;
min-height: 28.6px;
margin-left: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .btn {
padding: 0 1.1vw;
min-height: 2.5vw;
font-size: 1.2vw;
margin-left: 2.7vw; } }
@media (max-width: 574px) {
.header .btn {
width: 25.6vw;
min-height: 8.4vw;
font-size: 3.6vw;
margin-left: 0; } }
.header .btn.z-index-1 {
z-index: -1; }
.header .selects-wrapper {
display: flex;
justify-content: flex-end;
padding-right: 0.7vw;     }
@media (min-width: 1441px) {
.header .selects-wrapper {
padding-right: 10.08px; } }
.header .selects-wrapper .custom-select {
position: relative;
width: auto;
min-width: 3vw;
margin-left: 2vw;
border-radius: 8px; }
@media (min-width: 1441px) {
.header .selects-wrapper .custom-select {
min-width: 43.2px;
margin-left: 28.8px; } }
@media (max-width: 574px) {
.header .selects-wrapper .custom-select {
margin-left: 11vw; } }
.header .selects-wrapper .custom-select select {
display: none; }
.header .selects-wrapper .select-selected {
background-color: white;
border-radius: 8px;
letter-spacing: 0.035em;
font-size: 0.9722vw;
text-align: center;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #FBFBFB; }
@media (min-width: 1441px) {
.header .selects-wrapper .select-selected {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .selects-wrapper .select-selected {
font-size: 1.3vw; } }
@media (max-width: 574px) {
.header .selects-wrapper .select-selected {
font-size: 3.9722vw; } }
.header .selects-wrapper .select-selected:after {
position: absolute;
content: ""; top:22px;
right: -16px;  width: 14px;
height: 9px;
transition: 0.5s;
background-size: contain;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-white.svg);
background-repeat: no-repeat; }
@media (min-width: 1441px) {
.header .selects-wrapper .select-selected:after { right: -14.4px;  } }
@media (max-width: 574px) {
.header .selects-wrapper .select-selected:after { right: -2.9vw;  } }
.header .selects-wrapper .select-selected.select-arrow-active:after { top:22px;
transform: rotate(180deg); 
}
@media (min-width: 1441px) {
.header .selects-wrapper .select-selected.select-arrow-active:after { } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .selects-wrapper .select-selected.select-arrow-active:after { } }
@media (max-width: 574px) {
.header .selects-wrapper .select-selected.select-arrow-active:after { } }
.header .selects-wrapper .select-items div,
.header .selects-wrapper .select-selected {
color: #6D7986; padding:0 9px;
line-height:50px;
background-color: transparent;
cursor: pointer;
transition: 0.5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
@media (min-width: 1441px) {
.header .selects-wrapper .select-items div,
.header .selects-wrapper .select-selected { } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .selects-wrapper .select-items div,
.header .selects-wrapper .select-selected {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.header .selects-wrapper .select-items div,
.header .selects-wrapper .select-selected { } }
.header .selects-wrapper .select-items {
position: absolute;
background-color: white;
left: 0;
right: 0;
z-index: 99;
box-shadow: 0px 8px 10px rgba(109, 121, 134, 0.1);
padding-right: 1vw;
padding-left: 1vw;
margin-left: -1vw;
top: 105%; }
@media (min-width: 1441px) {
.header .selects-wrapper .select-items {
padding-right: 14.4px;
padding-left: 14.4px;
margin-left: -14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header .selects-wrapper .select-items {
top: 106%; } }
@media (max-width: 574px) {
.header .selects-wrapper .select-items {
padding-right: 4vw;
padding-left: 4vw;
margin-left: -4vw;
top: 99%; } }
.header .selects-wrapper .select-hide {
display: none; }
.header .selects-wrapper .select-items div:hover,
.header .selects-wrapper .same-as-selected {
color: #000000; }
.main-section {
position: relative; }
.main-logo {
height: 3.4722vw;
width: auto; }
@media (min-width: 1441px) {
.main-logo {
height: 50px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.main-logo {
height: 4.2vw; } }
@media (max-width: 574px) {
.main-logo {
height: 13.3vw; } }
.navbar {
width: 42vw; }
@media (min-width: 1441px) {
.navbar {
width: 604.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.navbar {
width: 50.4vw; } }
@media (max-width: 574px) {
.navbar.desktop {
display: none; } }
.navbar-list {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%; }
.navbar-list__item {
padding: 0 5px; }
@media (min-width: 575px) and (max-width: 1200px) {
.navbar-list__item {
display: flex;
align-items: center; } }
.navbar-list__item:last-child {
margin-right: 0; }
.navbar-list__link {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.015em;
color: #000000;
font-weight: 400;
box-sizing: border-box; }
@media (min-width: 1441px) {
.navbar-list__link {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.navbar-list__link {
font-size: 1.3vw; } }
.navbar-list__link:hover {
font-weight: 600;
letter-spacing: -0.001em; }
.form {
display: flex;
background: #FBFBFB;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.2);
border-radius: 8px;
flex-direction: column;
padding: 2.2222vw;     }
@media (min-width: 1441px) {
.form {
padding: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form {
padding: 1.4111vw 1.6500vw; } }
@media (max-width: 574px) {
.form {
padding: 4.1111vw 2.25vw; } }
.form .custom-select {
position: relative;
width: auto;
min-width: 278px;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
border-radius: 8px; }
@media (min-width: 575px) and (max-width: 1200px) {
.form .custom-select {
width: 21.6vw; } }
@media (max-width: 574px) {
.form .custom-select {
width: 100%;
margin-bottom: 5vw; } }
.form .form-prompt {
font-weight: normal;
font-size: 0.76vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #6D7986;
margin-top: -0.4vw;
margin-bottom: 0.6vw; }
@media (min-width: 1441px) {
.form .form-prompt {
font-size: 10.94px;
margin-top: -5.76px;
margin-bottom: 8.64px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .form-prompt {
font-size: 0.923vw; } }
@media (max-width: 574px) {
.form .form-prompt {
font-size: 2.95vw;
margin-top: -1.8vw; } }
.form .custom-select select {
display: none; }
.form .select-selected {
background-color: white;
border-radius: 4px;
min-height: 4vw;
letter-spacing: 0.035em; }
@media (min-width: 1441px) {
.form .select-selected {
min-height: 57.6px; } }
@media (max-width: 574px) {
.form .select-selected {
min-height: 14vw; } }
.form .select-selected:after {
position: absolute;
content: "";
top: 1.6667vw;
right: 0.9722vw;
width: 1vw;
height: 1vw;
transition: 0.5s;
background-size: contain;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat; }
@media (min-width: 1441px) {
.form .select-selected:after {
top: 24px;
right: 14px;
width: 14.4px;
height: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .select-selected:after {
top: 1.9vw;
right: 1.2vw; } }
@media (max-width: 574px) {
.form .select-selected:after {
top: 6vw;
right: 4.2vw;
width: 3.3vw;
height: 3vw; } }
.form .select-selected.select-arrow-active:after {
top: 1.4vw;
transform: rotate(180deg); }
@media (min-width: 1441px) {
.form .select-selected.select-arrow-active:after {
top: 20.16px; } }
@media (max-width: 574px) {
.form .select-selected.select-arrow-active:after {
top: 4.4vw; } }
.form .select-items div,
.form .select-selected {
color: #6D7986;
padding: 1.4vw;
cursor: pointer;
transition: 0.5s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: flex;
align-items: center;
font-size: 1.1111vw; }
@media (min-width: 1441px) {
.form .select-items div,
.form .select-selected {
padding: 13.16px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .select-items div,
.form .select-selected {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form .select-items div,
.form .select-selected {
font-size: 4.2667vw;
padding: 4.4vw; } }
.form .select-items {
position: absolute;
background-color: white;
top: 92%;
left: 0;
right: 0;
z-index: 99;
box-shadow: 0px 8px 10px rgba(109, 121, 134, 0.1);
width: 100%; }
.form .select-hide {
display: none; }
.form .select-items div:hover,
.form .same-as-selected {
color: #000000; }
.form .select-title {
font-weight: 600;
font-size: 1.1111vw;
line-height: 1.375em;
margin-bottom: 0.5vw;
letter-spacing: 0.014em;
color: #B6BCC3; }
@media (min-width: 1441px) {
.form .select-title {
font-size: 16px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .select-title {
font-size: 1.35vw;
margin-bottom: 0.7vw; } }
@media (max-width: 574px) {
.form .select-title {
font-size: 4.3vw;
margin-bottom: 1.3vw; } }
.form .form-title {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
text-align: center;
letter-spacing: 0.014em;
margin-bottom: 1.2vw;
color: #0B1F35; }
@media (min-width: 1441px) {
.form .form-title {
font-size: 22px;
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .form-title {
font-size: 1.8425vw;
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.form .form-title {
margin-bottom: 7.2vw;
font-size: 5.8667vw; } }
.form .input-wrapper {
margin-bottom: 1.1vw;
display: flex;
flex-direction: column; }
@media (min-width: 1441px) {
.form .input-wrapper {
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .input-wrapper {
margin-bottom: 1.3vw; } }
@media (max-width: 574px) {
.form .input-wrapper {
margin-bottom: 4.4vw; } }
.form .input-wrapper label {
font-weight: normal;
font-size: 0.9722vw;
margin-bottom: 0.5vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.form .input-wrapper label {
font-size: 14px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .input-wrapper label {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.form .input-wrapper label {
font-size: 3.7333vw;
margin-bottom: 1.9vw; } }
.form .inputs-wrapper {
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.form .inputs-wrapper {
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .inputs-wrapper {
margin-bottom: 0.3vw; } }
@media (max-width: 574px) {
.form .inputs-wrapper {
margin-bottom: 0.3vw; } }
.form textarea {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
outline: none;
color: #0B1F35;
background-color: #F6F6F6;
border-radius: 4px;
padding: 1.1111vw;
border: none;
height: 6.8vw; }
@media (min-width: 1441px) {
.form textarea {
font-size: 16px;
padding: 16px;
height: 97.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea {
font-size: 1.3400vw;
height: 8vw; } }
@media (max-width: 574px) {
.form textarea {
font-size: 4.2667vw;
height: 8vw;
padding: 4.7vw 3.9vw;
min-height: 26vw;
letter-spacing: 0.024em; } }
.form textarea::-webkit-input-placeholder {
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea::-webkit-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form textarea::-webkit-input-placeholder {
font-size: 3.8889vw; } }
.form textarea::-moz-placeholder {
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea::-moz-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form textarea::-moz-placeholder {
font-size: 3.8889vw; } }
.form textarea:-ms-input-placeholder {
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea:-ms-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form textarea:-ms-input-placeholder {
font-size: 3.8889vw; } }
.form textarea::-ms-input-placeholder {
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea::-ms-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form textarea::-ms-input-placeholder {
font-size: 3.8889vw; } }
.form textarea::-moz-placeholder {
color: #000000; }
.form textarea:-ms-input-placeholder {
color: #000000; }
.form textarea::placeholder {
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.form textarea::-moz-placeholder {
font-size: 1.3400vw; }
.form textarea:-ms-input-placeholder {
font-size: 1.3400vw; }
.form textarea::placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form textarea::-moz-placeholder {
font-size: 3.8889vw; }
.form textarea:-ms-input-placeholder {
font-size: 3.8889vw; }
.form textarea::placeholder {
font-size: 3.8889vw; } }
.form input {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
outline: none;
border: none;
color: #0B1F35;
background-color: #F6F6F6;
border-radius: 4px;
padding: 0 1.1111vw;
min-height: 3.7500vw; }
@media (min-width: 1441px) {
.form input {
font-size: 16px;
padding: 0 16px;
min-height: 54px; } }
.form input:active {
outline: none; }
.form input:focus {
outline: none; }
@media (min-width: 575px) and (max-width: 1200px) {
.form input {
font-size: 1.3400vw;
padding: 0 1.4111vw;
min-height: 4.75vw; } }
@media (max-width: 574px) {
.form input {
font-size: 4.2667vw;
padding: 0 3.9vw;
min-height: 14.5vw; } }
.form input::-webkit-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.form input::-webkit-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form input::-webkit-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form input::-webkit-input-placeholder {
font-size: 4.2667vw; } }
.form input::-moz-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.form input::-moz-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form input::-moz-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form input::-moz-placeholder {
font-size: 4.2667vw; } }
.form input:-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.form input:-ms-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form input:-ms-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form input:-ms-input-placeholder {
font-size: 4.2667vw; } }
.form input::-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.form input::-ms-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form input::-ms-input-placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form input::-ms-input-placeholder {
font-size: 4.2667vw; } }
.form input::-moz-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
.form input:-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
.form input::placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.form input::-moz-placeholder {
font-size: 16px; }
.form input:-ms-input-placeholder {
font-size: 16px; }
.form input::placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form input::-moz-placeholder {
font-size: 1.3400vw; }
.form input:-ms-input-placeholder {
font-size: 1.3400vw; }
.form input::placeholder {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.form input::-moz-placeholder {
font-size: 4.2667vw; }
.form input:-ms-input-placeholder {
font-size: 4.2667vw; }
.form input::placeholder {
font-size: 4.2667vw; } }
.form input:not([type="checkbox"]).required {
border-color: red; }
.form input:not([type="checkbox"]).required::-moz-placeholder {
color: red; }
.form input:not([type="checkbox"]).required:-ms-input-placeholder {
color: red; }
.form input:not([type="checkbox"]).required::placeholder {
color: red; }
.form .password-input {
position: relative; }
.form .password-input .password-eye {
position: absolute;
cursor: pointer;
content: '';
width: 1.6667vw;
height: 1.6667vw;
right: 1vw;
bottom: 1vw;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/eye.svg);
background-repeat: no-repeat;
background-size: cover; }
@media (min-width: 1441px) {
.form .password-input .password-eye {
width: 24px;
height: 24px;
right: 14.4px;
bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .password-input .password-eye {
right: 1vw;
bottom: 1.4vw; } }
@media (max-width: 574px) {
.form .password-input .password-eye {
right: 4vw;
bottom: 4vw;
width: 5.6667vw;
height: 5.6667vw; } }
.form input[type="checkbox"] {
border: none; }
.form input[type="password"] {
position: relative; }
.form .form-agreement-text {
font-size: 0.7639vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.form .form-agreement-text {
font-size: 11px; } }
.form .form-agreement-text a {
color: #6D7986;
text-decoration: underline; }
@media (min-width: 575px) and (max-width: 1200px) {
.form .form-agreement-text {
font-size: 0.9213vw; } }
@media (max-width: 574px) {
.form .form-agreement-text {
font-size: 2.9333vw; } }
.form .inputs-row-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.form .inputs-row-wrapper .input-wrapper {
width: 48%; }
@media (min-width: 575px) and (max-width: 1200px) {
.form .inputs-row-wrapper .input-wrapper {
width: 100%; } }
@media (max-width: 574px) {
.form .inputs-row-wrapper .input-wrapper {
width: 100%; } }
.form .help-text {
font-size: 0.8333vw;
font-weight: 300;
display: none; }
@media (min-width: 1441px) {
.form .help-text {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 767px) {
.form .help-text {
font-size: 2.8333vw; } }
@media (max-width: 574px) {
.form .help-text {
font-size: 3.8333vw; } }
.form .help-text.required {
margin-top: 0.5556vw;
display: inline-block;
color: red; }
@media (min-width: 1441px) {
.form .help-text.required {
margin-top: 8px; } }
@media (min-width: 575px) and (max-width: 767px) {
.form .help-text.required {
margin-top: 1.5556vw; } }
@media (max-width: 574px) {
.form .help-text.required {
margin-top: 1.5556vw; } }
.form .form-footer {
display: flex;
align-items: center;
background-color: #F6F6F6;
border-radius: 8px;
padding: 0 1vw;
padding: 1.1111vw;
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.form .form-footer {
padding: 0 14.4px;
padding: 16px;
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .form-footer {
flex-direction: column;
padding: 1.1111vw;
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.form .form-footer {
flex-direction: column;
padding: 3.4vw;
margin-bottom: 5.4vw; } }
.form .safety-guarantee {
display: flex;
align-items: center; }
@media (min-width: 575px) and (max-width: 1200px) {
.form .safety-guarantee {
margin-bottom: 1.23vw; } }
@media (max-width: 574px) {
.form .safety-guarantee {
margin: 0 auto;
width: 77vw;
margin-bottom: 3.8vw; } }
.form .safety-guarantee .safety-icon {
margin-right: 2vw; }
@media (min-width: 1441px) {
.form .safety-guarantee .safety-icon {
margin-right: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .safety-guarantee .safety-icon {
margin-right: 2.4vw; } }
@media (max-width: 574px) {
.form .safety-guarantee .safety-icon {
margin-right: 7.7vw; } }
.form .safety-guarantee .safety-text {
color: #6D7986;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.form .safety-guarantee .safety-text {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.form .safety-guarantee .safety-text {
font-size: 1.1725vw;
letter-spacing: 0.02em; } }
@media (max-width: 574px) {
.form .safety-guarantee .safety-text {
font-size: 3.7333vw;
letter-spacing: 0.02em; } }
.cart-link {
position: relative; }
.cart-link .cart-count {
position: absolute;
top: -0.3vw;
right: -0.3vw;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 0.5556vw;
line-height: 1.125em;
letter-spacing: 0.014em;
color: #FBFBFB; }
@media (min-width: 1441px) {
.cart-link .cart-count {
top: -4.32px;
right: -4.32px;
font-size: 8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.cart-link .cart-count {
top: -0.6vw;
right: -0.7350vw;
font-size: 0.6700vw; } }
@media (max-width: 574px) {
.cart-link .cart-count {
top: -0.6vw;
right: -2.07vw;
font-size: 2.1333vw; } }
.cart-link .cart-count:before {
position: absolute;
content: '';
width: 1.1111vw;
height: 1.1111vw;
background-color: #E51368;
border-radius: 50%;
z-index: -1; }
@media (min-width: 1441px) {
.cart-link .cart-count:before {
width: 16px;
height: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.cart-link .cart-count:before {
width: 1.3400vw;
height: 1.3400vw; } }
@media (max-width: 574px) {
.cart-link .cart-count:before {
width: 5vw;
height: 5vw; } }
.input-field {
border: none;
background-color: #F3F4F5;
border-radius: 8px;
min-height: 3.8889vw;
padding: 0 1.1111vw;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.input-field {
min-height: 56px;
padding: 0 16px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em;
padding: 0 4.5vw; } }
.input-field::-webkit-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.input-field::-webkit-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field::-webkit-input-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field::-webkit-input-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
.input-field::-moz-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.input-field::-moz-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field::-moz-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field::-moz-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
.input-field:-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.input-field:-ms-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field:-ms-input-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field:-ms-input-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
.input-field::-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.input-field::-ms-input-placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field::-ms-input-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field::-ms-input-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
.input-field::-moz-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field:-ms-input-placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field::placeholder {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.input-field::-moz-placeholder {
font-size: 16px; }
.input-field:-ms-input-placeholder {
font-size: 16px; }
.input-field::placeholder {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.input-field::-moz-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field:-ms-input-placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field::placeholder {
font-size: 1.4vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
@media (max-width: 574px) {
.input-field::-moz-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field:-ms-input-placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
.input-field::placeholder {
font-size: 4.3vw;
line-height: 1.375em;
letter-spacing: 0.014em; } }
.mobile-menu {
transition: 0.5s; }
@media (min-width: 575px) {
.mobile-menu {
display: none;
opacity: 0;
z-index: -100; } }
@media (max-width: 574px) {
.mobile-menu {
opacity: 0;
z-index: 0;
display: flex;
justify-content: flex-end;
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 100vh;
background-color: transparent;
transform: translateX(100vw); } }
.mobile-menu.nav-opened {
opacity: 1;
z-index: 9;
transform: translateX(0); }
.mobile-menu .main-menu-wrapper {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 6vw;
padding-bottom: 5vw; }
@media (min-width: 1441px) {
.mobile-menu .main-menu-wrapper {
padding-bottom: 72px;
padding-left: 86.4px; } }
.mobile-menu .main-menu-wrapper .navbar-list {
position: relative; }
.mobile-menu .main-menu-wrapper .navbar-list:before {
position: absolute;
content: '';
background-color: #D8D8D8;
width: 100%;
height: 1px;
bottom: -4vw;
left: 0; }
.mobile-menu .card {
background-color: white;
padding: 2vw 2.2vw 0 2.2vw;
width: 27.6vw;
border-radius: 8px;
margin-bottom: 17vw; }
@media (min-width: 1441px) {
.mobile-menu .card {
padding: 28.8px 32px 0 32px;
width: 397.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card {
padding: 2.5vw 2.6vw 0 2.6vw;
width: 33.3vw; } }
@media (max-width: 574px) {
.mobile-menu .card {
padding: 4.2667vw 6.9333vw;
width: 100%;
border: none;
background-color: transparent;
padding-bottom: 8vw;
box-shadow: none; } }
.mobile-menu .card:hover {
box-shadow: none; }
.mobile-menu .card-block {
margin-right: 2.3vw; }
@media (min-width: 1441px) {
.mobile-menu .card-block {
margin-right: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card-block {
margin-right: 1.6vw; } }
@media (max-width: 574px) {
.mobile-menu .card-block {
width: 100%;
margin-right: 0; } }
.mobile-menu .card .header-info {
position: relative;
width: 14vw;
margin-right: 0vw; }
@media (min-width: 1441px) {
.mobile-menu .card .header-info {
width: 201.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .header-info {
width: 16vw;
margin-right: 0.9vw; } }
@media (max-width: 574px) {
.mobile-menu .card .header-info {
width: 31.2vw;
margin-right: 0;
align-items: flex-start; } }
.mobile-menu .card .header-text {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.mobile-menu .card .header-text {
font-size: 13px;
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .header-text {
font-size: 1.0888vw;
margin-bottom: 0.4vw; } }
@media (max-width: 574px) {
.mobile-menu .card .header-text {
font-size: 2.9333vw;
margin-bottom: 2vw; } }
.mobile-menu .card .header-text--main {
font-size: 1.3889vw;
line-height: 1.4em; }
@media (min-width: 1441px) {
.mobile-menu .card .header-text--main {
font-size: 20px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .header-text--main {
font-size: 1.6750vw; } }
@media (max-width: 574px) {
.mobile-menu .card .header-text--main {
font-size: 4.2667vw;
font-weight: 600;
margin-bottom: 4.3vw; } }
.mobile-menu .card-header {
position: relative;
justify-content: space-between;
padding-bottom: 0.85vw;
margin-bottom: 1.4vw;
border-bottom: 1px solid #D8D8D8; }
.mobile-menu .card-header picture {
position: relative;
width: 7vw;
height: 7vw;
margin-bottom: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card-header picture {
width: 8.4vw;
height: 8.4vw; } }
@media (max-width: 574px) {
.mobile-menu .card-header picture {
width: 26.6667vw;
height: 26.6667vw; } }
.mobile-menu .card-header picture img {
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card-header {
margin-bottom: 1.9vw;
padding-bottom: 0.85vw; } }
@media (max-width: 574px) {
.mobile-menu .card-header {
margin-bottom: 2.8vw;
padding-bottom: 0.85vw; } }
.mobile-menu .card .row {
display: flex;
flex-direction: column;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 1.4vw; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row {
margin-bottom: 1.7vw; } }
@media (max-width: 574px) {
.mobile-menu .card .row {
margin-bottom: 2.6667vw; } }
.mobile-menu .card .row:last-child {
border-bottom: none;
margin-bottom: 0; }
@media (max-width: 574px) {
.mobile-menu .card .row:last-child .row__text-item--bigger {
margin-bottom: 4.1vw; } }
.mobile-menu .card .row .edit {
position: relative;
display: inline-block; }
.mobile-menu .card .row__text-item {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.015em;
transition: 0.5s;
margin-bottom: 1.9vw;
position: relative;
padding-left: 2.73vw;
color: #000000; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item {
font-size: 1.1725vw;
padding-left: 3.7vw;
margin-bottom: 2.25vw; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item {
font-size: 2.9333vw;
padding-left: 8.6vw;
letter-spacing: 0.022em;
margin-bottom: 5vw; } }
.mobile-menu .card .row__text-item--bigger {
font-weight: 400;
font-size: 1.2500vw;
line-height: 100%;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item--bigger {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item--bigger {
font-size: 3.7333vw; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item--bigger:last-child {
margin-bottom: 3.6vw; } }
.mobile-menu .card .row__text-item--bigger.active {
font-weight: 600;
color: #3A0B84; }
.mobile-menu .card .row__text-item.addresses:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-home-grey.svg);
background-size: contain;
background-repeat: no-repeat;
background-repeat: no-repeat;
width: 1.9vw;
height: 1.9vw;
left: 0;
top: 50%;
transform: translateY(-50%); }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item.addresses:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item.addresses:before {
width: 5.9444vw;
height: 5.9444vw;
left: 0;
transform: translateY(-41%); } }
.mobile-menu .card .row__text-item.addresses.active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-home.svg); }
.mobile-menu .card .row__text-item.order {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.mobile-menu .card .row__text-item.order:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-bag-grey.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9vw;
height: 1.9vw;
left: 0;
top: 50%;
transform: translateY(-50%); }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item.order:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item.order:before {
width: 5.9444vw;
height: 5.9444vw;
left: 0;
transform: translateY(-45%); } }
.mobile-menu .card .row__text-item.order.active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-bag.svg); }
.mobile-menu .card .row__text-item.subscription:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-verified.svg);
background-size: auto;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item.subscription:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item.subscription:before {
left: 0;
top: 50%;
transform: translateY(-55%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.mobile-menu .card .row__text-item.edit:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit.svg);
background-size: auto;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item.edit:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item.edit:before {
left: 0;
top: 50%;
transform: translateY(-55%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.mobile-menu .card .row__text-item.logout:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-exit.svg);
background-size: auto;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .card .row__text-item.logout:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.mobile-menu .card .row__text-item.logout:before {
left: 0;
top: 50%;
transform: translateY(-55%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.mobile-menu .wrapper-inner {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 6vw; }
@media (min-width: 1441px) {
.mobile-menu .wrapper-inner {
padding-left: 86.4px; } }
.mobile-menu .wrapper-inner a {
display: flex;
align-items: center; }
.mobile-menu .wrapper-inner .navbar {
width: 66vw;
padding-top: 7.9vw; }
@media (min-width: 1441px) {
.mobile-menu .wrapper-inner .navbar {
width: 950.4px;
padding-top: 113.76px; } }
@media (max-width: 574px) {
.mobile-menu .wrapper-inner .compare {
display: flex;
margin-right: 11vw;
margin-left: 3vw;
width: auto;
height: 7vw; } }
.mobile-menu .wrapper-inner .navbar-list {
padding-bottom: 5.0417vw;
margin-bottom: 4.9vw;
position: relative; }
@media (min-width: 1441px) {
.mobile-menu .wrapper-inner .navbar-list {
padding-bottom: 72.6px;
margin-bottom: 70.56px; } }
.mobile-menu .wrapper-inner .navbar-list:before {
position: absolute;
content: '';
background-color: #D8D8D8;
width: 100%;
height: 1px;
bottom: 0;
left: 0; }
@media (max-width: 574px) {
.mobile-menu .wrapper-inner .navbar-list__item {
margin-bottom: 5vw; } }
.mobile-menu .wrapper-inner .navbar-list__item:last-child {
margin-bottom: 0; }
.mobile-menu .wrapper-inner .navbar-list__link {
line-height: 1.230769230769231em;
letter-spacing: 0.010em;
text-transform: uppercase;
color: #000000;
font-weight: 600;
font-size: 3.25vw;
transition: 0.5s;
color: #6D7986; }
@media (min-width: 1441px) {
.mobile-menu .wrapper-inner .navbar-list__link {
font-size: 46.8px; } }
.mobile-menu .wrapper-inner .navbar-list__link.active {
text-decoration: underline; }
.mobile-menu .inner {
display: flex;
justify-content: space-between;
align-items: center;
padding-left: 3.4vw;
padding-top: 4vw;
padding-bottom: 6vw;
margin-bottom: 6.3vw;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1); }
@media (min-width: 1441px) {
.mobile-menu .inner {
padding-left: 48.96px;
padding-top: 34.56px;
padding-bottom: 63.36px;
margin-bottom: 61.92px; } }
@media (max-width: 574px) {
.mobile-menu .search-link {
width: auto;
height: 7vw;
margin-right: 8.6vw; } }
@media (max-width: 574px) {
.mobile-menu .logout-link {
height: 7vw;
margin-left: 3vw; } }
@media (max-width: 574px) {
.mobile-menu .cart-link {
width: auto;
height: 7vw;
margin-right: 10vw; } }
.mobile-menu .close-menu--burger {
padding-right: 9vw;
margin-left: auto;
margin-top: 2.7vw; }
@media (min-width: 1441px) {
.mobile-menu .close-menu--burger {
padding-right: 129.6px;
margin-top: 38.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .close-menu--burger {
margin-top: 1vw;
margin-bottom: 5.2vw;
padding-right: 2.2778vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .close-menu--burger img {
width: 2.5556vw;
height: 2.5556vw; } }
@media (max-width: 574px) {
.mobile-menu .close-menu--burger img {
width: 6.5556vw;
height: 6.5556vw; } }
.mobile-menu .contact-link {
display: inline-block;
font-size: 5.6vw;
margin-left: 17vw;
margin-bottom: 15vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #000000;
position: relative; }
@media (min-width: 1441px) {
.mobile-menu .contact-link {
font-size: 80.64px;
margin-left: 244.8px;
margin-bottom: 216px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .contact-link {
font-size: 2.6vw;
margin-bottom: 7vw; } }
.mobile-menu .contact-link:before {
position: absolute;
content: '';
width: 6.6667vw;
height: 6.6667vw;
top: 0.5vw;
left: -9.2222vw;
background-repeat: no-repeat;
background-size: cover; }
@media (min-width: 1441px) {
.mobile-menu .contact-link:before {
width: 96px;
height: 96px;
top: 7.2px;
left: -132.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .contact-link:before {
width: 3vw;
height: 3vw;
top: 0.5vw;
left: -5.2222vw; } }
.mobile-menu .contact-link:after {
position: absolute;
content: '';
width: 100%;
height: 0.7389vw;
bottom: -2.625vw;
left: 0;
background-color: #6D7986; }
@media (min-width: 1441px) {
.mobile-menu .contact-link:after {
height: 10.64px;
bottom: -37.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .contact-link:after {
height: 0.2604vw;
bottom: -1.0417vw; } }
.mobile-menu .wrapper {
background-color: white;
flex-direction: column;
justify-content: flex-start;
height: 100vh;
width: 76vw;
position: absolute;
top: 13.2vw;
right: 0;
overflow-y: scroll;
transition: 0.5s;
transform: translateX(100vw);
overflow-y: scroll;
padding-bottom: 10vw; }
.header.sticky .mobile-menu .wrapper {
top: 0;
}
@media (min-width: 1441px) {
.mobile-menu .wrapper {
width: 1094.4px;
top: 201.6px;
padding-bottom: 144px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .wrapper {
width: 52.0833vw; } }
.mobile-menu .wrapper.nav-opened {
transform: translateX(0); }
.mobile-menu .navbar {
width: 66vw; }
@media (min-width: 1441px) {
.mobile-menu .navbar {
width: 950.4px; } }
.mobile-menu .navbar-list {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent; }
@media (max-width: 574px) {
.mobile-menu .navbar-list__item {
margin-bottom: 2.9vw; } }
.mobile-menu .navbar-list__item:last-child {
margin-bottom: 0; }
.mobile-menu .navbar-list__link {
line-height: 1.230769230769231em;
letter-spacing: 0.010em;
color: #000000;
font-weight: 600;
font-size: 4.3vw;
transition: 0.5s;
color: #000000; }
@media (min-width: 1441px) {
.mobile-menu .navbar-list__link {
font-size: 61.92px; } }
@media (max-width: 574px) {
.mobile-menu .navbar-list__link {
font-weight: 400; } }
.mobile-menu .navbar-list__link.active {
color: #3A0B84;
text-decoration: underline; }
.mobile-menu .personal-cabinet-block {
display: flex;
justify-content: space-between;
margin: 0 auto; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .personal-cabinet-block {
width: 64vw;
margin-bottom: 11vw; } }
@media (max-width: 574px) {
.mobile-menu .personal-cabinet-block {
width: 64vw;
margin-bottom: 11vw; } }
.mobile-menu .personal-cabinet-links {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 27vw; }
@media (min-width: 1441px) {
.mobile-menu .personal-cabinet-links {
height: 388.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .personal-cabinet-links {
width: 34.1667vw; } }
@media (max-width: 574px) {
.mobile-menu .personal-cabinet-links {
height: 27vw;
width: 34.1667vw; } }
.mobile-menu .personal-cabinet-links__link {
color: #6D7986;
line-height: 1.1875em;
letter-spacing: 0.015em;
font-weight: 500; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .personal-cabinet-links__link {
font-size: 4.0833vw; } }
@media (max-width: 574px) {
.mobile-menu .personal-cabinet-links__link {
font-size: 4.4444vw; } }
.mobile-menu .personal-cabinet-links .btn {
line-height: 1.2em;
letter-spacing: 0.015em; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .personal-cabinet-links .btn {
font-size: 2.7778vw;
min-height: 7.1vw;
width: 31vw; } }
@media (max-width: 574px) {
.mobile-menu .personal-cabinet-links .btn {
font-size: 2.7778vw;
min-height: 7.1vw;
width: 31vw; } }
.mobile-menu .mobile-menu__avatar {
border-radius: 50%; }
@media (min-width: 575px) and (max-width: 1200px) {
.mobile-menu .mobile-menu__avatar {
width: 27.7778vw;
height: 27.7778vw; } }
@media (max-width: 574px) {
.mobile-menu .mobile-menu__avatar {
width: 27.7778vw;
height: 27.7778vw; } }
.mobile-menu .mobile-menu__avatar img {
border-radius: 50%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
.contact-link {
font-size: 1.3889vw;
line-height: 1em;
position: relative; }
@media (min-width: 1441px) {
.contact-link {
font-size: 20px; } }
.wrapper {
display: flex;
}
.wrapper.col {
flex-direction: column;
margin-right:20px;
}
.wrapper.col:last-child{
margin-right:0;
}
@media (max-width: 574px) {
.wrapper.col {
margin-right:0;
}
}
@media (max-width: 574px) {
.wrapper.mob-col {
flex-direction: column; } }
.wrapper.flex-sb {
justify-content: space-between; }
@media (max-width: 574px) {
.account-link.desktop {
display: none; } }
.header-wrapper {
margin-left: auto;
align-items: center; }
.header-wrapper .search-link {
width: 1.5278vw;
height: 1.4vw;
margin-left: auto;
display: flex; }
@media (min-width: 1441px) {
.header-wrapper .search-link {
width: 22px;
height: 18.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header-wrapper .search-link {
width: 1.7vw;
height: 1.7vw; } }
@media (max-width: 574px) {
.header-wrapper .search-link {
width: auto;
height: 5.3vw; } }
.header-wrapper .cart-link {
width: 2.1vw;
height: 1.5vw;
margin-left: 1.4vw;
display: flex;
align-items: center;
justify-content: center; }
.header-wrapper .cart-link img {
padding-top: 0.2vw;
width: 100%;
height: 100%;
position: relative;
z-index: -1; }
@media (min-width: 1441px) {
.header-wrapper .cart-link img {
padding-top: 2.88px; } }
@media (min-width: 1441px) {
.header-wrapper .cart-link {
width: 30.24px;
height: 21.6px;
margin-left: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.header-wrapper .cart-link {
width: 2.1vw;
height: 2vw;
margin-left: 1.4vw; } }
@media (max-width: 574px) {
.header-wrapper .cart-link {
width: auto;
height: 7vw;
margin-left: 5.4vw; } }
.fs-section {
position: relative; }
.fs-section .fs-section-inner-wrap {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto; }
.fs-section .card {
width: 25.7vw;
padding: 1.6833vw 1.7vw;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.15); }
@media (min-width: 1441px) {
.fs-section .card {
width: 370.08px;
padding: 24.24px 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card {
padding: 2.1vw 1.9vw;
width: 31vw; } }
@media (max-width: 574px) {
.fs-section .card {
width: 93%;
margin: 0 auto;
padding: 4.8vw 4.4vw; } }
.fs-section .card:hover .read-more a {
font-weight: 600; }
.fs-section .card:hover .read-more svg {
transform: translateX(10px); }
.fs-section .card-header {
margin-bottom: 0.6vw; }
@media (min-width: 1441px) {
.fs-section .card-header {
margin-bottom: 8.64px; } }
.fs-section .card .vendor-code {
font-size: 0.7639vw;
line-height: 1.363636363636364em;
font-weight: 400;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.fs-section .card .vendor-code {
font-size: 11px; } }
@media (max-width: 574px) {
.fs-section .card .vendor-code {
font-size: 2.94vw;
line-height: 1em;
margin-bottom: 1.1021vw; } }
.fs-section .card-text {
width: 15vw;
margin-bottom: 1.7vw; }
@media (min-width: 1441px) {
.fs-section .card-text {
width: 216px;
margin-bottom: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card-text {
width: 19vw;
margin-bottom: 1.9vw; } }
@media (max-width: 574px) {
.fs-section .card-text {
margin-bottom: 6.2vw;
width: 50vw; } }
.fs-section .card-text a {
font-weight: 600;
font-size: 1.1111vw;
line-height: 1.375em; }
@media (min-width: 1441px) {
.fs-section .card-text a {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card-text a {
font-size: 1.4vw;
letter-spacing: 0em; } }
@media (max-width: 574px) {
.fs-section .card-text a {
font-size: 15px;
letter-spacing: 0.02em; } }
.fs-section .card .availability {
display: flex;
align-items: center;
position: relative;
margin-bottom: 0.6vw; }
@media (min-width: 1441px) {
.fs-section .card .availability {
margin-bottom: 8.64px; } }
@media (max-width: 574px) {
.fs-section .card .availability {
margin-bottom: 3.6vw; } }
.fs-section .card .availability .text {
font-weight: normal;
font-size: 0.7639vw;
line-height: 1.363636363636364em;
text-align: right;
letter-spacing: 0.014em;
color: #0B1F35;
margin-right: 2.2vw; }
@media (min-width: 1441px) {
.fs-section .card .availability .text {
font-size: 11px;
margin-right: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card .availability .text {
font-size: 0.95vw;
margin-right: 2.6vw; } }
@media (max-width: 574px) {
.fs-section .card .availability .text {
font-size: 2.95vw;
margin-right: 8.6vw; } }
.fs-section .card .availability .price {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.318181818181818em;
margin-top: 0;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.fs-section .card .availability .price {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card .availability .price {
font-size: 1.9vw; } }
@media (max-width: 574px) {
.fs-section .card .availability .price {
font-size: 5.8vw;
line-height: 1em; } }
.fs-section .card .availability .discount-price {
right: 6.2vw;
position: absolute;
font-weight: normal;
font-size: 0.8639vw;
line-height: 1.375em;
letter-spacing: 0.014em;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #1CD2D8;
width: 4vw;
top: -1.2vw; }
@media (min-width: 1441px) {
.fs-section .card .availability .discount-price {
right: 89.28px;
font-size: 12.44px;
width: 57.6px;
top: -17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .card .availability .discount-price {
width: 4vw;
right: 3.2vw;
font-size: 1vw;
top: -1.3vw; } }
@media (max-width: 574px) {
.fs-section .card .availability .discount-price {
width: 14vw;
right: 25.2vw;
font-size: 3.1vw;
top: -5.3vw; } }
.fs-section .fs-slider {
margin-top: -6vw;
margin-left: -2vw; }
@media (min-width: 1441px) {
.fs-section .fs-slider {
margin-top: -46.08px;
margin-left: -15.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .fs-slider {
padding-top: 10.2vw;
margin-top: -16vw;
margin-left: 0vw;
margin-right: -2vw; } }
@media (max-width: 574px) {
.fs-section .fs-slider {
padding-top: 0;
margin-bottom: 0;
margin-top: 0;
margin-left: 0;
width: 100%; } }
.fs-section .fs-slider .slick-list {
height: 31vw;
padding-top: 12vw;
width: 43vw; }
@media (min-width: 1441px) {
.fs-section .fs-slider .slick-list {
height: 408.4px;
padding-top: 140.8px;
width: 612.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .fs-slider .slick-list {
width: 51vw;
height: 37vw;
margin-left: -2vw;
padding-top: 13vw; } }
@media (max-width: 574px) {
.fs-section .fs-slider .slick-list {
height: 80vw;
padding-top: 22vw;
width: 100%; } }
.fs-section .fs-slider .slick-track {
display: flex; }
.fs-section .fs-slider .slider-card {
position: relative;
margin-right: 12vw;
margin-left: 2vw; }
@media (min-width: 1441px) {
.fs-section .fs-slider .slider-card {
margin-right: 172.8px;
margin-left: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .fs-slider .slider-card {
margin-right: 35vw; } }
@media (max-width: 574px) {
.fs-section .fs-slider .slider-card {
margin-right: 0;
margin-left: 0; } }
.fs-section .fs-slider .slider-card .discount-percent {
top: -9.8vw;
right: -10vw; }
@media (min-width: 1441px) {
.fs-section .fs-slider .slider-card .discount-percent {
top: -141.12px;
right: -763.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .fs-slider .slider-card .discount-percent {
top: -12.1vw;
right: -28vw; } }
@media (max-width: 574px) {
.fs-section .fs-slider .slider-card .discount-percent {
top: -21.1vw;
right: 0vw;
width: 11.13vw;
height: 11.14vw;
font-size: 3.3vw; } }
.fs-section .fs-slider .slider-card picture {
position: absolute;
z-index: 1;
top: -10.6vw;
right: -11.5vw;
width: 28vw;
height: 30vw; }
@media (min-width: 1441px) {
.fs-section .fs-slider .slider-card picture {
top: -138.12px;
right: -149.2px;
width: 403.2px;
height: 432px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .fs-slider .slider-card picture {
top: -12.6vw;
right: -36vw;
width: 34vw;
height: 29vw; } }
@media (max-width: 574px) {
.fs-section .fs-slider .slider-card picture {
width: 46vw;
height: 51vw;
top: -21vw;
right: -4vw; } }
.fs-section__body {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 4.4vw; }
@media (min-width: 1441px) {
.fs-section__body {
margin-right: 53.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section__body {
margin-right: -4vw; } }
@media (max-width: 574px) {
.fs-section__body {
margin-right: 0; } }
.fs-section .fs-bg {
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 18.4vw;
height: 18.6vw; }
@media (min-width: 1441px) {
.fs-section .fs-bg {
width: 264.96px;
height: 267.84px; } }
@media (max-width: 1200px) {
.fs-section .fs-bg {
width: 22.2vw;
height: 22.6vw; } }
@media (max-width: 574px) {
.fs-section .fs-bg {
width: 44.2vw;
height: 44.2vw; } }
.fs-section .fs-bg--2 {
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
width: 18.4vw;
height: 18.4vw; }
@media (min-width: 1441px) {
.fs-section .fs-bg--2 {
width: 264.96px;
height: 267.84px; } }
@media (max-width: 1200px) {
.fs-section .fs-bg--2 {
width: 22.4vw;
height: 22.4vw; } }
@media (max-width: 574px) {
.fs-section .fs-bg--2 {
display: none; } }
@media (min-width: 575px) {
.fs-section .fs-bg--2-mobile {
display: none; } }
@media (max-width: 574px) {
.fs-section .fs-bg--2-mobile {
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
width: 70.3vw;
height: 78vw; } }
.fs-section .section-inner {
padding-top: 8.34vw;
padding-bottom: 3vw;
position: relative; }
@media (min-width: 1441px) {
.fs-section .section-inner {
padding-top: 120.1px;
padding-bottom: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .section-inner {
padding-top: 10vw;
padding-bottom: 4vw; } }
@media (max-width: 574px) {
.fs-section .section-inner {
padding-top: 10vw;
padding-bottom: 16.9vw; } }
.fs-section__title {
width: 41.3194vw;
font-weight: bold;
font-size: 4.4444vw;
line-height: 1.203125em;
letter-spacing: 0.025em;
color: #000000;
text-shadow: 0vw 0.2778vw 2.0833vw rgba(18, 34, 235, 0.1);
margin-bottom: 0.6250vw; }
@media (min-width: 1441px) {
.fs-section__title {
width: 595px;
font-size: 64px;
text-shadow: 0px 4px 30px rgba(18, 34, 235, 0.1);
margin-bottom: 9px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section__title {
font-size: 5.35vw;
line-height: 1.192307692307692em;
width: 49.3194vw;
margin-bottom: 1.0833vw; } }
@media (max-width: 574px) {
.fs-section__title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-size: 10.67vw;
line-height: 0.9em;
margin-bottom: 3vw; } }
.fs-section__overtitle {
font-size: 2.85vw; }
@media (min-width: 1441px) {
.fs-section__overtitle {
font-size: 41.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section__overtitle {
font-size: 3.434vw; } }
@media (max-width: 574px) {
.fs-section__overtitle {
font-size: 5.5vw; } }
.fs-section__subtitle {
display: inline-block;
width: 27vw;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.02em;
margin-bottom: 2.2222vw;
word-break: break-word; }
@media (min-width: 1441px) {
.fs-section__subtitle {
width: 388.8px;
font-size: 16px;
margin-bottom: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section__subtitle {
font-size: 1.34vw;
width: 32.3194vw;
margin-bottom: 2.6vw; } }
@media (max-width: 574px) {
.fs-section__subtitle {
width: 92%;
font-size: 16px;
letter-spacing: -0.007em;
line-height: 1.1em;
margin-bottom: 1.5556vw; } }
.fs-section .btn {
width: 15.8333vw; }
@media (min-width: 1441px) {
.fs-section .btn {
width: 228px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.fs-section .btn {
width: 19.1vw; } }
@media (max-width: 574px) {
.fs-section .btn {
width: 100%;
min-height: 12.9861vw; } }
@media (max-width: 574px) {
.fs-section .btn.desktop {
display: none; } }
@media (min-width: 575px) {
.fs-section .btn.mobile {
display: none; } }
.fs-section .wrapper.mob-col {
width: 100%; }
.section-title {
font-weight: bold;
font-size: 2.6111vw;
line-height: 1.192307692307692em;
letter-spacing: 0.02em;
margin-bottom: 1.1111vw;
color: #0B1F35; }
@media (min-width: 1441px) {
.section-title {
font-size: 37.6px;
margin-bottom: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.section-title {
font-size: 3.155vw;
line-height: 1.192307692307692em; } }
@media (max-width: 574px) {
.section-title {
font-size: 5.8667vw;
line-height: 1.214285714285714em;
font-weight: 700;
letter-spacing: 0;
margin-bottom: 8.5556vw; } }
.section-subtitle {
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.02em; }
@media (min-width: 1441px) {
.section-subtitle {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.section-subtitle {
font-size: 1.34vw; } }
@media (max-width: 574px) {
.section-subtitle {
font-size: 4.27vw; } }
.card {
background-color: white;
border-radius: 16px;
display: flex;
flex-direction: column;
border: 1px solid transparent;
transition: 0.5s;
width: 28.0556vw;
padding: 1.6833vw 2.1vw;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.2);
position: relative; }
@media (min-width: 1441px) {
.card {
width: 404px;
padding: 24.24px 30.24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card {
padding: 2.3438vw 2.8vw;
width: 29.0556vw; } }
@media (max-width: 574px) {
.card {
padding: 8.55vw 8.8vw;
width: 100%; } }
.card-inner-link {
display: block;
width: 100%;
height: 86%;
top: 0;
left: 0;
z-index: 1;
right: 0;
position: absolute; }
.card picture {
width: 100%;
height: 20.3333vw;
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.card picture {
height: 292.8px;
margin-bottom: 20.16px; } }
@media (max-width: 1200px) {
.card picture {
height: 20.625vw;
margin-bottom: 1.2vw; } }
@media (max-width: 574px) {
.card picture {
height: 63.625vw;
margin-bottom: 4.5vw;
width: 75vw; } }
.card picture img {
width: 100%;
height: 100%;
border-radius: 16px; }
.card-header {
display: flex;
align-items: flex-start;
margin-bottom: 0.3889vw; }
@media (min-width: 1441px) {
.card-header {
margin-bottom: 5.6px; } }
@media (max-width: 1200px) {
.card-header {
margin-bottom: 0.3vw; } }
@media (max-width: 574px) {
.card-header {
margin-bottom: 1.7vw; } }
.card-header .project-picture {
width: 23.2639vw;
height: 13.1528vw;
border-radius: 16px;
margin-right: 0; }
@media (min-width: 1441px) {
.card-header .project-picture {
width: 335px;
height: 189.4px; } }
@media (max-width: 1200px) {
.card-header .project-picture {
width: 100%;
height: 21.8vw;
border-radius: 16px; } }
@media (max-width: 574px) {
.card-header .project-picture {
height: 48.8vw; } }
.card-header .project-picture img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px; }
.card-header .header-info {
display: flex;
flex-direction: column;
width: 100%; }
.card .discount-percent {
position: absolute;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 3.5vw;
height: 3.5vw;
background-color: #1CD2D8;
font-weight: bold;
font-size: 1vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #FFFFFF; }
@media (min-width: 1441px) {
.card .discount-percent {
width: 50.4px;
height: 50.4px;
font-size: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card .discount-percent {
width: 4.13vw;
height: 4.14vw;
font-size: 1.3vw; } }
@media (max-width: 574px) {
.card .discount-percent {
width: 4.13vw;
height: 4.14vw;
font-size: 1.3vw; } }
.card-description {
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.card-description {
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-description {
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.card-description {
margin-bottom: 2.8vw; } }
.card-description ul {
list-style: disc;
padding-left: 1.5vw;
width: 23vw; }
@media (min-width: 1441px) {
.card-description ul {
padding-left: 21.6px;
width: 331.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-description ul {
padding-left: 1.8vw;
width: 28vw; } }
@media (max-width: 574px) {
.card-description ul {
padding-left: 1.5vw;
width: 100%; } }
.card-description ul li {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 0.2vw; }
@media (min-width: 1441px) {
.card-description ul li {
font-size: 14px;
margin-bottom: 2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-description ul li {
font-size: 1.1725vw;
margin-bottom: 0.1vw; } }
@media (max-width: 574px) {
.card-description ul li {
font-size: 0.9722vw;
margin-bottom: 0.5vw; } }
.card .vendor-code {
font-weight: 400;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.card .vendor-code {
font-size: 14px; } }
@media (max-width: 1200px) {
.card .vendor-code {
font-size: 0.92vw;
line-height: 1.166666666666667em; } }
@media (max-width: 574px) {
.card .vendor-code {
width: 100%;
font-size: 15px;
margin-bottom: 0;
line-height: 1.166666666666667em; } }
.card-text {
margin-bottom: 1.5vw;
min-height: 3.4722vw; }
@media (min-width: 1441px) {
.card-text {
margin-bottom: 21.6px;
min-height: 50px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-text {
margin-bottom: 1.1vw; } }
@media (max-width: 574px) {
.card-text {
margin-bottom: 5.2vw; } }
.card-text a {
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.388888888888889em;
letter-spacing: 0.014em;
color: #0B1F35;
transition: 0.5s; }
@media (min-width: 1441px) {
.card-text a {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-text a {
font-size: 1.2vw;
margin-bottom: 2.4740vw;
letter-spacing: 0em; } }
@media (max-width: 768px) {
.card-text a {
font-size: 15px;
margin-bottom: 5.2778vw;
letter-spacing: 0em;
display: inline-block;
}
}
.card .order-block {
display: flex;
align-items: center;
transition: 0.5s;
margin-bottom: 1vw;
}
.card:hover {
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.3); }
.card:hover .card-text {
transition: 0.5s; }
.card .availability {
display: flex;
align-items: center;
position: relative;
margin-bottom: 1.2vw;
margin-top: auto;
transition:0.5s;
}
@media (min-width: 1441px) {
.card .availability {
margin-bottom: 17.28px; } }
@media (max-width: 574px) {
.card .availability {
margin-bottom: 5.2vw; } }
.card .availability .text {
font-weight: normal;
font-size: 1vw;
line-height: 1.363636363636364em;
text-align: right;
letter-spacing: 0.014em;
color: #0B1F35;
margin-right: 2.2vw; }
@media (min-width: 1441px) {
.card .availability .text {
font-size: 14.4px;
margin-right: 31.68px; } }
@media (max-width: 574px) {
.card .availability .text {
font-size: 15px;
margin-right: 6.2vw; } }
.card .availability .price {
font-weight: bold;
font-size: 2.7vw;
margin-top: 0.2vw;
line-height: 1.318181818181818em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.card .availability .price {
font-size: 38px;
line-height: 42px;
margin-top: 0px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card .availability .price {
font-size: 2vw;
margin-top: 0; } }
@media (max-width: 574px) {
.card .availability .price {
font-size: 5.8vw;
line-height: 1em;
margin-top: 0; } }
.card .availability .discount-price {
right: 2.9vw;
position: absolute;
font-weight: normal;
font-size: 1.1vw;
line-height: 1.375em;
letter-spacing: 0.014em;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through;
color: #1CD2D8;
width: 5vw;
top: -1vw; }
@media (min-width: 1441px) {
.card .availability .discount-price {
right: 41.76px;
font-size: 15.84px;
width: 72px;
top: -14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card .availability .discount-price {
right: 8.5vw; } }
@media (max-width: 574px) {
.card .availability .discount-price {
width: 14vw;
top: -5vw;
font-size: 3.1vw;
right: 18.9vw; } }
.card svg {
width: 100%;
height: 100%; }
.card .cart-add {
margin-right: 2.7vw;
width: auto;
height: 1.6vw; }
@media (min-width: 1441px) {
.card .cart-add {
margin-right: 38.88px;
height: 23.04px; } }
@media (max-width: 1200px) {
.card .cart-add {
display: none; } }
.card .cart-add:hover svg path {
stroke: #3A0B84; }
.card .compare {
width: auto;
height: 2.6vw; }
@media (min-width: 1441px) {
.card .compare {
height: 23.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card .compare {
height: 2vw; } }
@media (max-width: 574px) {
.card .compare {
height: 6.6vw; } }
.card .compare:hover svg path {
stroke: #3A0B84; }
.slider-card .discount-percent {
position: absolute;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 3.5vw;
height: 3.5vw;
background-color: #1CD2D8;
font-weight: bold;
font-size: 1vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #FFFFFF; }
@media (min-width: 1441px) {
.slider-card .discount-percent {
width: 50.4px;
height: 50.4px;
font-size: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.slider-card .discount-percent {
width: 4.13vw;
height: 4.14vw;
font-size: 1.3vw; } }
@media (max-width: 574px) {
.slider-card .discount-percent {
width: 4.13vw;
height: 4.14vw;
font-size: 1.3vw; } }
.read-more {
display: flex;
align-items: center; }
.read-more svg {
width: 6vw;
height: 0.9028vw;
margin-top: 0.2vw;
transition: 0.5s; }
@media (min-width: 1441px) {
.read-more svg {
width: 86.4px;
height: 13px;
margin-top: 2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.read-more svg {
width: 3.6vw;
height: 0.97vw;
margin-top: 0.5vw; } }
@media (max-width: 574px) {
.read-more svg {
width: 12vw;
height: 3vw; } }
.read-more__link {
display: flex;
align-items: center;
cursor: pointer; }
@media (max-width: 1200px) {
.read-more__link {
margin-right: 1vw; } }
@media (max-width: 574px) {
.read-more__link {
margin-right: 3vw; } }
.read-more__link a {
display: block;
transition: 0.5s;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35;
position: relative; }
@media (min-width: 1441px) {
.read-more__link a {
font-size: 16px;
line-height: 22px; } }
@media (max-width: 1200px) {
.read-more__link a {
font-size: 1.36vw;
line-height: 1.1875em; } }
@media (max-width: 574px) {
.read-more__link a {
font-size: 4.26vw;
line-height: 1.1875em; } }
.read-more__link a:before {
box-sizing: content-box;
display: block;
position: absolute;
content: '';
width: 3.1250vw;
height: 1.3889vw;
transition: 0.5s;
background-repeat: no-repeat;
background-size: cover;
right: -4vw;
top: 0.2vw;
cursor: pointer; }
@media (min-width: 1441px) {
.read-more__link a:before {
width: 45px;
height: 20px;
right: -57.6px;
top: 2.88px; } }
@media (max-width: 1200px) {
.read-more__link a:before {
width: 5.8594vw;
height: 2.6042vw;
top: -0.05vw;
right: -7vw; } }
@media (max-width: 574px) {
.read-more__link a:before {
width: 13.8594vw;
height: 5.6042vw;
top: -0.3vw;
right: -16vw; } }
.section-inner-wrap {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto; }
.offer-section {
position: relative;
background-color: #FAF7FF; }
.offer-section .offer-section-inner-wrap {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto; }
.offer-section .offer-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 18.4vw;
height: 18.4vw; }
@media (min-width: 1441px) {
.offer-section .offer-bg {
width: 264.96px;
height: 264.96px; } }
@media (max-width: 1200px) {
.offer-section .offer-bg {
width: 22.4vw;
height: 22.4vw; } }
@media (max-width: 574px) {
.offer-section .offer-bg {
width: 70.4vw;
height: 72.3vw; } }
.offer-section .section-inner {
flex-direction: column;
padding-top: 4vw;
padding-bottom: 3.4vw; }
@media (min-width: 1441px) {
.offer-section .section-inner {
padding-top: 57.6px;
padding-bottom: 35px; } }
@media (max-width: 1200px) {
.offer-section .section-inner {
padding-top: 4.7vw;
padding-bottom: 4.6vw; } }
@media (max-width: 574px) {
.offer-section .section-inner {
padding-top: 8.7vw;
padding-bottom: 12.6vw; } }
.offer-section .section-title {
margin-bottom: 0.5556vw; }
@media (min-width: 1441px) {
.offer-section .section-title {
margin-bottom: 8px; } }
@media (max-width: 1200px) {
.offer-section .section-title {
margin-bottom: 0.7vw; } }
@media (max-width: 574px) {
.offer-section .section-title {
margin-bottom: 3.7vw; } }
.offer-section .section-subtitle {
margin-bottom: 1.7vw; }
@media (min-width: 1441px) {
.offer-section .section-subtitle {
margin-bottom: 24.48px; } }
@media (max-width: 1200px) {
.offer-section .section-subtitle {
margin-bottom: 2vw; } }
@media (max-width: 574px) {
.offer-section .section-subtitle {
margin-bottom: 6vw; } }
.offer-section .form {
align-items: flex-end;
flex-direction: row;
padding: 0;
background-color: transparent;
box-shadow: none; }
@media (max-width: 574px) {
.offer-section .form {
flex-direction: column; } }
@media (max-width: 574px) {
.offer-section .custom-select {
width: 93vw; } }
.offer-section .offer-select {
margin-right: 4.5vw; }
@media (min-width: 1441px) {
.offer-section .offer-select {
margin-right: 64.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.offer-section .offer-select {
margin-right: 2.5vw; } }
@media (max-width: 574px) {
.offer-section .offer-select {
margin-right: 0; } }
.offer-section .btn {
padding: 0 2.15vw;
min-height: 4.3vw;
font-size: 1.3889vw;
line-height: 1.4em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.offer-section .btn {
padding: 0 30.96px;
min-height: 61.92px;
font-size: 20px; } }
@media (max-width: 1200px) {
.offer-section .btn {
padding: 0 3.1vw;
font-size: 1.6vw;
letter-spacing: 0.05em; } }
@media (max-width: 574px) {
.offer-section .btn {
width: 100%;
font-size: 5.1vw;
min-height: 16.7vw; } }
.popular-products-section .section-inner {
padding-top: 6vw;
padding-bottom: 5.8vw;
flex-direction: column; }
@media (min-width: 1441px) {
.popular-products-section .section-inner {
padding-top: 86.4px;
padding-bottom: 91.52px; } }
@media (max-width: 1200px) {
.popular-products-section .section-inner {
padding-top: 3vw;
padding-bottom: 4.1vw; } }
@media (max-width: 574px) {
.popular-products-section .section-inner {
padding-top: 8.4vw;
padding-bottom: 5.3vw; } }
.popular-products-section .section-title {
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.popular-products-section .section-title {
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.popular-products-section .section-title {
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.popular-products-section .section-title {
margin-bottom: 8.8vw;
text-align: center; } }
.popular-products-section .slider-wrapper {
width: 100%;
overflow: hidden; }
.popular-products-section .slider {
width: 100%; }
@media (max-width: 574px) {
.popular-products-section .slider {
min-width: 0;
min-height: 515px; } }
.popular-products-section .slider .slick-dots {
position: relative; }
.popular-products-section .slider .slick-track {
display: flex; }
.popular-products-section .slider .slick-slide {
display: flex; }
.popular-products-section .slider-card {
margin-right: 1.1111vw;
margin-left: 1.1111vw;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.15);
min-height: 37.78vw;
display: flex; }
@media (min-width: 1441px) {
.popular-products-section .slider-card {
margin-right: 16px;
margin-left: 16px;
min-height: 544px; } }
@media (max-width: 574px) {
.popular-products-section .slider-card {
margin-right: 2.1111vw;
margin-left: 2.1111vw;
max-width: 88.7vw;
min-height: 130.78vw; } }
.popular-products-section .slider-card .order-block {
max-height: 0;
overflow: hidden; }
@media (max-width: 574px) {
.popular-products-section .slider-card .order-block {
max-height: 13vw;
width: 100%;
justify-content: space-between; } }
.popular-products-section .slider-card:hover .order-block {
max-height: 10vw; }
@media (max-width: 574px) {
.popular-products-section .slider-card:hover .order-block {
max-height: 13vw; } }
.popular-products-section .slider .slick-list {
min-height: 44vw;
padding-top: 2vw;
overflow: visible;
display: flex; }
@media (min-width: 1441px) {
.popular-products-section .slider .slick-list {
min-height: 634.4px;
padding-top: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.popular-products-section .slider .slick-list {
min-height: 41vw; } }
@media (max-width: 574px) {
.popular-products-section .slider .slick-list {
min-height: 145vw;
padding-top: 6vw; } }
.popular-products-section .btn {
padding: 0 1.6vw;
margin-right: 2.7vw; }
@media (min-width: 1441px) {
.popular-products-section .btn {
padding: 0 23.04px;
margin-right: 38.88px; } }
@media (max-width: 768px) {
.popular-products-section .btn {
margin-right: 10.7vw;
width: auto;
white-space: nowrap;
padding: 0 5vw; }
}
.delivery-details-section {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/delivery-details-bg.png);
background-repeat: repeat;
background-position: center;
background-size: contain;
display: flex; }
@media (min-width: 1201px) and (max-width: 1440px) {
.delivery-details-section {
max-height: 9.6528vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section {
max-height: 11.1111vw; } }
@media (max-width: 574px) {
.delivery-details-section {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/delivery-details-bg--mob.png); } }
.delivery-details-section .section-inner {
align-items: center;
justify-content: space-between;
width: 67vw; }
@media (min-width: 1441px) {
.delivery-details-section .section-inner {
width: 964.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section .section-inner {
width: 81vw; } }
@media (max-width: 574px) {
.delivery-details-section .section-inner {
width: 100%;
padding-top: 15.4vw;
padding-right: 3vw;
padding-bottom: 18vw; } }
.delivery-details-section .delivery-img {
width: auto;
height: 13.5vw; }
@media (min-width: 1441px) {
.delivery-details-section .delivery-img {
height: 194.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section .delivery-img {
height: 16.5vw; } }
@media (max-width: 574px) {
.delivery-details-section .delivery-img {
display: none; } }
.delivery-details-section .delivery-img--mob {
width: auto;
height: 52.5vw; }
@media (min-width: 1441px) {
.delivery-details-section .delivery-img--mob {
height: 756px; } }
@media (min-width: 575px) {
.delivery-details-section .delivery-img--mob {
display: none; } }
.delivery-details-section .text-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 4.3vw; }
@media (min-width: 1441px) {
.delivery-details-section .text-wrapper {
margin-right: 61.92px; } }
.delivery-details-section .title {
font-weight: bold;
font-size: 1.2500vw;
line-height: 1.388888888888889em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 0.5vw; }
@media (min-width: 1441px) {
.delivery-details-section .title {
font-size: 18px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section .title {
font-size: 1.6vw; } }
@media (max-width: 574px) {
.delivery-details-section .title {
font-size: 4.6vw;
width: 47vw;
font-weight: 600;
margin-bottom: 2.1333vw;
letter-spacing: 0.04em;
line-height: 1.5em; } }
.delivery-details-section .subtitle {
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.1875em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.delivery-details-section .subtitle {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section .subtitle {
font-size: 1.3vw; } }
@media (max-width: 574px) {
.delivery-details-section .subtitle {
font-size: 15px;
width: 60vw;
margin-bottom: 6.1333vw;
letter-spacing: 0.02em;
line-height: 1.3em; } }
.delivery-details-section .btn {
min-height: 3.25vw;
padding: 0 1.6vw;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.delivery-details-section .btn {
min-height: 46.8px;
padding: 0 23.04px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-details-section .btn {
min-height: 4vw;
padding: 0 2.1vw;
font-size: 1.34vw; } }
@media (max-width: 574px) {
.delivery-details-section .btn {
min-height: 12.8000vw;
padding: 0 6vw;
font-size: 4.34vw; } }
.get-consult-bg {
position: absolute;
top: 0;
right: 0;
width: 70.5vw;
height: 100%; }
@media (min-width: 1441px) {
.get-consult-bg {
top: 0;
width: 1015.2px; } }
@media (max-width: 1200px) {
.get-consult-bg {
display: none; } }
@media (min-width: 1201px) {
.get-consult-bg--tablet {
display: none; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-bg--tablet {
position: absolute;
top: 0;
right: 0;
width: 75.5vw;
height: 100%;
z-index: 0; } }
@media (max-width: 574px) {
.get-consult-bg--tablet {
display: none; } }
.get-consult-bg--girl {
position: absolute;
right: 7.7vw;
width: 34.5vw;
height: 37.4vw; }
@media (min-width: 1441px) {
.get-consult-bg--girl {
right: 110.96px;
width: 496.8px;
height: 538.56px; } }
@media (min-width: 575px) {
.get-consult-bg--girl {
bottom: 0; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-bg--girl {
right: 4vw;
width: 41vw;
height: 44.8vw;
z-index: 1; } }
@media (max-width: 574px) {
.get-consult-bg--girl {
display: none; } }
@media (min-width: 575px) {
.get-consult-bg--mobile {
display: none; } }
@media (max-width: 574px) {
.get-consult-bg--mobile {
position: absolute;
top: 0vw;
right: 0;
width: 51.5vw;
height: 114.4vw; } }
@media (min-width: 575px) {
.get-consult-bg-girl--mobile {
display: none; } }
@media (max-width: 574px) {
.get-consult-bg-girl--mobile {
position: absolute;
top: 38.6vw;
right: 0;
width: 67.9vw;
height: 107.4vw; } }
.get-consult-section {
position: relative; }
.get-consult-section .get-consult-inner-wrap {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto; }
.get-consult-section__body {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 4.4vw; }
@media (min-width: 1441px) {
.get-consult-section__body {
margin-right: 63.36px; } }
@media (max-width: 574px) {
.get-consult-section__body {
margin-right: 0; } }
@media (max-width: 574px) {
.get-consult-section__body .wrapper.mob-col {
width: 100%; } }
.get-consult-section .fs-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 65.0694vw;
height: 69.5833vw; }
@media (min-width: 1441px) {
.get-consult-section .fs-bg {
width: 937px;
height: 1002px; } }
@media (max-width: 1200px) {
.get-consult-section .fs-bg {
width: 22.2vw;
height: 22.6vw; } }
.get-consult-section .fs-bg--man {
position: absolute;
z-index: 0;
top: 9.7917vw;
right: 2.9167vw;
width: 42.8472vw;
height: 42.8472vw; }
@media (min-width: 1441px) {
.get-consult-section .fs-bg--man {
top: 141px;
right: 42px;
width: 617px;
height: 617px; } }
@media (max-width: 1200px) {
.get-consult-section .fs-bg--man {
display: none; } }
.get-consult-section .fs-bg--man-tablet {
position: absolute;
z-index: 0;
top: 10.8073vw;
right: 0;
width: 93.6198vw;
height: 151.4323vw; }
@media (min-width: 1441px) {
.get-consult-section .fs-bg--man-tablet {
top: 155.63px;
width: 1348.13px;
height: 2180.63px; } }
@media (min-width: 992px) {
.get-consult-section .fs-bg--man-tablet {
display: none; } }
@media (max-width: 574px) {
.get-consult-section .fs-bg--man-tablet {
display: none; } }
@media (min-width: 575px) {
.get-consult-section .fs-bg--man-mobile {
display: none; } }
@media (max-width: 574px) {
.get-consult-section .fs-bg--man-mobile {
position: absolute;
z-index: 0;
top: 33.6111vw;
width: 100.0000vw;
height: 217.5000vw; } }
.get-consult-section .section-inner {
padding-top: 8.7vw;
padding-bottom: 8.2vw;
position: relative; }
@media (min-width: 1441px) {
.get-consult-section .section-inner {
padding-top: 125.28px;
padding-bottom: 118.08px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-section .section-inner {
padding-top: 7.69vw;
padding-bottom: 12.3021vw; } }
@media (max-width: 574px) {
.get-consult-section .section-inner {
padding-top: 16vw;
padding-bottom: 3.3021vw; } }
.get-consult-section__title {
width: 41.3194vw;
font-weight: bold;
font-size: 2.6vw;
line-height: 1.403125em;
letter-spacing: 0.025em;
color: #000000;
text-shadow: 0vw 0.2778vw 2.0833vw rgba(18, 34, 235, 0.1);
margin-bottom: 1.2vw; }
@media (min-width: 1441px) {
.get-consult-section__title {
width: 595px;
font-size: 37.44px;
text-shadow: 0px 4px 30px rgba(18, 34, 235, 0.1);
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-section__title {
font-size: 3.2vw;
line-height: 1.34em;
width: 49.3194vw;
margin-bottom: 1.4vw;
letter-spacing: 0.01em; } }
@media (max-width: 574px) {
.get-consult-section__title {
width: 70.3194vw;
font-size: 4.79vw;
margin-bottom: 4.5vw; } }
.get-consult-section__overtitle {
font-size: 2.85vw; }
@media (min-width: 1441px) {
.get-consult-section__overtitle {
font-size: 41.04px; } }
.get-consult-section__subtitle {
display: inline-block;
width: 30vw;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.02em;
margin-bottom: 2.2222vw;
word-break: break-word; }
@media (min-width: 1441px) {
.get-consult-section__subtitle {
width: 432px;
font-size: 16px;
margin-bottom: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-section__subtitle {
font-size: 1.35vw;
line-height: 1.3em;
width: 36.3194vw;
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.get-consult-section__subtitle {
width: 68%;
font-size: 4vw;
letter-spacing: -0.015em;
line-height: 1.2em;
margin-bottom: 52vw; } }
.get-consult-section .order-call {
align-items: center; }
.get-consult-section .btn {
padding: 0 3vw;
font-size: 1.3889vw;
line-height: 1.4em; }
@media (min-width: 1441px) {
.get-consult-section .btn {
padding: 0 43.2px;
font-size: 20px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-section .btn {
font-size: 1.7vw; } }
@media (max-width: 768px) {
.get-consult-section .btn {
font-size: 5.4vw;
width: 100%;
white-space: nowrap;
min-height: 16.5vw; }
}
.get-consult-section .input-field {
width: 15.5vw;
margin-right: 1.6vw;
min-height: 4.3vw; }
@media (min-width: 1441px) {
.get-consult-section .input-field {
width: 223.2px;
margin-right: 23.04px;
min-height: 61.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.get-consult-section .input-field {
width: 18.5vw;
margin-right: 2.1vw;
min-height: 5.1vw; } }
@media (max-width: 574px) {
.get-consult-section .input-field {
width: 100%;
margin-right: 0;
min-height: 17.1vw;
margin-bottom: 3.5vw; } }
.usefull-section {
background-color: #FAF7FF; }
.usefull-section .section-inner {
flex-direction: column;
padding-top: 5.5vw;
padding-bottom: 2.8vw; }
@media (min-width: 1441px) {
.usefull-section .section-inner {
padding-top: 79.2px;
padding-bottom: 40.32px;
}
}
@media (min-width: 992px) {
.usefull-section .blog-inner {
padding-bottom: 0;
}
.usefull-section .blog-inner .blog-card {
margin-bottom: 0;
}
}
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .section-inner {
padding-bottom: 6.24vw; } }
@media (max-width: 768px) {
.usefull-section .section-inner {
padding-top: 16vw;
padding-bottom: 10px;
} }
.usefull-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.usefull-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .section-title {
margin-bottom: 3.1vw; } }
@media (max-width: 574px) {
.usefull-section .section-title {
margin-bottom: 9.1vw;
font-size: 6.1vw; } }
.usefull-section .tabs-btn {
padding: 0 1.6vw;
min-height: 3.3vw; }
@media (min-width: 1441px) {
.usefull-section .tabs-btn {
padding: 0 23.04px;
min-height: 47.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .tabs-btn {
padding: 0 1.5vw;
min-height: 4vw; } }
@media (max-width: 574px) {
.usefull-section .tabs-btn {
padding: 0 3.2vw;
height: 9vw;
font-size: 3.6vw;
letter-spacing: 0.05em; } }
.usefull-section .tabs-btn.active {
box-shadow: 0px 0px 0px 2px #3A0B84; }
.usefull-section .tabs__title {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.usefull-section .tabs__title {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .tabs__title {
font-size: 1.84vw; } }
@media (max-width: 574px) {
.usefull-section .tabs__title {
font-size: 6vw;
font-weight: 600;
line-height: 1em; } }
.usefull-section .tabs__subtitle {
letter-spacing: 0em;
font-size: 1.25vw;
line-height: 1.34em;
width: 76vw; }
@media (min-width: 1441px) {
.usefull-section .tabs__subtitle {
font-size: 18px;
width: 1094.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .tabs__subtitle {
font-size: 1.52vw; } }
@media (max-width: 574px) {
.usefull-section .tabs__subtitle {
font-size: 4.95vw;
font-weight: 600; } }
.usefull-section .tabs__subtitle.smaller {
font-size: 1.12vw; }
@media (min-width: 1441px) {
.usefull-section .tabs__subtitle.smaller {
font-size: 16.13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.usefull-section .tabs__subtitle.smaller {
font-size: 1.35vw; } }
@media (max-width: 574px) {
.usefull-section .tabs__subtitle.smaller {
font-size: 4.4vw;
font-weight: 600; } }
.contact-map-section {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/delivery-details-bg.png);
background-repeat: repeat;
background-position: center;
background-size: contain; }
@media (max-width: 574px) {
.contact-map-section {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/delivery-details-bg--mob.png);
background-size: cover;
background-repeat: no-repeat; } }
.contact-map-section .section-inner {
align-items: center;
justify-content: space-between;
width: 88vw; }
@media (min-width: 1441px) {
.contact-map-section .section-inner {
width: 1267.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .section-inner {
width: 95vw; } }
@media (max-width: 574px) {
.contact-map-section .section-inner {
width: 100%;
padding-top: 3.4vw;
padding-right: 0;
padding-bottom: 24vw;
flex-wrap: wrap; } }
.contact-map-section .contact-map-img {
width: auto;
height: 9.7vw;
margin-right: 3.3vw; }
@media (min-width: 1441px) {
.contact-map-section .contact-map-img {
height: 139.68px;
margin-right: 47.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .contact-map-img {
height: 12vw;
margin-right: 3.9vw; } }
@media (max-width: 574px) {
.contact-map-section .contact-map-img {
display: none; } }
.contact-map-section .contact-map-img--mob {
width: auto;
height: 37.5vw;
margin-right: 3vw; }
@media (min-width: 1441px) {
.contact-map-section .contact-map-img--mob {
height: 540px;
margin-right: 43.2px; } }
@media (min-width: 575px) {
.contact-map-section .contact-map-img--mob {
display: none; } }
.contact-map-section iframe {
height: 7vw;
width: 54vw;
border-radius: 8px; }
@media (min-width: 1441px) {
.contact-map-section iframe {
height: 100.8px;
width: 777.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section iframe {
height: 9vw;
width: 53vw; } }
@media (max-width: 574px) {
.contact-map-section iframe {
height: 57vw;
width: 92%;
margin: 0 auto;
margin-top: 6vw; } }
.contact-map-section .text-wrapper {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-right: 5vw;
width: 19vw; }
@media (min-width: 1441px) {
.contact-map-section .text-wrapper {
margin-right: 72px;
width: 273.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .text-wrapper {
width: 23vw;
margin-right: 6.6vw; } }
@media (max-width: 574px) {
.contact-map-section .text-wrapper {
width: 70%;
margin-right: 6vw; } }
.contact-map-section .title {
font-weight: bold;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 2.5vw;
margin-top: 0.4vw;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
position: relative; }
@media (min-width: 1441px) {
.contact-map-section .title {
margin-bottom: 36px;
margin-top: 5.76px;
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .title {
font-size: 1.8425vw;
margin-top: 1vw;
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.contact-map-section .title {
margin-top: 0;
font-size: 4.6vw;
width: 47vw;
font-weight: 600;
margin-bottom: 9.1333vw;
letter-spacing: 0.04em;
line-height: 1.5em; } }
.contact-map-section .title:before {
position: absolute;
content: '';
background-color: #E51368;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
bottom: -1.34vw; }
@media (min-width: 1441px) {
.contact-map-section .title:before {
width: 80px;
height: 4px;
bottom: -19.3px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .title:before {
width: 6.7vw;
bottom: -1.67vw; } }
@media (max-width: 574px) {
.contact-map-section .title:before {
width: 10.5556vw;
height: 1vw;
bottom: -4vw; } }
.contact-map-section .contact-link {
margin-bottom: 1.5972vw;
font-size: 1.1111vw;
line-height: 1.277777777777778em;
letter-spacing: 0.03em;
color: #000000;
padding-left: 2.7vw; }
@media (min-width: 1441px) {
.contact-map-section .contact-link {
margin-bottom: 23px;
font-size: 16px;
padding-left: 38.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .contact-link {
padding-left: 2.8vw;
font-weight: 600;
font-size: 1.3400vw;
letter-spacing: 0.014em;
color: #6D7986; } }
@media (max-width: 574px) {
.contact-map-section .contact-link {
padding-left: 7.8vw;
font-weight: 500;
letter-spacing: 0.04em;
margin-bottom: 4.7vw;
font-size: 4.25vw; } }
@media (max-width: 574px) {
.contact-map-section .contact-link.map {
font-weight: 600;
padding-left: 9vw;
letter-spacing: 0.014em;
font-size: 4.2667vw;
color: #6D7986; } }
.contact-map-section .contact-link.map:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/location-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.2vw;
left: 0.15vw;
width: 1.24vw;
height: 1.8vw; }
@media (min-width: 1441px) {
.contact-map-section .contact-link.map:before {
top: -2.88px;
left: 2.16px;
width: 17.86px;
height: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .contact-link.map:before {
width: 1.4vw;
height: 2vw;
left: 0; } }
@media (max-width: 574px) {
.contact-map-section .contact-link.map:before {
width: 4.7vw;
height: 6.3vw;
top: -0.8vw;
left: 0vw; } }
.contact-map-section .contact-link:last-child {
margin-bottom: 0; }
.contact-map-section .btn {
min-height: 3.25vw;
width: 16.4vw;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.contact-map-section .btn {
min-height: 46.8px;
width: 236.16px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contact-map-section .btn {
min-height: 4vw;
width: 20vw;
font-size: 1.34vw; } }
@media (max-width: 574px) {
.contact-map-section .btn {
min-height: 12.8000vw;
width: 63.4667vw;
font-size: 4.34vw; } }
.check {
letter-spacing: 0.015em;
position: relative;
font-size: 1.1111vw;
padding-left: 3.8em; }
@media (min-width: 1441px) {
.check {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.check {
padding-left: 3.8em; } }
@media (max-width: 574px) {
.check {
padding-left: 3.8em; } }
.check svg {
position: absolute;
width: 1em;
height: 1em;
top: 0.29vw;
left: 0.285vw;
transition: 0.5s;
opacity: 0; }
@media (min-width: 1441px) {
.check svg {
top: 4.18px;
left: 4.1px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.check svg {
width: 1em;
height: 1em;
top: 0.35vw;
left: 0.375vw; } }
@media (max-width: 574px) {
.check svg {
width: 2em;
height: 1em;
top: 1.4vw;
left: -0.3vw; } }
.check.option {
font-weight: normal;
font-size: 0.7639vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.check.option {
font-size: 11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.check.option {
font-size: 0.9213vw; } }
@media (max-width: 574px) {
.check.option {
font-size: 2.9333vw; } }
.check.option a {
color: #000000;
text-decoration: underline; }
.check .required-text {
display: inline-block;
width: 100%;
line-height: 1.166666666666667em;
font-size: 0.8333vw;
color: red;
margin-top: 5px; }
@media (min-width: 1441px) {
.check .required-text {
font-size: 12px; } }
@media (min-width: 575px) and (max-width: 767px) {
.check .required-text {
font-size: 2.8333vw; } }
@media (max-width: 574px) {
.check .required-text {
font-size: 3.1vw; } }
.check__box {
position: absolute;
background-repeat: no-repeat;
background-size: 66% 52%;
background-position: center center;
border: 1px solid #6D7986;
border-radius: 50%;
transition: 0.5s;
width: 2em;
height: 2em;
margin-left: -3.6em;
top: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.check__box {
width: 2em;
height: 2em;
margin-left: -3.6em;
top: 0; } }
@media (max-width: 574px) {
.check__box {
width: 2em;
height: 2em;
margin-left: -3.6em;
top: 0; } }
.check__box.required {
border: 1px solid red;
border-radius: 50%;
background-image: none; }
.check:nth-child(2) .check__box {
top: -0.2vw; }
@media (min-width: 1441px) {
.check:nth-child(2) .check__box {
top: -2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.check:nth-child(2) .check__box {
top: -0.2vw; } }
@media (max-width: 574px) {
.check:nth-child(2) .check__box {
top: -0.9vw; } }
.check__input {
position: absolute;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
opacity: 0;
transition: 0.5s; }
.check__input:checked + .check__box {
transition: 0.5s; }
.check__input:checked + .check__box svg {
opacity: 1; }
.check__input:checked + .check__box.required {
border: 1px solid #6D7986;
transition: 0.5s; }
.check__input:checked + .check__box.required svg {
opacity: 1; }
.option {
display: block;
margin-bottom: 3.15em; }
@media (max-width: 574px) {
.option {
margin-bottom: 2.15em; } }
.quarter-top-right-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 25.1vw;
height: 25.1vw; }
@media (min-width: 1441px) {
.quarter-top-right-bg {
width: 361.44px;
height: 361.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.quarter-top-right-bg {
width: 21.8vw;
height: 21.8vw; } }
@media (max-width: 574px) {
.quarter-top-right-bg {
width: 44.4vw;
height: 45.1vw; } }
.quarter-bottom-left-bg {
position: absolute;
z-index: 0;
bottom: 0;
left: 0;
width: 25.1vw;
height: 25.1vw; }
@media (min-width: 1441px) {
.quarter-bottom-left-bg {
width: 361.44px;
height: 361.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.quarter-bottom-left-bg {
width: 21.8vw;
height: 21.8vw; } }
@media (max-width: 574px) {
.quarter-bottom-left-bg {
width: 44.4vw;
height: 45.1vw; } }
.contacts-section {
position: relative; }
.contacts-section.form-section .section-inner {
padding-top: 6.6vw;
padding-bottom: 1.74vw; }
@media (min-width: 1441px) {
.contacts-section.form-section .section-inner {
padding-top: 95.04px;
padding-bottom: 25.06px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section.form-section .section-inner {
padding-top: 6.7vw;
padding-bottom: 3.4vw; } }
@media (max-width: 574px) {
.contacts-section.form-section .section-inner {
padding-top: 8.5vw;
padding-bottom: 9.4vw; } }
.contacts-section.faq-page {
background-color: transparent; }
.contacts-section .section-inner {
padding-bottom: 4.7vw;
flex-direction: column;
padding-top: 2.3vw; }
@media (min-width: 1441px) {
.contacts-section .section-inner {
padding-bottom: 67.68px;
padding-top: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .section-inner {
padding-bottom: 5.95vw;
padding-top: 2.7vw; } }
@media (max-width: 574px) {
.contacts-section .section-inner {
padding-bottom: 13.95vw;
padding-top: 2.5vw; } }
.contacts-section .contact-info__title {
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
width: 35vw;
margin-bottom: 4.7vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info__title {
font-size: 24px;
width: 504px;
margin-bottom: 67.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info__title {
font-size: 2.0101vw;
width: 43vw;
margin-bottom: 5.3vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info__title {
font-size: 5.8667vw;
width: 74vw;
margin-bottom: 4.7vw; } }
.contacts-section .contact-info__text {
font-size: 0.9722vw;
line-height: 1.36em;
letter-spacing: 0.014em;
width: 35vw;
margin-bottom: 5.4vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info__text {
font-size: 14px;
width: 504px;
margin-bottom: 77.76px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info__text {
font-size: 1.1725vw;
width: 43vw;
margin-bottom: 7vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info__text {
font-size: 3.7333vw;
width: 88vw;
margin-bottom: 11.3vw; } }
.contacts-section .contact-info .contacts-card {
width: 20.6vw;
min-height: 14vw;
padding: 2.2222vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card {
width: 296.64px;
min-height: 201.6px;
padding: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card {
width: 24.8vw;
min-height: 14vw;
padding: 3vw 2.7vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card {
width: 79.4vw;
min-height: 14vw;
padding: 9.4vw 8.7vw 7vw 8.7vw;
margin-bottom: 6vw; } }
.contacts-section .contact-info .contacts-card .contacts-title {
font-size: 1.23vw;
margin-bottom: 0.7vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contacts-title {
font-size: 17.71px;
margin-bottom: 10.08px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contacts-title {
font-size: 1.5075vw;
margin-bottom: 0.7vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contacts-title {
font-size: 4.8000vw;
margin-bottom: 4.7vw; } }
.contacts-section .contact-info .contacts-card .contacts-title:before {
bottom: -3.34vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contacts-title:before {
bottom: -48.1px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contacts-title:before {
bottom: -3.97vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contacts-title:before {
bottom: -3.25vw; } }
.contacts-section .contact-info .contacts-card .contacts-subtitle {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contacts-subtitle {
font-size: 14px;
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contacts-subtitle {
margin-bottom: 3.3vw;
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contacts-subtitle {
margin-bottom: 9.7vw;
font-size: 3.7333vw; } }
.contacts-section .contact-info .contacts-card .contact-link {
margin-bottom: 0.8vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contact-link {
margin-bottom: 11.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contact-link {
margin-bottom: 0.8vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contact-link {
margin-bottom: 2.8vw; } }
.contacts-section .contact-info .contacts-card .contact-link.phone:before {
width: 1.5278vw;
height: 1.5278vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contact-link.phone:before {
width: 22px;
height: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contact-link.phone:before {
width: 1.5278vw;
height: 1.5278vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contact-link.phone:before {
width: 5.5278vw;
height: 5.5278vw; } }
.contacts-section .contact-info .contacts-card .contact-link.email:before {
width: 1.4583vw;
height: 0.9722vw; }
@media (min-width: 1441px) {
.contacts-section .contact-info .contacts-card .contact-link.email:before {
width: 21px;
height: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-info .contacts-card .contact-link.email:before {
width: 1.9vw;
height: 1.2vw;
top: 0.4vw; } }
@media (max-width: 574px) {
.contacts-section .contact-info .contacts-card .contact-link.email:before {
width: 6.3vw;
height: 4vw;
top: 1.4vw; } }
.contacts-section .wrapper-inner {
display: flex;
flex-direction: column; }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .wrapper-inner {
flex-direction: row-reverse;
justify-content: space-between; } }
@media (max-width: 574px) {
.contacts-section .wrapper-inner {
flex-direction: column; } }
.contacts-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.contacts-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .section-title {
margin-bottom: 7.1vw; } }
@media (max-width: 574px) {
.contacts-section .section-title {
margin-bottom: 7vw; } }
.contacts-section .contacts-wrapper {
display: flex;
flex-wrap: wrap;
width: 79.6528vw; }
@media (min-width: 1441px) {
.contacts-section .contacts-wrapper {
width: 100%; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contacts-wrapper {
width: 91.2vw; } }
@media (max-width: 574px) {
.contacts-section .contacts-wrapper {
width: 94vw; } }
.contacts-section .contacts-card {
display: flex;
flex-direction: column;
margin-bottom: 2.9167vw;
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.1);
border-radius: 8px;
padding: 2.4222vw 2.2222vw;
width: 24%;
min-height: 17.8vw;
margin-right: 1%; }
@media (min-width: 1441px) {
.contacts-section .contacts-card {
margin-bottom: 42px;
padding: 34.88px 32px;
width: 24%;
flex: 0 0 24%;
min-height: 256.32px;
margin-right: 1%; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contacts-card {
width: 28vw;
padding: 3vw 2.7222vw;
margin-right: 2.8vw; } }
@media (max-width: 574px) {
.contacts-section .contacts-card {
width: 92vw;
margin-right: 0;
padding: 9.4222vw 10.2222vw;
min-height: 68.8vw;
margin-bottom: 3.9167vw; } }
.contacts-section .contacts-card:nth-child(1) {
width: 24.6vw; }
@media (min-width: 1441px) {
.contacts-section .contacts-card:nth-child(1) {
width: 354.24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contacts-card:nth-child(1) {
width: 29.6vw; } }
@media (max-width: 574px) {
.contacts-section .contacts-card:nth-child(1) {
width: 91vw;
margin-right: 0; } }
.contacts-section .contacts-title {
font-weight: normal;
font-size: 1.5278vw;
line-height: 1em;
letter-spacing: 0.015em;
margin-bottom: 4vw;
font-weight: 700;
position: relative; }
@media (min-width: 1441px) {
.contacts-section .contacts-title {
font-size: 22px;
margin-bottom: 57.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contacts-title {
margin-bottom: 4.9vw;
font-size: 1.8425vw; } }
@media (max-width: 574px) {
.contacts-section .contacts-title {
font-size: 5.8667vw;
margin-bottom: 15.3611vw; } }
.contacts-section .contacts-title:before {
position: absolute;
content: '';
background-color: #E51368;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
bottom: -2.23vw; }
@media (min-width: 1441px) {
.contacts-section .contacts-title:before {
width: 80px;
height: 4px;
bottom: -32.11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contacts-title:before {
width: 6.7vw;
bottom: -1.67vw; } }
@media (max-width: 574px) {
.contacts-section .contacts-title:before {
width: 21.5556vw;
height: 1vw;
bottom: -8.2vw; } }
.contacts-section .schedule-text {
font-size: 1.1111vw;
line-height: 1.277777777777778em;
letter-spacing: 0.03em;
color: #000000; }
@media (min-width: 1441px) {
.contacts-section .schedule-text {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .schedule-text {
letter-spacing: 0.04em;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.contacts-section .schedule-text {
font-weight: 500;
letter-spacing: 0.04em;
font-size: 4.25vw; } }
.contacts-section .contact-link {
margin-bottom: 1.5972vw;
font-size: 1.1111vw;
line-height: 1.277777777777778em;
letter-spacing: 0.03em;
color: #000000;
padding-left: 2.7vw; }
@media (min-width: 1441px) {
.contacts-section .contact-link {
margin-bottom: 23px;
font-size: 16px;
padding-left: 38.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-link {
padding-left: 3.1944vw;
letter-spacing: 0.03em;
margin-bottom: 2vw;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.contacts-section .contact-link {
font-weight: 500;
letter-spacing: 0.04em;
margin-bottom: 6.7vw;
font-size: 4.2667vw;
padding-left: 10.4vw; } }
.contacts-section .contact-link.phone:before {
position: absolute;
content: '';
width: 1.7361vw;
height: 1.7361vw;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/phone-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.1389vw;
left: 0.1389vw; }
@media (min-width: 1441px) {
.contacts-section .contact-link.phone:before {
width: 25px;
height: 25px;
top: -2px;
left: 2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-link.phone:before {
width: 1.6vw;
height: 1.6vw;
top: -0.1vw; } }
@media (max-width: 574px) {
.contacts-section .contact-link.phone:before {
width: 5.6vw;
height: 5.6vw;
top: -0.5389vw; } }
.contacts-section .contact-link.email:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/email-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: 0.4vw;
width: 1.87vw;
height: 1.1vw;
left: 0vw; }
@media (min-width: 1441px) {
.contacts-section .contact-link.email:before {
top: 5.76px;
width: 26.93px;
height: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-link.email:before {
width: 2vw;
height: 1.24vw;
top: 0.3611vw; } }
@media (max-width: 574px) {
.contacts-section .contact-link.email:before {
width: 6.9vw;
height: 4.3vw;
top: 0.5611vw; } }
@media (max-width: 574px) {
.contacts-section .contact-link.map {
font-weight: 400;
padding-left: 10vw;
letter-spacing: 0.019em; } }
.contacts-section .contact-link.map:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/location-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.2vw;
left: 0.15vw;
width: 1.24vw;
height: 1.8vw; }
@media (min-width: 1441px) {
.contacts-section .contact-link.map:before {
top: -2.88px;
left: 2.16px;
width: 17.86px;
height: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .contact-link.map:before {
width: 1.5vw;
height: 2.1vw; } }
@media (max-width: 574px) {
.contacts-section .contact-link.map:before {
width: 4.2vw;
height: 5.6vw;
top: -0.5vw;
left: 0.9vw; } }
.contacts-section .contact-link:last-child {
margin-bottom: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .form-block {
width: 45.2vw;
padding-right: 6vw; } }
@media (max-width: 574px) {
.contacts-section .form-block {
width: 100%; } }
.contacts-section .form-block .form {
width: 44.5vw; }
@media (min-width: 1441px) {
.contacts-section .form-block .form {
width: 640.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .form-block .form {
width: 100%; } }
@media (max-width: 574px) {
.contacts-section .form-block .form {
width: 100%; } }
.contacts-section .form-block .form .btn {
width: 20.6vw;
font-size: 1.1111vw;
line-height: 1.375em;
text-align: center;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.contacts-section .form-block .form .btn {
width: 296.64px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.contacts-section .form-block .form .btn {
width: 33.9vw;
min-height: 4.05vw;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.contacts-section .form-block .form .btn {
width: 79.5vw;
font-size: 4.2667vw;
min-height: 12.8vw; } }
.our-team-section .section-title {
margin-bottom: 4.7vw; }
@media (min-width: 1441px) {
.our-team-section .section-title {
margin-bottom: 67.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .section-title {
margin-bottom: 5.7vw; } }
@media (max-width: 574px) {
.our-team-section .section-title {
margin-bottom: 6.9vw; } }
.our-team-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 0.88vw; }
@media (min-width: 1441px) {
.our-team-section .section-inner {
padding-top: 31.68px;
padding-bottom: 12.67px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 0.88vw; } }
@media (max-width: 574px) {
.our-team-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 0.88vw; } }
.our-team-section .our-team-block {
margin-bottom: 6.3889vw; }
@media (min-width: 1441px) {
.our-team-section .our-team-block {
margin-bottom: 92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .our-team-block {
margin-bottom: 7.7vw; } }
@media (max-width: 574px) {
.our-team-section .our-team-block {
margin-bottom: 17.3vw; } }
.our-team-section .our-team-block__title {
color: #0B1F35;
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
margin-bottom: 1.1111vw; }
@media (min-width: 1441px) {
.our-team-section .our-team-block__title {
font-size: 24px;
margin-bottom: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .our-team-block__title {
font-size: 2.0101vw;
margin-bottom: 1.4vw; } }
@media (max-width: 574px) {
.our-team-section .our-team-block__title {
font-size: 4.8000vw;
margin-bottom: 2.8vw; } }
.our-team-section .our-team-block__subtitle {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #0B1F35;
display: inline-block;
width: 48vw;
margin-bottom: 5.4vw; }
@media (min-width: 1441px) {
.our-team-section .our-team-block__subtitle {
font-size: 14px;
width: 691.2px;
margin-bottom: 77.76px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .our-team-block__subtitle {
font-size: 1.1725vw;
margin-bottom: 6.4vw;
width: 57vw; } }
@media (max-width: 574px) {
.our-team-section .our-team-block__subtitle {
font-size: 3.7333vw;
margin-bottom: 12.4vw;
width: 100%; } }
.our-team-section .our-team-block__subtitle.regional {
margin-bottom: 4.6vw; }
@media (min-width: 1441px) {
.our-team-section .our-team-block__subtitle.regional {
margin-bottom: 66.24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .our-team-block__subtitle.regional {
margin-bottom: 5.45vw; } }
@media (max-width: 574px) {
.our-team-section .our-team-block__subtitle.regional {
margin-bottom: 8.45vw; } }
@media (max-width: 574px) {
.our-team-section .our-team-block.regional {
margin-bottom: 8.4vw; } }
.our-team-section .team-card {
display: flex;
flex-direction: column;
align-items: flex-start;
width: 21vw;
margin-right: 4.3vw;
position: relative;
margin-bottom: 4vw; }
@media (min-width: 1441px) {
.our-team-section .team-card {
width: 302.4px;
margin-right: 61.92px;
margin-bottom: 57.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card {
width: 25vw;
margin-right: 5.5vw;
margin-bottom: 5vw; } }
@media (max-width: 574px) {
.our-team-section .team-card {
width: 100%;
margin-right: 0;
margin-bottom: 7.6vw; } }
.our-team-section .team-card:before {
position: absolute;
content: '';
background-color: #3A0B84;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
top: -0.87vw; }
@media (min-width: 1441px) {
.our-team-section .team-card:before {
width: 80px;
height: 4px;
top: -12.53px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card:before {
width: 6.7vw;
top: -0.94vw; } }
@media (max-width: 574px) {
.our-team-section .team-card:before {
width: 21.5556vw;
height: 1vw;
top: -3.1vw; } }
.our-team-section .team-card img {
width: auto;
height: 18.0556vw;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px; }
@media (min-width: 1441px) {
.our-team-section .team-card img {
height: 260px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card img {
height: 21.8vw; } }
@media (max-width: 574px) {
.our-team-section .team-card img {
height: 80.8vw; } }
.our-team-section .team-card.regional {
width: 17.4vw;
margin-right: 4.4vw; }
@media (min-width: 1441px) {
.our-team-section .team-card.regional {
width: 250.56px;
margin-right: 63.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card.regional {
width: 21vw;
margin-right: 3.3vw; } }
@media (max-width: 574px) {
.our-team-section .team-card.regional {
width: 100%;
margin-bottom: 9vw;
margin-right: 0; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card.regional:nth-child(4n) {
margin-right: 0; } }
@media (max-width: 574px) {
.our-team-section .team-card.regional:nth-child(4n) {
margin-bottom: 5vw; } }
.our-team-section .team-card.regional:before {
position: absolute;
content: '';
background-color: #3A0B84;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
top: 21.34vw; }
@media (min-width: 1441px) {
.our-team-section .team-card.regional:before {
width: 80px;
height: 4px;
top: 307.3px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card.regional:before {
width: 6.7vw;
top: 25.84vw; } }
@media (max-width: 574px) {
.our-team-section .team-card.regional:before {
width: 21.5556vw;
height: 1vw;
top: 105.3vw; } }
.our-team-section .team-card.regional img {
height: 15.055vw;
margin-bottom: 1.2vw; }
@media (min-width: 1441px) {
.our-team-section .team-card.regional img {
height: 216.79px;
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card.regional img {
height: 18.2vw;
margin-bottom: 1.2vw; } }
@media (max-width: 574px) {
.our-team-section .team-card.regional img {
height: 80.8vw;
margin-bottom: 4.6vw; } }
.our-team-section .team-card.regional .team-position {
margin-bottom: 2.6vw; }
@media (min-width: 1441px) {
.our-team-section .team-card.regional .team-position {
margin-bottom: 37.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-card.regional .team-position {
margin-bottom: 3.2vw; } }
@media (max-width: 574px) {
.our-team-section .team-card.regional .team-position {
margin-bottom: 10.1vw;
width: 60vw; } }
.our-team-section .contact-link {
margin-bottom: 0.5972vw;
font-size: 0.9722vw;
line-height: 1.277777777777778em;
letter-spacing: 0.03em;
padding-left: 2.3vw;
color: #6D7986; }
@media (min-width: 1441px) {
.our-team-section .contact-link {
margin-bottom: 8.6px;
font-size: 14px;
padding-left: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .contact-link {
margin-bottom: 0.9vw;
font-size: 1.1725vw;
padding-left: 2.7vw; } }
@media (max-width: 574px) {
.our-team-section .contact-link {
margin-bottom: 2.4vw;
font-size: 3.7333vw;
padding-left: 8.1vw; } }
.our-team-section .contact-link.phone:before {
position: absolute;
content: '';
width: 1.2361vw;
height: 1.2361vw;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/phone-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.1389vw;
left: 0.1389vw; }
@media (min-width: 1441px) {
.our-team-section .contact-link.phone:before {
width: 17.8px;
height: 17.8px;
top: -2px;
left: 2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .contact-link.phone:before {
width: 1.4vw;
height: 1.4vw;
top: 0vw; } }
@media (max-width: 574px) {
.our-team-section .contact-link.phone:before {
width: 4.6vw;
height: 4.6vw;
top: 0vw; } }
.our-team-section .contact-link.email:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/email-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: 0.4vw;
width: 1.37vw;
height: 0.8vw;
left: 0vw; }
@media (min-width: 1441px) {
.our-team-section .contact-link.email:before {
top: 5.76px;
width: 19.73px;
height: 11.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .contact-link.email:before {
width: 1.7vw;
height: 1.1vw;
top: 0.3611vw; } }
@media (max-width: 574px) {
.our-team-section .contact-link.email:before {
width: 5.6vw;
height: 3.5vw;
top: 0.9611vw;
left: -0.6vw; } }
.our-team-section .contact-link:last-child {
margin-bottom: 0; }
.our-team-section .team-list {
display: flex;
flex-wrap: wrap; }
.our-team-section .team-name {
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.388888888888889em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.our-team-section .team-name {
font-size: 18px;
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-name {
font-size: 1.5075vw;
margin-bottom: 0.45vw; } }
@media (max-width: 574px) {
.our-team-section .team-name {
font-size: 4.8000vw;
margin-bottom: 1.45vw; } }
.our-team-section .team-position {
color: #6D7986;
font-weight: normal;
font-size: 0.7639vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
margin-bottom: 1.1vw; }
@media (min-width: 1441px) {
.our-team-section .team-position {
font-size: 11px;
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.our-team-section .team-position {
font-size: 0.9213vw;
margin-bottom: 1.34vw; } }
@media (max-width: 574px) {
.our-team-section .team-position {
font-size: 2.9333vw;
width: 72vw;
margin-bottom: 4.4vw; } }
.faq-section {
position: relative; }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .section-title {
margin-bottom: 1.6vw; } }
@media (max-width: 574px) {
.faq-section .section-title {
margin-bottom: 7.2vw; } }
.faq-section .faq-section-subtitle {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 3.5vw; }
@media (min-width: 1441px) {
.faq-section .faq-section-subtitle {
font-size: 14px;
margin-bottom: 50.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .faq-section-subtitle {
font-size: 1.1725vw;
margin-bottom: 4.2vw; } }
@media (max-width: 768px) {
.faq-section .faq-section-subtitle {
font-size: 14px;
margin-bottom: 6.5vw;
overflow: hidden;
}
.faq-section .table-wrap {
padding: 0 0 10px 0;
overflow: auto;
}
.faq-section-subtitle table.aligncenter td {
min-width: 100px;
}
.faq-section .table-wrap::-webkit-scrollbar {
width: 10px;
}
.faq-section .table-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
}
.faq-section .table-wrap::-webkit-scrollbar-thumb {
background: #888;
}
}
.faq-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 2.88vw; }
@media (min-width: 1441px) {
.faq-section .section-inner {
padding-top: 31.68px;
padding-bottom: 41.47px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 2.88vw; } }
@media (max-width: 574px) {
.faq-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 2.88vw; } }
.faq-section .accordion {
width: 88.4vw; }
@media (min-width: 1441px) {
.faq-section .accordion {
width: 1272.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .accordion {
width: 88.4vw; } }
@media (max-width: 574px) {
.faq-section .accordion {
width: 92.9vw; } }
.faq-section .accordion input {
display: none; }
.faq-section .box {
position: relative;
background: #FFFFFF;
border-radius: 4px;
min-height: auto;
margin-bottom: 1.7vw;
transition: all .15s ease-in-out; }
@media (min-width: 1441px) {
.faq-section .box {
margin-bottom: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .box {
margin-bottom: 2vw; } }
@media (max-width: 574px) {
.faq-section .box {
margin-bottom: 2vw; } }
.faq-section .box::before {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none;
box-shadow: 0px 6px 19px -4px rgba(34, 60, 80, 0.22); }
.faq-section .box-title {
width: calc(100% - 40px);
min-height: 3.8vw;
line-height: 1.375em;
padding: 1.1806vw 1.3889vw;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
font-size: 1.1111vw;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.faq-section .box-title {
min-height: 54.72px;
padding: 17px 20px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .box-title {
min-height: 3.8vw;
line-height: 1.375em;
padding: 17px 20px;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.faq-section .box-title {
min-height: 3.8vw;
line-height: 1.375em;
padding: 17px 20px;
font-size: 3.7333vw; } }
.faq-section .box-content {
width: 100%;
display: none;
font-weight: normal;
font-size: 0.9722vw;
padding: 0px 0.9722vw 2.0833vw 3.1250vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.faq-section .box-content {
font-size: 14px;
padding: 0px 14px 30px 45px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .box-content {
font-size: 1.1725vw;
padding: 0 1.6750vw 1.2563vw 3.7688vw; } }
@media (max-width: 574px) {
.faq-section .box-content {
font-size: 3.7333vw;
padding: 0 2.675vw 4.2667vw 11.4vw; } }
.faq-section .box-close {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none; }
.faq-section input:checked + .box {
height: auto;
box-shadow: 0px 6px 19px -4px rgba(34, 60, 80, 0.22); }
.faq-section input:checked + .box .box-content,
.faq-section input:checked + .box .box-close {
display: inline-block; }
.faq-section .arrows section .box-title {
padding-left: 3.0556vw;
width: 100%; }
@media (min-width: 1441px) {
.faq-section .arrows section .box-title {
padding-left: 44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .arrows section .box-title {
padding-left: 3.7vw;
width: 100%; } }
@media (max-width: 574px) {
.faq-section .arrows section .box-title {
padding-left: 11.7vw;
width: 100%; } }
.faq-section .arrows section .box-title:before {
position: absolute;
display: block;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 0.85vw;
height: 0.5vw;
left: 1.15vw;
top: 1.66vw;
transition: transform .15s ease-in-out;
color: rgba(0, 0, 0, 0.54); }
@media (min-width: 1441px) {
.faq-section .arrows section .box-title:before {
width: 12.24px;
height: 7.2px;
left: 16.56px;
top: 23.9px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.faq-section .arrows section .box-title:before {
width: 1vw;
height: 0.6vw;
left: 1.4vw;
top: 2vw; } }
@media (max-width: 574px) {
.faq-section .arrows section .box-title:before {
width: 4vw;
height: 2.4vw;
left: 3.4vw;
top: 6vw; } }
.faq-section input:checked + section.box .box-title:before {
transform: rotate(-180deg);
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-active.svg); }
.faq-section input:checked + .box .box-title {
color: #3A0B84; }
.main-logo-bg {
position: absolute;
height: 58.75vw;
width: 42.2639vw;
top: 5.3vw;
left: 29vw; }
@media (min-width: 1441px) {
.main-logo-bg {
height: 846px;
width: 608.6px;
top: 76.32px;
left: 50%;
transform: translateX(-50%); } }
@media (min-width: 575px) and (max-width: 1200px) {
.main-logo-bg {
height: 71.75vw;
width: 50.4vw;
top: 6.3vw;
left: 24.6vw; } }
@media (max-width: 574px) {
.main-logo-bg {
height: 90.75vw;
width: 63.2639vw;
top: 18.3vw;
left: 18.3vw; } }
.faq-page-bg {
background: #FBFBFB; }
.about-product-section {
position: relative; }
.about-product-section .section-title {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.about-product-section .section-title {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .section-title {
margin-bottom: 1.6vw; } }
@media (max-width: 574px) {
.about-product-section .section-title {
margin-bottom: 3.2vw; } }
.about-product-section .faq-section-subtitle {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 3.5vw;
width: 50vw; }
@media (min-width: 1441px) {
.about-product-section .faq-section-subtitle {
font-size: 14px;
margin-bottom: 50.4px;
width: 720px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .faq-section-subtitle {
font-size: 1.1725vw;
margin-bottom: 4.2vw;
width: 58vw; } }
@media (max-width: 574px) {
.about-product-section .faq-section-subtitle {
font-size: 3.7333vw;
margin-bottom: 6.5vw;
width: 100%; } }
.about-product-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 13.88vw; }
@media (min-width: 1441px) {
.about-product-section .section-inner {
padding-top: 31.68px;
padding-bottom: 199.87px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 17.3vw; } }
@media (max-width: 574px) {
.about-product-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 12.88vw; } }
.about-product-section .accordion {
width: 88.4vw; }
@media (min-width: 1441px) {
.about-product-section .accordion {
width: 1272.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .accordion {
width: 88.4vw; } }
@media (max-width: 574px) {
.about-product-section .accordion {
width: 92.9vw; } }
.about-product-section .accordion input {
display: none; }
.about-product-section .box {
position: relative;
background: transparent;
min-height: auto;
margin-bottom: 0;
transition: all .15s ease-in-out;
border-top: 1px solid #6D7986; }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .box {
margin-bottom: 0; } }
@media (max-width: 574px) {
.about-product-section .box {
margin-bottom: 0; } }
.about-product-section .box::before {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none; }
.about-product-section .box-title {
width: calc(100% - 40px);
min-height: 2vw;
line-height: 1.375em;
padding: 1vw 1.3889vw;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
font-size: 0.9722vw;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.about-product-section .box-title {
min-height: 28.8px;
padding: 14.4px 20px;
font-size: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .box-title {
min-height: 4.16vw;
line-height: 1.375em;
padding: 1.1725vw 1.6750vw;
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.about-product-section .box-title {
min-height: 9.8vw;
line-height: 1.375em;
padding: 1.1725vw 1.6750vw;
font-size: 3.7333vw; } }
.about-product-section .box-content {
width: 100%;
display: none;
font-weight: normal;
font-size: 0.9722vw;
padding: 0.87vw 0.9722vw 0 3.4vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.about-product-section .box-content {
font-size: 14px;
padding: 12.53px 14px 0 48.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .box-content {
font-size: 1.1725vw;
padding: 0.87vw 0.9722vw 0 4.2vw; } }
@media (max-width: 574px) {
.about-product-section .box-content {
font-size: 3.7333vw;
padding: 3.1vw 0.9722vw 2vw 9.2vw; } }
.about-product-section .box-content a {
color: #0B1F35;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 1.234vw;
position: relative;
transition: 0.5s;
border-bottom: 1px solid transparent; }
@media (min-width: 1441px) {
.about-product-section .box-content a {
font-size: 14px;
margin-bottom: 17.77px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .box-content a {
font-size: 1.1725vw;
margin-bottom: 1.4vw; } }
@media (max-width: 574px) {
.about-product-section .box-content a {
font-size: 3.7333vw;
margin-bottom: 4.4vw; } }
@media (max-width: 574px) {
.about-product-section .box-content a:last-child {
margin-bottom: 0; } }
.about-product-section .box-content a:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/file-grey.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1vw;
height: 1.3vw;
left: -2vw;
top: 0;
transition: 0.5s; }
@media (min-width: 1441px) {
.about-product-section .box-content a:before {
width: 14.4px;
height: 18.72px;
left: -28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .box-content a:before {
width: 1.2vw;
height: 1.5vw;
left: -2.5vw;
top: 0; } }
@media (max-width: 574px) {
.about-product-section .box-content a:before {
width: 4vw;
height: 5.3vw;
left: -8vw;
top: 0; } }
.about-product-section .box-content a:hover {
color: #3A0B84;
border-bottom: 1px solid #3A0B84; }
.about-product-section .box-content a:hover:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/file.svg); }
.about-product-section .box-close {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none; }
.about-product-section input:checked + .box {
height: auto;
background-color: white; }
.about-product-section input:checked + .box .box-close {
display: inline-block; }
.about-product-section input:checked + .box .box-content {
display: flex;
flex-direction: column; }
.about-product-section .arrows section .box-title {
padding-left: 3.4vw;
width: 100%; }
@media (min-width: 1441px) {
.about-product-section .arrows section .box-title {
padding-left: 48.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .arrows section .box-title {
padding-left: 4vw;
width: 100%; } }
@media (max-width: 574px) {
.about-product-section .arrows section .box-title {
padding-left: 8.8vw;
width: 100%; } }
.about-product-section .arrows section .box-title:before {
position: absolute;
display: block;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 0.9vw;
height: 0.55vw;
left: 1.3vw;
top: 1.5vw;
transition: transform .15s ease-in-out;
color: rgba(0, 0, 0, 0.54); }
@media (min-width: 1441px) {
.about-product-section .arrows section .box-title:before {
width: 12.96px;
height: 7.92px;
left: 18.72px;
top: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-product-section .arrows section .box-title:before {
width: 1vw;
height: 0.6vw;
left: 1.4vw;
top: 2vw; } }
@media (max-width: 574px) {
.about-product-section .arrows section .box-title:before {
width: 4vw;
height: 2.4vw;
left: 1vw;
top: 3.6vw; } }
.about-product-section input:checked + section.box .box-title:before {
transform: rotate(-180deg);
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-active.svg); }
.about-product-section input:checked + .box .box-title {
color: #3A0B84; }
.delivery-section .section-title {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.delivery-section .section-title {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .section-title {
margin-bottom: 1.6vw; } }
@media (max-width: 574px) {
.delivery-section .section-title {
margin-bottom: 3.2vw; } }
.delivery-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 2.88vw; }
@media (min-width: 1441px) {
.delivery-section .section-inner {
padding-top: 31.68px;
padding-bottom: 41.47px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 3.6vw; } }
@media (max-width: 574px) {
.delivery-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 12.88vw; } }
.delivery-section .faq-section-subtitle {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 4.5vw;
width: 24vw; }
@media (min-width: 1441px) {
.delivery-section .faq-section-subtitle {
font-size: 14px;
margin-bottom: 64.8px;
width: 345.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .faq-section-subtitle {
font-size: 1.1725vw;
margin-bottom: 2.9vw;
width: 28vw; } }
@media (max-width: 574px) {
.delivery-section .faq-section-subtitle {
font-size: 3.7333vw;
margin-bottom: 6.5vw;
width: 100%; } }
.delivery-section .delivery-cards-list {
display: flex;
flex-wrap: wrap; }
.delivery-section .delivery-card {
padding: 2.2222vw;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
border-radius: 8px;
width: 42.23vw;
min-height: 26.3vw;
margin-right: 4.45vw;
margin-bottom: 4.34vw;
position: relative;
transition: 0.5s;
display: flex;
flex-direction: column; }
@media (min-width: 1441px) {
.delivery-section .delivery-card {
padding: 32px;
width: 608.11px;
min-height: 378.72px;
margin-right: 64.08px;
margin-bottom: 62.5px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card {
width: 40.6vw;
padding: 2.6801vw;
min-height: 27.3vw;
margin-right: 2.45vw;
margin-bottom: 2.7vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card {
width: 100%;
padding: 2.1vw 6.7vw 5.5vw 1.2vw;
min-height: 80.3vw;
margin-right: 0;
margin-bottom: 6.8vw; } }
.delivery-section .delivery-card:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.5);
z-index: 1;
top: 0;
left: 0;
transition: 0.5s; }
.delivery-section .delivery-card:hover {
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.2); }
.delivery-section .delivery-card:hover:before {
background-color: rgba(255, 255, 255, 0); }
.delivery-section .delivery-card__title {
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
width: 16.5vw;
margin-bottom: 1.3889vw;
height: 7.9167vw;
z-index: 2;
position: relative; }
@media (min-width: 1441px) {
.delivery-section .delivery-card__title {
font-size: 24px;
width: 237.6px;
margin-bottom: 20px;
height: 114px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card__title {
font-size: 2.0101vw;
width: 20vw;
margin-bottom: 3vw;
height: 5.9167vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card__title {
font-size: 6.4000vw;
width: 68vw;
margin-bottom: 5.3vw;
height: 17.9167vw; } }
.delivery-section .delivery-card__list-title {
display: inline-block;
margin-bottom: 0.2vw;
z-index: 2;
position: relative; }
@media (min-width: 1441px) {
.delivery-section .delivery-card__list-title {
margin-bottom: 2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card__list-title {
font-size: 1.1725vw;
width: 20vw;
margin-bottom: 0.05vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card__list-title {
font-size: 3.7333vw;
width: 38vw;
margin-bottom: 0.05vw; } }
.delivery-section .delivery-card__main-text {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 2.6vw;
z-index: 2;
position: relative; }
@media (min-width: 1441px) {
.delivery-section .delivery-card__main-text {
font-size: 14px;
margin-bottom: 37.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card__main-text {
font-size: 1.1725vw;
margin-bottom: 3.2vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card__main-text {
font-size: 3.7333vw;
margin-bottom: 5.3vw; } }
.delivery-section .delivery-card__main-text ul {
list-style: disc;
margin-left: 1.5vw; }
@media (min-width: 1441px) {
.delivery-section .delivery-card__main-text ul {
margin-left: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card__main-text ul {
margin-left: 1.8vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card__main-text ul {
margin-left: 5.7vw; } }
.delivery-section .delivery-card__main-text ul li {
margin-bottom: 0.1vw; }
@media (min-width: 1441px) {
.delivery-section .delivery-card__main-text ul li {
margin-bottom: 1.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card__main-text ul li {
margin-bottom: 0.1vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card__main-text ul li {
margin-bottom: 0.6vw; } }
.delivery-section .delivery-card .delivery-card__footer {
display: flex;
align-items: center;
justify-content: flex-end;
z-index: 2;
position: relative;
margin-top: auto; }
.delivery-section .delivery-card .delivery-timing {
font-weight: 600;
font-size: 1.2500vw;
line-height: 1em;
letter-spacing: 0.014em;
margin-right: 1.7vw;
margin-top: 0.5vw; }
@media (min-width: 1441px) {
.delivery-section .delivery-card .delivery-timing {
font-size: 18px;
margin-right: 24.48px;
margin-top: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card .delivery-timing {
font-size: 1.1725vw;
margin-right: 2.1vw;
margin-top: 0; } }
@media (max-width: 574px) {
.delivery-section .delivery-card .delivery-timing {
font-size: 3.4667vw;
font-weight: 400;
margin-right: 5.7vw;
margin-top: 0.5vw; } }
.delivery-section .delivery-card .delivery-price {
font-weight: bold;
font-size: 2.6389vw;
line-height: 1em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.delivery-section .delivery-card .delivery-price {
font-size: 38px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card .delivery-price {
font-size: 2.0101vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card .delivery-price {
font-size: 5.8667vw; } }
.delivery-section .delivery-card .delivery-card-map-bg {
position: absolute;
z-index: 0; }
.delivery-section .delivery-card .delivery-card-map-bg.europe {
width: 24.3056vw;
height: 19.6528vw;
right: 0;
top: 0; }
@media (min-width: 1441px) {
.delivery-section .delivery-card .delivery-card-map-bg.europe {
width: 350px;
height: 283px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card .delivery-card-map-bg.europe {
width: 22.9vw;
height: 18.6528vw;
right: 2.5vw;
top: 0.7vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card .delivery-card-map-bg.europe {
width: 50.3056vw;
top: 2vw;
right: 3.4vw;
height: 40.6528vw; } }
.delivery-section .delivery-card .delivery-card-map-bg.world {
width: 29.5139vw;
height: 17.2917vw;
top: 1vw;
right: 1.4vw; }
@media (min-width: 1441px) {
.delivery-section .delivery-card .delivery-card-map-bg.world {
width: 425px;
height: 249px;
top: 14.4px;
right: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card .delivery-card-map-bg.world {
width: 29.5139vw;
height: 17.2917vw;
top: 1vw;
right: 1.4vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card .delivery-card-map-bg.world {
width: 58.5139vw;
height: 34.2917vw;
top: 2.2vw;
right: 4vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card .delivery-card-map-bg {
right: 0;
top: 0;
width: 24.3056vw;
height: 19.6528vw; } }
@media (max-width: 574px) {
.delivery-section .delivery-card .delivery-card-map-bg {
right: 0;
top: 0;
width: 24.3056vw;
height: 19.6528vw; } }
.delivery-section .delivery-card:nth-child(2n) {
margin-right: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.delivery-section .delivery-card:nth-child(2n) {
margin-right: 0; } }
@media (max-width: 574px) {
.delivery-section .delivery-card:nth-child(2n) {
margin-right: 0; } }
.categories-section {
display: flex;
background: #FBFBFB; }
.categories-section .categories-wrapper-main {
margin: 0 auto;
display: flex;
position: relative;
width: 100%;
max-width: 1440px; }
@media (min-width: 1441px) {
.categories-section .categories-wrapper-main {
width: 1440px; } }
.categories-section .block-title {
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em; letter-spacing: 0.014em;
margin-bottom: 1.5vw; }
@media (min-width: 1441px) {
.categories-section .block-title {
font-size: 24px;
margin-bottom: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .block-title {
margin-bottom: 1.6vw;
font-size: 2.01vw; } }
@media (max-width: 574px) {
.categories-section .block-title {
margin-bottom: 6.2vw;
font-size: 5.8667vw; } }
.categories-section .aside-block {
box-shadow: 15px 7px 19px -7px rgba(34, 60, 80, 0.08);
padding-left: 5.5vw;
width: 28.7500vw;
padding-top: 2.3vw; }
@media (min-width: 1441px) {
.categories-section .aside-block {
padding-left: 79.2px;
width: 496.8px;
padding-top: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block {
padding-left: 2.5vw;
width: 36.5vw;
padding-top: 2.8vw; } }
@media (max-width: 574px) {
.categories-section .aside-block {
display: none; } }
.categories-section .aside-block .block-title {
margin-bottom: 2.3vw; }
@media (min-width: 1441px) {
.categories-section .aside-block .block-title {
margin-bottom: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .block-title {
margin-bottom: 2.8vw;
min-height: 3vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .block-title {
margin-bottom: 2.3vw; } }
.categories-section .aside-block .block-list {
display: flex;
flex-direction: column; }
.categories-section .aside-block .block-list__item {
margin-bottom: 1.1vw;
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
@media (min-width: 1441px) {
.categories-section .aside-block .block-list__item {
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .block-list__item {
margin-bottom: 1.3vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .block-list__item {
margin-bottom: 4vw; } }
.categories-section .aside-block .block-list__item.sale .block-list__item-text {
position: absolute;
right: -2.6vw;
top: -0.2vw;
background-color: #1CD2D8;
color: white;
border-radius: 4px;
padding: 0.2vw 0.2vw 0.3vw 0.2vw;
font-size: 0.5556vw;
text-transform: uppercase; }
@media (min-width: 1441px) {
.categories-section .aside-block .block-list__item.sale .block-list__item-text {
right: -37.44px;
top: -2.88px;
padding: 2.88px 2.88px 4.32px 2.88px;
font-size: 8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .block-list__item.sale .block-list__item-text {
font-size: 0.6700vw;
right: -3.2vw;
top: -0.1vw;
padding: 0.3vw 0.4vw 0.3vw 0.3vw; } }
.categories-section .aside-block .block-list__link {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.categories-section .aside-block .block-list__link {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .block-list__link {
font-size: 1.17vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .block-list__link {
font-size: 3.9722vw; } }
.categories-section .aside-block .accordion {
width: 19vw; }
@media (min-width: 1441px) {
.categories-section .aside-block .accordion {
width: 273.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .accordion {
width: 23vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .accordion {
width: 92.9vw; } }
.categories-section .aside-block .accordion input {
display: none; }
.categories-section .aside-block .box {
position: relative;
background: transparent;
min-height: auto;
margin-bottom: 1vw;
transition: all .15s ease-in-out; }
@media (min-width: 1441px) {
.categories-section .aside-block .box {
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .box {
margin-bottom: 0.6vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .box {
margin-bottom: 3vw; } }
.categories-section .aside-block .box::before {
content: '';
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
pointer-events: none; }
.categories-section .aside-block .box-title {
width: calc(100% - 40px);
min-height: 1vw;
line-height: 1.375em;
padding: 0;
display: flex;
align-items: center;
cursor: pointer;
transition: 0.5s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
font-size: 0.9722vw;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.categories-section .aside-block .box-title {
min-height: 14.4px;
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .box-title {
min-height: 4vw;
line-height: 1.375em;
padding: 0 1.6750vw;
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .box-title {
min-height: 9.8vw;
line-height: 1.375em;
padding: 1.1725vw 1.6750vw;
font-size: 3.7333vw; } }
.categories-section .aside-block .box-content {
width: 100%;
display: none;
font-weight: normal;
font-size: 0.9722vw;
padding: 0.45vw 0 0 1.9vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.categories-section .aside-block .box-content {
font-size: 14px;
padding: 6.48px 0 0 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .box-content {
font-size: 1.1725vw;
padding: 0.87vw 0 0 2.2vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .box-content {
font-size: 3.7333vw;
padding: 0.45vw 0 0 1.9vw; } }
.categories-section .aside-block .box-content a {
color: #0B1F35;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 0.66vw;
position: relative; }
@media (min-width: 1441px) {
.categories-section .aside-block .box-content a {
font-size: 13px;
margin-bottom: 9.5px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .box-content a {
font-size: 1vw;
margin-bottom: 0.82vw;
letter-spacing: 0.06em; } }
@media (max-width: 574px) {
.categories-section .aside-block .box-content a {
font-size: 3.7333vw;
margin-bottom: 4.4vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .box-content a:last-child {
margin-bottom: 0; } }
.categories-section .aside-block .box-content a:hover {
color: #3A0B84;
border-bottom: 1px solid #3A0B84; }
.categories-section .aside-block .box-content a.active {
color: #3A0B84;
border-bottom: 1px solid #3A0B84; }
.categories-section .aside-block .box-close {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
display: none; }
.categories-section .aside-block input:checked + .box {
height: auto; }
.categories-section .aside-block input:checked + .box .box-close {
display: inline-block; }
.categories-section .aside-block input:checked + .box .box-content {
display: flex;
flex-direction: column; }
.categories-section .aside-block .arrows section .box-title {
padding-left: 1.9vw;
width: 100%; }
@media (min-width: 1441px) {
.categories-section .aside-block .arrows section .box-title {
padding-left: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .arrows section .box-title {
padding-left: 2.3vw;
width: 100%; } }
@media (max-width: 574px) {
.categories-section .aside-block .arrows section .box-title {
padding-left: 8.8vw;
width: 100%; } }
.categories-section .aside-block .arrows section .box-title:before {
position: absolute;
display: block;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 0.9vw;
height: 0.55vw;
left: 0vw;
top: 0.5vw;
transition: transform .15s ease-in-out;
color: rgba(0, 0, 0, 0.54); }
@media (min-width: 1441px) {
.categories-section .aside-block .arrows section .box-title:before {
width: 12.96px;
height: 7.92px;
left: 0px;
top: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .aside-block .arrows section .box-title:before {
width: 1vw;
height: 0.6vw;
left: 0vw;
top: 1.8vw; } }
@media (max-width: 574px) {
.categories-section .aside-block .arrows section .box-title:before {
width: 4vw;
height: 2.4vw;
left: 1vw;
top: 3.6vw; } }
.categories-section .aside-block input:checked + section.box .box-title:before {
transform: rotate(-180deg);
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-active.svg); }
.categories-section .aside-block input:checked + .box .box-title {
color: #3A0B84; }
.categories-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 2.88vw;
padding-left: 6vw; }
@media (min-width: 1441px) {
.categories-section .section-inner {
padding-top: 31.68px;
padding-bottom: 41.47px;
padding-left: 86.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 5.1vw;
padding-left: 2.3vw; } }
@media (max-width: 574px) {
.categories-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 12.88vw;
padding-left: 0; } }
.categories-section .categories-sort {
display: flex;
justify-content: space-between;
width: 30.5556vw;
padding: 0;
background: #FFFFFF;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
border-radius: 4px;
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort {
width: 440px;
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort {
width: 36.7vw;
margin-bottom: 2vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort {
width: 92.5556vw;
margin-bottom: 6vw; } }
.categories-section .categories-sort.form {
flex-direction: row;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 60vw;
justify-content: flex-start;
flex-wrap: wrap; }
@media (min-width: 1441px) {
.categories-section .categories-sort.form {
max-width: 864px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort.form {
max-width: 63.3vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort.form {
max-width: 100%; } }
.categories-section .categories-sort.form .select-items {
left: -0.9vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
@media (max-width: 574px) {
.categories-section .categories-sort.form .select-items {
left: -4.4vw; } }
.categories-section .categories-sort.form .custom-select {
width: auto;
min-width: auto;
box-shadow: none; }
@media (max-width: 574px) {
.categories-section .categories-sort.form .custom-select {
margin-bottom: 0; } }
.categories-section .categories-sort.form .select-items div,
.categories-section .categories-sort.form .select-selected {
padding: 0;
min-height: auto;
background-color: transparent;
font-size: 0.9028vw;
line-height: 1.384615384615385em; margin-right: 1.5vw;
letter-spacing: 0.014em;
color: #000000; }
@media (min-width: 1441px) {
.categories-section .categories-sort.form .select-items div,
.categories-section .categories-sort.form .select-selected {
font-size: 13px;
margin-right: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort.form .select-items div,
.categories-section .categories-sort.form .select-selected {
font-size: 1.0888vw;
margin-right: 1.7vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort.form .select-items div,
.categories-section .categories-sort.form .select-selected {
font-size: 3.4667vw;
margin-right: 4.7vw; } }
.categories-section .categories-sort.form .select-items div {
padding: 0.7vw 1vw;
margin-right: 0; }
@media (min-width: 1441px) {
.categories-section .categories-sort.form .select-items div {
padding: 10.08px 14.4px; } }
@media (max-width: 574px) {
.categories-section .categories-sort.form .select-items div {
padding: 4.4vw; } }
.categories-section .categories-sort.form .select-selected:after {
top: 0.5vw;
right: -0.0278vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort.form .select-selected:after {
top: 7.2px;
right: -0.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort.form .select-selected:after {
top: 0.35vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort.form .select-selected:after {
top: 1.6vw; } }
.categories-section .categories-sort.form .select-selected.select-arrow-active:after {
top: 0vw;
right: 0.15vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort.form .select-selected.select-arrow-active:after {
right: 2.16px; } }
.categories-section .categories-sort .block-sort {
display: flex;
align-items: center;
margin-right: 3.4444vw;
padding: 0.7vw 1vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort {
padding: 10.08px 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort {
padding: 0.75vw 1.3vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort {
padding: 2vw 4.5vw; } }
.categories-section .categories-sort .block-sort:last-child {
margin-right: 0; }
.categories-section .categories-sort .block-sort-text {
font-size: 0.9028vw;
line-height: 1.384615384615385em; margin-right: 0.5vw;
letter-spacing: 0.014em;
color: #000000; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort-text {
font-size: 13px;
margin-right: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort-text {
font-size: 1.0888vw;
margin-right: 0.7vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort-text {
font-size: 3.4667vw;
margin-right: 2.5vw; } }
.categories-section .categories-sort .block-sort-text.square {
position: relative;
padding-right: 1.1vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort-text.square {
padding-right: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort-text.square {
padding-right: 1.1vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort-text.square {
padding-right: 1.1vw; } }
.categories-section .categories-sort .block-sort-text.square:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
background-size: cover;
width: 0.84vw;
height: 0.5vw;
top: 0.5vw;
right: -0.4vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort-text.square:before {
width: 12.1px;
height: 7.2px;
top: 7.2px;
right: -5.76px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort-text.square:before {
height: 0.5vw;
top: 0.6vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort-text.square:before {
height: 1.8vw;
width: 2.84vw;
top: 1.8vw;
right: -3vw; } }
.categories-section .categories-sort .block-sort img {
height: 1.1806vw;
width: auto; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort img {
height: 17px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort img {
height: 1.1806vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort img {
height: 4.1806vw; } }
.categories-section .categories-sort .block-sort .area-sort-img {
height: 0.5vw;
margin-top: 0.3vw; }
@media (min-width: 1441px) {
.categories-section .categories-sort .block-sort .area-sort-img {
height: 7.2px;
margin-top: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .categories-sort .block-sort .area-sort-img {
height: 0.5vw; } }
@media (max-width: 574px) {
.categories-section .categories-sort .block-sort .area-sort-img {
height: 1.5vw; } }
.categories-section .card {
padding: 2.3vw 2vw 0.8vw 2vw;
margin-bottom: 2vw;
width: 60vw;
background-color: white;
flex-direction: row;
position: relative;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
justify-content: space-between; }
@media (min-width: 1441px) {
.categories-section .card {
padding: 33.12px 28.8px 11.52px 28.8px;
margin-bottom: 28.8px;
width: 864px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card {
padding: 2.6vw 2.5vw;
width: 63.3vw; } }
@media (max-width: 574px) {
.categories-section .card {
padding: 8.3vw 8.35vw;
width: 100%;
margin-bottom: 3vw;
flex-direction: column-reverse; } }
.categories-section .card-header {
flex-direction: column;
margin-bottom: 1.35vw; }
@media (min-width: 1441px) {
.categories-section .card-header {
margin-bottom: 19.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-header {
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.categories-section .card-header {
margin-bottom: 0.05vw; } }
.categories-section .card-description {
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.categories-section .card-description {
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-description {
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.categories-section .card-description {
display: none; } }
.categories-section .card-description ul {
list-style: disc;
padding-left: 1.5vw;
width: 23vw; }
@media (min-width: 1441px) {
.categories-section .card-description ul {
padding-left: 21.6px;
width: 331.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-description ul {
padding-left: 1.8vw;
width: 28vw; } }
@media (max-width: 574px) {
.categories-section .card-description ul {
padding-left: 1.5vw;
width: 100%; } }
.categories-section .card-description ul li {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 0.2vw; }
@media (min-width: 1441px) {
.categories-section .card-description ul li {
font-size: 14px;
margin-bottom: 2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-description ul li {
font-size: 1.1725vw;
margin-bottom: 0.1vw; } }
@media (max-width: 574px) {
.categories-section .card-description ul li {
font-size: 0.9722vw;
margin-bottom: 0.5vw; } }
.categories-section .card-text {
width: 24vw;
margin-bottom: 0.5vw; }
@media (min-width: 1441px) {
.categories-section .card-text {
width: 345.6px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-text {
width: 100%;
margin-bottom: 1vw; } }
@media (max-width: 574px) {
.categories-section .card-text {
width: 74vw;
margin-bottom: 4.7vw; } }
.categories-section .card-text a {
font-size: 1.2500vw; }
@media (min-width: 1441px) {
.categories-section .card-text a {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card-text a {
font-size: 1.5075vw;
letter-spacing: 0.015em;
display: inline-block;
width: 28vw;
margin-bottom: 0; } }
@media (max-width: 574px) {
.categories-section .card-text a {
font-size: 3.7333vw;
letter-spacing: 0.017em; } }
.categories-section .card .picture-block {
width: 24vw; }
@media (min-width: 1441px) {
.categories-section .card .picture-block {
width: 345.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .picture-block {
width: 27.8vw; } }
@media (max-width: 574px) {
.categories-section .card .picture-block {
width: 100%; } }
@media (min-width: 575px) {
.categories-section .card .picture-block .vendor-code.mobile-shown {
display: none; } }
@media (max-width: 574px) {
.categories-section .card .picture-block .availability {
display: none; } }
@media (max-width: 574px) {
.categories-section .card .picture-block .compare {
display: none; } }
.categories-section .card picture img {
width: 20vw;
height: 16.5vw;
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.categories-section .card picture img {
width: 288px;
height: 237.6px;
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card picture img {
width: 23vw;
height: 20vw;
margin-bottom: 1.4vw; } }
@media (max-width: 574px) {
.categories-section .card picture img {
width: auto;
height: 64.5vw;
margin-bottom: 2.4vw; } }
.categories-section .card .main-content {
margin-right: 4.4vw;
width: 26vw;
display: flex;
flex-direction: column; }
@media (min-width: 1441px) {
.categories-section .card .main-content {
margin-right: 63.36px;
width: 374.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .main-content {
margin-right: 0;
width: 31vw; } }
@media (max-width: 574px) {
.categories-section .card .main-content {
margin-right: 7vw;
width: 100%; } }
@media (min-width: 575px) {
.categories-section .card .main-content .availability.mobile-shown {
display: none; } }
@media (max-width: 574px) {
.categories-section .card .main-content .vendor-code {
display: none; } }
@media (min-width: 575px) {
.categories-section .card .main-content .compare.mobile-shown {
display: none; } }
@media (max-width: 574px) {
.categories-section .card .main-content .btn.mobile-hide {
display: none; } }
.categories-section .card .compare {
position: absolute;
right: 2vw;
width: auto;
height: 1.3889vw; }
@media (min-width: 1441px) {
.categories-section .card .compare {
right: 28.8px;
height: 20px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .compare {
right: 2vw;
width: 2.3889vw;
height: 1.3889vw; } }
@media (max-width: 574px) {
.categories-section .card .compare {
right: 8vw;
height: 6.3889vw; } }
.categories-section .card .vendor-code {
font-size: 0.7639vw; }
@media (min-width: 1441px) {
.categories-section .card .vendor-code {
font-size: 11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .vendor-code {
font-size: 0.9213vw; } }
@media (max-width: 574px) {
.categories-section .card .vendor-code {
font-size: 2.9333vw;
display: inline-block;
margin-bottom: 1.4vw; } }
.categories-section .card .availability {
padding-left: 6vw; }
@media (min-width: 1441px) {
.categories-section .card .availability {
padding-left: 86.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .availability {
padding-left: 10.7vw; } }
@media (max-width: 574px) {
.categories-section .card .availability {
padding-left: 0; } }
.categories-section .card .availability .price {
font-size: 1.6667vw; }
@media (min-width: 1441px) {
.categories-section .card .availability .price {
font-size: 24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .availability .price {
font-size: 2.0101vw; } }
@media (max-width: 574px) {
.categories-section .card .availability .price {
font-size: 5.8667vw; } }
.categories-section .card .availability .text {
margin-top: 0.4vw;
margin-right: 1.6vw; }
@media (min-width: 1441px) {
.categories-section .card .availability .text {
margin-top: 5.76px;
margin-right: 23.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .availability .text {
margin-top: 0.2vw;
margin-right: 2vw;
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.categories-section .card .availability .text {
margin-top: 0.4vw;
margin-right: 6.6vw;
font-size: 2.9333vw; } }
.categories-section .card .availability .discount-price {
display: none;
right: -0.6vw;
top: -1.4vw; }
@media (min-width: 1441px) {
.categories-section .card .availability .discount-price {
right: -8.64px;
top: -20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .availability .discount-price {
right: -0.6vw;
top: -1.4vw; } }
@media (max-width: 574px) {
.categories-section .card .availability .discount-price {
right: 12.4vw;
top: -4.4vw; } }
.categories-section .card .btn {
width:80%;
font-size: 0.9722vw;
min-height: 2.8vw;
line-height: 1.357142857142857em;
padding: 0 1.7vw;
margin-right: 1.8vw; }
@media (min-width: 1441px) {
.categories-section .card .btn {
font-size: 14px;
min-height: 40.32px;
padding: 0 24.48px;
margin-right: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card .btn {
line-height: 1.357142857142857em;
font-size: 1.1725vw;
min-height: 3.4vw;
padding: 0 2vw;
letter-spacing: 0.024em; } }
@media (max-width: 574px) {
.categories-section .card .btn {
font-size: 4.2667vw;
line-height: 1.357142857142857em;
min-height: 13.8vw;
padding: 0 7.7vw; } }
.categories-section .card .btn:last-child {
margin-right: 0; }
.categories-section .card .discount-percent {
display: none; }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .picture {
margin-left: -2.4vw; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .picture {
margin-left: -2.4vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .picture img {
margin-bottom: 1.7vw; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .picture img {
margin-bottom: 1.7vw; } }
.categories-section .card.discount-card .main-content {
margin-right: 4vw; }
@media (min-width: 1441px) {
.categories-section .card.discount-card .main-content {
margin-right: 57.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .main-content {
margin-right: 0; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .main-content {
margin-right: 7vw; } }
.categories-section .card.discount-card .picture-block {
width: 25.3vw; }
@media (min-width: 1441px) {
.categories-section .card.discount-card .picture-block {
width: 364.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .picture-block {
width: 26.8vw; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .picture-block {
width: 100%; } }
.categories-section .card.discount-card .availability {
padding-left: 6.6vw; }
@media (min-width: 1441px) {
.categories-section .card.discount-card .availability {
padding-left: 95.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .availability {
padding-left: 5.2vw; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .availability {
padding-left: 0; } }
.categories-section .card.discount-card .discount-percent {
display: flex;
right: 6.2vw;
width: 3vw;
height: 3vw;
top: 2.3vw; }
@media (min-width: 1441px) {
.categories-section .card.discount-card .discount-percent {
right: 89.28px;
width: 43.2px;
height: 43.2px;
top: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.categories-section .card.discount-card .discount-percent {
right: 7.2vw;
width: 3.5vw;
height: 3.5vw;
top: 2.6vw; } }
@media (max-width: 574px) {
.categories-section .card.discount-card .discount-percent {
right: 9.2vw;
top: 8vw;
width: 13vw;
height: 13vw;
font-size: 3.7333vw; } }
.categories-section .card.discount-card .discount-price {
display: inline-block; }
.counter-block {
display: flex;
align-items: center; }
.counter-block .counter {
text-align: center;
font-weight: bold;
font-size: 2.0833vw;
line-height: 1em;
letter-spacing: 0.014em;
margin-bottom: 0.5vw;
min-width: 0.9444vw; }
@media (min-width: 1441px) {
.counter-block .counter {
font-size: 30px;
margin-bottom: 7.2px;
min-width: 13.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.counter-block .counter {
font-size: 2.5126vw; } }
.counter-block-img {
width: 2.7778vw;
height: 2.7778vw; }
@media (min-width: 1441px) {
.counter-block-img {
width: 40px;
height: 40px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.counter-block-img {
width: 3.3501vw;
height: 3.3501vw; } }
.card-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 0; }
@media (min-width: 1441px) {
.card-section .section-inner {
padding-top: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .section-inner {
padding-top: 2.7vw; } }
@media (max-width: 574px) {
.card-section .section-inner {
padding-top: 2.7vw; } }
.card-section .section-inner.you-may-want {
padding-bottom: 10.6vw; }
@media (min-width: 1441px) {
.card-section .section-inner.you-may-want {
padding-bottom: 72.64px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .section-inner.you-may-want {
padding-bottom: 10.6vw;
padding-top: 0vw;
width: 94.6vw; } }
@media (max-width: 574px) {
.card-section .section-inner.you-may-want {
padding-bottom: 20.6vw;
width: 94.6vw;
padding-top: 0; } }
.card-section .card .compare {
width: auto;
height: 1.7vw; }
@media (min-width: 1441px) {
.card-section .card .compare {
height: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card .compare {
width: 2.4vw;
height: 2.4vw; } }
@media (max-width: 574px) {
.card-section .card .compare {
height: 4.7vw; } }
.card-section .section-title {
margin-bottom: 2.1111vw; }
@media (min-width: 1441px) {
.card-section .section-title {
margin-bottom: 30.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .section-title {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.card-section .section-title {
margin-bottom: 7.1111vw;
margin-left: 7vw; } }
.card-section .slider-wrapper {
width: 100%;
overflow: hidden; }
.include-vat {
font-weight: 600;
margin: 18px 0 0 18px;
}
.card-section .card-wrapper {
padding-bottom: 4.1667vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper {
padding-bottom: 60px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper {
padding-bottom: 4.1667vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper {
padding-bottom: 11.1667vw; } }
.card-section .card-wrapper .card {
background-color: transparent;
width: 100%;
flex-direction: row;
padding: 0;
box-shadow: none;
position: relative; }
.card-section .card-wrapper .card .compare {
position: absolute;
right: 0;
top: 0;
width: 2.6vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .compare {
width: 37.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .compare {
width: 2.3vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .compare {
width: 6.6vw;
right: 3vw;
top: 39vw;
z-index: 10; } }
.card-section .card-wrapper .card:hover {
box-shadow: none; }
@media (max-width: 574px) {
.card-section .card-wrapper .card {
flex-wrap: wrap; } }
.card-section .card-wrapper .card-text {
width: 29vw;
margin-bottom: 0.5vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-text {
width: 417.6px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-text {
width: 36vw;
margin-bottom: 0.7vw;
margin-top: 0.35vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-text {
width: 100%;
margin-bottom: 2.5vw; } }
.card-section .card-wrapper .card-text a {
font-size: 1.6667vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-text a {
font-size: 24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-text a {
font-size: 2.0101vw;
letter-spacing: 0.018em; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-text a {
font-size: 5.8667vw; } }
.card-section .card-wrapper .card-header {
flex-direction: column;
margin-bottom: 1.3889vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-header {
margin-bottom: 20px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-header {
flex-direction: column;
margin-bottom: 1.6vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-header {
flex-direction: column; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-description {
order: 3;
margin-bottom: 6.2vw; } }
.card-section .card-wrapper .card-description ul {
width: 29vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-description ul {
width: 417.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-description ul {
width: 36vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-description ul {
width: 100%;
padding-left: 5.5vw; } }
.card-section .card-wrapper .card-description ul li {
margin-bottom: 0.1vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-description ul li {
margin-bottom: 1.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-description ul li {
margin-bottom: 0.1vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-description ul li {
margin-bottom: 0.1vw;
font-size: 15px;
line-height: 1.377142857142857em; } }
.card-section .card-wrapper .card-custom-block-title {
font-size: 1.6667vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-custom-block-title {
font-size: 24px; } }
.card-section .card-wrapper .card .header-info {
flex-direction: row; }
@media (max-width: 574px) {
.card-section .card-wrapper .card .header-info {
margin-bottom: 6vw; } }
.card-section .card-wrapper .card .vendor-code {
font-size: 0.7639vw;
margin-right: 1.1vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .vendor-code {
font-size: 11px;
margin-right: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .vendor-code {
font-size: 0.9213vw;
margin-right: 1.4vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .vendor-code {
font-size: 2.9333vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 4.1vw; } }
.card-section .card-wrapper .card .picture-block {
width: 37.6vw;
margin-right: 6vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .picture-block {
width: 541.44px;
margin-right: 86.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .picture-block {
width: 45.6vw;
margin-right: 3.7vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .picture-block {
width: 100%;
margin-right: 0;
margin-bottom: 8.5vw; } }
@media (min-width: 575px) {
.card-section .card-wrapper .card .picture-block .card-header {
display: none; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .picture-block .card-header {
width: 100%;
margin-right: 0; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .main-content {
display: flex;
flex-direction: column; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .main-content .card-header {
display: none; } }
.card-section .card-wrapper .card picture {
display: flex;
justify-content: center;
height: 25.3333vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card picture {
height: 364.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card picture {
height: 31.3333vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card picture {
height: 64.3333vw;
width: 100%;
margin-bottom: 2.5vw; } }
.card-section .card-wrapper .card picture img {
height: 24vw;
width: 28vw;
margin-top: 1.2vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card picture img {
height: 345.6px;
width: 403.2px;
margin-top: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card picture img {
height: 29vw;
width: 34vw;
margin-top: 1.2vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card picture img {
height: 55vw;
width: 65vw;
margin-top: 4vw; } }
.card-section .card-wrapper .card .card-picture-slider img {
-o-object-fit: cover;
object-fit: cover; }
.card-section .card-wrapper .card .pictures-list img {
cursor: pointer;
-o-object-fit: cover;
object-fit: cover;
width: 7.5694vw;
height: 7.5694vw; }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .pictures-list img {
width: 9.1290vw;
height: 9.1290vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .pictures-list img {
width: 21.129vw;
height: 20.129vw; } }
.card-section .card-wrapper .card .pictures-list .slick-track {
width: 100%; }
.card-section .card-wrapper .card .slider {
margin-bottom: 3.34vw;
width: 38vw;
position: relative; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .slider {
margin-bottom: 48.1px;
width: 547.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .slider {
margin-bottom: 3.34vw;
width: 45vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .slider {
margin-bottom: 2vw;
width: 100%; } }
.card-section .card-wrapper .card .slider .slick-list {
width: 100%;
height: 25vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .slider .slick-list {
height: 360px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card .slider .slick-list {
height: 32vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .slider .slick-list {
height: 65vw; } }
.card-section .card-wrapper .card .slider .slick-arrow {
width: 4.7722vw;
height: 4.25vw;
background-size: cover;
top: 50%;
background-repeat: no-repeat;
position: absolute;
z-index: 10;
font-size: 0;
border: none;
background-color: transparent;
transform: translateY(-50%); }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .slider .slick-arrow {
width: 68.72px;
height: 61.2px; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .slider .slick-arrow {
width: 11.7722vw;
height: 11.25vw; } }
.card-section .card-wrapper .card .slider .slick-arrow.slick-prev {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/slide-left.svg);
left: -2.3vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .slider .slick-arrow.slick-prev {
left: -33.12px; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .slider .slick-arrow.slick-prev {
left: -5.3vw; } }
.card-section .card-wrapper .card .slider .slick-arrow.slick-next {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/slide-right.svg);
right: -2.3vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card .slider .slick-arrow.slick-next {
right: -33.12px; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card .slider .slick-arrow.slick-next {
right: -5.3vw; } }
.card-section .card-wrapper .availability {
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .availability {
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .availability {
margin-bottom: 1.7vw;
margin-top: 0.5vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .availability {
margin-bottom: 7.34vw;
order: 1; } }
.card-section .card-wrapper .availability .text {
margin-right: 1.6vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .availability .text {
margin-right: 23.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .availability .text {
margin-right: 1.6vw;
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .availability .text {
margin-right: 6.6vw;
font-size: 3.7333vw;
margin-top: 1vw; } }
.card-section .card-wrapper .availability .price {
margin-top: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .availability .price {
margin-top: 0;
font-size: 3.1826vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .availability .price {
margin-top: 0;
font-size: 10.1333vw; } }
.card-section .card-wrapper .counter-block {
margin-bottom: 2.1vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .counter-block {
margin-bottom: 30.24px; } }
@media (max-width: 574px) {
.card-section .card-wrapper .counter-block {
order: 2; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .counter-block {
margin-bottom: 2.3vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .counter-block {
margin-bottom: 6.34vw;
width: 43.7vw; } }
.card-section .card-wrapper .counter-block-img {
margin-left: 1.5vw;
margin-right: 1.5vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .counter-block-img {
margin-left: 21.6px;
margin-right: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .counter-block-img {
margin-left: 1.5vw;
margin-right: 1.5vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .counter-block-img {
width: 10.7778vw;
height: 11.7778vw;
margin-left: 8.5vw;
margin-right: 8.5vw; } }
.card-section .card-wrapper .counter-block-img:first-child {
margin-left: 0; }
.card-section .card-wrapper .counter-block-img:last-child {
margin-right: 0; }
@media (max-width: 574px) {
.card-section .card-wrapper .counter-block .counter {
font-size: 8.0000vw; } }
.card-section .card-wrapper .card-custom-block {
width: 36.85vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-custom-block {
width: 530.64px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-custom-block {
width: 44.4vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-custom-block {
width: 100%;
order: 4; } }
.card-section .card-wrapper .card-custom-block__title {
font-size: 1.6667vw;
letter-spacing: 0.015em;
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .card-custom-block__title {
font-size: 24px;
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .card-custom-block__title {
font-size: 2.0101vw;
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .card-custom-block__title {
font-size: 5.8667vw;
margin-bottom: 4.7vw; } }
.card-section .card-wrapper .custom-select {
width: 100%; }
.card-section .card-wrapper .select-title {
font-weight: 400;
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .select-title {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .select-title {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .select-title {
font-size: 2.9333vw; } }
.card-section .card-wrapper .form {
padding: 2.4vw 2.2222vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .form {
padding: 34.56px 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .form {
padding: 3vw 2.7vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .form {
padding: 7.4vw 6.4vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .form .select-title {
margin-bottom: 3.3vw; } }
.card-section .card-wrapper .form .wrapper.col {
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .form .wrapper.col {
margin-bottom: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .form .wrapper.col {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .form .wrapper.col {
margin-bottom: 2vw; } }
.card-section .card-wrapper .form .btn {
min-height: 4vw; }
@media (min-width: 1441px) {
.card-section .card-wrapper .form .btn {
min-height: 57.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .card-wrapper .form .btn {
min-height: 5vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .form .btn {
min-height: 16vw; } }
@media (max-width: 574px) {
.card-section .card-wrapper .form .custom-select {
margin-bottom: 2vw; } }
.card-section .tabs {
padding-top: 4.3vw;
padding-bottom: 4vw;
background: #FAF7FF;
margin-bottom: 3.6vw; }
@media (min-width: 1441px) {
.card-section .tabs {
padding-top: 61.92px;
padding-bottom: 57.6px;
margin-bottom: 51.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .tabs {
padding-top: 5.76vw;
padding-bottom: 5.35vw;
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.card-section .tabs {
padding-top: 10.3vw;
padding-bottom: 9.3333vw;
margin-bottom: 13.8vw; } }
.card-section .tabs .section-inner {
padding-top: 0; }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .tabs .section-inner {
width: 86.6vw; } }
@media (max-width: 574px) {
.card-section .tabs .section-inner {
width: 91.6vw; } }
.card-section .tabs .btn {
min-height: 3.4vw;
padding: 0 1.5vw; }
@media (min-width: 1441px) {
.card-section .tabs .btn {
min-height: 48.96px;
padding: 0 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .tabs .btn {
min-height: 4vw;
padding: 0 1.5vw; } }
@media (max-width: 574px) {
.card-section .tabs .btn {
min-height: 8.8vw;
padding: 0 2.5vw;
font-size: 3.7333vw;
letter-spacing: 0.03em; } }
.card-section .tabs .btn.active {
box-shadow: 0px 0px 0px 2px #3A0B84; }
.card-section .slider .card .btn {
padding: 0 1.9vw;
margin-right: 2vw; }
@media (min-width: 1440px) {
.card-section .slider .card .btn {
width: auto;
padding: 0 27.36px;
margin-right: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .slider .card .btn {
padding: 0 1.9vw;
margin-right: 2vw; } }
@media (max-width: 574px) {
.card-section .slider .card .btn {
padding: 0 4.9vw;
margin-right: 10vw; } }
.card-section .you-may-want-slider {
width: 100%; }
.card-section .you-may-want-slider .slider-card {
margin-right: 1.1111vw;
margin-left: 1.1111vw;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.15); }
@media (min-width: 1441px) {
.card-section .you-may-want-slider .slider-card {
margin-right: 16px;
margin-left: 16px; } }
@media (max-width: 574px) {
.card-section .you-may-want-slider .slider-card {
margin-right: 2.1111vw;
margin-left: 2.1111vw; } }
.card-section .you-may-want-slider .slider-card .order-block {
max-height: 0;
overflow: hidden;
margin: -1px; }
@media (max-width: 574px) {
.card-section .you-may-want-slider .slider-card .order-block {
max-height: 13vw; } }
.card-section .you-may-want-slider .slider-card:hover .order-block {
max-height: 10vw; }
.card-section .you-may-want-slider .slick-list {
min-height: 43vw;
padding-top: 2vw;
padding-bottom:25px;
overflow: visible;
position: relative; }
@media (min-width: 1441px) {
.card-section .you-may-want-slider .slick-list {
min-height: 662.4px;
padding-top: 28.8px; } }
@media (max-width: 574px) {
.card-section .you-may-want-slider .slick-list {
min-height: 145vw;
padding-top: 6vw; } }
.card-section .breadcrumbs {
margin-bottom: 1.1vw; }
@media (min-width: 1441px) {
.card-section .breadcrumbs {
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.card-section .breadcrumbs {
margin-bottom: 1.1vw; } }
@media (max-width: 574px) {
.card-section .breadcrumbs {
margin-bottom: 3.5vw; } }
.table {
display: flex;
flex-direction: column; }
.table .tables-list {
display: flex;
justify-content: space-between;
position: relative;
align-items: center;
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.table .tables-list {
margin-bottom: 28.8px; } }
.table .tables-list:before {
position: absolute;
content: '';
background-color: #D8D8D8;
width: 100%;
height: 1px;
bottom: -1.78vw; }
@media (min-width: 1441px) {
.table .tables-list:before {
bottom: -25.63px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-list:before {
bottom: -2.15vw; } }
@media (max-width: 574px) {
.table .tables-list:before {
bottom: -2.15vw; } }
.table-item {
display: flex;
position: relative;
align-items: center;
min-height: 14.8611vw;
padding: 0 3vw 0 1.2vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.table-item {
min-height: 214px;
padding: 0 43.2px 0 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-item {
min-height: 18.2vw; } }
@media (max-width: 574px) {
.table-item {
min-height: 14.8611vw;
padding: 0;
padding-bottom: 4vw; } }
.table .tables-title {
color: #6D7986;
font-weight: 600;
font-size: 1.1111vw;
line-height: 1.375em;
text-align: center;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.table .tables-title {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-title {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.table .tables-title {
font-size: 1.1111vw; } }
.table .tables-title:nth-child(1) {
width: 39vw; }
@media (min-width: 1441px) {
.table .tables-title:nth-child(1) {
width: 561.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-title:nth-child(1) {
width: 47.4vw; } }
@media (max-width: 574px) {
.table .tables-title:nth-child(1) {
width: auto; } }
.table .tables-title:nth-child(2) {
width: 11vw; }
@media (min-width: 1441px) {
.table .tables-title:nth-child(2) {
width: 158.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-title:nth-child(2) {
width: 13vw; } }
@media (max-width: 574px) {
.table .tables-title:nth-child(2) {
width: 39vw; } }
.table .tables-title:nth-child(3) {
width: 11vw; }
@media (min-width: 1441px) {
.table .tables-title:nth-child(3) {
width: 158.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-title:nth-child(3) {
width: 13.5vw; } }
@media (max-width: 574px) {
.table .tables-title:nth-child(3) {
width: 39vw; } }
.table .tables-title:nth-child(4) {
width: 11vw; }
@media (min-width: 1441px) {
.table .tables-title:nth-child(4) {
width: 158.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .tables-title:nth-child(4) {
width: 13.5vw; } }
@media (max-width: 574px) {
.table .tables-title:nth-child(4) {
width: 39vw; } }
.table-img {
width: 13.6806vw;
height: 10.4167vw;
margin-right: 2.2vw;
-o-object-fit: contain;
object-fit: contain; }
@media (min-width: 1441px) {
.table-img {
width: 197px;
height: 150px;
margin-right: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-img {
width: 16.6806vw;
height: 12.4167vw;
margin-right: 2.8vw; } }
@media (max-width: 574px) {
.table-img {
width: 35.4667vw;
height: 30.1333vw; } }
.table-link {
color: #0B1F35;
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.375em;
letter-spacing: 0.014em;
width: 20vw; }
@media (min-width: 1441px) {
.table-link {
font-size: 18px;
width: 288px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-link {
font-size: 1.5075vw;
width: 24vw; } }
@media (max-width: 574px) {
.table-link {
font-size: 3.7333vw;
width: 100%; } }
.table-link-wrapper {
margin-bottom: 7.6vw;
width: 26vw;
display: flex; }
@media (min-width: 1441px) {
.table-link-wrapper {
margin-bottom: 109.44px;
width: 374.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-link-wrapper {
margin-bottom: 8.4vw;
width: 29vw; } }
@media (max-width: 574px) {
.table-link-wrapper {
margin-bottom: 6.4vw;
width: 100%; } }
.table-text {
color: #6D7986;
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.375em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.table-text {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-text {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.table-text {
font-size: 1.1111vw; } }
@media (max-width: 574px) {
.table-text.total-price {
font-size: 4.2667vw; } }
.table-text-wrapper {
margin-bottom: 0.5vw; }
@media (min-width: 1441px) {
.table-text-wrapper {
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-text-wrapper {
margin-bottom: 0; } }
@media (max-width: 574px) {
.table-text-wrapper {
margin-bottom: 0; } }
.table-text-wrapper.price {
width: 14vw;
display: flex;
justify-content: center; }
@media (min-width: 1441px) {
.table-text-wrapper.price {
width: 201.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-text-wrapper.price {
width: 13.3vw; } }
@media (max-width: 574px) {
.table-text-wrapper.price {
display: none; } }
.table-text-wrapper.total-price {
display: flex;
justify-content: flex-end;
width: 10vw; }
@media (min-width: 1441px) {
.table-text-wrapper.total-price {
width: 144px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table-text-wrapper.total-price {
width: 10vw; } }
@media (max-width: 574px) {
.table-text-wrapper.total-price {
width: auto;
margin-left: auto; } }
.table .close-link {
position: absolute;
right: 1vw;
top: 1.7vw; }
@media (min-width: 1441px) {
.table .close-link {
right: 14.4px;
top: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .close-link {
right: 1vw;
top: 1.7vw; } }
@media (max-width: 574px) {
.table .close-link {
top: 1.7vw; } }
.table .counter {
color: #0B1F35;
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.375em;
text-align: center;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.table .counter {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .counter {
font-size: 1.5075vw;
margin-bottom: 0; } }
@media (max-width: 574px) {
.table .counter {
font-size: 3.7333vw; } }
.table .counter-block-wrapper {
width: 19.4vw;
display: flex;
justify-content: center; }
@media (min-width: 1441px) {
.table .counter-block-wrapper {
width: 279.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .counter-block-wrapper {
width: 18.4vw; } }
@media (max-width: 574px) {
.table .counter-block-wrapper {
width: 20.4vw;
flex-direction: column;
align-items: flex-start;
margin-right: auto; } }
@media (min-width: 575px) {
.table .counter-block-wrapper .basket-title {
display: none; } }
@media (max-width: 574px) {
.table .counter-block-wrapper .basket-title {
font-size: 2.9333vw;
color: #6D7986;
font-weight: 400;
margin-bottom: 2vw; } }
.table .counter-block-img {
width: 1.3vw;
cursor: pointer;
height: 1.3vw;
margin-bottom: 0.5vw;
margin-right: 1vw;
margin-left: 1vw; }
@media (min-width: 1441px) {
.table .counter-block-img {
width: 18.72px;
height: 18.72px;
margin-bottom: 7.2px;
margin-right: 14.4px;
margin-left: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.table .counter-block-img {
width: 1.4vw;
height: 1.4vw;
margin-bottom: 0; } }
@media (max-width: 574px) {
.table .counter-block-img {
width: 4.5vw;
height: 4.5vw;
margin-bottom: 0;
margin-right: 4.5vw;
margin-left: 4.5vw; } }
@media (max-width: 574px) {
.table .counter-block-img:first-child {
margin-left: 0; } }
.basket-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 3vw; }
@media (min-width: 1441px) {
.basket-section .section-inner {
padding-top: 31.68px;
padding-bottom: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 4.34vw; } }
@media (max-width: 574px) {
.basket-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 14.2vw; } }
.basket-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.basket-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .section-title {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.basket-section .section-title {
margin-bottom: 7.1111vw;
margin-left: 0; } }
.basket-section .breadcrumbs {
margin-bottom: 1.9vw; }
@media (min-width: 1441px) {
.basket-section .breadcrumbs {
margin-bottom: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .breadcrumbs {
margin-bottom: 2.4vw; } }
@media (max-width: 574px) {
.basket-section .breadcrumbs {
margin-bottom: 5.4vw; } }
@media (max-width: 574px) {
.basket-section .basket-titles {
display: none; } }
.basket-section .wrapper.basket-buttons {
padding: 2.14vw 1.3vw;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 2.3vw; }
@media (min-width: 1441px) {
.basket-section .wrapper.basket-buttons {
padding: 30.82px 18.72px;
margin-bottom: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .wrapper.basket-buttons {
margin-bottom: 3.2vw; } }
@media (max-width: 574px) {
.basket-section .wrapper.basket-buttons {
padding: 6.14vw 0;
margin-bottom: 0.3vw; } }
.basket-section .wrapper.basket-item-info {
align-items: center; }
@media (max-width: 574px) {
.basket-section .wrapper.basket-item-info {
flex-wrap: wrap;
padding-top: 4.5vw; } }
.basket-section .form {
flex-direction: row;
box-shadow: none;
background: transparent;
align-items: center;
padding: 0; }
.basket-section .form input {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em;
min-height: 2.75vw; letter-spacing: 0.014em; color: #6D7986;
margin-right: 3.3vw; }
@media (min-width: 1441px) {
.basket-section .form input {
font-size: 13px;
min-height: 39.6px;
margin-right: 47.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input {
font-size: 1.0888vw;
min-height: 2.75vw;
margin-right: 2.7vw;
width: 16.6vw; } }
@media (max-width: 574px) {
.basket-section .form input {
font-size: 3.4667vw;
min-height: 10.9vw;
margin-right: 4.3vw;
width: 42vw; } }
.basket-section .form input::-webkit-input-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.basket-section .form input::-webkit-input-placeholder {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input::-webkit-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.basket-section .form input::-webkit-input-placeholder {
font-size: 3.4667vw; } }
.basket-section .form input::-moz-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.basket-section .form input::-moz-placeholder {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input::-moz-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.basket-section .form input::-moz-placeholder {
font-size: 3.4667vw; } }
.basket-section .form input:-ms-input-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.basket-section .form input:-ms-input-placeholder {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input:-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.basket-section .form input:-ms-input-placeholder {
font-size: 3.4667vw; } }
.basket-section .form input::-ms-input-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.basket-section .form input::-ms-input-placeholder {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input::-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.basket-section .form input::-ms-input-placeholder {
font-size: 3.4667vw; } }
.basket-section .form input::-moz-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
.basket-section .form input:-ms-input-placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
.basket-section .form input::placeholder {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em; letter-spacing: 0.014em; color: #6D7986; }
@media (min-width: 1441px) {
.basket-section .form input::-moz-placeholder {
font-size: 13px; }
.basket-section .form input:-ms-input-placeholder {
font-size: 13px; }
.basket-section .form input::placeholder {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .form input::-moz-placeholder {
font-size: 1.0888vw; }
.basket-section .form input:-ms-input-placeholder {
font-size: 1.0888vw; }
.basket-section .form input::placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.basket-section .form input::-moz-placeholder {
font-size: 3.4667vw; }
.basket-section .form input:-ms-input-placeholder {
font-size: 3.4667vw; }
.basket-section .form input::placeholder {
font-size: 3.4667vw; } }
@media (max-width: 574px) {
.basket-section .form {
margin-bottom: 6vw; } }
.basket-section .buttons-wrapper {
display: flex;
align-items: center; }
@media (max-width: 574px) {
.basket-section .buttons-wrapper {
flex-wrap: wrap;
width: 100%; } }
@media (max-width: 574px) {
.basket-section .buttons-wrapper .btn {
margin-left: auto;
margin-right: 0; } }
.basket-section .btn {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
padding: 0 1.7vw;
margin-right: 2.2vw; }
@media (min-width: 1441px) {
.basket-section .btn {
font-size: 14px;
padding: 0 24.48px;
margin-right: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .btn {
font-size: 1.1725vw;
padding: 0 1.9vw;
margin-right: 2.9vw;
min-height: 3.6vw; } }
@media (max-width: 574px) {
.basket-section .btn {
font-size: 3.7333vw;
padding: 0 6.5vw;
margin-right: 2.2vw;
min-height: 11.9861vw; } }
.basket-section .btn:last-child {
margin-right: 0; }
@media (max-width: 574px) {
.basket-section .btn.continue-buy {
display: none; } }
@media (max-width: 574px) {
.basket-section .btn.update-basket {
width: 46vw;
padding: 0 5vw;
margin-bottom: 6.3vw; } }
.basket-section .clear-basket {
text-decoration: underline;
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #6D7986;
margin-right: 2vw; }
@media (min-width: 1441px) {
.basket-section .clear-basket {
font-size: 16px;
margin-right: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .clear-basket {
font-size: 1.3400vw;
margin-right: 2.7vw; } }
@media (max-width: 574px) {
.basket-section .clear-basket {
font-size: 3.2000vw;
margin-right: 0;
margin-left: 60%;
order: 3; } }
.basket-section .card {
background: white;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
margin-left: auto;
width: 31.0556vw;
padding: 2.2vw 2.3vw; }
@media (min-width: 1441px) {
.basket-section .card {
width: 447.2px;
padding: 31.68px 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .card {
width: 37.4vw;
padding: 2.7vw 2.6vw; } }
@media (max-width: 574px) {
.basket-section .card {
width: 100%;
padding: 3.8vw 3.4vw; } }
.basket-section .card .row {
display: flex;
justify-content: space-between;
margin-bottom: 2.4vw; }
@media (min-width: 1441px) {
.basket-section .card .row {
margin-bottom: 34.56px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .card .row {
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.basket-section .card .row {
margin-bottom: 4.5vw; } }
.basket-section .card .row .text {
font-weight: normal;
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.basket-section .card .row .text {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .card .row .text {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.basket-section .card .row .text {
font-size: 3.7333vw; } }
.basket-section .card .row .text.strong {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.basket-section .card .row .text.strong {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .card .row .text.strong {
font-size: 1.8425vw; } }
@media (max-width: 574px) {
.basket-section .card .row .text.strong {
font-size: 4.8000vw; } }
.basket-section .card .btn {
font-size: 1.2500vw;
font-weight: 500;
line-height: 58px;
}
@media (min-width: 1441px) {
.basket-section .card .btn {
font-size: 18px;
line-height: 58px;
} }
@media (min-width: 575px) and (max-width: 1200px) {
.basket-section .card .btn {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.basket-section .card .btn {
font-size: 4.8000vw; } }
.ordering-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 3vw; }
@media (min-width: 1441px) {
.ordering-section .section-inner {
padding-top: 31.68px;
padding-bottom: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 4.34vw; } }
@media (max-width: 574px) {
.ordering-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 48.3vw; } }
.ordering-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.ordering-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .section-title {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.ordering-section .section-title {
margin-bottom: 7.1111vw;
margin-left: 0; } }
.ordering-section .breadcrumbs {
margin-bottom: 1.9vw; }
@media (min-width: 1441px) {
.ordering-section .breadcrumbs {
margin-bottom: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .breadcrumbs {
margin-bottom: 2.4vw; } }
@media (max-width: 574px) {
.ordering-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.ordering-section .wrapper.orders-wrap {
align-items: flex-start; }
@media (max-width: 574px) {
.ordering-section .wrapper.orders-wrap {
flex-wrap: wrap; } }
.ordering-section .form-block {
width: 50.0000vw;
margin-right: 2.2vw; }
@media (min-width: 1441px) {
.ordering-section .form-block {
width: 720px;
margin-right: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .form-block {
width: 46.24vw;
margin-right: 1.8vw; } }
@media (max-width: 574px) {
.ordering-section .form-block {
width: 100%;
margin-right: 0;
margin-bottom: 8.7vw; } }
.ordering-section .form-title {
text-align: start;
font-size: 1.6667vw;
margin-bottom: 2.3vw; }
@media (min-width: 1441px) {
.ordering-section .form-title {
font-size: 24px;
margin-bottom: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .form-title {
font-size: 2.0101vw;
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.ordering-section .form-title {
font-size: 4.8000vw;
margin-bottom: 4.7vw; } }
.ordering-section .select-title {
font-weight: 400;
font-size: 0.9028vw;
color: #6D7986; }
@media (min-width: 1441px) {
.ordering-section .select-title {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .select-title {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section .select-title {
font-size: 2.9333vw; } }
.ordering-section .custom-select {
width: 21.6vw;
box-shadow: none; }
@media (min-width: 1441px) {
.ordering-section .custom-select {
width: 311.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .custom-select {
width: 52%; } }
@media (max-width: 574px) {
.ordering-section .custom-select {
width: 100%;
margin-bottom: 1.8vw; } }
.ordering-section .select-selected {
min-height: 3.6vw; }
@media (min-width: 1441px) {
.ordering-section .select-selected {
min-height: 51.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .select-selected {
min-height: 4.4vw; } }
@media (max-width: 574px) {
.ordering-section .select-selected {
min-height: 14.6vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .form {
padding: 2.64vw 2.7vw; } }
@media (max-width: 574px) {
.ordering-section .form {
padding: 4.1vw 4.5vw; } }
.ordering-section .form .select-items div,
.ordering-section .form .select-selected {
font-size: 0.9722vw;
padding: 1.1vw;
letter-spacing: 0.017em;
background-color: #F3F4F5;
color: #000000; }
@media (min-width: 1441px) {
.ordering-section .form .select-items div,
.ordering-section .form .select-selected {
font-size: 14px;
padding: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .form .select-items div,
.ordering-section .form .select-selected {
font-size: 1.1725vw;
padding: 1.1vw; } }
@media (max-width: 574px) {
.ordering-section .form .select-items div,
.ordering-section .form .select-selected {
font-size: 3.7333vw;
padding: 4.1vw; } }
.ordering-section .inputs-row-wrapper .input-wrapper {
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.ordering-section .inputs-row-wrapper .input-wrapper {
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .inputs-row-wrapper .input-wrapper {
margin-bottom: 2.5vw;
width: 47%; } }
@media (max-width: 574px) {
.ordering-section .inputs-row-wrapper .input-wrapper {
margin-bottom: 3.6vw; } }
.ordering-section .inputs-row-wrapper .input-wrapper label {
font-size: 0.9028vw; }
@media (min-width: 1441px) {
.ordering-section .inputs-row-wrapper .input-wrapper label {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .inputs-row-wrapper .input-wrapper label {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section .inputs-row-wrapper .input-wrapper label {
font-size: 2.9333vw; } }
@media (max-width: 574px) {
.ordering-section .input-wrapper.textarea {
margin-bottom: 0; } }
.ordering-section .input-wrapper.textarea label {
font-size: 0.9028vw; }
@media (min-width: 1441px) {
.ordering-section .input-wrapper.textarea label {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .input-wrapper.textarea label {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section .input-wrapper.textarea label {
font-size: 2.9333vw; } }
.ordering-section .selects-wrapper {
padding-bottom: 2.35vw; }
@media (min-width: 1441px) {
.ordering-section .selects-wrapper {
padding-bottom: 33.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .selects-wrapper {
padding-bottom: 2.7vw; } }
@media (max-width: 574px) {
.ordering-section .selects-wrapper {
padding-bottom: 2.35vw; } }
.ordering-section .selects-wrapper.form-header-order {
padding-bottom: 2.35vw;
margin-bottom: 2.23vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.ordering-section .selects-wrapper.form-header-order {
padding-bottom: 33.84px;
margin-bottom: 32.11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section .selects-wrapper.form-header-order {
padding-bottom: 2.35vw;
margin-bottom: 2.8vw;
width: 100%; } }
@media (max-width: 574px) {
.ordering-section .selects-wrapper.form-header-order {
padding-bottom: 2.35vw;
margin-bottom: 4.2vw; } }
.ordering-section input,
.ordering-section textarea {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input,
.ordering-section textarea {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input,
.ordering-section textarea {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input,
.ordering-section textarea {
font-size: 3.4667vw; } }
.ordering-section input::-webkit-input-placeholder,
.ordering-section textarea::-webkit-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input::-webkit-input-placeholder,
.ordering-section textarea::-webkit-input-placeholder {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input::-webkit-input-placeholder,
.ordering-section textarea::-webkit-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input::-webkit-input-placeholder,
.ordering-section textarea::-webkit-input-placeholder {
font-size: 3.4667vw; } }
.ordering-section input::-moz-placeholder,
.ordering-section textarea::-moz-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input::-moz-placeholder,
.ordering-section textarea::-moz-placeholder {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input::-moz-placeholder,
.ordering-section textarea::-moz-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input::-moz-placeholder,
.ordering-section textarea::-moz-placeholder {
font-size: 3.4667vw; } }
.ordering-section input:-ms-input-placeholder,
.ordering-section textarea:-ms-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input:-ms-input-placeholder,
.ordering-section textarea:-ms-input-placeholder {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input:-ms-input-placeholder,
.ordering-section textarea:-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input:-ms-input-placeholder,
.ordering-section textarea:-ms-input-placeholder {
font-size: 3.4667vw; } }
.ordering-section input::-ms-input-placeholder,
.ordering-section textarea::-ms-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input::-ms-input-placeholder,
.ordering-section textarea::-ms-input-placeholder {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input::-ms-input-placeholder,
.ordering-section textarea::-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input::-ms-input-placeholder,
.ordering-section textarea::-ms-input-placeholder {
font-size: 3.4667vw; } }
.ordering-section input::-moz-placeholder, .ordering-section textarea::-moz-placeholder {
font-size: 0.9722vw; }
.ordering-section input:-ms-input-placeholder, .ordering-section textarea:-ms-input-placeholder {
font-size: 0.9722vw; }
.ordering-section input::placeholder,
.ordering-section textarea::placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.ordering-section input::-moz-placeholder, .ordering-section textarea::-moz-placeholder {
font-size: 14px; }
.ordering-section input:-ms-input-placeholder, .ordering-section textarea:-ms-input-placeholder {
font-size: 14px; }
.ordering-section input::placeholder,
.ordering-section textarea::placeholder {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section input::-moz-placeholder, .ordering-section textarea::-moz-placeholder {
font-size: 1.0888vw; }
.ordering-section input:-ms-input-placeholder, .ordering-section textarea:-ms-input-placeholder {
font-size: 1.0888vw; }
.ordering-section input::placeholder,
.ordering-section textarea::placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.ordering-section input::-moz-placeholder, .ordering-section textarea::-moz-placeholder {
font-size: 3.4667vw; }
.ordering-section input:-ms-input-placeholder, .ordering-section textarea:-ms-input-placeholder {
font-size: 3.4667vw; }
.ordering-section input::placeholder,
.ordering-section textarea::placeholder {
font-size: 3.4667vw; } }
.ordering-section textarea {
height: 5.8vw;
border-radius: 4px; }
@media (min-width: 1441px) {
.ordering-section textarea {
height: 83.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.ordering-section textarea {
height: 6.8vw; } }
@media (max-width: 574px) {
.ordering-section textarea {
min-height: 21.8vw; } }
.order-card {
width: 36.2500vw;
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.2);
border-radius: 8px;
padding: 2.2222vw; }
@media (min-width: 1441px) {
.order-card {
width: 522px;
padding: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card {
width: 43.7vw;
padding: 2.8vw 2.65vw; } }
@media (max-width: 574px) {
.order-card {
width: 100%;
padding: 4.9vw 4.5vw; } }
.order-card .btn {
font-size: 1.3889vw;
min-height: 4.3vw; }
@media (min-width: 1441px) {
.order-card .btn {
font-size: 20px;
min-height: 61.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .btn {
font-size: 1.6750vw;
min-height: 5.5vw; } }
@media (max-width: 574px) {
.order-card .btn {
font-size: 5.3333vw;
min-height: 16.3vw; } }
.order-card .card-row {
border-top: 1px solid #D8D8D8; }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .card-row:last-child {
border-bottom: 1px solid #D8D8D8; } }
@media (max-width: 574px) {
.order-card .card-row:last-child {
border-bottom: 1px solid #D8D8D8; } }
.order-card .card-title {
text-align: start;
font-size: 1.6667vw;
margin-bottom: 2.6vw;
display: inline-block;
font-weight: 700; }
@media (min-width: 1441px) {
.order-card .card-title {
font-size: 24px;
margin-bottom: 37.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .card-title {
font-size: 2.0101vw;
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.order-card .card-title {
font-size: 4.8000vw;
margin-bottom: 4.7vw; } }
.order-card .card-item {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
min-height: 8.5vw; }
@media (min-width: 1441px) {
.order-card .card-item {
min-height: 122.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .card-item {
min-height: 10.2vw; } }
@media (max-width: 574px) {
.order-card .card-item {
min-height: 37.6vw;
flex-direction: column;
align-items: flex-end;
justify-content: space-evenly; } }
.order-card .item-name {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.order-card .item-name {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .item-name {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.order-card .item-name {
font-size: 3.7333vw; } }
.order-card .item-name-wrapper {
width: 14vw; }
@media (min-width: 1441px) {
.order-card .item-name-wrapper {
width: 201.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .item-name-wrapper {
width: 16vw; } }
@media (max-width: 574px) {
.order-card .item-name-wrapper {
width: 100%; } }
.order-card .item-text {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.order-card .item-text {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .item-text {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.order-card .item-text {
font-size: 3.7333vw; } }
.order-card .item-text-wrapper {
display: flex;
align-items: center; }
.order-card .item-text-wrapper.count span {
margin-right: 0.4vw; }
@media (min-width: 1441px) {
.order-card .item-text-wrapper.count span {
margin-right: 5.76px; } }
.order-card .card-rows {
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.order-card .card-rows {
margin-bottom: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .card-rows {
margin-bottom: 2.5vw; } }
@media (max-width: 574px) {
.order-card .card-rows {
margin-bottom: 4vw; } }
.order-card .total-block {
margin-left: auto;
width: 100%;
padding-left: 9.4vw;
margin-bottom: 2.15vw;
padding-bottom: 0.8vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.order-card .total-block {
padding-left: 135.36px;
margin-bottom: 30.96px;
padding-bottom: 11.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .total-block {
width: 100%;
padding-left: 11.4vw;
padding-bottom: 0.8vw;
margin-bottom: 2.7vw; } }
@media (max-width: 574px) {
.order-card .total-block {
width: 100%;
margin-bottom: 3vw;
padding-bottom: 0.8vw;
padding-left: 16.4vw; } }
.order-card .total-block .row {
display: flex;
justify-content: space-between;
margin-bottom: 1.8vw; }
@media (min-width: 1441px) {
.order-card .total-block .row {
margin-bottom: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .total-block .row {
margin-bottom: 2.2vw; } }
@media (max-width: 574px) {
.order-card .total-block .row {
margin-bottom: 4.5vw; } }
.order-card .total-block .row .text {
font-weight: normal;
font-size: 1.2500vw;
line-height: 1.375em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.order-card .total-block .row .text {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .total-block .row .text {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.order-card .total-block .row .text {
font-size: 3.7333vw; } }
.order-card .total-block .row .text.strong {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.order-card .total-block .row .text.strong {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.order-card .total-block .row .text.strong {
font-size: 1.8425vw; } }
@media (max-width: 574px) {
.order-card .total-block .row .text.strong {
font-size: 4.8000vw; } }
.compare-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 3vw; }
@media (min-width: 1441px) {
.compare-section .section-inner {
padding-top: 31.68px;
padding-bottom: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 11vw; } }
@media (max-width: 574px) {
.compare-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 48.3vw; } }
.compare-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.compare-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .section-title {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.compare-section .section-title {
margin-bottom: 8.4vw;
margin-left: 0; } }
.compare-section .breadcrumbs {
margin-bottom: 1.9vw; }
@media (min-width: 1441px) {
.compare-section .breadcrumbs {
margin-bottom: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .breadcrumbs {
margin-bottom: 2.4vw; } }
@media (max-width: 574px) {
.compare-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.compare-section .compare-block {
background-color: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px;
display: flex;
padding: 2.2222vw 2.2222vw 0 2.2222vw; }
@media (min-width: 1441px) {
.compare-section .compare-block {
padding: 32px 32px 0 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .compare-block {
padding: 2.76vw 2.76vw 0 2.76vw;
width: 98%; } }
@media (max-width: 574px) {
.compare-section .compare-block {
flex-direction: column;
padding: 0;
background-color: transparent;
box-shadow: none; } }
.compare-section .compare-items {
display: flex;
justify-content: flex-start;
height: auto;
flex-wrap: wrap;
width: 66.4vw; }
@media (min-width: 1441px) {
.compare-section .compare-items {
width: 956.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .compare-items {
width: 69.4vw; } }
@media (max-width: 574px) {
.compare-section .compare-items {
width: 100%;
margin-bottom: 5vw; } }
.compare-section .compare-characteristics {
width: 19vw;
height: auto;
display: flex;
flex-direction: column;
padding-bottom: 2.2222vw; }
@media (min-width: 1441px) {
.compare-section .compare-characteristics {
padding-bottom: 32px;
width: 273.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .compare-characteristics {
width: 18vw; } }
@media (max-width: 574px) {
.compare-section .compare-characteristics {
display: none; } }
.compare-section .compare-characteristic {
font-size: 1.1111vw;
line-height: 1.375em;
display: flex;
align-items: center;
align-items: flex-start;
letter-spacing: 0.014em;
color: #6D7986;
margin-bottom: 1.8vw; }
@media (min-width: 1441px) {
.compare-section .compare-characteristic {
font-size: 16px;
margin-bottom: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .compare-characteristic {
font-size: 1.3400vw;
margin-bottom: 2.4vw; } }
@media (max-width: 574px) {
.compare-section .compare-characteristic {
font-size: 1.1111vw;
margin-bottom: 1.8vw; } }
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 15.5vw; }
@media (min-width: 1441px) {
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 223.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 18.5vw; } }
@media (max-width: 574px) {
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 15.5vw; } }
.compare-section .item {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
width: 13.8889vw;
margin-right: 12vw;
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.compare-section .item {
width: 200px;
margin-right: 171px;
margin-bottom: 28.8px; } }
.compare-section .item:nth-child(3n) {
margin-right: 0; }
.compare-section .item:nth-child(n + 4) {
margin-top: 3vw; }
@media (min-width: 1441px) {
.compare-section .item:nth-child(n + 4) {
margin-top: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item {
width: 16.8889vw;
margin-right: 9vw;
margin-bottom: 2.7vw; } }
@media (max-width: 574px) {
.compare-section .item {
width: 28.9vw;
margin-right: 2.2vw;
background: #FFFFFF;
border-radius: 8px;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
align-items: flex-start;
padding: 1.5vw; } }
.compare-section .item.discount-item {
position: relative; }
.compare-section .item.discount-item .discount-percent {
position: absolute;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 3.5vw;
height: 3.5vw;
background-color: #1CD2D8;
font-weight: bold;
font-size: 1vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #FFFFFF;
top: 4.2vw;
right: -1vw; }
@media (min-width: 1441px) {
.compare-section .item.discount-item .discount-percent {
width: 50.4px;
height: 50.4px;
font-size: 14.4px;
top: 60.48px;
right: -14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item.discount-item .discount-percent {
width: 3.13vw;
height: 3.14vw;
font-size: 0.9vw;
top: 5.2vw;
right: 1vw; } }
@media (max-width: 574px) {
.compare-section .item.discount-item .discount-percent {
width: 6.13vw;
height: 6.14vw;
font-size: 1.3vw;
top: 1.2vw;
right: 1vw; } }
.compare-section .item .close-link {
position: absolute;
right: -1.2vw;
top: -1.45vw;
width: 0.8333vw;
height: 0.8333vw; }
@media (min-width: 1441px) {
.compare-section .item .close-link {
right: -17.28px;
top: -20.88px;
width: 12px;
height: 12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item .close-link {
width: 1.0050vw;
height: 1.0050vw;
right: -1.8vw;
top: -1.8vw; } }
@media (max-width: 574px) {
.compare-section .item .close-link {
width: 2.1333vw;
height: 2.1333vw;
right: 0;
left: 2.3vw;
top: 0; } }
.compare-section .item-img {
width: 13.8889vw;
height: 10.4167vw;
margin-bottom: 1.7vw; }
@media (min-width: 1441px) {
.compare-section .item-img {
width: 200px;
height: 150px;
margin-bottom: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item-img {
width: 16.7504vw;
height: 12.5628vw;
margin-bottom: 2.2vw; } }
@media (max-width: 574px) {
.compare-section .item-img {
width: 100%;
height: 22.6667vw;
margin-bottom: 1.7vw;
order: 1; } }
.compare-section .item-title {
color: #0B1F35;
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
text-align: center;
letter-spacing: 0.014em;
margin-bottom: 0.7vw;
min-height: 3.8vw; }
@media (min-width: 1441px) {
.compare-section .item-title {
font-size: 14px;
margin-bottom: 10.08px;
min-height: 54.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item-title {
font-size: 1.1725vw;
min-height: 3.8vw;
margin-bottom: 0.7vw; } }
@media (max-width: 574px) {
.compare-section .item-title {
font-size: 2.1333vw;
min-height: 3.8vw;
font-weight: 400;
margin-bottom: 0.7vw;
order: 3;
text-align: start; } }
.compare-section .item-price {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 1.8vw; }
@media (min-width: 1441px) {
.compare-section .item-price {
font-size: 22px;
margin-bottom: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item-price {
font-size: 1.8425vw;
margin-bottom: 2.2vw; } }
@media (max-width: 574px) {
.compare-section .item-price {
display: none; } }
.compare-section .item-date {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.compare-section .item-date {
font-size: 14px;
margin-bottom: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item-date {
font-size: 1.1725vw;
margin-bottom: 2.3vw; } }
@media (max-width: 574px) {
.compare-section .item-date {
display: none; } }
.compare-section .item-status {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 1.66vw; }
@media (min-width: 1441px) {
.compare-section .item-status {
font-size: 14px;
margin-bottom: 23.9px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item-status {
font-size: 1.1725vw;
margin-bottom: 2.2vw; } }
@media (max-width: 574px) {
.compare-section .item-status {
display: none; } }
.compare-section .item .vendor-code {
order: 2;
font-size: 1.6000vw;
line-height: 1.333333333333333em;
text-align: right;
letter-spacing: 0.014em;
color: #6D7986;
margin-bottom: 1.6vw; }
@media (min-width: 575px) {
.compare-section .item .vendor-code.mobile-shown {
display: none; } }
@media (min-width: 1441px) {
.compare-section .item .vendor-code {
font-size: 23.04px;
margin-bottom: 23.04px; } }
.compare-section .item .btn {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
padding: 0 2vw; }
@media (min-width: 1441px) {
.compare-section .item .btn {
font-size: 14px;
padding: 0 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.compare-section .item .btn {
font-size: 1.1725vw;
padding: 0 2.5vw;
min-height: 3.45vw; } }
@media (max-width: 574px) {
.compare-section .item .btn {
display: none; } }
@media (min-width: 575px) {
.compare-section .comparing-rows {
display: none; } }
.compare-section .comparing-rows .row {
border-top: 1px solid #D8D8D8;
padding-top: 1vw;
padding-bottom: 2.4vw; }
@media (min-width: 1441px) {
.compare-section .comparing-rows .row {
padding-top: 14.4px;
padding-bottom: 34.56px; } }
.compare-section .comparing-rows .row:last-child {
border-bottom: 1px solid #D8D8D8; }
.compare-section .comparing-rows .row-title {
font-size: 11px;
line-height: 15px;
letter-spacing: 0.014em;
color: #6D7986;
margin-bottom: 4vw;
display: inline-block; }
.compare-section .comparing-rows .row-characteristics {
font-weight: 600;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.014em;
color: #000000;
display: flex;
justify-content: flex-start; }
.compare-section .comparing-rows .row-characteristics span,
.compare-section .comparing-rows .row-characteristics p,
.compare-section .comparing-rows .row-characteristics a {
margin-right: auto; }
.compare-section .comparing-rows .row-characteristics span:nth-child(3),
.compare-section .comparing-rows .row-characteristics p:nth-child(3),
.compare-section .comparing-rows .row-characteristics a:nth-child(3) {
margin-right: 0; }
.compare-section .comparing-rows .row-characteristics.price {
padding-left: 2.6vw;
padding-right: 4.6vw; }
.compare-section .comparing-rows .row-characteristics.date {
padding-right: 2.1vw; }
.compare-section .comparing-rows .row-characteristics.status {
padding-right: 2.1vw; }
.search-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 5.9vw; }
@media (min-width: 1441px) {
.search-section .section-inner {
padding-top: 31.68px;
padding-bottom: 84.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 4vw; } }
@media (max-width: 574px) {
.search-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 8.3vw; } }
.search-section .section-title {
margin-bottom: 2.5vw; }
@media (min-width: 1441px) {
.search-section .section-title {
margin-bottom: 36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .section-title {
margin-bottom: 3vw; } }
@media (max-width: 574px) {
.search-section .section-title {
margin-bottom: 7.3vw;
margin-left: 0; } }
.search-section .breadcrumbs {
margin-bottom: 1.9vw; }
@media (min-width: 1441px) {
.search-section .breadcrumbs {
margin-bottom: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .breadcrumbs {
margin-bottom: 2.4vw; } }
@media (max-width: 574px) {
.search-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.search-section .form {
box-shadow: none;
align-items: center;
background-color: transparent;
flex-direction: row;
padding: 0;
margin-bottom: 4.23vw; }
@media (min-width: 1441px) {
.search-section .form {
margin-bottom: 60.91px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .form {
margin-bottom: 5.3vw; } }
@media (max-width: 574px) {
.search-section .form {
margin-bottom: 6.4vw; } }
.search-section .form .input-wrapper {
width: 51vw;
margin-right: 2vw;
margin-bottom: 0; }
@media (min-width: 1441px) {
.search-section .form .input-wrapper {
width: 734.4px;
margin-right: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .form .input-wrapper {
width: 51vw;
margin-right: 12.8vw; } }
@media (max-width: 574px) {
.search-section .form .input-wrapper {
width: 64vw;
margin-right: 4.6vw; } }
.search-section .form .input-wrapper input {
color: #B6BCC3; }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .form .input-wrapper input {
min-height: 4.3vw; } }
@media (max-width: 574px) {
.search-section .form .input-wrapper input {
font-size: 2.9333vw;
min-height: 10.5vw; } }
.search-section .form .input-wrapper input::-webkit-input-placeholder {
color: #B6BCC3; }
@media (max-width: 574px) {
.search-section .form .input-wrapper input::-webkit-input-placeholder {
font-size: 2.9333vw; } }
.search-section .form .input-wrapper input::-moz-placeholder {
color: #B6BCC3; }
@media (max-width: 574px) {
.search-section .form .input-wrapper input::-moz-placeholder {
font-size: 2.9333vw; } }
.search-section .form .input-wrapper input:-ms-input-placeholder {
color: #B6BCC3; }
@media (max-width: 574px) {
.search-section .form .input-wrapper input:-ms-input-placeholder {
font-size: 2.9333vw; } }
.search-section .form .input-wrapper input::-ms-input-placeholder {
color: #B6BCC3; }
@media (max-width: 574px) {
.search-section .form .input-wrapper input::-ms-input-placeholder {
font-size: 2.9333vw; } }
.search-section .form .input-wrapper input::-moz-placeholder {
color: #B6BCC3; }
.search-section .form .input-wrapper input:-ms-input-placeholder {
color: #B6BCC3; }
.search-section .form .input-wrapper input::placeholder {
color: #B6BCC3; }
@media (max-width: 574px) {
.search-section .form .input-wrapper input::-moz-placeholder {
font-size: 2.9333vw; }
.search-section .form .input-wrapper input:-ms-input-placeholder {
font-size: 2.9333vw; }
.search-section .form .input-wrapper input::placeholder {
font-size: 2.9333vw; } }
.search-section .form .btn {
font-size: 1.1111vw;
font-weight: 600;
padding: 0 1.56vw;
min-height: 3.6vw; }
@media (min-width: 1441px) {
.search-section .form .btn {
font-size: 16px;
padding: 0 22.46px;
min-height: 51.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .form .btn {
font-size: 1.3400vw;
padding: 0 2vw;
min-height: 4.3vw; } }
@media (max-width: 574px) {
.search-section .form .btn {
font-size: 2.9333vw;
padding: 0 3.8vw;
min-height: 10.5vw; } }
.search-section .form .btn svg {
margin-left: 0.46vw; }
@media (min-width: 1441px) {
.search-section .form .btn svg {
margin-left: 6.62px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .form .btn svg {
margin-left: 0.46vw; } }
@media (max-width: 574px) {
.search-section .form .btn svg {
margin-left: 2.46vw; } }
.search-section .search-results__title {
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.search-section .search-results__title {
font-size: 24px;
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .search-results__title {
font-size: 2.0101vw;
margin-bottom: 2.6vw; } }
@media (max-width: 574px) {
.search-section .search-results__title {
font-size: 4.8000vw;
margin-bottom: 6.2vw; } }
.search-section .list-items {
display: flex;
flex-wrap: wrap; }
.search-section .list-items__item {
margin-right: 2.1vw;
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.search-section .list-items__item {
margin-right: 30.24px;
margin-bottom: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .list-items__item {
margin-right: 3.1vw;
margin-bottom: 2vw; } }
@media (max-width: 574px) {
.search-section .list-items__item {
margin-right: 0;
margin-bottom: 4vw; } }
.search-section .list-items__item:nth-child(3n) {
margin-right: 0; }
.search-section .list-items__item .btn {
padding: 0 2vw;
margin-right: 2vw;
font-weight: 600; }
@media (min-width: 1441px) {
.search-section .list-items__item .btn {
padding: 0 28.8px;
margin-right: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .list-items__item .btn {
padding: 0 2vw;
margin-right: 2vw;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.search-section .list-items__item .btn {
padding: 0 7.3vw;
margin-right: 9.6vw;
font-size: 4.2667vw; } }
.search-section .card .discount-price {
display: none; }
.search-section .card .discount-percent {
display: none; }
.search-section .card.discount-card {
position: relative; }
.search-section .card.discount-card .discount-price {
display: inline-block; }
.search-section .card.discount-card .discount-percent {
display: flex;
right: 0.8vw;
top: 2.3vw;
width: 4.8vw;
height: 4.8vw;
font-size: 1.5278vw; }
@media (min-width: 1441px) {
.search-section .card.discount-card .discount-percent {
right: 11.52px;
top: 33.12px;
width: 69.12px;
height: 69.12px;
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.search-section .card.discount-card .discount-percent {
right: 0.8vw;
top: 2.3vw;
width: 4.8vw;
height: 4.8vw;
font-size: 1.5278vw; } }
@media (max-width: 574px) {
.search-section .card.discount-card .discount-percent {
right: 8.8vw;
top: 8.3vw;
width: 12.8000vw;
height: 12.8000vw;
font-size: 3.7333vw; } }
.search-section .card .order-block {
max-height: 0;
overflow: hidden; }
@media (max-width: 574px) {
.search-section .card .order-block {
max-height: 13vw; } }
.search-section .card:hover .order-block {
max-height: 10vw; }
@media (min-width: 1441px) {
.search-section .card:hover .order-block {
max-height: 144px; } }
@media (max-width: 574px) {
.search-section .card:hover .order-block {
max-height: 15vw; } }
.footer {
width: 100%;
background-color: #000000; }
.footer__items {
margin-right: 2.4vw;
margin-bottom: 0.8vw;
-moz-column-count: 2;
column-count: 2; }
@media (min-width: 1441px) {
.footer__items {
margin-right: 34.56px;
margin-bottom: 11.52px; } }
.footer__items-list-item {
font-weight: normal;
font-size: 1vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.footer__items-list-item {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer__items-list-item {
font-size: 1vw; } }
@media (max-width: 574px) {
.footer__items-list-item {
font-size: 12px; } }
.footer__block-title {
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #FBFBFB;
margin-bottom: 0.93vw; }
@media (min-width: 1441px) {
.footer__block-title {
font-size: 14px;
margin-bottom: 13.39px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer__block-title {
font-size: 1.17vw;
margin-bottom: 1.2vw; } }
@media (max-width: 574px) {
.footer__block-title {
font-size: 14px;
font-weight: 400;
margin-bottom: 2.2vw; } }
.footer__items-title {
color: #ffffff;
font-weight: bold;
font-size: 0.7639vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.footer__items-title {
font-size: 11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer__items-title {
font-size: 0.69vw;
letter-spacing: 0.0em; } }
@media (max-width: 574px) {
.footer__items-title {
font-size: 2.17vw; } }
.footer .contacts-block {
width: 16vw;
margin-bottom: 1.3vw; }
@media (min-width: 1441px) {
.footer .contacts-block {
width: 230.4px;
margin-bottom: 18.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .contacts-block {
width: 19vw;
margin-bottom: 0.7vw; } }
@media (max-width: 574px) {
.footer .contacts-block {
width: 49vw;
margin-bottom: 4.2vw; } }
.footer .contact-link {
font-weight: normal;
font-size: 14px;
line-height: 1.357142857142857em;
letter-spacing: 0.02em;
position: relative;
padding-left: 1.7vw;
margin-bottom: 0.9vw;
color: #FBFBFB; }
@media (min-width: 1441px) {
.footer .contact-link {
font-size: 14px;
padding-left: 24.48px;
margin-bottom: 12.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .contact-link {
font-size: 1.1vw;
letter-spacing: 0.05em;
margin-bottom: 1.3vw;
padding-left: 2vw; } }
@media (max-width: 574px) {
.footer .contact-link {
font-size: 14px;
letter-spacing: 0.02em;
margin-bottom: 2.5vw;
padding-left: 6.3vw; } }
.footer .contact-link.phone:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/phone-white.svg);
background-repeat: no-repeat;
background-size: cover;
width: 1.2vw;
height: 1.2vw;
left: 0vw;
top: 50%;
transform: translateY(-47%); }
@media (min-width: 1441px) {
.footer .contact-link.phone:before {
width: 17.28px;
height: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .contact-link.phone:before {
width: 1.4vw;
height: 1.4vw;
left: -0.1vw; } }
@media (max-width: 574px) {
.footer .contact-link.phone:before {
width: 4.4vw;
height: 4.4vw;
left: -0.3vw; } }
.footer .contact-link.email:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/email-white.svg);
background-repeat: no-repeat;
background-size: cover;
width: 1.4vw;
height: 1vw;
left: 0vw;
top: 50%;
transform: translateY(-42%); }
@media (min-width: 1441px) {
.footer .contact-link.email:before {
width: 20.16px;
height: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .contact-link.email:before {
width: 1.44vw;
height: 1.1vw;
left: 0vw; } }
@media (max-width: 574px) {
.footer .contact-link.email:before {
width: 4.7vw;
height: 3.4vw;
left: -0.3vw; } }
.footer .contact-link.map:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/location-white.svg);
background-repeat: no-repeat;
background-size: cover;
width: 0.8vw;
height: 1.2vw;
left: 0.2vw;
top: 50%;
transform: translateY(-42%); }
@media (min-width: 1441px) {
.footer .contact-link.map:before {
width: 11.52px;
height: 17.28px;
left: 2.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .contact-link.map:before {
width: 1vw;
height: 1.5vw;
left: 0.14vw;
top: 50%;
transform: translateY(-55%); } }
@media (max-width: 574px) {
.footer .contact-link.map:before {
width: 3vw;
height: 4.5vw;
left: 0.3vw;
top: 50%;
transform: translateY(-46%); } }
.footer .main-logo {
width: 12vw;
margin-right: 3.2vw;
position: relative; }
@media (min-width: 1441px) {
.footer .main-logo {
width: 172.8px;
margin-right: 46.08px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .main-logo {
width: 15vw;
margin-right: 6.7vw; } }
@media (max-width: 574px) {
.footer .main-logo {
width: 92vw;
display: block;
margin-right: 0;
padding-bottom: 17.7vw;
margin-bottom: 4.3vw; }
.footer .main-logo img {
width: 46vw; } }
@media (max-width: 574px) {
.footer .main-logo:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background-color: #6D7986;
bottom: 0;
left: 0; } }
.footer .footer-row1 {
justify-content: flex-start;
align-items: center;
position: relative;
padding-bottom: 2.4vw; }
@media (min-width: 1441px) {
.footer .footer-row1 {
padding-bottom: 34.56px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row1 {
padding-bottom: 2vw; } }
@media (max-width: 574px) {
.footer .footer-row1 {
padding-bottom: 2vw;
flex-direction: column;
align-items: flex-start; } }
.footer .footer-row1:before {
position: absolute;
content: '';
width: 65vw;
height: 1px;
background-color: #6D7986;
bottom: 0;
left: 0; }
@media (min-width: 1441px) {
.footer .footer-row1:before {
width: 936px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row1:before {
width: 69.4vw; } }
@media (max-width: 574px) {
.footer .footer-row1:before {
display: none; } }
.footer .footer-row2 {
padding-top: 1.7vw;
padding-bottom: 2.8vw; }
@media (min-width: 1441px) {
.footer .footer-row2 {
padding-top: 24.48px;
padding-bottom: 40.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row2 {
padding-bottom: 3.8vw; } }
@media (max-width: 574px) {
.footer .footer-row2 {
padding-bottom: 3.8vw;
padding-top: 2.7vw;
flex-direction: column; } }
.footer .footer-row2 .footer-list {
flex-wrap: wrap;
width: 38.1vw; }
@media (min-width: 1441px) {
.footer .footer-row2 .footer-list {
width: 548.64px; } }
@media (max-width: 574px) {
.footer .footer-row2 .footer-list {
width: 100%;
flex-direction: column;
padding-top: 2.4vw; } }
.footer .footer-row2 .contacts-col {
margin-right: 13.4vw;
padding-top: 0.3vw; }
@media (min-width: 1441px) {
.footer .footer-row2 .contacts-col {
margin-right: 192.96px;
padding-top: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row2 .contacts-col {
margin-right: 14.6vw; } }
@media (max-width: 574px) {
.footer .footer-row2 .contacts-col {
padding-bottom: 4.4vw;
position: relative;
width: 100%; }
.footer .footer-row2 .contacts-col:before {
position: absolute;
content: '';
width: 100%;
height: 1px;
background-color: #6D7986;
bottom: 0;
left: 0; } }
.footer .footer-row3 {
flex-wrap: wrap;
width: 66vw;
margin-bottom: 1.9vw; }
@media (min-width: 1441px) {
.footer .footer-row3 {
width: 950.4px;
margin-bottom: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row3 {
margin-bottom: 0.4vw; } }
@media (max-width: 574px) {
.footer .footer-row3 {
margin-bottom: 4.7vw;
width: 100%; } }
.footer .footer-row3 .footer-link {
font-weight: normal;
font-size: 0.7639vw;
margin-bottom: 0.3vw;
line-height: 1.181818181818182em;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #FBFBFB;
margin-right: 1vw; }
@media (min-width: 1441px) {
.footer .footer-row3 .footer-link {
font-size: 11px;
margin-right: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row3 .footer-link {
font-size: 0.92vw;
margin-right: 1.3vw; } }
@media (max-width: 574px) {
.footer .footer-row3 .footer-link {
font-size: 14px;
margin-right: 2.3vw;
margin-bottom: 2vw; } }
.footer .footer-row4 .copyright {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.142857142857143em;
color: #FBFBFB; }
@media (min-width: 1441px) {
.footer .footer-row4 .copyright {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-row4 .copyright {
font-size: 1.156vw; } }
@media (max-width: 574px) {
.footer .footer-row4 .copyright {
font-size: 3.67vw; } }
.footer .schedule-text {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.02em;
position: relative;
margin-bottom: 0.1vw;
color: #FBFBFB; }
@media (min-width: 1441px) {
.footer .schedule-text {
font-size: 14px;
margin-bottom: 1.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .schedule-text {
font-size: 1.16vw; } }
@media (max-width: 574px) {
.footer .schedule-text {
font-size: 2.9vw;
line-height: 1.38em; } }
.footer .contacts-wrapper {
display: flex;
flex-direction: column; }
.footer .section-inner {
padding-top: 2.3vw;
padding-bottom: 2vw;
width: 89vw;
height: auto; }
@media (min-width: 1441px) {
.footer .section-inner {
padding-top: 33.12px;
padding-bottom: 28.8px;
width: 1281.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .section-inner {
width: 95vw;
padding-left: 0;
padding-top: 2.6083vw;
padding-bottom: 2.6042vw; } }
@media (max-width: 574px) {
.footer .section-inner {
width: 92.3vw;
padding-top: 8.1111vw;
padding-bottom: 5.5556vw;
flex-direction: column; } }
.footer .footer-main-content {
margin-right: 7.7vw; }
@media (min-width: 1441px) {
.footer .footer-main-content {
margin-right: 110.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .footer-main-content {
margin-right: 5.5vw; } }
@media (max-width: 574px) {
.footer .footer-main-content {
margin-right: 0; } }
.footer .payment-methods {
padding-top: 1.5vw; }
@media (min-width: 1441px) {
.footer .payment-methods {
padding-top: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods {
padding-top: 6.3vw; } }
@media (max-width: 574px) {
.footer .payment-methods {
padding-top: 1.8vw; } }
@media (min-width: 575px) {
.footer .payment-methods.mobile {
display: none; } }
@media (max-width: 574px) {
.footer .payment-methods.desktop {
display: none; } }
@media (max-width: 574px) {
.footer .payment-methods.col {
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 2vw; } }
.footer .payment-methods .wrapper {
align-items: center;
margin-bottom: 2vw; }
@media (min-width: 1441px) {
.footer .payment-methods .wrapper {
margin-bottom: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .wrapper {
margin-bottom: 2.3vw; } }
@media (max-width: 574px) {
.footer .payment-methods .wrapper {
margin-bottom: 3.9vw; } }
.footer .payment-methods .mastercard {
width: auto;
height: 5.2vw;
margin-right: 1.3vw; }
@media (min-width: 1441px) {
.footer .payment-methods .mastercard {
height: 74.88px;
margin-right: 18.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .mastercard {
height: 5.6vw; } }
@media (max-width: 574px) {
.footer .payment-methods .mastercard {
height: 18.6vw;
margin-right: 4.3vw; } }
.footer .payment-methods .visa {
width: auto;
height: 2vw; }
@media (min-width: 1441px) {
.footer .payment-methods .visa {
height: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .visa {
height: 2.6vw; } }
@media (max-width: 574px) {
.footer .payment-methods .visa {
height: 7.6vw;
margin-right: 3.6vw; } }
.footer .payment-methods .dashcoin {
width: auto;
height: 2vw; }
@media (min-width: 1441px) {
.footer .payment-methods .dashcoin {
height: 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .dashcoin {
height: 2.6vw;
width: 15.4vw; } }
@media (max-width: 574px) {
.footer .payment-methods .dashcoin {
height: 6.6vw;
width: 36.4vw; } }
.footer .payment-methods .perfect-money {
width: auto;
height: 3vw; }
@media (min-width: 1441px) {
.footer .payment-methods .perfect-money {
height: 43.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .perfect-money {
height: 2.6vw; } }
@media (max-width: 574px) {
.footer .payment-methods .perfect-money {
height: 8.8vw; } }
.footer .payment-methods .paypal {
width: auto;
height: 3.6vw;
margin-right: 5vw;
margin-left: 1vw; }
@media (min-width: 1441px) {
.footer .payment-methods .paypal {
height: 51.84px;
margin-right: 72px;
margin-left: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .paypal {
height: 3.6vw; } }
@media (max-width: 574px) {
.footer .payment-methods .paypal {
height: 12.6vw;
margin-left: 4.6vw;
margin-right: 17.4vw; } }
.footer .payment-methods .ups {
width: auto;
height: 3.6vw; }
@media (min-width: 1441px) {
.footer .payment-methods .ups {
height: 51.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .payment-methods .ups {
height: 3.6vw; } }
@media (max-width: 574px) {
.footer .payment-methods .ups {
height: 12.6vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.footer .navbar {
width: 47.5vw; } }
@media (max-width: 574px) {
.footer .navbar {
width: 70.5vw; } }
@media (max-width: 574px) {
.footer .navbar-list {
flex-wrap: wrap;
justify-content: flex-start; } }
@media (max-width: 574px) {
.footer .navbar-list__item {
margin-bottom: 2vw; } }
.footer .navbar-list__link {
font-weight: 600;
transition: 0.5s;
border-bottom: 1px solid transparent;
color: white; }
@media (max-width: 574px) {
.footer .navbar-list__link {
font-size: 15px;
font-weight: 400;
margin-right: 4.3vw; } }
.footer .navbar-list__link:hover {
letter-spacing: 0.015em;
border-bottom: 1px solid white; }
.breadcrumbs {
margin-bottom: 2.4vw;
width: 36vw; }
@media (min-width: 1441px) {
.breadcrumbs {
margin-bottom: 34.56px;
width: 518.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.breadcrumbs {
margin-bottom: 1.6vw;
width: 44vw; } }
@media (max-width: 574px) {
.breadcrumbs {
margin-bottom: 6.1vw;
width: 100%; } }
.breadcrumbs__list {
display: flex;
list-style: none;
flex-wrap: wrap; }
.breadcrumbs__item {
position: relative;
margin-right: 0.5vw;
padding-right: 1vw;
margin-bottom: 0.5vw; }
@media (min-width: 1441px) {
.breadcrumbs__item {
margin-right: 7.2px;
padding-right: 14.4px;
margin-bottom: 7.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.breadcrumbs__item {
margin-right: 0.8vw;
padding-right: 1vw;
margin-bottom: 0.5vw; } }
@media (max-width: 574px) {
.breadcrumbs__item {
margin-right: 1.5vw;
padding-right: 4vw;
margin-bottom: 0.5vw; } }
.breadcrumbs__item:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-grey-right.svg);
background-repeat: no-repeat;
background-size: contain;
width: 0.5vw;
height: 0.8vw;
bottom: 0.15vw;
right: 0; }
@media (min-width: 1441px) {
.breadcrumbs__item:before {
width: 7.2px;
height: 11.52px;
bottom: 2.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.breadcrumbs__item:before {
width: 0.5vw;
height: 0.8vw;
bottom: 0.23vw; } }
@media (max-width: 574px) {
.breadcrumbs__item:before {
width: 1.7vw;
height: 2vw;
bottom: 0.8vw; } }
.breadcrumbs__item:last-child {
margin-right: 0; }
.breadcrumbs__link {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.breadcrumbs__link {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.breadcrumbs__link {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.breadcrumbs__link {
font-size: 14px; } }
.tabs {
display: flex;
flex-direction: column; }
.tabs__nav {
display: flex;
margin-bottom: 2.2222vw; }
@media (min-width: 1441px) {
.tabs__nav {
margin-bottom: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.tabs__nav {
margin-bottom: 2.7vw; } }
@media (max-width: 574px) {
.tabs__nav {
margin-bottom: 5.7vw;
flex-wrap: wrap; } }
.tabs__item {
display: none; }
.tabs__item.active {
display: block; }
.tabs-btn {
margin-right: 1.6vw; }
@media (min-width: 1441px) {
.tabs-btn {
margin-right: 23.04px; } }
.tabs-btn.active {
color: white;
background-color: #3A0B84;
border: 1px solid transparent; }
@media (max-width: 574px) {
.tabs-btn {
margin-right: 3.8vw;
margin-bottom: 3.9vw; } }
@media (max-width: 574px) {
.tabs-btn:nth-child(2) {
margin-right: 0; } }
.tabs-content__item {
color: #0B1F35; }
.tabs-content__item a {
color: #0B1F35;
text-decoration: underline;
}
.tabs-content__item p,
.tabs-content__item span,
.tabs-content__item li {
font-weight: 400;
letter-spacing: 0.0015em;
font-size: 1vw;
line-height: 1.34em;
width: 78vw; }
@media (min-width: 1441px) {
.tabs-content__item p,
.tabs-content__item span,
.tabs-content__item li {
font-size: 14.4px;
width: 1123.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.tabs-content__item p,
.tabs-content__item span,
.tabs-content__item li {
font-size: 1.21vw;
width: 94vw; } }
@media (max-width: 574px) {
.tabs-content__item p,
.tabs-content__item span,
.tabs-content__item li {
font-size: 3.84vw;
width: 86vw; } }
.tabs-content__item ul {
padding-left: 1.5vw; }
@media (min-width: 1441px) {
.tabs-content__item ul {
padding-left: 21.6px; } }
@media (max-width: 574px) {
.tabs-content__item ul {
padding-left: 3.5vw; } }
.tabs-content__item ul li {
position: relative; }
.tabs-content__item ul li:before {
position: absolute;
content: '';
background-color: #0B1F35;
width: 2px;
height: 2px;
left: -10px;
border-radius: 50%;
top: 50%;
transform: translateY(50%); }
.tabs-content__item .small-text {
margin-top: 1vw;
display: inline-block;
color: #6D7986;
font-weight: 400;
letter-spacing: 0.058em;
font-size: 0.7vw;
line-height: 1.34em; }
@media (min-width: 1441px) {
.tabs-content__item .small-text {
margin-top: 14.4px;
font-size: 10.08px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.tabs-content__item .small-text {
font-size: 0.844vw; } }
@media (max-width: 574px) {
.tabs-content__item .small-text {
font-size: 2.7vw;
margin-top: 4.2vw;
width: 90vw; } }
.about-us-section {
position: relative; }
.about-us-section .section-inner {
padding-top: 2.2vw;
padding-bottom: 5.9vw;
flex-direction: column; }
@media (min-width: 1441px) {
.about-us-section .section-inner {
padding-top: 31.68px;
padding-bottom: 84.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6.9vw; } }
@media (max-width: 574px) {
.about-us-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6.9vw; } }
.about-us-section .main-content {
display: flex;
flex-direction: column; }
.about-us-section .main-content iframe, .about-us-section .main-content p, .about-us-section .main-content ol, .about-us-section .main-content ul, .about-us-section .main-content img, .about-us-section .main-content h2, .about-us-section .main-content h3, .about-us-section .main-content h4, .about-us-section .main-content h5, .about-us-section .main-content h6 {
margin: 10px 0; }
.about-us-section .main-content h3 {
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
margin-bottom: 2.59vw;
position: relative; }
@media (min-width: 1441px) {
.about-us-section .main-content h3 {
font-size: 24px;
margin-bottom: 37.3px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content h3 {
margin-bottom: 3vw;
font-size: 2.0101vw; } }
@media (max-width: 574px) {
.about-us-section .main-content h3 {
margin-bottom: 5vw;
font-size: 5.8667vw; } }
.about-us-section .main-content h3:before {
position: absolute;
content: '';
background-color: #E51368;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
bottom: -1.34vw; }
@media (min-width: 1441px) {
.about-us-section .main-content h3:before {
width: 80px;
height: 4px;
bottom: -19.3px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content h3:before {
width: 6.7vw;
bottom: -1.67vw; } }
@media (max-width: 574px) {
.about-us-section .main-content h3:before {
width: 10.5556vw;
height: 1vw;
bottom: -3vw; } }
.about-us-section .main-content .text-wrapper {
width: 60vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .text-wrapper {
width: 864px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .text-wrapper {
width: 60vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .text-wrapper {
width: 100%;
margin-bottom: 4vw; } }
.about-us-section .main-content .text-with-img {
justify-content: space-between; }
@media (max-width: 574px) {
.about-us-section .main-content .text-with-img {
flex-direction: column; } }
.about-us-section .main-content .text-with-img.reverse .media-content {
margin-top: 2.9vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .text-with-img.reverse .media-content {
margin-top: 41.76px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .text-with-img.reverse .media-content {
margin-top: 3.4vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .text-with-img.reverse .media-content {
margin-top: 3.4vw;
margin-bottom: 1vw; } }
.about-us-section .main-content .text-with-img.reverse .media-content .text-wrapper {
width: 59.5vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .text-with-img.reverse .media-content .text-wrapper {
width: 856.8px; } }
.about-us-section .main-content .text-with-img.reverse .main-content__title {
margin-bottom: 0.64vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .text-with-img.reverse .main-content__title {
margin-bottom: 9.22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .text-with-img.reverse .main-content__title {
margin-bottom: 0.64vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .text-with-img.reverse .main-content__title {
margin-bottom: 2.3vw; } }
.about-us-section .main-content .text-with-img.reverse .main-content__title:before {
display: none; }
.about-us-section .main-content .media-content iframe,
.about-us-section .main-content .media-content img {
width: 25vw;
height: 18vw;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 1441px) {
.about-us-section .main-content .media-content iframe,
.about-us-section .main-content .media-content img {
width: 360px;
height: 259.2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .media-content iframe,
.about-us-section .main-content .media-content img {
width: 30.2vw;
height: 21.8vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .media-content iframe,
.about-us-section .main-content .media-content img {
width: 100%;
height: 70vw; } }
.about-us-section .main-content ul {
padding-left: 1.6vw;
list-style: disc; }
@media (min-width: 1441px) {
.about-us-section .main-content ul {
padding-left: 23.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content ul {
padding-left: 1.6vw; } }
@media (max-width: 574px) {
.about-us-section .main-content ul {
padding-left: 6.6vw; } }
.about-us-section .main-content ul li {
margin-bottom: 0.31vw;
letter-spacing: 0.022em; }
@media (min-width: 1441px) {
.about-us-section .main-content ul li {
margin-bottom: 4.46px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content ul li {
margin-bottom: 0.31vw; } }
@media (max-width: 574px) {
.about-us-section .main-content ul li {
margin-bottom: 0;
line-height: 1.4em; } }
.about-us-section .main-content .secondary-text {
margin-bottom: 4.2vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .secondary-text {
margin-bottom: 60.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .secondary-text {
margin-bottom: 2.65vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .secondary-text {
margin-bottom: 3.4vw;
margin-top: 5vw; } }
.about-us-section .main-content .secondary-text h4 {
font-weight: bold;
font-size: 1.2500vw;
line-height: 1.166666666666667em;
letter-spacing: 0em;
margin-bottom: 2.7vw;
position: relative; }
@media (min-width: 1441px) {
.about-us-section .main-content .secondary-text h4 {
font-size: 18px;
margin-bottom: 38.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .secondary-text h4 {
font-size: 1.5075vw;
margin-bottom: 3.2vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .secondary-text h4 {
font-size: 4.8000vw;
margin-bottom: 10.2vw; } }
.about-us-section .main-content .secondary-text h4:before {
position: absolute;
content: '';
background-color: #E51368;
width: 5.5556vw;
height: 0.2778vw;
border-radius: 2px;
bottom: -1.34vw; }
@media (min-width: 1441px) {
.about-us-section .main-content .secondary-text h4:before {
width: 80px;
height: 4px;
bottom: -19.3px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .secondary-text h4:before {
width: 6.7vw;
bottom: -1.67vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .secondary-text h4:before {
width: 21.5556vw;
height: 1vw;
bottom: -5.6vw; } }
.about-us-section .main-content .secondary-text p,
.about-us-section .main-content .secondary-text li,
.about-us-section .main-content .secondary-text span {
font-weight: normal;
font-size: 0.9722vw;
line-height: 1.39em;
letter-spacing: 0.014em;
margin-bottom: 0; }
@media (min-width: 1441px) {
.about-us-section .main-content .secondary-text p,
.about-us-section .main-content .secondary-text li,
.about-us-section .main-content .secondary-text span {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .main-content .secondary-text p,
.about-us-section .main-content .secondary-text li,
.about-us-section .main-content .secondary-text span {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.about-us-section .main-content .secondary-text p,
.about-us-section .main-content .secondary-text li,
.about-us-section .main-content .secondary-text span {
font-size: 3.7333vw; } }
.about-us-section .main-content .secondary-text .small-text {
color: #6D7986; }
.about-us-section .intro-text {
margin-bottom: 4.4vw; }
@media (min-width: 1441px) {
.about-us-section .intro-text {
margin-bottom: 63.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .intro-text {
margin-bottom: 3.8vw; } }
@media (max-width: 574px) {
.about-us-section .intro-text {
margin-bottom: 2.5vw; } }
.about-us-section .intro-text p {
font-weight: 400;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em; }
@media (min-width: 1441px) {
.about-us-section .intro-text p {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .intro-text p {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.about-us-section .intro-text p {
font-size: 3.7333vw;
line-height: 1.4em; } }
.about-us-section .section-title {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.about-us-section .section-title {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .section-title {
margin-bottom: 1.6vw; } }
@media (max-width: 574px) {
.about-us-section .section-title {
margin-bottom: 3vw; } }
.about-us-section .list-block {
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.about-us-section .list-block {
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .list-block {
margin-bottom: 2vw; } }
.about-us-section .long-pic {
width: 100%;
height: 17.9vw;
margin-top: 4.3vw;
display: block;
margin-bottom: 4.5vw; }
@media (min-width: 1441px) {
.about-us-section .long-pic {
height: 257.76px;
margin-top: 61.92px;
margin-bottom: 64.8px; } }
.about-us-section .long-pic img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .long-pic {
margin-bottom: 2.5vw;
margin-top: 2.7vw;
height: 21.9vw; } }
@media (max-width: 574px) {
.about-us-section .long-pic {
display: none; } }
.about-us-section .list-title {
font-size: 1.25vw;
line-height: 1.2222222222em;
letter-spacing: 0.015em;
margin-bottom: 0.6vw;
font-weight: 500; }
@media (min-width: 1441px) {
.about-us-section .list-title {
font-size: 18px;
margin-bottom: 8.64px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section .list-title {
margin-bottom: 1.3vw;
font-size: 2.35vw; } }
@media (max-width: 574px) {
.about-us-section .list-title {
font-size: 5vw;
margin-bottom: 1.8vw; } }
.about-us-section p,
.about-us-section span,
.about-us-section li {
font-size: 1.1111vw;
line-height: 1.38em;
letter-spacing: 0.021em;
margin-bottom: 0.15vw; }
@media (min-width: 1441px) {
.about-us-section p,
.about-us-section span,
.about-us-section li {
font-size: 16px;
margin-bottom: 2.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.about-us-section p,
.about-us-section span,
.about-us-section li {
font-size: 1.3400vw;
line-height: 1.38em;
letter-spacing: 0.02em; } }
@media (max-width: 574px) {
.about-us-section p,
.about-us-section span,
.about-us-section li {
font-size: 4.2667vw;
letter-spacing: 0.02em; } }
.personal-cabinet-section {
position: relative; }
.personal-cabinet-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 5.9vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .section-inner {
padding-top: 31.68px;
padding-bottom: 84.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6.6vw; } }
.personal-cabinet-section .section-title {
margin-bottom: 2.5vw;
font-size: 2.2222vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .section-title {
margin-bottom: 36px;
font-size: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .section-title {
margin-bottom: 3vw;
font-size: 2.6801vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .section-title {
margin-bottom: 7.3vw;
margin-left: 0;
font-size: 5.8667vw; } }
.personal-cabinet-section .breadcrumbs {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .breadcrumbs {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .breadcrumbs {
margin-bottom: 1.8vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.personal-cabinet-section .order-card {
width: 28.4vw;
box-shadow: none;
background: transparent;
padding: 0; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card {
width: 408.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card {
width: 34.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card {
width: 100%; } }
.personal-cabinet-section .order-card .card-row {
border-top: none;
border-bottom: 1px solid #D8D8D8; }
.personal-cabinet-section .order-card .card-rows {
margin-bottom: 1.24vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .card-rows {
margin-bottom: 17.86px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .card-rows {
margin-bottom: 1vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .card-rows {
margin-bottom: 4.3vw; } }
.personal-cabinet-section .order-card .card-item {
min-height: 6.1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .card-item {
min-height: 87.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .card-item {
min-height: 7.7vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .card-item {
min-height: 19.1vw;
flex-direction: row;
justify-content: space-between;
align-items: center; } }
.personal-cabinet-section .order-card .item-name {
font-weight: 400; }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .item-name {
font-size: 2.9333vw;
line-height: 1.363636363636364em; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .item-name-wrapper {
width: 50%; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .item-text {
font-size: 2.9333vw; } }
.personal-cabinet-section .order-card .total-block {
padding-left: 10.9vw;
margin-bottom: 0;
border-bottom: none; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block {
padding-left: 156.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block {
padding-left: 13.1vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block {
padding-left: 18.9vw; } }
.personal-cabinet-section .order-card .total-block .row {
margin-bottom: 1.1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block .row {
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block .row {
margin-bottom: 1.3vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block .row {
margin-bottom: 4.3vw; } }
.personal-cabinet-section .order-card .total-block .row .text {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block .row .text {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block .row .text {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block .row .text {
font-size: 3.7333vw; } }
.personal-cabinet-section .order-card .total-block .row .text:nth-child(1) {
width: 8.9444vw;
text-align: start; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(1) {
width: 128.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(1) {
width: 10.9444vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(1) {
width: 34.9444vw; } }
.personal-cabinet-section .order-card .total-block .row .text:nth-child(2) {
width: 8.3333vw;
text-align: end; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(2) {
width: 128.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(2) {
width: 8.9444vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block .row .text:nth-child(2) {
width: 28.9444vw; } }
.personal-cabinet-section .order-card .total-block .row .text.strong {
font-size: 1.5278vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .order-card .total-block .row .text.strong {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-card .total-block .row .text.strong {
font-size: 1.8425vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-card .total-block .row .text.strong {
font-size: 5.8667vw; } }
.personal-cabinet-section .order-card .total-block .row .text.text-payment {
font-weight: 600; }
.personal-cabinet-section .wrapper {
display: flex; }
@media (max-width: 574px) {
.personal-cabinet-section .wrapper {
flex-direction: column; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card-block {
margin-bottom: 5.2083vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card-block {
display: none; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-section .section-inner {
padding-bottom: 15.6vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.subscription-section .section-inner {
padding-bottom: 135.6vw; } }
.personal-cabinet-section.edit-personal-section .breadcrumbs {
width: 51vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .breadcrumbs {
width: 734.4px; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .breadcrumbs {
width: 93vw; } }
.personal-cabinet-section.edit-personal-section .order-card {
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.2);
border-radius: 8px; }
.personal-cabinet-section.edit-personal-section .order-card .card-row:first-child {
border-top: 1px solid #D8D8D8; }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .card-rows {
margin-bottom: 2.5vw; } }
.personal-cabinet-section.edit-personal-section .order-card .card-item {
min-height: 7.2vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .card-item {
min-height: 103.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .card-item {
min-height: 10.2vw; } }
.personal-cabinet-section.edit-personal-section .order-card .total-block {
padding-left: 9.5vw;
margin-bottom: 1.5vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block {
padding-left: 136.8px;
margin-bottom: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block {
padding-left: 11.5vw;
margin-bottom: 2.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block {
margin-bottom: 4vw;
padding-left: 16.5vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row {
margin-bottom: 2.3vw; } }
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text {
font-size: 1.2500vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text {
font-size: 1.5075vw; } }
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text.strong {
font-size: 1.5278vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text.strong {
font-size: 22px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text.strong {
font-size: 1.8425vw; } }
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text:nth-child(1) {
width: 10.9444vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text:nth-child(1) {
width: 157.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text:nth-child(1) {
width: 13.9444vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text:nth-child(1) {
width: 35.9444vw; } }
.personal-cabinet-section.edit-personal-section .form {
width: 100%;
box-shadow: none;
background: transparent;
padding: 0;
flex-direction: row; }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .form {
flex-direction: column; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .form-title {
font-size: 2.0101vw; } }
.personal-cabinet-section.edit-personal-section .select-title {
font-size: 0.9028vw;
font-weight: 400;
color: #6D7986; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .select-title {
font-size: 13px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .select-title {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .select-title {
font-size: 2.9333vw; } }
.personal-cabinet-section.edit-personal-section .selects-wrapper {
margin-bottom: 1.1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .selects-wrapper {
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .selects-wrapper {
margin-bottom: 2.7vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .selects-wrapper {
margin-bottom: 2.5vw; } }
.personal-cabinet-section.edit-personal-section .select-items div,
.personal-cabinet-section.edit-personal-section .select-selected {
color: #0B1F35;
background-color: #F6F6F6; }
.personal-cabinet-section.edit-personal-section .select-selected {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .select-selected {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .select-selected {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .select-selected {
font-size: 3.4667vw; } }
.personal-cabinet-section.edit-personal-section .main-content {
width: auto; }
.personal-cabinet-section.edit-personal-section .custom-select {
width: 21.8vw;
box-shadow: none; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .custom-select {
width: 313.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .custom-select {
width: 21.3vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .custom-select {
width: 100%; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .custom-select.w-100 {
width: 100%; } }
.personal-cabinet-section.edit-personal-section .edit-info-block {
padding: 2.2222vw;
width: 50vw;
margin-right: 2.23vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .edit-info-block {
padding: 32px;
width: 720px;
margin-right: 32.11px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block {
width: 46.23vw;
margin-right: 2.7vw;
padding: 2.6801vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block {
width: 100%;
margin-right: 0;
padding: 4.2667vw;
margin-bottom: 6.4000vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .textarea label {
font-size: 2.9333vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper {
width: 47%;
margin-bottom: 2.5vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper label {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper label {
font-size: 2.9333vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-webkit-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-webkit-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-moz-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-moz-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input:-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input:-ms-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-ms-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-moz-placeholder {
font-size: 1.0888vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input:-ms-input-placeholder {
font-size: 1.0888vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::-moz-placeholder {
font-size: 3.4667vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input:-ms-input-placeholder {
font-size: 3.4667vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block .inputs-row-wrapper .input-wrapper input::placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-webkit-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-webkit-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-moz-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-moz-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea:-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea:-ms-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-ms-input-placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-ms-input-placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-moz-placeholder {
font-size: 1.0888vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block textarea:-ms-input-placeholder {
font-size: 1.0888vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::placeholder {
font-size: 1.0888vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::-moz-placeholder {
font-size: 3.4667vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block textarea:-ms-input-placeholder {
font-size: 3.4667vw; }
.personal-cabinet-section.edit-personal-section .edit-info-block textarea::placeholder {
font-size: 3.4667vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .form-title {
margin-bottom: 2.8vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .edit-info-block .form-title {
margin-bottom: 3.2vw; } }
.personal-cabinet-section.edit-personal-section .order-card {
padding: 2.2222vw;
width: 36.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card {
padding: 32px;
width: 522.72px; } }
.personal-cabinet-section.edit-personal-section .order-card .input-enter-data input {
width: 1.8056vw;
min-height: 1.8056vw;
padding: 0 0.3vw;
border: 1px solid black;
background-color: white; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .order-card .input-enter-data input {
width: 26px;
min-height: 26px;
padding: 0 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card .input-enter-data input {
width: 2vw;
min-height: 1.3889vw;
font-size: 1.2vw;
padding: 0 0.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .input-enter-data input {
width: 5.3vw; } }
.personal-cabinet-section.edit-personal-section .order-card .item-name {
font-weight: 600; }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .item-name {
font-size: 3.7333vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .item-name-wrapper {
width: 100%; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .item-text {
font-size: 3.7333vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .item-text-wrapper.count span {
margin-right: 1.4vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .order-card {
padding: 2.6801vw;
width: 43.7vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card {
width: 100%;
padding: 4.2667vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .card-item {
flex-direction: column;
align-items: flex-end;
justify-content: space-evenly;
min-height: 37.6vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text {
font-size: 3.7333vw; } }
@media (max-width: 574px) {
.personal-cabinet-section.edit-personal-section .order-card .total-block .row .text.strong {
font-size: 4.8000vw; } }
.personal-cabinet-section.edit-personal-section .form-header-order {
padding-bottom: 1vw;
border-bottom: 1px solid #d8d8d8; }
@media (min-width: 1441px) {
.personal-cabinet-section.edit-personal-section .form-header-order {
padding-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section.edit-personal-section .form-header-order {
padding-bottom: 3vw; } }
.personal-cabinet-section .content-block {
background-color: #F0F6FF;
box-shadow: inset 6px 6px 20px rgba(60, 146, 255, 0.06);
border-radius: 10px;
padding: 2.7778vw;
display: flex;
flex-direction: column;
width: 27.6389vw;
min-height: 22.6389vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .content-block {
padding: 40px;
width: 398px;
min-height: 326px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .content-block {
width: 51.8229vw;
min-height: 42.4479vw;
padding: 5.2083vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .content-block {
width: 100%;
min-height: 67.6667vw;
padding: 5.5556vw; } }
.personal-cabinet-section .content-block .title {
font-size: 1.2500vw;
line-height: 1.222222222222222em;
letter-spacing: 0.015em;
font-weight: 500;
margin-bottom: 2.0833vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .content-block .title {
font-size: 18px;
margin-bottom: 30px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .content-block .title {
font-size: 2.3438vw;
margin-bottom: 3.9063vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .content-block .title {
font-size: 5.0000vw;
margin-bottom: 5.5556vw;
text-align: center; } }
.personal-cabinet-section .content-block .subtitle {
font-size: 0.9722vw;
line-height: 1.214285714285714em;
letter-spacing: 0.015em;
margin-bottom: 2.0833vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .content-block .subtitle {
font-size: 14px;
margin-bottom: 30px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .content-block .subtitle {
font-size: 1.8229vw;
margin-bottom: 3.9063vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .content-block .subtitle {
font-size: 3.3333vw;
margin-bottom: 10.0000vw; } }
.personal-cabinet-section .content-block .input-wrapper {
margin-bottom: 2.0833vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .content-block .input-wrapper {
margin-bottom: 30px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .content-block .input-wrapper {
margin-bottom: 3.9063vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .content-block .input-wrapper {
margin-bottom: 5.5556vw; } }
.personal-cabinet-section .content-block .btn {
width: 13.8889vw;
min-height: 2.6vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .content-block .btn {
width: 200px;
min-height: 37.44px; } }
@media (min-width: 575px) {
.personal-cabinet-section .content-block .btn {
margin-right: auto; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .content-block .btn {
width: 26.0417vw;
min-height: 4.9479vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .content-block .btn {
width: 55.5556vw;
min-height: 10.5556vw; } }
.personal-cabinet-section .card {
background-color: white;
padding: 2vw 2.2vw 0 2.2vw;
width: 27.6vw;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px; }
@media (min-width: 1441px) {
.personal-cabinet-section .card {
padding: 28.8px 32px 0 32px;
width: 397.44px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card {
padding: 2.5vw 2.6vw 0 2.6vw;
width: 33.3vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card {
padding: 4.6vw 4vw;
width: 100%;
border: none;
background-color: transparent; } }
.personal-cabinet-section .card-block {
margin-right: 2.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .card-block {
margin-right: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card-block {
margin-right: 1.6vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card-block {
width: 100%; } }
.personal-cabinet-section .card .header-info {
position: relative;
width: 14vw;
margin-right: 0vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .header-info {
width: 201.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .header-info {
width: 16vw;
margin-right: 0.9vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .header-info {
max-width: 46vw;
margin-right: 3vw; } }
.personal-cabinet-section .card .header-text {
font-weight: normal;
font-size: 0.9028vw;
line-height: 1.384615384615385em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .header-text {
font-size: 13px;
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .header-text {
font-size: 1.0888vw;
margin-bottom: 0.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .header-text {
font-size: 5.3vw;
margin-bottom: 0.3vw; } }
.personal-cabinet-section .card .header-text--main {
font-size: 1.3889vw;
line-height: 1.4em; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .header-text--main {
font-size: 20px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .header-text--main {
font-size: 1.6750vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .header-text--main {
font-size: 5.3vw; } }
.personal-cabinet-section .card-header {
position: relative;
justify-content: space-between;
padding-bottom: 0.85vw;
margin-bottom: 1.4vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.personal-cabinet-section .card-header {
padding-bottom: 12.24px;
margin-bottom: 20.16px; } }
.personal-cabinet-section .card-header picture {
position: relative;
width: 7vw;
height: 7vw;
margin-bottom: 0; }
@media (min-width: 1441px) {
.personal-cabinet-section .card-header picture {
width: 100.8px;
height: 100.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card-header picture {
width: 8.4vw;
height: 8.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card-header picture {
width: 7vw;
height: 7vw; } }
.personal-cabinet-section .card-header picture img {
border-radius: 8px;
-o-object-fit: cover;
object-fit: cover; }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card-header {
margin-bottom: 1.9vw;
padding-bottom: 0.85vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card-header {
margin-bottom: 7.7vw;
padding-bottom: 0.85vw; } }
.personal-cabinet-section .card .row {
display: flex;
flex-direction: column;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row {
margin-bottom: 1.7vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row {
margin-bottom: 5.5278vw; } }
.personal-cabinet-section .card .row:last-child {
border-bottom: none;
margin-bottom: 0; }
.personal-cabinet-section .card .row .edit {
position: relative;
display: inline-block; }
.personal-cabinet-section .card .row__text-item {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.015em;
transition: 0.5s;
margin-bottom: 1.9vw;
position: relative;
padding-left: 2.73vw;
color: #000000; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item {
font-size: 14px;
margin-bottom: 27.36px;
padding-left: 39.31px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item {
font-size: 1.1725vw;
padding-left: 3.7vw;
margin-bottom: 2.25vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item {
font-size: 3.87vw;
padding-left: 6.9vw;
letter-spacing: 0.022em;
margin-bottom: 6vw; } }
.personal-cabinet-section .card .row__text-item--bigger {
font-weight: 400;
font-size: 1.2500vw;
line-height: 100%;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item--bigger {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item--bigger {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item--bigger {
font-size: 3.87vw; } }
.personal-cabinet-section .card .row__text-item--bigger.is-active {
font-weight: 600;
color: #3A0B84; }
.personal-cabinet-section .card .row__text-item.addresses:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-home-grey.svg);
background-size: contain;
background-repeat: no-repeat;
background-repeat: no-repeat;
width: 1.9vw;
height: 1.9vw;
left: 0;
top: 50%;
transform: translateY(-50%); }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item.addresses:before {
width: 27.36px;
height: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item.addresses:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item.addresses:before {
width: 5.9444vw;
height: 4.9444vw;
left: -0.8vw;
transform: translateY(-41%); } }
.personal-cabinet-section .card .row__text-item.addresses.is-active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-home.svg); }
.personal-cabinet-section .card .row__text-item.order {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.personal-cabinet-section .card .row__text-item.order:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-bag-grey.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9vw;
height: 1.9vw;
left: 0;
top: 50%;
transform: translateY(-50%); }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item.order:before {
width: 27.36px;
height: 27.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item.order:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item.order:before {
width: 5.9444vw;
height: 7.9444vw;
left: -1.2vw;
transform: translateY(-45%); } }
.personal-cabinet-section .card .row__text-item.order.is-active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-bag.svg); }
.personal-cabinet-section .card .row__text-item.subscription.is-active {
font-weight: 600;
color: #3A0B84; }
.personal-cabinet-section .card .row__text-item.subscription:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-verified.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item.subscription:before {
width: 28px;
height: 28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item.subscription:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item.subscription:before {
left: -1.3vw;
top: 50%;
transform: translateY(-67%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.personal-cabinet-section .card .row__text-item.subscription.is-active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-verified-active.svg); }
.personal-cabinet-section .card .row__text-item.edit:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item.edit:before {
width: 28px;
height: 28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item.edit:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item.edit:before {
left: -1.3vw;
top: 50%;
transform: translateY(-67%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.personal-cabinet-section .card .row__text-item.edit.is-active {
font-weight: 600;
color: #3A0B84; }
.personal-cabinet-section .card .row__text-item.edit.is-active:before {
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit-active.svg); }
.personal-cabinet-section .card .row__text-item.logout:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-exit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 1441px) {
.personal-cabinet-section .card .row__text-item.logout:before {
width: 28px;
height: 28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .card .row__text-item.logout:before {
transform: translateY(-56%);
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .card .row__text-item.logout:before {
left: -1.3vw;
top: 50%;
transform: translateY(-67%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.personal-cabinet-section .orders-block {
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px;
padding: 2.2222vw 1.1111vw 1vw 1.1111vw;
width: 55.0000vw;
display: flex;
flex-direction: column; }
@media (min-width: 1441px) {
.personal-cabinet-section .orders-block {
padding: 32px 16px 14.4px 16px;
width: 792px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .orders-block {
padding: 2.72vw 1.2vw 1vw 1.34vw;
width: 58.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-block {
padding: 3.2222vw 2vw 1vw 3.1111vw;
width: 100%; } }
.personal-cabinet-section .row-cheracteristics {
display: flex;
border-bottom: 1px solid #D8D8D8;
justify-content: space-between;
padding: 0 1.2vw 1.7vw 1.4vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .row-cheracteristics {
padding: 0 17.28px 24.48px 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .row-cheracteristics {
padding: 0 1.2vw 2.05vw 1.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .row-cheracteristics {
display: none; } }
.personal-cabinet-section .row-cheracteristics .order-title {
text-align: center; }
.personal-cabinet-section .row-cheracteristics .order-title span {
color: #6D7986;
letter-spacing: 0.014em;
font-weight: 600;
font-size: 0.9722vw;
line-height: 1.357142857142857em; }
@media (min-width: 1441px) {
.personal-cabinet-section .row-cheracteristics .order-title span {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .row-cheracteristics .order-title span {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .row-cheracteristics .order-title span {
font-size: 1.1725vw; } }
@media (min-width: 1441px) {
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(5) {
width: 160px; }
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(n+1):nth-child(-n+4) {
width: 110px; } }
@media (min-width: 1201px) {
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(5) {
width: 11.1111vw; }
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(n+1):nth-child(-n+4) {
width: 7.6389vw; } }
@media (min-width: 575px) {
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(n+1):nth-child(-n+4) {
width: 9.2127vw; }
.personal-cabinet-section .row-cheracteristics .order-title:nth-child(5) {
width: 11.4003vw; } }
.personal-cabinet-section .orders-list {
display: flex;
flex-direction: column; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item:nth-child(1) ul:nth-child(2) {
margin-top: 0; } }
.personal-cabinet-section .orders-list__item ul {
display: flex;
width: 100%;
justify-content: space-between;
padding: 1.1111vw 1.2vw 1.1111vw 1.4vw;
border-bottom: 1px solid #D8D8D8; }
@media (min-width: 1441px) {
.personal-cabinet-section .orders-list__item ul {
padding: 16px 17.28px 16px 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .orders-list__item ul {
padding: 1.3vw 1.2vw 1.4vw 1.4vw;
flex-direction: row;
align-items: flex-start;
flex-wrap: wrap; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul {
padding: 0 1.2vw 1.7vw 1.4vw;
flex-wrap: wrap;
justify-content: space-between; } }
.personal-cabinet-section .orders-list__item ul li {
text-align: center; }
@media (min-width: 1441px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(5) {
width: 160px; }
.personal-cabinet-section .orders-list__item ul li:nth-child(n+1):nth-child(-n+4) {
width: 110px; } }
@media (min-width: 1201px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(5) {
width: 11.1111vw; }
.personal-cabinet-section .orders-list__item ul li:nth-child(n+1):nth-child(-n+4) {
width: 7.6389vw; } }
@media (min-width: 575px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(n+1):nth-child(-n+4) {
width: 9.2127vw; }
.personal-cabinet-section .orders-list__item ul li:nth-child(5) {
width: 11.4003vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(2) {
margin-top: 1.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li {
display: flex;
flex-direction: column;
width: 40vw;
margin-bottom: 3.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(odd) {
text-align: start; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(odd) span,
.personal-cabinet-section .orders-list__item ul li:nth-child(odd) p,
.personal-cabinet-section .orders-list__item ul li:nth-child(odd) a {
text-align: start; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(even) {
text-align: end;
align-items: flex-end; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li:nth-child(even) span,
.personal-cabinet-section .orders-list__item ul li:nth-child(even) p,
.personal-cabinet-section .orders-list__item ul li:nth-child(even) a {
text-align: start; } }
.personal-cabinet-section .orders-list__item ul li p,
.personal-cabinet-section .orders-list__item ul li span,
.personal-cabinet-section .orders-list__item ul li a {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35;
transition: 0.5s; }
@media (min-width: 1441px) {
.personal-cabinet-section .orders-list__item ul li p,
.personal-cabinet-section .orders-list__item ul li span,
.personal-cabinet-section .orders-list__item ul li a {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .orders-list__item ul li p,
.personal-cabinet-section .orders-list__item ul li span,
.personal-cabinet-section .orders-list__item ul li a {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li p,
.personal-cabinet-section .orders-list__item ul li span,
.personal-cabinet-section .orders-list__item ul li a {
font-size: 3.7333vw; } }
.personal-cabinet-section .orders-list__item ul li p.status,
.personal-cabinet-section .orders-list__item ul li span.status,
.personal-cabinet-section .orders-list__item ul li a.status {
color: #6D7986; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li p.status,
.personal-cabinet-section .orders-list__item ul li span.status,
.personal-cabinet-section .orders-list__item ul li a.status {
display: inline-block;
margin-bottom: 1.4vw; } }
.personal-cabinet-section .orders-list__item ul li p.pay-success,
.personal-cabinet-section .orders-list__item ul li span.pay-success,
.personal-cabinet-section .orders-list__item ul li a.pay-success {
font-weight: 600;
color: #2FC26E; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li p.pay-success,
.personal-cabinet-section .orders-list__item ul li span.pay-success,
.personal-cabinet-section .orders-list__item ul li a.pay-success {
display: inline-block;
margin-bottom: 1.4vw; } }
.personal-cabinet-section .orders-list__item ul li p.declined,
.personal-cabinet-section .orders-list__item ul li span.declined,
.personal-cabinet-section .orders-list__item ul li a.declined {
color: #FF5C5C;
font-weight: 600; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li p.declined,
.personal-cabinet-section .orders-list__item ul li span.declined,
.personal-cabinet-section .orders-list__item ul li a.declined {
display: inline-block;
margin-bottom: 1.4vw; } }
.personal-cabinet-section .orders-list__item ul li a {
text-decoration: underline; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul li a {
margin-top: 4vw; } }
.personal-cabinet-section .orders-list__item ul li a.active {
color: #3A0B84; }
.personal-cabinet-section .orders-list__item ul li a:hover {
color: #3A0B84; }
.personal-cabinet-section .orders-list__item ul li .strong {
font-weight: 600; }
.personal-cabinet-section .orders-list__item ul li:nth-child(1) .strong, .personal-cabinet-section .orders-list__item ul li:nth-child(4) .strong {
font-weight: 600; }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul:nth-child(1) {
display: none; } }
@media (min-width: 575px) {
.personal-cabinet-section .orders-list__item ul:nth-child(2) {
display: none; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item ul:nth-child(2) {
width: 100%;
margin-top: 3.2667vw; } }
@media (min-width: 575px) {
.personal-cabinet-section .orders-list__item .order-title {
display: none; } }
@media (max-width: 574px) {
.personal-cabinet-section .orders-list__item .order-title {
margin-bottom: 1.1vw; } }
.personal-cabinet-section .orders-list__item .order-title span {
font-size: 2.9333vw;
color: #6D7986; }
@media (min-width: 1441px) {
.personal-cabinet-section .orders-list__item .order-title span {
font-size: 42.24px; } }
.personal-cabinet-section .show-order-block {
width: 59.1667vw;
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px;
padding: 1.6667vw 1.6667vw 0 1.6667vw;
position: relative; }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block {
width: 852px;
padding: 24px 24px 0 24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block {
width: 38.6vw;
padding: 2vw 3vw 0 2.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block {
width: 100%;
padding: 4.1vw 3.6667vw 0 3.6667vw; } }
.personal-cabinet-section .show-order-block .row {
display: flex; }
.personal-cabinet-section .show-order-block .row__text-item {
transition: 0.5s;
position: absolute; }
.personal-cabinet-section .show-order-block .row__text-item.edit {
right: 4vw;
top: 2.8vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block .row__text-item.edit {
right: 57.6px;
top: 40.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block .row__text-item.edit {
right: 4vw;
top: 2.8vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block .row__text-item.edit {
right: 9vw;
top: 6.8vw; } }
.personal-cabinet-section .show-order-block .row__text-item.edit:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit.svg);
background-size: auto;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block .row__text-item.edit:before {
width: 28px;
height: 28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block .row__text-item.edit:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block .row__text-item.edit:before {
left: -1.3vw;
top: 50%;
transform: translateY(-55%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.personal-cabinet-section .show-order-block__header {
margin-bottom: 1.5vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block__header {
margin-bottom: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block__header {
margin-bottom: 0.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block__header {
margin-bottom: 6.5vw; } }
.personal-cabinet-section .show-order-block__header .title {
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block__header .title {
font-size: 22px;
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block__header .title {
font-size: 1.8425vw;
margin-bottom: 0.3vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block__header .title {
font-size: 5.8667vw;
margin-bottom: 1.1vw;
width: 71vw; } }
.personal-cabinet-section .show-order-block__header .status {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #6D7986; }
@media (min-width: 1441px) {
.personal-cabinet-section .show-order-block__header .status {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .show-order-block__header .status {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .show-order-block__header .status {
font-size: 3.7333vw; } }
.personal-cabinet-section .show-order-block__content {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.personal-cabinet-section .block-title {
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.personal-cabinet-section .block-title {
font-size: 24px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .block-title {
font-size: 2.0101vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .block-title {
font-size: 4.8000vw;
margin-bottom: 1.5vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .order-info {
order: 2; } }
@media (max-width: 574px) {
.personal-cabinet-section .order-info {
width: 100%;
order: 2; } }
.personal-cabinet-section .delivery-info {
width: 22.9167vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .delivery-info {
width: 330px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .delivery-info {
width: 28.4vw;
order: 1;
margin-bottom: 1.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .delivery-info {
width: 100%;
order: 1;
margin-bottom: 6.7vw; } }
.personal-cabinet-section .delivery-info .block-title {
margin-bottom: 1.5vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .delivery-info .block-title {
margin-bottom: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .delivery-info .block-title {
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .delivery-info .block-title {
margin-bottom: 4.5vw; } }
.personal-cabinet-section .delivery-info__block .wrapper {
margin-bottom: 1.2vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .delivery-info__block .wrapper {
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .delivery-info__block .wrapper {
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .delivery-info__block .wrapper {
margin-bottom: 4.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .delivery-info__block .wrapper:last-child {
margin-bottom: 0; } }
.personal-cabinet-section .prompt {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #6D7986;
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .prompt {
font-size: 14px;
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .prompt {
font-size: 1.1725vw;
margin-bottom: 0.3vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .prompt {
font-size: 2.9333vw;
margin-bottom: 1.3vw; } }
.personal-cabinet-section .contact-info-text {
font-size: 1.2500vw;
line-height: 100%;
letter-spacing: 0.014em;
color: #0B1F35; }
@media (min-width: 1441px) {
.personal-cabinet-section .contact-info-text {
font-size: 18px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .contact-info-text {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .contact-info-text {
font-size: 3.7333vw;
line-height: 137%; } }
.personal-cabinet-section .addresses-block {
display: flex; }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block {
flex-wrap: wrap; } }
.personal-cabinet-section .addresses-block .delivery-info__block {
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px;
padding: 1.6667vw 1.1111vw 0.8vw 1.1111vw;
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .delivery-info__block {
padding: 24px 16px 11.52px 16px;
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .delivery-info__block {
padding: 2.1vw 1.1111vw 0.8vw 1.34vw;
margin-bottom: 1.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .delivery-info__block {
padding: 6.4000vw 1.1111vw 0.8vw 4.2667vw;
margin-bottom: 6.5vw; } }
.personal-cabinet-section .addresses-block .delivery-info__block .wrapper {
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .delivery-info__block .wrapper {
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .delivery-info__block .wrapper {
margin-bottom: 1.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .delivery-info__block .wrapper {
margin-bottom: 3.9vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .block-title {
font-size: 6.4000vw;
margin-bottom: 6.3vw; } }
.personal-cabinet-section .addresses-block .delivery-info {
width: 24.9167vw;
margin-right: 2.3vw;
position: relative; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .delivery-info {
width: 358.8px;
margin-right: 33.12px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .delivery-info {
width: 26.2vw;
margin-right: 5.8vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .delivery-info {
width: 100%;
margin-right: 0; } }
.personal-cabinet-section .addresses-block .delivery-info .row {
display: flex; }
.personal-cabinet-section .addresses-block .delivery-info .row__text-item {
transition: 0.5s;
position: absolute; }
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit {
right: 3vw;
top: 5.8vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit {
right: 43.2px;
top: 83.52px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit {
right: 4vw;
top: 6.8vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit {
right: 9vw;
top: 22.8vw; } }
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%); }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit:before {
width: 28px;
height: 28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit:before {
width: 2.4vw;
height: 2.4vw;
left: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .delivery-info .row__text-item.edit:before {
left: -1.3vw;
top: 50%;
transform: translateY(-55%);
width: 5.9444vw;
height: 5.9444vw;
background-size: cover; } }
.personal-cabinet-section .addresses-block .contact-info-text {
line-height: 1.571428571428571em; }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .contact-info-text {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .contact-info-text {
font-size: 4.2667vw; } }
.personal-cabinet-section .addresses-block .prompt {
margin-bottom: 0.3vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .prompt {
margin-bottom: 4.32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .prompt {
margin-bottom: 0.24vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .prompt {
margin-bottom: 1vw;
font-size: 3.7333vw; } }
.personal-cabinet-section .addresses-block .btn {
font-weight: 600;
font-size: 0.9722vw;
width: 11.3vw;
margin-left: auto; }
@media (min-width: 1441px) {
.personal-cabinet-section .addresses-block .btn {
font-size: 14px;
width: 162.72px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .addresses-block .btn {
font-size: 1.1725vw;
width: 13.6vw;
min-height: 3.5vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .addresses-block .btn {
font-size: 3.7333vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 6.5vw;
min-height: 10.9861vw; } }
.personal-cabinet-section .edit-info-block {
background: #FFFFFF;
box-shadow: 0px 4px 30px rgba(109, 121, 134, 0.15);
border-radius: 8px;
width: 54.67vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .edit-info-block {
width: 787.25px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block {
width: 59.67vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .edit-info-block {
width: 100%; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block .form {
padding: 2.6801vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .edit-info-block .form {
padding: 4.1111vw 4vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block .inputs-row-wrapper .input-wrapper {
width: 48%; } }
.personal-cabinet-section .edit-info-block .inputs-col-wrapper {
width: 24vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .edit-info-block .inputs-col-wrapper {
width: 345.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block .inputs-col-wrapper {
width: 26vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .edit-info-block .inputs-col-wrapper {
width: 100%; } }
.personal-cabinet-section .edit-info-block .form-title {
text-align: start; }
.personal-cabinet-section .edit-info-block .inputs-wrapper {
margin-bottom: 1.2vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .edit-info-block .inputs-wrapper {
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block .inputs-wrapper {
margin-bottom: 1.2vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .edit-info-block .inputs-wrapper {
margin-bottom: 1.2vw; } }
.personal-cabinet-section .edit-info-block .btn {
font-weight: 600;
font-size: 0.9722vw;
width: 14vw;
margin-top: 1vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .edit-info-block .btn {
font-size: 14px;
width: 201.6px;
margin-top: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .edit-info-block .btn {
font-size: 1.1725vw;
width: 17vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .edit-info-block .btn {
font-size: 3.9722vw;
width: 100%; } }
.personal-cabinet-section .subscription-block {
padding: 0 2vw;
display: flex;
flex-direction: column; }
@media (min-width: 1441px) {
.personal-cabinet-section .subscription-block {
padding: 0 28.8px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .subscription-block {
padding: 0; } }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block {
padding: 0; } }
.personal-cabinet-section .subscription-block .subs-text-wrapper {
display: flex;
flex-direction: column; }
.personal-cabinet-section .subscription-block .subs-text {
font-size: 1.1111vw;
line-height: 1.375em;
letter-spacing: 0.02em;
color: #0B1F35;
display: inline-block; }
@media (min-width: 1441px) {
.personal-cabinet-section .subscription-block .subs-text {
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .subscription-block .subs-text {
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block .subs-text {
font-size: 4.2667vw;
width: 92%; } }
.personal-cabinet-section .subscription-block .subs-text:last-child {
margin-bottom: 1.2vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .subscription-block .subs-text:last-child {
margin-bottom: 17.28px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .subscription-block .subs-text:last-child {
margin-bottom: 1.4vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block .subs-text:last-child {
margin-bottom: 4.4vw; } }
.personal-cabinet-section .subscription-block .check {
padding-left: 3em; }
.personal-cabinet-section .subscription-block .check.option {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .subscription-block .check.option {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.personal-cabinet-section .subscription-block .check.option {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block .check.option {
font-size: 3.7333vw;
padding-right: 15vw; } }
.personal-cabinet-section .subscription-block .check__box {
width: 1.5em;
height: 1.5em;
margin-left: -2.8em; }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block .check__box {
top: 0.2em; } }
.personal-cabinet-section .subscription-block .check svg {
top: 0.26vw;
left: 0.23vw; }
@media (min-width: 1441px) {
.personal-cabinet-section .subscription-block .check svg {
top: 3.74px;
left: 3.31px; } }
@media (max-width: 574px) {
.personal-cabinet-section .subscription-block .check svg {
top: 1vw;
left: 1vw;
width: 0.9em;
height: 0.9em; } }
.login-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 16.9vw; }
@media (min-width: 1441px) {
.login-section .section-inner {
padding-top: 31.68px;
padding-bottom: 243.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6vw; } }
@media (max-width: 574px) {
.login-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 32.6vw; } }
.login-section .breadcrumbs {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.login-section .breadcrumbs {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .breadcrumbs {
margin-bottom: 1.8vw; } }
@media (max-width: 574px) {
.login-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.login-section .form {
box-shadow: none;
width: 24.0278vw;
padding: 0;
background-color: transparent;
margin-bottom: 4.4vw; }
@media (min-width: 1441px) {
.login-section .form {
width: 346px;
margin-bottom: 63.36px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .form {
width: 28.9782vw;
margin-bottom: 5.4vw; } }
@media (max-width: 574px) {
.login-section .form {
width: 92vw;
margin-bottom: 8vw; } }
.login-section .form-block {
margin: 0 auto; }
.login-section .form-title {
font-weight: bold;
font-size: 2.6389vw;
line-height: 1.368421052631579em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 1.7vw; }
@media (min-width: 1441px) {
.login-section .form-title {
font-size: 38px;
margin-bottom: 24.48px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .form-title {
font-size: 3.1826vw; } }
@media (max-width: 574px) {
.login-section .form-title {
font-size: 5.8667vw;
margin-bottom: 8.7vw; } }
.login-section .form .btn {
width: 100%; }
.login-section .register-link-block {
width: 24.0278vw;
margin: 0 auto; }
@media (min-width: 1441px) {
.login-section .register-link-block {
width: 346px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .register-link-block {
width: 28.9782vw; } }
@media (max-width: 574px) {
.login-section .register-link-block {
width: 100%; } }
.login-section .register-link-block span,
.login-section .register-link-block p {
font-weight: 400;
font-size: 0.9722vw;
line-height: 1.357142857142857em;
text-align: center;
letter-spacing: 0.014em;
color: #3D414F;
display: inline-block;
margin-bottom: 1vw; }
@media (min-width: 1441px) {
.login-section .register-link-block span,
.login-section .register-link-block p {
font-size: 14px;
margin-bottom: 14.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .register-link-block span,
.login-section .register-link-block p {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.login-section .register-link-block span,
.login-section .register-link-block p {
font-size: 3.7333vw;
margin-bottom: 4vw; } }
.login-section .register-link-block .register-pass-link {
min-height: 3.5vw;
font-size: 1.1111vw; }
@media (min-width: 1441px) {
.login-section .register-link-block .register-pass-link {
min-height: 50.4px;
font-size: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.login-section .register-link-block .register-pass-link {
font-size: 1.3400vw;
min-height: 4.5vw; } }
@media (max-width: 574px) {
.login-section .register-link-block .register-pass-link {
font-size: 4.2667vw;
min-height: 13.5vw; } }
.reg-completed-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 12.9vw; }
@media (min-width: 1441px) {
.reg-completed-section .section-inner {
padding-top: 31.68px;
padding-bottom: 185.76px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6vw; } }
@media (max-width: 574px) {
.reg-completed-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 32.6vw; } }
.reg-completed-section .breadcrumbs {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.reg-completed-section .breadcrumbs {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .breadcrumbs {
margin-bottom: 1.8vw; } }
@media (max-width: 574px) {
.reg-completed-section .breadcrumbs {
margin-bottom: 5.4vw; } }
.reg-completed-section .reg-completed-text {
font-weight: 600;
font-size: 1.2500vw;
line-height: 1.388888888888889em;
text-align: center;
letter-spacing: 0.014em;
margin: 0 auto;
margin-bottom: 2.2vw; }
@media (min-width: 1441px) {
.reg-completed-section .reg-completed-text {
font-size: 18px;
margin-bottom: 31.68px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .reg-completed-text {
font-size: 1.5075vw; } }
@media (max-width: 574px) {
.reg-completed-section .reg-completed-text {
font-size: 5.8667vw;
margin-bottom: 8.2vw; } }
.reg-completed-section .btn {
width: 24.0278vw;
padding: 0 2vw;
margin: 0 auto;
min-height: 3.3333vw;
margin-bottom: 1.1vw; }
@media (min-width: 1441px) {
.reg-completed-section .btn {
width: 346px;
min-height: 48px;
margin-bottom: 15.84px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .btn {
width: 28.9782vw;
font-size: 1.3400vw;
min-height: 4.3333vw; } }
@media (max-width: 574px) {
.reg-completed-section .btn {
width: 100%;
font-size: 4.2667vw;
min-height: 13.3333vw;
margin-bottom: 4.1vw; } }
.reg-completed-section .reg-completed-block {
padding-top: 5vw; }
@media (min-width: 1441px) {
.reg-completed-section .reg-completed-block {
padding-top: 72px; } }
.reg-completed-section .contacts-card {
flex-direction: column;
display: flex;
width: 24.0278vw;
margin: 0 auto; }
@media (min-width: 1441px) {
.reg-completed-section .contacts-card {
width: 346px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contacts-card {
width: 28.9782vw; } }
@media (max-width: 574px) {
.reg-completed-section .contacts-card {
width: 100%; } }
.reg-completed-section .contacts-title {
font-weight: normal;
font-size: 1.5278vw;
line-height: 1em;
letter-spacing: 0.015em;
margin-bottom: 0.3vw;
font-weight: 700;
position: relative;
margin-top: 1.5vw; }
@media (min-width: 1441px) {
.reg-completed-section .contacts-title {
font-size: 22px;
margin-bottom: 4.32px;
margin-top: 21.6px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contacts-title {
margin-bottom: 0.4vw;
font-size: 1.8425vw; } }
@media (max-width: 574px) {
.reg-completed-section .contacts-title {
font-size: 5.8667vw;
margin-bottom: 1.3611vw;
margin-top: 4.5vw; } }
.reg-completed-section .contacts-subtitle {
font-size: 1.1111vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
margin-bottom: 0.9vw; }
@media (min-width: 1441px) {
.reg-completed-section .contacts-subtitle {
font-size: 16px;
margin-bottom: 12.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contacts-subtitle {
margin-bottom: 1.3vw;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.reg-completed-section .contacts-subtitle {
margin-bottom: 4.7vw;
font-size: 4.2667vw; } }
.reg-completed-section .contact-link {
margin-bottom: 1.5972vw;
font-size: 1.1111vw;
line-height: 1.277777777777778em;
letter-spacing: 0.03em;
color: #000000;
padding-left: 2.7vw; }
@media (min-width: 1441px) {
.reg-completed-section .contact-link {
margin-bottom: 23px;
font-size: 16px;
padding-left: 38.88px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contact-link {
padding-left: 3.1944vw;
letter-spacing: 0.03em;
margin-bottom: 1.5vw;
font-size: 1.3400vw; } }
@media (max-width: 574px) {
.reg-completed-section .contact-link {
font-weight: 500;
letter-spacing: 0.04em;
margin-bottom: 4.7vw;
font-size: 4.2667vw;
padding-left: 10.4vw; } }
.reg-completed-section .contact-link.phone:before {
position: absolute;
content: '';
width: 1.7361vw;
height: 1.7361vw;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/phone-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.1389vw;
left: 0.1389vw; }
@media (min-width: 1441px) {
.reg-completed-section .contact-link.phone:before {
width: 25px;
height: 25px;
top: -2px;
left: 2px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contact-link.phone:before {
width: 1.6vw;
height: 1.6vw;
top: -0.1vw; } }
@media (max-width: 574px) {
.reg-completed-section .contact-link.phone:before {
width: 5.6vw;
height: 5.6vw;
top: -0.5389vw; } }
.reg-completed-section .contact-link.email:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/email-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: 0.4vw;
width: 1.87vw;
height: 1.15vw;
left: 0vw; }
@media (min-width: 1441px) {
.reg-completed-section .contact-link.email:before {
top: 5.76px;
width: 26.93px;
height: 16.56px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contact-link.email:before {
width: 2vw;
height: 1.24vw;
top: 0.3611vw; } }
@media (max-width: 574px) {
.reg-completed-section .contact-link.email:before {
width: 6.9vw;
height: 4.3vw;
top: 0.5611vw; } }
@media (max-width: 574px) {
.reg-completed-section .contact-link.map {
font-weight: 400;
padding-left: 10vw;
letter-spacing: 0.019em; } }
.reg-completed-section .contact-link.map:before {
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/location-grey.svg);
background-repeat: no-repeat;
background-size: cover;
top: -0.2vw;
left: 0.15vw;
width: 1.24vw;
height: 1.8vw; }
@media (min-width: 1441px) {
.reg-completed-section .contact-link.map:before {
top: -2.88px;
left: 2.16px;
width: 17.86px;
height: 25.92px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.reg-completed-section .contact-link.map:before {
width: 1.5vw;
height: 2.1vw; } }
@media (max-width: 574px) {
.reg-completed-section .contact-link.map:before {
width: 4.2vw;
height: 5.6vw;
top: -0.5vw;
left: 0.9vw; } }
.reg-completed-section .contact-link:last-child {
margin-bottom: 0; }
.registration-section .section-inner {
flex-direction: column;
padding-top: 2.2vw;
padding-bottom: 5.9vw; }
@media (min-width: 1441px) {
.registration-section .section-inner {
padding-top: 31.68px;
padding-bottom: 84.96px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 6vw; } }
@media (max-width: 574px) {
.registration-section .section-inner {
padding-top: 2.7vw;
padding-bottom: 21.6vw; } }
.registration-section .section-title {
margin-bottom: 2.5vw;
font-size: 2.2222vw; }
@media (min-width: 1441px) {
.registration-section .section-title {
margin-bottom: 36px;
font-size: 32px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .section-title {
margin-bottom: 3vw;
font-size: 2.6801vw; } }
@media (max-width: 574px) {
.registration-section .section-title {
margin-left: 0;
font-size: 5.8667vw;
text-align: center;
margin-bottom: 9.3vw; } }
.registration-section .breadcrumbs {
margin-bottom: 1.4vw; }
@media (min-width: 1441px) {
.registration-section .breadcrumbs {
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .breadcrumbs {
margin-bottom: 1.8vw; } }
@media (max-width: 574px) {
.registration-section .breadcrumbs {
margin-bottom: 12.7vw; } }
.registration-section .form {
box-shadow: none;
padding: 0;
width: 45.5556vw;
margin-bottom: 1.4vw;
background-color: transparent; }
@media (min-width: 1441px) {
.registration-section .form {
width: 656px;
margin-bottom: 20.16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .form {
width: 54.9414vw;
margin-bottom: 2.2vw; } }
@media (max-width: 574px) {
.registration-section .form {
width: 100%;
margin-bottom: 8.4vw; } }
.registration-section .form .select-title {
font-weight: 400;
font-size: 0.9722vw;
color: #6D7986; }
@media (min-width: 1441px) {
.registration-section .form .select-title {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .form .select-title {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.registration-section .form .select-title {
font-size: 3.7333vw; } }
.registration-section .form .custom-select {
width: 21.8vw;
box-shadow: none;
margin-bottom: 1.1111vw; }
@media (min-width: 1441px) {
.registration-section .form .custom-select {
width: 313.92px;
margin-bottom: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .form .custom-select {
width: 26.3vw; } }
@media (max-width: 574px) {
.registration-section .form .custom-select {
width: 100%; } }
.registration-section .form input,
.registration-section .form textarea {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input,
.registration-section .form textarea {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input,
.registration-section .form textarea {
font-size: 3.7333vw; } }
.registration-section .form input::-webkit-input-placeholder,
.registration-section .form textarea::-webkit-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input::-webkit-input-placeholder,
.registration-section .form textarea::-webkit-input-placeholder {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input::-webkit-input-placeholder,
.registration-section .form textarea::-webkit-input-placeholder {
font-size: 3.7333vw; } }
.registration-section .form input::-moz-placeholder,
.registration-section .form textarea::-moz-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input::-moz-placeholder,
.registration-section .form textarea::-moz-placeholder {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input::-moz-placeholder,
.registration-section .form textarea::-moz-placeholder {
font-size: 3.7333vw; } }
.registration-section .form input:-ms-input-placeholder,
.registration-section .form textarea:-ms-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input:-ms-input-placeholder,
.registration-section .form textarea:-ms-input-placeholder {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input:-ms-input-placeholder,
.registration-section .form textarea:-ms-input-placeholder {
font-size: 3.7333vw; } }
.registration-section .form input::-ms-input-placeholder,
.registration-section .form textarea::-ms-input-placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input::-ms-input-placeholder,
.registration-section .form textarea::-ms-input-placeholder {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input::-ms-input-placeholder,
.registration-section .form textarea::-ms-input-placeholder {
font-size: 3.7333vw; } }
.registration-section .form input::-moz-placeholder, .registration-section .form textarea::-moz-placeholder {
font-size: 0.9722vw; }
.registration-section .form input:-ms-input-placeholder, .registration-section .form textarea:-ms-input-placeholder {
font-size: 0.9722vw; }
.registration-section .form input::placeholder,
.registration-section .form textarea::placeholder {
font-size: 0.9722vw; }
@media (min-width: 1441px) {
.registration-section .form input::-moz-placeholder, .registration-section .form textarea::-moz-placeholder {
font-size: 14px; }
.registration-section .form input:-ms-input-placeholder, .registration-section .form textarea:-ms-input-placeholder {
font-size: 14px; }
.registration-section .form input::placeholder,
.registration-section .form textarea::placeholder {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form input::-moz-placeholder, .registration-section .form textarea::-moz-placeholder {
font-size: 3.7333vw; }
.registration-section .form input:-ms-input-placeholder, .registration-section .form textarea:-ms-input-placeholder {
font-size: 3.7333vw; }
.registration-section .form input::placeholder,
.registration-section .form textarea::placeholder {
font-size: 3.7333vw; } }
.registration-section .form .select-items div,
.registration-section .form .select-selected {
font-size: 0.9722vw;
background: #F3F4F5;
color: #000000; }
@media (min-width: 1441px) {
.registration-section .form .select-items div,
.registration-section .form .select-selected {
font-size: 14px; } }
@media (max-width: 574px) {
.registration-section .form .select-items div,
.registration-section .form .select-selected {
font-size: 3.7333vw; } }
.registration-section .form .check.option {
width: 30vw;
margin-bottom: 1.7em; }
@media (min-width: 1441px) {
.registration-section .form .check.option {
width: 432px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .form .check.option {
width: 36vw; } }
@media (max-width: 574px) {
.registration-section .form .check.option {
width: 100%; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .form .inputs-row-wrapper .input-wrapper {
width: 48%; } }
.registration-section .btn {
width: 21.6667vw;
min-height: 3.5vw; }
@media (min-width: 1441px) {
.registration-section .btn {
width: 312px;
min-height: 50.4px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .btn {
width: 26vw;
min-height: 4.5vw; } }
@media (max-width: 574px) {
.registration-section .btn {
width: 100%;
min-height: 12.5vw; } }
.registration-section .acc-login-block {
display: flex;
flex-direction: column; }
.registration-section .acc-login-block .acc-login-text {
font-size: 0.9722vw;
line-height: 1.357142857142857em;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 1.6vw; }
@media (min-width: 1441px) {
.registration-section .acc-login-block .acc-login-text {
font-size: 14px;
margin-bottom: 23.04px; } }
@media (min-width: 575px) and (max-width: 1200px) {
.registration-section .acc-login-block .acc-login-text {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
.registration-section .acc-login-block .acc-login-text {
font-size: 3.7333vw;
margin-bottom: 6.6vw; } }
#window {
width: 50vw;
height: 95%;
margin: 25px auto;
z-index: 150;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
border-radius: 8px;
overflow-y: scroll; }
@media (min-width: 1441px) {
#window {
width: 720px; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window {
width: 60.3015vw; } }
@media (max-width: 574px) {
#window {
width: 90vw;
height: 90%; } }
#window .form {
width: 100%;
overflow-y: scroll; }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form {
padding: 2.6801vw; } }
@media (max-width: 574px) {
#window .form {
padding: 4.2667vw 4.2667vw 7.2667vw 4.2667vw; } }
#window .form-title {
text-align: start; }
#window .form .select-title {
font-size: 0.9722vw;
font-weight: 400; }
@media (min-width: 1441px) {
#window .form .select-title {
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form .select-title {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input::-webkit-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input::-moz-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input:-ms-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input::-ms-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form input::-moz-placeholder {
font-size: 1.1725vw; }
#window .form input:-ms-input-placeholder {
font-size: 1.1725vw; }
#window .form input::placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea::-webkit-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea::-moz-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea:-ms-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea::-ms-input-placeholder {
font-size: 1.1725vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form textarea::-moz-placeholder {
font-size: 1.1725vw; }
#window .form textarea:-ms-input-placeholder {
font-size: 1.1725vw; }
#window .form textarea::placeholder {
font-size: 1.1725vw; } }
#window .form .custom-select {
width: 21.8vw;
margin-bottom: 1.1111vw; }
@media (min-width: 1441px) {
#window .form .custom-select {
width: 313.92px;
margin-bottom: 16px; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form .custom-select {
width: 26.1vw; } }
@media (max-width: 574px) {
#window .form .custom-select {
width: 100%; } }
#window .form .select-selected {
background-color: #F6F6F6; }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form .select-selected {
font-size: 1.1725vw; } }
@media (max-width: 574px) {
#window .form .select-selected {
font-size: 3.4667vw; } }
#window .form .select-items div,
#window .form .select-selected {
color: #0B1F35; }
#window .form .btn {
padding: 0 1.6667vw;
font-size: 0.9722vw; }
@media (min-width: 1441px) {
#window .form .btn {
padding: 0 24px;
font-size: 14px; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form .btn {
font-size: 1.1725vw;
padding: 0 2.0101vw;
min-height: 2.9861vw; } }
@media (max-width: 574px) {
#window .form .btn {
font-size: 3.7333vw;
padding: 0 6.4000vw; } }
@media (min-width: 575px) and (max-width: 1200px) {
#window .form .inputs-row-wrapper .input-wrapper {
width: 48%; } }
.close-modal {
cursor: pointer; }
@media (min-width: 575px) {
.close-modal {
display: none; } }
@media (max-width: 574px) {
.close-modal {
width: 7vw;
height: 7vw;
margin-left: auto;
margin-right: 3vw; } }
#gray {
opacity: 0.8;
padding: 15px;
background-color: rgba(1, 1, 1, 0.75);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 100;
overflow: auto; }
.slick-slide {
min-height: 0px; }
.tabs_nav ul li{
list-style-type: none;
}
.tabs_nav ul{
display: flex;
justify-content: space-around;
}
.tabs_content .tabs_item{
padding: 20px;
min-height: 250px;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 500px;
overflow-y: scroll;
z-index: -1;
}
.tabs_content .tabs__item {
padding: 20px 0;
min-height: 250px;
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 500px;
overflow-y: scroll; display: none;
}
.woocommerce-tabs .tabs_content .tabs__item {
padding: 20px;
}
.tabs_content{
position: relative;
}
.tabs__item,
.tabs__item:target ~ .tabs__item:last-of-type{
display:none;
}
#first-tab:target ~ .tabs_nav a[href="#first-tab"]{
background-color: #3a0b84 !important;
color: #ffffff !important;
}
.tabs__item:target,
.tabs__item:last-of-type{
display:block;
}
.usefull-section{
height: 750px;
padding-bottom: 30px;
}
.usefull-section .section-inner{
height: 100%;
}
.tabs.woocommerce-tabs{
min-height: 500px;
}
.tabs.woocommerce-tabs .tabs_content .tabs__item{
height: 350px;
}
.tabs.woocommerce-tabs .tabs_nav ul{
justify-content: flex-start;
}
.tabs.woocommerce-tabs .tabs_nav ul li{
margin-left: 10px;
}
.usefull-section .tabs_nav ul{
justify-content: flex-start;
}
@media screen and (max-width: 768px) {
.usefull-section .tabs-btn {
font-size: 14px;
height: 36px;
}
.usefull-section .blog-inner {
width: 100%;
}
.usefull-section .tabs-content__item p {
width: auto;
font-size: 15px;
}
.usefull-section .tabs_nav ul {
flex-wrap: wrap;
}
.usefull-section .tabs_content .tabs__item {
width: 96.5vw;
padding: 0;
}
.usefull-section .tabs-content__item p, .usefull-section .tabs-content__item span, .usefull-section .tabs-content__item li{
width: auto;
font-size: 15px;
}
.tabs.woocommerce-tabs .tabs_nav ul{
flex-wrap: wrap;
}
.tabs.woocommerce-tabs .tabs-content__item p, .tabs.woocommerce-tabs .tabs-content__item span, .tabs.woocommerce-tabs .tabs-content__item li{
width: auto;
font-size: 15px;
}
}
.usefull-section .tabs-btn{
font-weight: 700;
} .top-header-inner #selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{
height: fit-content;
}
.top-header-inner  #selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height: 1;
}
.top-header-inner .select2-container--default{
height: 100%;
}
.cart.card-custom-block .pewc-radio-images-wrapper{
justify-content: flex-start;
}.woocommerce-message::before{
display: none !important;
}
::-webkit-scrollbar {
width: 10px;
}
.tabs_content h2{
font-size: 1.25em;
}
@media (max-width: 768px) {
header.header.sticky {
padding: 0 0 86px 0;
}
header.header.sticky .section-inner {
width: 100vw;
background: #fff;
box-shadow: 0 4px 10px #00000014;
padding: 3vw 3vw 0 3vw;
position: fixed;
top: 0;
left: 0;
z-index: 3;
}
iframe[title="chat widget"].inited {
filter: opacity(0) !important;
}
.header.sticky .aws-container .aws-search-form {
width: calc(100% - 20px);
margin: 0 10px;
}
.header.sticky .section-inner.show-search {
background: #a2a2a2;
}
}
.section-inner.show-search + .section-inner-header-scroll.fixed-navbar {
background: #a2a2a2;
}
.section-inner.show-search + .section-inner-header-scroll.fixed-navbar .account-link {
opacity: 0.5;
}
.faq-section-subtitle h3 {
font-size: 24px;
margin: 30px 0;
}
.faq-section-subtitle table.aligncenter {
font-weight: 600;
text-align: center;
}
.faq-section-subtitle table.aligncenter td {
padding: 10px;
}
.faq-section-subtitle table.aligncenter.bullets tbody td:not(:first-child) {
font-size: 64px;
color: #E51368;
font-weight: 700;
padding-bottom: 10px;
}
.show-cats-btn-mobile{
display: none;
}
.section-inner-header-scroll{
z-index: 99;
position: fixed;
top: -100px;
left: 0;
width: 100%;
background: #fff;
transition: 0.5s;
}
.section-inner-header-scroll.fixed-navbar{
top: 0;
transition: 0.5s;
box-shadow: 0px 4px 19px -6px rgba(34, 60, 80, 0.2);
}
.section-inner-header-scroll .wrapper.main-row {
margin-bottom: 15.92px;
} ::-webkit-scrollbar-track {
background: none;
}
.categories-section .categories-sort.form .select-items{
left: 0;
}
.categories-section .categories-sort.form .select-items div, .categories-section .categories-sort.form .select-selected{
white-space: nowrap;
}
.post-next-prev-buttons-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
}
.product_type_variable.btn.bg-brand1{
display: none !important;
} ::-webkit-scrollbar-thumb {
background: #0C1F85;
height: 32px;
border-radius: 4px;
}
.main-content-category{
margin-top: 50px;
max-width: 864px;
}
.main-content-category ul{
padding-left: 20px;
}
.main-content-category ul li{
position: relative;
}
.main-content-category ul li:after{
position: absolute;
content: '';
background-color: #6d7986;
width: 2px;
height: 2px;
left: -10px;
border-radius: 50%;
top: 50%;
transform: translateY(50%);
} ::-webkit-scrollbar-thumb:hover {
background: #0a1a70;
}
.breadcrumbs__item:last-child:before{
display: none;
}
.page-numbers li{
display: inline-block;
}
.woocommerce-pagination a.page-numbers,
a.page-numbers{
padding: 5px 7px;
border-radius: 4px;
margin: 0 3px;
color: #000;
}
.page-numbers.current, .woocommerce-pagination span.page-numbers.current{
padding: 5px 10px;
border-radius: 4px;
margin: 0 3px;
color: #fff;
background: #E51368;
border: 1px solid #E51368;
line-height: 28px;
}
.woocommerce-pagination{
margin-top: 20px;
}
.card-section .section-inner-wrap .card .price{
position: relative;
}
.card-section .section-inner-wrap .card .availability .discount-price{
right: -70px;
font-size: 20px;
}
input.counter::-webkit-outer-spin-button,
input.counter::-webkit-inner-spin-button {
display: none;
}
input.counter{
border: none;
width: 43px;
-moz-appearance:textfield;
}
.counter-block-img{
cursor: pointer;
}
a.product_type_simple{
display: none;
}
.woocommerce-error{
background: #FFEAEA;
border: 1px solid #FF5C5C;
box-sizing: border-box;
border-radius: 4px;
padding: 6px 15px;
margin-bottom: 22px;
}
.woocommerce-error li{
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.014em;
color: #FF5C5C;
margin: 5px 0;
}
.woocommerce-message{
background: #E6F5E9;
border: 1px solid #2FC26E;
box-sizing: border-box;
border-radius: 4px;
padding: 6px 15px;
margin-bottom: 22px;
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.014em;
color: #000;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 14px;
color: #0B1F35;
padding: 0 16px;
}
.select2-container--default .select2-selection--single{
background-color: #F6F6F6;
border: none;
min-height: 54px;
display: flex;
justify-content: center;
flex-direction: column;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
height: 54px;
}
.select2-container--open .select2-dropdown--below{
border: none;
box-shadow: 0px 8px 10px rgba(109, 121, 134, 0.1);
}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true]{
background-color: #F6F6F6;
color: #0B1F35;
}
.select2-results__option{
color: #6D7986;
padding:0 0.6vw !important;
line-height:50px;
font-size: 1.3400vw;
}
.select2-results__option:hover{
background-color: #F6F6F6;
}
.select2-container--default .select2-results__option--selected {
background-color: #ddd;
color: #000;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
border: none;
padding: 0 16px;
height: 44px;
background-color: #F6F6F6;
}
.select2-search--dropdown{
padding: 1.1vw 0.6vw;
}
.select2-container--open .select2-dropdown--above{
border: none;
box-shadow: 0px 8px 10px rgba(109, 121, 134, 0.1);
}
.ordering-section textarea{
resize: none;
}
#ship-to-different-address{
margin-bottom: 15.84px;
}
.big-checkboxes-wrapper .check.option:last-child{
margin-bottom: 0;
}
.big-checkboxes-wrapper .check.option{
font-size: 14px;
margin-bottom: 2.15em;
}
.big-checkboxes-wrapper .check svg {
top: 6.18px;
left: 6.1px;
}
input.shipping_method[type=hidden] + span{
display: none;
}
.big-checkboxes-wrapper .check:first-child:nth-last-child(1){
padding-left: 0;
}
.woocommerce-privacy-policy-text p {
font-size: 11px;
}
.woocommerce-privacy-policy-text{
margin-bottom: 20px;
}
.order-card .btn.bg-brand1{
width: 100%;
}
.order-card .price{
display: inline;
}
.password-input .password-input{
width: 100%;
}
.woocommerce-password-strength{
font-size: 14px;
color: #6D7986;
margin-top: 5px;
}
.login-forget-wrapper .check.option{
margin-bottom: 0;
}
.login-forget-wrapper{
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 32px;
}
a.grey-link {
color: #000000;
text-decoration: underline;
font-size: 11px;
}
.woocommerce-form-register .woocommerce-privacy-policy-text{
margin-top: 10px;
}
.lost-reset-password-message{
margin-bottom: 20px;
}
#basic-local-avatar{
background: none;
padding: 0;
margin-top: 20px;
}
.edit-info-block-avatar{
margin-top: 50px;
}
.header .btn{
white-space: nowrap;
}
.wpcf7 form .wpcf7-response-output{
max-width: 500px;
margin: 2em 0.5em 1em 0 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
background: #FFEAEA;
border: 1px solid #FF5C5C !important;
box-sizing: border-box;
border-radius: 4px;
padding: 6px 15px;
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
letter-spacing: 0.014em;
color: #FF5C5C;
}
.wpcf7-not-valid-tip{
margin-top: 10px;
color: #FF5C5C;
margin-bottom: 10px;
}
.wpcf7 form.sent .wpcf7-response-output{
background: #E6F5E9;
border: 1px solid #2FC26E;
box-sizing: border-box;
border-radius: 4px;
padding: 6px 15px;
margin-bottom: 22px;
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 22px;
letter-spacing: 0.014em;
color: #000;
}
.form textarea{
width: 100%;
}
.form input{
max-width: 100%;
width: 100%;
}
.header .form input{
max-width: inherit;
}
.woocommerce-products-compare-content p{
margin: 0 0 20px 0;
}
.woocommerce-products-compare-content p.return-to-shop {
margin: 0 0 32px 0;
}
.wpcf7 .ajax-loader{
display: none !important;
}
.card-section .card-wrapper .single_variation_wrap{
margin-bottom: 45px;
}
.compare-section .item-img{
object-fit: contain;
}
.item .item-price .price .discount-price{
display: none;
}
.item .item-price .price .woocommerce-Price-amount{
font-weight: bold;
font-size: 1.5278vw;
line-height: 1.363636363636364em;
text-align: center;
letter-spacing: 0.014em;
color: #0B1F35;
margin-bottom: 1.8vw;
}
.woocommerce-products-compare-content .price{
margin-bottom: 0;
}
.compare{
cursor: pointer;
}
.compare input{
display: none;
}
.pewc-radio-image-desc {
font-weight: 400;
}
.popular-products-section .slider-card:hover .compare input:checked + .checkbox-compare {
display: flex;
}
.compare input:checked + .checkbox-compare,
.compare.active .checkbox-compare {
display: flex;
}
ul.pewc-product-extra-groups li.pewc-group-checkbox {
cursor: pointer;
}
ul.pewc-product-extra-groups li.pewc-group-checkbox::after {
content: attr(data-field-label);
width: 64%;
margin: 18px 0 0 0;
}
.checkbox-compare {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #E51368;
display: none;
justify-content: center;
align-items: center;
position: absolute;
right: 4px;
top: -7px;
}
.checkbox-compare svg{
width: 10px;
}
.uppercase{
text-transform: uppercase;
}
.card .compare:hover .checkbox-compare svg path{
stroke: #fff;
}
.add_to_cart_button.ajax_add_to_cart, .button.product_type_variable.add_to_cart_button{
display: none;
}
.woocommerce-products-compare-compare-button{
margin: 0;
}
.picture-block .checkbox-compare {
top: -6px;
right: -10px;
}
.categories-section .order-block .compare {
display: none;
}
.compare-section .comparing-rows .row-characteristics .discount-price{
display: none;
}
.compare-section .comparing-rows .row-characteristics .woocommerce-Price-amount{
font-weight: 600;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.014em;
color: #000000;
}
.slider-card .compare{
position: relative;
}
.slider-card .compare .checkbox-compare{
right: -6px;
}
.ocwma_modal-content .ocwma_inerror {
border: 1px solid red;
}
.ocwma_modal-content .btn{
font-size: .9722vw;
padding: 0 1.6667vw;
}
.section-thankyou .btn{
padding: 0 1.6vw;
}
.btn-my-orders-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.header .selects-wrapper .select-items{
max-height: 400px;
overflow-y: auto;
}
.grecaptcha-badge {
visibility: hidden;
}
.copyright-google-captcha{
font-size: 11px;
color: #fff;
margin-top: 25px;
}
.copyright-google-captcha a{
color: #fff;
text-decoration: underline;
}
.pewc-item-field-wrapper .custom-select{
margin-top: 10px;
}
.pewc-total-field-wrapper p:nth-child(2){
margin: 20px 0;
}
.pewc-cart-item-price{
display: none;
}
.variation .variation-block{
margin-top: 10px;
}
.table-link-wrapper{
flex-direction: column;
margin-bottom: 0;
padding: 20px 0;
}
.about-us-section .main-content ul li{
list-style: none;
}
.variation-block p{
font-size: 14px;
color: #6D7986;
}
.variation-block p .key-bold{
font-weight: bold;
}
.delivery-details-section{
background-repeat: repeat-x;
}
.basket-section .btn{
border: none;
white-space: nowrap;
}
.product-file{
color: #0B1F35;
width: -moz-fit-content;
width: fit-content;
font-weight: normal;
font-size: 14px;
margin-bottom: 20px;
position: relative;
transition: 0.5s;
}
.product-file:before{
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/file-grey.svg);
background-size: cover;
background-repeat: no-repeat;
width: 15px;
height: 19px;
left: -28px;
top: 0;
transition: 0.5s;
}
.product-files-wrapper{
display: flex;
justify-content: flex-start;
flex-direction: column;
padding-left: 32px;
}
.slick-prev:before, .slick-next:before{
color: inherit;
}
.form .select-items{
max-height: 400px;
overflow-y: auto;
}
.card picture img, .categories-section .card picture img{
object-fit: contain;
}
.categories-section .card picture img{
height: auto;
}
.delivery-section .faq-section-subtitle{
width: 100%;
}
#woo-ml-subscribe{
margin-bottom: 32px;
}
.thwma-thslider-viewport li.thwma-thslider-item{
background: #FFFFFF;
box-shadow: 0px 4px 32px rgb(109 121 134 / 15%);
border-radius: 8px;
margin: 32px 2.3vw 0 0;
width: 24.9167vw;
}
.thwma-adr-box.address-box .thwma-main-content {
padding-bottom: 20px;
}
.thwma-adr-box.address-box{
border: none;
}
.thwma-thslider-box {
max-width: 100%;
margin: 0 auto;
padding-left: 0;
}
.thwma-thslider-viewport{
margin: 0;
padding: 0;
overflow: visible;
}
.thwma-acnt-cus-addr .th-head h3{
border: none;
}
.thwma-adr-box.address-box .address-type{
padding: 5px 10px 5px 15px;
font-size: 1.2500vw;
letter-spacing: 0.014em;
color: #999;
font-family: 'Rawline', sans-serif;
line-height: 1.571428571428571em;
}
.thwma-adr-text.address-text{
font-size: 1.2500vw;
letter-spacing: 0.014em;
color: #0B1F35;
font-family: 'Rawline', sans-serif;
line-height: 1.571428571428571em;
}
.thwma-thslider-list{
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100% !important;
flex-wrap: wrap;
}
.btn-continue.address-wrapper {
height: auto;
padding: 32px 15px 0 !important;
margin-bottom: 1vw;
}
.btn-continue.address-wrapper button{
border: none;
background: none;
padding: 0;
text-decoration: underline;
color: #3A0B84;
cursor: pointer;
}
.th-del-acnt{
padding-top: 0;
}
.thwma-thslider .control-buttons{
display: none !important;
}
.thwma-add-acnt-adrs.add-acnt-adrs {
text-align: left;
padding: 20px 0;
}
.thwma-add-acnt-adrs.add-acnt-adrs i{
display: none;
}
.thwma-add-acnt-adrs.add-acnt-adrs .button.primary.is-outline{
display: flex;
align-items: center;
justify-content: center;
line-height: 1em;
letter-spacing: 0.014em;
cursor: pointer;
text-align: center;
box-shadow: 0px 4px 32px rgb(109 121 134 / 15%);
border-radius: 4px;
position: relative;
background-color: white;
color: #3A0B84;
min-height: 2.9861vw;
transition: none;
font-weight: 600;
font-size: 0.9722vw;
width: 11.3vw;
}
.thwma-add-acnt-adrs.add-acnt-adrs .button.primary.is-outline:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
left: 0;
z-index: 0;
box-shadow: 0px 0px 0px 1px #3a0b84;
border-radius: 3px;
}
.thwma-add-acnt-adrs.add-acnt-adrs .button.primary.is-outline:hover:before {
box-shadow: 0px 0px 0px 2px #3a0b84;
}
.cn-button.bootstrap {
color: #fff;
background: #1CD2D8;
}
.pewc-groups-accordion .pewc-group-wrap h3,
.pewc-groups-accordion .pewc-group-wrap .pewc-group-content-wrapper{
background: none;
}
.pewc-groups-accordion .pewc-group-wrap h3::before{
border-style: solid;
border-color: #000000;
border-width: 2px 2px 0 0;
content: '';
display: inline-block;
height: 0.6em;
width: 0.6em;
top: 0.9em;
}
.pewc-item-field-image-wrapper{
width: 100px;
height: auto;
}
.pewc-item-field-image-wrapper img{
height: auto;
border-radius: 4px;
}  .container-checkbox {
display: block;
position: relative;
padding-left: 38px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .container-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark-checkbox {
position: absolute;
top: 0;
left: 0;
height: 20px;
width: 20px !important;
background: none;
border: 1px solid #0B1F35;
border-radius: 4px;
} .checkmark-checkbox:after {
content: "";
position: absolute;
display: none;
} .container-checkbox input:checked ~ .checkmark-checkbox:after {
display: block;
} .container-checkbox .checkmark-checkbox:after {
left: 4px;
top: 4px;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/check.svg);
width: 10px;
height: 10px;
}
.pewc-item-field-wrapper{
position: relative;
}
.pewc-item-field-wrapper input[type=checkbox]{
display: none;
}
.pewc-group-checkbox label {
padding-left: 38px;
cursor: pointer;
position: relative;
z-index: 1;
}
.pewc-group-checkbox input:checked ~ .checkmark-checkbox:after {
display: block;
}
.pewc-group-checkbox .checkmark-checkbox:after {
left: 4px;
top: 4px;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/check.svg);
width: 10px;
height: 10px;
} .pewc-radio-image-wrapper label img{
width: 135px;
height: 135px;
}
.pewc-radio-images-wrapper{
margin-top: 10px;
}
.order-card .card-item{
padding: 20px 0;
}
.order-card .card-item .variation-block p{
font-size: 13px;
}
.pewc-item-field-image-wrapper{
margin-right: 25px;
border-radius: 4px;
}
.pewc-product-extra-groups li {
margin-bottom: 1.5em;
}
.pewc-group-radio .check svg{
width: 11px;
height: 11px;
}
.pewc-group-radio .check__box{
width: 22px;
height: 22px;
margin-left: -2.6em;
}
.pewc-group-radio .check.option{
font-size: 15px;
}
.pewc-group-radio .check.option:hover{
cursor: pointer;
}
.pewc-group-radio .check{
padding-left: 2.8em;
}
.pewc-group-radio .option{
margin-bottom: 0;
margin-top: 15px;
}
.pewc-group-radio .check svg{
left: 5px;
}
#thwma-billing-alt_field .custom-select,
#thwma-shipping-alt_field .custom-select{
width: 100%;
}
.single-page-content p{
margin-bottom: 20px;
line-height: initial;
}
.single-page-content *{
font-family: 'Rawline', sans-serif !important;
}
.single-page-content h2,
.single-page-content h3{
margin-bottom: 20px;
}
.single-page-content ul li{
list-style-type: disc;
list-style-position: inside;
margin-bottom: 10px;
}
.single-page-content ol li{
list-style-position: inside;
margin-bottom: 10px;
}
.single-page-content ul,
.single-page-content ol{
padding-left: 0;
margin-bottom: 20px;
}
.woocommerce-invalid-required-field input,
.woocommerce-invalid-required-field .select2-container--default .select2-selection--single{
border: 1px solid #FF5C5C;
}
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder
{ color: #999;
font-size: 14px;
}
.form input::-moz-placeholder,
.form textarea::-moz-placeholder
{ color: #999;
font-size: 14px;
}
.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder
{ color: #999;
font-size: 14px;
}
.form input:-moz-placeholder,
.form textarea:-moz-placeholder
{ color: #999;
font-size: 14px;
}
.screen-reader-text{
width: auto;
height: auto;
position: static !important;
margin-left: 0;
clip: unset;
clip-path: unset;
-webkit-clip-path: unset;
}
.form .inputs-row-wrapper .input-wrapper#shipping_heading_field{
width: 100%;
}
.woocommerce-checkout-review-order-table .variation-block p,
.woocommerce-checkout-review-order-table .variation-block .key-bold
{
font-weight: 300;
}
.quantity .screen-reader-text{
display: none;
}
.btn-continue.address-wrapper {
height: auto;
padding: 32px 15px 0;
}
.btn-acnt-edit > a{
position: relative;
}
.btn-acnt-edit > a span{
display: none;
}
.btn-acnt-edit > a:before{
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/per-cab-edit.svg);
background-size: cover;
background-repeat: no-repeat;
width: 1.9444vw;
height: 1.9444vw;
left: 0;
top: 50%;
transform: translateY(-46%);
}
.thwma-acnt-adr-footer .btn-acnt-edit{
float: none;
position: absolute;
top: 20px;
right: 75px;
}
button.thwma-del-acnt,.thwma-del-acnt.th-del-acnt:hover{
position: relative;
color: rgba(0,0,0,0);
}
button.thwma-del-acnt:before{
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/remove-address.svg);
background-size: cover;
background-repeat: no-repeat;
width: 11px;
height: 11px;
right: 10px;
top: 36%;
transform: translateY(-46%);
}
.thwma-acnt-adr-footer > form{
position: absolute;
top: 20px;
right: 10px;
}
.thwma-acnt-adr-footer.acnt-address-footer{
border: none;
height: auto;
}
.thwma-acnt-adr-footer.acnt-address-footer .th-del-acnt{
width: 35px;
}
.thwma-adr-text.address-text{
height: auto !important;
}
.thwma-thslider-box{
width: 100% !important;
}
.thwma-acnt-cus-addr .th-head h3{
font-weight: bold;
font-size: 1.6667vw;
line-height: 1.375em;
letter-spacing: 0.014em;
color: #0B1F35;
}
.basic-user-avatar{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.choose-file-wrapper .avatar.photo{
margin-right: 20px;
}
.xzoom{
box-shadow: none;
}
.xzoom-gallery, .xzoom-gallery2, .xzoom-gallery3, .xzoom-gallery4, .xzoom-gallery5{
border: none;
}
.xactive{
box-shadow: none;
border: 1px solid #cecece;
}
.single-page-content .ordering-section .custom-select{
width: 100%;
}
.single-page-content .form-block{
margin: 0 auto;
}
.text-center{
text-align: center;
}
.personal-cabinet-section{
overflow-x: hidden;
}
.footer .footer-bottom .footer-row3{
width: 100%;
}
.footer .footer-bottom{
padding-top: 0;
}
.login-section .woocommerce.wrapper{
justify-content: center;
}
.btn.bg-white-brand2:before{
border-radius: 8px;
}
.form .same-as-selected{
font-weight: bold;
}
.form-footer .wpcf7-spinner{
display: none;
}
.get-consult-section .btn {
max-width: 280px;
padding: 0 100px;
}
#uploadedFileName{
margin: 7px 0;
}
.card-section .tabs .btn.active{
border-radius: 8px;
}
.show-order-block__content .card-item ul li span{
font-size: 13px;
color: #6D7986;
}
.compare-section .item-status {
margin-bottom: 25.92px;
min-height: 25px;
height: 38px;
display: flex;
align-items: center;
font-size: 14px;
}
.compare-section .item-price {
font-size: 22px;
margin-bottom: 25.92px;
height: 38px;
}
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 57px;
min-height: 209px;
display: block;
}
.compare-section .compare-items{
padding-bottom: 30px;
}
.compare-section .compare-characteristic {
font-size: 16px;
margin-bottom: 25.92px;
height: 38px;
display: flex;
align-items: center;
}
.compare-section .item-img {
width: 16.7504vw;
height: 140px;
margin-bottom: 25.92px;
}
.compare-section .item-title {
font-size: 14px;
min-height: 90px;
margin-bottom: 8px;
}
.woocommerce-error::before{
display: none !important;
}
.woocommerce-error li{
padding: 0;
}
.order-card .total-block .row .text{
text-align: right;
}
.ordering-section #order_review .wrapper.orders-wrap{
justify-content: center;
}
.card-row-order-pay ul li span {
font-size: 13px;
color: #6D7986;
font-weight: 300;
}
.card-row-order-pay ul li{
margin-top: 5px;
}
.woocommerce-thankyou-order-failed{
margin-bottom: 20px;
}
.order-number-thankyou-page{
margin-bottom: 32px;
text-align: center;
}
.offer-section .form{
flex-wrap: wrap;
}
.offer-section .btn{
margin-top: 32px;
}
.offer-section .offer-select {
margin-right: 2.8vw;
}
.woocommerce .blockUI.blockOverlay, .woocommerce .loader{
opacity: 1 !important;
background: rgba(255, 255, 255, 0.6) !important;
}
.woocommerce .blockUI.blockOverlay:before,
.woocommerce .loader:before {
position: fixed;
z-index: 99;
top: 50%;
left: 50%;
opacity: 1 !important;
margin-left: -60px;
margin-top: -60px;
display: block;
content: "";
border: 16px solid #f3f3f3;
border-top: 16px solid #e51368;
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.header .form .aws-search-field{
border: none;
border-radius: 4px !important;
background: #F3F4F5;
width: 100%;
}
.aws-container{
position: absolute;
left: -799px;
top: -11px;
width: 835px;
overflow: hidden;
border-radius: 4px;
height: 0;
transition: 0.5s;
}
.header .form.hidden{
position: relative;
}
.header .show-search .aws-container{
height: 40px;
transition: 0.5s;
}
.header-wrapper .search-link{
position: relative;
z-index: 2;
cursor: pointer;
}
.aws-container .aws-search-form .aws-wrapper .aws-loader{
right: 45px;
}
.aws-search-result .aws_onsale{
background: #1cd2d8 repeat;
}
.search-bg{
background: rgba(0, 0, 0, 0.36);
width: 100%;
height: 0;
position: absolute;
z-index: 2;
left: 0;
top: 50px;
opacity: 0;
transition: 0.5s;
}
.search-bg-show.search-bg{
opacity: 1;
height: 82px;
transition: 0.5s;
}
.header .form.hidden{
background: none;
}
.header .section-inner:before{
display: none !important;
}
.aws-container .aws-search-form.aws-show-clear.aws-form-active .aws-search-clear{
display: none !important;
}
.aws-search-result{
border-radius: 0 0 8px 8px !important;
border: none;
box-shadow: 0 7px 10px rgba(109,121,134,.2);
overflow: hidden;
}
.aws-search-result .aws_results .aws_result_item{
border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.aws_result_price .discount-price{
font-weight: 400;
margin-right: 15px;
}
.custom-select li.widget.woocommerce{
list-style: none;
}
.custom-select .widgettitle, .custom-select .select2-container, .custom-select .woocommerce-widget-layered-nav-dropdown__submit{
display: none;
}
#reply-title{
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 20px;
color: #000000;
margin-bottom: 32px;
margin-top: 60px;
}
.woocommerce-noreviews{
padding-bottom: 32px;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 32px;
}
.comment_container{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.woocommerce-tabs #reviews li.comment .avatar, .woocommerce-tabs #reviews li.review .avatar,#reviews li.review .avatar{
width: 100px;
height: 100px;
max-height: 100%;
object-fit: cover;
border-radius: 8px;
margin-right: 32px;
}
.woocommerce-review__published-date{
display: block;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 13px;
margin-bottom: 8px;
}
.woocommerce-review__author{
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 20px;
margin-bottom: 5px;
}
.star-rating span::before{
top: -3px;
color: #3A0B84;
}
.star-rating::before{
content: "\53\53\53\53\53";
color: #B6BCC3;
}
.star-rating{
font-size: 1.3em;
height: 1.3em;
margin-bottom: 32px;
}
.star-rating > span{
font-size: 1em;
}
.stars > span{
font-size: 1.6em;
height: 1.6em;
}
.woocommerce-tabs #reviews li.review,
#reviews li.review{
padding-bottom: 32px;
border-bottom: 1px solid #D8D8D8;
margin-bottom: 32px;
list-style: none;
}
#reviews ol{
padding: 0;
}
.review .reply{
display: none;
}
.comment-author{
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 20px;
line-height: 28px;
letter-spacing: 0.014em;
color: #0B1F35;
}
#comments .woocommerce-pagination ul li:before{
display: none;
}
#comments .woocommerce-pagination ul li{
display: inline !important;
}
#comments .woocommerce-pagination ul li .page-numbers.current{
width: auto;
border: none;
padding: 4px 8px;
font-family: Rawline;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
#comments .woocommerce-pagination ul li a.page-numbers{
padding: 4px 4px;
font-family: Rawline;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #6D7986;
}
#comments .woocommerce-pagination{
text-align: center;
margin-bottom: 32px;
}
.woocommerce-tabs #reviews .comment-form-rating label,
.comment-form-comment label,
.woocommerce-tabs #reviews .comment-form-comment label{
color: #6D7986;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 13px;
margin-bottom: 8px;
display: block;
max-width: 100%;
}
.woocommerce-tabs #reviews .comment-form-comment #comment,
.comment-form-comment #comment{
max-width: 656px;
width: 100%;
height: 82px;
border: none;
resize: none;
background: #FFFFFF;
border-radius: 4px;
padding: 16px;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #6D7986;
margin-bottom: 32px;
}
.review-submit-btn {
line-height: 42px !important;
padding: 10px 24px 12px 24px!important;
min-height: initial !important;
font-family: Rawline;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #FFFFFF;
}
.woocommerce-tabs #reviews .comment-form-rating{
margin-bottom: 32px;
}
.woocommerce-tabs #reviews p.stars.selected a:not(.active)::before{
color: #3a0b84;
}
.woocommerce-tabs #reviews p.stars.selected a.active~a::before{
content: "\e020";
}
.woocommerce-tabs #reviews p.stars.selected a.active~a::before{
color: #B6BCC3;
}
.woocommerce-tabs #reviews p.stars.selected a.active::before{
color: #3a0b84;
}
.woocommerce-tabs #reviews p.stars a:hover~a::before{
content: '\e020';
color: #B6BCC3;
}
.woocommerce-tabs #reviews p.stars a::before{
content: '\e020';
color: #B6BCC3;
}
.woocommerce-tabs #reviews .comment-form-author, .woocommerce-tabs #reviews .comment-form-email{
margin-left: 0;
width: auto;
}
.review-label{
color: #6D7986;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 13px;
margin-bottom: 8px;
display: block;
max-width: 100%;
}
.review-input{
width: 312px;
height: 51px;
background: #FFFFFF;
border-radius: 4px;
border: none;
padding: 16px;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 14px;
color: #6D7986;
}
.author-email-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 32px;
}
.comment-form-author{
margin-right: 30px;
}
.comment-notes,
#commentform .comment-notes{
margin-bottom: 32px;
}
.container-checkbox.comment-form-cookies-consent{
font-size: 11px;
line-height: 18px;
margin-bottom: 32px;
}
.card-header .star-rating span::before{
top: 0;
}
.card-header .star-rating{
margin-bottom: 0;
}
.reviews-count-wrapper{
margin-left: 15px;
margin-top: -4px;
}
.product-rating-wrapper{
display: flex;
align-items: center;
margin-top: 8px;
margin-bottom: 16px;
height: 30px;
}
.card .star-rating span::before{
top: 0;
}
.card .star-rating{
margin-bottom: 0;
width:110px;
}
@media (min-width: 575px) and (max-width: 1200px){
.card .star-rating{
width:85px;
}
}
.categories-section .card .order-block .btn{
text-decoration: none !important;
display: flex;
white-space: nowrap;
}
.woocommerce-info a.button, .woocommerce-message a.button{
background: none !important;
color: #000;
}
.aws-search-result .aws_rating .aws_votes .aws_current_votes{
background-image: url(https://www.rangeful.com/wp-content/uploads/2021/11/search-star.png);
}
.page-text-wrapper{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 50px;
}
.page-text-wrapper p{
margin-bottom: 20px;
line-height: 23px;
}
.page-text-block-50{
width: 48%;
}
.page-text-wrapper ul{
padding-left: 18px;
margin: 20px 0;
}
.page-text-wrapper ul:first-child{
margin-top: 0;
}
.page-text-wrapper ul li{
position: relative;
margin-bottom: 8px;
}
.page-text-wrapper ul li:after{
content: '\2713';
position: absolute;
left: -18px;
top: 0;
width: 10px;
height: 10px;
color: #3A0B84;
}
.page-text-wrapper img{
max-width: 100%;
margin-bottom: 20px;
height: auto;
}
.page-text-wrapper .aligncenter{
margin-left: auto;
margin-right: auto;
display: block;
}
.page-text-wrapper h3{
margin: 20px 0;
}
.page-text-wrapper h3:first-child{
margin-top: 0;
}
.page-text-button{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}
.page-text-button .btn{
padding: 0 24.48px;
}
.page-text-quote{
position: relative;
width: 37%;
}
.page-text-quote *{
line-height: 35px;
}
.page-text-quote:after{
content: "\201c";
font-size: 313px;
color: #f0f2f2;
position: absolute;
top: -70px;
left: -140px;
display: block;
font-family: Georgia;
line-height: 1;
}
.page-text-wrapper-quote{
margin-top: 50px;
}
.page-text-block-30{
width: 30%;
}
.about-us-content .page-text-wrapper img{
margin-left: auto;
margin-right: auto;
display: block;
}
.our-team-section .page-text-wrapper-quote .team-card.regional:before{
top: 60px;
}
.page-text-wrapper-quote img{
border-radius: 8px;
}
.our-team-section .team-card.regional:before{
top: 20.34vw;
}
.our-team-section .page-text-wrapper-quote .team-card.regional:before {
top: 54px;
}
.trustpilot-widget{
width: 301px;
}
.trustpilot-widget-container{
display: flex;
align-items: flex-start;
margin-top: 20px;
justify-content: flex-end;
}
.icon-building-type-img{
margin-right: 24px;
}
.icon-building-type-img:last-child{
margin-right: 0;
}
.icons-building-type-container{
display: flex;
justify-content: flex-start;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
.attributes-icons-wrapper{
border-top: 1px solid #D8D8D8;
padding-top: 16px;
margin-top: 16px;
}
.icon-text{
background: #FFFFFF;
box-shadow: 0px 4px 4px rgba(109, 121, 134, 0.1);
border-radius: 4px;
padding: 4px 8px;
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
letter-spacing: 0.014em;
color: #000000;
border-radius: 4px;
margin-left: 16px;
}
.icon-text:first-child{
margin-left: 0;
}
.icon-heading{
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-align: center;
letter-spacing: 0.014em;
color: #000000;
}
.icon-heading-left{
text-align: left;
margin-bottom: 16px;
}
.icon-building-type-img-operator{
width: 50px;
height: auto;
}
.attributes-icons-wrapper-product-cat{
border: none;
margin-top: 0;
}
.attributes-icons-wrapper-product-cat .icons-building-type-container{
margin-bottom: 14px;
}
.card-section .card-wrapper .card .vendor-code,.categories-section .card .vendor-code{
font-size: 14px;
}
.login-section .woocommerce.wrapper.reset-link-sent,
.login-section .woocommerce.wrapper.password-reset{
display: block;
}
.slider-wrapper .product-rating-wrapper{
margin-bottom: 0;
}
small.includes_tax{
display: none !important;
}
.item-text-wrapper.total-price{
flex-direction: column;
}
.shipped_via{
display: block;
}
.total-price-without-vat.item-text{
margin-top: 15px;
}
.categories-section .icon-building-type-img-operator {
width: 50px;
height: auto;
}
.blog-card-img{
width: 297px;
height: 260px;
object-fit: cover;
border-radius: 8px;
overflow: hidden;
}
.blog-card{
max-width: 297px;
width: 100%;
display: block;
margin: 64px 16px;
}
.blog-card-title{
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 25px;
letter-spacing: 0.014em;
color: #0B1F35;
margin: 16px 0 8px 0;
}
.blog-card-date{
position: relative;
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 13px;
line-height: 18px;
letter-spacing: 0.014em;
color: #6D7986;
}
.blog-card-date:after{
content: '';
position: absolute;
bottom: -11px;
left: 0;
width: 80px;
height: 4px;
background: #3A0B84;
border-radius: 2px;
}
.blog-card-description{
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.014em;
color: #000000;
margin-top: 16px;
}
.blog-card-author{
font-family: Rawline;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 19px;
letter-spacing: 0.014em;
color: #6D7986;
margin-top: 16px;
}
.blog-wrapper{
display: flex;
flex-wrap: wrap;
margin: -64px -18px 0 -18px;
justify-content: flex-start;
align-items: flex-start;
}
.navigation.pagination h2{
display: none !important;
}
.navigation.pagination{
margin-bottom: 50px;
}
.blog-categories-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 80px;
}
.btn.bg-white-brand2.blog-category-link{
min-height: 35px;
font-size: 16px;
padding: 0 15px;
margin-right: 20px;
}
.btn.bg-white-brand2.blog-category-link.active{
color: white;
background-color: #3A0B84;
border: 1px solid transparent;
border-radius: 8px;
}
.about-us-section .main-content h2{
font-size: 30px;
margin-bottom: 37.3px;
position: relative;
}
.about-us-section .main-content h2:before{
position: absolute;
content: '';
background-color: #E51368;
border-radius: 2px;
width: 80px;
height: 4px;
bottom: -19.3px;
}
.about-product-section .main-content ul li{
list-style: disc;
list-style-position: inside;
}
.comment-post-section{
background: #FAF7FF;
}
.about-us-section span.breadcrumbs__link{
font-weight: normal;
font-size: 13px;
line-height: 1.384615384615385em;
letter-spacing: 0.014em;
}
.logged-in-as{
display: none;
}
.wrapper-home-delivery{
align-items: center;
}
.delivery-details-section .btn{
white-space: nowrap;
}
.delivery-details-section .text-wrapper{
max-width: 421px;
}
.card-section .card-wrapper .picture-block .slider-nav img{
object-fit: contain;
width: 150px;
height: 150px;
}
.card-section .card-wrapper .card-picture-slider .slick-slide{
cursor: zoom-in;
}
.card-section .card-wrapper .slider-for > a:not(:first-child){
display: none !important;
}
.fs-slider > .slider-card:not(:first-child){
display: none !important;
}
.slider-nav > img{
display: none !important;
}
.categories-mobile-wrapper .aside-block{
display: none;
}
.close-cats-mobile{
display: none;
}
.slider-nav > img:nth-child(1),
.slider-nav > img:nth-child(2),
.slider-nav > img:nth-child(3)
{
display: inline-block !important;
}
.catalog-sidebar-container{
position: sticky;
top: 115px;
}
.item-card .card-text{
min-height: 1px;
}
.fs-section__overtitle{
font-weight: bold;
}
.custom-select-country{
width: 19.4vw;
}
.custom-select-country + .select2-container--default .select2-selection--single{
background-color: #fff;
min-height: 4vw;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
border-radius: 4px;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 1.1111vw;
padding: 1.4vw;
color: #6D7986;
line-height: inherit;
}
.custom-select-country + .select2-container--default .select2-selection__arrow b{
border: none;
top: 24px;
right: 14px;
width: 1vw;
height: 1vw;
transition: 0.5s;
background-size: contain;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
position: absolute;
display: block;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection__arrow b{
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-white.svg);
}
#selectCountry{
display: none;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{
right: 0.9722vw;
}
.custom-select-country + .select2-container--open.select2-container--default .select2-selection__arrow b {
transform: rotate(180deg);
transition: 0.5s;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff;  padding:0;
line-height:50px;
font-size: 0.9722vw;
text-align: right; line-height:50px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single{
background-color: transparent;
min-height: 1px;
border: none;
height: 100%;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{ top:0;
height:50px;
right:-21px;
width:14px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow b{ width:14px;
height:9px;
top:24px;
}
.main-content-category p,
.main-content-category span,
.main-content-category *{
font-size: 12px !important;
color: #6d7986;
line-height: 20px;
margin-bottom: 10px;
}
.main-content-category h2{
font-weight: bold;
}
@media (min-width: 575px){
.footer .footer-row2 .footer-list{
width: 31.1vw;
}
.footer .contacts-block{
width: 21vw;
}
}
@media (min-width: 1441px){
#selectCountry + .select2 + .select2-container--open .select2-dropdown{ left:2px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
min-height: 1px;
}
.custom-select-country{
width: 279.36px;
}
.custom-select-country + .select2-container--default .select2-selection--single{
background-color: #fff;
min-height: 57.6px;
box-shadow: 0px 4px 10px rgba(109, 121, 134, 0.1);
border-radius: 4px;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 16px;
color: #6D7986;
line-height: 28px;
padding: 0 16px;
}
.custom-select-country + .select2-container--default .select2-selection__arrow b{
border: none;
top: 24px;
right: 14px;
width: 14.4px;
height: 14.4px;
transition: 0.5s;
background-size: contain;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-black.svg);
background-repeat: no-repeat;
position: absolute;
display: block;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{
right: 14px;
}
.custom-select-country + .select2-container--open.select2-container--default .select2-selection__arrow b {
transform: rotate(180deg);
transition: 0.5s;
}
.select2-results__option{
padding-top: 15.84px;
padding-bottom: 15.84px;
font-size: 16px;
}
.select2-search--dropdown{
padding-top: 15.84px;
padding-bottom: 15.84px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff; font-size: 14px;
text-align: right; letter-spacing: 0.014em;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single{
background-color: transparent;
min-height: 50.6px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{  width:14px;
right:-21px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow b{ border: none;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/arrow-down-white.svg);  }
.item-card .card-text{
min-height: 1px;
}
.contacts-section .form-block .form .btn{
margin-left: 28.8px;
}
.contacts-section .contact-info .contacts-card .contacts-title:before {
display: none;
}
.contacts-section .contact-info .contacts-card .contacts-subtitle{
position: relative;
}
.contacts-section .contact-info .contacts-card .contacts-subtitle:before {
position: absolute;
content: '';
background-color: #E51368;
width: 80px;
height: 4px;
border-radius: 2px;
bottom: -18.1px;
}
.header .form .header-input-search {
width: 0;
}
.btn.bg-white-brand2.blog-category-link{
min-height: 35px;
font-size: 16px;
padding: 0 15px;
margin-right: 20px;
}
.card-section .card-wrapper .card-text h1{
font-size: 24px;
}
.card-section .card-wrapper .card .picture-block{
min-width: 541.44px;
}
.categories-section .card picture img{
height: auto;
}
.card-section .card-wrapper {
padding-bottom: 0;
}
.card-section .card-wrapper .card .vendor-code,.categories-section .card .vendor-code{
font-size: 14px;
}
.our-team-section .team-card.regional:before {
width: 80px;
height: 4px;
top: 295.3px;
}
.footer .contact-link{ }
.footer .footer-row2 .contacts-col {
margin-right: 149.96px;
padding-top: 4.32px;
}
.offer-section .offer-select {
margin-right: 40.8px;
}
.item .item-price .price .woocommerce-Price-amount{
font-size: 24px;
}
.compare-section .item-status {
margin-bottom: 25.92px;
min-height: 56px;
height: 56px;
display: flex;
align-items: center;
}
.compare-section .item-price {
font-size: 22px;
margin-bottom: 25.92px;
height: 38px;
}
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 65px;
min-height: 183px;
display: block;
}
.compare-section .compare-characteristic {
font-size: 16px;
margin-bottom: 25.92px;
height: 56px;
display: flex;
align-items: center;
}
.footer .footer-row2 .footer-list {
width: 548.64px;
}
.footer .contacts-block {
width: 230.4px;
}
.header .main-logo-link{
margin-right: 1.8vw;
}
.get-consult-section .btn{
height: 61.92px;
}
.delivery-section .faq-section-subtitle{
width: 100%;
}
.thwma-thslider-viewport li.thwma-thslider-item{
width: 358.8px;
margin-right: 33.12px;
}
.thwma-adr-text.address-text, .thwma-adr-box.address-box .address-type {
font-size: 18px;
}
.btn-acnt-edit>a:before {
width: 28px;
height: 28px;
}
.thwma-acnt-cus-addr .th-head h3 {
font-size: 24px;
}
.thwma-thslider-viewport li.thwma-thslider-item{
margin-bottom: 15px;
}
.personal-cabinet-section .addresses-block .delivery-info__block{
padding: 24px 50px 11.52px 16px;
}
}
@media (max-width: 1441px){
.aws-container {
left: auto;
width: 58vw;
right: 0;
}
.search-bg{
top: 3.5vw;
}
.search-bg-show.search-bg {
height: 74px;
}
}
@media (max-width: 767px){
.section-inner-header-scroll{
display: none;
}
}
@media (min-width: 575px) and (max-width: 1200px){
#selectCountry + .select2 + .select2-container--open .select2-dropdown{ left:2px;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 1.7400vw;
}
.custom-select-country + .select2-container--default .select2-selection--single{
min-height: 4vw;
height: 100%;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{
height: 100%;
}
.custom-select-country + .select2-container--default .select2-selection__arrow b{
top: 1.9vw;
right: 1.2vw;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff; font-size: 1.3400vw;
text-align: right; }
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single{
background-color: transparent;
min-height: fit-content;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{  right:-21px;
width:14px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection__arrow b{
top: 1.55vw;
}
#selectCountry.custom-select-country + .select2-container--default + .select2-container--open .select2-dropdown--below{
top: 5px;
}
.contacts-section .contact-info .contacts-card .contacts-title:before {
display: none;
}
.contacts-section .contact-info .contacts-card .contacts-subtitle{
position: relative;
}
.contacts-section .contact-info .contacts-card .contacts-subtitle:before {
position: absolute;
content: '';
background-color: #E51368;
width: 80px;
height: 4px;
border-radius: 2px;
bottom: -18.1px;
}
.tabs-content__item p, .tabs-content__item span, .tabs-content__item li{
width: 100%;
}
.card-section .card-wrapper .card-text h1{
font-size: 24px;
}
.page-text-wrapper p{
line-height: 1.6em;
}
.faq-section .arrows section .box-title:before {
transform: translateY(-50%);
top: 50%;
}
.our-team-section .page-text-wrapper-quote .team-card.regional:before {
top: 5vw;
}
.header .main-logo {
margin-right: 3.2vw;
}
.fs-section .card .availability .discount-price {
width: 4vw;
right: 7.2vw;
font-size: 1vw;
top: -1.3vw;
}
.icon-building-type-img-operator {
width: 70px;
height: auto;
}
.star-rating{
font-size: 1em;
height: 1em;
}
.card-section .card-wrapper .card .vendor-code, .categories-section .card .vendor-code {
font-size: 9px;
}
.card-section .card-wrapper .availability .text {
margin-right: 1.6vw;
font-size: 1.5vw;
}
.reviews-count-wrapper {
margin-left: 8px;
margin-top: 0px;
font-size: 0.8em;
}
.card-description ul li{
font-size: 1.5vw;
}
.pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper.pewc-columns-3 .pewc-checkbox-image-wrapper {
display: block;
width: auto;
grid-template-columns: 1fr 1fr;
}
.form .select-items div, .form .select-selected {
font-size: 1.7400vw;
}
.check svg{
top: 4px;
}
.icon-text{
font-size: 13px;
}
.main-section.card-section{
overflow-x: hidden;
}
.pewc-radio-image-wrapper label img {
width: 120px;
height: 120px;
}
.pewc-radio-images-wrapper, .pewc-checkboxes-images-wrapper{
justify-content: space-between;
}
.attributes-icons-wrapper-product-cat .icon-building-type-img {
height: 14px;
margin-right: 15px;
}
.attributes-icons-wrapper-product-cat .icons-building-type-container {
margin-bottom: 10px;
}
.attributes-icons-wrapper-product-cat .icon-heading {
font-size: 11px;
}
.attributes-icons-wrapper-product-cat .icon-text {
font-size: 11px;
padding: 2px 6px;
margin-left: 9px;
}
.attributes-icons-wrapper-product-cat .icon-text:first-child{
margin-left: 0;
}
.icon-heading{
font-size: 15px;
}
.header .compare{
width: 2.1vw;
height: auto;
}
.our-team-section .team-card.regional:before {
top: 24.34vw;
}
.header .form input{
position: static;
}
.header .show-search .aws-container {
height: 4vw;
top: 0vw;
}
.search-bg-show.search-bg {
height: 7.5vw;
}
.header .form input{
height: 4vw;
}
.offer-section .offer-select {
margin-right: 2.1vw;
}
.offer-section .btn {
margin-top: 20px;
}
.compare-section .item-status {
margin-bottom: 25.92px;
min-height: 25px;
height: 60px;
display: flex;
align-items: center;
font-size: 14px;
}
.compare-section .item-price {
font-size: 22px;
margin-bottom: 25.92px;
height: 60px;
display: flex;
align-items: center;
}
.compare-section .compare-characteristic:nth-child(1) {
margin-bottom: 51px;
min-height: 209px;
display: block;
}
.compare-section .compare-characteristic {
font-size: 16px;
margin-bottom: 25.92px;
height: 60px;
display: flex;
align-items: center;
}
.compare-section .item-img {
width: 16.7504vw;
height: 140px;
margin-bottom: 25.92px;
}
.compare-section .item-title {
font-size: 13px;
min-height: 85px;
margin-bottom: 8px;
}
.thwma-thslider-viewport li.thwma-thslider-item{
width: 26.2vw;
margin-right: 5.8vw;
}
.thwma-main-content .address-wrapper{
padding: 0 1.1111vw 0 1.34vw;
}
.thwma-adr-box.address-box .address-type{
padding: 0 1.1111vw 0 1.34vw;
}
.thwma-thslider-box{
width: 100% !important;
}
.btn-acnt-edit > a:before{
width: 2.4vw;
height: 2.4vw;
}
.thwma-adr-text.address-text, .btn-continue.address-wrapper button, .thwma-adr-box.address-box .address-type{
font-size: 1.3400vw;
}
.thwma-thslider-viewport .complete-aaddress{
min-height: initial;
}
.btn-continue.address-wrapper{
padding: 15px 15px 0 !important;
margin-bottom: 0vw;
}
.thwma-adr-box.address-box .thwma-main-content {
padding-bottom: 15px;
}
.thwma-acnt-cus-addr .th-head h3{
font-size: 2.0101vw;
}
.thwma-main-content .address-wrapper{
padding-top: 0;
}
.thwma-acnt-adr-footer > form {
position: absolute;
top: 10px;
right: 4px;
}
.thwma-acnt-adr-footer .btn-acnt-edit{
top: 10px;
right: 60px;
}
.thwma-adr-box.address-box .address-type{
margin-top: 9px;
}
.categories-section .icon-building-type-img-operator {
width: 30px;
height: auto;
}
}
@media (max-width: 574px){
#selectCountry + .select2 + .select2-container--open{ }
.thwma-add-acnt-adrs.add-acnt-adrs .button.primary.is-outline {
font-size: 3.7333vw;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 6.5vw;
min-height: 10.9861vw;
}
.thwma-thslider-viewport{
overflow: visible;
margin: 0;
padding: 0;
}
.thwma-thslider-viewport li.thwma-thslider-item{
margin: 32px 0;
width: 100%;
padding-bottom: 0;
}
.thwma-thslider .thwma-thslider-list{
display: block;
}
.ocwma_modal-content .btn{
font-size: 3.7333vw;
padding: 0 6.4vw;
}
.card-section .card-wrapper .card .main-content {
width: 100%;
}
.woocommerce-error li {
font-family: Rawline;
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 22px;
letter-spacing: 0.014em;
color: #FF5C5C;
margin: 3px 0;
}
.woocommerce-error{
padding: 5px 10px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 3.4667vw;
padding: 0 3.9vw;
}
.select2-container--default .select2-selection--single{
min-height: 14.5vw;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
min-height: 14.5vw;
}
.select2-results__option{
font-size: 3.4667vw;
}
.big-checkboxes-wrapper .check.option{
font-size: 3.4667vw;
}
.big-checkboxes-wrapper .check svg {
top: 1.4vw;
left: -0.3vw;
}
.categories-section .order-block .compare {
display: block;
}
.categories-section .card .picture-block .compare{
display: flex; top:0;
height:13.8vw;
}
.tabs-btn,.tabs-btn:nth-child(2) {
margin-right: 3.8vw;
margin-bottom: 3.9vw;
}
.product-file {
font-size: 3.7333vw;
margin-bottom: 4.4vw;
}
.product-file:before{
display: none;
}
.card-section .card-wrapper .form {
padding: 7.4vw 2.4vw;
}
.thwma-adr-text.address-text, .thwma-adr-box.address-box .address-type{
font-size: 4.2667vw;
}
.thwma_my_acnt.th-custom {
margin-top: 0;
}
.btn-acnt-edit > a:before {
width: 5.9444vw;
height: 5.9444vw;
left: -13.3vw;
}
.thwma-acnt-adr-footer .btn-acnt-edit{
right: 25px;
}
.thwma-acnt-cus-addr .th-head h3{
font-size: 6.4000vw;
}
.pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper.pewc-columns-3 .pewc-checkbox-image-wrapper{
width: 50%;
grid-template-columns: none;
}
.categories-section .card picture img{
width: 100%;
}
.basket-section .form.coupon .btn.bg-white-brand2{
width: 100%;
}
.basket-section .form{
width: 100%;
}
.btn.bg-white-brand2:before{
border-radius: 8px;
}
.basket-section .form input {
margin-right: 4.95vw;
}
.basket-section .clear-basket{
width: 46vw;
margin-left: auto;
text-align: right;
margin-top: 15px;
}
.basket-section .buttons-wrapper{
flex-direction: column;
}
.table-img {
width: 100vw;
height: 30.1333vw;
}
.card-section > .section-inner-wrap{
overflow-x: hidden;
}
.delivery-details-section .title{
font-weight: 700;
}
.table .counter-block-img{
margin-right: 0;
}
.table .counter-block-img{
margin-left: 0;
}
.personal-cabinet-section .edit-info-block .label-file-upload{
margin-bottom: 10px;
min-height: 12.6vw;
margin-top: 15px;
}
.table-img {
width: auto;
height: auto;
min-width: 37vw;
}
.compare-section .item-status {
display: none;
}
.compare-section .comparing-rows .row-characteristics span{
width: 30%;
}
.compare-section .item-img {
width: 100%;
height: auto;
margin-bottom: 15.92px;
}
.woocommerce-terms-and-conditions-wrapper{
margin-top: 20px;
}
.offer-section .offer-select {
width: 100%;
margin-right: 0;
}
.product-file:before{
display: block;
}
.search-bg-show.search-bg {
height: 82px;
top: 50px;
}
.header .form .aws-search-field{
width: 100%;
position: static;
height: 100%;
}
.aws-container{
top: 20px;
width: 100%;
z-index: 9;
}
.aws-container:after{
content: '';
display: block;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/search.svg);
background-repeat: no-repeat;
width: 20px;
height: 22px;
position: absolute;
right: 15px;
top: 10px;
}
.header .form.hidden{
position: static;
}
.aws-search-result .aws_result_scroll{
max-height: 50vh;
}
.get-consult-section__subtitle{
margin-bottom: 76.4vw;
}
.get-consult-section .section-inner{
padding-bottom: 0;
}
.usefull-section .section-inner{
padding-top: 9.1vw;
}
.get-consult-section .btn {
max-width: 100%;
}
.comment_container .description p{
width: 100%;
}
.author-email-wrapper{
display: block;
}
.review-input,.comment-form-comment{
width: 100% !important;
}
.comment-form-author{
margin-right: 0;
margin-bottom: 32px;
}
.woocommerce-tabs #reviews li.comment .avatar, .woocommerce-tabs #reviews li.review .avatar{
margin-right: 15px;
width: 70px;
height: 70px;
}
.woocommerce-review__author{
font-size: 18px;
}
.woocommerce-tabs #reviews li.review{
padding-bottom: 22px;
margin-bottom: 22px;
}
.product-rating-wrapper .reviews-count-wrapper{
margin-bottom: 0;
}
.page-text-wrapper{
display: block;
}
.page-text-block-50 {
width: 100%;
}
.page-text-wrapper-quote {
margin-top: 0;
}
.page-text-quote:after {
content: "\201c";
font-size: 234px;
color: #f0f2f2;
position: absolute;
top: -23px;
left: -10px;
display: block;
font-family: Georgia;
line-height: 1;
}
.page-text-quote{
padding-left: 100px;
}
.page-text-quote * {
line-height: 30px;
}
.about-us-content .page-text-wrapper:nth-child(odd){
display: flex;
flex-direction: column-reverse;
width: 100%;
}
.about-us-content ,.page-text-wrapper-bottom-blocks{
display: block;
}
.page-text-block-30{
width: 100%;
}
.our-team-section .team-card.regional:before {
top: 101.34vw;
}
.our-team-section .page-text-wrapper-quote .team-card.regional:before {
top: 16vw;
}
.trustpilot-widget-container{
justify-content: center;
}
.icon-building-type-img-operator{
width: 70px;
height: auto;
}
.attributes-icons-wrapper{
padding-top: 0;
margin-bottom: 20px;
}
.product-rating-wrapper{
margin-bottom: 0;
}
.footer .navbar,.footer .contacts-block {
width: 100%;
}
.footer .navbar-list__link{
margin-right: 14px;
}
.personal-cabinet-section .addresses-block .delivery-info__block {
padding: 6.4vw 11.1111vw 0.8vw 4.2667vw;
margin-bottom: 6.5vw;
}
.woocommerce-tabs {
margin: 0;
}
.card-section .attributes-icons-wrapper{
padding-top: 18px;
margin-top: 0;
}
.card-section .card-wrapper .card .picture-block{
margin-bottom: 0;
}
.icon-building-type-img {
margin-right: 14px;
}
.categories-section .icon-building-type-img-operator:nth-child(4){
margin-right: 0;
}
.pewc-radio-image-wrapper label img {
width: 124px;
height: 124px;
}
.blog-card{
max-width: 100%;
margin: 30px 0;
}
.blog-card-img{
width: 100%;
}
.blog-wrapper {
margin: -30px 0 0 0;
}
.usefull-section .blog-wrapper {
flex-wrap: nowrap;
overflow: auto;
}
.usefull-section .blog-card {
flex: 0 0 90%;
margin: 0 4% 0 0;
}
.navigation.pagination{
margin-top: 20px;
}
.blog-categories-wrapper{
margin-bottom: 40px;
}
li.pewc-has-field-image.pewc-item-checkbox .pewc-item-field-wrapper{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.pewc-item-field-image-wrapper img {
height: auto;
border-radius: 4px;
min-width: 100px;
}
.basket-section .form input{
width: 100%;
}
.header .selects-wrapper .select-selected{
white-space: nowrap;
}
.contacts-section .contact-info .contacts-card .contacts-title:before {
bottom: -14.25vw;
}
.compare-section .compare-items{
padding-bottom: 0px;
}
.btn.bg-white-brand2.show-cats-btn-mobile{
display: flex;
min-height: 40px;
margin-bottom: 20px;
}
.categories-section .aside-block{
width: 100%;
transition: 0.5s;
display: block;
position: absolute;
left: -100%;
top: 0;
}
.categories-section .aside-block.show-aside-block{
left: 0;
transition: 0.5s;
height: auto;
background: #fff;
z-index: 2;
}
.catalog-sidebar-container{
position: static;
}
.close-cats-mobile{
display: block;
position: absolute;
right: 13px;
top: 13px;
}
.categories-section .aside-block .block-list__item.sale .block-list__item-text{
display: none;
}
.header .selects-wrapper{
padding-right: 3.7vw;
width:100%;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{
font-size: 4.2667vw;
padding: 4.4vw;
}
.custom-select-country + .select2-container{
width: 100% !important;
margin-bottom: 5vw;
}
.custom-select-country + .select2-container--default .select2-selection--single{
min-height: 14vw;
}
.custom-select-country + .select2-container--default .select2-selection__arrow b{
top: 6vw;
width: 3.3vw;
height: 3vw;
}
.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{
right: 4.2vw;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
min-height: 1px;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__rendered{ color:#fff; font-size: 3.9722vw;
text-align: right; letter-spacing: 0.014em;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single{
background-color: transparent;
min-height: inherit;
height: 100%;
}
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow{  right:-21px;
width:14px; min-height: fit-content; }
#selectCountry.custom-select-country + .select2-container--default .select2-selection--single .select2-selection__arrow b{   }
#selectCountry.custom-select-country + .select2-container{
margin-bottom: 0;
max-width: 40vw !important;
width:auto;
}
.top-header .wrapper.col:first-child{
width:40vw;
align-items:flex-start;
}
.top-header .selects-wrapper .wrapper.col:nth-child(2) .select-items{
margin-left:-3vw;
}
.select2-results__option{
padding: 4vw 0.6vw;
}
::-webkit-scrollbar {
display: none;
}
.star-rating > span{
font-size: 1em !important;
}
}
.tabs_nav li.act .btn{
box-shadow: 0 0 0 2px #3a0b84;
color: white;
background-color: #3A0B84;
border: 1px solid transparent;
}
.usefull-section{
height: auto;
}
.documents-content {
display: flex;
margin: 40px 0 0 0;
}
.document-img {
width: 19%;
margin: 0 1% 0 0;
display: block !important;
cursor: pointer;
}
.documents-content img {
width: 100%;
display: block !important;
}
.related-cats {
font-size: 14px;
font-weight: 600;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.related-cat {
color: #3A0B84;
line-height: 40px;
background: #fff;
border: 1px solid #3A0B84;
border-radius: 8px;
padding: 0 10px;
margin: 0 0 10px 10px;
display: block;
transition: 0.3s;
}
.related-cat:hover {
color: #fff !important;
background: #3A0B84;
}
.related-cat:visited {
color: #3A0B84;
}
.wrapper {
display: flex;
}
.wrapper.center {
justify-content: center;
}
.single-provider-section {
background: #fbfbfb;
padding: 20px 0 0 0;
}
.single-provider-section .section-title {
margin: 0 0 30px 0;
}
.single-provider-section .section-inner {
flex-direction: column;
}
.provider-wrap {
display: flex;
}
.provider-content {
width: 70%;
padding: 0 40px 40px 0;
}
.provider-sidebar {
width: 30%;
}
.provider-sidebar h3 {
font-size: 24px;
font-weight: 700;
margin: 0 0 15px 0;
}
.provider-sidebar .wrapper.col {
margin: 0;
}
.provider-sidebar .select2-container {
width: 100% !important;
}
.provider-sidebar .section-subtitle {
margin: 0 0 15px 0;
}
.provider-sidebar .select-title {
margin: 15px 0 8px 0;
}
.provider-sidebar .btn.bg-brand2 {
width: auto;
height: 52px;
margin: 15px 0 0 0;
}
.provider-help-link {
color: #3A0B84;
text-align: center;
line-height: 50px;
background: #fff;
border: 1px solid #3A0B84;
border-radius: 8px;
box-shadow: 0px 4px 30px rgb(109 121 134 / 20%);
margin: 40px 0 0 0;
display: block;
}
.provider-help-link:hover {
color: #fff;
background: #3A0B84;
}
.provider-intro {
font-size: 14.4px;
color: #0B1F35;
line-height: 21px;
background: #FAF6FF;
border-radius: 8px;
padding: 20px;
}
.provider-intro h2 {
font-size: 20px;
margin: 20px 0 0 0;
}
.provider-intro img {
margin: 0 0 20px 0;
display: block;
mix-blend-mode: multiply;
}
.provider-items {
padding: 30px 0;
}
.provider-btn {
line-height: 48px;
border: 1px solid #3a0b84;
border-radius: 8px;
padding: 0 20px;
display: inline-block;
transition: 0.3s;
}
.provider-btn:hover {
color: #fff;
background: #3a0b84;
}
.provider-outro {
font-size: 14.4px;
color: #0B1F35;
line-height: 21px;
background: #FAF6FF;
padding: 40px 0;
}
.provider-outro h2 {
font-size: 20px;
margin: 0 0 20px 0;
}
.provider-outro p {
margin: 0 0 10px 0;
}
.provider-outro p + h2 {
margin-top: 20px;
}
.provider-outro ul {
list-style-type: disc;
list-style-position: inside;
margin: 0 0 10px 0;
}
@media (max-width: 768px) {
.documents-content {
overflow: auto;
}
.document-img {
width: 100%;
flex: 0 0 90%;
margin: 0 10px 0 0;
}
.provider-wrap {
flex-wrap: wrap;
}
.provider-content {
width: 100%;
padding: 0 0 20px 0;
margin: 0;
}
.provider-content .items-list {
width: 100%;
}
.provider-sidebar {
width: 100%;
margin: 0 0 20px 0;
}
.provider-sidebar .form {
padding: 20px;
}
.provider-sidebar .btn.bg-brand2 {
width: 100%;
}
.checkbox-compare {
right: -6px;
}
.related-cats {
flex-wrap: wrap;
}
.related-cat {
margin: 0 0 10px 10px;
}
.related-cat:nth-child(2) {
margin: 0 10px 10px 0;
}
}
.tabs{
display: block !important;
}
.tabs_content .tabs__item{
display: none;
min-height: initial !important;
height: auto !important;
position: relative !important;
overflow: hidden;
}
.tabs_content .tabs__item.active{
display: block;
}
.woocommerce-tabs ul li a {
font-weight: 400;
}
.usefull-section .tabs-btn{
font-weight: 400;
}
.woocommerce .comment-text .star-rating{
float: none;
height: 23px;
max-height: 23px;
margin-bottom: 20px;
}
.woocommerce .comment-text .star-rating span::before{
top: -3px;
}
.footer__items-list{
max-height: 310px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
@media (max-width: 768px) {
.woocommerce .card-section {
padding-top: 0;
}
.footer__items-list {
max-height: 100%;
}
}
.notinstock{
color: #E51368 !important;
font-weight:600 !important;
}
.instock{
color: #3A0B84 !important;
font-weight:600 !important;
}
.footer__items-list .menu-item{
margin-right: 25px;
}
.go-top-top{
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 60px;
right: 14px;
background-color: #3a0b84;
border-radius: 5px;
transition: opacity 0.2s linear, visibility 0.2s linear;
opacity: 0;
visibility: hidden;
}
.go-top-top.active{
opacity: 1 !important;
visibility: visible !important;
z-index:2;
}
.go-top-top svg{
width: 20px;
height: 20px;
}
.contact-outro {
padding: 80px 0;
}
@media (max-width: 768px) {
.go-top-top {
right: 20px;
bottom: 30px;
}
.contact-outro {
padding: 40px 0;
}
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
border: none !important;
margin: 0 0 0 77px;
padding: 0 !important;
}
.woocommerce-review__published-date, .woocommerce-review__author{
color: #0B1F35;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
border-radius: 15px;
border: none;
width: 60px;
height: 60px;
padding: 0;
}
@media (min-width: 1441px){
.footer__items-list-item {
font-size: 12px;
}
}
.footer .menu-item a{
color: #fff;
text-transform: uppercase;
transition: opacity 0.2s linear
}
.footer .sub-menu-item a{
color: #a1a1a1;
text-transform: none;
transition: opacity 0.2s linear
}
.footer .menu-item a:hover, .sub-menu-item a:hover{
opacity: 0.7;
}
.main-logo {
height: 50px !important;
}
.categories-section .card .btn{
padding-top: 9px !important;
padding-bottom: 9px !important;
}
.icons-building-type-container a{
padding: 3px 5px;
box-shadow: 0px 4px 4px rgb(109 121 134 / 10%);
}
.icon-text{
box-shadow: none;
}
.page-numbers{
display: flex !important;
align-items: center;
justify-content: center;
}
@media (min-width: 575px) and (max-width: 1200px){
.card-text a {
margin-bottom: 0;
}
}
.single-product .single_add_to_cart_button{
font-size: 18px;
}
body{
overflow-x: hidden;
}
.icons-building-type-container a {
font-size: 16px !important;
margin-right: 10px;
color: #0B1F35;
font-weight: 600;
}
.icon-heading{
margin-right: 10px;
}
.icon-text{
margin-left: 0;
padding: 0;
}
.counter-block-img-minus{
margin-right: 0 !important;
}
@media(max-width: 768px){
.go-top-top{ }
.main-content-category p, .main-content-category span, .main-content-category * {
font-size: 14px !important;
}
.copyright-google-captcha {
font-size: 14px;
}
}
.counter-block-img-add{
margin-left: 0 !important;
}
.footer .menu-item a{
text-transform: none;
}
.icons-building-type-container a{
margin-bottom: 0 !important;
padding:5px 10px;
min-width:50px;
text-align:center;
}
@media (min-width: 575px) and (max-width: 1200px){
.icons-building-type-container a{
font-size: 11px !important;
}
}
@media(max-width: 575px){
.view-type{
display: none !important;
}
.categories-section .card .btn {
padding-top: 2px !important;
padding-bottom: 2px !important;
}
}
.item-card .order-block{
margin-top: auto;
}
@media(min-width: 575px){
.woocommerce .content-area{
margin: 0;
padding: 0;
}
.items-list--grid .card-description{
display: none;
}
.items-list--grid .icon-building-type-img-operator{ }
.items-list--grid .icon-building-type-img-operator + .icon-heading{
display: none;
}
.categories-section .categories-sort.form{
width: 100% !important;
max-width: 864px !important;
}
.grid-view , .list-view{
background: none;
border: none;
outline: none;
margin-right: 10px;
transition: all 0.2s linear;
cursor: pointer;
padding: 5px;
border-radius: 3px;
}
.grid-view.active, .list-view.active{ }
.list-view.active svg, .list-view.active path{ fill:#E51368;
}
.grid-view.active svg, .grid-view.active path{ fill:#E51368;
}
.categories-section .categories-sort .block-sort{
margin-right: 0;
}
.items-list--grid .item-card{
max-width: 45%;
width: 100%;
}
.items-list--grid .card{
width: 100%;
flex-direction: column-reverse;
height: 100%;
}
.items-list--grid .item-card{
padding: 0px 20px;
padding-right: 0;
margin-bottom: 25px;
}
.items-list--grid{
display: flex;
flex-wrap: wrap;
margin: 0px -20px;
}
.items-list--grid .card-description .icons-building-type-container:last-child{
display: none;
}
.items-list--grid .picture-block img{
display: block;
margin: 0 auto;
}
.icons-building-type-container a{
font-size: 18px;
margin-right: 10px;
color: #0B1F35;
font-weight: 600;
}
.items-list--grid .product-rating-wrapper{ }
.items-list--grid .picture-block, .items-list--grid .categories-section .card picture img{
width: 100% !important;
}
.items-list--grid .availability{
padding-left: 0 !important;
}
.items-list--grid .order-block{
display: flex;
flex-direction: column; }
.items-list--grid .order-block a{
margin-right: 0px !important;
width: 100%;
}
.items-list--grid .order-block a:first-child{
margin-bottom: 10px !important;
}
.items-list--grid .card-text{
width: 100%; }
.pewc-radio-images-wrapper .pewc-columns-3{
margin: 10px -5px;
}
.pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper{
margin: 0px 5px;
}
}
.categories-section .items-list--grid .card .main-content{
width:100%;
}
@media(min-width: 575px) and (max-width: 1350px){
.items-list--grid .item-card{
max-width: 45%;
width: 100%;
}
.items-list--grid .order-block{
width: 100%;
}
}
@media (min-width: 575px) and (max-width: 1200px){
.categories-section .categories-sort.form {
max-width: 63.3vw !important;
}
}
.main-section section.box{
padding-top: 0px !important;
}
@media (min-width: 575px) and (max-width: 1420px){
.pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper.pewc-columns-3 .pewc-checkbox-image-wrapper{
width: 47%;
}
.pewc-radio-image-wrapper label img{
width: 100%;
height: auto;
}
}
@media (min-width: 575px) and (max-width: 940px){
.pewc-radio-images-wrapper.pewc-columns-3 .pewc-radio-image-wrapper, .pewc-checkboxes-images-wrapper.pewc-columns-3 .pewc-checkbox-image-wrapper{
width: 45%;
}
}
@media (max-width: 575px){
.pewc-radio-image-wrapper label img{
width: 100%;
height: auto;
}
}
.top-header-contact .phone{
position: relative;
font-size: 14px;
color: #fff;  transition:0.5s;
}
.top-header-contact .phone:hover{ text-decoration:underline;
}
.top-header-contact .phone::after{
position: absolute;
content: '';
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/phone-white.svg);
background-repeat: no-repeat;
background-size: cover;
width: 18px;
height: 18px;
left: -25px;
top: 64%;
transform: translateY(-50%);
}
.top-header-inner{
display: flex;
justify-content: space-between !important;
align-items: center;
}
.top-header-inner .select2-container--default{
width: auto !important;
}
.top-header-inner .select2-dropdown--below{
width: 200px !important;
}
.top-header-contact .btn{
font-size: 12px;
color: #fff;
padding: min(0.5vw, 9px) min(1.2vw, 23px);
border: 1px solid #fff;
outline:1px solid transparent;
border-radius: 5px;
background: none;
margin-left: 15px;
transition:0.5s;
}
.top-header-contact .btn:hover{
outline:1px solid #fff;
}
.top-header-contact{
display: flex;
align-items: center;
}
.new-search{
position: relative;
}
.new-search .aws-container{
height: 40px;
width: 100%;
position: static;
margin-bottom: 15px;
}
.new-search .aws-container::after {
content: '';
display: block;
background-image: url(//rangeful.com/wp-content/themes/rangeful-sia/img/search.svg);
background-repeat: no-repeat;
width: 20px;
height: 22px;
position: absolute;
left: 15px;
top: 36%;
transform: translateY(-50%);
z-index: 5;
}
.new-search .aws-container input[type="search"]{
padding-left: 50px;
font-size: 12px !important;
background-color: #f3f4f5;
border: none;
color: #131313;
}
.header .wrapper.main-row{
margin-bottom: 15px !important;
}
@media (min-width: 575px) and (max-width: 1200px){
.top-header-contact .btn{
font-size: 1vw;
}
.top-header-contact .phone{
font-size: 1.3400vw;
}
.top-header-contact .phone::after{
width: 1.5vw;
height: 1.5vw;
}
}
@media (max-width: 574px){
.header .top-header-inner {
flex-direction: column; align-items: flex-start;
}
.top-header-contact{
display: none;
}
.header .selects-wrapper .select-items { margin-left:-1vw;
}
.header .selects-wrapper .select-items { margin-left:-1vw;
}
.header .selects-wrapper .wrapper:last-child .select-items {
margin-left:auto;
right:-2.9vw;
}
}
.select2-container--default .select2-results>.select2-results__options{
max-height:350px;
}
.items-list .item-card .card .picture-block{
position:relative;
}
.items-list .item-card .card .picture-block .card-badge{
position:absolute;
top:0;
left:0;  height:min(max(2.1875vw, 28px), 42px);
line-height:min(max(2.1875vw, 28px), 42px); padding:0 min(max(0.78125vw, 10px), 15px); font-size:min(max(0.83vw, 11px), 16px);
color:#fff;
border-radius:5px;
font-weight:600;
}
.card-wrapper .card .picture-block{
position:relative;
}
.card-wrapper .card .picture-block .card-badge{
position:absolute;
top:0;
left:0;  height:min(max(2.1875vw, 28px), 42px);
line-height:min(max(2.1875vw, 28px), 42px); padding:0 min(max(0.78125vw, 10px), 15px); font-size:min(max(0.83vw, 11px), 16px);
color:#fff;
border-radius:5px;
font-weight:600;
z-index:2;
}
@media (max-width: 768px) {
.card-section .card-wrapper .card .picture-block .card-badge {
top: 260px;
}
.card-section .card-wrapper:not(.compare-mobile-top) .card .picture-block .card-badge{
top:calc(39vw + 70px + 38px);
}
}
@media (max-width: 479px){
.card-section .card-wrapper:not(.compare-mobile-top) .card .picture-block .card-badge{
top:calc(45vw + 140px);
}
.card-section .card .picture-block .card-badge{
top:calc(45vw + 210px + 38px);
}
}
.card.slider-card .card-header{
position:relative;
}
.card.slider-card .card-header .card-badge{
position:absolute;
top:0;
left:0;
height:42px;
line-height:42px;
padding:0 15px;
font-size:16px;
color:#fff;
border-radius:5px;
font-weight:600;
z-index:2;
}
.single-product .woocommerce-variation-add-to-cart .button{
font-size:1.2em;
}
.popular-products-section .order-block a{
width:100%;
}
.slider-card .compare{
display:flex;
align-items:center;
height:100%;
width:auto;
min-width:30px;
}
.slider-card .compare img{
height:70%;
}
@media (max-width: 1023px){
.slider-card .compare{
max-width:20px;
min-width:auto;
}
}
@media (max-width: 574px){
.slider-card .compare{
min-width:40px;
max-width:auto;
}
.slider-card .compare img{
height:50%;
}
}
.you-may-want .order-block a{
width:100%;
}
.card-section .card .compare{
display:flex;
align-items:center;
height:100%;
width:auto;
min-width:30px;
}
.card-section .card .compare img{
height:70%;
}
@media (max-width: 1023px){
.card-section .card .compare{
max-width:20px;
min-width:auto;
}
}
@media (max-width: 574px){
.card-section .card .compare{
min-width:40px;
max-width:auto;
}
.card-section .card .compare img{
height:50%;
}
}
.card-section .card .main-content .compare{
top:0;
height:auto !important;
}
.card-section .card .main-content .compare img{
height:auto;
}
@media (max-width: 574px){
.card-section .card .main-content .compare{ top:calc(39vw + 70px);
}
.card-section .card-wrapper:not(.compare-mobile-top) .card .main-content .compare{
top:calc(39vw + 70px + 38px);
}
.categories-section .card .picture-block .compare{
display:none;
}
}
@media (max-width: 479px){
.card-section .card-wrapper .card .header-info{
margin-bottom:3vw;
}
.card-section .card-wrapper .card .slider{
margin-top:2vw;
}
.card-section .card-wrapper:not(.compare-mobile-top) .card .main-content .compare{
top:calc(45vw + 140px);
}
.card-section .compare-mobile-top .card .main-content .compare{
top:calc(45vw + 210px - 38px);
}
.card-wrapper .card .picture-block .card-badge{ }
}
.categories-section .items-list .order-block .ajax_add_to_cart{
display:none;
}
.header .selects-wrapper .select-selected{
color:#fff;
}
.header .selects-wrapper .select-selected:after{
right:-14px;
}
@media (max-width: 574px){
.card-section .you-may-want-slider .slider-card:hover .order-block{
max-height:none;
}
}
@media (max-width: 450px){
.single-post .article-inside img{
float: none !important;
display: block;
margin: 1em auto  !important;
}
}
.review .star-rating > span{
top:-1px;
}
@media (max-width: 1200px){
.review .star-rating > span{
top:0.5px;
}
}
.review .description p{
width:100%;
}
.kit-section{
position: relative;
background-color: #FAF7FF;
height:auto;
min-height:290px;
display:flex;
flex-direction:column;
}
.kit-section .kit-section-inner-wrap{
position: relative;
width: 100%;
height:100%;
max-width: 1440px;
margin: 0 auto;
flex:1;
display:flex;
flex-direction:column;
}
.kit-section .kit-bg {
position: absolute;
z-index: 0;
top: 0;
right: 0;
width: 18.4vw;
height: 18.4vw;
}
.kit-section .section-inner{
height:100%;
display:flex;
flex-direction: column;
padding-top: 4vw;
padding-bottom: 3.4vw;
flex:1;
}
.kit-section .kit-list{
flex:1;
display:flex;
align-items:center;
justify-content:center;
}
.kit-section .kit-list-wrap{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.kit-section .kit-list a{
width:min(10.3125vw, 198px);
height:min(3.8541vw, 74px);
margin-bottom:min(2vw, 38.4px);
margin-right:min(3vw, 57.6px);
line-height:min(3.8541vw, 74px);
text-align:center;
font-size:min(1.1458vw, 20px);
color: #3A0B84;
font-weight: 600;
background:#fff;
letter-spacing:0.014em;
border-radius:8px;
transition:0.5s;
text-decoration:none;
box-shadow: 0px 4px 10px rgb(109 121 134 / 20%);
}
.kit-section .kit-list a:hover {
color: #fff;
background: #3A0B84;
box-shadow: 0px 4px 10px rgb(109 121 134 / 30%);
}
.kit-section .kit-list a:nth-child(5n), .kit-section .kit-list a:last-child{
margin-right:0;
}
.kit-section .section-title{
margin-bottom: min(2vw, 38.4px);
text-align:center;
}
@media (min-width: 1441px){
.kit-section .kit-bg{
width: 264.96px;
height: 264.96px;
}
.kit-section .section-inner{
padding-top: 57.6px;
padding-bottom: 35px;
}
}
@media (max-width: 1700px){
.kit-section .kit-list a{
margin-right:min(6vw, 96px);
}
}
@media (max-width: 1440px){
.kit-section .kit-bg{
width: 18.4vw;
height: 18.4vw;
}
.kit-section .section-inner{
padding-top: 4.7vw;
padding-bottom: 4.6vw;
}
.kit-section .kit-list a{
width:min(15vw, 198px);
height:min(5vw, 74px);
margin-bottom:min(2vw, 38.4px);
margin-right:min(3vw, 96px);
line-height:min(5vw, 74px);
font-size:min(1.6vw, 20px);
}
}
@media (max-width: 1200px){
.kit-section{
height:auto;
min-height:24vw;
}
.kit-section .kit-bg{
width: 22.4vw;
height: 22.4vw;
}
}
@media (max-width: 574px){
.kit-section{
height:auto;
min-height:75vw;
max-height:none;
}
.kit-section .kit-bg{
width: 70.4vw;
height: 72.3vw;
}
.kit-section .section-inner {
padding-top: 8.7vw;
padding-bottom: 12.6vw;
}
.kit-section .kit-list a{
width:40vw;
height:10vw;
margin-bottom:5vw;
margin-right:10vw;
line-height:10vw;
font-size:20px;
}
.kit-section .kit-list a:nth-child(5n){
margin-right:10vw;
}
.kit-section .kit-list a:nth-child(2n), .kit-section .kit-list a:last-child{
margin-right:0;
}
.kit-section .section-title{
margin-bottom:7vw;
}
}
@media (max-width: 479px){
.kit-section .kit-list a{
width:80vw;
height:15vw;
margin-bottom:5vw;
margin-right:0;
line-height:15vw;
font-size:20px;
}
.kit-section .kit-list a:nth-child(5n){
margin-right:0;
}
}
.offer-section{
background:none;
}
.offer-section .offer-bg{
display:none;
} .products-kit{
padding-top:2rem;
}
.products-kit .main-content{
padding: 40px 40px 0;
overflow: hidden;
width: 1280.88px;
padding-left: 86.4px;
}
.products-kit .main-content .section-title{
font-size: 24px;
margin-bottom: 50px;
margin-top: 30px;
}
.products-kit .main-content .subtitle{
font-size: 18px;
line-height: 21px;
letter-spacing: 0.014em;
color: #0B1F35;
display: flex;
font-weight: 600;
align-items: center;
}
.products-kit .main-content .subtitle .number{
font-size: 16px;
line-height: 19px;
display: flex;
letter-spacing: 0.014em;
color: #FFFFFF;
border-radius: 100%;
padding: 3px;
background: #1CD2D8;
margin-right: 10px;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.products-kit .main-content .variants{
display: flex;
margin-top: 25px;
margin-bottom: 20px;
flex-wrap: wrap;
}
.products-kit .main-content .variants .kit-type{
padding: 16px 0;
background: #FFFFFF;
border: 2px solid #3A0B84;
box-sizing: border-box;
box-shadow: 0px 4px 30px rgb(109 121 134 / 10%);
border-radius: 8px;
font-size: 22px;
line-height: 26px;
cursor: pointer;
margin-right: 25px;
margin-bottom: 25px;
width:22%;
margin-right:4%;
text-align:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.products-kit .main-content .variants .kit-type.active{
background: #3A0B84;
color: #fff;
}
.products-kit .main-content .variants .kit-type:last-child{
margin-right:0;
}
.products-kit .main-content .kits-consult{
height:500px;
position:relative;
overflow:hidden;
}
.products-kit .main-content .kits-consult .kits-consult-bg{
max-height:500px;
position:absolute;
right:-185px;
bottom:-5px;
}
.products-kit .main-content .kits-consult .kits-consult-bg-girl{
max-height: 470px;
position: absolute;
right: 50px;
bottom: 0;
}
.products-kit .main-content .kits-consult .kits-text{
margin-top:100px;
}
.products-kit .main-content .kits-consult .kits-text .mob-col a {
height: 60px;
padding: 0 5vw;
}
.products-kit .main-content .kits-product {
position: relative;
transition: 0.4s;
}
.products-kit .main-content .kits-product.loading {
opacity: 0.5;
}
.products-kit .main-content .kits-product.loading::after {
content: '';
width: 200px;
height: 200px;
background: url(//rangeful.com/wp-content/themes/rangeful-sia/img/loader.svg) no-repeat 50%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.products-kit .main-content .kits-product .recommendation{
padding: 24px;
box-shadow: 0px 4px 30px rgb(109 121 134 / 10%);
border-radius: 8px;
background: #fff;
margin-bottom:45px;
}
.products-kit .main-content .kits-product .recommendation .recommendation-title{
font-weight: bold;
font-size: 22px;
line-height: 26px;
letter-spacing: 0.014em;
color: #0B1F35;
}
.recommendation-images {
display: flex;
padding: 0 0 10px 0;
margin: 20px 0 0 0;
overflow: auto;
}
.recommendation-images img {
height: 180px;
background: #ebebeb;
flex: 0 0 180px;
padding: 20px;
margin: 0 20px 0 0;
}
.recommendation-images img:last-child {
margin: 0;
}
.products-kit .main-content .kits-product .recommendation ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin-top:25px;
}
.products-kit .main-content .kits-product .recommendation ul li {
width: 18%;
height: fit-content;
background: radial-gradient(25.65% 61.5% at 100% 50%, rgba(189, 189, 189, 0.4) 0%, #E7E7E7 100%), #ECECEC;
margin-bottom: 30px;
}
.products-kit .main-content .kits-product .recommendation ul li img {
max-width: 80%;
margin: 10%;
}
.products-kit .main-content .kits-product .recommendation ul li.fix{
width:18%;
height:0;
padding:0;
margin:0;
}
.list-view{
position:relative;
top:-1px;
} .delivery-icons {
width: 100%;
display: flex;
margin: 20px 0;
}
.delivery-icons .delivery-icons-item{
display:flex;
height:min(2.6vw, 50px);
flex:1;
align-items:center;
margin-right:min(1vw, 20px);
}
.delivery-icons .delivery-icons-item:last-child{
margin-right:0;
}
.delivery-icons .delivery-icons-item svg{
height: min(2.6vw, 50px);
width: min(2.6vw, 50px);
margin-right: 10px;
}
.delivery-icons .delivery-icons-item span {
max-width: 120px;
color:#3a0b84;
font-size:min(0.83vw, 16px);
}
@media (max-width: 1200px){
.delivery-icons .delivery-icons-item{
height:min(3.9vw, 50px);
margin-right:min(1.5vw, 20px);
}
.delivery-icons .delivery-icons-item svg{
max-height:min(3.9vw, 50px);
max-width:min(3.9vw, 50px);
}
.delivery-icons .delivery-icons-item span{
font-size:min(1.25vw, 16px);
}
}
@media (max-width: 574px){
.delivery-icons{
width:100%;
height:50px;
}
.delivery-icons .delivery-icons-item{
height:min(13.9vw, 50px);
margin-right:min(11.5vw, 20px);
}
.delivery-icons .delivery-icons-item svg{
max-height:min(13.9vw, 50px);
max-width:min(13.9vw, 50px);
}
.delivery-icons .delivery-icons-item span{
font-size:min(11.25vw, 13px);
}
}
@media (max-width: 768px){
.delivery-icons{
width: 100%;
height: auto;
}
.delivery-icons .delivery-icons-item {
height: auto;
text-align: center;
background: #fff;
border-radius: 4px;
box-shadow: 0 0 10px #0000001a;
flex-direction: column;
padding: 8px;
margin-right: 10px;
margin-bottom: 20px;
}
.delivery-icons .delivery-icons-item:last-child {
margin-right: 0;
}
.delivery-icons .delivery-icons-item svg {
width: 40px;
height: 40px;
margin: 0 0 10px 0;
}
.delivery-icons .delivery-icons-item span {
height: 32px;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: center;
}
.add-to-card {
flex: 0 0 100%;
}
.add-to-card .availability {
margin: 20px 0;
}
}
.popular-products-section .slider-card:hover .order-block{
transition:all 0.5s, margin 0s;
overflow:visible;
}
.recent_no_dots .slick-dots{
display:none;
}
.provider-section .section-inner{
flex-direction: column;
padding-top: 5.5vw;
padding-bottom: 2.8vw;
}
@media (min-width: 1441px) {
.provider-section .section-inner {
padding-top: 79.2px;
padding-bottom: 40.32px;
}
.provider-section .section-title{
margin-bottom:36px;
}
}
.popular-products-section .slider-card .order-block{ }
.order-block-new{
height:0;
overflow:hidden;
}
.card:hover .order-block-new{
height:auto;
} .you-get-section{
height:13.8vw;
max-height:265px;
background:#FAF7FF;
display:flex;
align-items:center;
}
.you-get-section .section-title{
width:40%;
font-weight:800;
color:#3A0B84;
text-transform:uppercase;
line-height: 1.5;
font-family: 'Rawline', sans-serif;
}
.you-get-section .section-title span{
display:block;
font-size:1.6em;
line-height:1;
font-weight:700;
color:#E51368;
transform: translateY(-3px);
}
.you-get-section .you-get-list{
flex:1;
display:flex;
justify-content:space-around;
align-items:center;
}
.you-get-section .you-get-list a img{
max-width: 147px;
}
.categories-section .card .order-block .btn.add_to_cart_button.product_type_simple {
display: none !important;
}
@media (max-width: 574px){
.you-get-section {
height: auto;
max-height: 100%;
padding: 0 0 30px 0;
}
.you-get-section .section-inner {
flex-direction: column;
}
.you-get-section .section-title {
width: 100%;
font-size: 36px;
margin-bottom: 3vw;
}
.you-get-section .section-title span {
font-size: 58px;
display: block;
}
.you-get-section .you-get-list {
flex-wrap: wrap;
}
.you-get-section .you-get-list a {
width: 50%;
text-align: center;
padding: 10px;
}
.you-get-section .you-get-list a img{
max-width: 100%;
}
} .providers-section {
padding: 80px 0;
}
.providers-section .section-inner{
display:flex;
flex-direction:column;
}
.providers-section .section-title{
margin-bottom: 100px;
}
.providers-section .providers-list{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.providers-section .providers-list a{
width: 20%;
margin-bottom: 20px;
text-align: center;
}
.providers-section .providers-list a.providers-a-fix{
height:0;
padding:0;
margin:0;
}
.providers-section .providers-list a img{
max-width: 80%;
max-height: 150px;
filter: grayscale(1);
transition: 0.5s;
opacity: 0.5;
}
.providers-section .providers-list a:hover img{
filter:grayscale(0);
opacity:1;
}
@media (max-width: 768px) {
.providers-section .providers-list a {
width: 25%;
}
.products-kit {
padding: 0;
}
.products-kit .main-content .section-title {
margin: 20px 0 30px 0;
}
.products-kit .main-content {
width: 100%;
padding: 20px 20px 0 20px;
}
.products-kit .main-content .variants {
flex-wrap: nowrap;
}
.products-kit .main-content .variants .kit-type {
width: auto;
font-size: 14px;
line-height: 20px;
padding: 8px;
margin: 0 10px 10px 0;
}
.products-kit .main-content .kits-product .recommendation {
padding: 20px;
}
.products-kit .main-content .kits-product .recommendation ul li {
width: 48%;
margin: 0 2% 2% 0;
}
.product-info-wrap {
flex-wrap: wrap;
}
.counter-block-img {
width: 40px;
height: 40px;
}
.counter-block .counter {
width: 80px;
font-size: 30px;
background: none;
}
.recommended-tabs {
background: #FAF7FF;
padding: 30px 0;
margin: 40px -20px;
}
.tabs_content .tabs__item {
padding: 0;
}
.tabs.woocommerce-tabs .tabs_nav ul li {
margin-left: 0;
}
.tabs.woocommerce-tabs {
min-height: unset;
}
.products-kit .main-content .kits-consult {
height: auto;
padding: 0 20px;
margin: 0 -20px;
}
.products-kit .main-content .kits-consult .kits-text {
margin-top: 0;
}
}.rvpscarousel .slick-slide{
width: 100%;
padding: 25px;
box-sizing: border-box;
}
.rvpscarousel .slick-prev,
.rvpscarousel .slick-next
{
position: absolute;
top: 20%;
display: block;
width: 60px;
height: 60px;
padding: 0;
-webkit-transform: translate(0, -45%);
-ms-transform: translate(0, -45%);
transform: translate(0, -45%);
cursor: default;
border: none;
outline: none;
background: transparent;
}
.rvpscarousel .slick-prev:before,
.rvpscarousel .slick-next:before
{
font-size: 60px;
line-height: 1;
opacity: 0.75; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.rvpscarousel .slick-prev:before
{ content:'<';
color: black;
font-size: 60px;
font-weight: 300px;
}
.rvpscarousel .slick-prev{
left: 10px;
z-index: 100;
}
.rvpscarousel .slick-next
{
right: 10px;
z-index: 100;
}
.rvpscarousel .slick-next:before
{ content:'>';
color: black;
font-size: 60px;
font-weight: 300px;
}
.recent_products{
clear: 	both;
visibility: hidden;
}