@import url(reset.css);
@import url(grids.css);

@font-face {
	font-family: 'DINPro';
	src: url('subset-DINPro-Bold.eot');
	src: url('subset-DINPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('subset-DINPro-Bold.svg#DINPro-Bold') format('svg'),
		url('subset-DINPro-Bold.woff2') format('woff2'),
		url('subset-DINPro-Bold.woff') format('woff'),
		url('subset-DINPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'DINPro';
	src: url('subset-DINPro-Regular.eot');
	src: url('subset-DINPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('subset-DINPro-Regular.svg#DINPro-Regular') format('svg'),
		url('subset-DINPro-Regular.woff2') format('woff2'),
		url('subset-DINPro-Regular.woff') format('woff'),
		url('subset-DINPro-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Roboto';
	src: url('subset-Roboto-Bold.eot');
	src: url('subset-Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		url('subset-Roboto-Bold.svg#Roboto-Bold') format('svg'),
		url('subset-Roboto-Bold.woff2') format('woff2'),
		url('subset-Roboto-Bold.woff') format('woff'),
		url('subset-Roboto-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto';
	src: url('subset-Roboto-Regular.eot');
	src: url('subset-Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('subset-Roboto-Regular.svg#Roboto-Regular') format('svg'),
		url('subset-Roboto-Regular.woff2') format('woff2'),
		url('subset-Roboto-Regular.woff') format('woff'),
		url('subset-Roboto-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Rouble';
	src: url('rouble-bold.eot?5573697');
	src: url('rouble-bold.eot?5573697#iefix') format('embedded-opentype'),
	   url('rouble-bold.woff2?5573697') format('woff2'),
	   url('rouble-bold.woff?5573697') format('woff'),
	   url('rouble-bold.ttf?5573697') format('truetype'),
	   url('rouble-bold.svg?5573697#rouble-bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
  font-family: 'Rouble';
  src: url('rouble-regular.eot?94104558');
  src: url('rouble-regular.eot?94104558#iefix') format('embedded-opentype'),
       url('rouble-regular.woff2?94104558') format('woff2'),
       url('rouble-regular.woff?94104558') format('woff'),
       url('rouble-regular.ttf?94104558') format('truetype'),
       url('rouble-regular.svg?94104558#rouble-regular') format('svg');
  font-weight: normal;
  font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro.eot');
	src: url('./fonts/GothamPro.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro.woff') format('woff'),
		url('./fonts/GothamPro.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro-Medium.eot');
	src: url('./fonts/GothamPro-Medium.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Medium.woff') format('woff'),
		url('./fonts/GothamPro-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Pro';
	src: url('./fonts/GothamPro-Bold.eot');
	src: url('./fonts/GothamPro-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/GothamPro-Bold.woff') format('woff'),
		url('./fonts/GothamPro-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
.rouble {
	font-family: 'Rouble';
	font-size: .7em;
	display: inline-block;
}
.rouble:before { content: '\e800'; }

/*----------------------------------------------------------*/

.fluid-img img, .fluid-img svg {
	display: inline-block;
	width: 100%;
	height: auto;
}
.contain-img img, .contain-img svg {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.btn, input[type=submit], input[type=button], button, .justify > li, .justify:after, label, ul li:before {
	display: inline-block;
}
::-webkit-input-placeholder {color:#b2b2b2;text-overflow:ellipsis;}
::-moz-placeholder          {color:#b2b2b2;text-overflow:ellipsis;}
:-moz-placeholder           {color:#b2b2b2;text-overflow:ellipsis;}
:-ms-input-placeholder      {color:#b2b2b2;text-overflow:ellipsis;}
:focus::-webkit-input-placeholder {color:transparent;}
:focus::-moz-placeholder          {color:transparent;}
:focus:-moz-placeholder           {color:transparent;}
:focus:-ms-input-placeholder      {color:transparent;}

.media-check {
	position: absolute;
	left: -99999px;
	top: -99999px;
	width: 3840px;
}
/*----------------------------------------------------------*/


html, body {
	font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* width: 100%; */
	height: 100%;
	color: #000;
	line-height: 25px;
}
body {
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
body.loading {
	opacity: 0;
}
.overflow {
	overflow: hidden;
}
.overflow .page {
	overflow: visible;
}
html * {
	max-height: 1000000px;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #233f92;
	text-decoration: none;
	-webkit-transition: all .3s;
	transition: all .3s;
	outline: none;
	border-bottom: 1px solid rgba(35,63,146,.3);
}
.noTouch a:hover {
	color: #FDB800;
	border-bottom-color: rgba(0,0,0,.1);
}
.action {
	text-decoration: none;
	border-bottom: 1px solid #5D55CF;
	color: #2E2C2D;
}
.action:hover {
	text-decoration: none;
	border-bottom: 1px solid #5D55CF;
	color: #5D55CF;
}
.noTouch .action:hover {
	border-bottom: 1px dashed #999;
}
ul, ol {
	padding: 0;
	list-style: none;
	margin-left: 20px;
	line-height: normal;
}
ol {
	counter-reset: item;
}
ul > li:before {
	content: '';
	background: #233f92;
	width: 4px;
	height: 4px;
	margin: 10px 0 0 -20px;
	float: left;
	border-radius: 100%;
}
ul > li, ol > li {
	margin-bottom: 10px;
	line-height: normal;
}
ol > li:before {
    display: inline-block;
    content: counter(item)".";
    counter-increment: item;
	color: #35b3e6;
    width: 12px;
	font-weight: 700;
	float: left;
	margin: 0 0 0 -20px;
}
ul ul {
	padding: 0;
	list-style: disc outside;
	margin-left: 50px;
}
ul ul > li:before {
	display: none;
}
ol ol{
    counter-reset: inner;
	margin-left: 60px;
}
ol ol > li{
    margin-bottom: 0;
}
ol ol > li:before {
    content: counter(item)"."counters(inner,".");
    counter-increment: inner;
	margin-left: -35px;
}
blockquote {
	padding: 30px 50px;
	display: block;
	margin-bottom: 30px;
	line-height: 25px;
	color: #666;
	font-size: 20px;
}
.title {
	display: block;
}
.title.title_label {
	margin-bottom: 16px;
	font-weight: 700;
}
h1, h2, h3, h4, h5, .title, p, ul, ol, table, div.error, div.correct {
	margin-bottom: 20px;
}
form p {
	margin-bottom: 20px;
}
h1, .h1, .index-title-h1 h2 {
	font-size: 40px;
	line-height: normal;
	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
	margin: 0 0 40px;
}
h2, .h2 {
	/* font-size: 30px;
	line-height: normal;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
}
h3, .h3 {
	font-size: 25px;
	line-height: normal;
	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
}
h4, .h4 {
	font-size: 20px;
	line-height: normal;
	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
}
p + h2, p + h3, p + h4, p + h5, ul + h2, ul + h3, ul + h4, ul + h5, ol + h2, ol + h3, ol + h4, ol + h5, ul + p, ol + p, p + .title {
	padding-top: 30px;
}
hr {
	border-top: 1px solid #ddd;
	margin: 20px auto 40px;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.middle {
	vertical-align: middle;
}
.bottom {
	vertical-align: bottom;
}
.baseline {
	vertical-align: baseline;
}
.top {
	vertical-align: top;
}
.grey {
	color: #999;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
table td {
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #d9d9d9;
}
table th {
	padding: 20px 20px 20px 0;
	border-bottom: 2px solid #d9d9d9;
	text-align: left;
	vertical-align: bottom;
	color: #999;
}
.no-border {
	border: 0 !important;
}
.no-marg {
	margin: 0 0 5px !important;
}
.no-padd {
	padding: 0;
}
.error {
	color: #c00;
}
div.error, .correct {
	padding: 10px;
	background: #c00;
}
.correct {
	color: #2e992e;
	background: #e0f0e0;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], input[type="date"], textarea, select {
	vertical-align: middle;
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 14px 20px;
	font-size: 15px;
	width: 100%;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 20px;
	height: 50px;
}
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="search"], input[type="date"] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}
input.error, textarea.error {
	border-color: #c00;
}
input[type="file"] {
	display: none;
}
input[type="file"] + span {
	display: inline-block;
	cursor: pointer;
	min-height: 20px;
	vertical-align: middle;
	position: relative;
	margin-left: 30px;
}
input[type="file"] + span:before {
	display: inline-block;
	width: 19px;
	height: 20px;
	content: '';
	margin: 0 0 0 -30px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218.781%22%20height%3D%2219.687%22%20viewBox%3D%220%200%2018.781%2019.687%22%3E%3Cpath%20d%3D%22M8.6%2018.047l9.92-9.92c.348-.347.348-.674%200-.98-.346-.307-.68-.3-1%20.02l-9.92%209.88c-.986.854-1.926%201.268-2.82%201.24-.892-.026-1.672-.366-2.34-1.02-.666-.653-1.012-1.427-1.04-2.32-.026-.893.4-1.846%201.28-2.86l9.88-9.88c.72-.666%201.44-.906%202.16-.72.8.214%201.308.714%201.52%201.5.214.787-.012%201.514-.68%202.18l-9.48%209.48c-.292.294-.6.467-.92.52-.16.027-.32-.013-.48-.12-.32-.346-.186-.812.4-1.4l6.64-6.64c.348-.32.348-.652%200-1s-.68-.346-1%200l-6.64%206.68c-.586.562-.9%201.175-.94%201.84-.04.668.14%201.16.54%201.48.427.428.96.607%201.6.54.64-.065%201.228-.366%201.76-.9l9.48-9.478c1.067-1.067%201.428-2.24%201.08-3.522-.16-.586-.473-1.113-.94-1.58-.466-.466-.993-.78-1.58-.94-1.252-.346-2.413.015-3.48%201.08l-9.92%209.92C.535%2012.383-.025%2013.65%200%2014.93c.027%201.28.52%202.388%201.48%203.32.908.96%202.04%201.44%203.4%201.44%201.388%200%202.627-.548%203.72-1.64z%22%2F%3E%3C%2Fsvg%3E') no-repeat center center;
    background-size: 19px;
	cursor: pointer;
	vertical-align: middle;
	position: absolute;
}
textarea {
	overflow: auto;
	line-height: normal;
	height: auto;
	resize: none;
}
.btn, input[type="submit"], input[type="button"], button {
	border: 0;
	/* background: #233f92;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	text-align-last: center; */
	cursor: pointer;
	padding: 14px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* font-size: 20px; */
	text-decoration: none;
	width: 100%;
	outline: none;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 5px;
	/* height: 50px;
	line-height: 20px; */
	font-family: "Gotham Pro", "sans-serif";
}
/* input[type="submit"], input[type="button"], button {
	padding: 14px 0 16px;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: auto;
} */
/* .btn svg {
	margin: -3px 10px 0 0;
} */
.btn svg path {
	fill: currentColor;
}
.auto {
	width: auto !important;
	padding: 14px 55px 0;
}
input[type="submit"].auto, input[type="button"].auto, button.auto {
	/* padding: 14px 40px 16px; */
}
.noTouch .btn:hover, .noTouch input[type="submit"]:hover, .noTouch input[type="button"]:hover , .noTouch button:hover{
	background: #000;
	text-decoration: none;
	color: #fdc73c;
	/* border: 0; */
}
input[disabled] {
	border: 1px solid #eee;
	color: #ccc !important;
	background: #f5f5f5;
	cursor: default;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}
.btn:active, input[type="button"]:active, input[type="submit"]:active {
	-webkit-box-shadow: 0 0 0 #252525;
	-moz-box-shadow: 0 0 0 #252525;
	box-shadow: 0 0 0 #252525;
}
.btn.small {
	padding: 9px 0 0;
	font-size: 15px;
	height: 40px;
	font-family: "Roboto", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.btn.small.auto {
	padding: 9px 20px 0;
}
.btn.small span {
	margin: 0 0 0 10px;
	color: #999;
}
.btn.bordered {
	border: 1px solid #d9d9d9;
	background: #fff;
	color: #233f92;
	white-space: nowrap;
}
.noTouch .btn.bordered:hover {
	border: 1px solid #233f92;
	background: #233f92;
	color: #fff;
}
.btn.bordered.auto {
	padding: 8px 10px 0
}
.btn.yellow, input[type="submit"].yellow, input[type="button"].yellow, button.yellow {
	background: #FDB800;
	color: #ffffff;
}
.show-more {
	border-top: 2px solid #fdc73c;
	text-align: center;
	margin: 0 0 60px;
}
.show-more a {
	display: inline-block;
	border: 0;
	background: #fdc73c;
	color: #233f92;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	padding: 14px 40px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 20px;
	outline: none;
	border-radius: 0 0 5px 5px;
	height: 50px;
	line-height: 20px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.noTouch .show-more a:hover {
	background: #233f92;
	color: #fdc73c;
}
label {
	margin: 0 0 5px 0;
	font-size: inherit;
	font-weight: inherit;
}
input[type="checkbox"]:not(:checked), input[type="checkbox"]:checked, input[type="radio"]:not(:checked), input[type="radio"]:checked {
	position: absolute;
	left: -99999px;
}
input[type="checkbox"]:not(:checked) + label, input[type="checkbox"]:checked + label, input[type="radio"]:not(:checked) + label, input[type="radio"]:checked + label {
	padding-left: 35px;
	position: relative;
}
input[type=checkbox]:not(:checked) + label:after, input[type=radio]:not(:checked) + label:after {
	display: none;
}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after {
	display: block;
}
input[type="checkbox"]:not(:checked) + label:before, input[type="checkbox"]:checked + label:before, input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background: none;
	border: 1px solid #5D55CF;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.order-online-table th input[type="checkbox"]:not(:checked) + label:before,
.order-online-table th input[type="checkbox"]:checked + label:before,
.order-online-table th input[type="radio"]:not(:checked) + label:before,
.order-online-table th input[type="radio"]:checked + label:before {
	border: 1px solid #fff;
}
input[type="radio"]:not(:checked) + label:before, input[type="radio"]:checked + label:before {
	border-color: #d9d9d9;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
input[type="checkbox"]:checked + label:before {
	border-color: #5D55CF;
}
input[type="radio"]:checked + label:before {
	border-color: #5D55CF;
}
.order-online-table th input[type="checkbox"]:checked + label:before {
	border-color: #fff;
}
.order-online-table th input[type="radio"]:checked + label:before {
	border-color: #fff;
}

.noTouch input[type="checkbox"]:not(:checked) + label:hover:before, .noTouch input[type="checkbox"]:checked + label:hover:before, .noTouch input[type="radio"]:not(:checked) + label:hover:before, .noTouch input[type="radio"]:checked + label:hover:before {
}
/* checked mark aspect */
input[type="checkbox"]:not(:checked) + label:after, input[type="checkbox"]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 4px;
	width: 15px;
	height: 11px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%235D55CF%22%20d%3D%22M13.6.3c.2-.2.3-.3.6-.3.2%200%20.4.1.6.3.1.1.2.3.2.6%200%20.2-.1.4-.3.6l-9.6%209.3c0%20.1-.1.1-.2.2h-.7c-.1%200-.2-.1-.2-.2L.3%207c-.2-.1-.3-.3-.3-.6%200-.2.1-.4.3-.5.1-.2.3-.3.6-.3.2%200%20.4.1.6.3L4.6%209l9-8.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 15px;
}
.order-online-table th input[type="checkbox"]:not(:checked) + label:after,
.order-online-table th input[type="checkbox"]:checked + label:after {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.6.3c.2-.2.3-.3.6-.3.2%200%20.4.1.6.3.1.1.2.3.2.6%200%20.2-.1.4-.3.6l-9.6%209.3c0%20.1-.1.1-.2.2h-.7c-.1%200-.2-.1-.2-.2L.3%207c-.2-.1-.3-.3-.3-.6%200-.2.1-.4.3-.5.1-.2.3-.3.6-.3.2%200%20.4.1.6.3L4.6%209l9-8.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
}
input[type="radio"]:not(:checked) + label:after, input[type="radio"]:checked + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 6px;
	width: 10px;
	height: 10px;
	background: #5D55CF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
}
input[type="checkbox"]:disabled:not(:checked) + label:before, input[type="checkbox"]:disabled:checked + label:before {
	box-shadow: none;
	border-color: #bbb;
	background-color: #ddd;
}
input[type="checkbox"]:disabled + label {
	color: #aaa !important;
}
input[type="radio"]:disabled + label, input[type="radio"]:disabled + label:hover {
	background-color: #F1EFFB !important;
	cursor: default;
	color: #AEADB6 !important;
	/* border: 1px solid #d9d9d9 !important; */
}
.sorting-box-popup input[type="checkbox"]:disabled + label {
	display: none !important;
}
/* accessibility */
input[type="checkbox"]:checked:focus + label:before, input[type="checkbox"]:not(:checked):focus + label:before {
	border-color: #5D55CF;
}
.order-online-table th input[type="checkbox"]:checked:focus + label:before,
.order-online-table th input[type="checkbox"]:not(:checked):focus + label:before {
	border-color: #fff;
}
.justify, .justify > li {
	padding: 0 !important;
	margin: 0 !important;
	line-height: normal;
}
.justify {
	list-style: none;
	text-align: justify;
	text-align-last: justify;
	text-justify: distribute;
	width: 100%;
	font-size: 0.0000001px;
}
.justify > li {
	position: relative;
	text-align: left;
	text-align-last: left;
	vertical-align: middle;
}
.justify > li:before {
	display: none;
}
.justify:after {
	width: 100%;
	height: 0;
	content: '\00a0'
}
.close {
	position: absolute;
	display: block;
	border: 0;
	-webkit-transition: all 0.3s;
	-ms-transition:  all 0.3s;
	-o-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.close svg path {
	fill: currentColor;
	color: #5D55CF;
}
.wrapper {
	/* height: 100%; */
	width: 100%;
	/* display: table;
	table-layout: fixed;
	overflow: hidden; */
}
.page {
	/* display: table-row;
	height: 100%;
	overflow: hidden; */
}
/* header {
	padding: 30px 0;
	width: 100%;
	color: #666;
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	display: flex;
	align-items: center;
	justify-content: space-between;
} */
.logo {
	vertical-align: middle;
	width: 450px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: 50px;
}
.logo span {
	width: 180px;
	text-align: left;
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 150%;
	color: #323232;
	margin-left: 48px;
}
.logo img {
	/* display: block; */
	margin: 0 auto 5px;
	width: 220px;
}
.logo a {
	border: 0;
} 
.header-box {
	display: flex;
    align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding: 0 50px 0 0;
}
.address-box {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 450px);
	box-sizing: border-box;
	padding: 0 40px 0 0;
}
.phone-box {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	max-width: 450px;
	position: relative;
}
header .phone-box {
	text-align: right;
}
.phone-box .phone {
	font-size: 25px;
	font-weight: 700;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	color: #000;
	display: inline-block;
	vertical-align: middle;
	margin: 0 20px 20px 0;
}
header .phone-box .phone {
	margin: 0;
}
.recall-btn {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	height: 40px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #233f92;
	color: #fff;
	padding: 7px 20px 0;
	margin: 0 0 20px 0;
}
.recall-btn.opened {
	background: #fdc73c;
	color: #000;
}
header .recall-btn {
	margin: 0 0 0 20px;
}
.noTouch .recall-btn:hover {
	background: #000;
	color: #fdc73c;
}
.recall-btn svg {
	margin: -2px 10px 0 0;
}
.recall-btn svg path {
	fill: currentColor;
}
.phone-box > div {
	position: absolute;
	top: -99999px;
	right: 0;
	padding: 40px 50px 30px;
	background: #f2f2f2;
	border-radius: 5px;
	box-shadow: 0 10px 40px rgba(35,63,146,.3);
	width: 400px;
	box-sizing: border-box;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 4;
}
.phone-box > div.opened {
	top: auto;
	right: auto;
	left: 100%;
	bottom: 100px;
	opacity: 1;
}
header .phone-box > div.opened {
	top: 50px;
	right: 0;
	opacity: 1;
	left: auto;
	bottom: auto;
}
.phone-box > div .close {
	top: 40px;
	right: 50px;
}

.menu {
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
	width: 100%;
	padding-left: 3%;
}
.menu div:first-child {
	display: flex;
}
.menu-item {
	margin-left: 5%;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-size: 17px;
	font-weight: 700;
	display: inline-block;
	color: #2E2C2D;
}
.menu-item:hover {
	color: #FDB800;

}
.menu-item.current {
	color: #000;
	border-color: transparent;
}
.cart-box {
	display: inline-block;
	/* vertical-align: middle; */
	/* width: 50px; */
	/* text-align: right; */
}
.cart-box a {
	display: flex;
	border: 0;
	position: relative;
	color: #000;
	vertical-align: middle;
	width: 164px;
	background: #F7F6FF;
	border-radius: 6px;
	padding: 13px 17px;
	box-sizing: border-box;
}
.noTouch .cart-box a:hover {
	color: #233f92;
}
.cart-box a svg path {
	fill: currentColor;
}
.cart-box a .before {
	margin-right: 28px;
}
.cart-box a .before svg {
	position: relative;
	top: -2px;
}
.cart-box a .before span {
	display: inline-block;
	position: absolute;
	min-width: 20px;
	height: 20px;
	line-height: 19px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background: #fdc73c;
	border-radius: 10px;
	top: -4px;
	right: -11px;
	font-family: 'Gotham Pro';
	font-weight: bold;
	font-size: 14px;
	line-height: 13px;

	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
}
.sub-menu {
	background: #233f92;
	position: relative;
}
.sub-menu.all-parts-menu {
	padding: 30px 0;
	background: #5957CF;
}
.all-categories-box {
	position: fixed;
	top: -99999px;
	left: -99999px;
	width: 100%;
	background: rgba(35,63,146,.5);
	z-index: 4;
	box-sizing: border-box;
	-webkit-transition: opacity .3s 0s, top 0s .3s, left 0s .3s;
	transition: opacity .3s 0s, top 0s .3s, left 0s .3s;
	opacity: 0;
}
.all-categories-box.opened {
	left: 0;
	bottom: 0;
	top: 0;
	opacity: 1;
	-webkit-transition: opacity .3s 0s, top 0s 0s, left 0s 0s;
	transition: opacity .3s 0s, top 0s 0s, left 0s 0s;
	z-index: 20;
}
.all-categories-box .close {
	position: absolute;
	top: 30px;
	right: 40px;
}
.all-categories-menu {
	max-width: 500px;
	/* height: 100vh; */
	height: 100%;
	box-sizing: border-box;
	background: #F7F6FF;
	position: relative;
	text-transform: lowercase;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	overflow: hidden;
}
.all-categories-menu-content {
	/* padding: 0 40px 40px; */
	padding-bottom: 40px;
}
.all-categories-box.opened .all-categories-menu {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
}
.all-categories-menu *:first-letter {
	text-transform: uppercase;
}
.all-categories-box .back {
	display: inline-block;
	margin: 0 0 20px;
}
.all-categories-menu-item {
	position: relative;
	border-bottom: 1px solid #d9d9d9;
	cursor: pointer;
	padding: 20px 20px 20px 0;
	font-size: 16px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	color: #2E2C2D;
	font-weight: 500;
}
.all-categories-menu-item a {
	color: #2E2C2D;
}
/* .all-categories-menu-content > .all-categories-menu-item {
	font-size: 20px;
} */
.noTouch .all-categories-menu-item:hover {
	color: #FDB800;
}
.all-categories-menu-item a {
	border: 0;
}
.all-categories-menu-item > svg {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -6px 0 0;
}
.expand-child {
	position: fixed;
	background: #F7F6FF;
	box-sizing: border-box;
	height: 100vh;
	/* height: 100%; */
	left: 100%;
	top: 0;
	max-width: 500px;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	z-index: 1;
}
.expand-child .expand-child-content {
	padding: 0 50px 40px;
}
.expand-child.opened {
	left: 0;
	opacity: 1;
	pointer-events: auto;
}
.catalog-btn-box {
	padding: 0 20px 0 0;
	-ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
	z-index: 2;
}
.catalog-btn {
	display: flex;
	align-items: center;
	border: 0;
	height: 50px;
	padding-left: 18px;
	padding-right: 16px;
	box-sizing: border-box;
	border-radius: 5px;
	background: #2E2C2D;
	color: #fff;
	justify-content: center;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.noTouch .catalog-btn:hover {
	color: #fdc73c;
}
.catalog-btn div {
	width: 20px;
	display: inline-block;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	position: relative;
	margin: 0 20px 0 0;
}
.catalog-btn div:before, .catalog-btn div:after {
	position: absolute;
	content: '';
	width: 100%;
	display: inline-block;
	height: 2px;
	background: currentColor;
	left: 0;
	border-radius: 2px;
}
.catalog-btn div:before {
	top: -7px;
}
.catalog-btn div:after {
	bottom: -7px;
}
.header-search-box {
	/* padding: 0 50px 0 0; */
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
	max-width: 100%;
	width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.header-search {
	position: relative;
	padding: 0 1px 0 0;
}
.header-search input {
	border-color: #fff;
	padding-right: 160px;
}
.header-search input:focus {
	box-shadow: 0 0 20px #f2f2f2;
}
.header-search .search-btn {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #fdc73c;
	font-family: Gotham Pro;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 14px;
	color: #FFFFFF;
	padding: 19px 55px 0px;
}
.header-search .search-btn svg {
	display: none;
}
.catalog-box {
	position: relative;
	/* z-index: 1; */
}
.index .catalog-box {
	background: #f5f5f5;
}
.catalog-promo-box {
	display: table;
	table-layout: fixed;
	background: #ffffff;
	width: 100%;
}
.catalog-promo-box > div {
	display: table-row;
}
.catalog-promo-box .left-column, .catalog-promo-box .right-column {
	display: table-cell;
	vertical-align: top;
}
.catalog-promo-box .left-column {
	padding: 18px 50px;
}
.catalog-promo-box .right-column {
	background: #F7F6FF;
	width: 503px;
}
.catalog-promo-box .left-column h3 {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 150%;
}
.banner {
	min-height: 224px;
	background: #1D1C1F;
	border-radius: 8px;
	color: #ffffff;
	display: flex;
	overflow: hidden;
	margin-bottom: 46px;
}
.banner > div:first-child {
	height: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding: 49px 20px 49px 60px ;
}
.banner > div:first-child h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
}
.banner > div:first-child > div {
	display: flex;
	align-items: center;
}
.banner > div:first-child span {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 150%;
	padding-left: 10px;
}
.banner .btn {
	padding: 11px 40px 0;
	height: 44px;
	font-family: Gotham Pro;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}
.banner img {
	object-fit: cover;
	max-width: 100%;
	height: 100%;
	margin: auto;
}
.flex {
	display: flex;
}
.auto-parts, .top-suppliers, .aland-info {
	color: #323232;
}
.aland-info b, .aland-info p {
	font-size: 16px;
	line-height: 176.5%;
}
.auto-parts .catalog-promo-item > a > div {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 145%;
}
.catalog-marks {
	background: linear-gradient(85.73deg, #5D55CF 44.8%, #555ACF 114.63%);
	border-radius: 13px;
	padding: 47px 62px;
	color: #ffffff;
}
.catalog-marks > h3 {
	margin-bottom: 7px;
}
.catalog-marks-slider {
	display: flex;
	overflow-x: scroll;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.catalog-marks-slider::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.catalog-marks-slider {
	display: flex;
	margin-bottom: 26px;
	padding-top: 19px;
}
.catalog-marks-slider > .card, .catalog-marks-slider >  .card--active {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	box-sizing: border-box;
	min-width: 158px;
	position: relative;
}
.catalog-marks-slider > .card img {
	display: none;
}
.catalog-marks-slider > .card--active img {
	object-fit: contain;
	width: 41px;
	height: 19px;
	position: absolute;
	top: -19px;
}
.catalog-marks-slider > .card > span {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px #8981FF dashed;
}
.catalog-marks-slider > .card--active {
	background: #6C64E0;
	border-radius: 6px;
	padding: 12px;
}
.catalog-marks-content {
	display: flex;
	flex-wrap: wrap;
}
.catalog-marks-content >  .card-wrapper {
	padding: 10px 20px 10px 0;
	/* padding: 10px 0 0 0; */
	min-width: 202px;
}
.catalog-marks-content >  .card-wrapper > .card {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: #FFFFFF;
	border-radius: 7px;
	height: 58px;
}
.catalog-marks-content >  .card-wrapper .image {
	display: flex;
	width: 40%;
	overflow: hidden;
	height: 100%;
	margin: auto;
}
.catalog-marks-content >  .card-wrapper img {
	max-width: 100%;
	max-height: calc(100% - 24px);
	margin: auto 0;
}
.catalog-marks-content > .card-wrapper .body {
	width: 60%;
	display: flex;
	height: 100%;
	align-items: center;
}
.catalog-marks-content >  .card-wrapper .body > span {
	color: #2E2C2D;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	font-size: 15px;
	line-height: 25px;
}
.catalog-marks-slider > .card > span {
	border-bottom: 1px #8981FF dashed;
}
.auto-parts {
	margin-bottom: 60px;
}
.auto-parts-header {
	display: flex;
	margin-bottom: 32px;
}
.auto-parts-header h3 {
	margin: auto;
}
.auto-parts-header > div.flex {
	justify-content: flex-end;
}
.auto-parts-toggle, .auto-parts-toggle--active {
	display: inline-block;
	margin: auto 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.auto-parts-toggle > svg {
	fill: #2E2C2D;
}
.auto-parts-toggle--active > svg {
	fill: #5D55CF;
}
.catalog-marks {
	margin-bottom: 55px;
}
.catalog-promo {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.catalog-promo-item{
	width: 25%;
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	z-index: 1;
}
.noTouch .catalog-promo-item:hover {
	z-index: 4;
}

.catalog-promo-item a {
	display: flex;
	height: 83px;
	width: 100%;
	border: 0;
	position: relative;
	color: #000;
	border-radius: 6px;
	background: #fafaff;
}
.top-suppliers {
	margin-bottom: 52px;
}
.top-suppliers-content {
	display: flex;
	justify-content: space-around;
}
.top-suppliers-content .card {
	max-height: 42px;
}
.top-suppliers-content .card img {
	max-height: inherit;
	max-width: 100%;
}
.aland-info {
	margin-bottom: 60px;
}

.noTouch .catalog-promo-item a:hover {
	color: #ffffff;
	background: linear-gradient(85.73deg, #5D55CF 44.8%, #555ACF 114.63%);
	-webkit-transition: all .3s;
	transition: all .3s;
}
.catalog-promo-item a > span {
	display: none;
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 3;
}
.catalog-promo-item a > div:first-child {
	display: flex;
	width: 45%;
	overflow: hidden;
	height: 100%;
	margin: auto;
}
.catalog-promo-item a > div:first-child img {
	max-width: 100%;
	max-height: calc(100% - 24px);
	margin: auto 0;
}
.catalog-promo-item a > div:first-child + div {
	margin: auto;
	width: 55%;
	z-index: 2;
	padding: 5px;
}
.catalog-promo-item a > div:first-child + div div {
	line-height: 20px;
}
.catalog-promo-item.promo {
	width: 50%;
}
.catalog-promo-item.promo a {
	padding: 0 0 50%;
}
.catalog-promo-item.promo a > div:first-child + div {
	color: #000;
}
.right-sidebar {
	z-index: 1;
	background-color: #F7F6FF;
}
.grey-box {
	background: #F7F6FF;
	padding: 60px 0 50px;
	border-top: 1px solid #d9d9d9;
}
.grey-box.blue {
	background: #e9ebf5;
}
.grey-box:first-child {
	border-top: 0;
}
.menu-box {
	padding: 20px 0 10px;
}
.menu-box:first-child {
	padding: 60px 0 10px;
}
.menu-box:last-child {
	/* padding: 20px 0 100px; */
	padding: 20px 0 180px;
}
.menu-box .h3 {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 150%;
}
.menu-box input[type="text"] {
	border-radius: 6px;
	border: 0;
	font-family: 'Gotham Pro';
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}
.menu-box .btn {
	font-family: Gotham Pro;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
}
.help-box {
	position: relative;
	display: block;
	float: right;
}
.help-box > a {
	position: relative;
	display: inline-block;
	border: 0;
	/* padding-right: 30px; */
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	color: #2E2C2D;
}
.help-box > a svg {
	/* position: absolute; */
	position: relative;
	right: 0;
	top: -2px;
	margin-left: 8px;
}
.help-box > a svg path {
	fill: currentColor;
}
.help-box > div {
	position: absolute;
	top: -99999px;
	right: 0;
	padding: 40px;
	background: #f2f2f2;
	border-radius: 5px;
	box-shadow: 0 10px 40px rgba(35,63,146,.3);
	width: 800px;
	box-sizing: border-box;
	z-index: 4;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	overflow-y: auto;
}
.help-box > a.opened + div {
	top: 30px;
	opacity: 1;
}
.help-box > div .close {
	position: absolute;
	margin: 0;
	display: block;
	top: 20px;
	right: 20px;
}
.help-box > div .close svg {
	margin: 0;
}
.tabs {
	margin: 0 0 13px;
	white-space: nowrap;
	/* overflow: hidden; */
	height: 52px;
	position: relative;
}
.tabs > .row {
	-webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
	/* justify-content: space-between; */
	height: 70px;
	overflow-x: auto;
	margin: 0 -8px; 
}
.tabs > .row > [class*='col'] {
	padding-left: 8px;
	padding-right: 8px;
}
.tab {
	position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	padding: 0 17px;
	height: 50px;
	box-sizing: border-box;
	cursor: pointer;
	border: 0;
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	color: #5D55CF;
	border-radius: 6px;
	background-color: transparent;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.tab span {
	display: inline-block;
	line-height: 25px;
	border-bottom: 2px dotted #CBC8E1;
}
.right-sidebar .tab {
	/* padding: 14px 20px 0; */
}
.tab svg {
	margin: -3px 10px 0 0;
}
.tab svg path {
	fill: currentColor;
}
.noTouch .tab:hover {
	/* background: #233f92; */
	/* color: #fff; */
	/* background: #000; */
	/* color: #FDB800; */
}
.tab.active,
.tab:hover {
	background-color: #5D55CF;
	color: #fff;
}
.tab.active span,
.tab:hover span {
	border-color: transparent;
}
.tab-content {
	display: none;
}
.tab-content.opened {
	display: block;
}
.tab-content.opened .stack-popup-btn {
	font-family: 'Gotham Pro';
	font-style: normal;
	/* font-weight: 700;
	font-size: 16px; */
	text-decoration-line: underline;
	color: #2E2C2D;
	border-bottom: none;
}
.expand-box > span {
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin: 25px 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .expand-box > span:hover {
	color: #233f92;
}
.expand-box > span:after {
	display: block;
	margin: 0 30px 0 0;
	content: attr(data-more);
}
.expand-box.opened > span:after {
	content: attr(data-less);
}
.expand-box > span svg {
	position: absolute;
	right: 7px;
	top: 8px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.expand-box > span svg path {
	fill: currentColor;
}
.expand-box.opened > span svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.expand-box > div {
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	position: relative;
}
.expand-box.opened > span + div {
	height: auto;
	opacity: 1;
}
.expand-box.opened > span + div > div {
	max-height: 300px;
}
.expand-box-btn {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	font-weight: 500;
	text-decoration-line: underline;
	color: #5D55CF;
}
.tabs-bordered {
	margin: 0 0 30px;
}
.tabs-bordered .tab {
	background: none;
	border: 0;
	padding: 0;
	height: auto;
}
.noTouch .tabs-bordered .tab:hover {
	background: none;
	color: #000;
}
.tabs-bordered .tab > span {
	display: block;
	padding: 0 30px;
}
.tabs-bordered .tab.active > span {
	display: block;
	background: url('../images/tab-bg-back.png') no-repeat left top;
	background-size: 100% 100%;
	border-radius: 10px;
	padding: 10px 0 0;
}
.tabs-bordered .tab > span > span {
	display: block;
}
.tabs-bordered .tab.active > span > span {
	display: block;
	background: url('../images/tab-bg.png') no-repeat left top;
	background-size: 100% 100%;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 -1px 0 1px #fff;
}
.tabs-bordered .tab > span > span > span {
	display: block;
}
.tabs-bordered .tab.active > span > span > span {
	display: block;
	background: url('../images/tab-bg-back.png') no-repeat left bottom;
	background-size: 100% 100%;
	border-radius: 5px;
	padding: 0 0 10px;
	box-shadow: 0 1px 0 1px #fff;
}
.tabs-bordered .tab > span > span > span > span {
	display: block;
	font-size: 25px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	border-bottom: 1px dashed #233f92;
}
.tabs-bordered .tab.active > span > span > span > span {
	color: #000;
	font-weight: 700;
	padding: 15px 20px;
	background: #fff;
	border-radius: 5px;
	border: 0;
}
.icon-box {
	margin: 0 0 30px 40px;
	display: inline-block;
	text-align: left;
	border: 0;
	color: #000;
}
.noTouch .icon-box:hover {
	color: #000;
}
.icon-box div {
	margin: 0 auto 10px;
	display: inline-block;
	width: 80%;
	height: 0;
	padding: 0 0 50%;
	position: relative;
}
.icon-box div svg {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translate(-50%,-50%) scale(1,1);
	transform: translate(-50%,-50%) scale(1,1);
}
.noTouch .icon-box:hover div svg {
	-webkit-transform: translate(-50%,-50%) scale(.97,.97);
	transform: translate(-50%,-50%) scale(.97,.97);
}
.icon-box span {
	display: block;
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 700;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	-webkit-transition: all .3s;
	transition: all .3s;
}
.icon-box.blue span {
	color: #233f92;
}
.icon-box.yellow span {
	color: #fdc73c;
}
/* footer:before {
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background: url(../images/footer-top-bg.png) no-repeat left top;
	background-size: 100% 100%;
} */
.footer-menu {
	/* background: url(../images/footer-bg.jpg) repeat-y left top; */
	display: flex;
	background-size: 100% auto;
	padding: 60px 0;
	background: linear-gradient(85.73deg, #5D55CF 25.78%, #555ACF 121.32%);
}
.footer-menu .h4 {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 16px;
	color: #fff;

}
.footer-menu a {
	font-family: 'Gotham Pro';
	color: #fff;
	font-size: 15px;
	line-height: 166.7%;
	text-decoration-line: underline;
	color: #fff;
}
.footer-left-column {
	display: flex;
	width: calc(100% - 503px);
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.footer-left-column > div {
	margin: auto;
	max-width: 700px;
}
.footer-right-column {
	width: 503px;
	padding-right: 42px;
	display: flex;
}
.footer-right-column p {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 25px;
	margin: auto;
	color: #fff;
}
.bottom-menu div {
	padding: 0 0 15px;
}
.bottom-menu svg {
	display: none;
}
.copyrights {
	padding: 40px 0 15px;
	background: #2E2C2D;
	color: #fff;
}
.copyrights p {
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 14px;
}
.copyrights a {
	display: inline-block;
	position: relative;
	margin: 0 35px 0 0;
}
.copyrights a svg {
	position: absolute;
	right: -35px;
	top: -1px;
	overflow: visible;
}
.noTouch .copyrights a:hover svg path {
	fill: currentColor;
}
.hide-on-desktop {
	display: none;
}
.sub-menu.is_stuck {
	z-index: 3;
}
.two-columns {
	-webkit-columns: 2;
	-moz-columns: 2;
	columns: 2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}
.two-columns > *, .three-columns > * {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Firefox */
	break-inside: avoid; /* IE 10+ */
}
.right-sidebar .two-columns > * {
	display: inline-block;
	width: 100%;
	margin: 0;
}
.three-columns {
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
    -moz-column-gap: 40px;
    -webkit-column-gap: 40px;
    column-gap: 40px;
}
.filter-box {
	position: absolute;
	right: -110%;
	top: 0;
	background: #F7F6FF;
	width: 440px;
	height: 100%;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: 2;
}
.filter-box.opened {
	right: 0;
}
.filter-box-content {
	padding-top: 60px;
	/* margin-left: -6px;
	margin-right: -6px; */
	box-sizing: border-box;
	background: #F7F6FF;
}
.filter-box-content.filter-box-content_no-margin {
	margin-left: 0;
	margin-right: 0;
}
.filter-box-content .close {
	top: 20px;
	right: 20px;
}
.radio-btn-group {
	margin: 0 -5px 20px;
	display: -ms-flexbox;
    display: flex;
}
.radio-btn-group-item {
	display: block;
	padding-left: 5px;
	padding-right: 5px;
}
.radio-btn-group-item input + label:before, .radio-btn-group-item input + label:after {
	display: none !important;
}
.radio-btn-group-item input + label {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44px;
	padding: 0 12px !important;
	color: #2E2C2D;
	background: #fff;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
}
.noTouch .radio-btn-group-item input + label:hover {
	color: #fff;
	background: #5D55CF;
	/* border: 1px solid #233f92; */
}
.radio-btn-group-item input:checked + label {
	color: #fff;
	background: #5D55CF;
}
.radio-btn-group-item:first-child label {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.radio-btn-group-item:last-child label {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.separate {
	margin: 0 0 10px;
}
.separate .radio-btn-group-item input + label {
	margin: 0 10px 10px 0;
	border-radius: 5px;
}
.separate .radio-btn-group-item:first-child label, .separate .radio-btn-group-item:last-child label {
	border-radius: 5px;
}
.last-search {
	position: relative;
	padding: 0 0 0 30px;
	line-height: normal;
	font-weight: 500;
	line-height: 1.66666;
}
.last-search svg {
	position: absolute;
	left: 0;
	top: 2px;
}
.last-search a {
	color: #5D55CF;
}
.filter-btn {
	position: absolute;
	left: -99999px;
	top: -99999px;
	overflow: hidden;
	white-space: nowrap;
}
.overflow-box-btn {
	display: none;
	position: relative;
}
.overflow-box-btn span {
	display: inline-block;
	/* padding: 0 10px 0;
	height: 30px;
	line-height: 29px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	color: #233f92; */
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    font-weight: 500;
    text-decoration-line: underline;
    color: #5D55CF;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.overflow-box-btn span svg {
	-webkit-transition: all .3s;
    transition: all .3s;
}
.overflow-box-btn.opened span svg {
	-webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* .noTouch .overflow-box-btn span:hover {
	border: 1px solid #233f92;
	background: #233f92;
	color: #fff;
} */
.overflow-box-btn span:before {
	content: attr(data-more);
}
.overflow-box-btn.opened span:before {
	content: attr(data-less);
}
.overflow-box-btn:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 100%;
	display: block;
	width: 100%;
	height: 100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all .3s;
	transition: all .3s;
}
.overflow-box-btn.opened:after {
	height: 0;
}
.overflow-box.collapsed {
	max-height: 150px;
	overflow: hidden;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.overflow-box.collapsed.opened {
	max-height: 99999px;
}
.overflow-box.collapsed + .overflow-box-btn {
	display: block !important;
	margin: 0 0 20px;
}
.back {
	border: 0;
	margin: 0 0 10px;
	color: #5D55CF;
}
.back svg {
	margin: -3px 10px 0 0;
}
.back svg path {
	fill: currentColor;
}
.left-menu {
	width: 300px;
}
.left-menu + .catalog-content-box {
	padding-left: 0;
}
.category-list {
	padding: 30px 0 0;
}
.category-list .all-categories-menu {
	height: auto;
	-webkit-transform: none;
	transform: none;
	background: none;
	padding: 0 30px 60px;
}
.category-list .all-categories-menu > .all-categories-menu-item {
    padding: 0 20px 10px;
	border: 0;
}
.category-list .all-categories-menu-item {
    font-family: "Roboto", "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor: default;
}
.noTouch .category-list .all-categories-menu-item:hover {
    color: #233f92;
}
.category-list .all-categories-menu-item-box {
    padding: 0 0 10px;
}
.category-list .current {
    font-weight: 700;
}
.category-list .all-categories-menu-item-box > a.current {
    font-weight: 700;
	color: #000;
	pointer-events: none;
}
.category-list .title {
	font-weight: 700;
	margin: 0 0 10px;
	color: #000;
}
.noTouch .category-list .expand-left-menu:hover {
	color: #999;
}
.category-list .expand-left-menu {
	display: inline-block;
	margin: 0;
	font-weight: 400;
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s;
	cursor: pointer;
	color: #233f92;
}
.category-list .expand-left-menu:after {
	content: '';
	display: block;
	position: absolute;
	left: -12px;
	top: 7px;
	width: 5px;
	height: 5px;
	border-left: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .3s ease-in-out, top .3s ease-in-out;
	transition: transform .3s ease-in-out, top .3s ease-in-out;
}
.category-list .expand-left-menu.current:after {
	-webkit-transform: rotate(-225deg);
	transform: rotate(-225deg);
	top: 9px;
}
.category-list .expand-left-menu.current {
	color: #000;
}
.category-list .child {
	padding: 0 0 0 15px;
	overflow: hidden;
	height: 0;
	opacity: 0;
	-webkit-transition: opacity .3s, padding .3s;
	transition: opacity .3s, padding .3s;
}
.category-list .child.opened {
	padding: 10px 0 0 15px;
	opacity: 1;
}
.category-list .child * {
	line-height: normal;
}
.all-parts {
	display: flex;
}
.all-parts .h1 {
    margin: 0 0 20px;
}
.catalog-content-box {
	/* padding: 30px 50px 60px 50px; */
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
	box-sizing: border-box;
}
/* .search-results .catalog-content-box {
	padding: 30px 0 60px;
} */
.back-box {
	width: 100%;
	/* padding: 0 0 15px; */
	/* border-bottom: 1px solid #E9E9E9; */
	margin-top: 10px;
	margin-bottom: 20px;
	/* margin: 0 -20px 5px; */
	font-weight: 500;
}
.back-box .back {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
}
.right-filter {
	width: 503px;
	background: #F7F6FF;
}
.search-results .right-filter {
	right: -110%;
	position: fixed;
}
.menu-back a.back-btn {
	display: none;
	position: absolute;
	left: 0;
	top: 2px;
	border: 0;
}
.menu-back a.back-btn svg {
	float: left;
}
.menu-back.h1 a.back-btn {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.menu-back a.back-btn svg path {
	fill: currentColor;
}
.catalog-index .menu-back p > *:last-child {
	display: none;
}
.catalog-item {
	padding: 30px 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-top: 1px solid #d9d9d9;
}
.search-results .catalog-item {
	font-size: 0.00001px;
}
.catalog-item .title {
	margin: 0 0 20px;
}
.noTouch .catalog-item:hover {
	background: #f7f7f7;
	border-color: transparent;
	border-radius: 10px;
	padding: 30px 20px;
	margin: 0 -20px;
}
.noTouch .catalog-item:hover + .catalog-item {
	border-top-color: transparent;
}
.catalog-item-thumb {
	float: left;
	width: 80px;
	height: 80px;
	border-radius: 5px;
	position: relative;
	border: 0;
	display: block;
	margin: 0 20px 0 0;
}
.catalog-item-thumb svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.catalog-item-thumb svg path {
	fill: #e6e6e6;
}
.catalog-item-description {
	margin: 0 0 0 100px;
	position: relative;
}
.catalog-item-title, .catalog-item-info {
	width: calc(100% - 180px);
}
.catalog-item-price {
	text-align: right;
	width: 180px;
}
.catalog-item-price .btn {
	position: absolute;
	right: 0;
	bottom: 0
}
.catalog-item-price .title {
	line-height: 100%;
}
.catalog-item-icon-box {
	position: relative;
	padding: 0 0 0 25px;
	line-height: normal;
}
.catalog-item-icon-box.location {
	padding: 0 0 0 22px;
}
.catalog-item-icon-box span {
	color: #999;
	display: block;
}
.catalog-item-icon-box svg {
	position: absolute;
	left: 0;
	top: 2px;
}
.catalog-item-icon-box.location svg {
	top: 4px;
}
.applicability-popup {
	position: fixed;
	/* width: 1024px; */
	width: 100%;
	top: 0;
	left: -100%;
	background: #f5f5f5;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	bottom: 0;
	z-index: 1;
}
.applicability-popup.opened {
	left: 0;
	opacity: 1;
}
.applicability-container {
	width: 100%;
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
.catalog-box.search-results ~ .applicability-popup.opened {
	right: 0;
}
.applicability-popup > div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.applicability-popup .close {
	top: 40px;
	right: 50px;
}
.applicability-table td {
	font-weight: 500;
}
.applicability-table span {
	font-weight: 400;
	display: block;
}
.sorting-box {
	padding: 20px 0 21px;
	border-top: 1px solid #d9d9d9;
}
.popup .sorting-box {
	padding: 0;
	border-top: 0;
}
.search-results .sorting-box ul {
	max-width: 1024px;
}
.sorting-box li > span {
	display: block;
	/* color: #999; */
}
.sorting-box li > a {
	font-weight: 500;
	color: #5D55CF;
}
.sorting-box li {
	position: relative;
	line-height: 1.5;
}
.sorting-box li > svg {
	display: none;
	position: absolute;
	right: 20px;
	top: 50%;
	margin: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.popup .sorting-box li {
	display: block;
	padding: 18px 40px 20px 0 !important;
	/* margin: 0 -20px !important; */
	border-bottom: 1px solid #e9e9e9;
}
.popup .sorting-box li > svg {
	display: block;
}
.sorting-box .back {
	display: none;
	border: 0;
}
.sorting-box .back svg {
	margin: -3px 10px 0 0;
}
.popup .sorting-box .back {
	display: block;
}
.sorting-box-popup {
	position: absolute;
	top: -99999px;
	left: -99999px;
	border-radius: 5px;
	padding: 20px 40px 40px;
	width: 280px;
	box-sizing: border-box;
	background: #f2f2f2;
	z-index: 0;
	-webkit-transition: opacity .3s 0s, top 0s .3s, left 0s .3s, right 0s .3s;
	transition: opacity .3s 0s, top 0s .3s, left 0s .3s, left 0s .3s, right 0s .3s;
	opacity: 0;
	box-shadow: 0 10px 40px rgba(35,63,146,.3);
}
.popup .sorting-box-popup {
	position: fixed;
	top: 0;
	left: 110%;
	border-radius: 5px;
	padding: 30px 0 50px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background: #F7F6FF;
	z-index: 3;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	box-shadow: 0 10px 40px rgba(35,63,146,.3);
}
.sorting-box-popup.opened {
	top: 50px;
	left: 0;
	opacity: 1;
	z-index: 3;
	-webkit-transition: opacity .3s 0s, top 0s 0s, left 0s 0s, right 0s 0s;
	transition: opacity .3s 0s, top 0s 0s, left 0s 0s, right 0s 0s;
}
.popup .sorting-box-popup.opened {
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sorting-box li:last-child .sorting-box-popup.opened {
	left: auto;
	right: 0;
}
.popup .sorting-box li:last-child .sorting-box-popup.opened {
	left: 0;
	right: auto;
}
.sorting-box-popup input:checked + label, .sorting-box-popup input:not(:checked) + label {
	padding: 10px 0;
	border-bottom: 1px solid #e9e9e9;
	display: block;
	margin: 0;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.popup .sorting-box-popup input:checked + label, .popup .sorting-box-popup input:not(:checked) + label {
	padding: 10px 0 10px;
}
.noTouch .sorting-box-popup input:checked + label:hover, .noTouch .sorting-box-popup input:not(:checked) + label:hover {
	color: #999;
}
.sorting-box-popup input + label:before {
	display: none;
}
.sorting-box-popup input:checked + label:after, .sorting-box-popup input:not(:checked) + label:after {
	/* left: -25px; */
	left: auto;
	right: 0;
}
.popup .sorting-box-popup input:checked + label:after, .popup .sorting-box-popup input:not(:checked) + label:after {
	/* left: 0; */
	left: auto;
	right: 0;
}
.sorting-box-popup input:checked + label {
	color: #5D55CF;
	font-weight: 500;
}
.sorting-box-popup .btn {
	margin: 20px 0 0;
}
.pagination-box {
	min-height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.pagination-box > div {
	padding: 30px 0 60px;
	flex-grow: 1;
}
.pagination-box a, .pagination-box span {
	display: inline-block;
	position: relative;
	border: 0;
}
.pagination-box span {
	color: #ccc;
}
.pagination-box svg {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin: 0;
}
.pagination-box svg path {
	fill: currentColor;
}
.pagination-box .page-prev svg {
	left: 0;
}
.pagination-box .page-next svg {
	right: 0;
}
.pagination-box .page-prev {
	padding: 0 0 0 25px;
	margin: 0 20px 0 0;
}
.pagination-box .page-next {
	padding: 0 25px 0 0;
}
.pagination-box input {
	width: 40px;
	padding: 9px 10px 10px;
	line-height: normal;
	box-sizing: border-box;
	text-align: center;
	margin: -2px 0 0;
}
.modification-box {
	padding: 30px 50px;
	margin: -40px -40px 40px;
	background: #e9ebf5;
}
.modification-box .btn.opened {
	color: #233f92;
	background: #fdc73c;
}
.modification-box .btn svg:first-child + svg {
	display: none;
}
.modification-box .btn.opened svg:first-child {
	display: none;
}
.modification-box .btn.opened svg:first-child + svg {
	display: inline-block;
}
.modification-popup {
	position: fixed;
	left: 100%;
	right: auto;
	background: #e9ebf5;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	bottom: 0;
	z-index: 20;
}
.modification-popup.catalog-page-popup .modification-info ul li:last-child {
	right: 25%;
}
.modification-popup.opened {
	left: 0;
	right: 503px;
	opacity: 1;
}
.modification-popup.no-right-padd.opened {
	right: 0;
}
.modification-popup > div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.modification-popup .close {
	top: 40px;
	right: 50px;
}
/* .modification-box .btn {
	background: #fff;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
	color: #233f92;
} */
.modification-item {
	padding: 30px 0 0;
	border-top: 1px solid #d9d9d9;
	/* margin: 0 0 20px; */
}
.modification-item:first-child,
input + .modification-item {
	border-top: none
}
.modification-info {
	position: relative;
}
.modification-info .check-btn {
	position: absolute;
	top: 0;
	right: 0;
}
.check-btn input + label {
	margin: 0 0 0 -1px;
	padding: 9px 10px;
	line-height: 20px;
	color: #233f92;
	display: inline-block;
	background: #fff;
	border: 1px solid #d9d9d9;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 5px;
}
.check-btn input:checked + label:before, .check-btn input:not(:checked) + label:before {
	border: 0;
	width: auto;
	height: auto;
	position: static;
	left: auto;
	top: auto;
	content: attr(data-uncheck);
	-webkit-transition: none;
	transition: none;
	color: currentColor;
}
.check-btn input:checked + label:before {
	content: attr(data-check);
}
.check-btn input:checked + label:after, .check-btn input:not(:checked) + label:after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 15px;
	height: 11px;
	left: 12px;
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%23d9d9d9%22%20d%3D%22M13.6.3c.2-.2.3-.3.6-.3.2%200%20.4.1.6.3.1.1.2.3.2.6%200%20.2-.1.4-.3.6l-9.6%209.3c0%20.1-.1.1-.2.2h-.7c-.1%200-.2-.1-.2-.2L.3%207c-.2-.1-.3-.3-.3-.6%200-.2.1-.4.3-.5.1-.2.3-.3.6-.3.2%200%20.4.1.6.3L4.6%209l9-8.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 15px;
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s;
	border-radius: 0;
}
.check-btn input:not(:checked) + label:hover:after {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.6.3c.2-.2.3-.3.6-.3.2%200%20.4.1.6.3.1.1.2.3.2.6%200%20.2-.1.4-.3.6l-9.6%209.3c0%20.1-.1.1-.2.2h-.7c-.1%200-.2-.1-.2-.2L.3%207c-.2-.1-.3-.3-.3-.6%200-.2.1-.4.3-.5.1-.2.3-.3.6-.3.2%200%20.4.1.6.3L4.6%209l9-8.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 15px;
}
.check-btn input:checked + label:after, .check-btn input:checked + label:hover:after {
	background: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2211%22%20viewBox%3D%220%200%2015%2011%22%3E%3Cpath%20fill%3D%22%23233f92%22%20d%3D%22M13.6.3c.2-.2.3-.3.6-.3.2%200%20.4.1.6.3.1.1.2.3.2.6%200%20.2-.1.4-.3.6l-9.6%209.3c0%20.1-.1.1-.2.2h-.7c-.1%200-.2-.1-.2-.2L.3%207c-.2-.1-.3-.3-.3-.6%200-.2.1-.4.3-.5.1-.2.3-.3.6-.3.2%200%20.4.1.6.3L4.6%209l9-8.7z%22%2F%3E%3C%2Fsvg%3E') no-repeat left top;
	background-size: 15px;
}
.noTouch .check-btn input:not(:checked) + label:hover {
	color: #fff;
	background: #233f92;
	border: 1px solid #233f92;
}
.check-btn input:checked + label {
	color: #233f92;
	background: #fdc73c;
	border: 1px solid #fdc73c;
}
.catalog-not-found {
	padding: 30px 0 60px;
	text-align: center;
}
.found-count {
	padding: 40px 50px;
}
.product-page-box {
	padding: 40px 0 80px;
	position: relative;
	z-index: 1;
}
nav {
	position: relative;
	margin: 0 0 20px;
}
.page-back {
	position: absolute;
	left: -4%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0;
	margin: -2px 0 0;
}
.page-back svg path {
	fill: currentColor;
}
.category-box {
	display: block;
	border: 0;
	width: 100%;
	height: 0;
	padding: 0 0 100%;
	position: relative;
	color: #000;
}
.category-box:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.category-box span {
	display: block;
	position: absolute;
	left: 30px;
	bottom: 30px;
	right: 30px;
	font-weight: 700;
	color: currentColor;
	z-index: 2;
}
.noTouch .category-box:hover {
	color: #fdc73c;
}
.noTouch .category-box:hover:before {
	opacity: .8;
}
.product-info {
	padding: 0 0 0 30px;
	margin: 0 -10px;
}
.product-img-box {
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	margin: 0 0 20px;
}
.product-img {
	width: 100%;
	height: 0;
	padding: 0 0 100%;
	box-sizing: border-box;
	position: relative;
}
.product-img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.product-img svg {
	width: 50%;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.zoom-box {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	left: -99999px;
	top: -99999px;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 9999999;
	opacity: 0;
	background: #fff;
}
.zoom-box.opened {
	left: 0;
	top: 0;
	opacity: 1;
}
.zoom-btn {
	position: absolute;
	display: block;
	border: 0;
	left: 30px;
	bottom: 20px;
	-webkit-transition: color .3s;
	transition: color .3s;
	z-index: 2;
}
.zoom-btn svg {
	margin: -3px 10px 0 0;
}
.zoom-btn svg path {
	fill: currentColor;
}
.zoom-box .zoom-btn {
	bottom: 50px;
	left: 40px;
}
.zoom-box.opened .zoom-btn {
	position: fixed;
}
.product-img-thumb-carousel {
	margin: 0 -10px 40px;
}
.product-img-thumb {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 100%;
	overflow: hidden;
	border-radius: 5px;
	cursor: pointer;
}
.product-img-thumb:before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: 5px;
	box-shadow: inset 0 0 0 1px #d9d9d9;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.slick-current .product-img-thumb:before {
	box-shadow: inset 0 0 0 5px #fdc73c;
}
.noTouch .product-img-thumb:hover:before {
	box-shadow: inset 0 0 0 5px #233f92;
}
input.count {
	width: 55px;
	text-align: center;
	text-align-last: center;
	padding: 0;
	line-height: 20px;
	vertical-align: middle;
	display: inline-block;
}
.count-minus, .count-plus {
	display: inline-block;
	vertical-align: middle;
	margin: -7px 10px 0;
	font-size: 30px;
	line-height: 20px;
	border: 0;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.count-minus.disabled, .count-plus.disabled {
	color: #999;
	cursor: default
}
.product-options {
	padding: 20px 0 10px;
}
.product-page-box + .applicability-popup {
	left: auto;
	right: -110%;
	width: 1024px;
}
.product-page-box + .applicability-popup.opened {
	right: 0;
}
.overflow-line {
	margin: 0 -20px;
	position: relative;
}
.overflow-line + .overflow-line {
	margin: 0 -20px 20px;
}
.overflow-line > div {
	padding: 0 20px;
}
.attention-box {
	padding: 0 0 0 120px;
	position: relative;
}
.attention-box svg {
	position: absolute;
	left: 0;
	top: 0;
}
.cart-attention-box {
	padding: 0 0 0 55px;
	position: relative;
	line-height: normal;
}
.cart-attention-box svg {
	position: absolute;
	left: 0;
	top: 0;
}
.cart-attention-box p {
	margin: 0 0 20px;
}
.cart-left-col {
	display: inline-block;
	padding: 0 20px 0 10px;
	vertical-align: top;
	width: 66.666%;
	box-sizing: border-box;
}
.cart-right-col {
	display: inline-block;
	padding: 0 10px 0 20px;
	vertical-align: top;
	width: 33.333%;
	box-sizing: border-box;
}
.choice-shop-box {
	padding: 30px 40px 10px;
	border: 10px solid #fdc73c;
	margin: 0 0 40px;
}
.shop-box {
	padding: 30px 50px 40px;
}
.available-shop-list {
	margin: 0 0 20px;
	border-bottom: 1px solid #d9d9d9;
}
.available-shop {
	margin: 0 0 20px;
	overflow-x: hidden;
	overflow-y: visible;
	font-size: 0.000001px;
}
.available-shop > div {
	display: inline-block;
	width: 60%;
	vertical-align: bottom;
	box-sizing: border-box;
}
.available-shop > div:first-child {
	padding: 0 5px 0 0;
	background: #f5f5f5;
}
.available-shop > div:first-child:after {
    width: 0;
    white-space: nowrap;
    content: "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "....................";
	color: #999;
	font-size: 12px;
	display: inline-block;
	margin: 0 -1px 0 0;
}
.available-shop > div:first-child + div {
	text-align: right;
	width: 40%;
}
.available-shop > div:first-child + div span {
    background: #f5f5f5;
	padding: 0 0 0 5px;
}
.available-shop span {
	line-height: 20px;
	display: inline-block;
	margin: -2px 0 0;
}
.cart-item {
	position: relative;
	padding: 30px 0;
	border-top: 1px solid #d9d9d9;
}
.cart-item:after {
	display: block;
	content: '';
	clear: both;
}
.cart-item > a {
	position: absolute;
	right: 0;
	top: 32px;
}
.cart-item > div {
	padding: 0 0 10px 0;
}
.count-error {
	color: #ff3333;
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	margin: -5px 0 0;
}
.map-expand-box {
	overflow: hidden;
	height: 0;
	position: relative;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.map-expand-box.opened {
	height: 300px;
	opacity: 1;
}
.map-box {
	position: fixed;
	width: 100%;
	max-width: 740px;
	height: 300px;
	left: -99999px;
	top: -99999px;
}
.opened .map-box {
	position: absolute;
	left: 0;
	top: 0;
}
.map-box > ymaps, .map-box > ymaps > ymaps {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}
/* .car-selected-box {
	padding: 33px 50px 18px;
	background: #FAFAFF;
} */
.car-selected-box:after {
	display: block;
	content: '';
	clear: both;
}
.car-selected-title-box {
	padding-top: 3px;
	float: left;
	width: calc(100% - 300px);
}
.car-selected-title-box a.action {
	display: inline-block;
	color: #5D55CF;
	border-bottom: 2px dotted #5D55CF;
	line-height: 1.25;
}
.car-selected-title-box a.action:hover {
	color: #FDB800;
	border-bottom: 2px dotted #FDB800;
	text-decoration: none;
}
.car-selected-btn-box {
	float: right;
	width: 257px;
}
.car-selected-btn-box .btn {
	background-color: #5D55CF;
}
.car-selected-btn-box .btn svg {
	margin-right: 13px;
}
.car-selected-box-info {
	clear: both;
	padding: 0 50px;
	background: #f2f2f2;
	position: relative;
	border-top: 1px solid #fff;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.car-selected-box-info.opened {
	max-height: 1000px;
	opacity: 1;
	padding: 30px 50px;
}
.car-selected-box-info .close {
	position: absolute;
	right: 50px;
	top: 30px;
}
.laximo-search {
	padding: 40px 0 60px;
}
.laximo-search .grey-box {
	border: 0;
	margin: 0 0 40px;
}
.laximo-options table {
	margin: 0 0 30px;
}
.laximo-options table td {
	border: 0;
	padding: 0;
	vertical-align: middle;
}
.laximo-options table td .selectboxit-container .selectboxit {
    border-radius: 0;
	border-bottom-width: 0;
}
.laximo-options table tr:first-child td .selectboxit-container .selectboxit {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.laximo-options table tr:last-child td .selectboxit-container .selectboxit {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	border-bottom-width: 1px;
}
table.guayaquil_table tbody tr td {
    padding: 20px;
	border: 0;
	border-top: 1px solid #d9d9d9;
	vertical-align: middle;
}
.laximo-search table.guayaquil_table tbody tr th {
    display: none;
}
.laximo-search table.guayaquil_table tr {
	display: block;
	margin: 0 -30px;
	padding: 0 30px;
	border-radius: 5px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.laximo-search table.guayaquil_table tr.over {
    color: #000;
    background: #f2f2f2;
}
.laximo-search table.guayaquil_table tbody tr td {
    padding: 20px 20px 20px 0;
	border: 0;
	border-top: 1px solid #d9d9d9;
	-webkit-transition: all .3s;
	transition: all .3s;
	vertical-align: top;
}
.laximo-search table.guayaquil_table tbody tr.over td {
	border-top-color: transparent;
}
.laximo-search table.guayaquil_table tbody tr.over + tr td {
	border-top-color: transparent;
}
.laximo-search table.guayaquil_table tbody tr td:not(:first-child) a {
    color: #000;
	border-color: transparent;
}
.laximo-search table.guayaquil_table tbody tr.over a {
    color: #233f92 !important;
	border-color: transparent;
}
.laximo-search-list {
	padding: 30px 50px 50px;
}
.laximo-search-list:after {
	display: block;
	content: '';
	clear: both;
}
.laximo-left-menu {
	width: 513px;
	margin: 20px 50px 0 0;
	float: left;
	box-sizing: border-box;
	padding: 40px;
	border-radius: 12px;
	border: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
	background-color: #FAFAFF;
}
.laximo-left-menu input#qgsearchinput {
	border: none;
	background-color: #fff;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuODkxODkgMEMxMC42OTgyIDAgMTMuNzgzOCAzLjA4NTYxIDEzLjc4MzggNi44OTE4OUMxMy43ODM4IDguNDYzMzggMTMuMjU3OCA5LjkxMjAyIDEyLjM3MjMgMTEuMDcxNEwxNi43MzA5IDE1LjQzMTNDMTcuMDg5NyAxNS43OTAyIDE3LjA4OTcgMTYuMzcyIDE2LjczMDkgMTYuNzMwOUMxNi4zOTk2IDE3LjA2MjEgMTUuODc4NCAxNy4wODc2IDE1LjUxNzkgMTYuODA3M0wxNS40MzEzIDE2LjczMDlMMTEuMDcxNCAxMi4zNzIzQzkuOTEyMDIgMTMuMjU3OCA4LjQ2MzM4IDEzLjc4MzggNi44OTE4OSAxMy43ODM4QzMuMDg1NjEgMTMuNzgzOCAwIDEwLjY5ODIgMCA2Ljg5MTg5QzAgMy4wODU2MSAzLjA4NTYxIDAgNi44OTE4OSAwWk02Ljg5MTg5IDEuODM3ODRDNC4xMDA2MiAxLjgzNzg0IDEuODM3ODQgNC4xMDA2MiAxLjgzNzg0IDYuODkxODlDMS44Mzc4NCA5LjY4MzE3IDQuMTAwNjIgMTEuOTQ1OSA2Ljg5MTg5IDExLjk0NTlDOS42ODMxNyAxMS45NDU5IDExLjk0NTkgOS42ODMxNyAxMS45NDU5IDYuODkxODlDMTEuOTQ1OSA0LjEwMDYyIDkuNjgzMTcgMS44Mzc4NCA2Ljg5MTg5IDEuODM3ODRaIiBmaWxsPSIjRkRCODAwIi8+Cjwvc3ZnPgo=");
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 17px;
}
.laximo-content {
	margin: 0 0 0 563px;
	font-size: 0.000001px;
	padding-top: 20px;
}
.laximo-content .guayaquil_unit_icons {
	display: none !important;
}
.laximo-content table.guayaquil_table {
	width: 100%;
}
.laximo-content table.guayaquil_table tbody tr.g_highlight_over {
	padding: 0 20px;
	width: 100%;
}
.laximo-content .gdUnit > tbody {
	display: block;
}
.laximo-content .gdUnit > tbody > tr {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/* .laximo-content .gdUnit td img + .btn {
    margin: 0 0 0 -20px;
} */
.laximo-content .gdUnit .gdDetailCol .title.h4 a {
	color: #2E2C2D;
	border-bottom: none;
	text-decoration: none;
}
.laximo-content .gdUnit .gdDetailCol .title.h4 a:hover {
	color: #5D55CF;
}
.laximo-content .gdUnit .gdDetailCol .title.h4 strong {
	font-weight: 500;
}
.laximo-content .gdUnit .gdDetailCol .guayaquil_table {
	margin-bottom: 0;
}
.laximo-content .gdImage {
	margin: 0;
	background: #fff;
	position: relative;
	border-radius: 10px;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding: 0 0 100%;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.laximo-content .gdImage img {
    position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.laximo-content .gdUnit .gdDetailCol table.guayaquil_table tbody tr th {
	padding: 15px 12px;
	background-color: #2E2C2D;
}
.laximo-content .gdUnit .gdDetailCol table.guayaquil_table tbody tr th:nth-child(2) {
	padding-left: 35px;
	border-radius: 7px 0 0 7px;
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	-ms-border-radius: 7px 0 0 7px;
	-o-border-radius: 7px 0 0 7px;
}
.laximo-content .gdUnit .gdDetailCol table.guayaquil_table tbody tr th:nth-last-child(4) {
	padding-right: 35px;
	border-radius: 0 7px 7px 0;
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	-ms-border-radius: 0 7px 7px 0;
	-o-border-radius: 0 7px 7px 0;
}
.laximo-left-menu-btn {
	border: 0;
	display: none;
	position: absolute;
	left: 0;
}
.laximo-left-menu-btn svg path {
	fill: currentColor;
}
.laximo-left-menu-btn svg:first-child + svg {
	display: none;
}
.laximo-left-menu .guayaquil_categoryitem {
    color: #000;
    padding: 10px 20px;
	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
	font-size: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.laximo-left-menu .guayaquil_categoryitem_selected {
    background: #f2f2f2;
    color: #000;
	border-radius: 5px;
    padding: 10px 20px;
	/* font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif"; */
	font-size: 20px;
	-webkit-transition: all .3s;
	transition: all .3s;
	margin: 0 0 10px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.laximo-content .guayaquil_floatunitlist_box {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}
.laximo-content .guayaquil_floatunitlist {
	width: 100%;
}
.laximo-content .guayaquil_floatunitlist td {
	padding: 0;
	border: 0;
}
.laximo-content .guayaquil_floatunitlist td.guayaquil_floatunitlist_image_250 {
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 73.4%;
	border: 1px solid #E9E9E9;
	border-radius: 16px;
	margin: 0 0 15px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}
.laximo-content .guayaquil_floatunitlist td.guayaquil_floatunitlist_image_250 img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.laximo-right-column {
	width: 38%;
	float: right;
	margin: 0 0 0 2%;
}
.laximo-viewport {
	width: 100%;
	height: 0;
	padding: 0 0 100%;
	position: relative;
	margin: 0 0 20px;
}
.laximo-viewport #viewport {
	width: 100% !important;
	height: 100%;
	position: absolute;
	overflow: auto;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
}
#viewtable {
	float: left;
	width: 60% !important;
}
#viewtable table.guayaquil_table tbody tr td {
	padding: 10px 20px;
}
#viewtable table.guayaquil_table td.g_rowdatahint + td {
	text-align: right;
}
#viewtable table.guayaquil_table td.g_ttd ~ td.g_ttd {
	width: 100%;
}
.instruction-scheme {
	position: relative;
	padding: 0 20px 20px 40px;
	font-size: 12px;
	color: #999;
	line-height: normal;
	min-height: 45px;
}
.instruction-scheme svg {
	position: absolute;
	left: 0;
}
.service-box {
	margin: 0 0 100px;
	overflow: hidden;
}
.service-list-box-item, .service-list-box .box-sizer {
	width: 20%;
	float: left;
	margin: 0;
	z-index: 1;
}
.noTouch .service-list-box-item:hover {
	z-index: 2;
}
.service-list-box-item:nth-child(n) {
	background: #edf0f6;
}
.service-list-box-item:nth-child(2n) {
	background: #f6f7fb;
}
.service-list-box-item:nth-child(3n) {
	background: #dce0ee;
}
.service-list-box-item:nth-child(4n) {
	background: #e5e8f2;
}
.service-list-box-item:nth-child(5n+1) {
	background: #fff;
}
.service-list-box-item.wide {
	width: 40%;
}
.service-list-box-item.wide a > div > div:first-child {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
}
.service-list-box-item.wide a > div > div:first-child + div {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	width: 50%;
	box-sizing: border-box;
	padding: 0 30px 0 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service-list-box-item a {
	position: relative;
	display: block;
	border: 0;
	width: 100%;
	height: 0;
	padding: 0 0 100%;
}
.noTouch .service-list-box-item a:hover {
	color: #fff;
	background: #233f92;
}
.service-list-box-item a:hover svg path {
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .service-list-box-item a:hover svg path {
	fill: #fff;
}
.service-list-box-item.small a, .service-list-box-item.wide a {
	padding: 0 0 50%;
}
.service-list-box-item a > div {
	position: absolute;
	width: 100%;
	height: 100%;
}
.service-list-box-item a > div > div:first-child {
	height: 80%;
	width: 100%;
	position: absolute;
}
.service-list-box-item a > div > div:first-child div {
	position: relative;
	height: 100%;
	width: 100%;
}
.service-list-box-item a > div > div:first-child div svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.service-list-box-item a > div > div:first-child + div {
	font-size: 20px;
	font-weight: 700;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	padding: 0 40px 30px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.service-list-box-item a.more {
	color: #fff;
	background: #233f92;
	white-space: nowrap;
}
.service-list-box-item a.more svg path {
	fill: #fff;
}
.service-list-box-item a.more div {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	font-size: 30px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.service-list-box-item a.more svg {
	width: 32px;
	height: 32px;
	margin: 0 0 0 20px;
}
.noTouch .service-list-box-item a.more:hover {
	color: #000;
	background: #fdc73c;
}
.noTouch .service-list-box-item a.more:hover svg path {
	fill: #000;
}
.service-list-box-item.small a > div > div:first-child + div {
	position: absolute;
	left: 0;
	top: 30px;
}
.service-list-box-item a > span {
	position: absolute;
	display: none;
	left: 40px;
	bottom: 30px;
}
.service-list-box-item.small a > span {
	display: block;
}
.sub-menu-box {
	margin: 0 435px 0 340px;
	white-space: nowrap;
	height: 60px;
	overflow: hidden;
}
.sub-menu-box.wide {
	margin: 0 50px 0 340px;
}
.sub-menu-box > div {
	width: 100%;
	overflow-x: auto;
	height: 100px;
	box-sizing: border-box;
}
.sub-menu-box a {
	color:  #fff;
	font-size: 18px;
	display: inline-block;
	padding: 16px 0 19px;
	margin: 0 40px 0 0;
	border: 0;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
}
.sub-menu-box a.current {
	color:  #fdc73c;
	font-weight: 700;
}
.noTouch .sub-menu-box a:hover {
	color:  #fdc73c;
}
.service-form-box {
	position: absolute;
	width: 385px;
	right: 0;
	top: 0;
}
.service-form-popup {
	position: absolute;
	top: -99999px;
	right: 0;
	padding: 40px 50px 30px;
	background: #edf0f6;
	border-radius: 5px;
	box-shadow: 0 10px 40px rgba(35,63,146,.3);
	width: 385px;
	box-sizing: border-box;
	text-align: left;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	z-index: 4;
}
.service-form-popup.opened {
	top: 70px;
	right: 20px;
	opacity: 1;
}
.service-form-popup .close {
	right: 20px;
	top: 20px;
}
.service-form-btn {
	height: 60px;
	border-radius: 0;
	padding: 19px 0 0;
	color: #000;
	background: #fdc73c;
	font-weight: 700;
}
.service-form-btn.opened {
	color: #fdc73c;
	background: #000;
}
.service-promo-img {
	width: 100%;
	height: 48vh;
	position: relative;
}
.service-promo-img:before {
	position: absolute;
	z-index: 1;
	content: '';
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.service-promo-img > div {
	position: absolute;
	left: 50%;
	bottom: 60px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
}
.service-promo-img span {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 60px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 100%;
	position: relative;
}
.service-promo-img span:before {
	position: absolute;
	left: 0;
	bottom: -60px;
	content: '';
	border-style: solid;
	border-width: 12px;
	border-color: transparent transparent #000 transparent;
}
.service-promo-img:last-child span:before {
	border-color: transparent transparent #f6f7fb transparent;
}
.service-promo-text {
	padding: 50px 0 30px;
	background: #000;
	color: #fff;
}
.service-promo-text .btn {
	background: #fdc73c;
	color: #000;
}
.noTouch .service-promo-text .btn:hover {
	background: #233f92;
	color: #fff;
}
.service-promo-text .promo-carousel-prev, .service-promo-text .promo-carousel-next {
	display: inline-block;
	border: 0;
	margin: 0 0 0 40px;
	color: #fdc73c;
}
.service-promo-text .promo-carousel-prev svg path, .service-promo-text .promo-carousel-next svg path {
	fill: currentColor;
}
.line {
	padding: 0 0 100px;
}
.content {
	padding: 40px 0 60px;
	background: #fff;
}
.line .container_12 {
	max-width: 1320px;
}
.line div[class*=grid] {
	padding: 0 20px;
}
.line div[class*=grid].no-padd {
	padding: 0;
}
.content-img-box {
	position: absolute;
	height: 100%;
	top: 0;
	z-index: 1;
}
.content-img-box ~ div {
	position: relative;
	z-index: 2;
}
.content-img-box.left {
	left: 0;
}
.content-img-box.right {
	right: 0;
}
.content-img-box div {
	position: absolute;
	width: 130%;
	height: 100%;
	min-width: 1000px;
}
.content-img-box.left div {
	right: 20px;
}
.content-img-box.right div {
	left: 20px;
}
.content-img-box.overlay div:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.content-img-box span {
	position: absolute;
	color: #999;
	right: 80px;
	bottom: -30px;
}
.content-img-box.right span {
	left: 80px;
	right: auto;
}
.factoid {
	color: #233f92;
}
.factoid.white {
	color: #fff;
}
.factoid .h1 {
	font-size: 70px;
	margin: 0;
}
.partners-carousel-box {
	position: relative;
}
.partners-carousel-prev, .partners-carousel-next {
	display: inline-block;
	border: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.partners-carousel-prev svg path, .partners-carousel-next svg path {
	fill: currentColor;
}
.partners-carousel-prev {
	left: -5%;
}
.partners-carousel-next {
	right: -5%;
}
.partner-box {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 100%;
}
.partner-box img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.gallery-box {
	position: relative;
	overflow: hidden;
}
.gallery-box > div {
	position: absolute;
	left: -99999px;
	top: -99999px;
}
.gallery-box > div:after {
	content: '';
	clear: both;
	width: 100%;
	height: 0;
	display: block;
}
.gallery-box > div.active {
	position: relative;
	left: 0;
	top: 0;
}
.gallery-box > div:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.gallery-box > div img {
	width: 100%;
	height: auto;
}
.gallery-box .zoom-gallery-btn {
	position: absolute;
	left: 40px;
	bottom: 30px;
	border: 0;
	color: #fff;
}
.noTouch .gallery-box .zoom-gallery-btn:hover {
	color: #fdc73c;
}
.gallery-box .zoom-gallery-btn svg path {
	fill: currentColor;
}
.gallery-box iframe {
	width: 100%;
	height: 600px;
	float: left;
	position: relative;
}
.gallery-box iframe + .zoom-gallery-btn {
	display: none;
}
.gallery-thumb-box.webcams {
	margin: 0 0 30px;
}
.gallery-thumb-box a {
	border: 0;
	display: inline-block;
	position: relative;
}
.noTouch .gallery-thumb-box a:hover {
	-webkit-transform: scale(.95,.95);
	transform: scale(.95,.95);
}
.gallery-thumb-box a.active:before {
	position: absolute;
	width: 100%;
	height: 100%;
	content: '';
	left: 0;
	top: 0;
	background: rgba(0,0,0,.8);
	box-shadow: inset 0 0 0 10px #fdc73c;
}
.play-btn {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background: #233f92;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.play-btn {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background: #233f92;
	border-radius: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.gallery-thumb-box .play-btn {
	display: none;
}
.gallery-thumb-box a[href*=youtube] .play-btn {
	display: block;
}
.play-btn svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0 0 0 2px;
}
.gallery-box .play-btn {
	-webkit-transform: translate(-50%,-50%) scale(2,2);
	transform: translate(-50%,-50%) scale(2,2);
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .gallery-box .play-btn:hover {
	-webkit-transform: translate(-50%,-50%) scale(1.8,1.8);
	transform: translate(-50%,-50%) scale(1.8,1.8);
}
.gallery-thumb-box a.gallery-all-img > span {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(35,63,146,.8);
	color: #fff;
	font-size: 40px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	line-height: 100%;
}
.gallery-thumb-box a.gallery-all-img > span span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: -2px 0 0;
}
.gallery-thumb-box .cam-link {
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 100%;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gallery-thumb-box .cam-link svg {
	position: absolute;
	left: 0;
	top: 4px;
}
.gallery-thumb-box .cam-link svg path {
	fill: currentColor;
}
.gallery-popup {
	position: fixed;
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	left: -99999px;
	top: -99999px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.gallery-popup .close {
	position: absolute;
	top: 20px;
	right: 20px;
}
.gallery-popup.opened {
	left: 0;
	top: 0;
	z-index: 9999999;
	opacity: 1;
}
.gallery-popup > div {
	position: absolute;
	left: 60px;
	right: 60px;
	top: 60px;
	bottom: 60px;
}
.gallery-carousel, .gallery-carousel .slick-slide {
	height: 100%;
}
.gallery-carousel img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
.gallery-carousel iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 80%;
	height: 80%;
}
.gallery-carousel .slick-prev, .gallery-carousel .slick-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gallery-carousel .slick-prev {
	left: -40px;
	right: auto;
}
.gallery-carousel .slick-next {
	right: -40px;
}
.service-map-box {
	width: 100%;
	height: 600px;
	position: relative;
}
.service-map {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.service-contacts-box {
	box-sizing: border-box;
	padding: 50px 50px 10px !important;
	position: absolute;
	right: 20px;
	top: 300px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	color: #fff;
	background: #000;
}
.map-contacts-icon-box {
	padding: 0 0 40px 100px;
	position: relative;
}
.map-contacts-icon-box svg {
	position: absolute;
	left: 0;
	top: -5px;
}
.img-popup-btn {
	display: inline-block;
	border: 0;
	box-shadow: 0 10px 30px rgba(35,63,146,.1);
	margin: 0 0 40px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .img-popup-btn:hover {
	box-shadow: 0 5px 10px rgba(35,63,146,.2);
	-webkit-transform: scale(.98,.98);
	transform: scale(.98,.98);
}
.service-list-tabs {
	position: relative;
}
.bg-column {
	position: fixed;
	top: 0;
	right: 0;
	left: 710px;
	height: 100vh;
	z-index: -1;
}
.service-list-tab {
	width: 300px;
	padding: 40px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	border: 0;
}
.noTouch .service-list-tab:hover {
	background: #f5f5f5;
}
.service-list-tab.active {
	background: #edf0f6;
}
.service-list-tab svg {
	margin: 0 0 20px;
}
.service-list-tab .h4 {
	font-size: 16px;
	font-weight: 700;
}
.service-list-content {
	position: absolute;
	left: -99999px;
	top: -99999px;
	height: 100%;
	width: 410px;
	box-sizing: border-box;
	background: #edf0f6;
}
.service-list-content > div {
	padding: 40px;
}
.service-list-content.opened {
	position: absolute;
	left: 300px;
	top: 0;
}
.service-detail-link {
	display: block;
	border-bottom: 1px solid #d9d9d9;
	padding: 20px 0;
}
.noTouch .service-detail-link {
	border-bottom: 1px solid #d9d9d9;
}
.service-detail-link:last-child {
	border-bottom: 0;
}
.service-details-box.clicked {
	z-index: 3;
}
.service-details-box .left-menu {
	float: none;
	display: inline-block;
	vertical-align: top;
}
.service-details {
	width: calc(100% - 340px);
	max-width: 1300px;
	padding: 40px 50px 40px 0;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
}
.service-expand-list-title {
	position: relative;
	padding: 20px 40px;
	border-bottom: 1px solid #d9d9d9;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.service-expand-list-title.opened {
	background: #f5f5f5;
}
.service-expand-list-title > span {
	cursor: pointer;
	color: #233f92;
	margin: 0 43% 0 0;
	display: inline-block;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .service-expand-list-title > span:hover {
	color: #999;
}
.service-expand-list-title.opened > span {
	color: #000;
	font-weight: 700;
}
.service-expand-list-title > svg {
	position: absolute;
	left: 15px;
	top: 50%;
	margin: -3px 0 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.service-expand-list-title.opened > svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.service-expand-list-price {
	position: absolute;
	right: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.service-request-box {
	position: absolute;
	left: 58.333%;
	top: -99999px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}
.service-expand-list-title.opened .service-request-box {
	opacity: 1;
	top: 50%;
}
.service-request-box .service-form-popup.opened {
    top: 50px;
    right: 0;
}
.service-expand-list-content {
	padding: 0 40px;
	background: #f5f5f5;
	max-height: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	opacity: 0;
	overflow: hidden;
}
.service-expand-list-content.opened {
	padding: 40px;
	max-height: 3000px;
	opacity: 1;
	border-bottom: 1px solid #d9d9d9;
}
.promo-link-box {
	display: block;
	border: 0;
	color: #fff;
	margin: 0 0 40px;
	overflow: hidden;
}
.noTouch .promo-link-box:hover {
	color: #fff;
}
.promo-link-img {
	display: block;
	width: 100%;
	height: 0;
	padding: 0 0 75%;
}
.promo-link-text {
	display: block;
	position: relative;
	background: #000;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .promo-link-box:hover .promo-link-text {
	background: #233f92;
}
.promo-link-text > span {
	display: block;
	background: #000;
	padding: 30px 40px;
	-webkit-transition: background .3s;
	transition: background .3s;
	box-sizing: border-box;
	left: 0;
	top: 0;
	position: absolute;
}
.promo-link-text > span:before {
	display: block;
	content: '';
	position: absolute;
	left: 40px;
	border-width: 0 10px 10px 10px;
	border-style: solid;
	border-color: transparent transparent #000 transparent;
	top: -9px;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .promo-link-box:hover .promo-link-text > span {
	background: #233f92;
	top: auto;
	bottom: 0;
}
.noTouch .promo-link-box:hover .promo-link-text > span:before {
	border-color: transparent transparent #233f92 transparent;
}
.promo-link-date {
	color: #fdc73c;
}
.promo-link-description {
	display: block;
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .promo-link-box:hover .promo-link-description {
	max-height: 300px;
	opacity: 1;
	margin: 0 0 10px;
}
.promo-details-box {
	position: relative;
}
.webcams-carousel {
	margin: 0 0 30px;
}
.webcams-carousel .slick-prev {
	top: auto;
	bottom: -30px;
	right: auto;
	left: 20px;
}
.webcams-carousel .slick-next {
	top: auto;
	bottom: -30px;
	right: auto;
	left: 80px;
}
.company-top-box {
	position: relative;
	width: 100%;
	height: 48vh;
	margin: 0 0 60px;
}
.company-top-box .col-left {
	position: absolute;
	right: 50%;
	left: -80px;
	height: 100%;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	overflow: hidden;
}
.company-top-box .col-right {
	position: absolute;
	left: 50%;
	right: -80px;
	height: 100%;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	overflow: hidden;
}
.company-top-box .col-left div, .company-top-box .col-right div {
	position: absolute;
	height: 100%;
	left: -80px;
	right: -80px;
	-webkit-transform: skewX(10deg);
	transform: skewX(10deg);
}
.company-top-box .col-left div:before, .company-top-box .col-right div:before {
	position: absolute;
	content: '';
	height: 50%;
	width: 100%;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.page-title {
	display: block;
	position: absolute;
	left: 20px;
	top: 30px;
	font-size: 60px;
	font-weight: 700;
	color: #fff;
}
.address {
	position: absolute;
	top: 48vh;
	color: #fff;
	display: block;
	margin: -80px 0 0;
}
.address svg {
	display: inline-block;
	margin: -4px 20px 0 0;
}
.address {
	left: 20px;
}
.right .address {
	left: auto;
	right: 20px;
}
.dotted-line:before {
    width: 0;
    white-space: nowrap;
    content: "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "...................." "....................";
	color: #999;
	font-size: 12px;
	display: inline-block;
	margin: 0 -1px 0 0;
}
.download-link {
	position: relative;
	padding: 20px 0 60px 60px;
}
.download-link svg {
	position: absolute;
	left: 0;
	top: 20px;
}
.bordered-box {
	padding: 40px 50px 30px;
	border: 2px solid #f2f2f2;
	border-radius: 5px;
	margin: 0 0 30px;
}
.virtual-tour {
	position: relative;
	height: 50vh;
	color: #fff;
}
.virtual-tour a {
	color: #fdc73c;
	border-color: #fdc73c;
}
.virtual-tour:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 200px;
	background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	display: block;
	top: 0;
}
.virtual-tour-box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}
.virtual-tour-box + div {
	z-index: 2;
}
.not-found header {
    background: none;
	border: 0;
}
.not-found .phone-box .phone {
    color: #fff;
}
.not-found .logo {
    width: auto;
}
.not-found .logo span {
    color: #fff;
}
.not-found .phone-box {
	display: block;
    position: absolute;
	right: 20px;
	max-width: 437px !important;
}
.not-found .phone-box > .title {
    color: #fff;
	text-align: left;
}
.not-found header .recall-btn {
    margin: 0 0 0 20px !important;
}
.not-found footer:before {
    display: none;
}
.not-found .copyrights {
    color: #fff;
	opacity: .5;
	background: none;
}
.not-found .copyrights a {
    color: #fff;
	border-color: rgba(255,255,255,.3);
}
.not-found .copyrights a svg path {
    fill: #fff;
}
.not-found-text {
	color: #fff;
	padding: 0 0 40px;
}
.not-found-text a {
    color: #fff;
	border-color: rgba(255,255,255,.3);
}
.noTouch .not-found-text a:hover {
	border-color: rgba(255,255,255,.1);
}
.error-text {
	font-weight: 700;
	font-size: 200px;
}
.contacts-map-box {
	position: relative;
	border-top: 10px solid #233f92;
	height: 800px;
	overflow: hidden;
}
.contacts-map-box .service-map ymaps[class*=controls-pane]:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 20px;
	top: -20px;
	box-shadow: 0 0 200px 200px rgba(255,255,255,.8);
	z-index: 0;
}
.contacts-box {
	position: absolute;
    left: 20px;
    top: 360px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.contacts-box > div {
    padding: 0 !important;
    background: #fff;
	box-shadow: 0 10px 40px rgba(35,64,146,.15);
}
.contacts-box .map-contacts-icon-box {
	padding: 30px 40px 25px 140px;
	background: #233f92;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.2);
}
.contacts-box .map-contacts-icon-box.opened {
	background: #fff;
	color: #000;
}
.contacts-box .map-contacts-icon-box a {
	color: #fdc73c;
	border-color: #fdc73c;
}
.contacts-box .map-contacts-icon-box.opened a {
	color: #233f92;
	border-color: #233f92;
}
.contacts-box .map-contacts-icon-box svg {
	left: 40px;
	top: 30px;
}
.map-contacts-icon-box .title {
	margin: 0;
}
.map-contacts-icon-box .contacts-box-expand-btn ~ span {
	max-height: 0;
	overflow: hidden;
	display: block;
	margin: 0;
}
.map-contacts-icon-box.opened .contacts-box-expand-btn ~ span {
	max-height: 100px;
}
.map-contacts-icon-box.opened .title {
	margin: 0 0 20px;
}
.contacts-box .map-contacts-icon-box.opened .action {
	color: #000;
	border-color: transparent;
}
.map-contacts-icon-box:last-child {
	border: 0;
}
.support-box {
	padding: 40px 0 20px;
}
.support-icon-box {
	position: relative;
	padding: 0 0 0 60px;
}
.support-icon-box svg {
	position: absolute;
	left: 0;
}
.sticky .sub-menu {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}
#findByVIN,
#findByFrame {
	font-size: inherit;
}
.ui-helper-hidden-accessible {
	display: none;
}
.mobile-menu {
	padding: 40px 0;
}
.mobile-menu a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2E2C2D;
}
/* .mobile-menu * {
	font-size: 16px;
} */
.mobile-menu div {
	margin: 0 0 20px;
}

.search-parts-box {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 8px 5px;
	background: #f2f2f2;
}
.search-parts-box > div {
	margin: 0 0 10px;
}
.search-parts-box > .h3 {
	display: flex;
	justify-content: space-between;
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
}
.search-parts-box .btn {
	background: linear-gradient(85.73deg, #5D55CF 44.8%, #555ACF 114.63%);
	border-radius: 6px;
	font-family: 'Gotham Pro';
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 25px;
}
.search-parts-box .btn.bordered {
	background: #F7F6FF;
	color: #2E2C2D;
	border-radius: 6px;
	border: 0;
}
.search-parts-box .btn:hover {
	color: #5D55CF;
}
.mobile-search-btn {
	position: absolute;
	top: 17px;
	left: 60px;
	border: 0;
}
.index .mobile-search-btn {
	display: none;
}
.select-car-box, .select-partner-box {
	padding: 50px;
	background: #f2f2f2;
	margin: 0 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.select-car-box > div {
	width: 48%;
	margin: 0 0 30px;
}
.select-model-box {
	padding: 50px;
	background: #f2f2f2;
	margin: 0 0 50px;
	-webkit-columns: 3;
	-moz-columns: 3;
	columns: 3;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
	-webkit-column-fill: balance;
	-moz-column-fill: balance;
	column-fill: balance;
}
.select-model-box > div {
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	display: inline-block;
	width: 100%;
	margin: 0 0 30px;
}
.select-model-box p, .select-model-box .title {
	margin: 0 0 10px;
}
.parts-accordion {
	padding: 20px 30px;
	border-bottom: 1px solid #d6d6d6;
	cursor: pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #233f92;
}
.parts-accordion div {
	font-size: 25px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-weight: 700;
}
.noTouch .parts-accordion:hover {
	color: #999;
}
.parts-accordion.opened {
	border-color: transparent;
	background: #fafafa;
	color: #000;
}
.parts-accordion svg {
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.parts-accordion.opened svg {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.parts-accordion-content {
	display: none;
	padding: 10px 30px 0;
	border-bottom: 1px solid #d6d6d6;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}
.opened + .parts-accordion-content {
	background: #fafafa;
}
.parts-accordion-content > div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.parts-accordion-content > div:after {
	content: "";
	width: 30%;
}
.parts-accordion-content > div > div {
	width: 30%;
}
.parts-menu-title {
	font-size: 20px;
	font-family: "DINPro", Gotham, Helvetica Neue, Helvetica, Arial," sans-serif";
	font-weight: 700;
	margin: 0 0 10px;
}
.parts-menu-title svg {
	display: none;
}
.parts-menu-content {
	margin: 0 0 30px;
}
.parts-menu-overflow {
	overflow: hidden;
}
.parts-menu-overflow a {
	display: block;
	border: 0;
	margin: 0 0 10px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.parts-menu-overflow a:nth-child(5) ~ a {
	max-height: 0;
	opacity: 0;
	margin: 0;
}
.parts-menu-overflow.opened a:nth-child(5) ~ a {
	max-height: 100px;
	opacity: 1;
	margin: 0 0 10px;
}
.parts-menu-overflow-btn {
	display: none;
}
.parts-menu-overflow-btn span {
	display: inline-block;
	padding: 0 10px 0;
	height: 30px;
	line-height: 29px;
	border: 1px solid #d9d9d9;
	border-radius: 5px;
	color: #233f92;
	cursor: pointer;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.noTouch .parts-menu-overflow-btn span:hover {
	border: 1px solid #233f92;
	background: #233f92;
	color: #fff;
}
.parts-menu-overflow-btn span:before {
	content: attr(data-more);
}
.parts-menu-overflow-btn.opened span:before {
	content: attr(data-less);
}
.applicability-table {
	width: 100%;
}
.filter-popup {
    width: 100%;
    top: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    left: -100%;
    background: #F7F6FF;
    border-right: 1px solid #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
    bottom: 0;
    z-index: 1;
}
.filter-popup.opened {
    left: 0;
    opacity: 1;
}
.filter-popup .close {
	position: absolute;
	top: 20px;
	right: 20px;
}
.sort-popup .sorting-box-popup {
    position: static;
    border-radius: 0;
    padding: 0;
    width: 100%;
    height: auto;
    background: none;
    opacity: 1;
    box-shadow: none;
}
.icon-btns-box {
	display: flex;
	justify-content: space-between;
	padding: 10px 0;
	margin-top: 10px;
	font-weight: 500;
}
.icon-btns-box a {
	display: flex;
	align-items: center;
	border: 0;
}
.icon-btns-box a div {
	margin: 0 10px 0 0;
}
.catalog-box.search-results {
	background: #fff;
}
/* .search-results-box {
	padding: 50px;
} */
.search-results-box > div {
	/* margin: 0 0 20px; */
	margin-bottom: 20px;
}
.search-results-box > div:first-child {
	margin: 0;
}
/*.search-results .left-menu + .catalog-content-box .catalog-item-price {*/
/*	width: 180px;*/
/*	text-align: right;*/
/*	float: right;*/
/*	position: static;*/
/*}*/
/*.search-results .left-menu + .catalog-content-box .catalog-item-title, .search-results .left-menu + .catalog-content-box .catalog-item-info {*/
/*	width: calc(100% - 180px);*/
/*	padding: 0;*/
/*}*/
/*.search-results .left-menu + .catalog-content-box .catalog-item-price .btn {*/
/*	bottom: 0;*/
/*	top: auto;*/
/*	right: 0;*/
/*	left: auto;*/
/*}*/
/*.search-results .left-menu + .catalog-content-box .catalog-item-title .title {*/
/*	margin: 0 0 20px;*/
/*}*/
/* .search-results .model-modification-btn-clear {
    margin-bottom: 20px;
} */
/* .all-categories-box .modification-box {
	text-transform: none;
	padding: 60px 50px 30px;
    margin: 0 -50px;
} */
.expand-child-content .modification-box {
	padding: 20px 40px 30px;
}
.all-page-popup {
	z-index: 999999 !important;
	top: 0 !important;
	right: auto;
	left: 0;
	max-width: 500px;
	pointer-events: none;
}
.all-page-popup.opened {
	pointer-events: auto;
}
/* .all-page-popup .modification-info {
	padding: 0 0 60px !important;
} */
.all-page-popup .modification-info .check-btn {
	right: auto;
    top: auto;
    left: 0;
    bottom: 20px;
}
.all-page-popup .close {
	right: 40px;
    top: 30px
}
.all-categories-box .right-filter {
	text-transform: none;
	position: fixed;
    top: 0;
    left: -99999px;
    width: 100%;
    max-width: 500px;
	/* height: 100vh; */
	height: 100%;
    overflow: auto;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out,  left .3s .3s ease-in-out;
	transition: opacity .3s ease-in-out, left .3s .3s ease-in-out;
}

.all-categories-box.opened .right-filter.opened {
	left: 0;
	opacity: 1;
	pointer-events: auto;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}
.all-categories .h3 + div {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.all-categories .bordered {
	box-shadow: none;
	background: none;
	border-color: transparent;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.noTouch .all-categories .bordered:hover {
	box-shadow: none;
	background: none;
	border-color: transparent;
	color: #000;
}
/* .row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.row > div {
	flex: 0 0 auto;
} */

.loading-spinner {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 3px solid rgba(0,0,0,.3);
	border-radius: 50%;
	border-top-color: #000;
	animation: spin 1s ease-in-out infinite;
	-webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	to { -webkit-transform: rotate(360deg); }
}

.all-categories-box .loading-spinner, .all-page-popup .loading-spinner {
	display: block;
	margin: 30px auto;
}

/* .partner-header {
	display: flex;
	justify-content: space-between;
} */
.partner-header__logo {
	max-height: 150px;
	width: auto;
}

.partner-about {
}
.partner-about__title {
	font-weight: 700;
}

.partner-gallery {
}

.partner-virtual {
	display: flex;
	flex-direction: row-reverse;
	height: 50px;
}
.partner-virtual__link {
	display: flex;
}
.partner-virtual__link div {
	width: 20%;
	padding-bottom: 10%;
}

.partner-requisites {
	width: 50%;
}

.partner-callback {
	width: 50%;
}

.partner-offer {
	display: flex;
	justify-content: space-between;
}

.partner-offer__logo {
	width: 100px;
}

.hidden {
	display: none;
}

.overlay {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	transition: .3s all;
}

.modal {
	opacity: 0;
	visibility: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1001;
	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 600px;
	box-shadow: 0 3px 10px -.5px rgba(0, 0, 0, .2);
	text-align: center;
	padding: 30px;
	border-radius: 3px;
	background-color: #fff;
	transition: 0.3s all;
}

.visible {
	opacity: 1;
	visibility: visible;
}

#partner-contacts-info {
	margin-left: 20px;
}
#partner-contacts-info td {
	border-bottom: none;
	padding: 20px 20px 5px 0;
}

.right-menu-form {
	overflow-x: hidden;
}