@charset "UTF-8";

@font-face {
font-family: "Proxima Nova";
src: url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Regular.d97f8f.eot) format("eot"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Regular.995286.woff) format("woff"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Regular.b07861.ttf) format("truetype");
font-style: normal;
font-display: swap;
font-weight: normal;
}
@font-face {
font-family: "Proxima Nova";
src: url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Bold.787088.eot) format("eot"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Bold.1f267d.woff) format("woff"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Bold.772245.ttf) format("truetype");
font-style: normal;
font-display: swap;
font-weight: bold;
}
@font-face {
font-family: "Proxima Nova";
src: url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Black.9a114c.eot) format("eot"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Black.131eab.woff) format("woff"), url(//client.bekaslogistics.com.ua/wp-content/themes/bekas/dist/fonts/ProximaNova-Black.533514.ttf) format("truetype");
font-style: normal;
font-display: swap;
font-weight: 800;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
border: none;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
body {
margin: 0;
}
ul {
list-style-type: none;
}
a {
background: transparent;
text-decoration: none;
}
button,
input {
line-height: normal;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
img {
display: block;
max-width: 100%;
height: auto;
}
textarea:focus,
input:focus {
outline: 0;
}
input {
margin: 0;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
:root {
--c-white: #FFFFFF;
--c-light: #F2F2F2;
--c-darked-blue: #0A1439;
--c-darker-blue: #2E4ED0;
--c-dark-blue: #3956CE;
--c-blue: #3b559a;
--c-blue-none: #ABC3FF;
--c-light-blue: #ECF1FF;
--c-dark-grey: #27282C;
--c-red: #bb3131;
--c-grey: #515151;
--c-light-grey: #E8E8E8;
--bg-grad: linear-gradient(267.07deg, #597AFF -4.32%, #2849CA 106.08%);
--bg-grad-ad: linear-gradient(86.04deg, #618DFF 21.84%, rgba(97, 141, 255, 0) 89.15%);
--fs-160: 160px;
--fs-150: 150px;
--fs-60: 60px;
--fs-36: 36px;
--fs-34: 34px;
--fs-30: 30px;
--fs-28: 28px;
--fs-26: 26px;
--fs-22: 22px;
--fs-20: 20px;
--fs-18: 18px;
--fs-17: 17px;
--fs-16: 16px;
--fs-12: 12px;
--shadow-main: 0px 0px 40px rgba(0, 51, 255, 0.7);
--shadow-ad: 0px 4px 30px rgba(97, 141, 255, 0.5);
}
@media (max-width: 991px) {
:root {
--fs-160: 120px;
--fs-150: 100px;
--fs-60: 50px;
--fs-36: 31px;
--fs-34: 28px;
--fs-30: 26px;
--fs-28: 22px;
--fs-26: 20px;
--fs-22: 18px;
--fs-20: 17px;
--fs-18: 16px;
--fs-17: 15px;
--fs-16: 14px;
--fs-12: 12px;
}
}
.container {
padding: 0 10px;
width: 100%;
display: block;
margin: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.justify-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.justify-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.align-stretch {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.c-white {
color: var(--c-white);
}
.c-light {
color: var(--c-light);
}
.c-darker-blue {
color: var(--c-darker-blue);
}
.c-dark-blue {
color: var(--c-dark-blue);
}
.c-blue {
color: var(--c-blue);
}
.c-light-blue {
color: var(--c-light-blue);
}
.c-dark-grey {
color: var(--c-dark-grey);
}
.c-grey {
color: var(--c-grey);
}
.c-light-grey {
color: var(--c-light-grey);
}
.t-uppercase {
text-transform: uppercase;
}
.t-lowercase {
text-transform: lowercase;
}
.fs-160 {
font-size: var(--fs-160);
}
.fs-150 {
font-size: var(--fs-150);
}
.fs-60 {
font-size: var(--fs-60);
}
.fs-36 {
font-size: var(--fs-36);
}
.fs-34 {
font-size: var(--fs-34);
}
.fs-30 {
font-size: var(--fs-30);
}
.fs-28 {
font-size: var(--fs-28);
}
.fs-26 {
font-size: var(--fs-26);
}
.fs-22 {
font-size: var(--fs-22);
}
.fs-20 {
font-size: var(--fs-20);
}
.fs-18 {
font-size: var(--fs-18);
}
.fs-17 {
font-size: var(--fs-17);
}
.fs-16 {
font-size: var(--fs-16);
}
.fw-normal {
font-weight: normal;
}
.fw-bold {
font-weight: bold;
}
.fw-800 {
font-weight: 800;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.shadow-main {
-webkit-box-shadow: var(--shadow-main);
box-shadow: var(--shadow-main);
}
.shadow-ad {
-webkit-box-shadow: var(--shadow-ad);
box-shadow: var(--shadow-ad);
}
body {
font-family: "Proxima Nova";
font-weight: normal;
color: var(--c-dark-grey);
}
.app {
overflow: hidden;
}
.btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 56px;
font-size: 20px;
color: var(--c-white);
background: var(--bg-grad);
-webkit-box-shadow: var(--shadow-main);
box-shadow: var(--shadow-main);
border-radius: 70px;
min-width: 292px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: 10px 30px;
border: none;
}
@media (min-width: 992px) {
.btn:hover {
-webkit-box-shadow: 2px 2px 10px #0033ff;
box-shadow: 2px 2px 10px #0033ff;
cursor: pointer;
}
}
@media (max-width: 575px) {
.btn {
min-width: 100%;
}
}
.btn-white {
background: var(--c-white);
color: var(--c-blue);
}
body {
position: relative;
}
body .img-last {
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
input,
textarea,
select {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 19px;
color: var(--c-dark-grey);
padding: 10px;
background: none;
border-bottom: 1px solid var(--c-blue);
-webkit-transition: all 0.5s;
transition: all 0.5s;
resize: none;
}
input:focus, input:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
border-bottom: 1px solid var(--c-dark-blue);
}
.glide-controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.glide-controls__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
width: 53px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.glide-controls__current {
color: var(--c-blue);
font-weight: 800;
font-size: var(--fs-28);
}
.glide-controls__separator {
font-size: var(--fs-22);
font-weight: normal;
}
.glide-controls__all {
font-size: var(--fs-22);
font-weight: normal;
}
.glide-controls__btn {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
padding: 0;
width: 45px;
height: 45px;
background: none;
}
@media (min-width: 1200px) {
.glide-controls__btn:hover {
cursor: pointer;
}
.glide-controls__btn:hover svg path {
stroke: var(--c-blue);
}
}
.glide-controls__btn.btn-prev {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
input[type=submit] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 56px;
font-size: 20px;
color: var(--c-white);
background: var(--bg-grad);
-webkit-box-shadow: var(--shadow-main);
box-shadow: var(--shadow-main);
border-radius: 70px;
min-width: 292px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
padding: 10px 30px;
}
@media (min-width: 992px) {
input[type=submit]:hover {
-webkit-box-shadow: 2px 2px 10px #0033ff;
box-shadow: 2px 2px 10px #0033ff;
cursor: pointer;
}
}
@media (max-width: 575px) {
input[type=submit] {
min-width: 100%;
}
}
input[type=submit].btn-white {
background: var(--c-white);
color: var(--c-blue);
}
.wpcf7-form > p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wpcf7-form input[type=submit] {
margin: auto;
}
.wpcf7-form .wpcf7-form-control-wrap {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 31%;
margin-bottom: 65px;
}
@media (max-width: 767px) {
.wpcf7-form .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 20px;
}
}
.wpcf7-form .wpcf7-form-control-wrap input, .wpcf7-form .wpcf7-form-control-wrap textarea, .wpcf7-form .wpcf7-form-control-wrap select {
width: 100%;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid {
border-bottom: 1px solid var(--c-red);
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
position: absolute;
font-size: var(--fs-12);
color: var(--c-red);
width: 100%;
left: 0;
top: 100%;
}
.wpcf7-response-output {
display: none;
}
.card {
background: var(--c-white);
padding: 35px 0;
}
.card-img {
margin-bottom: 37px;
max-height: 215px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.card-img img {
max-width: 100%;
margin: auto;
}
.card-title {
padding: 16px 35px;
font-weight: bold;
font-size: var(--fs-18);
background: var(--c-light-blue);
text-align: center;
}
.card-tth {
padding: 12px 35px;
margin-bottom: 15px;
}
.card-tth.price {
margin-bottom: 0;
}
.card-tth.price .card-tth__item {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.card-tth.price .card-tth__item:first-child span:last-child {
color: var(--c-blue);
font-size: var(--fs-22);
}
.card-tth.price .card-tth__item:last-child {
border-bottom: none;
}
.card-tth.price .card-tth__item span {
width: 40%;
}
.card-tth.price .card-tth__item span:first-child {
width: 60%;
white-space: break-spaces;
font-weight: normal;
font-size: var(--fs-16);
}
.card-tth.price .card-tth__item span:last-child {
text-align: right;
font-weight: bold;
font-size: var(--fs-18);
}
.card-tth__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px solid #C4C4C4;
padding: 6px 0;
}
.card-tth__item span {
width: 50%;
}
.card-tth__item span:first-child {
font-weight: bold;
}
.card-price {
color: var(--c-blue);
font-weight: 800;
font-size: var(--fs-22);
text-align: center;
margin-bottom: 36px;
}
.card-btns {
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.card-btns__btn {
width: 49%;
min-width: unset;
}
.header {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 200;
}
@media (max-width: 767px) {
.header-body__logo {
display: none;
}
}
.header-body .switcher {
margin-left: 10px;
}
.header-body .switcher .switcher-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-body .switcher .switcher-list li.lang-item {
padding: 2px 10px;
margin-bottom: 0;
}
.header-body .switcher .switcher-list li.lang-item img {
display: none;
}
.header-body .switcher .switcher-list li.lang-item > span, .header-body .switcher .switcher-list li.lang-item > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header-body .switcher .switcher-list li.lang-item > span {
color: var(--c-blue-none);
}
.header-body .switcher .switcher-list li.lang-item > a {
color: var(--c-white);
}
.header-body__socials {
margin-left: auto;
padding: 15px 0;
border-bottom: 1px solid var(--c-blue-none);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.header-body__socials {
width: 100%;
}
}
.header-body__socials li {
margin: 0 15px;
}
@media (max-width: 767px) {
.header-body__socials li {
margin: 0 10px;
}
}
@media (max-width: 575px) {
.header-body__socials li {
margin: 0 6px;
}
}
.header-body__socials li:first-child {
margin-left: 0;
}
.header-body__socials li:last-child {
margin-right: 0;
}
@media (max-width: 575px) {
.header-body__socials li:last-child a {
font-size: 16px;
}
}
.header-body__socials li a {
color: var(--c-blue-none);
font-size: 20px;
text-transform: none;
text-decoration: none;
}
.intro {
background-size: cover;
background-position: center;
position: relative;
min-height: 80vh;
}
@media (max-width: 1199px) {
.intro {
background-position: 35% center;
}
}
@media (max-width: 991px) {
.intro {
background-position: 25% center;
}
}
@media (max-width: 767px) {
.intro {
background-position: 5% center;
min-height: 540px;
}
}
@media (max-width: 575px) {
.intro {
padding: 30px 0;
}
}
.intro-text {
max-width: 535px;
}
@media (max-width: 767px) {
.intro-text {
text-align: center;
}
}
.intro-text__title {
margin-bottom: 20px;
}
.intro-text__subtitle {
margin-bottom: 15px;
}
.intro-text__text {
margin-bottom: 45px;
}
.intro-text__btn {
position: relative;
}
.intro-text__btn img {
position: absolute;
left: 90%;
width: 100px;
bottom: -13px;
}
@media (max-width: 575px) {
.intro-text__btn img {
left: unset;
right: 0;
}
}
.choice {
position: relative;
background: var(--c-light-grey);
padding-bottom: 100px;
overflow: hidden;
}
@media (max-width: 575px) {
.choice {
padding-bottom: 45px;
}
}
.choice-adv {
background: var(--c-dark-grey);
padding: 11px 0;
position: absolute;
height: 90px;
right: 42%;
bottom: -30px;
width: 58%;
-webkit-box-shadow: var(--shadow-ad);
box-shadow: var(--shadow-ad);
z-index: 2;
}
@media (max-width: 1199px) {
.choice-adv {
width: 80%;
right: 20%;
}
}
@media (max-width: 991px) {
.choice-adv {
width: 100%;
right: 5%;
}
}
@media (max-width: 767px) {
.choice-adv {
width: 100%;
right: 0%;
}
}
@media (max-width: 767px) {
.choice-adv__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
}
}
@media (max-width: 575px) {
.choice-adv__list {
padding: 0 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.choice-adv__item {
padding: 0 50px;
}
@media (max-width: 767px) {
.choice-adv__item {
padding: 0 20px;
}
}
@media (max-width: 575px) {
.choice-adv__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
}
.choice-adv__item:last-child {
padding-right: 0;
}
}
.choice-adv__item:first-child {
padding-left: 0;
}
.choice-adv__item:not(:last-child) {
border-right: 1px solid var(--c-white);
}
.choice-adv__i {
margin-right: 10px;
}
@media (max-width: 575px) {
.choice-adv__i {
width: 60px;
height: 60px;
}
}
.choice-adv__i svg {
display: block;
}
@media (max-width: 575px) {
.choice-adv__t {
font-size: var(--fs-16);
}
}
.choice-decor {
position: absolute;
}
.choice-decor-1 {
right: 0;
top: 0;
}
.choice-decor-2 {
bottom: 25px;
left: 0;
}
.choice-decor-key {
right: -55px;
top: 72px;
}
@media (max-width: 767px) {
.choice-decor-key {
right: unset;
left: 87%;
}
}
@media (max-width: 575px) {
.choice-decor-key {
top: 39%;
left: 76%;
}
}
.choice-form {
padding-top: 105px;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 98px;
padding-right: 68px;
margin-bottom: 96px;
}
@media (max-width: 767px) {
.choice-form {
padding-left: 40px;
padding-right: 40px;
text-align: center;
}
}
.choice-form:before {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 25px;
content: "";
background: var(--c-white);
}
.choice-form__head {
margin-bottom: 37px;
position: relative;
}
.choice-form__title {
margin-bottom: 10px;
position: relative;
}
.choice-form__form {
position: relative;
z-index: 2;
}
.choice .slider-container select {
width: 100%;
}
.choice-buy__title {
margin-bottom: 15px;
}
.choice-buy__subtitle {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.choice-buy__subtitle {
margin-bottom: 20px;
}
}
.choice-buy__slider {
margin-bottom: 30px;
padding: 0 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (max-width: 767px) {
.choice-buy__slider {
padding: 0 50px;
}
}
.choice-buy__items {
margin-bottom: 70px;
position: relative;
}
.choice-buy__add {
position: relative;
margin-bottom: 65px;
}
.choice-buy__controls {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.choice-buy__controls {
left: 50%;
bottom: calc(100% + 15px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: unset;
}
}
.choice-free {
position: relative;
}
.choice-free__text {
width: 70%;
}
@media (max-width: 1199px) {
.choice-free__text {
width: 50%;
}
}
@media (max-width: 767px) {
.choice-free__text {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
}
.choice-free__free {
position: absolute;
left: 74%;
bottom: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 16px 10px 46px;
background: -webkit-gradient(linear, left top, right top, color-stop(54.32%, #FFFFFF), color-stop(103.21%, rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, #FFFFFF 54.32%, rgba(255, 255, 255, 0) 103.21%);
}
@media (max-width: 1199px) {
.choice-free__free {
left: 50%;
bottom: -57px;
}
}
@media (max-width: 767px) {
.choice-free__free {
width: 100%;
left: unset;
bottom: unset;
position: static;
}
}
@media (max-width: 767px) {
.choice-free__free {
padding: 10px 16px 10px 16px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.choice-free__title {
margin-right: 10px;
}
@media (max-width: 767px) {
.choice-free__title {
margin-right: 0;
text-align: center;
}
}
.choice-free__big {
opacity: 0.15;
line-height: 115px;
}
.choice .glide_slide {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.choice .glide__slide--active {
-webkit-box-shadow: var(--shadow-ad);
box-shadow: var(--shadow-ad);
-webkit-transform: scale(1);
transform: scale(1);
}
.causes {
background-position: center;
background-size: cover;
position: relative;
}
.causes .decor {
position: absolute;
z-index: 1;
}
.causes .decor-1 {
left: 0;
top: 0;
}
.causes .decor-2 {
top: 0;
right: 0;
}
.causes:before {
position: absolute;
content: "";
left: 0;
top: 0;
right: 0;
bottom: 0;
background: var(--c-darked-blue);
opacity: 0.8;
z-index: 1;
}
.causes-body {
position: relative;
z-index: 3;
}
.causes-body__item {
background: rgba(67, 91, 190, 0.75);
width: calc(100% / 3);
padding: 34px 20px;
}
@media (max-width: 991px) {
.causes-body__item {
width: calc(100% / 2);
padding: 24px 10px;
}
}
@media (max-width: 575px) {
.causes-body__item {
width: 100%;
text-align: center;
margin-bottom: 15px;
}
}
.causes-body__item:first-child, .causes-body__item:last-child {
background: none;
}
.causes-body__i {
margin-bottom: 32px;
}
@media (max-width: 575px) {
.causes-body__i {
margin-bottom: 20px;
}
.causes-body__i img {
margin-left: auto;
margin-right: auto;
}
}
.causes-body__tl {
margin-bottom: 10px;
}
.guarantees {
position: relative;
}
.guarantees .decor-img {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
z-index: 0;
}
.guarantees:before {
position: absolute;
bottom: 0;
left: 0;
content: "";
right: 0;
top: 50%;
background: var(--c-light-grey);
z-index: 0;
}
.guarantees-ours {
padding-top: 60px;
padding-bottom: 80px;
}
@media (max-width: 575px) {
.guarantees-ours {
padding-bottom: 40px;
padding-top: 40px;
}
}
.guarantees-ours__body {
position: relative;
}
.guarantees-ours__img {
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
@media (max-width: 1399px) {
.guarantees-ours__img {
width: 487px;
right: 62%;
left: unset;
}
}
@media (max-width: 1199px) {
.guarantees-ours__img {
right: 78%;
}
}
@media (max-width: 991px) {
.guarantees-ours__img {
z-index: 1;
}
}
@media (max-width: 575px) {
.guarantees-ours__img {
visibility: hidden;
}
}
.guarantees-ours__img:before {
z-index: 2;
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: var(--c-darked-blue);
opacity: 0.2;
}
.guarantees-ours__items {
margin-left: auto;
max-width: 80%;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.guarantees-ours__items {
max-width: unset;
}
}
.guarantees-ours__title {
margin-bottom: 25px;
}
@media (max-width: 575px) {
.guarantees-ours__title {
text-align: center;
}
}
.guarantees-ours__lists {
margin-left: auto;
max-width: 80%;
padding: 25px 50px;
background: var(--c-white);
-webkit-box-shadow: var(--shadow-ad);
box-shadow: var(--shadow-ad);
}
@media (max-width: 1199px) {
.guarantees-ours__lists {
max-width: unset;
}
}
@media (max-width: 575px) {
.guarantees-ours__lists {
padding: 15px 15px;
}
}
.guarantees-ours__list {
margin-left: auto;
position: relative;
}
.guarantees-ours__list:before, .guarantees-ours__list:after {
position: absolute;
content: "";
background: var(--c-blue);
}
@media (max-width: 575px) {
.guarantees-ours__list:before, .guarantees-ours__list:after {
display: none;
}
}
.guarantees-ours__list:before {
width: 1px;
height: 100%;
top: 0;
left: 50%;
-webkit-transform: rotateX(-50%);
transform: rotateX(-50%);
}
.guarantees-ours__list:after {
height: 1px;
width: 100%;
left: 0;
top: 50%;
-webkit-transform: rotateY(-50%);
transform: rotateY(-50%);
}
.guarantees-ours__item {
width: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
@media (min-width: 1400px) {
.guarantees-ours__item {
padding: 30px;
}
}
@media (max-width: 575px) {
.guarantees-ours__item {
width: 100%;
border-bottom: 1px solid var(--c-blue);
}
.guarantees-ours__item:last-child {
border-bottom: none;
}
}
.guarantees-ours__ic {
margin-bottom: 24px;
}
@media (max-width: 575px) {
.guarantees-ours__ic {
margin-bottom: 15px;
}
}
.guarantees-ours__ic img {
margin: auto;
}
.guarantees-ours__tl {
margin-bottom: 15px;
}
@media (max-width: 575px) {
.guarantees-ours__tl {
margin-bottom: 5px;
}
}
.guarantees-process {
position: relative;
padding-top: 75px;
margin-bottom: 150px;
}
@media (max-width: 767px) {
.guarantees-process {
margin-bottom: 0;
}
}
.guarantees-process__img {
position: absolute;
background-size: cover;
background-position: center;
width: 40%;
right: 0;
top: -140px;
height: 97%;
z-index: 1;
}
@media (min-width: 1400px) {
.guarantees-process__img {
width: 60%;
}
}
@media (max-width: 767px) {
.guarantees-process__img {
visibility: hidden;
}
}
.guarantees-process__body {
position: relative;
width: 60%;
z-index: 1;
}
@media (max-width: 767px) {
.guarantees-process__body {
width: 100%;
}
}
.guarantees-process__body:before {
position: absolute;
content: "";
background: var(--c-dark-grey);
width: calc(100% + 220px);
height: calc(100% + 150px);
left: -100px;
top: -75px;
}
@media (max-width: 575px) {
.guarantees-process__body:before {
height: calc(100% + 100px);
}
}
.guarantees-process__title {
position: relative;
z-index: 1;
margin-bottom: 46px;
}
@media (max-width: 767px) {
.guarantees-process__title {
text-align: center;
margin-bottom: 25px;
}
}
.guarantees-process__list {
position: relative;
z-index: 1;
}
.guarantees-process__item {
margin-bottom: 52px;
}
@media (max-width: 767px) {
.guarantees-process__item {
margin-bottom: 25px;
}
}
.guarantees-process__header {
margin-bottom: 14px;
}
@media (max-width: 767px) {
.guarantees-process__header {
margin-bottom: 8px;
}
}
.guarantees-process__number {
padding-left: 54px;
margin-right: 25px;
position: relative;
}
.guarantees-process__number:before {
position: absolute;
content: "";
height: 1px;
width: 40px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background: var(--c-blue);
left: 0;
top: 0;
-webkit-transform-origin: right;
transform-origin: right;
}
@media (max-width: 767px) {
.guarantees-process__number:before {
top: -7px;
}
}
.guarantees-process__subtitle {
letter-spacing: 1.1px;
}
.guarantees-process__offer {
position: absolute;
right: 0;
height: 33%;
left: 60%;
z-index: 1;
bottom: -140px;
background: #3B5CDE;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 48px;
}
@media (max-width: 767px) {
.guarantees-process__offer {
position: static;
height: unset;
width: 100%;
bottom: unset;
left: unset;
padding-top: 80px;
padding-bottom: 30px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 575px) {
.guarantees-process__offer {
padding-top: 40px;
}
}
.guarantees-process__offer .bg {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-size: cover;
background-position: center;
}
@media (max-width: 767px) {
.guarantees-process__offer .bg {
visibility: hidden;
}
}
.guarantees-process__test {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 360px;
position: relative;
}
@media (max-width: 767px) {
.guarantees-process__test {
max-width: unset;
width: 100%;
}
}
.guarantees-process__test span:nth-of-type(2) {
margin-bottom: 33px;
}
.guarantees-stock {
padding-top: 74px;
position: relative;
padding-bottom: 90px;
z-index: 1;
}
@media (max-width: 575px) {
.guarantees-stock {
padding-bottom: 40px;
padding-top: 40px;
}
}
.guarantees-stock__title {
margin-bottom: 30px;
position: relative;
}
@media (max-width: 575px) {
.guarantees-stock__title {
margin-bottom: 60px;
width: 100%;
text-align: center;
}
}
.guarantees-stock__title .glide-controls {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 575px) {
.guarantees-stock__title .glide-controls {
top: 100%;
right: 50%;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
}
.form {
padding-top: 100px;
padding-bottom: 45px;
position: relative;
}
@media (max-width: 1199px) {
.form {
padding-top: 50px;
}
}
@media (max-width: 575px) {
.form {
padding-top: 40px;
}
}
.form .wpcf7-form .wpcf7-form-control-wrap {
margin-bottom: 20px;
width: 100%;
}
.form-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
}
.form-body .decor {
position: absolute;
height: 100%;
top: 0;
}
.form-body .decor-1 {
left: 71%;
-webkit-transform: rotate(345deg);
transform: rotate(345deg);
}
.form-body .decor-2 {
right: 80%;
-webkit-transform: rotate(358deg);
transform: rotate(358deg);
}
.form-body .decor-text {
color: var(--c-light);
color: #757575;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 31%;
left: 5%;
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
.form-body__left {
max-width: 555px;
position: relative;
}
@media (max-width: 1199px) {
.form-body__left {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: unset;
}
}
.form-body__right {
padding-left: 84px;
}
@media (max-width: 1199px) {
.form-body__right {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
margin-bottom: 35px;
text-align: center;
width: 100%;
padding-left: 0;
}
}
@media (max-width: 767px) {
.form-body__right {
margin-bottom: 25px;
}
}
.form-body__header {
height: 93px;
background: var(--c-dark-blue);
position: relative;
}
.form-body__header span {
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
background-size: cover;
background-position: center;
}
.form-body__form {
padding: 44px 98px 56px 98px;
background: var(--c-white);
position: relative;
}
@media (max-width: 575px) {
.form-body__form {
padding: 25px 20px 35px 20px;
}
}
.form-body__form select {
width: 100%;
margin-bottom: 20px;
}
.form-body__form input {
margin-bottom: 14px;
}
.form-body__form button {
margin-top: 16px;
}
.form-body__form input[type=submit] {
margin-top: 40px;
}
@media (max-width: 575px) {
.form-body__form input[type=submit] {
margin-top: 20px;
}
}
.form-body__form label {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.form-body__form label span:first-child {
color: var(--c-blue);
}
.form-body__img {
position: absolute;
width: 70vw;
right: 0;
top: 0;
z-index: 0;
}
@media (max-width: 1800px) {
.form-body__img {
width: 1300px;
}
}
@media (max-width: 1399px) {
.form-body__img {
width: 1000px;
}
}
@media (max-width: 1199px) {
.form-body__img {
visibility: hidden;
}
}
.form-body__img img {
width: 100%;
}
.faq {
padding-top: 45px;
padding-bottom: 45px;
position: relative;
z-index: 1;
}
@media (max-width: 575px) {
.faq {
padding-top: 15px;
}
}
.faq-body {
max-width: 750px;
margin: auto;
}
.faq-body__title {
margin-bottom: 30px;
}
.faq-body__item {
margin-bottom: 10px;
}
.faq-body__item:last-child {
margin-bottom: 0;
}
.faq-body__number {
padding-top: 13px;
margin-right: 13px;
}
.faq-body__content {
-webkit-box-flex: 1;
-ms-flex: auto;
flex: auto;
background: var(--c-light-blue);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.faq-body__subtitle {
padding: 10px 15px;
}
@media (min-width: 1200px) {
.faq-body__subtitle:hover {
cursor: pointer;
}
}
.faq-body__btn {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.faq-body__text {
-webkit-transition: all 0.5s;
transition: all 0.5s;
max-height: 0;
overflow: hidden;
}
.faq-body__text > span {
display: block;
padding: 10px 40px 25px 35px;
}
@media (max-width: 575px) {
.faq-body__text > span {
padding-top: 0;
}
}
.faq-body__item.show .faq-body__btn {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.faq-body__item.show .faq-body__text {
max-height: 30rem;
}
.video {
padding-top: 45px;
padding-bottom: 45px;
}
@media (max-width: 575px) {
.video {
padding-bottom: 0;
}
}
.video-body {
position: relative;
padding-bottom: 145px;
}
@media (max-width: 575px) {
.video-body {
padding-bottom: 70px;
}
}
.video-body__title {
margin-bottom: 40px;
position: relative;
}
.video-body__title .glide-controls {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-body__list {
height: 367px;
}
.video-body__video iframe {
max-width: 100%;
}
.video-body__text {
background: var(--c-light-blue);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.video-promo {
position: absolute;
left: -15px;
color: var(--c-light);
bottom: 0;
}
@media (max-width: 575px) {
.video-promo {
font-size: var(--fs-36);
}
}
@media (min-width: 576px) {
.video-promo {
font-size: 50px;
}
}
@media (min-width: 768px) {
.video-promo {
font-size: 100px;
}
}
@media (min-width: 1200px) {
.video-promo {
font-size: 120px;
}
}
@media (min-width: 1400px) {
.video-promo {
font-size: var(--fs-150);
}
}
.testimonials {
padding-top: 45px;
padding-bottom: 45px;
}
.testimonials-body {
position: relative;
padding-bottom: 145px;
}
.testimonials-body__title {
margin-bottom: 40px;
position: relative;
}
.testimonials-body__title .glide-controls {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.testimonials-body__list {
height: 205px;
}
.testimonials-body__item iframe {
max-width: 100%;
}
.testimonials-body__text {
background: var(--c-light-blue);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
}
.now {
position: relative;
z-index: 1;
}
.now-body {
background: var(--c-dark-blue);
}
.now-body_c {
background-size: cover;
background-position: center;
}
.now-body__gradient {
padding: 57px 69px;
background: var(--bg-grad-ad);
}
@media (max-width: 575px) {
.now-body__gradient {
padding: 20px;
}
}
.now-body__title {
width: 100%;
margin-bottom: 15px;
}
.now-body__text {
width: 100%;
margin-bottom: 20px;
}
.now-body__form {
width: 100%;
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap {
margin-bottom: 0;
}
@media (max-width: 991px) {
.now-body__form .wpcf7-form .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 20px;
}
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap:first-child {
margin-right: 15px;
}
@media (max-width: 991px) {
.now-body__form .wpcf7-form .wpcf7-form-control-wrap:first-child {
margin-right: 0;
}
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input, .now-body__form  input {
color: var(--c-white);
border-bottom-color: var(--c-light);
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input::-webkit-input-placeholder, .now-body__form input::-webkit-input-placeholder {
color: var(--c-white);
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input::-moz-placeholder .now-body__form input::-moz-placeholder {
color: var(--c-white);
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input:-ms-input-placeholder, .now-body__form input:-ms-input-placeholder {
color: var(--c-white);
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input::-ms-input-placeholder, .now-body__form input::-ms-input-placeholder {
color: var(--c-white);
}
.now-body__form .wpcf7-form .wpcf7-form-control-wrap input::placeholder, .now-body__form input::placeholder {
color: var(--c-white);
}
.now-body__form p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.footer {
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
background-color: var(--c-light-grey);
padding-top: 300px;
margin-top: -150px;
position: relative;
overflow-x: hidden;
}
@media (max-width: 991px) {
.footer {
padding-top: 200px;
}
}
.footer-body {
position: relative;
padding-top: 63px;
padding-bottom: 73px;
}
.footer-body > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body > div svg {
margin-right: 5px;
}
.footer-body > div a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body__bg {
position: absolute;
background: var(--c-dark-grey);
height: 100%;
width: 70vw;
right: 34%;
top: 0;
}
@media (max-width: 991px) {
.footer-body__bg {
width: 140vw;
right: -10vw;
}
}
.footer-body__bg img {
position: absolute;
bottom: 0;
right: 30vw;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
max-height: 70vw;
}
.footer-body__inf {
width: 32%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-right: 45px;
z-index: 3;
}
@media (max-width: 991px) {
.footer-body__inf {
width: 100%;
padding-left: 45px;
}
}
@media (max-width: 575px) {
.footer-body__inf {
padding-left: 0;
padding-right: 0;
}
}
.footer-body__desc {
width: 32%;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 45px;
}
@media (max-width: 991px) {
.footer-body__desc {
width: 100%;
}
}
@media (max-width: 575px) {
.footer-body__desc {
padding-left: 0;
padding-right: 0;
}
}
.footer-body__address {
margin-left: auto;
width: 32%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 45px;
}
@media (max-width: 991px) {
.footer-body__address {
width: 100%;
position: relative;
padding-left: 0;
color: var(--c-white);
}
}
@media (max-width: 575px) {
.footer-body__address {
padding-left: 0;
padding-right: 0;
}
}
.footer-body__logo {
margin-bottom: 20px;
}
@media (max-width: 991px) {
.footer-body__logo {
width: 100%;
text-align: center;
}
.footer-body__logo img {
margin-left: auto;
margin-right: auto;
}
}
.footer-body__t1 {
margin-bottom: 40px;
}
@media (max-width: 991px) {
.footer-body__t1 {
text-align: center;
width: 100%;
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.footer-body__btn {
width: 100%;
margin-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer-body hr {
width: 100%;
height: 1px;
margin-top: 15px;
margin-bottom: 15px;
}
.footer-body__socials {
width: 100%;
}
@media (max-width: 991px) {
.footer-body__socials {
padding-top: 20px;
}
}
.footer-body__socials li {
margin: 0 10px;
}
.footer-body__socials li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 45px;
height: 45px;
padding: 5px;
background: var(--c-white);
border-radius: 50%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (min-width: 1200px) {
.footer-body__socials li a:hover {
background: var(--c-blue);
}
.footer-body__socials li a:hover svg path {
fill: var(--c-white);
}
}
.footer-body__a1 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body__a1 i {
width: 15px;
margin-right: 10px;
}
.footer-body__a1 a {
color: var(--c-blue);
text-decoration: none;
}
@media (max-width: 991px) {
.footer-body__a1 a {
color: var(--c-white);
}
}
.footer-body__a2 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body__a2 i {
width: 15px;
margin-right: 10px;
}
.footer-body__a2 a {
color: var(--c-blue);
text-decoration: none;
}
@media (max-width: 991px) {
.footer-body__a2 a {
color: var(--c-white);
}
}
.footer-body__a3 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body__a3 i {
width: 15px;
margin-right: 10px;
}
.footer-body__a3 a {
color: var(--c-blue);
text-decoration: none;
}
@media (max-width: 991px) {
.footer-body__a3 a {
color: var(--c-white);
}
}
.footer-body__a4 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-body__a4 i {
width: 15px;
margin-right: 10px;
}
.footer-body__a4 a {
color: var(--c-blue);
text-decoration: none;
}
@media (max-width: 991px) {
.footer-body__a4 a {
color: var(--c-white);
}
}
.glide {
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.glide * {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.glide__track {
overflow: hidden;
}
.glide__slides {
position: relative;
width: 100%;
list-style: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-ms-touch-action: pan-Y;
touch-action: pan-Y;
overflow: hidden;
padding: 0;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
will-change: transform;
}
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__slide {
width: 100%;
height: 100%;
-ms-flex-negative: 0;
flex-shrink: 0;
white-space: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
} .modal {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 20;
}
.modal__container {
background-color: #fff;
padding: 30px;
max-width: 500px;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.modal__close {
background: transparent;
border: 0;
}
.modal__header .modal__close:before {
content: "✕";
}
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
}
.modal__content .wpcf7-form .wpcf7-form-control-wrap {
width: 100%;
margin-bottom: 20px;
}
.modal__btn {
font-size: 0.875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
border-radius: 0.25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.modal__btn:focus, .modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
} @-webkit-keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes mmslideIn {
from {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes mmslideIn {
from {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes mmslideOut {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
@keyframes mmslideOut {
from {
-webkit-transform: translateY(0);
transform: translateY(0);
}
to {
-webkit-transform: translateY(-10%);
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
-webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=false] .modal__container {
-webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__overlay {
-webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden=true] .modal__container {
-webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
.rs-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.rs-container {
font-family: Arial, Helvetica, sans-serif;
height: 45px;
position: relative;
}
.rs-container .rs-bg, .rs-container .rs-selected {
background-color: var(--c-white);
border: 1px solid #ededed;
height: 10px;
left: 0;
position: absolute;
top: 5px;
width: 100%;
border-radius: 3px;
}
.rs-container .rs-selected {
background-color: var(--c-blue);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 0;
}
.rs-container.disabled .rs-selected {
background-color: var(--c-white);
border-color: #bbb;
}
.rs-container .rs-pointer {
background-color: #fff;
border: 4px solid var(--c-white);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
left: -10px;
position: absolute;
top: -5px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 30px;
height: 30px;
border-radius: 50%;
background: var(--c-blue);
}
.rs-container.disabled .rs-pointer {
border-color: #ccc;
}
.container .rs-pointer::after {
left: auto;
right: 12px;
}
.rs-container.disabled .rs-pointer {
cursor: default;
}
.rs-container.sliding .rs-selected,
.rs-container.sliding .rs-pointer {
-webkit-transition: none;
transition: none;
}
.rs-container .rs-scale {
left: 0;
position: absolute;
top: 5px;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rs-container .rs-scale span {
float: left;
position: relative;
}
@media (max-width: 767px) {
.rs-container .rs-scale span:nth-of-type(even) ins {
margin-top: 40px;
}
.rs-container .rs-scale span:nth-of-type(odd) ins {
margin-top: 20px;
}
}
.rs-container .rs-scale span::before {
content: "";
background-color: #fff;
border: 2px solid var(--c-white);
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
left: 0;
position: absolute;
top: -2px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--c-blue);
}
.rs-container.rs-noscale span::before {
display: none;
}
.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
display: block;
}
.rs-container .rs-scale span:last-child {
margin-left: -1px;
width: 0px;
}
.rs-container .rs-scale span ins {
color: #333;
display: inline-block;
font-size: 12px;
margin-top: 27px;
text-decoration: none;
font-weight: bold;
font-size: var(--fs-16);
}
.rs-container.disabled .rs-scale span ins {
color: #999;
}
.rs-tooltip {
color: #333;
width: auto;
font-weight: bold;
min-width: 60px;
position: relative;
background: #fff;
border-radius: 3px;
position: absolute;
-webkit-transform: translate(-50%, -10px);
transform: translate(-50%, -10px);
left: 13px;
text-align: center;
font-size: 13px;
padding: 8px 10px;
white-space: nowrap;
bottom: calc(100% + 7px);
}
.rs-tooltip:before {
position: absolute;
width: 12px;
height: 11.7px;
content: "";
bottom: -6px;
background: var(--c-white);
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.rs-container.disabled .rs-tooltip {
border-color: #ccc;
color: #999;
}
.wr-loader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
background: rgba(255, 255, 255, 0.7);
}
.loader {
border: 8px solid #f3f3f3; border-top: 8px solid #3498db; border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 10;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.modform {
text-align: center;
}
.modform .btn.intro-text__btn {
margin-top: 30px;
}
.modform input {
width: 300px;
}