html {
	height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*, *::before, *::after {
	margin: 0;
	padding: 0;
	outline: 0;
	border: 0;
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

ul {
	list-style: none
}

button, label, select, input[type="submit"] {
	cursor: pointer
}

input, textarea, select, button {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit
}

img {
	max-width: 100%;
	height: auto
}

.header-logo {
	display: inline-block;
	width: 215px;
}

input[type="radio"]:not(.edost_format_radio), input[type="checkbox"]:not(.edost-checkbox) {
	position: absolute;
	opacity: 0
}

a {
	text-decoration: none
}

a, a::before, a::after, button, button::before, button::after, .slick-dots li, input[type="submit"] {
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

#top {
	width: 50px;
	height: 50px;
	position: fixed;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
	display: none;
	border-radius: 50%;
	-webkit-transition: background .5s ease;
	-o-transition: background .5s ease;
	transition: background .5s ease;
	z-index: 100
}

.modal-popup-block {
	background: #FFF;
	max-width: 600px;
	margin: auto;
	padding: 30px;
	text-align: center;
	position: relative
}

.modal-popup-block .mfp-close {
	color: #000 !important
}

.menu-toggle {
	margin: 10px 0;
	width: 50px;
	height: 45px;
	display: none;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: 1px solid rgba(255, 255, 255, 0.25);
	cursor: pointer
}

.icon-toggle {
	width: 30px;
	height: 25px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.icon-toggle span {
	position: absolute;
	width: 100%;
	height: 5px;
	border-radius: 2px;
	background: #FFF;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	left: 0
}

.icon-toggle span:first-child {
	top: 0
}

.icon-toggle span:last-child {
	bottom: 0
}

.icon-toggle.active span:first-child {
	top: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}

.icon-toggle.active span:last-child {
	bottom: auto;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

.icon-toggle.active span:nth-child(2) {
	opacity: 0
}

.slick-arrow {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 0;
	z-index: 10
}

.slick-arrow.slick-prev {
	left: 0
}

.slick-arrow.slick-next {
	right: 0
}

.a-btn-v {
	position: relative;
	overflow: hidden
}

.a-btn-v span {
	z-index: 10;
	position: relative
}

.a-btn-v::before, .a-btn-v::after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	width: 100%;
	height: 0;
	z-index: 0
}

.a-btn-v::before {
	top: 50%
}

.a-btn-v::after {
	bottom: 50%
}

.a-btn-v:hover::before, .a-btn-v:hover::after {
	height: 50%
}

.a-btn-h {
	position: relative;
	overflow: hidden
}

.a-btn-h span {
	z-index: 10;
	position: relative
}

.a-btn-h::before, .a-btn-h::after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	height: 100%;
	width: 0;
	z-index: 0
}

.a-btn-h::before {
	left: 50%
}

.a-btn-h::after {
	right: 50%
}

.a-btn-h:hover::before, .a-btn-h:hover::after {
	width: 50%
}

.a-btn-r {
	position: relative;
	overflow: hidden
}

.a-btn-r span {
	z-index: 10;
	position: relative
}

.a-btn-r::after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
	background: #000
}

.a-btn-r:hover::after {
	width: 100%;
	height: 100%
}

.a-social {
	position: relative
}

.a-social::before {
	z-index: 10;
	position: relative
}

.a-social::after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0
}

.a-social:hover::after {
	width: 100%;
	height: 100%
}

.a-uline {
	position: relative
}

.a-uline::before, .a-uline::after {
	position: absolute;
	content: '';
	display: block;
	bottom: -2px;
	height: 1px;
	width: 0;
	-webkit-transition: width .5s ease;
	-o-transition: width .5s ease;
	transition: width .5s ease
}

.a-uline::before {
	left: 0
}

.a-uline::after {
	right: 0;
	background: #000
}

.a-uline:hover::before {
	width: 100%;
	-webkit-transition: width .5s ease;
	-o-transition: width .5s ease;
	transition: width .5s ease;
	background: #000
}

