@charset "UTF-8"; @font-face { font-display: swap; src: url("../fonts/Barlow-ExtraLight.woff") format("woff"), url("../fonts/Barlow-ExtraLight.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 100; } @font-face { font-display: swap; src: url("../fonts/Barlow-Thin.woff") format("woff"), url("../fonts/Barlow-Thin.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 200; } @font-face { font-display: swap; src: url("../fonts/Barlow-Light.woff") format("woff"), url("../fonts/Barlow-Light.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 300; } @font-face { font-display: swap; src: url("../fonts/Barlow-Regular.woff") format("woff"), url("../fonts/Barlow-Regular.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 400; } @font-face { font-display: swap; src: url("../fonts/Barlow-Italic.woff") format("woff"), url("../fonts/Barlow-Italic.woff2") format("woff2"); font-family: "Barlow"; font-style: italic; font-weight: 400; } @font-face { font-display: swap; src: url("../fonts/Barlow-Medium.woff") format("woff"), url("../fonts/Barlow-Medium.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 500; } @font-face { font-display: swap; src: url("../fonts/Barlow-SemiBold.woff") format("woff"), url("../fonts/Barlow-SemiBold.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 600; } @font-face { font-display: swap; src: url("../fonts/Barlow-Bold.woff") format("woff"), url("../fonts/Barlow-Bold.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 700; } @font-face { font-display: swap; src: url("../fonts/Barlow-ExtraBold.woff") format("woff"), url("../fonts/Barlow-ExtraBold.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 800; } @font-face { font-display: swap; src: url("../fonts/Barlow-Black.woff") format("woff"), url("../fonts/Barlow-Black.woff2") format("woff2"); font-family: "Barlow"; font-style: normal; font-weight: 900; } [class^="ico_"], [class*=" ico_"] { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; line-height: 1em; } html, body { color: #555; font-family: "Barlow"; font-size: 18px; font-weight: 300; line-height: 1.56; } h1, h2, h3, h4, h5, h6 { font-family: "Barlow"; font-weight: 700; } .section-title { position: relative; margin-bottom: 30px; } .section-title span { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; align-items: center; color: #888; font-size: 18px; font-weight: 400; } .section-title span:before { display: inline-block; width: 22px; height: 30px; margin-right: 10px; background-image: url(../img/svgico/logo-icon.svg); content: ''; display: none; } .section-title h3 { margin: 0; color: #222; font-size: 40px; font-weight: 700; line-height: 1.2; } .section-title.--center { text-align: center; } .section-title.--center span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 10px; } .section-title.--center span:before { margin-right: 0; margin-bottom: 15px; } a.more { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; color: #222; font-size: 16px; font-weight: 600; text-decoration: underline; text-transform: uppercase; } a.more .uk-icon { color: #efb007; } @font-face { src: url("../fonts/icons.eot"); src: url("../fonts/icons.eot?#iefix") format("eot"), url("../fonts/icons.woff") format("woff"), url("../fonts/icons.woff2") format("woff2"), url("../fonts/icons.ttf") format("truetype"), url("../fonts/icons.svg#icons") format("svg"); font-family: "icons"; } .ico_arrow-down:before, .ico_arrow-left:before, .ico_arrow-right:before, .ico_arrow-up:before, .ico_checkmark:before, .ico_close:before, .ico_contacts:before, .ico_copy:before, .ico_edit:before, .ico_logo-icon:before, .ico_mission:before, .ico_submenu:before, .ico_track:before, .ico_trash:before, .ico_truck-plow:before, .ico_user:before, .slider-nav .swiper-button-prev:before, .slider-nav .swiper-button-next:before, .contacts-block:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; width: 1em; font-family: "icons"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1em; text-decoration: none; text-decoration: inherit; text-transform: none; } .ico_arrow-down:before { content: ""; } .ico_arrow-left:before { content: ""; } .ico_arrow-right:before { content: ""; } .ico_arrow-up:before { content: ""; } .ico_checkmark:before { content: ""; } .ico_close:before { content: ""; } .ico_contacts:before { content: ""; } .ico_copy:before { content: ""; } .ico_edit:before { content: ""; } .ico_logo-icon:before { content: ""; } .ico_mission:before { content: ""; } .ico_submenu:before { content: ""; } .ico_track:before { content: ""; } .ico_trash:before { content: ""; } .ico_truck-plow:before { content: ""; } .ico_user:before { content: ""; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } *:focus, *:active, *.nice-select.open { outline: none; } a:focus, a:active, a.nice-select.open { outline: none; } aside, nav, footer, header, section { display: block; } body { -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-size: inherit; } input::-ms-clear { display: none; } button { background-color: inherit; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } .tooltip::after { content: attr(data-tooltip); } .full-width { position: relative; right: 50%; left: 50%; width: 100vw; margin-right: -50vw; margin-left: -50vw; } ._video { position: relative; height: 0; padding-bottom: 56.25%; overflow: hidden; } ._video video, ._video iframe, ._video object, ._video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videobg video, .videobg iframe, .videobg object, .videobg embed { -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); z-index: -100; position: fixed; top: 50%; left: 50%; width: auto; min-width: 100%; height: auto; min-height: 100%; transform: translateX(-50%) translateY(-50%); background-size: cover; } @font-face { src: url("../fonts/footable.eot"); src: url("../fonts/footable.eot") format("embedded-opentype"), url("../fonts/footable.woff2") format("woff2"), url("../fonts/footable.woff") format("woff"), url("../fonts/footable.ttf") format("truetype"), url("../fonts/footable.svg") format("svg"); font-family: 'footable'; font-style: normal; font-weight: normal; } .fooicon { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0); -ms-transform: translate(0); display: inline-block; transform: translate(0); font-family: footable !important; font-size: inherit; font-style: normal; font-weight: 400; line-height: 1; text-rendering: auto; } .fooicon-loader:before { content: '\e800'; } .fooicon-plus:before { content: '\e801'; } .fooicon-minus:before { content: '\e802'; } .fooicon-search:before { content: '\e803'; } .fooicon-remove:before { content: '\e804'; } .fooicon-pencil:before { content: '\e805'; } .fooicon-flash:before { content: '\e806'; } .fooicon-eye-close:before { content: '\e807'; } .fooicon-cog:before { content: '\e808'; } .fooicon-stats:before { content: '\e809'; } .fooicon-sort:before { content: '\f0dc'; } .fooicon-sort-asc:before { content: '\f160'; } .fooicon-sort-desc:before { content: '\f161'; } .fooicon-trash:before { content: '\f1f8'; } .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; box-sizing: border-box; display: block; position: relative; width: auto; height: 38px; padding-right: 30px; padding-left: 18px; clear: both; border: solid 1px #e8e8e8; border-radius: 5px; outline: none; background-color: #fff; font-family: inherit; font-size: 14px; font-weight: normal; line-height: 2.57; text-align: left !important; white-space: nowrap; cursor: pointer; transition: all 0.2s ease-in-out; user-select: none; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #000; } .nice-select:after { -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; display: block; position: absolute; top: 50%; right: 16px; width: 7px; height: 7px; margin-top: -4px; transform: rotate(45deg); transform-origin: 66% 66%; border-right: 1px solid #000; border-bottom: 1px solid #000; content: ''; pointer-events: none; transition: all 0.15s ease-in-out; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); min-width: 100%; transform: scale(1) translateY(0); opacity: 1; pointer-events: auto; } .nice-select.disabled { border-color: #ededed; color: #000; pointer-events: none; } .nice-select.disabled:after { border-color: #333333; } .nice-select.wide { width: 100%; } .nice-select.wide .list { right: 0 !important; left: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { right: 0; left: auto; } .nice-select.small { height: 30px; font-size: 12px; line-height: 2.33; } .nice-select.small:after { width: 4px; height: 4px; } .nice-select.small .option { min-height: 28px; line-height: 28px; } .nice-select .list { -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-19px); -ms-transform: scale(0.75) translateY(-19px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; box-sizing: border-box; z-index: 9; position: absolute; top: 100%; left: 0; margin-top: 4px; padding: 0; overflow: hidden; transform: scale(0.75) translateY(-19px); transform-origin: 50% 0; border-radius: 5px; background-color: #fff; box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); opacity: 0; pointer-events: none; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { -webkit-transition: all 0.2s; -o-transition: all 0.2s; min-height: 36px; padding-right: 29px; padding-left: 18px; outline: none; font-weight: 400; line-height: 36px; list-style: none; text-align: left; cursor: pointer; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #f6f6f6; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #000; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .page-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: space-between; min-width: 320px; max-width: 1920px; min-height: 100vh; margin: 0 auto; overflow: hidden; } .page-wrapper .page-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-head { display: block; position: relative; } .page-head__bg { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: center; height: 300px; padding: 15px; background-position: center; background-size: cover; } .page-head__title { color: white; font-size: 48px; font-weight: 700; line-height: 1.38; } .page-head__breadcrumb { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; bottom: -16px; left: 50%; align-items: center; justify-content: center; padding: 20px 35px; transform: translateX(-50%); border-radius: 2px; background-color: #efb007; color: #fff; } .page-head__breadcrumb .uk-breadcrumb { margin: 0; } .page-head__breadcrumb .uk-breadcrumb > * > * { color: #fff; color: white; font-size: 18px; font-weight: 500; } .page-head__breadcrumb .uk-breadcrumb > :last-child > span { color: #fff; } .page-head__breadcrumb .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column):before { margin: 0 10px 0 6px; color: #fff; content: '→'; } .uk-pagination > * + * { margin-left: 10px; } .uk-pagination > * > * { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 55px; height: 55px; padding: 0; border: 1px solid #eee; border-radius: 2px; color: #222; font-size: 20px; font-weight: 500; text-transform: uppercase; } .uk-pagination > .uk-active > * { background: #222; color: #fff; } .sidebar { display: block; position: relative; height: 100%; padding: 0 0 0 40px; background-color: #f9f9f9; } .sidebar::after { display: block; z-index: -1; position: absolute; top: -70px; bottom: -70px; left: 0; width: 50vw; height: calc(100% + 140px); background-color: #f9f9f9; content: ''; } .sidebar.--left { padding: 0 40px 0 0; } .sidebar.--left:after { right: 0; left: auto; } .scroll-box { scrollbar-color: #efb007 #E2EBEC; scrollbar-width: thin !important; -moz-appearance: none !important; } .scroll-box::-webkit-scrollbar { width: 4px; } .scroll-box::-webkit-scrollbar-track { background-color: #E2EBEC; } .scroll-box::-webkit-scrollbar-thumb { background-color: #efb007; } .datepicker--day-name, .datepicker--cell.-current- { color: #efb007; } .datepicker--cell.-selected- { background-color: #efb007; } .uk-button { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; border-radius: 2px; transition: all 0.3s linear; } .uk-button > svg { margin-left: 15px; } .uk-button .uk-icon { margin-left: 15px; color: #efb007; } .uk-button + .uk-button { margin-left: 10px; } .uk-button-default { border-radius: 2px; border-color: #222; color: #222; font-weight: 700; } .uk-button-default:hover { border-color: #efb007; background-color: #efb007; color: #fff; } .uk-button-default:hover .uk-icon { color: #fff; } .uk-button-danger { background-color: #efb007; } .uk-button-danger:hover, .uk-button-danger:focus, .uk-button-danger:active, .uk-button-danger.nice-select.open { background-color: #d69e06; } .uk-button-danger .uk-icon { color: #fff; } .uk-button-light { background-color: #fff; color: #222 !important; font-weight: 700; } .uk-button-large { font-size: 18px; text-transform: uppercase; } .uk-lightbox { background-color: rgba(34, 34, 34, 0.8); } .slider-nav { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: center; } .slider-nav .swiper-button-prev, .slider-nav .swiper-button-next { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: static; align-items: center; justify-content: center; width: 60px; height: 60px; margin-top: 0; border: 1px solid #ccc; border-radius: 50%; } .slider-nav .swiper-button-prev::before, .slider-nav .swiper-button-next::before { color: #ccc; } .slider-nav .swiper-button-prev:after, .slider-nav .swiper-button-next:after { display: none; } .slider-nav .swiper-button-prev:hover, .slider-nav .swiper-button-prev:focus, .slider-nav .swiper-button-prev:active, .slider-nav .swiper-button-prev.nice-select.open, .slider-nav .swiper-button-next:hover, .slider-nav .swiper-button-next:focus, .slider-nav .swiper-button-next:active, .slider-nav .swiper-button-next.nice-select.open { border-color: #efb007; color: #efb007; } .slider-nav .swiper-button-prev:hover::before, .slider-nav .swiper-button-prev:focus::before, .slider-nav .swiper-button-prev:active::before, .slider-nav .swiper-button-prev.nice-select.open::before, .slider-nav .swiper-button-next:hover::before, .slider-nav .swiper-button-next:focus::before, .slider-nav .swiper-button-next:active::before, .slider-nav .swiper-button-next.nice-select.open::before { color: #efb007; } .slider-nav .swiper-button-prev:before { content: ""; } .slider-nav .swiper-button-next { margin-left: 20px; } .slider-nav .swiper-button-next:before { content: ""; } .swiper-pagination-horizontal { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; } .swiper-pagination-horizontal .swiper-pagination-bullet { width: 8px; height: 8px; border-radius: 4px; background-color: #ddd; opacity: 1; } .swiper-pagination-horizontal .swiper-pagination-bullet-active { width: 12px; height: 12px; border-radius: 6px; background-color: #efb007; } .uk-input, .uk-textarea { border: none; border-radius: 2px; background-color: #f7f7f7; color: #222; font-size: 18px; font-weight: 400; } .uk-input::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder { color: #888; font-size: 18px; font-weight: 400; } .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { color: #888; font-size: 18px; font-weight: 400; } .uk-input:-ms-input-placeholder, .uk-textarea:-ms-input-placeholder { color: #888; font-size: 18px; font-weight: 400; } .uk-input::-ms-input-placeholder, .uk-textarea::-ms-input-placeholder { color: #888; font-size: 18px; font-weight: 400; } .uk-input::placeholder, .uk-textarea::placeholder { color: #888; font-size: 18px; font-weight: 400; } .uk-input:focus, .uk-textarea:focus { -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); border-radius: 2px; background-color: white; box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); } .uk-textarea { height: 150px; resize: none; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 62px; padding-left: 30px; } textarea.uk-form-large { padding-left: 30px; } .uk-position-cover { background-color: rgba(0, 0, 0, 0.65); } .uk-dotnav { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .uk-dotnav > * > * { width: 8px; height: 8px; border: none; background-color: #ddd; } .uk-dotnav > .uk-active > * { width: 10px; height: 10px; background-color: #efb007; } .uk-radio:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .uk-checkbox:checked { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } .page-header { -webkit-box-sizing: border-box; box-sizing: border-box; display: block; position: relative; padding: 0 100px; border-bottom: 1px solid #eee; background-color: #fff; } .page-header.uk-active { -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15); } .page-header__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } .page-header__contacts-list { margin-right: auto; } .page-header__contacts-list ul { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0; list-style-type: none; } .page-header__contacts-list ul li { display: block; position: relative; } .page-header__contacts-list ul li + li { margin-left: 20px; } .page-header__contacts-list ul li a { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; color: white; font-size: 18px; font-weight: 400; line-height: 1.44; } .page-header__contacts-list ul li a .uk-icon { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-right: 10px; overflow: hidden; border-radius: 50%; background-color: rgba(255, 255, 255, 0.2); color: #fff; } .page-header__logo { margin-right: auto; /* padding-top: 22px; */ /* padding-bottom: 22px; */ } .page-header__mainmenu { margin-left: 20px; } .page-header__mainmenu .uk-navbar-nav > li > a { -webkit-transition: all 0.3 linear; -o-transition: all 0.3 linear; min-height: 50px; color: #222; font-family: Barlow; font-size: 20px; font-weight: 600; text-transform: none; transition: all 0.3 linear; } .page-header__mainmenu .uk-navbar-nav > li > a:hover { color: #efb007; } .page-header__mainmenu .uk-navbar-nav > li > a::before { display: none; position: relative; content: '['; } .page-header__mainmenu .uk-navbar-nav > li > a::after { display: none; position: relative; content: ']'; } .page-header__mainmenu .uk-navbar-nav > li > a span { display: block; position: relative; } .page-header__mainmenu .uk-navbar-nav > li > a span::before { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); display: block; position: absolute; bottom: 100%; left: 50%; width: 20px; height: 20px; transform: translateX(-50%); background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='10.5,16.08 5.63,10.66 6.37,10 10.5,14.58 14.63,10 15.37,10.66'%3E%3C/polygon%3E%3Cline fill='none' stroke='%23000' x1='10.5' y1='4' x2='10.5' y2='15'%3E%3C/line%3E%3C/svg%3E"); content: ''; opacity: 0; } .page-header__mainmenu .uk-navbar-nav > li.uk-active > a { color: #efb007; } .page-header__mainmenu .uk-navbar-nav > li.uk-active > a:before, .page-header__mainmenu .uk-navbar-nav > li.uk-active > a:after { display: inline-block; } .page-header__mainmenu .uk-navbar-nav > li.uk-active > a span::before { opacity: 1; } .page-header__mainmenu .uk-navbar-nav .uk-navbar-dropdown { width: 250px; } .page-header__search { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 197px; } .page-header__search .uk-search-icon svg { width: 24px; height: 24px; } .page-header__contacts { padding-top: 25px; padding-bottom: 25px; padding-left: 50px; border-left: 1px solid #eee; } .page-header__mobile-menu-btn { display: none; border-right: 1px solid #eee; border-left: 1px solid #eee; } .page-header__mobile-menu-btn button { border: none; background: none; } .page-header__mobile-menu-btn button svg { width: 30px; height: 30px; } .logo { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: flex-start; } .logo img { display: block; position: relative; } .logo span { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); display: inline-block; position: relative; margin-left: 15px; transform: translateY(2px); color: #555; font-family: Barlow; font-size: 16px; font-weight: 400; line-height: 1; } .contacts-block { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-direction: column; align-items: flex-start; justify-content: center; padding-left: 70px; } .contacts-block:before { content: ""; } .contacts-block::before { position: absolute; top: 50%; left: 0; margin-top: -25px; color: #efb007; font-size: 50px; } .contacts-block span { margin-bottom: 5px; color: #222; font-size: 16px; font-weight: 500; line-height: 1; } .contacts-block strong { color: #222; font-size: 24px; font-weight: 600; line-height: 1; } .page-header.--two-line { padding: 0; } .page-header.--two-line .page-header__top-line { padding: 12px 0; background-color: #222; } .page-header.--two-line .page-header__bottom-line { padding-top: 12px; padding-bottom: 12px; background: #fff; } .page-header.--two-line .page-header__bottom-line.uk-active { -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.15); } .page-header.--two-line .page-header__bottom-line.uk-active .page-header__logo { padding-top: 0; padding-bottom: 0; } .page-header.--two-line .page-header__social { margin-right: 30px; } .page-header.--two-line .page-header__social .social__link { background-color: transparent; } .page-header.--two-line .page-header__social .social__link:hover { background-color: #efb007; } .page-header.--two-line .page-header__contacts { display: block; position: relative; margin-top: -12px; margin-bottom: -20px; padding: 12px 30px; border: none; background-color: #efb007; } .page-header.--two-line .page-header__contacts:before, .page-header.--two-line .page-header__contacts:after { display: block; position: absolute; bottom: 0; content: ''; } .page-header.--two-line .page-header__contacts::before { left: -8px; width: 0; height: 0; border-width: 0 8px 8px 0; border-style: solid; border-color: transparent #966f0c transparent transparent; } .page-header.--two-line .page-header__contacts:after { right: -8px; width: 0; height: 0; border-width: 8px 8px 0 0; border-style: solid; border-color: #966f0c transparent transparent transparent; } .page-header.--two-line .contacts-block { padding-left: 50px; background-image: url(../img/ico-info-1.png); background-repeat: no-repeat; background-size: 40px; } .page-header.--two-line .contacts-block::before { display: none; } .page-header.--two-line .contacts-block span { color: #fff; font-size: 14px; } .page-header.--two-line .contacts-block strong { color: #fff; font-size: 22px; } .page-header.--two-line .uk-icon-button { width: 55px; height: 55px; } /*.page-header.--two-line .page-header__mainmenu {*/ /* margin: 0 auto;*/ /*}*/ .newsletter { display: block; position: relative; background-color: #efb007; background-image: url(../img/bg_newsletter.png); background-position: center; background-repeat: no-repeat; background-size: cover; } .newsletter__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } .newsletter-form { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; justify-content: flex-start; margin-right: 70px; margin-right: 3.64583vw; padding-right: 70px; padding-right: 3.64583vw; border-right: 1px solid #fff; } .newsletter-form__title h4 { margin: 0 15px 0 0; color: white; font-size: 36px; font-weight: 700; line-height: 1.11; } .newsletter-form__form { width: 100%; border: 10px solid rgba(255, 255, 255, 0.2); border: 0.52083vw solid rgba(255, 255, 255, 0.2); border-radius: 2px; } .newsletter-form__form form { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; padding: 15px; background-color: #fff; } .newsletter-form__form form input { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; height: 40px; padding-left: 35px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23000' points='1.4,6.5 10,11 18.6,6.5'%3E%3C/polyline%3E%3Cpath d='M 1,4 1,16 19,16 19,4 1,4 Z M 18,15 2,15 2,5 18,5 18,15 Z'%3E%3C/path%3E%3C/svg%3E"); background-position: left center; background-repeat: no-repeat; } .newsletter-form__form form button { height: 40px; padding: 0 25px; border: none; border-left: 1px solid #ddd; background: none; color: #222; font-size: 20px; font-weight: 700; line-height: 2; text-transform: uppercase; } .download-app { -webkit-box-flex: 1; -ms-flex-positive: 1; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; justify-content: space-between; } .download-app__title { margin-right: 30px; } .download-app__title h4 { margin: 0 0 10px 0; color: white; font-size: 36px; font-weight: 700; line-height: 1; white-space: nowrap; } .download-app__title p { margin: 0; padding: 0; color: white; font-size: 20px; font-weight: 500; } .download-app__links { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .download-link { padding: 15px 35px; padding: 15px 1.82292vw; border-radius: 1px; outline: 10px solid rgba(255, 255, 255, 0.2); outline: 0.52083vw solid rgba(255, 255, 255, 0.2); background-color: #fff; } .download-link + .download-link { margin-left: 30px; } .download-link img { min-width: 40px; } .page-footer { display: block; z-index: 1; position: relative; background-color: #111; } .page-footer__top { padding-top: 100px; padding-bottom: 100px; } .page-footer__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; } .page-footer__contacts { max-width: 390px; margin-top: -115px; padding: 50px; border-radius: 4px; background-color: #222; } .page-footer__contacts .footer-logo { margin-bottom: 35px; } .page-footer__contacts p { color: rgba(231, 231, 231, 0.7); font-size: 18px; font-weight: 300; line-height: 1.44; } .page-footer__menu h4 { margin-bottom: 40px; color: white; font-size: 22px; font-weight: 500; text-transform: uppercase; } .page-footer__menu h4:after { display: block; width: 44px; height: 2px; margin-top: 10px; background-color: #efb007; content: ''; } .page-footer__menu ul li + li { display: block; position: relative; margin-top: 25px; } .page-footer__menu ul li a { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; padding: 0; color: rgba(255, 255, 255, 0.7); font-size: 18px; font-weight: 300; line-height: 1; } .page-footer__menu ul li a::before { -webkit-box-flex: 0; -ms-flex: 0 0 20px; display: block; flex: 0 0 20px; width: 20px; height: 20px; margin-right: 5px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23fff' points='10 5 15 9.5 10 14'%3E%3C/polyline%3E%3Cline fill='none' stroke='%23fff' x1='4' y1='9.5' x2='15' y2='9.5'%3E%3C/line%3E%3C/svg%3E"); content: ''; } .page-footer__menu ul li a:hover::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23efb007' points='10 5 15 9.5 10 14'%3E%3C/polyline%3E%3Cline fill='none' stroke='%23efb007' x1='4' y1='9.5' x2='15' y2='9.5'%3E%3C/line%3E%3C/svg%3E"); } .page-footer__news h4 { margin-bottom: 40px; color: white; font-size: 22px; font-weight: 500; text-transform: uppercase; } .page-footer__news h4:after { display: block; width: 44px; height: 2px; margin-top: 10px; background-color: #efb007; content: ''; } .page-footer__bottom { padding-top: 45px; padding-bottom: 45px; border-top: 1px solid rgba(255, 255, 255, 0.3); } .page-footer__copy { color: white; font-size: 18px; font-weight: 300; line-height: 1.33; text-align: center; } .page-footer__copy span { display: inline-block; margin-right: 20px; } .page-footer__copy a { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: rgba(255, 255, 255, 0.3); font-size: 18px; font-weight: 300; line-height: 1.33; text-decoration: underline; transition: all 0.3s linear; } .page-footer__copy a:hover { color: #efb007; } .page-footer__copy a + a { margin-left: 10px; padding-left: 10px; border-left: 1px solid rgba(255, 255, 255, 0.3); } .contacts-list { margin: 30px 0; padding: 0; list-style-type: none; } .contacts-list li { display: block; position: relative; } .contacts-list li a { -webkit-box-align: baseline; -ms-flex-align: baseline; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: baseline; color: white; font-size: 18px; font-weight: 400; line-height: 1.67; } .contacts-list li + li { margin-top: 20px; } .contacts-list li span.label { display: block; color: #efb007; } .contacts-list li span.uk-icon { margin-right: 15px; } .social li a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #fff; transition: all 0.3s linear; } .social li a:hover { background-color: #efb007; } .social li + li { margin-left: 5px; } .news-list { margin: 0; padding: 0; list-style-type: none; } .news-list li + li { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .news-list-item { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: flex-start; max-width: 300px; } .news-list-item__img { width: 95px; height: 88px; margin-right: 20px; } .news-list-item__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; } .news-list-item__date { margin-bottom: 15px; color: #efb007; font-size: 14px; font-weight: 600; text-decoration: underline; text-transform: uppercase; } .news-list-item__title { -webkit-transition: all 0.3 linear; -o-transition: all 0.3 linear; color: rgba(255, 255, 255, 0.7); font-size: 18px; font-weight: 300; line-height: 1.2; transition: all 0.3 linear; } .news-list-item__title:hover { color: #efb007; } .page-header__mainmenu .uk-navbar-dropdown .uk-navbar-dropdown { left: 60% !important; } .uk-offcanvas-bar { background-color: #111; } .uk-offcanvas-bar .uk-offcanvas-close { right: 20px; color: #efb007; opacity: 1; } .uk-offcanvas-bar .contacts-block { padding-left: 50px; } .uk-offcanvas-bar .contacts-block::before { margin-top: -20px; font-size: 40px; } .uk-offcanvas-bar .contacts-block span, .uk-offcanvas-bar .contacts-block strong { display: block !important; color: #fff; } .uk-offcanvas-bar .uk-nav-default > li > a { color: #fff; font-size: 18px; } .uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { color: #fff; font-size: 16px; } .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23fff' x='9' y='1' width='1' height='17'%3E%3C/rect%3E%3Crect fill='%23fff' x='1' y='9' width='17' height='1'%3E%3C/rect%3E%3C/svg%3E"); } .uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a:after { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23fff' height='1' width='18' y='9' x='1'%3E%3C/rect%3E%3C/svg%3E"); } .action-group { display: inline-block !important; position: relative; width: 30px; height: 30px; text-align: center; } .action-group.is-show .action-group-drop { visibility: visible; opacity: 1; pointer-events: all; } .action-group-btn { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 30px; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; padding: 0; border-radius: 50%; background-color: #F0F1F4; color: #B3B3B3; font-size: 10px; cursor: pointer; transition: all 0.3s linear; } .action-group-btn:hover { background-color: #929DA5; color: #fff; } .action-group-drop { -webkit-transition: 0.5s; -o-transition: 0.5s; -webkit-box-sizing: border-box; -webkit-box-shadow: 0px 15px 30px -20px rgba(146, 157, 165, 0.2); box-sizing: border-box; display: block; visibility: hidden; z-index: 3; position: absolute; top: -13px; right: -13px; overflow: hidden; border: 1.5px solid #E1E3EA; border-radius: 30px 0px 30px 30px; background: #FFFFFF; box-shadow: 0px 15px 30px -20px rgba(146, 157, 165, 0.2); opacity: 0; pointer-events: none; transition: 0.5s; } .action-group-list { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 10px 5px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16); list-style-type: none; } .action-group-list li { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; margin: 0 5px; transition: all 0.3s linear; } .action-group-list li.is-active button { background-color: #929DA5; color: #fff; } .action-group-list li button, .action-group-list li a { -webkit-box-flex: 0; -ms-flex: 0 0 35px; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex: 0 0 35px; align-items: center; justify-content: center; width: 35px; height: 35px; border: 0; border-radius: 50%; background: none; background: #F0F1F4; color: #929DA5 !important; font-size: 20px; cursor: pointer; pointer-events: all; transition: all 0.3s linear; } .action-group-list li button:hover, .action-group-list li a:hover { color: #efb007 !important; } .action-group-list li button .ico_edit, .action-group-list li a .ico_edit { font-size: 15px; } .action-group-list li button .ico_close, .action-group-list li a .ico_close { font-size: 16px; } .action-group-list li:last-child button { background-color: #fff; } .action-group-list li:last-child button:hover { color: #efb007 !important; } .counter { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 125px; -webkit-box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex: 0 0 125px; align-items: center; justify-content: flex-start; width: 100%; max-width: 125px; padding: 0 40px 0 0; overflow: hidden; border: 2px solid #E1E3EA; border-radius: 20px; background-color: #fff; user-select: none; } .counter__field { -webkit-box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 40px; border: none; border-top-right-radius: 0; border-bottom-right-radius: 0; box-shadow: none; user-select: none; } .counter__field input { -moz-appearance: textfield; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; position: relative; max-width: 40px; height: 40px; border: 0; color: #050505; font-size: 15px; font-style: normal; font-weight: normal; line-height: 130%; text-align: center; user-select: none; } .counter__field input:hover, .counter__field input:focus, .counter__field input:active, .counter__field input.nice-select.open { outline: 0; } .counter__field input[type=number]::-webkit-inner-spin-button, .counter__field input[type=number]::-webkit-outer-spin-buttons { -webkit-appearance: none; margin: 0; } .counter__btn { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 30px; -webkit-box-shadow: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; display: -webkit-box; display: -ms-flexbox; display: flex; flex: 0 0 30px; align-items: center; justify-content: center; width: 30px; height: 30px; margin: 5px; overflow: hidden; border: none; border-radius: 50%; box-shadow: none; color: #fff; cursor: pointer; user-select: none; } .counter__btn:hover { background: #F0F1F4; } .counter__btn:after { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 100%; border: none; background-position: center; background-repeat: no-repeat; background-size: 10px; text-shadow: none; content: ''; transition: all 0.3s linear; } .counter__btn.minus:after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583557 1.5351C0.583557 0.98281 1.03127 0.535095 1.58356 0.535095H7.58356C8.13584 0.535095 8.58356 0.98281 8.58356 1.5351C8.58356 2.08738 8.13584 2.5351 7.58356 2.5351H1.58356C1.03127 2.5351 0.583557 2.08738 0.583557 1.5351Z' fill='black'/%3E%3C/svg%3E%0A"); } .counter__btn.plus:after { background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.583557 4.53511C0.583557 4.09328 0.941729 3.73511 1.38356 3.73511H7.78356C8.22539 3.73511 8.58356 4.09328 8.58356 4.53511C8.58356 4.97694 8.22539 5.33511 7.78356 5.33511H1.38356C0.941729 5.33511 0.583557 4.97694 0.583557 4.53511Z' fill='black'/%3E%3Cpath d='M4.58356 0.53511C5.02538 0.53511 5.38356 0.893283 5.38356 1.33511L5.38356 7.73511C5.38356 8.17694 5.02538 8.53511 4.58356 8.53511C4.14173 8.53511 3.78356 8.17694 3.78356 7.73511L3.78356 1.33511C3.78356 0.893282 4.14173 0.53511 4.58356 0.53511Z' fill='black'/%3E%3C/svg%3E%0A"); } .drop { display: block; z-index: 3; position: relative; } .drop._active { z-index: 11; } .drop._active .drop-button { background-image: none; } .drop._active-close .drop-button { background-image: none; } .drop-box { -webkit-box-sizing: border-box; box-sizing: border-box; display: none; z-index: 3; position: absolute; top: calc( 100% + 5px); left: 0; width: 100%; padding: 15px 5px 15px 15px; border: 2px solid #D8DFE7; background-color: #fff; } .drop-input { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; height: 50px; padding: 0 50px 0 15px; line-height: 50px; transition: all 0.3s linear; } .drop-input:hover, .drop-input:focus, .drop-input:active, .drop-input.nice-select.open { -webkit-box-shadow: none; box-shadow: none; } .drop-input:focus { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .drop-input:focus::-webkit-input-placeholder { opacity: 0; } .drop-input:focus::-moz-placeholder { opacity: 0; } .drop-input:focus:-ms-input-placeholder { opacity: 0; } .drop-input:focus::-ms-input-placeholder { opacity: 0; } .drop-input:focus::placeholder { opacity: 0; } .drop-input-hide { display: none; } .drop-button { padding: 11.5px 15px; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 4.31654L1.67513 0.991678C1.48622 0.802774 1.18058 0.802774 0.991678 0.991678C0.802774 1.18058 0.802774 1.48622 0.991678 1.67513L4.65827 5.34172C4.75246 5.43591 4.87641 5.48332 5 5.48332C5.1236 5.48332 5.24755 5.43591 5.34174 5.34172L9.00833 1.67513L9.00834 1.67512C9.19722 1.48622 9.19722 1.18058 9.00831 0.991677C8.81941 0.802773 8.51377 0.802773 8.32486 0.991677L4.99999 4.31654Z' fill='%2357CA70' stroke='%2357CA70' stroke-width='0.3'/%3E%3C/svg%3E%0A"); background-position: right 18px center; background-repeat: no-repeat; background-size: 10px; color: #7A7A7A; text-align: left; } .drop-clear { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: none; z-index: 3; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2357CA70'%3E%3Cpath d='M14,12l9.1-9.1c0.6-0.5,0.6-1.4,0-2c-0.5-0.6-1.4-0.6-2,0L12,10L2.9,0.9c-0.3-0.3-0.6-0.4-1-0.4 c-0.4,0-0.7,0.2-1,0.4c-0.5,0.6-0.5,1.4,0,2L10,12l-9.1,9.1c-0.6,0.6-0.6,1.5,0,2c0.3,0.3,0.6,0.4,1,0.4c0.4,0,0.7-0.1,1-0.4L12,14 l9.1,9.1c0.6,0.5,1.5,0.5,2,0c0.5-0.6,0.5-1.4,0-2L14,12z'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; background-size: 10px 10px; color: #efb007; cursor: pointer; } .drop-clear._active { display: -webkit-box; display: -ms-flexbox; display: flex; } .drop-clear._active + .form-control { background: none; } .drop-overflow { scrollbar-color: #efb007 #E2EBEC; scrollbar-width: thin !important; -moz-appearance: none !important; max-height: 90px; overflow: auto; } .drop-overflow::-webkit-scrollbar { width: 4px; } .drop-overflow::-webkit-scrollbar-track { background-color: #E2EBEC; } .drop-overflow::-webkit-scrollbar-thumb { background-color: #efb007; } .drop .drop-list { margin: 0; padding: 0; list-style-type: none; } .drop .drop-list-item { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; display: block; position: relative; position: relative; padding: 5px 0; color: #000; font-size: 14px; cursor: pointer; transition: all 0.3s linear; } .drop .drop-list-item a { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; display: block; position: relative; color: #000; font-size: 14px; transition: all 0.3s linear; } .drop .drop-list-item a:hover { color: #efb007; text-decoration: none; } .--arrow .drop-input { background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 4.31654L1.67513 0.991678C1.48622 0.802774 1.18058 0.802774 0.991678 0.991678C0.802774 1.18058 0.802774 1.48622 0.991678 1.67513L4.65827 5.34172C4.75246 5.43591 4.87641 5.48332 5 5.48332C5.1236 5.48332 5.24755 5.43591 5.34174 5.34172L9.00833 1.67513L9.00834 1.67512C9.19722 1.48622 9.19722 1.18058 9.00831 0.991677C8.81941 0.802773 8.51377 0.802773 8.32486 0.991677L4.99999 4.31654Z' fill='%2357CA70' stroke='%2357CA70' stroke-width='0.3'/%3E%3C/svg%3E%0A"); background-position: right 18px center; background-repeat: no-repeat; background-size: 10px; } .--arrow._active .drop-input, .--arrow._active-close .drop-input { background-image: none; } .--search .drop-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve' fill='%2357CA70'%3E%3Cpath d='M225.474,0C101.151,0,0,101.151,0,225.474c0,124.33,101.151,225.474,225.474,225.474 c124.33,0,225.474-101.144,225.474-225.474C450.948,101.151,349.804,0,225.474,0z M225.474,409.323 c-101.373,0-183.848-82.475-183.848-183.848S124.101,41.626,225.474,41.626s183.848,82.475,183.848,183.848 S326.847,409.323,225.474,409.323z'/%3E%3Cpath d='M505.902,476.472L386.574,357.144c-8.131-8.131-21.299-8.131-29.43,0c-8.131,8.124-8.131,21.306,0,29.43l119.328,119.328 c4.065,4.065,9.387,6.098,14.715,6.098c5.321,0,10.649-2.033,14.715-6.098C514.033,497.778,514.033,484.596,505.902,476.472z'/%3E%3C/svg%3E%0A"); background-position: right 14px center; background-repeat: no-repeat; background-size: 20px; } .--search._active .drop-input, .--search._active._active-close { background-image: none; } .drop-menu { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style-type: none; } .drop-menu.open li { display: block; } .drop-menu.open li:first-child::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .drop-menu li { margin: 0 15px; } .dropdown-sort { display: block; position: relative; margin-right: 5px; } .dropdown-sort.show .dropdown-toggle { border-bottom: 0; border-radius: 5px 5px 0 0; } .dropdown-sort .dropdown-toggle { -webkit-box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: start; -ms-flex-pack: start; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; width: auto; min-width: 220px; height: 30px; padding-right: 25px; padding-left: 48px; border: 1px solid #EFEFEF; border-radius: 2px; background: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' fill='none'%3E%3Cpath d='M0 7h12V5H0v2zm0-7v2h18V0H0zm0 12h6v-2H0v2z' fill='%2357CA70'/%3E%3C/svg%3E"); background-position: left 15px center; background-repeat: no-repeat; } .dropdown-sort .dropdown-toggle:before { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform-origin: center; -ms-transform-origin: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; position: absolute; top: 50%; right: 15px; width: 10px; height: 6px; transform: translateY(-50%); transform-origin: center; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 4.31654L1.67513 0.991678C1.48622 0.802774 1.18058 0.802774 0.991678 0.991678C0.802774 1.18058 0.802774 1.48622 0.991678 1.67513L4.65827 5.34172C4.75246 5.43591 4.87641 5.48332 5 5.48332C5.1236 5.48332 5.24755 5.43591 5.34174 5.34172L9.00833 1.67513L9.00834 1.67512C9.19722 1.48622 9.19722 1.18058 9.00831 0.991677C8.81941 0.802773 8.51377 0.802773 8.32486 0.991677L4.99999 4.31654Z' fill='%2357CA70' stroke='%2357CA70' stroke-width='0.3'/%3E%3C/svg%3E%0A"); color: #57CA70; font-size: 8px; content: ''; transition: all 0.3s linear; } .dropdown-sort .dropdown-toggle:after { display: none; } .dropdown-sort .dropdown-toggle[aria-expanded="true"]:before { -webkit-transform: translateY(-50%) rotate(-180deg); -ms-transform: translateY(-50%) rotate(-180deg); transform: translateY(-50%) rotate(-180deg); } .dropdown-sort .dropdown-toggle span { display: inline-block; color: #30393E; font-size: 12px; font-style: normal; font-weight: 400; line-height: 130%; } .dropdown-sort .dropdown-menu { width: 100%; margin-top: 0; border: 1px solid #EFEFEF; border-top: 0; border-radius: 0 0 5px 5px; } .dropdown-sort .dropdown-item { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; padding: 6px 15px; color: #30393E; font-size: 12px; font-style: normal; font-weight: 500; line-height: 130%; cursor: pointer; transition: all 0.3s linear; } .dropdown-sort .dropdown-item._active { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Cpath d='M14 7A7 7 0 110 7a7 7 0 0114 0z' fill='%2357CA70'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 13A6 6 0 107 1a6 6 0 000 12zm0 1A7 7 0 107 0a7 7 0 000 14z' fill='%23fff'/%3E%3Cpath d='M6.68 10.115a.356.356 0 01-.505 0L4.157 8.097a.536.536 0 010-.758l.253-.253c.21-.21.548-.21.758 0l1.26 1.26L9.832 4.94a.537.537 0 01.758 0l.253.253c.21.21.21.55 0 .758L6.68 10.115z' fill='%23fff'/%3E%3C/svg%3E"); background-position: right 15px center; background-repeat: no-repeat; color: #efb007; } .dropdown-sort .dropdown-item:active, .dropdown-sort .dropdown-item.nice-select.open { background-color: transparent; } .dropdown-sort .dropdown-item:hover { background-color: transparent; color: #efb007; } .checkbox-custome { --background: #fff; --border: #000000; --border-hover: #bbc1e1; --border-active: #1e2235; --tick: #fff; position: relative; margin: 0; } .checkbox-custome label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .checkbox-custome input[type=checkbox]:focus, .checkbox-custome input[type=file]:focus, .checkbox-custome input[type=radio]:focus { outline: none; } .checkbox-custome input, .checkbox-custome svg { display: block; width: 21px; height: 21px; outline: none; } .checkbox-custome input { -webkit-appearance: none; -moz-appearance: none; -webkit-transition: box-shadow 0.3s; -webkit-transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; -webkit-box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border)); position: relative; margin: 0 10px 0 0; padding: 0; border: none; border-radius: 4px; outline: none; background: var(--background); box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border)); cursor: pointer; transition: -webkit-box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .checkbox-custome input:hover { --s: 1px; --b: var(--border-hover); } .checkbox-custome input:checked { --b: var(--border-active); } .checkbox-custome svg { fill: none; stroke-width: 1px; stroke-linecap: round; stroke-linejoin: round; stroke: #efb007; -webkit-transform: scale(var(--scale, 1)) translateZ(0); position: absolute; top: 0; left: 0; width: 21px; height: 21px; transform: scale(var(--scale, 1)) translateZ(0); pointer-events: none; } .checkbox-custome span { display: inline-block; color: black; font-family: Lato; font-size: 18px; font-weight: 400; line-height: normal; vertical-align: middle; } .checkbox-custome.path input:checked { --s: 2px; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; } .checkbox-custome.path input:checked + svg { --a: 16.1 86.12; --o: 102.22; } .checkbox-custome.path svg { stroke-dasharray: var(--a, 86.12); stroke-dashoffset: var(--o, 86.12); -webkit-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s; -o-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s; transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s; } .social { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0; list-style-type: none; } .social__item { display: block; position: relative; } .social__item + .social__item { margin-left: 5px; } .social__link { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-sizing: border-box; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; color: #fff; font-size: 16px; transition: all 0.3s linear; } .social__link:hover { border-color: #fff; background-color: #efb007; color: #fff; text-decoration: none; } .social__link:active, .social__link.nice-select.open { border-color: #fff; background-color: #27943F; color: #fff; text-decoration: none; } .s-hero { display: block; position: relative; } .s-hero__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: stretch; justify-content: space-between; background-color: #ffb201; } .s-hero__inner > * { width: 50%; } .s-hero__desc { -webkit-box-align: start; -ms-flex-align: start; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 125px; padding: 0 6.51042vw; background-image: url(../img/bg_hero.jpg); background-size: cover; } .s-hero__title { margin-bottom: 25px; margin-bottom: 1.30208vw; color: white; font-size: 54px; font-weight: 700; line-height: 1.2; } .s-hero__subtitle { margin-bottom: 35px; margin-bottom: 1.82292vw; color: white; font-size: 30px; font-weight: 500; line-height: 1.33; } .s-hero__search { width: 100%; } .s-hero__slider { display: block; position: relative; } .s-hero__slider .swiper::after { display: block; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 300px; background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(to top, black 0%, transparent 100%); content: ''; pointer-events: none; } .s-hero__slider .swiper-slide img { width: 100%; } .s-hero__slider .swiper-pagination-fraction { z-index: 2; bottom: 60px; bottom: 3.125vw; padding-right: 100px; padding-right: 5.20833vw; color: white; font-size: 24px; font-weight: 400; line-height: 1.67; text-align: right; } .s-hero__slider .swiper-pagination-current { color: white; font-size: 48px; font-weight: 700; line-height: 0.83; } .search { -webkit-box-flex: 1; -ms-flex-positive: 1; display: block; position: relative; flex-grow: 1; max-width: 550px; } .search label { color: white; font-size: 18px; font-weight: 500; } .search .uk-radio { border: 2px solid #fff; } .search .uk-radio:checked { background-color: #efb007; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } .search-box { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; margin-bottom: 20px; outline: 10px solid rgba(255, 255, 255, 0.3); background-color: #fff; } .search-input { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-grow: 1; align-items: center; max-width: 100%; padding: 18px; } .search-input img { -webkit-box-flex: 0; -ms-flex: 0 0 60px; display: block; flex: 0 0 60px; width: 40px; height: 40px; padding-right: 20px; border-right: 1px solid #ddd; } .search-input input { -webkit-box-flex: 1; -ms-flex-positive: 1; -o-text-overflow: ellipsis; flex-grow: 1; width: 100%; height: 40px; padding: 0 16px; overflow: hidden; border: none; background: none; text-overflow: ellipsis; white-space: nowrap; } .search-btn { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 75px; height: 75px; background-color: #111; color: #fff; } .s-about { display: block; position: relative; background-image: url(../img/bg_logo.png); background-position: left 95% center; background-repeat: no-repeat; } .s-about__btns { -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; margin-top: 50px; } .s-about__btns a + a { margin-left: 15px; } .s-about__btns .uk-icon-button { width: 55px; height: 55px; border-radius: 30px; background-color: #eee; color: #222; font-size: 24px; } .s-about__btns .uk-icon-button:hover, .s-about__btns .uk-icon-button:focus, .s-about__btns .uk-icon-button:active, .s-about__btns .uk-icon-button.nice-select.open { -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); background-color: #fff; box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); color: #efb007; } .s-categories { display: block; position: relative; } .uk-card .uk-card-body { position: relative; padding-left: 90px; color: #555; } .uk-card .uk-card-icon { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; position: absolute; top: 50%; left: -55px; align-items: center; justify-content: center; width: 110px; height: 110px; transform: translateY(-50%); border-radius: 50%; background-color: #fff; } .uk-card .uk-card-icon span { -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 110px; height: 110px; border-radius: 50%; background-color: #fff; box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); } .uk-card .uk-card-icon::before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: block; z-index: -1; position: absolute; top: 50%; left: 50%; width: calc(100% + 15px); height: calc(100% + 15px); transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); content: ''; } .uk-card .uk-card-icon:after { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); display: block; z-index: -1; position: absolute; top: 50%; left: 50%; width: calc(50% + 15px); height: calc(100% + 15px); transform: translateY(-50%); background-color: #fff; content: ''; } .uk-card .uk-card-title { color: #222; font-size: 24px; font-weight: 600; } .cat-item { position: relative; } .cat-item::after { display: block; z-index: 1; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(to top, black 0%, transparent 100%); content: ''; opacity: 0.95; } .cat-item img { -o-object-fit: cover; -o-object-position: center; min-height: 250px; object-fit: cover; object-position: center; } .cat-item .uk-overlay { z-index: 2; color: white; font-size: 30px; font-weight: 600; } .s-video { display: block; position: relative; background-color: #222; } .s-video__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: stretch; justify-content: space-between; } .s-video__inner > * { width: 50%; } .s-video__desc { -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: 40px 150px; padding: 40px 7.8125vw; background-image: url(../img/bg_video.png); color: #fff; } .s-video__desc .section-title span { color: #efb007; } .s-video__desc .section-title span::before { display: none; } .s-video__desc .section-title h3 { color: #fff; } .s-video__desc .section-content a.more { color: #fff; } .s-video__img { display: block; } .s-video__img .uk-cover-container { min-height: 100%; } .s-video__link { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: absolute; top: 50%; left: 50%; align-items: center; justify-content: center; width: 110px; height: 110px; transform: translate(-50%, -50%); border-radius: 50%; outline: 10px solid rgba(34, 34, 34, 0.2); background-color: #efb007; } .s-video__link img { margin-right: -5px; } .solution-item { display: block; position: relative; } .solution-item__box { display: block; position: relative; } .solution-item__box::before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background-image: -webkit-gradient(linear, left bottom, left top, from(black), to(transparent)); background-image: -o-linear-gradient(bottom, black 0%, transparent 100%); background-image: linear-gradient(to top, black 0%, transparent 100%); content: ''; transition: all 0.3s linear; } .solution-item__box:hover::before { height: 100%; } .solution-item__box:hover .solution-item__intro { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; visibility: visible; height: auto; overflow: visible; pointer-events: all; transition: all 0.3s linear; } .solution-item__box img { width: 100%; } .solution-item__box .uk-overlay { padding: 60px; padding: 3.125vw; } .solution-item__title { margin-bottom: 20px; } .solution-item__title span { color: white; font-size: 18px; font-weight: 400; } .solution-item__title h3 { margin: 0; color: white; font-size: 36px; font-weight: 600; } .solution-item__intro { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; visibility: hidden; height: 0; overflow: hidden; color: white; pointer-events: none; transition: all 0.3s linear; } .solution-item__link a.more { color: #fff; } .s-stats { display: block; position: relative; } .s-stats .uk-container { padding-bottom: 70px; } .stat-item { display: flex!important; justify-content: center!important; -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); display: block; position: relative; padding: 40px; padding: 2.08333vw; border-right: 2px solid #efb007; background-color: white; box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); } .stat-item__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } .stat-item__title { margin: 0; color: #222; font-size: 22px; font-weight: 400; } .stat-item__value { margin-bottom: 20px; color: #222; font-size: 80px; font-weight: 500; line-height: 0.9; } .stat-item__text { margin: 0; color: #888; font-size: 16px; font-weight: 300; line-height: 1.2; } .s-reasons { display: block; position: relative; } .s-reasons__inner { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: stretch; justify-content: space-between; } .s-reasons__inner > * { width: 50%; } .s-reasons__media { display: block; position: relative; } .s-reasons__info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: stretch; -ms-flex-align: stretch; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: stretch; justify-content: center; padding: 40px 100px; padding: 40px 5.20833vw; } .s-reasons__info .section-title { margin-bottom: 10px; } .s-reasons__info .section-content { color: #222; font-size: 24px; font-weight: 400; line-height: 1.33; } .reason-item { display: block; position: relative; } .reason-item__img { display: block; position: relative; width: 100%; } .reason-item__body { -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; padding-top: 30px; } .reason-item__icon { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .reason-item__desc { display: block; position: relative; padding-left: 25px; } .reason-item__title { margin: 0 0 5px 0; color: #222; font-size: 22px; font-weight: 600; line-height: 1.2; } .reason-item__text { margin: 0; color: #555; font-size: 18px; font-weight: 300; line-height: 1.2; } .s-reviews .swiper { margin: -20px; padding: 20px; } .review-item { display: block; position: relative; padding: 0 30px; } .review-item__box { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; padding: 60px 50px; border: 1px solid #eee; border-radius: 2px; background-color: white; transition: all 0.3s linear; } .review-item__box:hover { -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); border: 1px solid #fff; box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); } .review-item__box:hover .review-item__icon { border: 1px solid #222; background-color: #222; color: #fff; } .review-item__desc { display: block; position: relative; } .review-item__icon { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; left: -80px; align-items: center; justify-content: center; width: 60px; height: 60px; border: 1px solid #eee; border-radius: 50%; background-color: white; color: #efb007; transition: all 0.3s linear; } .review-item__icon svg { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; width: 30px; height: 30px; transition: all 0.3s linear; } .review-item__title { margin: 0 0 10px 0; color: #222; font-size: 18px; font-weight: 500; line-height: 1.44; } .review-item__text { color: #555; font-size: 16px; font-weight: 400; line-height: 1.88; } .review-item__user { margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; } .user { -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; } .user__avatar { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; height: 50px; margin-right: 15px; } .user__info { display: block; position: relative; } .user__name { margin: 0; color: #222; font-size: 18px; font-weight: 500; } .user__position { margin: 0; color: #888; font-size: 14px; font-weight: 400; } .user__rating { margin-top: 10px; } .rating-list { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; margin: 0; padding: 0; } .rating-list li { color: #ccc; } .rating-list li svg { width: 12px; height: 12px; } .rating-list li.active { color: #efb007; } .info-card { display: block; position: relative; background-color: #f9f9f9; background-image: url(../img/bg_info-card.png); background-position: right 70px top 70px; background-repeat: no-repeat; } .info-card__box { padding: 60px 110px; padding: 3.125vw 5.72917vw; } .info-card__head { -webkit-box-align: end; -ms-flex-align: end; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; margin-bottom: 30px; margin-bottom: 1.5625vw; } .info-card__head img { margin-right: 30px; margin-right: 1.5625vw; } .info-card__head span { color: #222; font-size: 24px; font-weight: 500; line-height: 1.2; } .info-card__title { margin-bottom: 35px; color: #222; font-size: 36px; font-weight: 600; line-height: 1.2; } .info-card__btn { margin-bottom: 50px; margin-bottom: 2.60417vw; } .info-card.--accent { background-color: #efb007; } .info-card.--accent .info-card__head span { color: #fff; } .info-card.--accent .info-card__title { color: #fff; } .info-card.--accent .info-card__btn .uk-button-default { border-color: #fff; color: #fff; } .info-card.--accent .info-card__btn .uk-button-default .uk-icon { color: #fff; } .info-card.--accent .info-card__progress .progress-item h6, .info-card.--accent .info-card__progress .progress-item span { color: #fff; } .info-card.--accent .info-card__progress .progress-item progress { height: 8px; margin: 0 20px; border-radius: 0; background-color: #fff; } .info-card.--accent .info-card__progress .progress-item progress::-webkit-progress-bar { border-radius: 0; background-color: #fff; } .info-card.--accent .info-card__progress .progress-item progress::-webkit-progress-value { border-radius: 0; background-color: #555; } .progress-item { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } .progress-item + .progress-item { margin-top: 15px; } .progress-item h6 { min-width: 140px; margin: 0; color: #222; font-size: 16px; font-weight: 500; white-space: nowrap; } .progress-item progress { height: 8px; margin: 0 20px; border-radius: 0; background-color: #555; } .progress-item progress::-webkit-progress-bar { border-radius: 0; background-color: #555; } .progress-item progress::-webkit-progress-value { border-radius: 0; background-color: #efb007; } .progress-item span { color: #222; font-size: 16px; font-weight: 400; white-space: nowrap; } .s-news { display: block; position: relative; } .s-news .swiper { margin: -20px; padding: 20px; } .new-item { display: block; position: relative; max-width: 360px; margin: 0 auto; } .new-item__box { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; display: block; position: relative; background-color: #fff; transition: all 0.5s linear; } .new-item__box:hover { -webkit-box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); box-shadow: 0 5px 24px 6px rgba(0, 0, 0, 0.06); } .new-item__media { display: block; position: relative; } .new-item__body { padding: 50px 25px; } .new-item__title span { display: block; position: relative; color: #888; font-size: 18px; font-weight: 400; line-height: 1; } .new-item__title h4 { margin: 20px 0; color: #222; font-size: 24px; font-weight: 700; line-height: 1.2; } .new-item__date { color: #efb007; font-size: 14px; font-weight: 600; text-decoration: underline; text-transform: uppercase; } .team-user { display: block; position: relative; max-width: 260px; margin: 0 auto; overflow: hidden; border-radius: 2px; } .team-user__photo { display: block; position: relative; } .team-user__photo::before { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; opacity: 0; transition: all 0.3s linear; } .team-user__photo img { width: 100%; } .team-user__body { padding: 35px; background-color: #fff; } .team-user__name { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin-bottom: 5px; color: #222; font-size: 24px; font-weight: 600; line-height: 1.2; transition: all 0.3s linear; } .team-user__position { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: #888; font-size: 16px; font-weight: 400; line-height: 1.2; transition: all 0.3s linear; } .team-user__social { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin-top: 20px; opacity: 0; pointer-events: none; transition: all 0.3s linear; } .team-user:hover .team-user__photo:before, .team-user:focus .team-user__photo:before, .team-user:active .team-user__photo:before, .team-user.nice-select.open .team-user__photo:before { opacity: 1; } .team-user:hover .team-user__body, .team-user:focus .team-user__body, .team-user:active .team-user__body, .team-user.nice-select.open .team-user__body { background-color: #222; } .team-user:hover .team-user__name, .team-user:hover .team-user__position, .team-user:focus .team-user__name, .team-user:focus .team-user__position, .team-user:active .team-user__name, .team-user.nice-select.open .team-user__name, .team-user:active .team-user__position, .team-user.nice-select.open .team-user__position { color: #fff; } .team-user:hover .team-user__social, .team-user:focus .team-user__social, .team-user:active .team-user__social, .team-user.nice-select.open .team-user__social { opacity: 1; pointer-events: all; } .s-form { display: block; position: relative; border-top: 1px solid #eee; background-image: url(../img/bg_logo.png); background-position: right 95% center; background-repeat: no-repeat; } .s-form .section-title { margin-bottom: 10px; } .s-form .section-title h3 { font-size: 36px; } .s-form .section-content p { color: #222; font-size: 22px; font-weight: 400; line-height: 1.45; } .contacts-box { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin: 20px 0; } .contacts-box__img { width: 80px; height: 80px; margin-right: 20px; overflow: hidden; border-radius: 50%; } .contacts-box__img img { -o-object-fit: cover; -o-object-position: center; width: 100%; height: 100%; object-fit: cover; object-position: center; } .contacts-box__desc { display: block; position: relative; } .contacts-box__label { margin-bottom: 5px; color: #222; font-size: 16px; font-weight: 500; line-height: 1; } .contacts-box__phone { color: #222; font-size: 24px; font-weight: 700; line-height: 1; } ul.time-work { margin: 0; padding: 0; color: #222; font-size: 18px; font-weight: 300; line-height: 1.67; list-style-type: none; } .s-slider { display: block; position: relative; } .s-slider .swiper-slide img { -o-object-fit: cover; -o-object-position: center; width: 100%; min-height: 450px; object-fit: cover; object-position: center; } .s-slider .swiper-slide h1 { color: white; font-size: 60px; font-weight: 700; line-height: 1.1; } .s-slider .swiper-slide .uk-text-lead { color: white; font-size: 30px; font-weight: 400; line-height: 1.33; } .s-slider .swiper-pagination-fraction { -webkit-box-pack: end; -ms-flex-pack: end; z-index: 2; bottom: 60px; bottom: 3.125vw; justify-content: flex-end; padding-right: 100px; padding-right: 5.20833vw; color: white; font-size: 24px; font-weight: 400; line-height: 1.67; text-align: right !important; } .s-slider .swiper-pagination-current { color: white; font-size: 48px; font-weight: 700; line-height: 0.83; } .search-form { display: block; z-index: 1; position: relative; top: -70px; } .search-form__box { -webkit-box-shadow: 0 3px 32px 8px rgba(0, 0, 0, 0.12); padding: 30px 45px; border-radius: 2px; background-color: white; box-shadow: 0 3px 32px 8px rgba(0, 0, 0, 0.12); } .search-form__box .uk-form-label { color: #888; font-size: 16px; font-weight: 400; line-height: 1; } .search-form__box .js-select { padding: 0; border: none; } .search-form__box .js-select .current { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .js-date { display: block; position: relative; width: 100%; height: 40px; border: none; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 2,3 2,17 18,17 18,3 2,3 Z M 17,16 3,16 3,8 17,8 17,16 Z M 17,7 3,7 3,4 17,4 17,7 Z'%3E%3C/path%3E%3Crect width='1' height='3' x='6' y='2'%3E%3C/rect%3E%3Crect width='1' height='3' x='13' y='2'%3E%3C/rect%3E%3C/svg%3E"); background-position: right center; background-repeat: no-repeat; } .search-form__box .js-date::-webkit-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .js-date::-moz-placeholder { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .js-date:-ms-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .js-date::-ms-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .js-date::placeholder { color: #222; font-size: 18px; font-weight: 500; } .search-form__box .uk-button { width: 100%; padding: 0; } .color-accent { color: #efb007; } .s-features { display: block; position: relative; overflow: hidden; } .feature-items { display: block; position: relative; margin-top: 70px; } .feature-items::before { display: block; position: absolute; top: 90px; left: -50vw; width: 150vw; height: calc(100% - 45px); background-color: #f9f9f9; content: ''; } .feature-items .uk-slider-container { margin: -30px; padding: 30px; } .feature-item { display: block; position: relative; } .feature-item__box { -webkit-box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; position: relative; border-left: 2px solid #222; background-color: white; box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); transition: all 0.3s linear; } .feature-item__icon { padding: 50px 40px 10px 40px; } .feature-item__title { display: block; position: relative; padding: 0 40px 30px 40px; border: none; border-bottom: 1px solid #eee; background: none; color: #222; font-size: 24px; font-weight: 700; } .feature-item__text { padding: 30px 40px; color: #555; font-size: 18px; font-weight: 300; line-height: 1.67; } .feature-item__more { padding: 0 40px 50px 40px; } .feature-item__more a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border: 1px solid #eee; border-radius: 50%; background-color: white; color: #222; transition: all 0.3s linear; } .feature-item:hover .feature-item__box { border-color: #efb007; } .feature-item:hover .feature-item__more a { border: 1px solid #222; background-color: #222; color: #fff; } .feature-item .uk-drop { width: 100%; margin-top: -50px; } .feature-item .uk-card-body { padding: 30px; } .feature-item .uk-card { background: #222; } .feature-item .uk-card::before { display: block; position: absolute; top: -15px; left: 40px; width: 0; height: 0; border-width: 0 20px 15px 20px; border-style: solid; border-color: transparent transparent #222 transparent; content: ''; } .feature-item .uk-card .uk-nav li + li { margin-top: 1px; } .feature-item .uk-card .uk-nav li a { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; height: 50px; padding: 0 30px; border-radius: 2px; background-color: #fff; color: #222; font-size: 16px; font-weight: 500; transition: all 0.3s linear; } .feature-item .uk-card .uk-nav li a:hover { background: #efb007; color: #fff; } .feature-item .uk-card .uk-nav li a.uk-active { background: #efb007; color: #fff; } .s-brands { display: block; position: relative; margin-bottom: 50px; padding-top: 100px; background-color: #222; background-image: url(../img/bg_brands.jpg); background-position: center; background-size: cover; } .s-brands .section-title { color: #fff; } .s-brands .section-title span { color: #fff; } .s-brands .section-title h3 { color: #fff; } .s-brands .section-content { margin-bottom: -50px; padding: 50px 100px; background-color: #efb007; } .s-brands .uk-slidenav { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background-color: white; box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); } .s-brands .uk-slidenav svg { width: 30px; height: 30px; } .s-brands .uk-position-center-left-out { right: calc(100% + 70px); } .s-brands .uk-position-center-right-out { left: calc(100% + 70px); } .s-equipments { display: block; position: relative; } .s-equipments .uk-slider-container { margin: -35px; padding: 35px; } .equipment-item { -webkit-box-shadow: 0 0 20px 9px rgba(0, 0, 0, 0.05); display: block; position: relative; background-color: #fff; box-shadow: 0 0 20px 9px rgba(0, 0, 0, 0.05); } .equipment-item__box { display: block; position: relative; } .equipment-item__media { display: block; position: relative; } .equipment-item__media a { display: block; position: relative; } .equipment-item__media a img { width: 100%; } .equipment-item__info { display: block; position: relative; padding: 30px; } .equipment-item__title { display: block; position: relative; margin-bottom: 10px; } .equipment-item__title a { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; color: #222; font-size: 24px; font-weight: 700; line-height: 1.33; transition: all 0.3s linear; } .equipment-item__title a:hover { color: #efb007; text-decoration: none; } .equipment-item__links { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; } .equipment-item__links a { display: inline-block; position: relative; color: #efb007; font-size: 14px; font-weight: 400; line-height: 1.14; } .equipment-item__links a + a { margin-left: 13px; padding-left: 13px; border-left: 1px solid #dfdfdf; } .equipment-item__list { display: block; position: relative; margin: 30px 0; } .equipment-item__list ul { -webkit-column-count: 2; -moz-column-count: 2; -webkit-column-gap: 5px; -moz-column-gap: 5px; margin: 0; padding: 0; column-gap: 5px; column-count: 2; list-style-type: none; } .equipment-item__list ul li { display: block; position: relative; padding-left: 12px; color: #222; font-size: 13px; font-weight: 600; line-height: 1.2; } .equipment-item__list ul li + li { margin-top: 5px; } .equipment-item__list ul li::before { display: block; position: absolute; top: 5px; left: 0; width: 6px; height: 6px; border-radius: 3px; background-color: #efb007; content: ''; } .equipment-item__price-box { -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .equipment-item__price-title { color: #222; font-size: 14px; font-weight: 600; line-height: 1.1; } .equipment-item__price-title small { display: block; font-weight: 400; } .equipment-item__price { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-box-align: end; -ms-flex-align: end; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-end; justify-content: flex-end; } .equipment-item__price-current { color: #222; font-size: 34px; font-weight: 700; line-height: 1; } .equipment-item__price-old { margin-left: 5px; color: #393939; font-size: 18px; font-weight: 400; line-height: 1.2; text-decoration: line-through; } .equipment-item__prices { padding-top: 30px; } .equipment-item__prices ul { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 0; list-style-type: none; } .equipment-item__prices ul li { padding-left: 25px; background-image: url(../img/arrow-circle.png); background-position: left center; background-repeat: no-repeat; color: #222; font-size: 14px; font-weight: 500; line-height: 1.5; } .s-latest-offers { display: block; position: relative; background-color: #f9f9f9; background-image: url(../img/bg_latest-offers.jpg); background-position: left center; background-repeat: no-repeat; background-size: cover; } .offer-box { -webkit-box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); display: block; position: relative; padding: 50px 40px; background-color: #fff; box-shadow: 0 0 36px 9px rgba(0, 0, 0, 0.05); } .offer-item { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: space-between; } .offer-item + .offer-item { margin-top: 40px; } .offer-media { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; } .offer-media img { width: 100%; } .offer-info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 20px; } .offer-title { color: #222; font-size: 20px; font-weight: 600; } .offer-intro { color: #555; font-size: 16px; font-weight: 300; } .offer-price { color: #222; font-size: 18px; font-weight: 400; white-space: nowrap; } .offer-price span { color: #efb007; font-size: 22px; font-weight: 700; } .s-reasons-choose { background-color: #222; background-image: url(../img/bg_brands.jpg); background-position: center; background-size: cover; } .s-reasons-choose .section-title span { color: #efb007; } .s-reasons-choose .section-title h3 { color: #fff; } .s-reasons-choose .reason-item__title, .s-reasons-choose .reason-item__text { color: #fff; } .video-link { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; max-width: 500px; color: #fff; } .video-link a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 100px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; position: relative; flex: 0 0 100px; align-items: center; justify-content: center; width: 100px; height: 100px; margin-right: 30px; border-radius: 50%; outline: 10px solid rgba(34, 34, 34, 0.2); background-color: #efb007; } .video-link a img { margin-right: -5px; } .article-full, .article-intro { display: block; position: relative; } .article-full__image, .article-intro__image { display: block; position: relative; } .article-full__image img, .article-intro__image img { display: block; width: 100%; } .article-full__image .video, .article-intro__image .video { display: block; position: relative; } .article-full__image .video > a, .article-intro__image .video > a { display: block; position: relative; } .article-full__image .video > a:before, .article-intro__image .video > a:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: block; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; transform: translate(-50%, -50%); background-image: url(../img/icons/ico-video.png); content: ''; } .article-full__image .uk-slidenav, .article-intro__image .uk-slidenav { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); color: #222; } .article-full__image .uk-slidenav:hover, .article-intro__image .uk-slidenav:hover { color: #efb007; } .article-full__image .uk-slidenav-previous, .article-intro__image .uk-slidenav-previous { left: 20px; } .article-full__image .uk-slidenav-next, .article-intro__image .uk-slidenav-next { right: 20px; } .article-full__category, .article-intro__category { display: inline-block; position: absolute; bottom: 50px; bottom: 2.6vw; left: 50px; left: 2.6vw; padding: 0 15px; background-color: #ffffff; color: #222222; font-size: 14px; font-weight: 700; text-transform: uppercase; } .article-full__title, .article-intro__title { margin: 30px 0; color: #222222; font-size: 30px; font-weight: 700; line-height: 1.2; text-align: left; } .article-full__info, .article-intro__info { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin-top: 40px; } .article-full__info > *, .article-intro__info > * { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; margin-right: 20px; margin-bottom: 10px; padding-right: 20px; border-right: 1px solid #eeeeee; color: #555; font-size: 16px; font-weight: 400; } .article-full__info > *:last-child, .article-intro__info > *:last-child { margin-right: 0; padding-right: 0; border: 0; } .article-full__info > * i, .article-full__info > * svg, .article-intro__info > * i, .article-intro__info > * svg { margin-right: 10px; color: #efb007; } .article-full__date, .article-intro__date { font-weight: 500; } .article-full__author a, .article-intro__author a { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; display: inline-block; margin-left: 5px; color: #555555; font-size: 16px; font-weight: 600; text-decoration: underline; transition: all 0.5s linear; } .article-full__author a:hover, .article-full__author a:focus, .article-full__author a:active, .article-full__author a.nice-select.open, .article-intro__author a:hover, .article-intro__author a:focus, .article-intro__author a:active, .article-intro__author a.nice-select.open { color: #efb007; text-decoration: none; } .article-full__comments a, .article-intro__comments a { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; color: #555555; font-size: 16px; font-weight: 400; text-decoration: none; transition: all 0.5s linear; } .article-full__comments a:hover, .article-full__comments a:focus, .article-full__comments a:active, .article-full__comments a.nice-select.open, .article-intro__comments a:hover, .article-intro__comments a:focus, .article-intro__comments a:active, .article-intro__comments a.nice-select.open { color: #efb007; text-decoration: none; } .article-full__content blockquote, .article-intro__content blockquote { display: block; position: relative; margin-top: 40px; padding: 40px 40px 40px 90px; border-left: 5px solid #efb007; background-color: #f9f9f9; color: #222222; font-size: 24px; font-style: normal; font-weight: 500; line-height: 1.5; text-align: left; } .article-full__content blockquote::before, .article-intro__content blockquote::before { display: block; position: absolute; top: 50px; left: 35px; width: 27px; height: 19px; background-image: url(../img/quote-blockquote.png); background-position: center; background-repeat: no-repeat; content: ''; } .article-full__content blockquote .user, .article-intro__content blockquote .user { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; margin-top: 15px; } .article-full__content blockquote .user strong, .article-intro__content blockquote .user strong { color: #222222; font-size: 18px; font-weight: 500; } .article-full__content blockquote .user span, .article-intro__content blockquote .user span { color: #888888; font-size: 14px; font-weight: 400; } .article-full__bottom, .article-intro__bottom { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-top: 55px; padding-bottom: 35px; } .article-full__bottom:after, .article-intro__bottom:after { display: block; position: absolute; bottom: -13px; left: 0; width: 100%; height: 13px; background-image: url(../img/decor/decor-lines-grey.png); content: ''; } .article-full__bottom .article-full__tags, .article-intro__bottom .article-full__tags { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .article-full__bottom .article-full__tags h6, .article-intro__bottom .article-full__tags h6 { margin: 0 10px 5px 0; } .article-full__bottom .article-full__share, .article-intro__bottom .article-full__share { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .article-full__bottom .article-full__share h6, .article-intro__bottom .article-full__share h6 { margin: 0 10px 5px 0; } .article-full__bottom .article-full__share .social__link, .article-intro__bottom .article-full__share .social__link { border: 1px solid #ddd; color: #ddd; } .article-full__bottom .article-full__share .social__link:hover, .article-intro__bottom .article-full__share .social__link:hover { border: 1px solid #efb007; color: #fff; } .article-full .block-form, .article-intro .block-form { margin-top: 70px; } .article-intro + .article-intro { margin-top: 60px; } .section-article-related { position: relative; margin-top: 20px; padding-bottom: 0; } .section-article-related:after { display: block; position: absolute; bottom: -5px; left: 0; width: 100%; height: 13px; background-image: url(../img/decor/decor-lines-grey.png); content: ''; } .section-article-related .section-title { margin-bottom: 35px; } .section-article-related .section-title .uk-h2 { margin-bottom: 0; color: #222222; font-size: 30px; font-weight: 700; line-height: 1.2; } .section-article-reviews { display: block; position: relative; margin-top: 70px; } .section-article-reviews .section-title { margin-bottom: 40px; } .section-article-reviews .section-title .uk-h2 { margin-bottom: 0; color: #222222; font-size: 30px; font-weight: 700; line-height: 1.2; } .widjet { display: block; position: relative; } .widjet + .widjet { margin-top: 60px; } .widjet__title { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; margin-bottom: 23px; color: #222; font-size: 24px; font-weight: 700; } .widjet__title::before { display: inline-block; width: 22px; height: 30px; margin-right: 10px; background-image: url(../img/svgico/logo-icon.svg); content: ''; } .widjet__title small { margin: 0 5px; font-size: 14px; font-weight: 300; } .widjet-search .uk-search-default { display: block; position: relative; width: 100%; } .widjet-search .uk-search-input { display: block; width: 100%; background-color: #ffffff; } .widjet-search .uk-search-input:hover, .widjet-search .uk-search-input:focus, .widjet-search .uk-search-input:active, .widjet-search .uk-search-input.nice-select.open { background-color: #ffffff; } .widjet-search .uk-search-input::-webkit-input-placeholder { color: #838383; font-size: 16px; font-weight: 400; } .widjet-search .uk-search-input::-moz-placeholder { color: #838383; font-size: 16px; font-weight: 400; } .widjet-search .uk-search-input:-ms-input-placeholder { color: #838383; font-size: 16px; font-weight: 400; } .widjet-search .uk-search-input::-ms-input-placeholder { color: #838383; font-size: 16px; font-weight: 400; } .widjet-search .uk-search-input::placeholder { color: #838383; font-size: 16px; font-weight: 400; } .widjet-search .uk-search-icon { width: 62px; } .widjet-search .uk-search-icon::before { display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; margin-top: -12px; background-color: #dddddd; content: ''; } .widjet-category .widjet__title { margin-bottom: 17px; } .list-category { margin: 0; padding: 0; list-style-type: none; } .list-category li a { -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; color: #222; font-size: 18px; font-weight: 400; line-height: 2; transition: all 0.5s linear; } .list-category li a::before { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; display: inline-block; width: 20px; height: 20px; margin-right: 13px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='none' stroke='%23000' stroke-width='1.1' points='8.5 7 13.5 10 8.5 13'%3E%3C/polygon%3E%3Ccircle fill='none' stroke='%23000' stroke-width='1.1' cx='10' cy='10' r='9'%3E%3C/circle%3E%3C/svg%3E"); font-size: 17px; content: ''; transition: all 0.5s linear; } .list-category li a:hover, .list-category li a:focus, .list-category li a:active, .list-category li a.nice-select.open { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; color: #efb007; text-decoration: none; transition: all 0.5s linear; } .list-category li a:hover::before, .list-category li a:focus::before, .list-category li a:active::before, .list-category li a.nice-select.open::before { -webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon fill='none' stroke='%23efb007' stroke-width='1.1' points='8.5 7 13.5 10 8.5 13'%3E%3C/polygon%3E%3Ccircle fill='none' stroke='%23efb007' stroke-width='1.1' cx='10' cy='10' r='9'%3E%3C/circle%3E%3C/svg%3E"); transition: all 0.5s linear; } .list-articles { margin: 0; padding: 0; list-style-type: none; } .list-articles-item { display: block; position: relative; } .list-articles-item + .list-articles-item { margin-top: 30px; padding-top: 30px; border-top: 1px solid #dfe1ee; } .list-articles-item__link { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: start; -ms-flex-align: start; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; justify-content: flex-start; } .list-articles-item__link:hover, .list-articles-item__link:focus, .list-articles-item__link:active, .list-articles-item__link.nice-select.open { text-decoration: none; } .list-articles-item__img { -webkit-box-flex: 0; -ms-flex: 0 0 75px; flex: 0 0 75px; width: 75px; height: 75px; margin-right: 20px; } .list-articles-item__info { display: block; } .list-articles-item__title { margin-bottom: 10px; color: #222; font-size: 18px; font-weight: 500; line-height: 1.2; } .list-articles-item__date { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; color: #222; font-size: 14px; font-weight: 400; } .list-articles-item__date .uk-icon { margin-right: 5px; color: #efb007; } .widjet-gallery { max-width: 350px; } .widjet-gallery .uk-grid-collapse, .widjet-gallery .uk-grid-column-collapse { margin-left: -5px; } .widjet-gallery .uk-grid-collapse > *, .widjet-gallery .uk-grid-column-collapse > * { padding-left: 5px; } .widjet-gallery .uk-grid + .uk-grid-collapse, .widjet-gallery .uk-grid + .uk-grid-row-collapse, .widjet-gallery .uk-grid-collapse > .uk-grid-margin, .widjet-gallery .uk-grid-row-collapse > .uk-grid-margin { margin-top: 5px; } .widjet-tags-cloud .tags-list li a { border-color: #ffffff; } .article-full__image .video > a:before, .article-intro__image .video > a:before { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: block; position: absolute; top: 50%; left: 50%; width: 150px; height: 150px; transform: translate(-50%, -50%); background-image: url(../img/ico-video.png); content: ''; } .tags-list { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; -ms-flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0; padding: 0; list-style-type: none; } .tags-list li { margin-right: 5px; margin-bottom: 5px; } .tags-list li a { -webkit-box-sizing: border-box; -webkit-transition: 0.3s; -o-transition: 0.3s; box-sizing: border-box; display: inline-block; height: 40px; padding: 0 20px; border: 2px solid #dddddd; background-color: #ffffff; color: #222222; font-size: 14px; font-weight: 600; line-height: 2.86; text-transform: uppercase; white-space: nowrap; transition: 0.3s; } .tags-list li a:hover, .tags-list li a:focus, .tags-list li a:active, .tags-list li a.nice-select.open { border-color: #edb509; background-color: #edb509; color: #ffffff; text-decoration: none; } .contact-page-box { display: block; position: relative; } .contact-page-box .contact-page-sidebar { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; padding: 40px; color: #e7e7e7; } .contact-page-box .contact-page-sidebar .social { margin-left: 30px; } .contact-page-box .contact-page-sidebar .contacts-list { margin: 30px 0; } .contact-page-box .block-form { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; } .contact-page-sidebar { border-radius: 4px; background-color: #222; } .contacts-map { display: block; position: relative; } .contacts-map iframe { width: 100%; height: 500px; } .equipment-detail { display: block; position: relative; } .equipment-detail .section-title { margin-bottom: 35px; } .equipment-detail .section-title .uk-h2 { margin-bottom: 10px; font-size: 30px; } .equipment-detail__gallery { margin-bottom: 40px; } .equipment-detail__title { margin-bottom: 10px; color: #222; font-size: 36px; font-weight: 700; } .equipment-detail__location { margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #ddd; color: #222; font-size: 18px; font-weight: 400; line-height: 1.44; } .equipment-detail__location .uk-icon { margin-right: 10px; color: #efb007; } .equipment-detail__btns { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin: 35px 0 60px; } .equipment-detail__btns a { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: center; width: calc(50% - 5px); background-color: #fff9e7; color: #222; font-size: 18px; font-weight: 500; line-height: 3.72; transition: all 0.3s linear; } .equipment-detail__btns a:hover, .equipment-detail__btns a:focus, .equipment-detail__btns a:active, .equipment-detail__btns a.nice-select.open { background-color: #efb007; color: #ffffff; text-decoration: none; } .equipment-detail__btns a:hover svg, .equipment-detail__btns a:focus svg, .equipment-detail__btns a:active svg, .equipment-detail__btns a.nice-select.open svg { color: #ffffff; } .equipment-detail__btns a svg { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; margin-right: 10px; color: #efb007; transition: all 0.3s linear; } .equipment-detail__specification { margin-top: 60px; } .equipment-detail__specification table tr td:last-child { font-weight: 600; } .equipment-widjet-title { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; color: #222; font-size: 24px; font-weight: 700; } .equipment-widjet-title:before { display: inline-block; width: 22px; height: 30px; margin-right: 10px; background-image: url(../img/svgico/logo-icon.svg); content: ''; } .equipment-order { padding: 50px 20px; border-left: 5px solid #efb007; background-color: #222; text-align: center; } .equipment-order__title { color: white; font-size: 18px; font-weight: 400; } .equipment-order__price { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; justify-content: center; } .equipment-order__price .current-price { color: #ffffff; color: white; font-size: 48px; font-weight: 700; line-height: 1; text-align: center; } .equipment-order__price .old-price { color: #888; font-size: 24px; font-weight: 400; text-decoration: line-through; } .equipment-contacts { display: block; position: relative; margin: 45px 0; padding: 30px; background-color: #fff; } .equipment-contacts .contacts-list li + li { margin-top: 5px; } .equipment-contacts .contacts-list li a { color: #222; } .equipment-contacts .contacts-list li a .uk-icon { -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; width: 20px; height: 20px; } .equipment-contacts .contacts-list li a .label { color: #222; font-weight: 700; } .equipment-contacts .uk-button { padding: 0 10px; } .equipment-contacts .uk-button + .uk-button { margin: 10px 0 0 0; } .equipment-form { display: block; position: relative; padding: 30px; background-color: #fff; } .equipment-form .nice-select { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; height: 62px; padding-left: 30px; border: none; border-radius: 2px; background-color: #f7f7f7; } .equipment-form .nice-select .current { color: #888; font-size: 18px; font-weight: 400; } .equipment-form .nice-select .option { padding-left: 30px; } .list-checked { margin: 0; padding: 0; list-style-type: none; } .list-checked li { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; align-items: center; justify-content: flex-start; } .list-checked li + li { margin-top: 5px; } .list-checked li::before { display: block; width: 17px; height: 17px; margin-right: 14px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23efb007' stroke-width='1.1' points='4,10 8,15 17,4'%3E%3C/polyline%3E%3C/svg%3E"); content: ''; } .range-box { display: block; position: relative; text-align: center; } .range-box .irs--round { top: -25px; height: 20px; } .range-box .irs--round .irs-line { background-color: #ddd; } .range-box .irs--round .irs-bar { background-color: #575964; } .range-box .irs--round .irs-handle { -webkit-box-shadow: none; top: 15px; width: 45px; height: 45px; border: none; border-radius: 0; background-color: transparent; background-image: url(../img/ico-range-slider.svg); background-size: cover; box-shadow: none; } .range-box__desc { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; justify-content: center; margin-top: 20px; border-bottom: 1px solid #222; color: #222; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 1; } .range-box__desc input { display: inline-block; width: 40px; min-width: auto; margin-top: 2px; border: none; outline: none; background: none; color: #222; font-size: 16px; font-style: normal; font-weight: 500; letter-spacing: normal; line-height: 1; text-align: center; pointer-events: none; } .js-filter-content { display: block; } .rental-item { -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .rental-item + .rental-item { margin-top: 45px; } .rental-item__media { display: block; position: relative; } .rental-item__media img { -o-object-fit: cover; -o-object-position: center; width: 100%; height: 100%; object-fit: cover; object-position: center; } .rental-item__links { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: flex-start; width: 100%; margin-bottom: 30px; } .rental-item__links a { color: #efb007; font-size: 14px; font-weight: 400; } .rental-item__links a + a { margin-left: 13px; padding-left: 13px; border-left: 1px solid #dfdfdf; } .rental-item__desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin: 0 30px; border-bottom: 1px solid #eee; } .rental-item__title { margin-bottom: 5px; color: #222222; font-size: 24px; font-weight: 700; } .rental-item__specifications ul { -webkit-column-gap: 10px; -moz-column-gap: 10px; margin: 0; column-gap: 10px; } .rental-item__specifications ul li { padding-left: 20px; color: #222222; font-size: 14px; font-weight: 500; line-height: 1.1; } .rental-item__specifications ul li::before { left: -15px; width: 5px; color: #efb007; } .rental-item__price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex-direction: column; justify-content: space-between; } .rental-item__price-box { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 30px 20px; border: 1px solid #eee; border-bottom: none; background-color: #ffffff; text-align: center; } .rental-item__price-title { margin-bottom: 22px; color: #222222; font-size: 14px; } .rental-item__price-title strong { display: block; font-weight: 600; line-height: 1.1; } .rental-item__price-title span { display: block; font-weight: 400; line-height: 1.1; } .rental-item__price-current { color: #222; font-size: 34px; font-weight: 700; line-height: 1; } .rental-item__price-old { color: #393939; font-size: 18px; font-weight: 400; line-height: 1.78; text-decoration: line-through; } .widjet-filter .uk-form-label { color: #888; font-size: 16px; font-weight: 400; } .widjet-filter input { padding-left: 0; border: none; border-bottom: 1px solid #eee; border-radius: 0; background: none; color: #222; font-size: 18px; font-weight: 500; } .widjet-filter input::-webkit-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .widjet-filter input::-moz-placeholder { color: #222; font-size: 18px; font-weight: 500; } .widjet-filter input:-ms-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .widjet-filter input::-ms-input-placeholder { color: #222; font-size: 18px; font-weight: 500; } .widjet-filter input::placeholder { color: #222; font-size: 18px; font-weight: 500; } .widjet-filter .nice-select { padding-left: 0; border: none; border-bottom: 1px solid #eee; border-radius: 0; background: none; } .widjet-filter .nice-select .current { color: #222; font-size: 18px; font-weight: 500; } .equipment-head { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; margin-bottom: 60px; padding-left: 30px; background-color: #f9f9f9; color: #555; font-size: 18px; font-weight: 300; line-height: 1.67; } .equipment-head > * { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .sort-box { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; } .sort-box > span { color: #555; font-size: 18px; font-weight: 300; line-height: 1.67; } .sort-box .nice-select { height: auto; padding-left: 15px; border: none; border-radius: 0; background: none; } .sort-box .nice-select .current { color: #222; font-size: 18px; font-weight: 500; } .view-box { -webkit-box-pack: end; -ms-flex-pack: end; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end; margin-left: 30px; border-left: 1px solid #dfe1ee; } .view-item { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; color: #222; } .view-item:hover { color: #222; } .view-item.active { background: #222; color: #fff; } .view-item.active:hover { color: #fff; } @media only screen and (max-width: 1799px) { .page-header { padding: 0 40px; } } @media only screen and (max-width: 1679px) { .logo span { display: none; } .s-hero__title { font-size: 40px; } .s-hero__subtitle { font-size: 24px; } } @media only screen and (max-width: 1599px) { .uk-card .uk-card-body { padding-left: 40px; text-align: center; } .uk-card .uk-card-icon { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); top: -55px; left: 50%; transform: translateX(-50%) translateY(0); } .uk-card .uk-card-icon:after { -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); top: 50%; left: 50%; width: calc(100% + 15px); height: calc(50% + 15px); transform: translateX(-50%) translateY(0); } .s-reasons__info { padding: 40px; } } @media only screen and (max-width: 1439px) { .newsletter-form { margin-right: 20px; padding-right: 20px; } .s-hero__title { font-size: 30px; } .s-reasons__media .uk-cover { left: calc(50% + 50px); } } @media only screen and (max-width: 1365px) { .page-header__contacts-list ul li a .uk-icon { width: 30px; height: 30px; } .page-header__logo { padding-top: 12px; padding-bottom: 12px; } .page-header__mainmenu .uk-navbar-nav > li > a { padding: 0 10px; font-size: 16px; } .page-header__search { width:245px; height: 60px; } .page-header__contacts { padding-top: 12px; padding-bottom: 12px; padding-left: 25px; } .logo img { max-height: 30px; } .contacts-block { padding-left: 40px; } .contacts-block::before { margin-top: -15px; font-size: 30px; } .contacts-block span { font-size: 12px; } .contacts-block strong { font-size: 16px; } } @media only screen and (max-width: 1359px) { .newsletter__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; flex-direction: column; align-items: stretch; } .newsletter-form { margin-right: 0; margin-bottom: 20px; padding-right: 0; padding-bottom: 20px; border-right: 0; border-bottom: 1px solid #fff; } .page-footer__contacts { max-width: 350px; padding: 50px 30px; } .s-hero__subtitle { font-size: 18px; } .search { max-width: 400px; } .search-input { padding: 5px 15px; } .search-btn { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; height: 50px; } .equipment-item__prices ul li { padding-left: 0; background: none; } } @media only screen and (max-width: 1200px) { .sidebar { padding: 0 0 0 20px; } .article-full .block-form, .article-intro .block-form { margin-top: 30px; } .section-article-related { margin-top: 30px; padding-bottom: 40px; } .section-article-reviews { margin-top: 30px; } } @media only screen and (max-width: 1199px) { .sidebar.--left { padding: 0; } .newsletter-form__form { border: 5px solid rgba(255, 255, 255, 0.2); } .newsletter-form__form form { padding: 5px 15px; } .download-link { padding: 10px; outline: 5px solid rgba(255, 255, 255, 0.2); } .download-link img { width: 30px; min-width: 30px; height: 30px; } .page-footer__top { padding-top: 50px; padding-bottom: 50px; } .page-footer__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer__contacts { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 50%; max-width: calc(50% - 20px); margin-top: -65px; margin-bottom: 40px; padding: 30px; } .page-footer__contacts p { font-size: 14px; } .page-footer__menu { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 50%; } .page-footer__news { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 50%; } .page-footer__bottom { padding-top: 25px; padding-bottom: 25px; } .page-footer__copy { font-size: 14px; } .page-footer__copy a { font-size: 14px; } .contacts-list li a { font-size: 16px; } .contacts-list li + li { margin-top: 10px; } .contacts-list li span.uk-icon { margin-right: 10px; } .drop-menu li { margin: 0 5px; } .dropdown-sort .dropdown-toggle { height: 50px; border-radius: 5px; } .s-reasons__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .s-reasons__inner > * { width: 100%; } .s-reasons__media .uk-cover { left: 50%; } .review-item { padding: 0 20px; } .review-item__box { padding: 40px 30px; } .review-item__icon { left: -50px; width: 40px; height: 40px; } .review-item__icon svg { width: 20px; height: 20px; } .review-item__user { margin-top: 15px; padding-top: 15px; } .info-card__box { padding: 40px; } .info-card__head { margin-bottom: 15px; } .info-card__head img { margin-right: 15px; } .info-card__btn { margin-bottom: 30px; } .search-form__box { padding: 20px; } .s-equipments .uk-slider-container { margin: -20px; padding: 20px; } .equipment-item__info { padding: 15px; } .equipment-item__list { margin: 15px 0; } .equipment-item__price-box { padding-top: 10px; padding-bottom: 10px; } .equipment-item__prices { padding-top: 15px; } .offer-box { padding: 30px; } .offer-item + .offer-item { margin-top: 20px; } .js-filter-content.sidebar { padding-top: 20px; background: none; } .js-filter-content.sidebar::after { display: none; } } @media only screen and (max-width: 1023px) { .page-header__contacts-list { display: none; } .s-hero__inner { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .s-hero__inner > * { width: 100%; } .s-hero__desc { padding: 30px; } .s-hero__title { margin-bottom: 10px; font-size: 24px; } .s-hero__subtitle { margin-bottom: 25px; font-size: 16px; } .search { max-width: 100%; } } @media only screen and (max-width: 959px) { .sidebar { padding: 0; background: none; } .sidebar::after { display: none; } .page-header { padding: 0 0 0 30px; } .page-header__mainmenu { display: none; } .page-header__search { border-left: 1px solid #eee; } .page-header__user .uk-icon-button { border-left: 1px solid #eee; } .page-header__contacts { padding-right: 25px; } .page-header__mobile-menu-btn { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; } .page-header.--two-line .page-header__bottom-line { padding-top: 8px; padding-bottom: 0; } .page-header.--two-line .uk-icon-button { width: 60px; height: 60px; border-radius: 0; background: none; } .s-video__desc { padding: 30px 90px 30px 30px; } .s-reasons__info { padding: 30px; } .s-slider .swiper-slide h1 br { display: none; } .s-slider .swiper-slide .uk-text-lead br { display: none; } .s-brands .section-content { padding: 50px; } .s-brands .section-content .uk-slider { margin-left: -15px; } .s-brands .uk-position-center-left-out { right: 100%; } .s-brands .uk-position-center-right-out { left: calc(100% + 15px); } .widjet-tags-cloud .tags-list li a { border-color: #ddd; } .widjet-tags-cloud .tags-list li a:hover { border-color: #efb007; } .contact-page-box .block-form { margin-top: 30px; } .js-filter-content { display: none; } .rental-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .rental-item__media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 48%; } .rental-item__desc { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; margin: 30px 0 0 0; border-bottom: none; } .rental-item__price { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 48%; text-align: center; } .rental-item__price-btn { width: 100%; } .rental-item__price-btn .uk-button { width: 100%; } } @media only screen and (max-width: 767px) { .page-head__bg { height: 150px; } .page-head__breadcrumb { width: 90%; padding: 10px 15px; } .uk-button-large { height: 45px; padding: 0 20px; line-height: 43px; } .uk-textarea { height: 100px; } .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 45px; padding-left: 15px; } textarea.uk-form-large { padding-left: 15px; } .page-footer__contacts { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; max-width: 100%; } .page-footer__menu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin-bottom: 30px; } .page-footer__news { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } .drop-menu { display: block; position: relative; margin: 0; padding: 0; text-align: center; } .drop-menu li { display: none; position: relative; width: 100%; margin: 0; padding: 20px 10px; cursor: pointer; } .drop-menu li:first-child { -webkit-box-align: center; -ms-flex-align: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; width: auto; border-top: 0px; } .drop-menu li:first-child::after { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; display: block; position: relative; width: 15px; height: 15px; margin-left: 10px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector 25' d='M1 1L6 6L11 1' stroke='%2330393E' stroke-width='2'/%3E%3C/svg%3E%0A"); background-position: center; background-repeat: no-repeat; content: ''; transition: all 0.3s linear; } .drop-menu li:not(:first-child) { background-color: #fff; } .drop-menu li:not(:first-child)::after { display: block; position: absolute; right: 15px; bottom: 0; left: 15px; width: calc( 100% - 30px); height: 1px; background-color: #E4E6EA; content: ''; } .dropdown-sort { margin-right: 0; } .uk-card .uk-card-body { padding: 30px 20px 20px 20px; } .s-video__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .s-video__inner > * { width: 100%; } .s-video__desc { padding: 30px 30px 50px 30px; } .s-video__img { position: relative; } .s-video__img .uk-cover-container { min-height: 250px; } .s-video__link { width: 80px; height: 80px; } .solution-item__box .uk-overlay { padding: 30px; } .reason-item__body { padding-top: 20px; } .reason-item__icon { padding-bottom: 5px; } .reason-item__desc { padding-left: 15px; } .info-card__box { padding: 20px; } .info-card__head { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-card__head img { width: 40px; height: 40px; } .info-card__title { margin-bottom: 15px; } .progress-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .progress-item + .progress-item { margin-top: 10px; } .progress-item h6 { width: 100%; margin-bottom: 5px; } .progress-item progress { width: calc(100% - 50px); margin: 0 10px 0 0 !important; } .new-item__body { padding: 30px 15px; } .contacts-box__img { width: 50px; height: 50px; } .s-slider .swiper-slide .uk-overlay { padding: 5px; text-align: center; } .search-form { top: auto; padding: 20px 0; } .feature-item .uk-card-body { padding: 15px; } .feature-item .uk-card .uk-nav li a { height: 40px; padding: 0 15px; } .s-brands { padding-top: 40px; } .s-brands .section-content { padding: 20px; } .s-brands .section-content .uk-slider { margin-left: -15px; } .s-brands .uk-slidenav { width: 40px; height: 40px; } .s-brands .uk-slidenav svg { width: 20px; height: 20px; } .s-latest-offers { background-position: left bottom; background-size: 340%; } .offer-box { padding: 15px; } .offer-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .offer-item + .offer-item { margin-top: 10px; } .offer-media { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; } .offer-info { max-width: calc(100% - 70px); margin: 0 0 0 10px; } .video-link a { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; height: 80px; margin-right: 20px; } .equipment-contacts { padding: 0; } .equipment-form { padding: 0; } .equipment-head { margin-bottom: 20px; padding-left: 5px; } .equipment-head > div:first-child { display: none; } .equipment-head > div:last-child { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -ms-flex-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; display: -webkit-box; display: -ms-flexbox; display: flex; flex-grow: 1; align-items: center; justify-content: space-between; } .sort-box > span { display: none; } .view-item { width: 50px; height: 50px; } } @media (max-width: 767px) { html, body { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .section-title span { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .section-title h3 { font-size: calc(20px + 34 * ((100vw - 320px) / 1920)); } a.more { font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920)); } .page-head__title { font-size: calc(24px + 40.8 * ((100vw - 320px) / 1920)); } .page-head__breadcrumb .uk-breadcrumb > * > * { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } .uk-button-large { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input, .uk-textarea { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input:-ms-input-placeholder, .uk-textarea:-ms-input-placeholder { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input::-ms-input-placeholder, .uk-textarea::-ms-input-placeholder { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .uk-input::placeholder, .uk-textarea::placeholder { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .page-header__contacts-list ul li a { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .page-header__mainmenu .uk-navbar-nav > li > a { font-size: calc(12pxpx + 13.6px * ((100vw - 320px) / 1920)); } .newsletter-form__title h4 { font-size: calc(18px + 30.6 * ((100vw - 320px) / 1920)); } .newsletter-form__form form button { font-size: calc(12px + 13.6 * ((100vw - 320px) / 1920)); } .download-app__title h4 { font-size: calc(16px + 34 * ((100vw - 320px) / 1920)); } .download-app__title p { font-size: calc(12px + 13.6 * ((100vw - 320px) / 1920)); } .page-footer__menu h4 { font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920)); } .page-footer__menu ul li a { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .page-footer__news h4 { font-size: calc(18px + 6.8 * ((100vw - 320px) / 1920)); } .news-list-item__title { font-size: calc(16px + 3.4 * ((100vw - 320px) / 1920)); } .checkbox-custome span { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .s-hero__slider .swiper-pagination-fraction { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .s-hero__slider .swiper-pagination-current { font-size: calc(36px + 20.4 * ((100vw - 320px) / 1920)); } .uk-card .uk-card-title { font-size: calc(20px + 6.8 * ((100vw - 320px) / 1920)); } .cat-item .uk-overlay { font-size: calc(18px + 20.4 * ((100vw - 320px) / 1920)); } .solution-item__title span { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .solution-item__title h3 { font-size: calc(24px + 20.4 * ((100vw - 320px) / 1920)); } .stat-item__title { font-size: calc(16px + 10.2 * ((100vw - 320px) / 1920)); } .stat-item__value { font-size: calc(50px + 51 * ((100vw - 320px) / 1920)); } .stat-item__text { font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920)); } .s-reasons__info .section-content { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .reason-item__title { font-size: calc(16px + 10.2 * ((100vw - 320px) / 1920)); } .reason-item__text { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .review-item__title { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .review-item__text { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .user__name { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .info-card__head span { font-size: calc(14px + 17 * ((100vw - 320px) / 1920)); } .info-card__title { font-size: calc(18px + 30.6 * ((100vw - 320px) / 1920)); } .new-item__title span { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .new-item__title h4 { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .team-user__name { font-size: calc(20px + 6.8 * ((100vw - 320px) / 1920)); } .team-user__position { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .s-form .section-title h3 { font-size: calc(24px + 20.4 * ((100vw - 320px) / 1920)); } .s-form .section-content p { font-size: calc(14px + 13.6 * ((100vw - 320px) / 1920)); } .contacts-box__label { font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920)); } .contacts-box__phone { font-size: calc(20px + 6.8 * ((100vw - 320px) / 1920)); } ul.time-work { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .s-slider .swiper-slide h1 { font-size: calc(24px + 61.2 * ((100vw - 320px) / 1920)); } .s-slider .swiper-slide .uk-text-lead { font-size: calc(18px + 20.4 * ((100vw - 320px) / 1920)); } .s-slider .swiper-pagination-fraction { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .s-slider .swiper-pagination-current { font-size: calc(36px + 20.4 * ((100vw - 320px) / 1920)); } .feature-item__title { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .feature-item__text { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .feature-item .uk-card .uk-nav li a { font-size: calc(14px + 3.4 * ((100vw - 320px) / 1920)); } .equipment-item__title a { font-size: calc(16px + 13.6 * ((100vw - 320px) / 1920)); } .equipment-item__links a { font-size: calc(10px + 6.8 * ((100vw - 320px) / 1920)); } .equipment-item__list ul li { font-size: calc(10px + 5.1 * ((100vw - 320px) / 1920)); } .equipment-item__price-title { font-size: calc(10px + 6.8 * ((100vw - 320px) / 1920)); } .equipment-item__price-current { font-size: calc(20px + 23.8 * ((100vw - 320px) / 1920)); } .equipment-item__price-old { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } .equipment-item__prices ul li { font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920)); } .offer-title { font-size: calc(14px + 10.2 * ((100vw - 320px) / 1920)); } .offer-intro { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .offer-price { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } .offer-price span { font-size: calc(16px + 10.2 * ((100vw - 320px) / 1920)); } .article-full__title, .article-intro__title { font-size: calc(24px + 10.2 * ((100vw - 320px) / 1920)); } .article-full__info > *, .article-intro__info > * { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .article-full__author a, .article-intro__author a { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .article-full__comments a, .article-intro__comments a { font-size: calc(12px + 6.8 * ((100vw - 320px) / 1920)); } .article-full__content blockquote, .article-intro__content blockquote { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .article-full__content blockquote .user strong, .article-intro__content blockquote .user strong { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .article-full__content blockquote .user span, .article-intro__content blockquote .user span { font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920)); } .section-article-related .section-title .uk-h2 { font-size: calc(24px + 10.2 * ((100vw - 320px) / 1920)); } .section-article-reviews .section-title .uk-h2 { font-size: calc(24px + 10.2 * ((100vw - 320px) / 1920)); } .widjet__title { font-size: calc(18px + 10.2 * ((100vw - 320px) / 1920)); } .list-category li a { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .list-articles-item__title { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .equipment-detail .section-title .uk-h2 { font-size: calc(20px + 17 * ((100vw - 320px) / 1920)); } .equipment-detail__title { font-size: calc(22px + 23.8 * ((100vw - 320px) / 1920)); } .equipment-detail__location { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .equipment-widjet-title { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .equipment-order__price .current-price { font-size: calc(30px + 30.6 * ((100vw - 320px) / 1920)); } .equipment-form .nice-select .current { font-size: calc(14px + 6.8 * ((100vw - 320px) / 1920)); } .rental-item__links a { font-size: calc(12px + 3.4 * ((100vw - 320px) / 1920)); } .equipment-head { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } .sort-box > span { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } .sort-box .nice-select .current { font-size: calc(12px + 10.2 * ((100vw - 320px) / 1920)); } } @media only screen and (max-width: 639px) { .page-header { padding: 0 0 0 15px; } .page-header__contacts { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; padding: 0; } .contacts-block { padding-left: 30px; } .contacts-block span { display: none; } .contacts-block strong { display: none; } .page-header.--two-line .page-header__top-line { display: none; } .page-header.--two-line .page-header__bottom-line { padding-top: 0; } .newsletter-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; flex-direction: column; align-items: flex-start; } .newsletter-form__title { margin-bottom: 10px; } .newsletter-form__title h4 br { display: none; } .newsletter-form__form form { padding: 5px 5px 5px 10px; } .newsletter-form__form form button { padding: 0 10px; } .download-app__title { margin-right: 10px; } .download-app__title h4 { margin-bottom: 5px; } .download-link + .download-link { margin-left: 10px; } .page-footer__copy { font-size: 12px; } .page-footer__copy span { display: block; margin-right: 0; margin-bottom: 10px; } .page-footer__copy a { font-size: 10px; } .s-hero__desc { padding: 30px 15px; } .s-hero__title { font-size: 20px; } .s-hero__subtitle { font-size: 14px; } .search label { font-size: 14px; } .search-input img { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 30px; height: 30px; padding-right: 10px; } .search-input input { padding: 0 0 0 10px; } .s-video__desc { padding: 30px 15px 30px 15px; text-align: center; } .s-video__desc .section-content a.more { -webkit-box-pack: center; -ms-flex-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; } .stat-item { padding: 20px; } .s-reasons__info { padding: 30px 15px; } .article-intro + .article-intro { margin-top: 30px; } .contact-page-box .contact-page-sidebar { padding: 20px; } .contact-page-box .block-form { margin-top: 15px; } .contacts-map iframe { height: 300px; } .equipment-detail__gallery { margin-bottom: 25px; } .equipment-detail__btns { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 25px 0; } .equipment-detail__btns a { width: 100%; margin-bottom: 10px; } .equipment-detail__specification { margin-top: 40px; } .rental-item + .rental-item { margin-top: 20px; } .rental-item__media { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; } .rental-item__desc { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; margin: 20px 0; } .rental-item__price { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 100%; } } @media only screen and (max-width: 575px) { .info-card__btn .uk-button { width: 100%; } } @media only screen and (max-width: 445px) { .s-slider .swiper-slide .uk-button + .uk-button { margin-top: 0px; margin-left: 0; } } @media only screen and (max-width: 413px) { .s-about__btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; } .s-about__btns a + a { margin-left: 5px; } .s-about__btns .uk-button-large { padding: 0 20px; } } @media only screen and (max-width: 1920px) and (min-width: 767px) { html, body { font-size: calc(14px + 4 * (100vw / 1920)); } .section-title span { font-size: calc(14px + 4 * (100vw / 1920)); } .section-title h3 { font-size: calc(20px + 20 * (100vw / 1920)); } a.more { font-size: calc(14px + 2 * (100vw / 1920)); } .page-head__title { font-size: calc(24px + 24 * (100vw / 1920)); } .page-head__breadcrumb .uk-breadcrumb > * > * { font-size: calc(12px + 6 * (100vw / 1920)); } .uk-button-large { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input, .uk-textarea { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input::-webkit-input-placeholder, .uk-textarea::-webkit-input-placeholder { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input::-moz-placeholder, .uk-textarea::-moz-placeholder { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input:-ms-input-placeholder, .uk-textarea:-ms-input-placeholder { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input::-ms-input-placeholder, .uk-textarea::-ms-input-placeholder { font-size: calc(14px + 4 * (100vw / 1920)); } .uk-input::placeholder, .uk-textarea::placeholder { font-size: calc(14px + 4 * (100vw / 1920)); } .page-header__contacts-list ul li a { font-size: calc(14px + 4 * (100vw / 1920)); } .page-header__mainmenu .uk-navbar-nav > li > a { font-size: calc(12pxpx + 8px * (100vw / 1920)); } .newsletter-form__title h4 { font-size: calc(18px + 18 * (100vw / 1920)); } .newsletter-form__form form button { font-size: calc(12px + 8 * (100vw / 1920)); } .download-app__title h4 { font-size: calc(16px + 20 * (100vw / 1920)); } .download-app__title p { font-size: calc(12px + 8 * (100vw / 1920)); } .page-footer__menu h4 { font-size: calc(18px + 4 * (100vw / 1920)); } .page-footer__menu ul li a { font-size: calc(14px + 4 * (100vw / 1920)); } .page-footer__news h4 { font-size: calc(18px + 4 * (100vw / 1920)); } .news-list-item__title { font-size: calc(16px + 2 * (100vw / 1920)); } .checkbox-custome span { font-size: calc(14px + 4 * (100vw / 1920)); } .s-hero__slider .swiper-pagination-fraction { font-size: calc(18px + 6 * (100vw / 1920)); } .s-hero__slider .swiper-pagination-current { font-size: calc(36px + 12 * (100vw / 1920)); } .uk-card .uk-card-title { font-size: calc(20px + 4 * (100vw / 1920)); } .cat-item .uk-overlay { font-size: calc(18px + 12 * (100vw / 1920)); } .solution-item__title span { font-size: calc(14px + 4 * (100vw / 1920)); } .solution-item__title h3 { font-size: calc(24px + 12 * (100vw / 1920)); } .stat-item__title { font-size: calc(16px + 6 * (100vw / 1920)); } .stat-item__value { font-size: calc(50px + 30 * (100vw / 1920)); } .stat-item__text { font-size: calc(14px + 2 * (100vw / 1920)); } .s-reasons__info .section-content { font-size: calc(18px + 6 * (100vw / 1920)); } .reason-item__title { font-size: calc(16px + 6 * (100vw / 1920)); } .reason-item__text { font-size: calc(14px + 4 * (100vw / 1920)); } .review-item__title { font-size: calc(14px + 4 * (100vw / 1920)); } .review-item__text { font-size: calc(12px + 4 * (100vw / 1920)); } .user__name { font-size: calc(14px + 4 * (100vw / 1920)); } .info-card__head span { font-size: calc(14px + 10 * (100vw / 1920)); } .info-card__title { font-size: calc(18px + 18 * (100vw / 1920)); } .new-item__title span { font-size: calc(14px + 4 * (100vw / 1920)); } .new-item__title h4 { font-size: calc(18px + 6 * (100vw / 1920)); } .team-user__name { font-size: calc(20px + 4 * (100vw / 1920)); } .team-user__position { font-size: calc(12px + 4 * (100vw / 1920)); } .s-form .section-title h3 { font-size: calc(24px + 12 * (100vw / 1920)); } .s-form .section-content p { font-size: calc(14px + 8 * (100vw / 1920)); } .contacts-box__label { font-size: calc(14px + 2 * (100vw / 1920)); } .contacts-box__phone { font-size: calc(20px + 4 * (100vw / 1920)); } ul.time-work { font-size: calc(14px + 4 * (100vw / 1920)); } .s-slider .swiper-slide h1 { font-size: calc(24px + 36 * (100vw / 1920)); } .s-slider .swiper-slide .uk-text-lead { font-size: calc(18px + 12 * (100vw / 1920)); } .s-slider .swiper-pagination-fraction { font-size: calc(18px + 6 * (100vw / 1920)); } .s-slider .swiper-pagination-current { font-size: calc(36px + 12 * (100vw / 1920)); } .feature-item__title { font-size: calc(18px + 6 * (100vw / 1920)); } .feature-item__text { font-size: calc(14px + 4 * (100vw / 1920)); } .feature-item .uk-card .uk-nav li a { font-size: calc(14px + 2 * (100vw / 1920)); } .equipment-item__title a { font-size: calc(16px + 8 * (100vw / 1920)); } .equipment-item__links a { font-size: calc(10px + 4 * (100vw / 1920)); } .equipment-item__list ul li { font-size: calc(10px + 3 * (100vw / 1920)); } .equipment-item__price-title { font-size: calc(10px + 4 * (100vw / 1920)); } .equipment-item__price-current { font-size: calc(20px + 14 * (100vw / 1920)); } .equipment-item__price-old { font-size: calc(12px + 6 * (100vw / 1920)); } .equipment-item__prices ul li { font-size: calc(12px + 2 * (100vw / 1920)); } .offer-title { font-size: calc(14px + 6 * (100vw / 1920)); } .offer-intro { font-size: calc(12px + 4 * (100vw / 1920)); } .offer-price { font-size: calc(12px + 6 * (100vw / 1920)); } .offer-price span { font-size: calc(16px + 6 * (100vw / 1920)); } .article-full__title, .article-intro__title { font-size: calc(24px + 6 * (100vw / 1920)); } .article-full__info > *, .article-intro__info > * { font-size: calc(12px + 4 * (100vw / 1920)); } .article-full__author a, .article-intro__author a { font-size: calc(12px + 4 * (100vw / 1920)); } .article-full__comments a, .article-intro__comments a { font-size: calc(12px + 4 * (100vw / 1920)); } .article-full__content blockquote, .article-intro__content blockquote { font-size: calc(18px + 6 * (100vw / 1920)); } .article-full__content blockquote .user strong, .article-intro__content blockquote .user strong { font-size: calc(14px + 4 * (100vw / 1920)); } .article-full__content blockquote .user span, .article-intro__content blockquote .user span { font-size: calc(12px + 2 * (100vw / 1920)); } .section-article-related .section-title .uk-h2 { font-size: calc(24px + 6 * (100vw / 1920)); } .section-article-reviews .section-title .uk-h2 { font-size: calc(24px + 6 * (100vw / 1920)); } .widjet__title { font-size: calc(18px + 6 * (100vw / 1920)); } .list-category li a { font-size: calc(14px + 4 * (100vw / 1920)); } .list-articles-item__title { font-size: calc(14px + 4 * (100vw / 1920)); } .equipment-detail .section-title .uk-h2 { font-size: calc(20px + 10 * (100vw / 1920)); } .equipment-detail__title { font-size: calc(22px + 14 * (100vw / 1920)); } .equipment-detail__location { font-size: calc(14px + 4 * (100vw / 1920)); } .equipment-widjet-title { font-size: calc(14px + 4 * (100vw / 1920)); } .equipment-order__price .current-price { font-size: calc(30px + 18 * (100vw / 1920)); } .equipment-form .nice-select .current { font-size: calc(14px + 4 * (100vw / 1920)); } .rental-item__links a { font-size: calc(12px + 2 * (100vw / 1920)); } .equipment-head { font-size: calc(12px + 6 * (100vw / 1920)); } .sort-box > span { font-size: calc(12px + 6 * (100vw / 1920)); } .sort-box .nice-select .current { font-size: calc(12px + 6 * (100vw / 1920)); } } .about-image{ display: flex; justify-content: center; } @media(max-width:565px){ .uk-number { display:none; } .logo{ width:100%!important; } .mannu-buttons{ display:inline-flex; gap:10px; } .logo img { max-height: 83px; } .about-image img{ width: 100%!important; } .uk-first-column img{ width: 100%!important; } } .crane-service{ border: none; border-radius: 2px; background-color: #f7f7f7; height: 50px; padding-left: 30px!important; } .mobile-input{ height:50px!important; } /*# sourceMappingURL=maps/main.css.map */