/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
/*
Stylus variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon_home_width;
}
The large array-like variables contain all information about a single icon
$icon_home = x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet = width height image $spritesheet_sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
spriteWidth($icon_home)
}
.icon-email {
sprite($icon_email)
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
*/
/*
The `sprites` mixin generates identical output to the CSS template
but can be overridden inside of Stylus
This must be run when you have at least 2 sprites.
If run with a single sprite, then there will be reference errors.
sprites($spritesheet_sprites);
*/
* {
margin: 0;
padding: 0;
font: inherit;
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-focus-ring-color: rgba(255,255,255,0);
cursor: default;
}
body {
font-size: 100%;
line-height: 1;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
a {
background: transparent;
}
*:focus,
*:active,
*:hover {
outline: none;
}
hr {
box-sizing: content-box;
height: 0;
}
ol,
ul {
list-style: none;
}
pre {
-moz-tab-size: 4;
tab-size: 4;
white-space: pre-wrap;
}
q {
quotes: '\201C' '\201D' '\2018' '\2019';
}
img {
border: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button {
overflow: visible;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
input[type='checkbox'],
input[type='radio'] {
box-sizing: border-box;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
height: auto;
}
input[type='search'] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: none;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
button,
input,
select[multiple],
textarea {
background-image: none;
}
input,
select,
textarea {
border-radius: 0;
box-shadow: none;
}
input,
textarea {
resize: none;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
[placeholder]:focus:-ms-input-placeholder {
color: transparent;
}
[placeholder]:focus::placeholder {
color: transparent;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.img-responsive,
.articles__preview,
.card-blog__preview-image,
.nav-section__cover,
.warehouses__preview {
max-width: 100%;
height: auto;
}
.fleft {
float: left;
}
.fright {
float: right;
}
.text-underline {
text-decoration: underline;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-nowrap {
white-space: nowrap;
}
section {
position: relative;
}
main {
position: relative;
height: 100%;
clear: both;
}
header,
nav,
section,
article,
aside,
footer,
main {
display: block;
}
.text-primary {
color: #0fd6fc;
}
@keyframes button-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@font-face {
font-family: 'Lato-regular';
src: url("../fonts/lato-regular-webfont/lato-regular-webfont.eot");
src: url("../fonts/lato-regular-webfont/lato-regular-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-regular-webfont/lato-regular-webfont.woff") format('woff'), url("../fonts/lato-regular-webfont/lato-regular-webfont.ttf") format('truetype'), url("../fonts/lato-regular-webfont/lato-regular-webfont.svg#Lato-regular") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-italic';
src: url("../fonts/lato-italic-webfont/lato-italic-webfont.eot");
src: url("../fonts/lato-italic-webfont/lato-italic-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-italic-webfont/lato-italic-webfont.woff") format('woff'), url("../fonts/lato-italic-webfont/lato-italic-webfont.ttf") format('truetype'), url("../fonts/lato-italic-webfont/lato-italic-webfont.svg#Lato-italic") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-medium';
src: url("../fonts/lato-medium-webfont/lato-medium-webfont.eot");
src: url("../fonts/lato-medium-webfont/lato-medium-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-medium-webfont/lato-medium-webfont.woff") format('woff'), url("../fonts/lato-medium-webfont/lato-medium-webfont.ttf") format('truetype'), url("../fonts/lato-medium-webfont/lato-medium-webfont.svg#Lato-medium") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-medium-italic';
src: url("../fonts/lato-mediumitalic-webfont/lato-mediumitalic-webfont.eot");
src: url("../fonts/lato-mediumitalic-webfont/lato-mediumitalic-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-mediumitalic-webfont/lato-mediumitalic-webfont.woff") format('woff'), url("../fonts/lato-mediumitalic-webfont/lato-mediumitalic-webfont.ttf") format('truetype'), url("../fonts/lato-mediumitalic-webfont/lato-mediumitalic-webfont.svg#Lato-medium-italic") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-semibold';
src: url("../fonts/lato-semibold-webfont/lato-semibold-webfont.eot");
src: url("../fonts/lato-semibold-webfont/lato-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-semibold-webfont/lato-semibold-webfont.woff") format('woff'), url("../fonts/lato-semibold-webfont/lato-semibold-webfont.ttf") format('truetype'), url("../fonts/lato-semibold-webfont/lato-semibold-webfont.svg#Lato-semibold") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-semibold-italic';
src: url("../fonts/lato-semibolditalic-webfont/lato-semibolditalic-webfont.eot");
src: url("../fonts/lato-semibolditalic-webfont/lato-semibolditalic-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-semibolditalic-webfont/lato-semibolditalic-webfont.woff") format('woff'), url("../fonts/lato-semibolditalic-webfont/lato-semibolditalic-webfont.ttf") format('truetype'), url("../fonts/lato-semibolditalic-webfont/lato-semibolditalic-webfont.svg#Lato-semibold-italic") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-bold';
src: url("../fonts/lato-bold-webfont/lato-bold-webfont.eot");
src: url("../fonts/lato-bold-webfont/lato-bold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-bold-webfont/lato-bold-webfont.woff") format('woff'), url("../fonts/lato-bold-webfont/lato-bold-webfont.ttf") format('truetype'), url("../fonts/lato-bold-webfont/lato-bold-webfont.svg#Lato-bold") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-bold-italic';
src: url("../fonts/lato-bolditalic-webfont/lato-bolditalic-webfont.eot");
src: url("../fonts/lato-bolditalic-webfont/lato-bolditalic-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-bolditalic-webfont/lato-bolditalic-webfont.woff") format('woff'), url("../fonts/lato-bolditalic-webfont/lato-bolditalic-webfont.ttf") format('truetype'), url("../fonts/lato-bolditalic-webfont/lato-bolditalic-webfont.svg#Lato-bold-italic") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Lato-black';
src: url("../fonts/lato-black-webfont/lato-black-webfont.eot");
src: url("../fonts/lato-black-webfont/lato-black-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/lato-black-webfont/lato-black-webfont.woff") format('woff'), url("../fonts/lato-black-webfont/lato-black-webfont.ttf") format('truetype'), url("../fonts/lato-black-webfont/lato-black-webfont.svg#Lato-black") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
@font-face {
font-family: 'Serif-Pro_Semibold';
src: url("../fonts/sourceserifpro-semibold-webfont/sourceserifpro-semibold-webfont.eot");
src: url("../fonts/sourceserifpro-semibold-webfont/sourceserifpro-semibold-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/sourceserifpro-semibold-webfont/sourceserifpro-semibold-webfont.woff") format('woff'), url("../fonts/sourceserifpro-semibold-webfont/sourceserifpro-semibold-webfont.ttf") format('truetype'), url("../fonts/sourceserifpro-semibold-webfont/sourceserifpro-semibold-webfont.svg#Lato-black") format('svg');
font-weight: 'normal';
font-style: 'normal';
}
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
textadjust: 100%;
}
body {
min-width: 320px;
margin: 0;
padding: 0;
font-smoothing: antialiased;
font-family: 'Lato-regular', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 1.7142;
color: #292929;
background-color: #fff;
}
@media only screen and (max-width: 767px) {
body.js-is-hidden-xs {
overflow-y: hidden;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
display: block;
margin: 0;
padding: 0;
}
img,
input,
textarea,
button,
a {
border: none;
outline: none;
}
.link,
.card-blog__title,
.dropdown__item,
.footer__link,
.localization .dropdown__toggle,
.mobile-navigations__item,
.navigation__link {
text-decoration: none;
cursor: pointer;
color: inherit;
transition: color 300ms ease-in-out, background-color 300ms ease-in-out;
}
.link:hover,
.card-blog__title:hover,
.dropdown__item:hover,
.footer__link:hover,
.localization .dropdown__toggle:hover,
.mobile-navigations__item:hover,
.navigation__link:hover {
text-decoration: none;
color: #999;
}
.font-weight-regular {
font-family: $font_Lato-regular;
}
.font-weight-medium,
.calculator__label {
font-family: 'Lato-medium', sans-serif;
}
.font-weight-semibold,
.header,
.mobile-navigations__item,
.promo__slider-trigger,
.services__slider-trigger {
font-family: 'Lato-semibold', sans-serif;
}
.font-weight-bold,
b,
strong,
.card-blog__title,
.card-blog__tag,
.card-blog__link,
.btn--primary,
.feedback__name,
.feedback__work,
.footer__title,
.history__title,
.list__title,
.main-title,
.map__marker-label,
.nav-section__caption,
.statistics__title,
.statistics__caption,
.tabs__item,
.user,
.user__city,
.warehouses__title {
font-family: 'Lato-bold', sans-serif;
}
.font-weight-black,
.slider-promo__blend {
font-family: 'Lato-black', sans-serif;
}
.font-style-italic,
i,
em {
font-family: 'Lato-italic', sans-serif;
}
.bitcoin::after {
margin-left: 3px;
content: '₿';
font-family: 'Serif-Pro_Semibold';
font-size: inherit;
}
.font-style-mediumitalic {
font-family: 'Lato-medium-italic', sans-serif;
}
.font-style-semibolditalic {
font-family: 'Lato-semibold-italic', sans-serif;
}
.font-style-bolditalic {
font-family: 'Lato-bold-italic', sans-serif;
}
.text-fill-color .text-gradient,
.text-fill-color .card-blog__tag,
.text-fill-color .card-blog__link,
.text-fill-color .feedback__work,
.text-fill-color .history__title,
.text-fill-color .main-title__gradient-text,
.text-fill-color .promo__slider-trigger:hover:not(.js-is-active) .promo__caption,
.text-fill-color .statistics__item:nth-child(odd) .statistics__title,
.text-fill-color .statistics__item:nth-child(odd) .statistics__caption,
.text-fill-color .user__city {
background: linear-gradient(to right, #0fd6fc 0%, #08a7f2 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.background-gradient,
.btn--primary,
.slick-dots li.slick-active button,
.slider-promo__dots li.slick-active button,
.promo__slider-trigger.js-is-active,
.range-slider .irs-bar,
.slider-services__dots li.slick-active button,
.services__slider-trigger:hover:not(.js-is-active)::after,
.services__slider-trigger.js-is-active,
.statistics__item:nth-child(even),
.tabs__item:hover::after,
.tabs__item.js-is-active,
.tabs__item.js-is-active::after,
.tabs__arrows-prev:hover:not(.slick-disabled),
.tabs__arrows-next:hover:not(.slick-disabled) {
background: linear-gradient(to right, #0fd6fc 0%, #08a7f2 100%);
}
p {
padding-bottom: 25px;
}
.articles {
position: relative;
margin-bottom: 28px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.articles {
margin-bottom: 48px;
text-align: left;
}
}
@media only screen and (min-width: 1280px) {
.articles {
margin-bottom: 0;
padding-top: 104px;
padding-bottom: 94px;
}
}
@media only screen and (min-width: 768px) {
.articles__main-title {
margin-bottom: 13px;
}
}
@media only screen and (min-width: 1280px) {
.articles__main-title {
margin-bottom: 30px;
}
}
.articles__row {
display: block;
}
@media only screen and (min-width: 1280px) {
.articles__row {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1280px) {
.articles__row--align-right .articles__preview {
-ms-flex-order: 2;
order: 2;
}
}
.articles__preview {
display: block;
margin-bottom: 12px;
border-radius: 6px;
}
@media only screen and (min-width: 1280px) {
.articles__preview {
margin-bottom: 25px;
}
}
.articles__text {
font-size: 14px;
line-height: 1.6;
color: #6c6c6c;
}
@media only screen and (min-width: 1280px) {
.articles__text {
width: 47%;
}
}
.articles__circle {
display: none;
}
@media only screen and (min-width: 1800px) {
.articles__circle {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.articles__circle--left-top {
top: 0;
left: 0;
width: 172px;
height: 222px;
background-image: url("../images/backgrounds/circle-top-left.jpg");
}
.articles__circle--left-middle {
top: 244px;
left: 187px;
width: 70px;
height: 70px;
background-image: url("../images/backgrounds/circle-middle-left.jpg");
}
.articles__circle--left-bottom {
top: 560px;
left: 0;
width: 92px;
height: 138px;
background-image: url("../images/backgrounds/circle-bottom-left.jpg");
}
.articles__circle--right-top {
right: 185px;
bottom: 667px;
width: 60px;
height: 60px;
background-image: url("../images/backgrounds/circle-top-right.jpg");
}
.articles__circle--right-middle {
right: 0;
bottom: 423px;
width: 108px;
height: 102px;
background-image: url("../images/backgrounds/waves-middle-right.jpg");
}
.articles__circle--right-bottom {
right: 0;
bottom: 0;
width: 258px;
height: 312px;
background-image: url("../images/backgrounds/circle-bottom-right.jpg");
}
}
.blog {
margin-bottom: 60px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.blog {
margin-top: 9px;
margin-bottom: 80px;
}
}
@media only screen and (min-width: 1024px) {
.blog {
margin-top: 31px;
margin-bottom: 120px;
}
}
@media only screen and (min-width: 1800px) {
.blog {
position: relative;
}
}
.blog__grid {
position: relative;
}
@media only screen and (min-width: 1280px) {
.blog__grid {
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog__grid .card-blog {
width: 47%;
}
}
.blog__circle {
display: none;
}
@media only screen and (min-width: 1800px) {
.blog__circle {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.blog__circle--left {
top: -8px;
left: 0;
width: 231px;
height: 756px;
background-image: url("../images/backgrounds/all-l.jpg");
}
.blog__circle--right {
top: 169px;
right: 0;
width: 271px;
height: 699px;
background-image: url("../images/backgrounds/all-r.jpg");
}
}
.card-blog {
margin-bottom: 32px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.card-blog {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.card-blog__preview {
width: 262px;
height: 210px;
-ms-flex: none;
flex: none;
}
}
.card-blog__preview-image {
display: block;
margin-left: auto;
margin-right: auto;
overflow: hidden;
border-radius: 6px;
}
@media only screen and (min-width: 768px) {
.card-blog__preview-image {
width: 262px;
height: 210px;
-ms-flex: none;
flex: none;
}
}
.card-blog__caption {
margin-top: 19px;
}
@media only screen and (min-width: 768px) {
.card-blog__caption {
margin-top: 0;
margin-left: 27px;
}
}
.card-blog__title {
display: block;
padding-bottom: 3px;
font-size: 18px;
line-height: 1.4;
}
@media only screen and (min-width: 768px) {
.card-blog__title {
padding-bottom: 1px;
font-size: 20px;
}
}
.card-blog__tag {
font-size: 12px;
}
.card-blog__icon,
.card-blog__arrow {
position: relative;
display: inline-block;
vertical-align: middle;
}
.card-blog__icon {
width: 13px;
height: 16px;
margin-right: 10px;
}
.card-blog__arrow {
width: 20px;
height: 10px;
margin-left: 5px;
}
.card-blog__pubdate {
margin-top: -3px;
margin-bottom: 13px;
color: #b1b1b1;
}
@media only screen and (min-width: 768px) {
.card-blog__pubdate {
margin-top: 7px;
margin-bottom: 3px;
}
}
.card-blog__pubtext {
padding-bottom: 4px;
line-height: 1.75;
color: #6c6c6c;
}
@media only screen and (min-width: 768px) {
.card-blog__pubtext {
max-height: 77px;
overflow: hidden;
}
}
.btn {
display: block;
background-color: transparent;
}
.btn--hamburger {
width: 47px;
height: 45px;
padding: 10px;
}
.btn--hamburger .btn__icon {
position: absolute;
top: 10px;
left: 10px;
display: block;
width: 27px;
height: 25px;
fill: #333;
transition: transform 300ms ease-in-out;
}
.btn--hamburger .btn__icon--for-close {
transform: scale(0);
}
.btn--hamburger.js-is-open .btn__icon--for-close {
transform: scale(1);
}
.btn--hamburger.js-is-open .btn__icon--for-open {
transform: scale(0);
}
.btn--primary {
display: inline-block;
min-width: 200px;
padding-top: 16px;
padding-bottom: 15px;
font-size: 12px;
line-height: 1;
color: #fff;
text-align: center;
vertical-align: baseline;
text-transform: uppercase;
white-space: nowrap;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 6px;
transition: background 300ms ease-in-out;
}
.btn--primary:hover {
background: linear-gradient(to right, #0fd6fc, #0fd6fc 100%);
}
.btn.is-loading {
position: relative;
text-shadow: none !important;
cursor: default;
pointer-events: auto;
color: transparent !important;
opacity: 1;
transition: all 0s linear, opacity 0.1s ease;
}
.btn.is-loading::before {
position: absolute;
top: 50%;
left: 50%;
width: 1.28571429em;
height: 1.28571429em;
margin: -0.892857em 0 0 -0.64285714em;
content: '';
border: 0.2em solid rgba(0,0,0,0.1);
border-radius: 500rem;
}
.btn.is-loading::after {
position: absolute;
top: 50%;
left: 50%;
width: 1.28571429em;
height: 1.28571429em;
margin: -0.892857em 0 0 -0.64285714em;
content: '';
border: 0.2em solid #fff;
border-top-color: #767676;
border-radius: 500rem;
box-shadow: 0 0 0 1px transparent;
animation: button-spin 0.6s linear;
animation-iteration-count: infinite;
}
.calculator {
width: 300px;
padding: 19px 14px;
background-color: #fff;
border-radius: 6px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 768px) {
.calculator {
width: 420px;
padding: 48px 48px 34px;
}
}
@media only screen and (min-width: 1024px) {
.calculator {
width: 964px;
padding: 20px 0 0;
}
}
@media only screen and (min-width: 1280px) {
.calculator {
width: 420px;
padding: 48px 48px 34px;
}
}
.calculator__row {
margin-bottom: 29px;
}
@media only screen and (min-width: 1024px) {
.calculator__row {
width: 37.5%;
padding-right: 20px;
padding-left: 20px;
}
}
@media only screen and (min-width: 1280px) {
.calculator__row {
width: auto;
margin-bottom: 29px;
padding-right: 0;
padding-left: 0;
}
}
.calculator__row--button {
text-align: center;
}
@media only screen and (min-width: 768px) {
.calculator__row--button {
text-align: left;
}
}
@media only screen and (min-width: 1024px) {
.calculator__row--button {
width: 25%;
}
}
@media only screen and (min-width: 1280px) {
.calculator__row--button {
width: auto;
}
}
.calculator__label {
margin-bottom: 7px;
font-size: 20px;
}
@media only screen and (min-width: 768px) {
.calculator__label {
font-size: 24px;
}
}
@media only screen and (min-width: 1024px) {
.calculator__label {
margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.calculator__label {
margin-bottom: 7px;
}
}
@media only screen and (min-width: 1024px) {
.calculator__group {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: end;
align-items: flex-end;
}
.calculator__group:first-child {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 1280px) {
.calculator__group {
display: block;
}
}
.calculator__button {
margin-top: 10px;
margin-bottom: -7px;
}
@media only screen and (min-width: 1024px) {
.calculator__button {
margin-top: 0;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1280px) {
.calculator__button {
margin-top: 10px;
margin-bottom: -7px;
}
}
.copyright {
text-align: center;
white-space: nowrap;
color: #6c6c6c;
}
.delivery-info {
position: relative;
height: 774px;
margin-bottom: 46px;
}
@media only screen and (min-width: 768px) {
.delivery-info {
height: 1076px;
margin-top: 13px;
margin-bottom: 64px;
}
}
@media only screen and (min-width: 1024px) {
.delivery-info {
height: 800px;
margin-top: 30px;
}
}
@media only screen and (min-width: 1280px) {
.delivery-info {
height: 800px;
margin-bottom: 0;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
.delivery-info__form--last {
position: absolute;
right: 0;
bottom: 0;
}
.delivery-info__form--last .calculator__row {
width: 100%;
}
}
.delivery-info__calculator {
position: absolute;
left: 50%;
bottom: 6px;
z-index: 5;
transform: translateX(-50%);
}
@media only screen and (min-width: 1024px) {
.delivery-info__calculator {
bottom: 10px;
}
}
@media only screen and (min-width: 1280px) {
.delivery-info__calculator {
top: 50%;
bottom: auto;
margin-left: 192px;
transform: translateY(-50%);
}
}
.delivery-info__map {
z-index: 1;
height: 500px;
}
@media only screen and (min-width: 768px) {
.delivery-info__map {
height: 800px;
}
}
.delivery-info__overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 4;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown.js-is-open .dropdown__menu {
display: block;
}
.dropdown--has-carret .dropdown__toggle {
padding-right: 20px;
}
.dropdown--style-default .dropdown__menu {
padding-top: 5px;
padding-bottom: 5px;
color: #9da5b2;
border: 1px solid #e4e6e6;
border-radius: 6px;
}
.dropdown--style-default .dropdown__menu::before {
position: absolute;
top: -6px;
left: 50%;
display: block;
width: 8px;
height: 8px;
margin-left: -5px;
border-top: 1px solid #e4e6e6;
border-right: 1px solid #e4e6e6;
content: '';
background-color: #fff;
transform: rotate(-45deg);
}
.dropdown--style-default .dropdown__item {
padding-right: 25px;
padding-left: 25px;
}
.dropdown--style-select .dropdown__menu {
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.dropdown--style-select .dropdown__item {
padding-right: 10px;
padding-left: 10px;
}
.dropdown__menu {
position: absolute;
top: 100%;
left: 0;
z-index: 50;
display: none;
min-width: 100%;
text-align: left;
background-color: #fff;
}
.dropdown__icon,
.dropdown__caption {
display: inline-block;
}
@media only screen and (min-width: 1024px) {
.dropdown__icon {
margin-right: 5px;
}
}
.dropdown__toggle {
position: relative;
white-space: nowrap;
cursor: pointer;
}
.dropdown__carret {
position: absolute;
top: 50%;
right: 0;
display: block;
width: 15px;
height: 6px;
margin-top: -1px;
}
.dropdown__item {
display: block;
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
line-height: 22px;
white-space: nowrap;
}
.dropdown__item:hover {
background-color: #e9e9e9;
}
.dropdown__item--last {
margin-top: 8px;
}
.feedbacks {
margin-bottom: 54px;
}
@media only screen and (min-width: 768px) {
.feedbacks {
margin-top: 12px;
margin-bottom: 74px;
}
}
@media only screen and (min-width: 1280px) {
.feedbacks {
margin-top: 30px;
margin-bottom: 123px;
}
}
@media only screen and (min-width: 1800px) {
.feedbacks {
position: relative;
margin-bottom: 0;
padding-bottom: 123px;
}
}
@media only screen and (min-width: 1280px) {
.feedbacks__inner {
padding-right: 50px;
padding-left: 50px;
}
}
.feedbacks__circle {
display: none;
}
@media only screen and (min-width: 1800px) {
.feedbacks__circle {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.feedbacks__circle--left-top {
top: -118px;
left: 0;
width: 132px;
height: 162px;
background-image: url("../images/backgrounds/f-l-t.jpg");
}
.feedbacks__circle--left-bottom {
top: 273px;
left: 77px;
width: 70px;
height: 70px;
background-image: url("../images/backgrounds/f-l-b.jpg");
}
.feedbacks__circle--right-bottom {
right: 0;
bottom: 0;
width: 277px;
height: 270px;
background-image: url("../images/backgrounds/f-r-b.jpg");
}
}
.feedback {
text-align: center;
}
@media only screen and (min-width: 768px) {
.feedback {
padding-right: 25px;
padding-left: 25px;
}
}
.feedback__userpic {
display: block;
width: 140px;
height: 140px;
margin: 0 auto 12px;
overflow: hidden;
border-radius: 50%;
}
.feedback__name,
.feedback__work {
text-transform: uppercase;
}
.feedback__name {
margin-top: 5px;
font-size: 16px;
}
.feedback__text {
margin-top: 15px;
line-height: 1.6;
color: #6c6c6c;
}
.flag {
background-position: 50% 50%;
background-size: 100% 100%;
}
.flag--icon-eu {
background-image: url("../images/flags/4x3/eu.svg");
}
.flag--icon-gb-eng {
background-image: url("../images/flags/4x3/gb-eng.svg");
}
.flag--icon-gb-sct {
background-image: url("../images/flags/4x3/gb-sct.svg");
}
.flag--icon-gb-wls {
background-image: url("../images/flags/4x3/gb-wls.svg");
}
.flag--icon-ad {
background-image: url("../images/flags/4x3/ad.svg");
}
.flag--icon-ae {
background-image: url("../images/flags/4x3/ae.svg");
}
.flag--icon-af {
background-image: url("../images/flags/4x3/af.svg");
}
.flag--icon-ag {
background-image: url("../images/flags/4x3/ag.svg");
}
.flag--icon-ai {
background-image: url("../images/flags/4x3/ai.svg");
}
.flag--icon-al {
background-image: url("../images/flags/4x3/al.svg");
}
.flag--icon-am {
background-image: url("../images/flags/4x3/am.svg");
}
.flag--icon-ao {
background-image: url("../images/flags/4x3/ao.svg");
}
.flag--icon-aq {
background-image: url("../images/flags/4x3/aq.svg");
}
.flag--icon-ar {
background-image: url("../images/flags/4x3/ar.svg");
}
.flag--icon-as {
background-image: url("../images/flags/4x3/as.svg");
}
.flag--icon-at {
background-image: url("../images/flags/4x3/at.svg");
}
.flag--icon-au {
background-image: url("../images/flags/4x3/au.svg");
}
.flag--icon-aw {
background-image: url("../images/flags/4x3/aw.svg");
}
.flag--icon-ax {
background-image: url("../images/flags/4x3/ax.svg");
}
.flag--icon-az {
background-image: url("../images/flags/4x3/az.svg");
}
.flag--icon-ba {
background-image: url("../images/flags/4x3/ba.svg");
}
.flag--icon-bb {
background-image: url("../images/flags/4x3/bb.svg");
}
.flag--icon-bd {
background-image: url("../images/flags/4x3/bd.svg");
}
.flag--icon-be {
background-image: url("../images/flags/4x3/be.svg");
}
.flag--icon-bf {
background-image: url("../images/flags/4x3/bf.svg");
}
.flag--icon-bg {
background-image: url("../images/flags/4x3/bg.svg");
}
.flag--icon-bh {
background-image: url("../images/flags/4x3/bh.svg");
}
.flag--icon-bi {
background-image: url("../images/flags/4x3/bi.svg");
}
.flag--icon-bj {
background-image: url("../images/flags/4x3/bj.svg");
}
.flag--icon-bl {
background-image: url("../images/flags/4x3/bl.svg");
}
.flag--icon-bm {
background-image: url("../images/flags/4x3/bm.svg");
}
.flag--icon-bn {
background-image: url("../images/flags/4x3/bn.svg");
}
.flag--icon-bo {
background-image: url("../images/flags/4x3/bo.svg");
}
.flag--icon-bq {
background-image: url("../images/flags/4x3/bq.svg");
}
.flag--icon-br {
background-image: url("../images/flags/4x3/br.svg");
}
.flag--icon-bs {
background-image: url("../images/flags/4x3/bs.svg");
}
.flag--icon-bt {
background-image: url("../images/flags/4x3/bt.svg");
}
.flag--icon-bv {
background-image: url("../images/flags/4x3/bv.svg");
}
.flag--icon-bw {
background-image: url("../images/flags/4x3/bw.svg");
}
.flag--icon-by {
background-image: url("../images/flags/4x3/by.svg");
}
.flag--icon-bz {
background-image: url("../images/flags/4x3/bz.svg");
}
.flag--icon-ca {
background-image: url("../images/flags/4x3/ca.svg");
}
.flag--icon-cc {
background-image: url("../images/flags/4x3/cc.svg");
}
.flag--icon-cd {
background-image: url("../images/flags/4x3/cd.svg");
}
.flag--icon-cf {
background-image: url("../images/flags/4x3/cf.svg");
}
.flag--icon-cg {
background-image: url("../images/flags/4x3/cg.svg");
}
.flag--icon-ch {
background-image: url("../images/flags/4x3/ch.svg");
}
.flag--icon-ci {
background-image: url("../images/flags/4x3/ci.svg");
}
.flag--icon-ck {
background-image: url("../images/flags/4x3/ck.svg");
}
.flag--icon-cl {
background-image: url("../images/flags/4x3/cl.svg");
}
.flag--icon-cm {
background-image: url("../images/flags/4x3/cm.svg");
}
.flag--icon-cn {
background-image: url("../images/flags/4x3/cn.svg");
}
.flag--icon-co {
background-image: url("../images/flags/4x3/co.svg");
}
.flag--icon-cr {
background-image: url("../images/flags/4x3/cr.svg");
}
.flag--icon-cu {
background-image: url("../images/flags/4x3/cu.svg");
}
.flag--icon-cv {
background-image: url("../images/flags/4x3/cv.svg");
}
.flag--icon-cw {
background-image: url("../images/flags/4x3/cw.svg");
}
.flag--icon-cx {
background-image: url("../images/flags/4x3/cx.svg");
}
.flag--icon-cy {
background-image: url("../images/flags/4x3/cy.svg");
}
.flag--icon-cz {
background-image: url("../images/flags/4x3/cz.svg");
}
.flag--icon-de {
background-image: url("../images/flags/4x3/de.svg");
}
.flag--icon-dj {
background-image: url("../images/flags/4x3/dj.svg");
}
.flag--icon-dk {
background-image: url("../images/flags/4x3/dk.svg");
}
.flag--icon-dm {
background-image: url("../images/flags/4x3/dm.svg");
}
.flag--icon-do {
background-image: url("../images/flags/4x3/do.svg");
}
.flag--icon-dz {
background-image: url("../images/flags/4x3/dz.svg");
}
.flag--icon-ec {
background-image: url("../images/flags/4x3/ec.svg");
}
.flag--icon-ee {
background-image: url("../images/flags/4x3/ee.svg");
}
.flag--icon-eg {
background-image: url("../images/flags/4x3/eg.svg");
}
.flag--icon-eh {
background-image: url("../images/flags/4x3/eh.svg");
}
.flag--icon-er {
background-image: url("../images/flags/4x3/er.svg");
}
.flag--icon-es {
background-image: url("../images/flags/4x3/es.svg");
}
.flag--icon-et {
background-image: url("../images/flags/4x3/et.svg");
}
.flag--icon-fi {
background-image: url("../images/flags/4x3/fi.svg");
}
.flag--icon-fj {
background-image: url("../images/flags/4x3/fj.svg");
}
.flag--icon-fk {
background-image: url("../images/flags/4x3/fk.svg");
}
.flag--icon-fm {
background-image: url("../images/flags/4x3/fm.svg");
}
.flag--icon-fo {
background-image: url("../images/flags/4x3/fo.svg");
}
.flag--icon-fr {
background-image: url("../images/flags/4x3/fr.svg");
}
.flag--icon-ga {
background-image: url("../images/flags/4x3/ga.svg");
}
.flag--icon-gb {
background-image: url("../images/flags/4x3/gb.svg");
}
.flag--icon-gd {
background-image: url("../images/flags/4x3/gd.svg");
}
.flag--icon-ge {
background-image: url("../images/flags/4x3/ge.svg");
}
.flag--icon-gf {
background-image: url("../images/flags/4x3/gf.svg");
}
.flag--icon-gr {
background-image: url("../images/flags/4x3/gr.svg");
}
.flag--icon-gg {
background-image: url("../images/flags/4x3/gg.svg");
}
.flag--icon-gh {
background-image: url("../images/flags/4x3/gh.svg");
}
.flag--icon-gi {
background-image: url("../images/flags/4x3/gi.svg");
}
.flag--icon-gl {
background-image: url("../images/flags/4x3/gl.svg");
}
.flag--icon-gm {
background-image: url("../images/flags/4x3/gm.svg");
}
.flag--icon-gn {
background-image: url("../images/flags/4x3/gn.svg");
}
.flag--icon-gp {
background-image: url("../images/flags/4x3/gp.svg");
}
.flag--icon-gq {
background-image: url("../images/flags/4x3/gq.svg");
}
.flag--icon-el {
background-image: url("../images/flags/4x3/el.svg");
}
.flag--icon-gs {
background-image: url("../images/flags/4x3/gs.svg");
}
.flag--icon-gt {
background-image: url("../images/flags/4x3/gt.svg");
}
.flag--icon-gu {
background-image: url("../images/flags/4x3/gu.svg");
}
.flag--icon-gw {
background-image: url("../images/flags/4x3/gw.svg");
}
.flag--icon-gy {
background-image: url("../images/flags/4x3/gy.svg");
}
.flag--icon-hk {
background-image: url("../images/flags/4x3/hk.svg");
}
.flag--icon-hm {
background-image: url("../images/flags/4x3/hm.svg");
}
.flag--icon-hn {
background-image: url("../images/flags/4x3/hn.svg");
}
.flag--icon-hr {
background-image: url("../images/flags/4x3/hr.svg");
}
.flag--icon-ht {
background-image: url("../images/flags/4x3/ht.svg");
}
.flag--icon-hu {
background-image: url("../images/flags/4x3/hu.svg");
}
.flag--icon-id {
background-image: url("../images/flags/4x3/id.svg");
}
.flag--icon-ie {
background-image: url("../images/flags/4x3/ie.svg");
}
.flag--icon-il {
background-image: url("../images/flags/4x3/il.svg");
}
.flag--icon-im {
background-image: url("../images/flags/4x3/im.svg");
}
.flag--icon-in {
background-image: url("../images/flags/4x3/in.svg");
}
.flag--icon-iq {
background-image: url("../images/flags/4x3/iq.svg");
}
.flag--icon-ir {
background-image: url("../images/flags/4x3/ir.svg");
}
.flag--icon-is {
background-image: url("../images/flags/4x3/is.svg");
}
.flag--icon-it {
background-image: url("../images/flags/4x3/it.svg");
}
.flag--icon-je {
background-image: url("../images/flags/4x3/je.svg");
}
.flag--icon-jm {
background-image: url("../images/flags/4x3/jm.svg");
}
.flag--icon-jo {
background-image: url("../images/flags/4x3/jo.svg");
}
.flag--icon-jp {
background-image: url("../images/flags/4x3/jp.svg");
}
.flag--icon-ke {
background-image: url("../images/flags/4x3/ke.svg");
}
.flag--icon-kg {
background-image: url("../images/flags/4x3/kg.svg");
}
.flag--icon-kh {
background-image: url("../images/flags/4x3/kh.svg");
}
.flag--icon-ki {
background-image: url("../images/flags/4x3/ki.svg");
}
.flag--icon-km {
background-image: url("../images/flags/4x3/km.svg");
}
.flag--icon-kn {
background-image: url("../images/flags/4x3/kn.svg");
}
.flag--icon-kp {
background-image: url("../images/flags/4x3/kp.svg");
}
.flag--icon-kr {
background-image: url("../images/flags/4x3/kr.svg");
}
.flag--icon-kw {
background-image: url("../images/flags/4x3/kw.svg");
}
.flag--icon-ky {
background-image: url("../images/flags/4x3/ky.svg");
}
.flag--icon-kz {
background-image: url("../images/flags/4x3/kz.svg");
}
.flag--icon-la {
background-image: url("../images/flags/4x3/la.svg");
}
.flag--icon-lb {
background-image: url("../images/flags/4x3/lb.svg");
}
.flag--icon-lc {
background-image: url("../images/flags/4x3/lc.svg");
}
.flag--icon-li {
background-image: url("../images/flags/4x3/li.svg");
}
.flag--icon-lk {
background-image: url("../images/flags/4x3/lk.svg");
}
.flag--icon-lr {
background-image: url("../images/flags/4x3/lr.svg");
}
.flag--icon-ls {
background-image: url("../images/flags/4x3/ls.svg");
}
.flag--icon-lt {
background-image: url("../images/flags/4x3/lt.svg");
}
.flag--icon-lu {
background-image: url("../images/flags/4x3/lu.svg");
}
.flag--icon-lv {
background-image: url("../images/flags/4x3/lv.svg");
}
.flag--icon-ly {
background-image: url("../images/flags/4x3/ly.svg");
}
.flag--icon-ma {
background-image: url("../images/flags/4x3/ma.svg");
}
.flag--icon-mc {
background-image: url("../images/flags/4x3/mc.svg");
}
.flag--icon-md {
background-image: url("../images/flags/4x3/md.svg");
}
.flag--icon-me {
background-image: url("../images/flags/4x3/me.svg");
}
.flag--icon-mf {
background-image: url("../images/flags/4x3/mf.svg");
}
.flag--icon-mg {
background-image: url("../images/flags/4x3/mg.svg");
}
.flag--icon-mh {
background-image: url("../images/flags/4x3/mh.svg");
}
.flag--icon-mk {
background-image: url("../images/flags/4x3/mk.svg");
}
.flag--icon-ml {
background-image: url("../images/flags/4x3/ml.svg");
}
.flag--icon-mm {
background-image: url("../images/flags/4x3/mm.svg");
}
.flag--icon-mn {
background-image: url("../images/flags/4x3/mn.svg");
}
.flag--icon-mo {
background-image: url("../images/flags/4x3/mo.svg");
}
.flag--icon-mp {
background-image: url("../images/flags/4x3/mp.svg");
}
.flag--icon-mq {
background-image: url("../images/flags/4x3/mq.svg");
}
.flag--icon-mr {
background-image: url("../images/flags/4x3/mr.svg");
}
.flag--icon-ms {
background-image: url("../images/flags/4x3/ms.svg");
}
.flag--icon-mt {
background-image: url("../images/flags/4x3/mt.svg");
}
.flag--icon-mu {
background-image: url("../images/flags/4x3/mu.svg");
}
.flag--icon-mv {
background-image: url("../images/flags/4x3/mv.svg");
}
.flag--icon-mw {
background-image: url("../images/flags/4x3/mw.svg");
}
.flag--icon-mx {
background-image: url("../images/flags/4x3/mx.svg");
}
.flag--icon-my {
background-image: url("../images/flags/4x3/my.svg");
}
.flag--icon-mz {
background-image: url("../images/flags/4x3/mz.svg");
}
.flag--icon-na {
background-image: url("../images/flags/4x3/na.svg");
}
.flag--icon-nc {
background-image: url("../images/flags/4x3/nc.svg");
}
.flag--icon-ne {
background-image: url("../images/flags/4x3/ne.svg");
}
.flag--icon-nf {
background-image: url("../images/flags/4x3/nf.svg");
}
.flag--icon-ng {
background-image: url("../images/flags/4x3/ng.svg");
}
.flag--icon-ni {
background-image: url("../images/flags/4x3/ni.svg");
}
.flag--icon-nl {
background-image: url("../images/flags/4x3/nl.svg");
}
.flag--icon-no {
background-image: url("../images/flags/4x3/no.svg");
}
.flag--icon-np {
background-image: url("../images/flags/4x3/np.svg");
}
.flag--icon-nr {
background-image: url("../images/flags/4x3/nr.svg");
}
.flag--icon-nu {
background-image: url("../images/flags/4x3/nu.svg");
}
.flag--icon-nz {
background-image: url("../images/flags/4x3/nz.svg");
}
.flag--icon-om {
background-image: url("../images/flags/4x3/om.svg");
}
.flag--icon-pa {
background-image: url("../images/flags/4x3/pa.svg");
}
.flag--icon-pe {
background-image: url("../images/flags/4x3/pe.svg");
}
.flag--icon-pf {
background-image: url("../images/flags/4x3/pf.svg");
}
.flag--icon-pg {
background-image: url("../images/flags/4x3/pg.svg");
}
.flag--icon-ph {
background-image: url("../images/flags/4x3/ph.svg");
}
.flag--icon-pk {
background-image: url("../images/flags/4x3/pk.svg");
}
.flag--icon-pl {
background-image: url("../images/flags/4x3/pl.svg");
}
.flag--icon-pm {
background-image: url("../images/flags/4x3/pm.svg");
}
.flag--icon-pn {
background-image: url("../images/flags/4x3/pn.svg");
}
.flag--icon-pr {
background-image: url("../images/flags/4x3/pr.svg");
}
.flag--icon-ps {
background-image: url("../images/flags/4x3/ps.svg");
}
.flag--icon-pt {
background-image: url("../images/flags/4x3/pt.svg");
}
.flag--icon-pw {
background-image: url("../images/flags/4x3/pw.svg");
}
.flag--icon-py {
background-image: url("../images/flags/4x3/py.svg");
}
.flag--icon-qa {
background-image: url("../images/flags/4x3/qa.svg");
}
.flag--icon-re {
background-image: url("../images/flags/4x3/re.svg");
}
.flag--icon-ro {
background-image: url("../images/flags/4x3/ro.svg");
}
.flag--icon-rs {
background-image: url("../images/flags/4x3/rs.svg");
}
.flag--icon-ru {
background-image: url("../images/flags/4x3/ru.svg");
}
.flag--icon-rw {
background-image: url("../images/flags/4x3/rw.svg");
}
.flag--icon-sa {
background-image: url("../images/flags/4x3/sa.svg");
}
.flag--icon-sb {
background-image: url("../images/flags/4x3/sb.svg");
}
.flag--icon-sc {
background-image: url("../images/flags/4x3/sc.svg");
}
.flag--icon-sd {
background-image: url("../images/flags/4x3/sd.svg");
}
.flag--icon-se {
background-image: url("../images/flags/4x3/se.svg");
}
.flag--icon-sg {
background-image: url("../images/flags/4x3/sg.svg");
}
.flag--icon-sh {
background-image: url("../images/flags/4x3/sh.svg");
}
.flag--icon-si {
background-image: url("../images/flags/4x3/si.svg");
}
.flag--icon-sj {
background-image: url("../images/flags/4x3/sj.svg");
}
.flag--icon-sk {
background-image: url("../images/flags/4x3/sk.svg");
}
.flag--icon-sl {
background-image: url("../images/flags/4x3/sl.svg");
}
.flag--icon-sm {
background-image: url("../images/flags/4x3/sm.svg");
}
.flag--icon-sn {
background-image: url("../images/flags/4x3/sn.svg");
}
.flag--icon-so {
background-image: url("../images/flags/4x3/so.svg");
}
.flag--icon-sr {
background-image: url("../images/flags/4x3/sr.svg");
}
.flag--icon-ss {
background-image: url("../images/flags/4x3/ss.svg");
}
.flag--icon-st {
background-image: url("../images/flags/4x3/st.svg");
}
.flag--icon-sv {
background-image: url("../images/flags/4x3/sv.svg");
}
.flag--icon-sx {
background-image: url("../images/flags/4x3/sx.svg");
}
.flag--icon-sy {
background-image: url("../images/flags/4x3/sy.svg");
}
.flag--icon-sz {
background-image: url("../images/flags/4x3/sz.svg");
}
.flag--icon-tc {
background-image: url("../images/flags/4x3/tc.svg");
}
.flag--icon-td {
background-image: url("../images/flags/4x3/td.svg");
}
.flag--icon-tf {
background-image: url("../images/flags/4x3/tf.svg");
}
.flag--icon-tg {
background-image: url("../images/flags/4x3/tg.svg");
}
.flag--icon-th {
background-image: url("../images/flags/4x3/th.svg");
}
.flag--icon-tj {
background-image: url("../images/flags/4x3/tj.svg");
}
.flag--icon-tk {
background-image: url("../images/flags/4x3/tk.svg");
}
.flag--icon-tl {
background-image: url("../images/flags/4x3/tl.svg");
}
.flag--icon-tm {
background-image: url("../images/flags/4x3/tm.svg");
}
.flag--icon-tn {
background-image: url("../images/flags/4x3/tn.svg");
}
.flag--icon-to {
background-image: url("../images/flags/4x3/to.svg");
}
.flag--icon-tr {
background-image: url("../images/flags/4x3/tr.svg");
}
.flag--icon-tt {
background-image: url("../images/flags/4x3/tt.svg");
}
.flag--icon-tv {
background-image: url("../images/flags/4x3/tv.svg");
}
.flag--icon-tw {
background-image: url("../images/flags/4x3/tw.svg");
}
.flag--icon-tz {
background-image: url("../images/flags/4x3/tz.svg");
}
.flag--icon-ua {
background-image: url("../images/flags/4x3/ua.svg");
}
.flag--icon-uk {
background-image: url("../images/flags/4x3/uk.svg");
}
.flag--icon-ug {
background-image: url("../images/flags/4x3/ug.svg");
}
.flag--icon-um {
background-image: url("../images/flags/4x3/um.svg");
}
.flag--icon-us {
background-image: url("../images/flags/4x3/us.svg");
}
.flag--icon-en-us {
background-image: url("../images/flags/4x3/gb.svg");
}
.flag--icon-uy {
background-image: url("../images/flags/4x3/uy.svg");
}
.flag--icon-uz {
background-image: url("../images/flags/4x3/uz.svg");
}
.flag--icon-va {
background-image: url("../images/flags/4x3/va.svg");
}
.flag--icon-vc {
background-image: url("../images/flags/4x3/vc.svg");
}
.flag--icon-ve {
background-image: url("../images/flags/4x3/ve.svg");
}
.flag--icon-vg {
background-image: url("../images/flags/4x3/vg.svg");
}
.flag--icon-vi {
background-image: url("../images/flags/4x3/vi.svg");
}
.flag--icon-vn {
background-image: url("../images/flags/4x3/vn.svg");
}
.flag--icon-vu {
background-image: url("../images/flags/4x3/vu.svg");
}
.flag--icon-wf {
background-image: url("../images/flags/4x3/wf.svg");
}
.flag--icon-ws {
background-image: url("../images/flags/4x3/ws.svg");
}
.flag--icon-ye {
background-image: url("../images/flags/4x3/ye.svg");
}
.flag--icon-yt {
background-image: url("../images/flags/4x3/yt.svg");
}
.flag--icon-za {
background-image: url("../images/flags/4x3/za.svg");
}
.flag--icon-zm {
background-image: url("../images/flags/4x3/zm.svg");
}
.flag--icon-zw {
background-image: url("../images/flags/4x3/zw.svg");
}
.footer {
padding-top: 65px;
}
.footer__item.footer__item--logo {
position: absolute;
left: 50%;
bottom: 99px;
width: 170px;
margin-left: -92px;
}
@media only screen and (min-width: 768px) {
.footer__item.footer__item--logo {
left: 0;
bottom: -25px;
margin-left: 0;
}
}
@media only screen and (min-width: 1024px) {
.footer__item.footer__item--logo {
position: relative;
left: auto;
bottom: auto;
width: auto;
margin-left: 0;
}
}
.footer__title {
padding-bottom: 11px;
text-transform: uppercase;
}
.footer__link {
line-height: 1.95;
color: #6c6c6c;
}
.footer__image {
margin-top: 17px;
}
.footer__inner {
position: relative;
text-align: center;
}
@media only screen and (min-width: 768px) {
.footer__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: left;
}
}
@media only screen and (min-width: 1024px) {
.footer__inner {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.footer__column {
margin-bottom: 36px;
}
.footer__column:last-child {
margin-top: 104px;
}
@media only screen and (min-width: 768px) {
.footer__column {
width: 33.333%;
}
.footer__column:last-child {
margin-top: 0;
margin-bottom: 140px;
}
}
@media only screen and (min-width: 1024px) {
.footer__column {
width: auto;
}
}
@media only screen and (min-width: 768px) {
.footer__column:nth-child(2) {
text-align: center;
}
}
@media only screen and (min-width: 1024px) {
.footer__column:nth-child(2) {
text-align: left;
}
}
@media only screen and (min-width: 768px) {
.footer__column:nth-child(2n + 3) {
text-align: right;
}
}
@media only screen and (min-width: 1024px) {
.footer__column:nth-child(2n + 3) {
text-align: left;
}
}
@media only screen and (min-width: 1024px) {
.footer__column:last-child {
text-align: right;
}
}
.footer__socials {
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.footer__socials {
width: 180px;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
float: right;
}
}
.footer__payment {
text-align: center;
}
.footer__copyright {
margin-top: 38px;
margin-bottom: 38px;
}
@media only screen and (min-width: 1024px) {
.footer__copyright {
margin-top: 0;
margin-bottom: 20px;
}
}
.header {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 99;
width: 100%;
height: 74px;
padding-top: 4px;
font-size: 16px;
line-height: 1.5;
cursor: default;
color: #292929;
background-color: #fff;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 768px) {
.header {
height: 112px;
padding-top: 21px;
}
}
.header .wrapper {
position: relative;
height: 100%;
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 1280px) {
.header .wrapper {
margin: 0 auto;
}
}
.header .btn--hamburger {
position: absolute;
top: 9px;
left: 0;
}
@media only screen and (min-width: 768px) {
.header .btn--hamburger {
display: none;
}
}
.header .logo {
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 768px) {
.header .logo {
position: absolute;
top: -10px;
left: 10px;
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1024px) {
.header .logo {
top: -15px;
left: 30px;
}
}
.header .localization {
position: absolute;
top: 17px;
right: 5px;
}
@media only screen and (min-width: 1024px) {
.header .localization {
right: 17px;
}
}
@media only screen and (min-width: 768px) {
.header .navigation {
margin-right: 70px;
margin-left: 180px;
padding-top: 17px;
}
}
@media only screen and (min-width: 1024px) {
.header .navigation {
margin-right: 100px;
}
}
@media only screen and (min-width: 1280px) {
.header .navigation {
margin-right: 200px;
}
}
.history {
margin-bottom: 43px;
}
@media only screen and (min-width: 768px) {
.history {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1024px) {
.history {
margin-bottom: 96px;
}
}
.history__item {
position: relative;
height: 600px;
background-color: #000;
}
@media only screen and (min-width: 768px) {
.history__item {
height: 800px;
}
}
@media only screen and (min-width: 1024px) {
.history__item {
height: 850px;
}
}
.history__cover {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: 60% 0;
background-size: cover;
opacity: 0.5;
}
.history__under {
position: absolute;
top: 50%;
left: 0;
z-index: 5;
width: 100%;
text-align: center;
color: #fff;
transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
.history__under {
top: 279px;
text-align: left;
transform: translateY(0);
}
}
.history__title {
padding-bottom: 5px;
font-size: 24px;
}
@media only screen and (min-width: 768px) {
.history__title {
width: 580px;
padding-bottom: 3px;
font-size: 48px;
}
}
.history__caption {
max-width: 400px;
margin-right: auto;
margin-left: auto;
line-height: 2.2;
}
@media only screen and (min-width: 768px) {
.history__caption {
width: 580px;
max-width: none;
margin: 0;
font-size: 18px;
line-height: 1.7;
}
}
.history__user {
width: 231px;
margin: 19px auto 40px;
}
@media only screen and (min-width: 768px) {
.history__user {
width: auto;
margin: 0;
}
}
.history__footer {
display: block;
}
@media only screen and (min-width: 768px) {
.history__footer {
display: -ms-flexbox;
display: flex;
width: 580px;
margin: 20px 15px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1280px) {
.history__footer {
margin-right: 0;
margin-left: 0;
}
}
.history__dots {
position: absolute;
left: 50%;
bottom: 30px;
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.history__dots {
bottom: 22px;
}
}
@media only screen and (min-width: 1024px) {
.history__dots {
bottom: 25px;
}
}
@media only screen and (min-width: 1280px) {
.history__dots {
bottom: 22px;
}
}
@media only screen and (min-width: 1280px) {
.history__arrow-prev {
left: 31px;
}
}
@media only screen and (min-width: 1280px) {
.history__arrow-next {
right: 31px;
}
}
.icon {
display: block;
}
.list {
padding-bottom: 25px;
text-align: left;
}
.list--demical {
list-style: decimal;
}
.localization {
display: block;
}
.localization .dropdown__toggle {
padding: 5px 10px;
}
.localization .dropdown__caption {
display: none;
}
@media only screen and (min-width: 1024px) {
.localization .dropdown__caption {
display: inline-block;
}
}
.localization .dropdown__icon {
width: 28px;
height: 19px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 768px) {
.localization .dropdown__icon {
width: 35px;
height: 25px;
}
}
@media only screen and (min-width: 1024px) {
.localization .dropdown__icon {
width: 19px;
height: 14px;
}
}
.logo,
.logo__image {
display: block;
width: 120px;
height: 60px;
}
@media only screen and (min-width: 768px) {
.logo,
.logo__image {
width: 150px;
height: 80px;
}
}
@media only screen and (min-width: 1024px) {
.logo,
.logo__image {
width: 183px;
height: 96px;
}
}
.main-title {
padding-bottom: 23px;
font-size: 24px;
line-height: 1.2;
text-align: center;
}
@media only screen and (min-width: 768px) {
.main-title {
padding-bottom: 20px;
font-size: 36px;
line-height: 1.05;
}
}
@media only screen and (min-width: 1024px) {
.main-title {
font-size: 48px;
}
}
.main {
padding-top: 74px;
}
@media only screen and (min-width: 768px) {
.main {
padding-top: 112px;
}
}
/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
position: absolute;
left: 0;
top: 0;
}
.leaflet-container {
overflow: hidden;
}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
image-rendering: -webkit-optimize-contrast;
}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
width: 1600px;
height: 1600px;
-webkit-transform-origin: 0 0;
}
.leaflet-marker-icon,
.leaflet-marker-shadow {
display: block;
}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer {
max-width: none !important;
max-height: none !important;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;
}
.leaflet-container.leaflet-touch-drag {
-ms-touch-action: pinch-zoom;
/* Fallback for FF which doesn't support pinch-zoom */
touch-action: none;
touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
-ms-touch-action: none;
touch-action: none;
}
.leaflet-container {
-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
filter: inherit;
visibility: hidden;
}
.leaflet-tile-loaded {
visibility: inherit;
}
.leaflet-zoom-box {
width: 0;
height: 0;
box-sizing: border-box;
z-index: 800;
}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
-moz-user-select: none;
}
.leaflet-pane { z-index: 400; }
.leaflet-tile-pane { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane { z-index: 500; }
.leaflet-marker-pane { z-index: 600; }
.leaflet-tooltip-pane { z-index: 650; }
.leaflet-popup-pane { z-index: 700; }
.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg { z-index: 200; }
.leaflet-vml-shape {
width: 1px;
height: 1px;
}
.lvml {
behavior: url(#default#VML);
display: inline-block;
position: absolute;
}
/* control positioning */
.leaflet-control {
position: relative;
z-index: 800;
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
.leaflet-top,
.leaflet-bottom {
position: absolute;
z-index: 1000;
pointer-events: none;
}
.leaflet-top {
top: 0;
}
.leaflet-right {
right: 0;
}
.leaflet-bottom {
bottom: 0;
}
.leaflet-left {
left: 0;
}
.leaflet-control {
float: left;
clear: both;
}
.leaflet-right .leaflet-control {
float: right;
}
.leaflet-top .leaflet-control {
margin-top: 10px;
}
.leaflet-bottom .leaflet-control {
margin-bottom: 10px;
}
.leaflet-left .leaflet-control {
margin-left: 10px;
}
.leaflet-right .leaflet-control {
margin-right: 10px;
}
/* zoom and fade animations */
.leaflet-fade-anim .leaflet-tile {
will-change: opacity;
}
.leaflet-fade-anim .leaflet-popup {
opacity: 0;
transition: opacity 0.2s linear;
}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
opacity: 1;
}
.leaflet-zoom-animated {
transform-origin: 0 0;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
will-change: transform;
}
.leaflet-zoom-anim .leaflet-zoom-animated {
transition: transform 0.25s cubic-bezier(0,0,0.25,1);
}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
transition: none;
}
.leaflet-zoom-anim .leaflet-zoom-hide {
visibility: hidden;
}
/* cursors */
.leaflet-interactive {
cursor: pointer;
}
.leaflet-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
cursor: crosshair;
}
.leaflet-popup-pane,
.leaflet-control {
cursor: auto;
}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
pointer-events: none;
}
.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive {
pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
pointer-events: auto;
}
/* visual tweaks */
.leaflet-container {
background: #ddd;
outline: 0;
}
.leaflet-container a {
color: #0078A8;
}
.leaflet-container a.leaflet-active {
outline: 2px solid orange;
}
.leaflet-zoom-box {
border: 2px dotted #38f;
background: rgba(255,255,255,0.5);
}
/* general typography */
.leaflet-container {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* general toolbar styles */
.leaflet-bar {
box-shadow: 0 1px 5px rgba(0,0,0,0.65);
border-radius: 4px;
}
.leaflet-bar a,
.leaflet-bar a:hover {
background-color: #fff;
border-bottom: 1px solid #ccc;
width: 26px;
height: 26px;
line-height: 26px;
display: block;
text-align: center;
text-decoration: none;
color: black;
}
.leaflet-bar a,
.leaflet-control-layers-toggle {
background-position: 50% 50%;
background-repeat: no-repeat;
display: block;
}
.leaflet-bar a:hover {
background-color: #f4f4f4;
}
.leaflet-bar a:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.leaflet-bar a:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: none;
}
.leaflet-bar a.leaflet-disabled {
cursor: default;
background-color: #f4f4f4;
color: #bbb;
}
.leaflet-touch .leaflet-bar a {
width: 30px;
height: 30px;
line-height: 30px;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.leaflet-touch .leaflet-bar a:last-child {
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
}
/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
font: bold 18px 'Lucida Console', Monaco, monospace;
text-indent: 1px;
}
.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
font-size: 22px;
}
/* layers control */
.leaflet-control-layers {
box-shadow: 0 1px 5px rgba(0,0,0,0.4);
background: #fff;
border-radius: 5px;
}
.leaflet-control-layers-toggle {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}
.leaflet-retina .leaflet-control-layers-toggle {
background-image: url(images/layers-2x.png);
background-size: 26px 26px;
}
.leaflet-touch .leaflet-control-layers-toggle {
width: 44px;
height: 44px;
}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
display: none;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
display: block;
position: relative;
}
.leaflet-control-layers-expanded {
padding: 6px 10px 6px 6px;
color: #333;
background: #fff;
}
.leaflet-control-layers-scrollbar {
overflow-y: scroll;
overflow-x: hidden;
padding-right: 5px;
}
.leaflet-control-layers-selector {
margin-top: 2px;
position: relative;
top: 1px;
}
.leaflet-control-layers label {
display: block;
}
.leaflet-control-layers-separator {
height: 0;
border-top: 1px solid #ddd;
margin: 5px -10px 5px -6px;
}
/* Default icon URLs */
.leaflet-default-icon-path {
background-image: url(images/marker-icon.png);
}
/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
background: #fff;
background: rgba(255, 255, 255, 0.7);
margin: 0;
}
.leaflet-control-attribution,
.leaflet-control-scale-line {
padding: 0 5px;
color: #333;
}
.leaflet-control-attribution a {
text-decoration: none;
}
.leaflet-control-attribution a:hover {
text-decoration: underline;
}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
font-size: 11px;
}
.leaflet-left .leaflet-control-scale {
margin-left: 5px;
}
.leaflet-bottom .leaflet-control-scale {
margin-bottom: 5px;
}
.leaflet-control-scale-line {
border: 2px solid #777;
border-top: none;
line-height: 1.1;
padding: 2px 5px 1px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
background: #fff;
background: rgba(255, 255, 255, 0.5);
}
.leaflet-control-scale-line:not(:first-child) {
border-top: 2px solid #777;
border-bottom: none;
margin-top: -2px;
}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
border-bottom: 2px solid #777;
}
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
box-shadow: none;
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(0,0,0,0.2);
background-clip: padding-box;
}
/* popup */
.leaflet-popup {
position: absolute;
text-align: center;
margin-bottom: 20px;
}
.leaflet-popup-content-wrapper {
padding: 1px;
text-align: left;
border-radius: 12px;
}
.leaflet-popup-content {
margin: 13px 19px;
line-height: 1.4;
}
.leaflet-popup-content p {
margin: 18px 0;
}
.leaflet-popup-tip-container {
width: 40px;
height: 20px;
position: absolute;
left: 50%;
margin-left: -20px;
overflow: hidden;
pointer-events: none;
}
.leaflet-popup-tip {
width: 17px;
height: 17px;
padding: 1px;
margin: -10px auto 0;
transform: rotate(45deg);
}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
background: white;
color: #333;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-container a.leaflet-popup-close-button {
position: absolute;
top: 0;
right: 0;
padding: 4px 4px 0 0;
border: none;
text-align: center;
width: 18px;
height: 14px;
font: 16px/14px Tahoma, Verdana, sans-serif;
color: #c3c3c3;
text-decoration: none;
font-weight: bold;
background: transparent;
}
.leaflet-container a.leaflet-popup-close-button:hover {
color: #999;
}
.leaflet-popup-scrolled {
overflow: auto;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
}
.leaflet-oldie .leaflet-popup-content-wrapper {
zoom: 1;
}
.leaflet-oldie .leaflet-popup-tip {
width: 24px;
margin: 0 auto;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}
.leaflet-oldie .leaflet-popup-tip-container {
margin-top: -1px;
}
.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
border: 1px solid #999;
}
/* div icon */
.leaflet-div-icon {
background: #fff;
border: 1px solid #666;
}
/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
position: absolute;
padding: 6px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
color: #222;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.leaflet-tooltip.leaflet-clickable {
cursor: pointer;
pointer-events: auto;
}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
position: absolute;
pointer-events: none;
border: 6px solid transparent;
background: transparent;
content: "";
}
/* Directions */
.leaflet-tooltip-bottom {
margin-top: 6px;
}
.leaflet-tooltip-top {
margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
left: 50%;
margin-left: -6px;
}
.leaflet-tooltip-top:before {
bottom: 0;
margin-bottom: -12px;
border-top-color: #fff;
}
.leaflet-tooltip-bottom:before {
top: 0;
margin-top: -12px;
margin-left: -6px;
border-bottom-color: #fff;
}
.leaflet-tooltip-left {
margin-left: -6px;
}
.leaflet-tooltip-right {
margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
top: 50%;
margin-top: -6px;
}
.leaflet-tooltip-left:before {
right: 0;
margin-right: -12px;
border-left-color: #fff;
}
.leaflet-tooltip-right:before {
left: 0;
margin-left: -12px;
border-right-color: #fff;
}
.map {
position: relative;
display: block;
}
.map .viewport {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 230px;
}
@media only screen and (min-width: 768px) {
.map .viewport {
bottom: 280px;
}
}
@media only screen and (min-width: 1280px) {
.map .viewport {
right: auto;
bottom: 0;
width: 60%;
}
}
.map__marker-label {
display: none;
}
@media only screen and (min-width: 768px) {
.map__marker-label {
display: block;
margin: 0;
padding: 0 15px;
font-size: 18px;
line-height: 1.6;
background-color: #fff;
border-radius: 11px;
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
.map__marker-label::before {
display: none;
}
}
.map__marker {
position: absolute;
}
.map__marker--from {
top: 15%;
right: 50%;
}
.map__marker--from .map__caption {
color: #0fd6fc;
}
.map__marker--to {
top: 20%;
left: 12%;
}
.map__marker--to .map__caption {
color: #cd67bf;
}
.mobile-navigations {
position: fixed;
top: 74px;
left: 0;
bottom: 0;
z-index: 98;
width: 100%;
background-color: #fff;
transform: translateX(-100%);
transition: transform 300ms ease-in-out;
}
@media only screen and (min-width: 768px) {
.mobile-navigations {
display: none;
}
}
.mobile-navigations.js-is-open {
transform: translateX(0);
}
.mobile-navigations__inner {
height: 100%;
padding: 20px;
overflow-y: auto;
}
.mobile-navigations__group {
margin-bottom: 20px;
}
.mobile-navigations__item {
display: block;
font-size: 20px;
line-height: 2;
}
.nav-section {
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.nav-section {
width: 688px;
margin-left: auto;
margin-right: auto;
margin-bottom: 70px;
}
}
@media only screen and (min-width: 1024px) {
.nav-section {
width: 700px;
margin-bottom: 90px;
}
}
@media only screen and (min-width: 1280px) {
.nav-section {
width: auto;
}
}
.nav-section__item {
position: relative;
display: block;
max-width: 340px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
overflow: hidden;
text-decoration: none;
color: #fff;
background-color: #000;
border-radius: 6px;
}
@media only screen and (min-width: 768px) {
.nav-section__item {
width: 320px;
max-width: none;
}
}
@media only screen and (min-width: 1024px) {
.nav-section__item {
width: 49%;
margin-left: 0;
margin-right: 0;
}
}
.nav-section__cover {
display: block;
height: 250px;
opacity: 0.3;
}
@media only screen and (min-width: 1280px) {
.nav-section__cover {
height: 400px;
}
}
.nav-section__caption {
font-size: 18px;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
.nav-section__caption {
font-size: 24px;
}
}
.nav-section__under {
position: absolute;
top: 50%;
right: 0;
left: 0;
text-align: center;
transform: translateY(-50%);
}
.nav-section__icon {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.nav-section__icon--nav-stars {
background-image: url("../images/svg/stars.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 120px;
height: 88px;
}
.nav-section__icon--nav-file {
background-image: url("../images/svg/newspaper.svg");
background-repeat: no-repeat;
width: 100px;
height: 88px;
}
.navigation {
display: none;
}
@media only screen and (min-width: 768px) {
.navigation {
display: block;
text-align: center;
color: #333;
}
}
.navigation__link {
display: inline-block;
margin-right: 15px;
margin-left: 15px;
padding-top: 5px;
padding-bottom: 5px;
text-decoration: inherit;
color: inherit;
}
@media only screen and (min-width: 1280px) {
.navigation__link {
margin-right: 27px;
margin-left: 27px;
}
}
.overlay {
position: fixed;
top: 0;
right: 0;
z-index: 99;
width: 100%;
height: 100%;
-ms-touch-action: pan-y;
touch-action: pan-y;
background-color: rgba(0,0,0,0.4);
}
.partners {
margin-top: 19px;
text-align: center;
}
@media only screen and (min-width: 1800px) {
.partners {
position: relative;
}
}
.partners__circle {
display: none;
}
@media only screen and (min-width: 1800px) {
.partners__circle {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.partners__circle--left-top {
top: 80px;
left: 0;
width: 231px;
height: 287px;
background-image: url("../images/backgrounds/w-left-top.png");
}
.partners__circle--left-middle {
top: 511px;
left: 0;
width: 87px;
height: 87px;
background-image: url("../images/backgrounds/w-left-middle.png");
}
.partners__circle--right-top {
top: 4px;
right: 0;
width: 108px;
height: 102px;
background-image: url("../images/backgrounds/waves-middle-right.jpg");
}
.partners__circle--right-middle {
top: 322px;
right: 40px;
width: 74px;
height: 74px;
background-image: url("../images/backgrounds/w-right-middle.png");
}
}
.partners.js-is-croped .partners__inner {
height: 435px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.partners.js-is-croped .partners__inner {
height: auto;
}
}
@media only screen and (min-width: 768px) {
.partners__inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
}
@media only screen and (min-width: 1280px) {
.partners__inner {
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media only screen and (min-width: 768px) {
.partners__button {
display: none;
}
}
.partner {
margin-bottom: 42px;
}
@media only screen and (min-width: 768px) {
.partner {
width: 33.3333%;
}
}
@media only screen and (min-width: 1280px) {
.partner {
width: 25%;
}
}
.partner__inner {
position: relative;
display: inline-block;
}
.partner__inner:hover .partner__image {
filter: grayscale(0);
}
.partner__image {
display: block;
margin-left: auto;
margin-right: auto;
filter: grayscale(100%);
transition: filter 100ms ease-in-out;
}
/*======================================
Selectric v1.13.0
======================================*/
.selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
border: 1px solid #DDD;
border-radius: 0px;
background: #F8F8F8;
position: relative;
overflow: hidden;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 38px 0 10px;
font-size: 12px;
line-height: 38px;
color: #444;
height: 38px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric .button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 38px;
line-height: 38px;
background-color: #F8f8f8;
color: #BBB;
text-align: center;
font: 0/0 a;
*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}
.selectric .button:after {
content: " ";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #BBB;
border-bottom: none;
}
.selectric-focus .selectric {
border-color: #aaaaaa;
}
.selectric-hover .selectric {
border-color: #c4c4c4;
}
.selectric-hover .selectric .button {
color: #a2a2a2;
}
.selectric-hover .selectric .button:after {
border-top-color: #a2a2a2;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #c4c4c4;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
/* Items box */
.selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #F8F8F8;
border: 1px solid #c4c4c4;
z-index: -1;
box-shadow: 0 0 10px -6px;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
font-size: 12px;
line-height: 20px;
min-height: 20px;
}
.selectric-items li {
display: block;
padding: 10px;
color: #666;
cursor: pointer;
}
.selectric-items li.selected {
background: #E0E0E0;
color: #444;
}
.selectric-items li.highlighted {
background: #D0D0D0;
color: #444;
}
.selectric-items li:hover {
background: #D5D5D5;
color: #444;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.select__item {
display: block;
}
.select__icon {
display: inline-block;
width: 30px;
height: 20px;
margin-right: 14px;
vertical-align: middle;
}
.select .selectric {
background: transparent;
border: none;
border-bottom: 2px solid #c5c5c5;
}
.select .label {
font-size: 18px;
}
.select .button {
background: transparent url("../images/svg/arrow-down.svg") no-repeat 50% 50%;
background-size: 50%;
}
.select .button::after {
display: none;
}
.select .selectric-items ul,
.select .selectric-items li {
font-size: 18px;
}
.select.select--has-icons .label {
margin-left: 0;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
@media only screen and (min-width: 1280px) {
.slick-arrow {
position: absolute;
top: 50%;
z-index: 5;
display: block;
width: 25px;
height: 46px;
margin-top: -23px;
background-color: transparent;
}
.slick-arrow .path-1 {
transition: fill 300ms ease-in-out;
}
.slick-arrow:hover .path-1 {
fill: #08a7f2;
}
.slick-arrows-prev {
left: 0;
}
.slick-arrows-next {
right: 0;
}
}
.slick-slider {
background: url("loader.gif");
}
.slick-slider .slick-list {
position: absolute;
opacity: 0;
}
.slick-slider.slick-initialized {
background: none;
}
.slick-slider.slick-initialized .slick-list {
position: relative;
opacity: 1;
transition: opacity 300ms ease-in-out;
}
.slick-slider,
.slick-slider.draggable {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
.slick-dots {
display: block;
margin-top: 28px;
text-align: center;
}
@media only screen and (min-width: 1800px) {
.slick-dots {
margin-top: 39px;
}
}
.slick-dots li {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
margin-left: 5px;
}
.slick-dots button {
display: block;
width: 12px;
height: 12px;
overflow: hidden;
text-indent: -9999px;
background-color: #9e9e9e;
border-radius: 50%;
}
.slider-promo__item {
position: relative;
height: 600px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.slider-promo__item {
height: 800px;
}
}
@media only screen and (min-width: 1024px) {
.slider-promo__item {
height: 824px;
}
}
.slider-promo__item--second .slider-promo__blend {
right: auto;
left: 50%;
}
@media only screen and (min-width: 1024px) {
.slider-promo__item--second .slider-promo__blend {
left: 40%;
}
}
@media only screen and (min-width: 1280px) {
.slider-promo__item--second .slider-promo__blend {
left: 30%;
}
}
.slider-promo__title {
padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.slider-promo__title {
padding-bottom: 20px;
font-size: 48px;
text-align: left;
}
}
.slider-promo__under {
position: absolute;
top: 138px;
right: 0;
left: 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.slider-promo__under {
top: 251px;
text-align: left;
}
}
.slider-promo__cover {
position: relative;
}
.slider-promo__cover,
.slider-promo__cover-image,
.slider-promo__cover-overlay {
height: 100%;
}
.slider-promo__cover-image {
background-repeat: no-repeat;
background-position: 57% 0;
background-size: cover;
opacity: 0.3;
}
@media only screen and (min-width: 768px) {
.slider-promo__cover-image {
opacity: 0.4;
}
}
@media only screen and (min-width: 1024px) {
.slider-promo__cover-image {
opacity: 0.5;
}
}
.slider-promo__blend {
display: none;
}
@media only screen and (min-width: 768px) {
.slider-promo__blend {
position: absolute;
top: 0;
right: 0;
display: block;
margin-right: -250px;
font-size: 1000px;
line-height: 900px;
text-align: right;
mix-blend-mode: color-dodge;
}
}
@media only screen and (min-width: 1024px) {
.slider-promo__blend {
margin-right: -50px;
}
}
@media only screen and (min-width: 1280px) {
.slider-promo__blend {
right: 50%;
width: 1280px;
margin-right: -640px;
}
}
.slider-promo__caption {
max-width: 420px;
margin-left: auto;
margin-right: auto;
padding-bottom: 42px;
font-size: 12px;
line-height: 2;
color: #000;
}
@media only screen and (min-width: 768px) {
.slider-promo__caption {
width: 487px;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-bottom: 50px;
font-size: 18px;
line-height: 1.7;
}
}
.slider-promo__dots {
position: absolute;
left: 50%;
bottom: 142px;
display: block;
font-size: 0;
text-align: center;
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.slider-promo__dots {
bottom: 28px;
}
}
@media only screen and (min-width: 1024px) {
.slider-promo__dots {
bottom: 39px;
}
}
.slider-promo__dots li {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
margin-left: 5px;
}
.slider-promo__dots button {
display: block;
width: 12px;
height: 12px;
overflow: hidden;
text-indent: -9999px;
background-color: #f9f9f9;
border-radius: 50%;
}
.slider-promo__prev,
.slider-promo__next {
position: absolute;
top: 50%;
z-index: 5;
display: block;
width: 25px;
height: 46px;
margin-top: -23px;
background-color: transparent;
}
.slider-promo__prev .path-1,
.slider-promo__next .path-1 {
transition: fill 300ms ease-in-out;
}
.slider-promo__prev:hover .path-1,
.slider-promo__next:hover .path-1 {
fill: #08a7f2;
}
.slider-promo__prev {
left: 0;
}
@media only screen and (min-width: 1280px) {
.slider-promo__prev {
left: 31px;
}
}
.slider-promo__next {
right: 0;
}
@media only screen and (min-width: 1280px) {
.slider-promo__next {
right: 31px;
}
}
.promo {
position: relative;
margin-bottom: 72px;
}
@media only screen and (min-width: 768px) {
.promo {
margin-bottom: 61px;
}
}
@media only screen and (min-width: 1024px) {
.promo {
margin-bottom: 97px;
}
}
.promo__sliders {
position: relative;
}
.promo__slider {
display: none;
}
.promo__slider.js-is-active {
display: block;
}
.promo__slider-triggers {
position: absolute;
left: 50%;
bottom: -18px;
width: 240px;
overflow: hidden;
background-color: #fff;
border-radius: 6px;
transform: translateX(-50%);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 768px) {
.promo__slider-triggers {
right: 40px;
left: 40px;
bottom: 94px;
display: -ms-flexbox;
display: flex;
width: auto;
height: 80px;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
border-radius: none;
box-shadow: none;
transform: none;
}
}
@media only screen and (min-width: 1024px) {
.promo__slider-triggers {
right: auto;
left: 50%;
bottom: 128px;
width: 790px;
margin-left: -395px;
}
}
.promo__slider-trigger {
position: relative;
padding-top: 11px;
padding-bottom: 11px;
font-size: 16px;
text-align: center;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.promo__slider-trigger {
display: -ms-flexbox;
display: flex;
width: 32%;
-ms-flex-align: center;
align-items: center;
line-height: 1.4;
text-align: left;
background-color: #fff;
border-radius: 11px;
}
}
.promo__slider-trigger.js-is-active .promo__caption {
color: #fff;
}
.promo__icon {
display: none;
}
@media only screen and (min-width: 768px) {
.promo__icon {
position: absolute;
top: 50%;
left: 30px;
display: block;
transform: translateY(-50%);
}
}
@media only screen and (min-width: 1024px) {
.promo__icon {
left: 43px;
}
}
.promo__icon--box {
background-image: url("../images/svg/box.svg");
background-repeat: no-repeat;
width: 55px;
height: 59px;
}
.promo__slider-trigger:hover:not(.js-is-active) .promo__icon--box {
background-image: url("../images/svg/box_hover.svg");
}
.js-is-active .promo__icon--box {
background-image: url("../images/svg/box_active.svg");
}
.promo__icon--boxes {
background-image: url("../images/svg/boxes.svg");
background-repeat: no-repeat;
width: 55px;
height: 55px;
}
.promo__slider-trigger:hover:not(.js-is-active) .promo__icon--boxes {
background-image: url("../images/svg/boxes_hover.svg");
}
.js-is-active .promo__icon--boxes {
background-image: url("../images/svg/boxes_active.svg");
}
.promo__icon--basket {
background-image: url("../images/svg/basket.svg");
background-repeat: no-repeat;
width: 55px;
height: 52px;
}
.promo__slider-trigger:hover:not(.js-is-active) .promo__icon--basket {
background-image: url("../images/svg/basket_hover.svg");
}
.js-is-active .promo__icon--basket {
background-image: url("../images/svg/basket_active.svg");
}
@media only screen and (min-width: 768px) {
.promo__caption {
margin-right: 25px;
margin-left: 103px;
}
}
@media only screen and (min-width: 1024px) {
.promo__caption {
margin-left: 119px;
}
}
/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.range-slider {
height: 26px;
}
.range-slider .irs {
height: 26px;
}
.range-slider .irs-with-grid {
height: 60px;
}
.range-slider .irs-line,
.range-slider .irs-bar,
.range-slider .irs-bar-edge {
top: 13px;
height: 2px;
}
.range-slider .irs-line-left,
.range-slider .irs-line-mid,
.range-slider .irs-line-right {
height: 2px;
background-color: #c5c5c5;
}
.range-slider .irs-bar-edge {
width: 13px;
background-color: #0fd6fc;
}
.range-slider .irs-shadow {
display: none;
}
.range-slider .irs-slider {
top: 0;
width: 26px;
height: 26px;
background-color: #fff;
border: 2px solid #0fd6fc;
border-radius: 50%;
}
.range-slider .irs-slider.state_hover,
.range-slider .irs-slider:hover {
background-color: #f5f5f5;
}
.range-slider .irs-min,
.range-slider .irs-max {
top: 0;
padding: 1px 3px;
font-size: 10px;
line-height: 1.333;
color: #999;
text-shadow: none;
background: rgba(0,0,0,0.1);
border-radius: 3px;
}
.range-slider .irs-from,
.range-slider .irs-to,
.range-slider .irs-single {
padding: 1px 5px;
font-size: 10px;
line-height: 1.333;
color: #fff;
text-shadow: none;
background: rgba(0,0,0,0.3);
border-radius: 3px;
}
.range-slider .lt-ie9 .irs-from,
.range-slider .lt-ie9 .irs-to,
.range-slider .lt-ie9 .irs-single {
background: #999;
}
.range-slider .irs-grid-pol {
background: #99a4ac;
}
.range-slider .irs-grid-text {
color: #99a4ac;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slider-services {
display: block;
}
.slider-services__item {
position: relative;
height: 600px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.slider-services__item {
height: 800px;
}
}
.slider-services__title {
padding-bottom: 12px;
}
@media only screen and (min-width: 768px) {
.slider-services__title {
padding-bottom: 24px;
font-size: 48px;
text-align: left;
}
}
.slider-services__under {
position: absolute;
top: 165px;
right: 0;
left: 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.slider-services__under {
top: 261px;
text-align: left;
}
}
.slider-services__cover {
position: relative;
}
.slider-services__cover,
.slider-services__cover-image,
.slider-services__cover-overlay {
height: 100%;
}
.slider-services__cover-image {
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
opacity: 0.4;
}
.slider-services__caption {
max-width: 420px;
margin-left: auto;
margin-right: auto;
padding-bottom: 41px;
font-size: 12px;
line-height: 2;
color: #000;
}
@media only screen and (min-width: 768px) {
.slider-services__caption {
width: 487px;
max-width: none;
margin-left: 0;
margin-right: 0;
padding-bottom: 49px;
font-size: 18px;
line-height: 1.7;
}
}
.slider-services__dots {
position: absolute;
left: 50%;
bottom: 89px;
display: block;
font-size: 0;
text-align: center;
transform: translateX(-50%);
}
@media only screen and (min-width: 768px) {
.slider-services__dots {
bottom: 28px;
}
}
@media only screen and (min-width: 1024px) {
.slider-services__dots {
bottom: 110px;
}
}
@media only screen and (min-width: 1280px) {
.slider-services__dots {
bottom: 98px;
}
}
.slider-services__dots li {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 5px;
margin-left: 5px;
}
.slider-services__dots button {
display: block;
width: 12px;
height: 12px;
overflow: hidden;
text-indent: -9999px;
background-color: #9e9e9e;
border-radius: 50%;
}
.slider-services__prev,
.slider-services__next {
position: absolute;
top: 50%;
z-index: 5;
display: block;
width: 25px;
height: 46px;
margin-top: -23px;
background-color: transparent;
}
.slider-services__prev .path-1,
.slider-services__next .path-1 {
transition: fill 300ms ease-in-out;
}
.slider-services__prev:hover .path-1,
.slider-services__next:hover .path-1 {
fill: #08a7f2;
}
.slider-services__prev {
left: 0;
}
@media only screen and (min-width: 1280px) {
.slider-services__prev {
left: 31px;
}
}
.slider-services__next {
right: 0;
}
@media only screen and (min-width: 1280px) {
.slider-services__next {
right: 31px;
}
}
.services {
position: relative;
margin-bottom: 140px;
}
@media only screen and (min-width: 768px) {
.services {
margin-bottom: 62px;
}
}
@media only screen and (min-width: 1280px) {
.services {
margin-bottom: 96px;
}
}
.services__sliders {
position: relative;
}
.services__slider {
display: none;
}
.services__slider.js-is-active {
display: block;
}
.services__slider-triggers {
position: absolute;
left: 50%;
bottom: -87px;
width: 240px;
overflow: hidden;
background-color: #fff;
border-radius: 6px;
transform: translateX(-50%);
box-shadow: 0 0 5px rgba(0,0,0,0.3);
}
@media only screen and (min-width: 768px) {
.services__slider-triggers {
right: 40px;
left: 40px;
bottom: 79px;
display: -ms-flexbox;
display: flex;
width: auto;
height: 80px;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: transparent;
border-radius: none;
box-shadow: none;
transform: none;
}
.services__slider-triggers span {
display: block;
}
}
@media only screen and (min-width: 1024px) {
.services__slider-triggers {
right: 40px;
left: 40px;
bottom: 8px;
height: 70px;
border-radius: 0;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.services__slider-triggers span {
display: inline;
}
}
@media only screen and (min-width: 1280px) {
.services__slider-triggers {
right: auto;
left: 50%;
width: 1220px;
margin-left: -610px;
background-color: transparent;
}
}
.services__slider-trigger {
position: relative;
padding-top: 12px;
padding-bottom: 8px;
font-size: 16px;
text-align: center;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.services__slider-trigger {
display: -ms-flexbox;
display: flex;
width: 32%;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
line-height: 1.4;
text-align: left;
background-color: #fff;
border-radius: 11px;
}
}
@media only screen and (min-width: 1024px) {
.services__slider-trigger {
width: 33.333%;
border-radius: 0;
}
.services__slider-trigger:first-child {
border-top-left-radius: 6px;
}
.services__slider-trigger:last-child {
border-top-right-radius: 6px;
}
}
.services__slider-trigger:hover:not(.js-is-active)::after {
position: absolute;
right: 0;
left: 0;
bottom: 0;
display: block;
height: 2px;
content: '';
}
.services__slider-trigger:hover:not(.js-is-active) .services__caption {
color: #292929;
}
.services__slider-trigger.js-is-active .services__caption {
color: #fff;
}
@media only screen and (min-width: 768px) {
.services__caption {
margin-right: 32px;
margin-left: 32px;
}
}
@media only screen and (min-width: 1024px) {
.services__caption {
width: 100%;
text-align: center;
}
}
.socials {
display: -ms-flexbox;
display: flex;
}
.socials__item {
display: block;
}
.socials__icon {
display: block;
width: 30px;
height: 30px;
margin: 5px;
background-size: 30px 30px;
}
.socials__icon--vk {
background-image: url("../images/svg/icon_vk.svg");
}
.socials__icon--vk:hover {
background-image: url("../images/svg/icon_vk_hover.svg");
}
.socials__icon--face {
background-image: url("../images/svg/icon_facebook.svg");
}
.socials__icon--face:hover {
background-image: url("../images/svg/icon_facebook_hover.svg");
}
.socials__icon--google {
background-image: url("../images/svg/icon_googleplus.svg");
}
.socials__icon--google:hover {
background-image: url("../images/svg/icon_googleplus_hover.svg");
}
.socials__icon--lin {
background-image: url("../images/svg/icon_li.svg");
}
.socials__icon--lin:hover {
background-image: url("../images/svg/icon_li_hover.svg");
}
.socials__icon--od {
background-image: url("../images/svg/icon_ok.svg");
}
.socials__icon--od:hover {
background-image: url("../images/svg/icon_ok_hover.svg");
}
.socials__icon--twitter {
background-image: url("../images/svg/icon_tw.svg");
}
.socials__icon--twitter:hover {
background-image: url("../images/svg/icon_tw_hover.svg");
}
.socials__icon--youtube {
background-image: url("../images/svg/icon_yt.svg");
}
.socials__icon--youtube:hover {
background-image: url("../images/svg/icon_yt_hover.svg");
}
.socials__icon--inst {
background-image: url("../images/svg/icon_ig.svg");
}
.socials__icon--inst:hover {
background-image: url("../images/svg/icon_ig_hover.svg");
}
.statistics {
display: -ms-flexbox;
display: flex;
margin-bottom: 51px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) {
.statistics {
margin-right: 40px;
margin-bottom: 70px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1024px) {
.statistics {
margin-left: 0;
margin-right: 0;
}
}
@media only screen and (min-width: 1280px) {
.statistics {
margin-bottom: 104px;
}
}
.statistics__item {
width: 100%;
height: 200px;
padding-top: 54px;
line-height: 1;
text-align: center;
color: #fff;
background-color: #f5f5f5;
}
@media only screen and (min-width: 768px) {
.statistics__item {
width: 50%;
}
.statistics__item:nth-child(3) {
-ms-flex-order: 4;
order: 4;
}
}
@media only screen and (min-width: 1024px) {
.statistics__item {
width: 25%;
}
.statistics__item:nth-child(4) {
-ms-flex-order: 4;
order: 4;
}
}
.statistics__title {
font-size: 60px;
}
.statistics__caption {
margin-top: 16px;
font-size: 14px;
text-transform: uppercase;
}
.tabs {
display: block;
}
@media only screen and (min-width: 1280px) {
.tabs__header {
padding-right: 50px;
padding-left: 50px;
}
}
.tabs__icon {
display: inline-block;
width: 30px;
height: 20px;
margin-right: 9px;
vertical-align: middle;
}
.tabs__item,
.tabs .slick-slide {
width: 220px;
}
.tabs__item {
position: relative;
height: 50px;
padding-top: 12px;
font-size: 16px;
text-align: center;
cursor: pointer;
}
@media only screen and (min-width: 1280px) {
.tabs__item {
background-color: #f5f5f5;
}
}
.tabs__item::after {
position: absolute;
right: 0;
left: 0;
bottom: 0;
display: block;
height: 2px;
content: '';
background-color: #c3c3c3;
}
.tabs__item.js-is-active {
color: #fff;
}
.tabs__caption {
position: relative;
top: 1px;
}
.tabs__body {
display: block;
margin-top: 40px;
}
.tabs__content {
display: none;
}
.tabs__content.js-is-active {
display: block;
}
.tabs__arrows-prev,
.tabs__arrows-next {
position: absolute;
top: 0;
width: 50px;
height: 100%;
margin: 0;
background-color: #f5f5f5;
}
.tabs__arrows-prev:hover:not(.slick-disabled) .tabs__arrows-prev-inner .path-1,
.tabs__arrows-next:hover:not(.slick-disabled) .tabs__arrows-prev-inner .path-1,
.tabs__arrows-prev:hover:not(.slick-disabled) .tabs__arrows-next-inner .path-1,
.tabs__arrows-next:hover:not(.slick-disabled) .tabs__arrows-next-inner .path-1 {
fill: #fff;
}
.tabs__arrows-prev.slick-disabled,
.tabs__arrows-next.slick-disabled {
cursor: default;
opacity: 0.2;
}
.tabs__arrows-prev {
left: 0;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.tabs__arrows-next {
right: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.tabs__arrows-prev-inner,
.tabs__arrows-next-inner {
width: 8px;
height: 15px;
}
.user {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
text-align: left;
color: #fff;
text-transform: uppercase;
}
.user__pic {
width: 74px;
height: 74px;
overflow: hidden;
border-radius: 50%;
}
.user__caption {
margin-left: 22px;
}
.user__name {
display: block;
}
.warehouses {
margin-bottom: 55px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.warehouses {
margin-bottom: 80px;
text-align: left;
}
}
@media only screen and (min-width: 1024px) {
.warehouses {
margin-bottom: 110px;
}
}
@media only screen and (min-width: 1800px) {
.warehouses {
position: relative;
}
}
.warehouses__preview {
margin-bottom: 23px;
border-radius: 6px;
}
@media only screen and (min-width: 768px) {
.warehouses__preview {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 29px;
}
}
@media only screen and (min-width: 1280px) {
.warehouses__preview {
margin-bottom: 0;
}
}
.warehouses__title {
padding-bottom: 15px;
font-size: 16px;
line-height: 1.5;
}
@media only screen and (min-width: 768px) {
.warehouses__title {
padding-bottom: 20px;
font-size: 24px;
line-height: 1.5;
}
}
.warehouses__main-title {
padding-bottom: 7px;
}
@media only screen and (min-width: 768px) {
.warehouses__main-title {
padding-bottom: 20px;
}
}
.warehouses__body {
line-height: 24px;
}
.warehouses__footer {
margin-top: 32px;
}
@media only screen and (min-width: 768px) {
.warehouses__footer {
display: -ms-flexbox;
display: flex;
margin-top: 52px;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 1280px) {
.warehouses__footer {
position: absolute;
right: 0;
left: 0;
bottom: 0;
margin-top: 0;
}
}
@media only screen and (min-width: 768px) {
.warehouses__tabs {
margin-top: 11px;
}
}
@media only screen and (min-width: 1280px) {
.warehouses__tabs {
margin-top: 30px;
}
}
.warehouses__socials {
margin-top: 31px;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.warehouses__socials {
margin-top: 0;
margin-right: -10px;
}
}
.warehouses__socials .socials__item {
margin-right: 5px;
margin-left: 5px;
}
@media only screen and (min-width: 1280px) {
.warehouses__caption {
position: relative;
width: 40%;
margin-right: 74px;
padding-bottom: 50px;
}
}
@media only screen and (min-width: 768px) {
.warehouses__inner.wrapper.wrapper--text {
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1280px) {
.warehouses__inner.wrapper.wrapper--text {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.warehouses__circle {
display: none;
}
@media only screen and (min-width: 1800px) {
.warehouses__circle {
position: absolute;
display: block;
background-repeat: no-repeat;
}
.warehouses__circle--left-top {
top: -80px;
left: 0;
width: 231px;
height: 287px;
background-image: url("../images/backgrounds/w-left-top.png");
}
.warehouses__circle--left-middle {
top: 411px;
left: 0;
width: 87px;
height: 87px;
background-image: url("../images/backgrounds/w-left-middle.png");
}
.warehouses__circle--right-top {
top: -104px;
right: 0;
width: 237px;
height: 258px;
background-image: url("../images/backgrounds/w-right-top.png");
}
.warehouses__circle--right-middle {
top: 222px;
right: 140px;
width: 74px;
height: 74px;
background-image: url("../images/backgrounds/w-right-middle.png");
}
}
.wrapper {
margin-right: 20px;
margin-left: 20px;
}
@media only screen and (min-width: 768px) {
.wrapper {
margin-right: 40px;
margin-left: 40px;
}
}
@media only screen and (min-width: 1280px) {
.wrapper {
width: 1280px;
margin: 0 auto;
padding-right: 30px;
padding-left: 30px;
}
}
.wrapper .wrapper--text {
margin-right: 0;
margin-left: 0;
}
@media only screen and (min-width: 1280px) {
.wrapper .wrapper--text {
width: 1220px;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (min-width: 768px) {
.wrapper--text {
width: 580px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
.wrapper--text {
width: 700px;
}
}
@media only screen and (min-width: 1280px) {
.wrapper--text {
width: 1280px;
margin: 0 auto;
}
}