.a-uline:hover::after {
	width: 100%;
	background: transparent;
	-webkit-transition: width 0s ease;
	-o-transition: width 0s ease;
	transition: width 0s ease
}

.a-color {
	position: relative
}

.a-color:hover {
	color: transparent
}

.a-color::before {
	position: absolute;
	content: '';
	display: block;
	content: attr(data-name);
	max-width: 0;
	white-space: nowrap;
	overflow: hidden;
	left: 0;
	color: red;
	-webkit-transition: .3s ease;
	-o-transition: .3s ease;
	transition: .3s ease
}

.a-color:hover::before {
	max-width: 100%
}

.a-rotate {
	position: relative;
	overflow: hidden
}

.a-rotate span {
	display: inline-block;
	-webkit-transition: .5s ease;
	-o-transition: .5s ease;
	transition: .5s ease
}

.a-rotate:hover span {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	opacity: 0
}

.a-rotate::before, .a-rotate::after {
	position: absolute;
	content: '';
	display: block;
	opacity: 0
}

.a-rotate::before {
	content: attr(data-name);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	z-index: 20
}

.a-rotate:hover::before {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}

@-webkit-keyframes drop {
	100% {
		opacity: 0;
		width: 120%;
		height: 120%
	}
}

@keyframes drop {
	100% {
		opacity: 0;
		width: 120%;
		height: 120%
	}
}

@-webkit-keyframes drop40px {
	100% {
		opacity: 0;
		width: 40px;
		height: 40px
	}
}

@keyframes drop40px {
	100% {
		opacity: 0;
		width: 40px;
		height: 40px
	}
}

.a-drop {
	position: relative;
	z-index: 0
}

.a-drop::before {
	z-index: 10
}

.a-drop::after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
	border-radius: 50%;
	background: #000
}

.a-drop:hover::after {
	-webkit-animation: drop 1s ease;
	animation: drop 1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

@-webkit-keyframes shine {
	100% {
		left: 200%
	}
}

@keyframes shine {
	100% {
		left: 200%
	}
}

.a-shine {
	position: relative;
	overflow: hidden;
	z-index: 0
}

.a-shine span {
	z-index: 20
}

.a-shine::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 10;
	left: -100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)));
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 100%)
}

.a-shine:hover::after {
	-webkit-animation: shine 1s ease;
	animation: shine 1s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.wow {
	visibility: hidden
}

.mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8
}

.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0
}

body {
	font-family: 'Fira Sans', sans-serif;
	font-size: 15px;
	line-height: -webkit-calc(23 / 15);
	line-height: calc(23 / 15);
	font-weight: 300;
	color: #262626;
	letter-spacing: 0.38px
}

.container {
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto
}

.btn {
	display: block;
	text-align: center
}

.breadcrumbs {
	background-color: #fcfcfc
}

.breadcrumbs-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.breadcrumbs__item {
	line-height: 60px;
	font-weight: 400;
	margin-right: 26px;
	position: relative
}

.breadcrumbs__item::after {
	position: absolute;
	content: '';
	display: block;
	content: '/';
	top: 0;
	right: -18px;
	font-weight: 300
}

.breadcrumbs__item:last-child {
	margin-right: 0
}

.breadcrumbs__item:last-child::after {
	content: none
}

.breadcrumbs__link {
	color: blue;
	font-weight: 300;
	text-decoration: underline;
}

.breadcrumbs__link:hover {
	color: blue;
	text-decoration: none;
}

.product-card-top {
	padding: 59px 0 96px
}

.product-card-top__inner {
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-around;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.product-card__left, .product-card__middle, .product-card__right {
	width: 370px
}

.product-card__brand {
	margin-bottom: 20px
}

.product-card__brand-text {
	display: block;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 0.33px;
	color: #262626;
}

.product-card__image {
	max-width: 271px;
	max-height: 271px
}

.product-card__image-link {
	display: block;
	line-height: 0
}

.product-card__image-link:hover {
	opacity: .75
}

.product-card__image-part {
	width: 100%;
	height: 397px;
	border: 1px solid #ebebeb;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.product-card__header {
	font-size: 18px;
	font-weight: 400;
	line-height: 25px;
	letter-spacing: 0.45px;
	margin: -5px 0 22px
}

.product-card__in-stock {
	color: #36ce18;
	font-weight: 400;
	margin-bottom: 18px
}

.product-card-props {
	margin-bottom: 18px
}

.product-card-props span {
	font-weight: 400
}

.product-card__favourites {
	color: #5193dd;
	font-weight: 400
}

.product-card__favourites:hover {
	color: #2264ae
}

.product-card-buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 52px
}

.product-card__button {
	height: 38px;
	border-radius: 4px;
	border: 1px solid #5193dd;
	background-color: #fff;
	color: #5193dd;
	font-weight: 400;
	line-height: 36px;
	flex: 1 0 auto;
	cursor: pointer;
}

.product-card__button:hover {
	background: #5193dd;
	color: #fff
}

.product-card__button.buy {
	width: 100%;
	margin-bottom: 8px
}

.product-card__button.call, .product-card__button.ask {
	width: 146px
}

.product-card__button.call {
	margin-right: 8px
}

.product-card__import {
	width: 216px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #5193dd;
	background-color: #fff;
	color: #5193dd;
	font-weight: 400;
	line-height: 36px;
	letter-spacing: 0.38px;
	margin: 0 0 18px auto
}

@media (max-width: 767px) {
	.container .product-card__import {
		width: 100%;
		margin-top: 8px;
	}

	.container .product-card-buttons, .product-card__import {
		font-size: 13px;
	}
}

.product-card__import:hover {
	background: #5193dd;
	color: #fff
}

.product-card__right-inner {
	background: #fcfcfc;
	padding: 9px 14px 18px 15px
}

.product-card__right a:not(.btn) {
	color: #5193dd;
	font-weight: 400;
	display: inline-block;
	margin-bottom: 8px;
	border-bottom: 1px solid rgba(81, 147, 221, 0.5);
	line-height: 1.2
}

.product-card__right a:not(.btn):hover {
	color: #2264ae;
	border-bottom: 1px solid rgba(34, 100, 174, 0.5)
}

.product-card-price {
	margin-bottom: 15px
}

.product-card-price span {
	font-weight: 400
}

.product-card-price__main {
	font-size: 20px;
	letter-spacing: 0.5px;
	margin-bottom: 8px
}

.product-card-price__text {
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 0.33px;
	margin-top: 10px
}

.product-card-order {
	margin-bottom: 41px
}

.product-card-order__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.product-card-order span {
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 0.3px
}

.product-card-order__button {
	width: 226px;
	height: 42px;
	border-radius: 4px;
	background-color: #5193dd;
	color: #fff;
	font-weight: 700;
	line-height: 23px;
	text-transform: uppercase;
	line-height: 42px
}

.product-card-order__button:hover {
	background: #2264ae
}

.product-card-quantity {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-card-quantity__button {
	width: 22px;
	height: 23px;
	background-color: #5193dd;
	color: #fff
}

.product-card-quantity__button:hover {
	background: #2264ae
}

.product-card-quantity__button_minus {
	border-radius: 5px 0 0 5px
}

.product-card-quantity__button_plus {
	border-radius: 0 5px 5px 0
}

.product-card-quantity__input {
	width: 26px;
	height: 23px;
	border: 1px solid #dbdbdb;
	border-left: 0;
	border-right: 0;
	text-align: center;
	background: #fff
}

.product-card-delivery {
	margin-top: 42px
}

.product-card-delivery__header {
	margin-bottom: 12px
}

.product-card-delivery__header span.edost_link {
	font-weight: 400;
	color: blue;
	text-decoration: underline;

}

.product-card-delivery__header span.edost_link:hover {
	text-decoration: none;
}

div.edost_location_city_window input.edost_city {
	border: 1px solid;
}

.product-card-delivery-items {
	margin-bottom: 44px
}

.product-card-delivery__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: nowrap;
	margin-bottom: 13px;
	font-size: 15px;
	line-height: -webkit-calc(23 / 15);
	line-height: calc(23 / 15);
}

.product-card-delivery__item-image-part {
	width: 58px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.product-card-delivery__item-text-part {
	width: -webkit-calc(100% - 58px);
	width: calc(100% - 58px);
	padding-left: 22px
}

.product-card-delivery__item span {
	font-weight: 400
}

.product-card-delivery__text a {
	color: #5193dd
}

.product-card-middle {
	background-color: #fcfcfc;
	padding: 6px 0
}

.product-card-middle__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.product-card-share {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}

.product-card-share__header {
	font-size: 18px;
	font-weight: 400;
	line-height: 60px;
	letter-spacing: 0.45px;
	margin-right: 13px
}

.product-card-share-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.product-card-share__item {
	display: block;
	line-height: 0;
	margin-right: 7px
}

.product-card-share__item:last-child {
	margin-right: 0
}

.product-card__contract {
	width: 226px;
	height: 42px;
	border-radius: 4px;
	background-color: #5193dd;
	color: #ffffff;
	font-weight: 700;
	line-height: 42px;
	text-transform: uppercase;
	letter-spacing: 0.38px
}

.product-card__contract:hover {
	background: #2264ae
}

.product-card-bottom {
	padding: 72px 0 72px
}

.product-card-accordion__item {
	margin-bottom: 10px
}

.product-card-accordion__item-name {
	line-height: 48px;
	border-radius: 4px 4px 0 0;
	background: #f4f9ff;
	color: #5193dd;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.45px;
	padding-left: 35px;
	position: relative
}

.product-card-accordion__item-name span {
	width: 48px;
	height: 48px;
	display: block;
	background: #5193dd;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	color: #fff;
	text-align: center;
	line-height: 48px
}

.product-card-accordion__item-name span:hover {
	background-color: #2264ae
}

.product-card-accordion__item-name.active {
	color: #2264ae
}

.product-card-accordion__item-name.active span {
	background-color: #2264ae;
	border-radius: 0 4px 0 0
}

.product-card-accordion__item-name.active span::before {
	content: '\f078'
}

.product-card-accordion__item-content {
	border: 2px solid #f4f9ff;
	border-radius: 0 0 4px 4px;
	font-size: 18px;
	line-height: 25px;
	letter-spacing: 0.45px;
	padding: 32px 34px 24px 35px;
	display: none
}

.product-card-accordion__item-content a {
	color: #262626
}

.product-card-accordion__item-content a:hover {
	color: #5193dd
}

.product-card-accordion__item-content ul li {
	padding-left: 12px;
	position: relative
}

.product-card-accordion__item-content ul li::before {
	position: absolute;
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	background: #262626;
	border-radius: 50%;
	top: 9px;
	left: 0
}

.product-card-photos {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.product-card-photos__item {
	width: 355px;
	height: 305px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #dbdbdb;
	font-size: 50px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 1.25px
}

.product-card-photos__item > a {
	flex: 0 0 auto;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.product-card-photos__item > a > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.product-card-videos {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.product-card-videos__item {
	width: 355px;
	height: 233px;
	margin: 0 0 10px 0;
	background-color: #f2f2f2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #dbdbdb;
	font-size: 50px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 1.25px
}

.product-card-videos__item > a {
	flex: 0 0 auto;
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}

.product-card-videos__item > a > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}


.product-card-certs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start
}

.product-card-certs__item {
	width: 548px;
	height: 233px;
	background-color: #f2f2f2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	color: #dbdbdb;
	font-size: 50px;
	line-height: 23px;
	text-transform: uppercase;
	letter-spacing: 1.25px
}

.product-card-viewed {
	padding: 34px 0 72px
}

.product-card-viewed__header {
	font-size: 30px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 1.05px;
	margin-bottom: 66px
}

.product-card-viewed-items {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0 68px
}

.product-card-viewed-items .slick-arrow {
	background-color: #e6e6e6;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 18px;
	color: #fff
}

.product-card-viewed-items .slick-arrow:hover {
	background: #2264ae
}

.product-card-viewed-items .slick-arrow.slick-prev {
	left: 25px
}

.product-card-viewed-items .slick-arrow.slick-next {
	right: 25px
}

.product-card-viewed__item {
	width: 252px;
	height: 296px;
	border: 1px solid #ebebeb;
	background-color: #ffffff;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 3.5px
}

.product-card-viewed__item:hover {
	opacity: .75
}

/*# sourceMappingURL=style.css.map */

/* -------NEW FORM--------*/


.close {
	float: right;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .5;
}

.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	opacity: .75;
}

.general-page-modal * {
	box-sizing: border-box;
}

.general-page-modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 500;
	display: none;
	background: rgba(1, 1, 1, 0.65);
	overflow-x: hidden;
	box-sizing: border-box;
}

.general-page-modal * {
	box-sizing: border-box;
}

.general-page-modal .modal-dialog {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	max-width: 100%;
	/*min-height: calc(100% - 100px);*/
	/*margin: 50px auto;*/
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.general-page-modal .modal-content {
	position: relative;
	width: 100%;

	color: #494944;
	background: rgba(255, 255, 255, 0.95);
}

.general-page-modal .modal-close {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 32px;
	height: 32px;
	padding: 0;
	text-align: center;
	background: none;
	border: 2px solid #9d9d9d;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
}

.general-page-modal .modal-close:focus {
	outline: none;
}

.general-page-modal .modal-close span {
	display: block;
	width: 28px;
	height: 28px;
	margin: 0 auto;
	font: 700 24px/30px serif;
	color: #9d9d9d;
}

.modal-request-form .modal-dialog {
	width: 980px;
}

.modal-request-form.success-modal .modal-dialog {
	width: 600px;
}

.modal-request-form .modal-content {
	color: #fff;
	background: rgb(0, 156, 161);
}

.modal-request-form .modal-close {
	border: 2px solid #fff;
}

.modal-request-form .modal-close span {
	color: #fff;
}

.modal-request-form-row {
	display: flex;
	flex-flow: row wrap;
}

.modal-request-form-col {
	flex: 0 0 auto;
	width: 50%;
	padding: 0 30px 0 0;
}

.modal-request-form-col:nth-child(2n) {
	padding: 0;
}

.modal-request-form-diagram {
	margin: 0 0 15px 0;
}

.modal-request-form-diagram img {
	width: 100%;
}

.modal-request-form-message {
	font-size: 14px;
}

.new-general-form {
	width: 680px;
	max-width: 100%;
	box-sizing: border-box;
}

.modal-request-form .new-general-form {
	width: 100%;
}

.new-general-form * {
	box-sizing: border-box;
}

.new-general-form .form-heading {
	margin: 0 0 10px 0;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
}

.new-general-form .form-description {
	margin: 0 0 18px 0;
	font-size: 16px;
	line-height: 22px;
}

.new-general-form .form-description span {
	font-weight: 700;
	font-size: 20px;
}

.new-general-form .form-line {
	margin: 0 0 25px 0;
}

.new-general-form .form-line .form-field-caption,
.new-general-form .form-line label {
	display: block;
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 5px 0;
	cursor: pointer;
}

.new-general-form .required-sign {
	color: #FF3737;
}

.form-field-description {
	display: block;
	margin: 5px 0 0 0;
	font-size: 13px;
	line-height: 1.4;
}

.new-general-form input[type="text"],
.new-general-form input[type="tel"],
.new-general-form .input-file-replacer,
.new-general-form textarea,
.new-general-form select {
	display: block;
	width: 100%;
	height: 48px;
	padding: 12px 16px;
	font-size: 14px;
	line-height: 18px;
	color: #494944;
	text-align: left;
	background: #fafafa;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
}

.new-general-form textarea {
	height: 120px;
	resize: none;
}

.general-page-modal .new-general-form .form-line {
	margin: 0 0 15px 0;
}

.general-page-modal .new-general-form textarea {
	height: 96px;
}

.new-general-form .file-line label {
	display: block;
	margin: 0;
}

.new-general-form .input-file-replacer {
	position: relative;
	padding: 15px 68px 15px 22px;
}

.new-general-form .file-line .input-file-replacer::after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	width: 46px;
	height: 46px;
	background: center url(images/round-attach_file-24px.png) no-repeat #f5f5f5;
	border: 1px solid #ccc;
}

.new-general-form .file-line input[type="file"] {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.new-general-form .submit-line {
	margin: 0 0 21px 0;
}

.new-general-form input[type="submit"] {
	display: inline-block;
	height: 48px;
	padding: 15px 32px;
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	background: #5386f1;
	background: -moz-linear-gradient(top, #5386f1 0%, #0850b1 100%);
	background: -webkit-linear-gradient(top, #5386f1 0%, #0850b1 100%);
	background: linear-gradient(to bottom, #5386f1 0%, #0850b1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5386f1', endColorstr='#0850b1', GradientType=0);
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.new-general-form input[type="submit"].form-submit-green {
	width: 100%;
	background: #0db9bd;
}

.general-page-modal .modal-bottom {
	margin: 0 -40px;
	padding: 18px 40px 0 40px;
	text-align: left;
	border-top: 2px solid #d5e8f6;
	overflow: hidden;
}

.general-page-modal .modal-advantages {
	float: left;
	width: 50%;
	padding: 0 15px 0 0;
}

.general-page-modal .modal-advantages-heading {
	margin: 0 0 18px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
}

.general-page-modal .modal-advantages ul {
	margin: 0 0 0 18px;
	list-style: none;
}

.general-page-modal .modal-advantages ul li {
	position: relative;
	margin: 0 0 10px 0;
	font-size: 16px;
	line-height: 22px;
}

.general-page-modal .modal-advantages ul li::before {
	content: "";
	position: absolute;
	left: -18px;
	top: 8px;
	display: block;
	width: 6px;
	height: 6px;
	background: #2360b0;
}

.general-page-modal .modal-advantages ul li.orange::before {
	background-color: #ff994f;
}

.general-page-modal .modal-advantages ul li.green::before {
	background-color: #6aa84f;
}

.general-page-modal .modal-advantages ul li.purple::before {
	background-color: #9900ff;
}

.general-page-modal .modal-images {
	float: left;
	width: 50%;
	padding: 0 0 0 15px;
}

.general-page-modal .modal-images img {
	display: inline-block;
	vertical-align: top;
	margin: 0 25px 0 0;
}


.modal-backdrop {
	background-color: #0b1932;
}

.modal-backdrop.show {
	opacity: .65;
}

.modal-content {
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 3px solid #357df9;
}

.modal-body {
	padding: 0;
	background-image: url(/local/templates/magistral/img/form-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #98a2b3;
}

.modal-body p {
	font-size: 13px;
	margin-bottom: 5px;
}

.modal-picture {
	max-width: 360px;
	width: 100%;
	height: 475px;
}

.modal-form {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 360px;
	width: 100%;
	padding: 50px 30px 0 30px;
}

:where(#modal-diagnostic-form, #modal-request-service-form, #modal-request-install) .modal-form{
	padding: 15px 20px 0 20px;
}

:where(#modal-diagnostic-form, #modal-request-service-form, #modal-request-install) .modal-form-title {
	font-size: 18px;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.62);
}

:where(#modal-diagnostic-form, #modal-request-service-form, #modal-request-install) .modal-form-subtitle{
	margin-bottom: 5px;
	font-size: 15px;
	height: 23px;
}

[data-show="hide"] {
	display: none;
}

.modal-form h3 {
	color: #162d5a;
	text-transform: uppercase;
	padding-bottom: 40px;
	margin-bottom: 0;
	font-weight: bold;
	margin-top: 5px;
}

.modal-success-message {
	padding: 50px 30px;
	font-size: 18px !important;
	color: #162d5a;
}

.modal-success-message a {
	text-decoration: underline;
}

.btn-close {
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

.btn-close svg {
	fill: #999;
}

.form_group_submit {
	margin-top: 8px;
}

.form_group_submit .btn-def {
	margin-top: 0;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.modal-picture {
		display: none;
	}

	.modal-form {
		margin-left: auto;
		margin-right: auto;
	}

	.modal-form {
		padding: 50px 20px 0px 20px;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
		width: 720px;
	}
}

.form_group {
	margin-bottom: 8px;
}


.modal-form input::-moz-placeholder,
.modal-form textarea::-moz-placeholder {
	color: #98a2b3;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.modal-form input::-webkit-input-placeholder,
.modal-form textarea::-webkit-input-placeholder {
	color: #98a2b3;
	font-size: 14px;
	font-family: "Roboto", sans-serif;
	font-weight: 400;
}

.modal-form input::-webkit-input-placeholder {
	opacity: 1;
}

.modal-form input::-moz-placeholder {
	opacity: 1;
}

.modal-form input:-ms-input-placeholder {
	opacity: 1;
}

.modal-form input::placeholder {
	opacity: 1;
}

.modal-form input[type="email"]:focus,
.modal-form input[type="number"]:focus,
.modal-form input[type="password"]:focus,
.modal-form input[type="tel"]:focus,
.modal-form input[type="url"]:focus,
.modal-form input[type="text"]:focus,
.modal-form input[type="number"]:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.modal-form input[type="email"],
.modal-form input[type="number"],
.modal-form input[type="password"],
.modal-form input[type="tel"],
.modal-form input[type="url"],
.modal-form input[type="text"],
.modal-form textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	padding: 12px 22px;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #98a2b3;
	font-size: 14px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: none;
	background-color: #ffffff;
}


.btn-def {
	position: relative;
	display: inline-block;
	padding: 14px 30px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #000;
	cursor: pointer;
	margin-top: 20px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-def.lg {
	max-width: 336px;
	display: block;
}

.btn-def .icon {
	width: 21px;
	height: 21px;
	margin-right: 10px;
	display: inline-block;
}

.btn-def .icon svg {
	-webkit-transform: translateY(4px);
	-ms-transform: translateY(4px);
	transform: translateY(4px);
}

.btn-def.yellow {
	background: #ffeb3b;
}

.btn-def.yellow:hover {
	-webkit-box-shadow: 2px 3.5px 12px rgba(255, 239, 98, 0.44);
	box-shadow: 2px 3.5px 12px rgba(255, 239, 98, 0.44);
	background: #ffef62;
}

.btn-def.blue {
	background-color: #357df9;
	color: #fff;
}

.btn-def.blue svg {
	fill: #fff;
}

.btn-def.blue:hover {
	background-color: rgba(53, 125, 249, 0.9);
	-webkit-box-shadow: 2.8px 2.8px 12px rgba(67, 131, 242, 0.44);
	box-shadow: 2.8px 2.8px 12px rgba(67, 131, 242, 0.44);
}

.btn-def.submit {
	width: 100%;
}

.btn-def.submit input {
	position: absolute;
	opacity: 0;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

/* -------END NEW FORM--------*/

/*________ upload-file ________*/
.input-file-row-1:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.input-file-row-1 {
	display: inline-block;
	position: relative;
}

.input-file-row-1 {
	display: block;
}

.upload-file-container {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.upload-file-container:first-child {
	margin-left: 0;
}

.upload-file-container .fileView {
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-top: 8px;
	margin-bottom: 0;
	opacity: 0;
	height: 0;
}

.upload-file-container .fileView.active {
	opacity: 1;
	height: 50px;
}

.upload-file-container img {
	height: 100%;
	width: auto;
}

.upload-file-container-text {
	font-size: 14px;
	text-align: left;
	display: block;
	width: 100%;
	height: 40px;
	font-family: "Roboto", sans-serif;
	padding-top: 3px;
	background: #fff;
	padding: 11px 20px;
	position: relative;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.upload-file-container-text:before {
	content: '';
	width: 2px;
	height: 100%;
	background: #eee;
	position: absolute;
	right: 40px;
	top: 0;
}

.upload-file-container-text:after {
	content: '';
	position: absolute;
	right: 11px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-image: url(/local/templates/magistral/img/paper-clip.svg);
	background-repeat: no-repeat;
	background-position: 50%;
}

.upload-file-container-text > span {
	display: block;
	padding: 0 25px 0 0;
	cursor: pointer;
	color: #98a2b3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.upload-file-container input {
	position: absolute;
	left: 0;
	bottom: 0;
	font-size: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	margin: 0;
	padding-right: 60px;
	border: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 2;
}

.removeFile {
	display: none;
	width: 19px;
	height: 19px;
	background: #ededed;
	position: absolute;
	right: -17px;
	top: -5px;
	z-index: 1;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #cc4306;
	font-weight: 600;
	padding-right: 3px;
}

.removeFile.active {
	display: block;
}

.general-page-text {
	max-width: 800px;
}

.general-page-text h1, .product-card-accordion__item-content h1 {
	margin: 40px 0 20px 0;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.25
}

.general-page-text h2, .product-card-accordion__item-content h2 {
	margin: 40px 0 20px 0;
	font-size: 24px;
}

.general-page-text h3, .product-card-accordion__item-content h3 {
	margin: 40px 0 20px 0;
	font-weight: 600;
	font-size: 17px
}

.general-page-text p, .product-card-accordion__item-content p {
	margin: 15px 0;
	font-size: 18px;
	line-height: 1.4;
}


.general-page-text figure, .product-card-accordion__item-content figure {
	display: block;
	max-width: 600px;
}

.general-page-text img, .product-card-accordion__item-content img {
	display: block;
	max-width: 100%;
	margin: 30px 0;
}

.general-page-text ol,
.general-page-text ul, .product-card-accordion__item-content ol, .product-card-accordion__item-content ul {
	margin: 15px 0;
	list-style: none
}

.general-page-text ol > li {
	counter-increment: step-counter
}

.general-page-text ol > li::before {
	content: counter(step-counter);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	color: #5193dd;
	font-weight: 900;
	font-size: 15px;
	text-align: right
}

.general-page-text ol > li,
.general-page-text ul > li {
	position: relative;
	margin: 0 0 10px 0;
	padding-left: 50px;
	font-size: 15px;
	line-height: 22px
}

.general-page-text ul > li::before {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 20px;
	width: 6px;
	height: 6px;
	border: 2px solid #5193dd;
	border-radius: 50%
}

@media screen and (max-width: 767px) {
	.general-page-text h1 {
		font-size: 28px;
	}

	.general-page-text h2 {
		font-size: 22px;
	}

	.general-page-text h3 {
		font-size: 16px
	}
}

.back-to-top-button {
	position: absolute;
	right: 0;
	bottom: 100%;
	display: block;
	margin: 0 0 10px 0;
	opacity: 0.7;
	transition: all 0.3s;
}

.back-to-top-button:hover {
	opacity: 1.0;
}

.back-to-top-button img {
	display: block;
	width: 80px;
	height: 80px;
}