/* Базовые стили */
@import url(style-basis.css);
@import url(style-grid.css);
/* ----------------------------------------------
	7.3 Pagination
----------------------------------------------- */

.dws-pagination a,
.dws-pagination span {
	font-family: 'RobotoRegular', sans-serif;
	display: inline-block;
	font-size: 14px;
	width: 35px;
	height: 35px;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 7px;
}
.dws-pagination a {
	border-radius: 3px 3px 3px 3px;
	border: 1px solid #f3f3f3;
	background: #f3f3f3;
}
.dws-pagination a.active,
.dws-pagination a:hover {
	color: #ffffff;
	border: 1px solid #707474;
	background: #707474;
}
/* ----------------------------------------------
		HEADER
	  2.1 Header
----------------------------------------------- */
html {
	height: 100%;
}
body {
	display: flex;
	flex-direction: column;
	height: 100%;
}
.wrapper {
	flex: 1 0 auto;
}
#footer {
	flex: 0 0 auto;
}
.container-fluid,
.dws-container {
	max-width: 1200px;
	min-width: 300px;
}
.dws-container {
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
}
/* ----------------------------------------------
	2.2 Header top Style
----------------------------------------------- */

.header-top-wrapper {
	border-bottom: 2px solid #f1f1f1;
}
.header-wrapp {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.header-top {
	margin-top: 10px;
	padding-bottom: 5px;
}
.ht-left p, .ht-center p, .ht-right p {
	position: relative;
	padding-left: 30px;
}
.ht-left {
	margin-left: 204px;
}
.ht-left a {
	text-decoration: underline;
}
.header-top i {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
}
i.icon-map {
	font-size: 19px;
}
i.cart {
	font-size: 20px;
}
i.icon-personal {
	font-size: 22px;
	top: -2px;
}
.ht-center {
	margin-left: 125px;
}
.ht-center span {
	color: #ff0002;
}
/* Дополнение */
.header-top {
	display: flex;
	justify-content: space-between;
}
/* ----------------------------------------------
	2.3 Header center Style
----------------------------------------------- */

.header-center {
	margin-top: 25px;
}
.wrapp-logo {
	width: 175px;
	height: 52px;
}
.hc-logo {
	display: inline-block;
}
.wrapp-search {
	flex-grow: 1;
}
form.search {
	margin-top: 7px;
	padding-right: 7px;
	position: relative;
	margin-left: 30px;
}
input.form-search {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 14px;
	color: #393f3f;
	width: 100%;
	padding: 7px 50px 8px 15px;
	border-radius: 5px 5px 5px 5px;
	border: 1px solid #a9a9a9;
	outline: none;
}
::-webkit-input-placeholder {
	color: #babbbb;
}
::-moz-placeholder {
	color: #babbbb;
}
/* Firefox 19+ */
:-moz-placeholder {
	color: #babbbb;
}
/* Firefox 18- */
:-ms-input-placeholder {
	color: #babbbb;
}
.submit {
	position: absolute;
	width: 33px;
	height: 31px;
	background: #ff0002;
	outline: none;
	cursor: pointer;
	right: 10px;
	border: 1px solid #ff0002;
	border-radius: 3px 3px 3px 3px;
	top: 3px;
}
.submit::before {
	content: '\f002';
	font-family: FontAwesome;
	color: #f0f0f0;
	font-size: 16px;
	font-weight: normal;
}
.contact-email {
	margin: auto;
	flex-grow: 1;
}
.contact-email .ce-wrapper {
	margin-right: -35px;
	margin-left: 70px;
}
.ce-wrapper {
	padding-left: 30px;
	line-height: 20px;
	margin-left: 20px;
}
.icon-mail {
	position: absolute;
	font-size: 18px;
	top: 4px;
	left: -30px;
}
.ce-wrapper a:hover {
	color: #393F3F;
}
.ce-wrapper span {
	position: relative;
	font-size: 12px;
}
.ce-wrapper div {
	position: relative;
	display: inline-block;
}
.cp-wrapper a {
	position: relative;
	display: inline-block;
	font-size: 22px;
	padding-left: 27px;
}
.cp-wrapper a:hover {
	color: #393F3F;
}
.cp-wrapper a:first-child:before {
	content: '\e902';
	font-family: icom-dws;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 22px;
}
.cp-wrapper span.clock {
	font-size: 12px;
	position: relative;
	padding-left: 27px;
}
i.ic-clock {
	position: absolute;
	background: url("../img/clock.png");
	width: 12px;
	height: 12px;
	top: 1px;
	left: 10px;
}
/* ----------------------------------------------
		NAV
     3.1 Nav top
----------------------------------------------- */

.nav-top-wrapper {
	margin-top: 25px;
	height: 35px;
	background: #f0f0f0;
}
ul.nav-top {
	margin-top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-top li.catalog_menu {
	margin-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-left: -13px;
}
.nav-top li.vin-nomer {
	position: relative;
	border: 1px solid #ff0002;
	margin-top: -2px;
	border-radius: 2px 2px 2px 2px;
}
.nav-top li.vin-nomer a::before {
	position: absolute;
	content: '\f02a';
	font-family: FontAwesome;
	color: #ff0002;
	font-size: 20px;
	left: 10px;
	top: 0;
}
.nav-top > li > a {
	font-family: 'Arial', sans-serif;
	position: relative;
	display: block;
	padding: 7px 5px;
}
.nav-top li.vin-nomer a {
	color: #ff0002;
	padding: 2px 18px 2px 42px;
}
.nav-top > li:not(.catalog_menu) > a:hover::after,
.nav-top > li:not(.catalog_menu) > a.active::after {
	content: '';
	background: #ff0002;
	display: block;
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0;
	left: 0;
	z-index: 100;
}
.nav-top li.vin-nomer:hover a::before {
	color: #ffffff;
}
.nav-top li.vin-nomer:hover a {
	color: #ffffff;
	background: #ff3335;
}
.nav-top li.vin-nomer a:hover::after {
	display: none;
}
.nav-top .catalog_menu.active > a::after {
	display: none;
}
.nav-top .catalog_menu.active,
.nav-top .catalog_menu.in {
	background: #ffffff;
}
.nav-top .catalog_menu.active > li a {
	color: #ff3335;
}
/* ----------------------------------------------
	3.2 Nav left
----------------------------------------------- */

.nav-left-wrapper {
	margin-top: 22px;
}
/*.nav-left-wrapper .container-fluid {*/
/*	position: relative;*/
/*}*/
.nav-left {
	display: none;
	z-index: 2;
	position: relative;
}
/*.nav-left.active {*/
/*	display: block;*/
/*	z-index: 2;*/
/*	position: absolute;*/
/*	background-color: #ffffff;*/
/*	border-right: 3px solid #ff0002;*/
/*	border-bottom: 1px solid #b8b8b8;*/
/*	border-left: 1px solid #dbdbdb;*/
/*	box-shadow: 0 6px 10px 1px #cfcfcf;*/
/*	padding-top: 20px;*/
/*	padding-bottom: 10px;*/
/*	top: -21px;*/
/*}*/
.nav-left li {
	margin-bottom: 7px;
}
ul.nav-left > li:hover > a,
ul.nav-left > li.active > a {
	color: #ff0002;
}
.nav-left li a {
	position: relative;
	z-index: 10;
}
ul.nav-left > li.active > a::after,
ul.nav-left > li:hover > a::after {
	content: '\f105';
	color: #ff0002;
	position: absolute;
	font-family: FontAwesome;
	font-size: 17px;
	top: -3px;
	right: -15px;
}
.child_wrapp {
	display: none;

	background: #ffffff;
	position: absolute;
	padding-left: 198px;
	margin-top: 71px;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 1060px;
	border-right: 3px solid #ff0002;
	border-bottom: 1px solid #b8b8b8;
	border-left: 1px solid #dbdbdb;
	box-shadow: 0 6px 10px 1px #cfcfcf;
	top: -71px;
	left: 0;
	z-index: 1;
	/*visibility: hidden;
	transition: all 0s;*/
}
li:hover > .child_wrapp,
li.active > .child_wrapp {
	display: block;

	transition: 1s;
	/*visibility: visible;
	transition-delay: 0.4s;*/
}
.cat_menu {
	display: flex;
	min-height: 350px;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	overflow: auto;
}
.cat_menu ul li {
	margin-bottom: 0;
	font-size: 14px;
	margin-left: 20px;
	width: 260px;
}
.cat_menu ul li:first-child {
	margin-left: 7px;
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}
.cat_menu ul li a {
	line-height: 18px;
	display: inline-block;
}
.cat_menu ul li a span {
	padding-left: 8px;
	color: #ff0002;
}
/* ----------------------------------------------
	3.3 Nav banner
----------------------------------------------- */

.banner-left, .banner-right {
	padding: 15px;
	background: #f6f6f6;
	overflow: hidden;
	height: 245px;
}
.banner-left {
	padding: 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.banner-left h3 {
	font-size: 37px;
}
.banner-left h3 span,
.banner-right h4 span {
	font-family: 'RobotoRegular', sans-serif;
}
.banner-right h4 {
	font-size: 24px;
}
.banner-right img {
	margin-left: 80px;
}
/* ----------------------------------------------
	3.4 Nav brands box
----------------------------------------------- */

.bb-box {
	padding-top: 0;
}
.bb-box ul {
	margin-top: 25px;
}
.car-brands li {
	display: flex;
	margin-bottom: 3px;
}
.car-brands li span {
	text-transform: uppercase;
	display: block;
	font-family: 'RobotoRegular', sans-serif;
	width: 15px;
	padding-right: 10px;
}
.car-brands li ul {
	margin-left: 20px;
	margin-top: 0;
	text-transform: capitalize;
}
/* ----------------------------------------------
		HOME
	4.1 Home Tabs
----------------------------------------------- */

.home-tabs {
	margin-top: 20px;
	background: url("../img/home-bg.png") repeat-x #fafafa;
}
.tabs {
	display: flex;
	justify-content: center;
	padding-top: 35px;
}
.tabs li {
	text-align: center;
	font-size: 30px;
	margin-left: 20px;
	margin-right: 40px;
	position: relative;
}
.tabs li.recomend {
	width: auto;
}
.tabs li a {
	color: #9C9F9F;
	display: block;
}
.tabs li a:hover,
.tabs li a.active {
	color: #393F3F;
}
.tabs li a:hover::after,
.tabs li a.active::after {
	content: '';
	position: absolute;
	background: #ff0002;
	width: 100%;
	height: 3px;
	bottom: -10px;
	left: 0;
}
.tabs-wrapper {
	overflow: hidden;
	position: relative;
	margin-top: 15px;
}
.tabs-wrapper .owl-prev,
.tabs-wrapper .owl-next {
	margin: 0 !important;
	width: 15px;
	height: 120px;
	cursor: pointer;
	position: absolute;
	text-indent: -99999px;
	transform: translate(0%, -50%);
	top: 50%;
}
.tabs-wrapper .owl-prev {
	background: url("../img/sprat-arrows.png") 0 -120px no-repeat !important;
	left: -10px;
}
.tabs-wrapper .owl-prev:hover {
	background: url("../img/sprat-arrows.png") 0 0 no-repeat;
}
.tabs-wrapper .owl-next {
	background: url("../img/sprat-arrows.png") -15px -120px no-repeat !important;
	right: -10px;
}
.tabs-wrapper .owl-next:hover {
	background: url("../img/sprat-arrows.png") -15px 0 no-repeat;
}
.tabs_content {
	display: block;
	margin-top: 25px;
	margin-bottom: 55px;
}
.no-tabs {
	margin-top: 34px;
}
.recomend a {
	color: #393f3f;
	font-size: 30px;
	cursor: default;
}
.box-wrapp {
	display: none;
}
.box-wrapp.active {
	display: block;
	justify-content: space-around;
	margin-right: 15px;
	margin-left: 15px;
}
.htw-box {
	display: inline-block;
	width: 255px;
	height: 315px;
	margin: 15px;
	padding: 14px;
	box-shadow: 0 2px 20px 1px #ebebeb;
	background-color: #fff;
}
.htw-box-img {
	width: 225px;
	height: 150px;
	overflow: hidden;
	background-color: #fff;
	margin-bottom: 20px;
}
.htw-box-img img {
	max-height: 450px;
	/*margin-bottom: 20px;*/
}
.ht-wrapp-text {
	height: 115px;
	display: flex;
	flex-wrap: wrap;
}
.htw-box p {
	line-height: 15px;
}
.htw-price {
	margin-top: 10px;
	margin-left: 5px;
	align-self: flex-end;
}
.htw-price span:first-child,
.htw-price span {
	font-size: 20px;
	font-family: 'RobotoMedium', sans-serif;
}
.new_price {
	font-size: 20px;
	font-weight: bold;
	color: #ff0002;
	margin-right: 10px;
}

.new_price b,
.htw-price span b {
	font-size: 15px;
}
.htw-price .old_price {
	text-decoration: line-through;
	font-family: 'RobotoRegular', sans-serif;
	color: #9c9f9f;
	font-size: 15px;
}
.htw-bottom {
	margin-top: 20px;
	margin-bottom: 5px;
	align-self: flex-end;
}
a.b-cart {
	color: #393f3f;
	position: relative;
	border: 1px solid #c6c6c6;
	border-radius: 3px 3px 3px 3px;
	padding: 9px 18px 9px 42px;
	margin-right: 10px;
}
a.b-cart::before {
	position: absolute;
	content: '\e900';
	font-family: icom-dws;
	font-size: 20px;
	line-height: 20px;
	left: 10px;
	top: 9px;
}
a.b-cart:hover {
	color: #000;
	background: #ff3335;
	border: 1px solid #ff0002;
}
a.b-cart.in {
	color: #ffffff;
	background: #ff3335;
	border: 1px solid #ff0002;
}
a.b-learn {
	text-decoration: underline;
}
a.b-learn:hover {
	font-family: 'Arial', sans-serif;
	text-decoration: none;
}
/* ----------------------------------------------
	4.2 Brands Logo
----------------------------------------------- */

.hbl-wrapper {
	margin-top: 42px;
}
.hbl-wrapper h3 {
	text-align: center;
	font-size: 30px;
}
.hbl-wrapper ul {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
}
.hbl-wrapper img {
	opacity: 0.6;
	filter: grayscale(1);
}
.hbl-wrapper a:hover img {
	opacity: 1;
	filter: grayscale(0);
}
.hbl-wrapper p {
	margin-top: 42px;
	text-align: center;
}
.dws-button {
	text-align: center;
	margin-top: 45px;
}
.dws-button a {
	font-family: 'RobotoRegular', sans-serif;
	display: inline-block;
	width: 220px;
	padding: 7px 20px;
	border: 1px solid #ff3335;
	color: #ff0002;
	border-radius: 3px 3px 3px 3px;
}
.dws-button a:hover {
	color: #ffffff;
	background: #ff3335;
}
.dws-button.hna {
	text-align: left;
	margin-top: 0;
}
.dws-button.hna a {
	width: 160px;
	text-align: center;
}
/* ----------------------------------------------
	4.3 About Company
----------------------------------------------- */

.home-about-company {
	margin-top: 60px;
	background: #fafafa;
}
.hac-wrapper {
	display: flex;
}
.ac-img, .ac-text {
	width: 100%;
}
.ac-img {
	margin-right: 15px;
}
.ac-text {
	margin-left: 15px;
}
.ac-text h1 {
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 12px;
}
.ac-text p {
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 20px;
}
.ac-text a {
	color: #ffffff;
	background: #ff3335;
	border-radius: 2px 2px 2px 2px;
	display: inline-block;
	margin-top: 9px;
	padding: 9px 72px;
	font-family: 'RobotoRegular', sans-serif;
}
.ac-text a:hover {
	color: #000;
}
/* ----------------------------------------------
	4.4 Why We
----------------------------------------------- */

.hww-wrapper {
	margin-top: 42px;
}
.hww-wrapper h3 {
	font-size: 30px;
	text-align: center;
}
.hww-box {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	text-align: center;
}
.hww-box li {
	padding-left: 0;
	padding-right: 0;
}
.hww-box li:first-child {
	padding-left: 40px;
}
.hww-box li:last-child {
	padding-right: 40px;
}
.hww-box li p {
	font-size: 16px;
	margin-top: 25px;
	line-height: 20px;
}
.hww-box li p span {
	font-family: 'RobotoMedium', sans-serif;
}
/* ----------------------------------------------
	4.5 News Articles
----------------------------------------------- */

.home-news-articles {
	background: url("../img/home-bg.png") repeat-x #fafafa;
	margin-top: 57px;
	padding-bottom: 57px;
}
.hna-wrapper {
	padding-top: 43px;
}
.hna-wrapper h3 {
	font-size: 30px;
	margin-bottom: 40px;
}
.block {
	display: flex;
	margin-bottom: 28px;
}
.img-wrap {
	width: 250px;
}
.block img {
	/*width: 100%;*/
	width: 163px;
	height: 123px;
}
.hna-text {
	width: 100%;
	margin-left: 30px;
}
.hna-text h4 a {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 15px;
	color: #393f3f;
	text-decoration: none;
}
.hna-text span {
	font-size: 13px;
	color: #9c9f9f;
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
}
.hna-text p {
	font-size: 15px;
	line-height: 18px;
}
.hna-wrapper a.dws-button {
	text-align: center;
	margin-top: -2px;
	width: 160px;
	padding: 7px 10px;
}
/* ----------------------------------------------
		FOOTER
	5.1 Footer Top
----------------------------------------------- */

.container-fluid.footer {
	position: relative;
}
.footer-wrapper {
	background: #333333;
	color: #d6d6d6;
}
.footer-top {
	padding-top: 39px;
	width: 75%;
	display: flex;
	justify-content: space-between;
}
.ft-box h4 {
	font-family: 'RobotoRegular', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: 20px;
}
.ft-box li {
	margin-bottom: 2px;
}
.ft-box li a {
	font-size: 13px;
	color: #d6d6d6;
}
.ft-box li a:hover {
	color: #e40001;
}
.ft-cont {
	position: absolute;
	padding-right: 15px;
	right: 0;
	top: 39px;
}
.contacts {
	display: inline-block;
	position: relative;
}
.contacts .phone {
	position: absolute;
	width: 16px;
	height: 16px;
	left: -30px;
	top: 8px;
}
.contacts .icon-mail {
	position: absolute;
	left: 0;
	top: 70px;
	font-size: 18px;
}
.contacts .ce-wrapper {
	margin-top: 15px;
	margin-left: 0;
	color: #d6d6d6;
}
.contacts .cp-wrapper a,
.contacts .ce-wrapper a {
	color: #d6d6d6;
}
.contacts .clock {
	color: #9c9f9f;
	display: block;
}
.contacts .ic-clock {
	margin-left: 18px;
	margin-top: 1px;
	left: -10px;
}
.ico {
	margin-top: 55px;
	display: flex;
	width: 100%;
	justify-content: flex-end;
}
.ico li a {
	display: block;
	margin-left: 10px;
	border: 1px solid #ffffff;
	border-radius: 50%;
	padding: 5px;
}
.ico li a i {
	line-height: 20px;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	width: 22px;
	height: 22px;
}
.ico li a:hover {
	border: 1px solid #ff3335;
	background: #ff3335;
}
.ico li a:hover i {
	color: #000;
}
/* ----------------------------------------------
	5.2 Footer Bottom
----------------------------------------------- */

.footer-bottom {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 50px;
	padding-bottom: 50px;
}
.footer-bottom p {
	font-size: 13px;
	margin-left: 30px;
}
/* ----------------------------------------------
        MIDDLE
	6.1 Breadcrumbs
----------------------------------------------- */

.middle {
	padding-left: 5px;
	min-height: 450px;
}
.breadcrumbs {
	display: flex;
	flex-flow: wrap;
	font-size: 13px;
	padding-bottom: 5px;
	border-bottom: 1px solid #f0f0f0;
}
.separator {
	position: relative;
	background: url("../img/bredcrumb_arrow.png") 1px 0 no-repeat;
	width: 4px;
	height: 8px;
	display: inline-block;
	margin: 5px 10px;
}
.breadcrumbs .active {
	color: #ff0002;
	font-family: 'RobotoRegular', sans-serif;
}
.breadcrumbs + h1 {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}
/* ----------------------------------------------
	6.2 Middle slider
----------------------------------------------- */

.middle-wrapp {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.slides {
	position: relative;
	display: flex;
	align-items: center;
	border: 1px solid #ffffff;
	overflow: hidden;
	width: 300px;
	height: auto;
}
.slides div.slide {
	height: 100%;
	display: block;
	text-align: center;
	align-items: center;
	border: 1px solid #f0f0f0;
}
.slides div.slide a {
	/*display: inline-block;*/
}
.slides div.slide a:hover::before {
	content: '\f00e';
	font-family: FontAwesome;
	position: absolute;
	color: #000;
	font-size: 20px;
	width: 20px;
	height: 20px;
	bottom: 20px;
	right: 7px;
}
.slides .owl-carousel .owl-item img {
	/*height: 200px;*/
}
.thumbs .owl-dots {
	display: none;
}
.thumbs {
	width: 300px;
	position: relative;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.thumbs img {
	border: 1px solid #f0f0f0;
}
.thumbs div.slide a {
	display: inline-block;
	width: 70px;
	margin-top: 5px;
}
.thumbs div.slide {
	text-align: center;
}
.thumbs .active .slide.current a img,
.thumbs div.slide a:hover img {
	border: 1px solid #ff3335;
}
.thumbs .owl-nav .owl-next,
.thumbs .owl-nav .owl-prev {
	width: 10px;
	height: 80px;
	text-indent: -9999px;
	top: 0;
	left: 0;
	position: absolute;
}
.thumbs .owl-nav .owl-prev {
	background: url("../img/sprat-arrows.png") -30px -140px no-repeat;
	left: 0;
}
.thumbs .owl-nav .owl-next {
	background: url("../img/sprat-arrows.png") -40px -140px no-repeat;
	right: 0;
	left: auto;
}
.thumbs .owl-nav .owl-prev:hover {
	background: url("../img/sprat-arrows.png") -30px -22px no-repeat;
}
.thumbs .owl-nav .owl-next:hover {
	background: url("../img/sprat-arrows.png") -40px -22px no-repeat;
}
.brand-prod {
	font-family: 'RobotoRegular', sans-serif;
	margin-top: 30px;
	text-align: center;
}
/* ----------------------------------------------
	6.3 Middle table 1
----------------------------------------------- */

.middle-table {
	width: 67%;
	margin-left: 20px;
}
table.right_table_one {
	width: 100%;
}
.right_table_one td {
	height: 70px;
	padding-left: 10px;
}
.right_table_one tr td:first-child {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 12px;
	padding-left: 10px;
}
.right_table_one tr td:last-child {
	padding-right: 13px;
}
.right_table_one tr:nth-child(odd) {
	background: #f3f3f3;
}
.price-bloc {
	font-family: 'RobotoMedium', sans-serif;
	font-size: 20px;
	text-align: right;
}
.price-bloc span {
	font-size: 15px;
}
.price-bloc p {
	line-height: 17px;
}
p.opt-price {
	font-family: 'Arial', sans-serif;
	font-size: 12px;
}
p.stock-price {
	color: #ff0002;
}
p.old-price {
	font-family: 'RobotoRegular', sans-serif;
	color: #9c9f9f;
	font-size: 15px;
	text-decoration: line-through;
}
/* ----------------------------------------------
	6.4 ico minus plus
----------------------------------------------- */

.counter_block {
	width: 100px;
	font-size: 0;
	text-align: right;
}
.counter_block a {
	display: inline;
	width: 20px;
	height: 20px;
}
.counter_block a i {
	font-size: 12px;
	color: #707474;
}
.counter_block a i.fa-minus {
	margin-right: 7px;
}
.counter_block a i.fa-plus {
	margin-left: 7px;
}
.counter_block input[type="text"] {
	border: 1px solid #cbcbcb;
	font-size: 16px;
	border-radius: 2px 2px 2px 2px;
	width: 46px;
	padding: 6px;
	text-align: center;
}
.counter_block input:active,
.counter_block input:focus {
	outline: none;
}
.car_button a {
	background: #fff;
	border-radius: 2px 2px 2px 2px;
	padding: 6px 15px;
	display: block;
	text-align: center;
	border: 1px solid #cbcbcb;
	width: 150px;
	float: right;
}
.car_button a:hover {
	border: 1px solid #ff3335;
	background: #ff3335;
	color: #000;
}
a.cb-cart {
	color: #393f3f;
	border: 1px solid #c6c6c6;
}
a.cb-cart:hover {
	color: #000;
	background: #ff3335;
	border: 1px solid #ff0002;
}
a.cb-cart.in {
	color: #ffffff;
	background: #ff3335;
	border: 1px solid #ff0002;
}
/* ----------------------------------------------
	6.4 star ico
----------------------------------------------- */

.product_star {
	float: right;
}
.product_star a {
	display: block;
	width: 48px;
	margin: 0 auto;
	background: #d5d5d5;
	padding: 5px 8px;
	border: 1px solid #d5d5d5;
	border-radius: 3px 3px 3px 3px;
}
.product_star a::before {
	content: '\f005';
	font-family: FontAwesome;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}
.product_star a:hover::before {
	content: '\f006';
	color: #000;
}
.product_star a.active,
.product_star a:active {
	background: #ffffff;
	border: 1px solid #ff3335;
}
.product_star a.active::before {
	color: #ff3335;
}
.product_star a:active::before {
	content: '\f005';
	color: #ff3335;
}
/* ----------------------------------------------
	6.4 Middle table 2
----------------------------------------------- */

.delimiter {
	margin-top: 10px;
	margin-bottom: 17px;
	width: 100%;
	border-bottom: 1px solid #f0f0f0;
}
table.right_table_two {
	width: 100%;
}
.right_table_two td {
	width: 505px;
	height: 40px;
	padding-left: 10px;
}
.right_table_two tr:nth-child(odd) {
	background: #fafafa;
}
/* ----------------------------------------------
	6.5 Middle no table 1
----------------------------------------------- */

table.no-right_table {
	width: 100%;
}
.no-right_table td {
	height: 70px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'RobotoRegular', sans-serif;
	font-size: 12px;
}
.no-right_table td:last-child {
	text-align: right;
}
.no-right_table:not(.no_border__) tr {
	background: #f3f3f3;
}
.notify-button a {
	display: inline-block;
	color: #ff3335;
	font-family: 'RobotoRegular', sans-serif;
	border: 1px solid #ff3335;
	border-radius: 3px 3px 3px 3px;
	padding: 10px 27px;
}
.notify-button a:hover,
.notify-button a.active {
	background: #ff3335;
	color: #ffffff;
}
/* ----------------------------------------------
	7.1 Catalog filter
----------------------------------------------- */

.catalog-filters {
	padding-right: 10px;
}
.filter-list {
	border: 1px solid #f0f0f0;
	margin-top: 5px;
	margin-bottom: 9px;
}
.filter-block-title {
	padding: 6px 15px;
	width: 100%;
}
.filter-block-title a {
	width: 100%;
	display: inline-block;
	position: relative;
	font-family: 'RobotoRegular', sans-serif;
	font-weight: normal;
	color: #393f3f;
	font-size: 15px;
}
label.spoiler i {
	font-style: normal;
	color: #919696;
	font-size: 15px;
	margin-left: 10px;
}
label.spoiler i::before {
	content: '\f105';
	font-family: FontAwesome;
}
label.spoiler.in i::before {
	content: '\f107';
}
.checkbox-list {
	margin: 4px 0 10px 15px;
}
.filter-block-item {
	/*position: relative;*/
	display: flex;
	margin-bottom: 5px;
}
.filter-block-item input[type="checkbox"] {
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
.filter-checkbox-label {
	/*position: absolute;*/
	top: 2px;
	left: 25px;
	width: 120px;
	cursor: pointer;
	font-weight: normal;
}
.active-button input.show,
.active-button a.show {
	display: inline-block;
	width: 100%;
	color: #ffffff;
	font-family: 'RobotoRegular', sans-serif;
	border: 1px solid #ff3335;
	background: #ff3335;
	border-radius: 2px 2px 2px 2px;
	padding: 8px 20px;
	text-align: center;
}
.active-button input.сlear {
	display: none;
}
.active-button input.сlear.active,
.active-button a.сlear.active {
	margin-top: 10px;
	color: #ff3335;
	width: 100%;
	text-align: center;
	display: inline-block;
	border: 1px solid #ff3335;
	border-radius: 2px 2px 2px 2px;
	padding: 5px 2px;
}
.active-button input.show:hover,
.active-button a.show:hover {
	color: #000000;
}
.active-button input.сlear.active:hover,
.active-button a.сlear.active:hover {
	background: #ff3335;
	color: #ffffff;
}
/* ----------------------------------------------
	7.2 Sort filter
----------------------------------------------- */

.filter-pagination-cont {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 12px;
	border-bottom: 3px solid #f8f8f8;
}
.sort-filter {
	display: flex;
}
.content-sort-select {
	font-size: 14px;
	cursor: pointer;
	border: 1px solid #c3c3c3;
	border-radius: 2px 2px 2px 2px;
	padding-left: 10px;
	width: 260px;
	height: 33px;
	line-height: 60px;
}
.content-sort-select:focus {
	outline: none;
}
.content-sort-checkbox {
	position: relative;
	display: flex;
	align-items: center;
	margin-left: 20px;
}
.sort-checkbox-input {
	position: absolute;
	left: 5px;
	top: 4px;
	width: 15px;
	height: 15px;
}
.content-sort-label {
	margin: 0;
	cursor: pointer;
	font-size: 14px;
	padding-left: 30px;
	font-weight: normal;
	white-space: nowrap;
}
/* ----------------------------------------------
	7.3 Catalog items
----------------------------------------------- */

.catalog-items {
	margin-top: 15px;
}
.catalog-items-list {
	display: table;
	width: 100%;
}
.item, .act-row {
	display: table-row;
}
.product-info, .product-act {
	display: table-cell;
}
.product-city, .product-price, .counter_block, .counter-button, .product-buttons {
	display: table-cell;
}
.item-wrapper {
	padding: 10px;
}
.item:nth-child(odd) {
	background: #f3f3f3;
}
.product-info, .product-city, .product-price, .counter-button {
	vertical-align: top;
}
.product-info .image {
	width: 65px;
	height: auto;
	border: 1px solid #f3f3f3;
	float: left;
}
.counter-button {
	min-width: 100px;
	vertical-align: middle;
}
/* ----------------------------------------------
	7.3.1 items title
----------------------------------------------- */

.product-info .title {
	margin-top: 15px;
	margin-left: 85px;
}
.product-info .title h3 {
	line-height: 17px;
}
.product-info .title a h3 {
	font-size: 14px;
	font-family: 'RobotoMedium', sans-serif;
}
a.curtail {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	font-family: 'RobotoRegular', sans-serif;
	font-weight: normal;
	color: #9c9f9f;
}
a.curtail:hover {
	color: #ff3335;
}
/* ----------------------------------------------
	7.3.2 items act
----------------------------------------------- */

.product-act-wrapper {
	margin-top: 5px;
	/*float: right;*/
}
.product-city {
	vertical-align: middle;
	font-size: 12px;
	font-family: 'RobotoRegular', sans-serif;
	height: 52px;
	width: 200px;
}
.spoiler .product-city {
	width: 245px;
	text-align: left;
}
.product-act-wrappe.not_available.product-info-block {
	text-align: -webkit-right;
}

.product-price {
	text-align: right;
	min-width: 100px;
	vertical-align: middle;
}
.not_available .buttons {
	min-width: 200px;
}
.not_available .product-price,
.not_available .product-counter {
	min-width: 0;
}
.product-counter {
	padding: 7px 5px;
}
.product-counter > .counter_block {
	min-width: 100px;
	text-align: center;
}
.product_car {
	float: left;
	width: 46px;
}
.product_car a {
	display: block;
	padding: 4px 0;
	border: 1px solid #d5d5d5;
	border-radius: 3px 3px 3px 3px;
	background: #ffffff;
}
.product_car a::before {
	font-family: 'icom-dws', sans-serif;
	content: '\e900';
	font-size: 20px;
	text-align: center;
	display: block;
}
.product_car a:hover,
.product_car.active a {
	background: #ff3335;
	border: 1px solid #ff3335;
	color: #161616;
}
.product_car.active a {
	color: #ffffff;
}
.product_star a {
	display: block;
	background: #d5d5d5;
	padding: 5px 0;
	border: 1px solid #d5d5d5;
	border-radius: 3px 3px 3px 3px;
}
.product_star a::before {
	content: '\f005';
	font-family: FontAwesome;
	display: block;
	text-align: center;
	font-size: 18px;
	color: #ffffff;
}
.product_star a:hover::before {
	content: '\f006';
	color: #000;
}
.product_star a.active,
.product_star a:active {
	background: #ffffff;
	border: 1px solid #ff3335;
}
.product_star a.active::before {
	content: '\f005';
	color: #ff3335;
}
.product_star a:active::before {
	content: '\f005';
	color: #ff3335;
}
.product-buttons {
	vertical-align: middle;
}
.product-price .old-price,
.product-price .opt-price {
	color: #9c9f9f;
}
/* ----------------------------------------------
	7.3.2 pagination home text
----------------------------------------------- */

.pagination-top-wrapp,
.pagination-bottom-wrapp {
	margin-top: 10px;
	padding-top: 13px;
	padding-bottom: 10px;
	width: 100%;
	text-align: right;
}
.pagination-top-wrapp {
	border-bottom: 3px solid #f8f8f8;
}
.pagination-bottom-wrapp {
	border-top: 3px solid #f8f8f8;
}
.home-text {
	background: url("../img/home-bg.png") repeat-x #fafafa;
	margin-top: 37px;
	padding-bottom: 40px;
}
.ht-wrapper P {
	line-height: 22px;
	margin-bottom: 15px;
}
.ht-wrapper {
	padding-top: 42px
}
/* ----------------------------------------------
	8.1 home-search
----------------------------------------------- */

.home-search {
	margin-top: 20px;
	margin-bottom: 35px;
}
.search-page {
	position: relative;
	margin-bottom: 15px;
}
.search-pagination-cont .search {
	margin: 0;
	padding: 0;
}
.search-pagination-cont .submit {
	right: 18px;
}
.search-pagination-cont .pagination-top-wrapp {
	padding-top: 5px;
}
/* ----------------------------------------------
	9.1 category
----------------------------------------------- */

.category-wrapper {
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0;
}
.category-item-desktop {
	text-align: center;
	margin-bottom: 23px;
	width: 245px;
	height: 217px;
}
.category-item-desktop .image {
	box-shadow: 0 2px 15px 1px #e3e3e3;
	width: 215px;
	height: 160px;
	display: flex;
}
.category-item-desktop .image.active ~ a.text {
	color: #ff0002;
}
.category-item-desktop .image img {
	margin: auto;
}
.category-item-desktop .text {
	margin-top: 13px;
	display: inline-block;
	font-size: 16px;
	font-family: 'RobotoMedium', sans-serif;
}
.home-text.mt-0 {
	margin-top: 15px;
}
/* ----------------------------------------------
	10.1 Contacts
----------------------------------------------- */

.home-contacts {
	margin-top: 25px;
	margin-bottom: 35px;
}
.wpapp-cont-manag {
	margin-top: 12px;
	padding-bottom: 23px;
	border-bottom: 2px solid #f0f0f0;
}
.page-contacts {
	margin-left: -15px;
}
.page-contacts h1 {
	font-size: 30px;
	text-transform: uppercase;
}
.page-cont-wrapp {
	margin-top: 20px;
	margin-left: 30px;
}
.page-cont-wrapp li {
	position: relative;
	margin-bottom: 18px;
}
.page-cont-wrapp li.phone::before,
.page-cont-wrapp li.time::before,
.page-cont-wrapp li.mail::before {
	font-family: FontAwesome;
	position: absolute;
	color: #ff0002;
	top: -5px;
	left: -30px;
	font-size: 20px;
}
.page-cont-wrapp li.phone::before {
	content: '\f095';
}
.page-cont-wrapp li.time::before {
	content: '\f017';
}
.page-cont-wrapp li.mail::before {
	content: '\f0e0';
	font-size: 18px;
	top: 0;
}
.page-cont-wrapp li.mail span {
	text-decoration: underline;
}
/* ----------------------------------------------
	10.2 Managers
----------------------------------------------- */

.managers-container {
	margin-top: 10px;
	margin-left: -8px;
}
.managers-container h3 {
	font-size: 18px;
	font-family: 'RobotoRegular', sans-serif;
}
.wholesale-managers {
	margin-top: 20px;
	display: flex;
}
.manager-box {
	padding-left: 30px;
	width: 200px;
}
.manager-box li {
	margin-bottom: 20px;
	position: relative;
}
.manager-box li::before {
	font-family: FontAwesome;
	position: absolute;
	color: #ff0002;
	top: -5px;
	left: -30px;
	font-size: 20px;
}
.manager-box li.initials::before {
	content: '\f007';
}
.manager-box li.phone::before {
	content: '\f095';
}
.manager-box li.skype::before {
	content: '\f17e';
}
/* ----------------------------------------------
	10.3 Retail shops
----------------------------------------------- */

.retail-shops {
	margin-top: 27px;
}
.retail-shops h2 {
	font-size: 20px;
}
.sn-tabs {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 10px;
}
.sn-tabs li {
	text-align: center;
}
.sn-tabs li a {
	display: block;
	padding: 9px 20px;
	font-size: 18px;
}
.sn-tabs li a.active {
	font-family: 'RobotoRegular', sans-serif;
	border-bottom: 3px solid #fb2323;
	color: #393f3f;
}
.node-block {
	border: 1px solid #fb2323;
}
.price-tab-wrapp {
	display: none;
}
.price-tab-wrapp.active {
	display: block;
}
.price-tab-content {
	display: flex;
	padding: 30px 30px 3px;
}
.tab-box {
	margin-left: 30px;
	margin-right: 30px;
}
.tab-box li {
	position: relative;
	margin-bottom: 20px;
}
.tab-box li::before {
	font-family: 'FontAwesome', sans-serif;
	position: absolute;
	color: #ff0002;
	top: -5px;
	left: -30px;
	font-size: 20px;
}
.tab-box li.map::before {
	content: '\f041';
}
.tab-box li.phone::before {
	content: '\f095';
}
.tab-box li.mobile::before {
	content: '\f10b';
}
.tab-box li.time::before {
	content: '\f017';
}
.tab-box li.mail::before {
	content: '\f0e0';
	font-size: 15px;
	top: 0;
}
/* ----------------------------------------------
	10.4 Map
----------------------------------------------- */

.ya-map {
	margin-top: 27px;
	width: 100%;
}
/* ----------------------------------------------
	10.5 Forms
----------------------------------------------- */

.home-forms {
	background: url("../img/home-bg.png") repeat-x #fafafa;
	margin-top: 60px;
	padding-bottom: 40px;
}
.form-wrap {
	margin-top: 45px;
	margin-bottom: 10px;
}
.form-wrap h3 {
	font-size: 30px;
}
.form-wrap form {
	margin-top: 33px;
}
.input {
	display: flex;
	justify-content: space-between;
}
.input input {
	padding: 7px 15px;
	width: 260px;
	margin-bottom: 28px;
}
.message {
	width: 100%;
	height: 125px;
	padding: 5px 15px;
}
.captcha-button {
	margin-top: 20px;
}
.captcha-button img {
	border: 1px solid #bababa;
}
.captcha-button input {
	margin-left: 30px;
	padding: 7px 10px;
}
.captcha-button .form-but {
	float: right;
	width: 220px;
	padding: 8px 10px;
	border-radius: 2px 2px 2px 2px;
}
/* ----------------------------------------------
	10.6 Contacts Nav
----------------------------------------------- */

.spoiler {
	position: relative;
}
.nav-left.hovered {
	padding-left: 15px;
}
/* ----------------------------------------------
	MODEL CAR
	11.1 Item description
----------------------------------------------- */
.wrapper-brands h1 {
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.item_description {
	padding-bottom: 6px;
	border-bottom: 2px solid #f0f0f0;
}
.picture {
	float: left;
	padding: 10px;
	width: 215px;
	height: 160px;
	display: flex;
	border: 1px solid #f0f0f0;
}
.picture img {
	width: 100%;
	margin: auto;
}
.description {
	margin-left: 255px;
}
.description p {
	text-align: justify;
	font-size: 14px;
	font-family: 'RobotoRegular', sans-serif;
	line-height: 20px;
	margin-bottom: 25px;
}
/* ----------------------------------------------
	11.2 Nav tabs
----------------------------------------------- */

.nav-tabs-wrapper {
	margin-top: 15px;
}
.nav-cont {
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.nav-cont > li {
	margin-bottom: 25px;
	margin-left: 20px;
	margin-right: 20px;
	width: 205px;
	border-bottom: 1px solid #f0f0f0;
}
.nav-cont > li > a {
	display: block;
	text-align: center;
	font-size: 17px;
	padding: 8px 10px;
	border-bottom: 3px solid #ffffff;
}
.nav-cont > li > a:hover,
.nav-cont li.active > a {
	color: #393f3f;
	font-family: 'RobotoRegular', sans-serif;
	border-bottom: 3px solid #ff3335;
}
.nav-cont li.active {
	height: 450px;
}
.nav-cont li.active:last-child {
	height: 0;
}
.tabs-accordion-title {
	display: none;
}
.nav-cont li.active a ~ .tabs-accordion-title {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	border: 1px solid #fccbcc;
	padding: 5px;
	transition: 1s;
	background: #ffffff;
}
.cat_menu-tabs {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	height: 400px;
	background: #ffffff;
	overflow: auto;
}
.cat_menu-tabs ul li {
	margin-bottom: 0;
	font-size: 14px;
	margin-left: 20px;
	width: 300px;
}
.cat_menu-tabs ul li:first-child {
	margin-left: 7px;
	margin-top: 0;
	margin-bottom: 4px;
	font-size: 15px;
	font-weight: bold;
}
.cat_menu-tabs ul li a {
	line-height: 18px;
	display: inline-block;
}
.cat_menu-tabs ul li a span {
	padding-left: 8px;
	color: #ff0002;
}
.product-act-wrapper .act-row {
	max-height: 52px;

}
.product-act-wrapper .act-row.hide {
	max-height: 0;
	-webkit-transition: max-height 2s ease;
	-moz-transition: max-height 2s ease;
	transition: max-height 2s ease;
}
.catalog_menu {
	position: relative;
}
.catalog_menu > ul {
	width: 210px;
	background: #ffffff;
	position: absolute;
	padding-top: 20px;
	padding-bottom: 10px;
	border-right: 3px solid #ff0002;
	border-bottom: 1px solid #b8b8b8;
	border-left: 1px solid #dbdbdb;
	box-shadow: 0 6px 10px 1px #cfcfcf;
	left: 0;
	transition: 1s;
	z-index: 10;
	top: 35px;
	display: none;
	/*visibility: hidden;
	transition: all 0.4s;*/
}
.catalog_menu .cat_menu {
	padding: 20px 0 0 10px;
}
.catalog_menu:hover > ul {
	display: block;
	/*visibility: visible;
	transition-delay: 0.4s;*/
}
.catalog_menu .nav-left > li:hover > .child_wrapp,
.catalog_menu .nav-left > li.active > .child_wrapp {
	margin-top: 0;
	padding-top: 0;
	top: 0;
}
/* ----------------------------------------------
	12.1 Personal
----------------------------------------------- */

.nav-personal {
	margin-top: 5px;
	display: flex;
	justify-content: space-between;
}
.nav-personal > li {
	margin-bottom: 23px;
	flex-basis: 17%;
	border-bottom: 1px solid #f0f0f0;
}
.nav-personal > li > a {
	display: block;
	text-align: center;
	font-size: 17px;
	padding: 10px 10px;
	border-bottom: 3px solid #ffffff;
}
.nav-personal > li > a:hover, .nav-personal li.active > a {
	color: #393f3f;
	font-family: 'RobotoRegular', sans-serif;
	border-bottom: 3px solid #ff3335;
}
/* ----------------------------------------------
	12.2 Request
----------------------------------------------- */

.new-request {
	background: #f0f0f0;
	padding: 15px;
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}
.new-request a:hover {
	text-decoration: none;
}
.img-request {
	background: #ffffff;
	width: 180px;
	height: 115px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-request {
	flex: 3.5;
	margin-left: 15px;
}
.box-request.two {
	flex: 1;
}
.box-request.two .edit {
	text-align: right;
	margin-bottom: 30px;
}
.box-request.two .edit a {
	margin-left: 8px;
	font-size: 13px;
}
.box-request.two .edit i {
	font-size: 11px;
}
.icon-edit {
	margin-right: 10px;
}
.box-request.two .buttons {
	border-radius: 0;
	min-width: 225px;
}
.box-request.two .buttons a {
	font-size: 15px;
	font-family: 'RobotoRegular', sans-serif;
}
.box-request h2 {
	margin-bottom: 15px;
	font-size: 18px;
	text-transform: uppercase;
}
.table-request {
	display: flex;
}
.table-request p {
	font-size: 13px;
}
.table-request span,
.table-request a {
	font-family: 'RobotoMedium', sans-serif;
	font-size: 15px;
}
.table-request a {
	text-decoration: underline;
}
.table-request .box {
	flex: 1;
	margin-right: 10px;
}
.box-search {
	display: flex;
	justify-content: space-between;
	background: #f0f0f0;
	width: 100%;
	align-items: flex-end;
	margin-top: -5px;
	margin-bottom: 25px;
	padding: 15px;
}
.box-search .box {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	width: 100%;
}
.box-search .box label {
	flex: 100%;
	font-family: 'RobotoMedium', sans-serif;
	font-size: 13px;
}
.box-search input {
	border: 1px solid #cfdae0;
	padding: 8px;
	border-radius: 3px;
	flex: 0 0 56%;
}
.box-search .form-but {
	padding: 6px;
	flex: 0 0 110px;
	background: none;
	border: 2px solid #ff3335;
	font-family: 'RobotoRegular', sans-serif;
	border-radius: 3px;
	font-size: 15px;
	margin-left: 25px;
}
.box-search a.link-under {
	margin-left: 25px;
}
.box-search .button {
	display: block;
	margin-left: 25px;
	border: 1px solid #ff3335;
	border-radius: 3px;
	flex: 350px;
	margin-bottom: 1px;
}
.left-box {
	display: flex;
	flex: 0 0 34%;
}
.left-box input {
	width: 125px;
}
.left-box .form {
	margin-left: 20px;
	margin-right: 20px;
}
.right-box {
	align-self: flex-end;
	display: flex;
	justify-content: flex-end;
	text-align: right;
	flex: 0 0 64%;
}
.odl-search .right-box p {
	line-height: 16px;
}
.odl-search .right-box .button {
	margin-left: 20px;
	margin-right: 20px;
	flex: 0 0 270px;
}
.odl-search .right-box .button a {
	border-radius: 3px;
}
.box-search-table {
	display: table;
	width: 100%;
}
.bst-row {
	display: table-row;
}
.bst-col {
	border-bottom: 1px solid #f0f0f0;
	display: table-cell;
	padding: 7px 10px;
	vertical-align: middle;
}
.bst-row:last-child .bst-col {
	border-bottom: none;
}
.bst-row.regular-13 {
	text-align: center;
}
.bst-row.regular-13 .bst-col {
	border-bottom: 2px solid #f0f0f0;
}
.bst-col .img {
	padding: 6px;
	width: 150px;
	height: 80px;
	text-align: center;
}
.bst-col.regular-15 {
	text-align: center;
}
.bst-row.regular-13 + .regular {
	margin-top: 20px;
}
/* ----------------------------------------------
	12.3 Inquiry
----------------------------------------------- */

.inquiry {
	margin-top: 18px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f0f0f0;
}
.inquiry h4 {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 18px;
	margin-bottom: 10px;
}
.inquiry p {
	font-size: 13px;
	line-height: 16px;
}
.inquiry .box-img {
	display: flex;
	margin-top: 23px;
}
.inquiry .box-img a {
	height: 59px;
	display: block;
	margin-right: 7px;
}
.inquiry .box-img a img {
	border: 1px solid #cccccc;
	min-width: 100%;
	height: 100%;
}
.inquiry .box-text,
.inquiry .box-text-link {
	position: relative;
	margin-top: 20px;
	padding: 25px 17px;
	border-radius: 5px 5px 5px 5px;
	background: #f0f0f0;
}
.inquiry .box-text::before,
.inquiry .box-text-link::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #f0f0f0;
	top: -10px;
	left: 38px;
	position: absolute;
}
.inquiry .box-text span {
	color: #ff0002;
	font-size: 15px;
	font-family: 'RobotoMedium', sans-serif;
}
.inquiry .box-text-link {
	padding: 15px 17px;
}
.inquiry .box-text-link p {
	font-size: 15px;
	line-height: 23px;
}
.inquiry .box-text-link p span {
	font-family: 'RobotoMedium', sans-serif;
}
.inquiry .box-text-link p a {
	margin-left: 8px;
}
.inquiry:nth-last-child(1) {
	border-bottom: none;
	padding-bottom: 15px;
}
.inquiry h4 {
	font-family: 'RobotoMedium', sans-serif;
}
.add-request label {
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
}
.add-request .message {
	height: 130px;
	border: 1px solid #cfdae0;
	border-radius: 3px 3px 3px 3px;
}
.file-input-block {
	margin-top: 20px;
}
.file-input {
	border: 2px dashed #f0f0f0;
	height: 140px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 13px;
}
.file-input-block:hover .file-input {
	border: 2px dashed #cfdae0;
}
.my-file-input {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.add-request .button {
	margin-top: 25px;
	max-width: 300px;
}
#dropZone.hover {
	background: #ddd;
	border-color: #aaa;
}
#dropZone.error {
	background: #faa;
	border-color: #f00;
}
#dropZone.drop {
	background: #eaeaea;
	border-color: #aaa;
}
/* ----------------------------------------------
	12.3 Profile
----------------------------------------------- */

.profile {
	display: flex;
	flex-flow: wrap;
}
.container-lists {
	flex: 1 66%;
}
.right-bar {
	flex: 1 30%;
	margin-left: 30px;
}
.profile h3 {
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0;
}
.prof-line {
	display: flex;
	margin-top: 20px;
}
.pl-number {
	flex: 0 0 80px;
	padding-top: 10px;
}
.pl-description {
	position: relative;
	background: #f0f0f0;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	padding: 8px 20px;
	flex: 1 0 0;
}
.pl-description::before {
	content: '';
	position: absolute;
	top: 8px;
	left: -8px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid #f0f0f0;
	border-bottom: 10px solid transparent;
}
.pl-description a {
	color: #ff0002;
}
h3.address {
	margin-top: 22px;
	padding-bottom: 15px;
}
.addresses-wrapper {
	display: flex;
	justify-content: flex-start;
	flex-flow: wrap;
	margin-top: 5px;
}
.address-box {
	/*flex: 1 0 50%;*/
	width: 50%;
	margin-top: 5px;
	margin-bottom: 14px;
}
.address-box:nth-child(even) {
	padding-left: 15px;
}
.address-box p {
	line-height: 17px;
}
.address-box .edit i {
	font-size: 12px;
}
.address-box a {
	padding-left: 8px;
}
.address {
	margin-top: 19px;
}
.top-box {
	border: 1px solid #f0f0f0;
	padding: 26px 32px;
}
.top-box li.light-13 {
	margin-top: -3px;
	margin-bottom: 15px;
}
.personal-manager {
	margin-top: 27px;
}
.personal-manager h4 {
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 16px;
}
.box-manager {
	display: flex;
	margin-top: 20px;
}
.box-manager img {
	margin-right: 20px;
}
.box-manager li.medium-15 {
	margin-top: 5px;
}
.box-manager li.medium-15 + .light-15 {
	margin-top: -3px;
}
.box-manager .regular-15 {
	position: relative;
	margin-top: 4px;
	padding-left: 26px;
}
.box-manager .regular-15 + .light-15 {
	position: relative;
	margin-top: 5px;
	padding-left: 26px;
}
.icon-phone-2,
.icon-skype {
	position: absolute;
	font-size: 16px;
	top: 3px;
	left: 0;
}
.opt-list {
	margin-top: 24px;
}
.opt-list .line,
.retail-list .line {
	display: flex;
	margin-top: 17px;
}
.opt-list .ico-xls {
	margin-top: 2px;
	margin-right: 18px;
}
.opt-list .text a {
	padding-left: 8px;
}
.opt-list .text .light-15 + p {
	margin-top: -2px;
}
.opt-list .icon-arrow-bottom {
	font-size: 12px;
}
.retail-list .box-img {
	display: flex;
	justify-content: center;
	align-items: center;
}
.retail-list .box-img img {
	width: 73px;
	padding: 5px;
	border: 1px solid #f0f0f0;
	margin-right: 17px;
}
.retail-list .box-img:hover img {
	border: 1px solid #ff0002;
}
.retail-list .box-img span {
	line-height: 18px;
}
/* ----------------------------------------------
	12.4 Order Sales list
----------------------------------------------- */

.odl-search {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	background: #f0f0f0;
	width: 100%;
	padding: 8px 17px 20px;
}
.old-box:last-child {
	align-self: flex-end;
}
.old-box label {
	display: block;
}
.old-box input,
.old-box select {
	margin-top: 2px;
	border: 1px solid #cfdae0;
	border-radius: 3px;
	padding: 8px 10px;
	cursor: pointer;
}
.old-box .col-period {
	display: flex;
	align-items: center;
	width: 300px;
	justify-content: space-between;
}
.old-box .col-period input {
	width: 100%;
}
.col-period .ot,
.col-period .do {
 width: 45%;
	position: relative;
}
.col-period .ot::before,
.col-period .do::before {
	content: "\e90c";
	font-family: 'icom-dws';
	position: absolute;
	width: 20px;
	height: 20px;
	font-size: 17px;
	top: 10px;
	right: 7px;
	color: #ff0002;
	pointer-events: none;
}
.odl-search .old-box .col-period i {
	padding-left: 10px;
	padding-right: 10px;
}
.odl-search .old-box.number input {
	width: 125px;
}
.old-box.form {
	align-self: flex-end;
}
.old-box .form-but {
	border: 2px solid #ff0002;
	background: none;
	border-radius: 3px;
	padding: 7px 20px;
	width: 110px;
}
.old-box.link {
	align-self: flex-end;
	margin-bottom: 11px;
}
.box-search-table {
	margin-top: 10px;
}
.box-search-table .ord-list .bst-col {
	padding: 15px;
	height: 92px;
}
.box-search-table .ord-list .status p {
	position: relative;
	padding-left: 16px;
	line-height: 16px;
}
.status .icon-circle {
	position: absolute;
	font-size: 8px;
	top: 4px;
	left: 0;
}
.amount span {
	margin-left: 5px;
}
.route {
	display: flex;
	align-items: center;
}
.route ul.light-13 li {
	line-height: 20px;
}
.route .icon-long-arrow {
	font-size: 30px;
	margin-right: 10px;
}
.order-not {
	font-size: 13px;
}
.order-numb {
	text-transform: uppercase;
}
.delivery {
	display: flex;
	align-items: center;
}
.bst-img {
	width: 40px;
}
.bst-text {
	margin-left: 10px;
}
.box-search-table .gray-button {
	text-align: right;
}
.box-search-table .gray-button a {
	display: inline-block;
}
.sales-list .status {
	width: 190px;
}
.sales-list .box-search-table .amount {
	text-align: center;
	width: 140px;
}
.sales-list .way {
	width: 210px;
}
/* ----------------------------------------------
	12.5 Profile Setting
----------------------------------------------- */

.profile-setting h3 {
	margin-bottom: 13px;
}
h4.top-separator {
	padding-top: 17px;
	margin-bottom: 13px;
	border-top: 2px solid #f0f0f0;
}
.user-data {
	margin-bottom: 20px;
}
.user-data td {
	vertical-align: top;
	width: 205px;
	height: 28px;
}
.button.curve a {
	margin-bottom: 35px;
	border-radius: 3px;
	width: 270px;
}
.box-change-password {
	margin-top: 17px;
	margin-bottom: 26px;
}
.box-change-password input {
	display: block;
	padding: 8px 14px;
	width: 272px;
	margin-top: 0;
	margin-bottom: 20px;
	border: 1px solid #bababa;
}
.box-change-password .curve {
	margin-top: 32px;
}
.box-change-password p,
.popup-editing-profile p {
	display: none;
}
.box-change-password.error p,
.popup-editing-profile.error p {
	display: block;
	color: #ff0002;
	line-height: 6px;
	margin-bottom: 13px;
}
.box-change-password.error input,
.popup-editing-profile.error input {
	border: 1px solid #ff0002;
}
.b-popup {
	display: none;
	width: 100%;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 1000;
}
.b-popup .b-popup-content {
	position: relative;
	margin: 11.5% auto 0 auto;
	width: 450px;
	padding: 20px 30px;
	background-color: #fff;
	border-radius: 4px;
}
.popup-editing-profile {
	margin-top: 20px;
	margin-bottom: 10px;
}
.popup-editing-profile label,
.popup-editing-profile input {
	display: block;
}
.popup-editing-profile input {
	display: block;
	border-radius: 2px;
	padding: 9px 14px;
	width: 100%;
	margin-top: 0;
	margin-bottom: 18px;
	border: 1px solid #bababa;
}
.button.popup {
	margin-top: 30px;
	background: #ff0002;
}
.close-popup .icon-remove:before {
	color: #ffffff;
	font-size: 15px;
	position: absolute;
	top: -21px;
	right: -21px;
}

/* ----------------------------------------------
	13.1 Page container
----------------------------------------------- */

.top-container-page {
	padding-bottom: 10px;
	border-bottom: 2px solid #f3f3f3;
}
#event-mess {
	color: #ff0002;
	margin-bottom: 5px;
}
.box-content {
	display: flex;
}
.box-content .img {
	flex: 0 0 225px;
	margin-right: 30px;
}
.box-content .text p {
	line-height: 17px;
	margin-bottom: 20px;
}
.box-content .text p a.link {
	font-size: 15px;
}
/* ----------------------------------------------
	13.2 Page Order
----------------------------------------------- */

.caption {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 2px solid #f3f3f3;
}
.caption > a {
	position: relative;
}
.caption > a .icon-remove::before {
	position: absolute;
	font-size: 12px;
	top: 3px;
	left: -20px;
}
.box-order-table {
	display: table;
	width: 100%;
}
.bot-row {
	display: table-row;
}
.bot-col {
	display: table-cell;
}
.box-order-table .bot-col {
	width: 30%;
	padding-top: 27px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f3f3f3;
}
.bot-col.order-delivery {
	padding-bottom: 27px;
}
.order-price span.oplachen,
.order-delivery span.oplachen {
	margin-left: 10px;
	padding: 2px 8px;
	color: #4e9811;
	border: 1px solid #4e9811;
	border-radius: 4px;
}
.order-price span.oplachen.not,
.order-delivery span.oplachen.not {
	color: #ff0002;
	border: 1px solid #ff0002;
}
.order-price a.icon {
	position: relative;
	padding-left: 20px;
	margin-right: 20px;
}
.order-price a.icon .icon-arrow-bottom::before,
.order-price a.icon .icon-money::before {
	position: absolute;
	top: 3px;
	left: 0;
}
.box-order-table .border-no .bot-col {
	border-bottom: none;
	padding-bottom: 10px;
}
.order-delivery .img {
	margin-top: 13px;
	margin-bottom: 13px;
	display: flex;
	align-items: center;
}
.order-delivery .img img {
	margin-right: 10px;
}
.order-delivery .gruz {
	margin-left: 7px;
}
.personal-order .box-text {
	margin-top: 10px;
	line-height: 17px;
	margin-bottom: 28px;
}
.personal-order .box-text .light-13 {
	margin-bottom: 6px;
}
.list-order-table .bot-row.regular-13 > .bot-col {
	padding-top: 28px;
	padding-bottom: 8px;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3;
	text-align: center;
	background: #ffffff;
}
.list-order-table .bot-row:nth-child(odd) {
	background: #f3f3f3;
}
.list-order-table .number {
	width: 5%;
	text-align: center;
}
.list-order-table .bot-col {
	vertical-align: middle;
	padding: 10px;
}
.list-order-table .foto {
	display: flex;
	border: 1px solid #f0f0f0;
	justify-content: center;
	align-items: center;
	padding: 3px;
	width: 68px;
	background: #ffffff;
}
.list-order-table .foto img {
	width: 100%;
	height: 100%;
}
.list-order-table .bot-col.razdelitel {
	padding-top: 5px;
}
.list-order-table .bot-col.caption {

}
.list-order-table .bot-col.quantity {
	width: 8%;
	text-align: center;
}
.list-order-table .bot-col.price {
	width: 9%;
	text-align: right;
}
.list-order-table .bot-col.price p.discount {
	color: #9c9f9f;
	text-decoration: line-through;
}
p.final-amount {
	text-align: right;
	margin-top: 17px;
}
p.final-amount span {
	color: #ff0002;
	margin-left: 5px;
}
/* ----------------------------------------------
	13.3 Page article
----------------------------------------------- */

.content-wrapper {
	margin-bottom: 47px;
}
.content-wrapper .number {
	color: #9c9f9f;
	margin-top: -2px;
	margin-bottom: 5px;
}
.content-wrapper .wpap-img {
	float: left;
	width: 225px;
	margin-right: 30px;
	margin-bottom: 10px;
}
.content-wrapper p {
	line-height: 18px;
	margin-bottom: 15px;
}
.content-wrapper p + P {
	/*margin-top: 15px;*/
}
.content-wrapper h1 {
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.content-wrapper h2 {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.content-wrapper h3 {
	font-family: 'RobotoRegular', sans-serif;
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content-wrapper .box-img-foto {
	margin-top: 25px;
	padding-bottom: 15px;
	/*border-bottom: 2px solid #f0f0f0;*/
}
.content-wrapper .box-img-foto img {
	margin-top: 10px;
	margin-right: 7px;
}
.catalog-items.mg-35 {
	margin-top: -35px;
	margin-bottom: 30px;
}
.lpnews_border {
	border-bottom: 2px solid #f0f0f0;
	padding-bottom: 6px;
}
/* ----------------------------------------------
	13.4 Page selling
----------------------------------------------- */
.personal-order h1 {
	margin-top: -9px;
}
.wrap-selling {
	margin-top: 8px;
	border-top: 2px solid #f0f0f0;
	border-bottom: 2px solid #f0f0f0;
	padding: 25px 0 20px;
	display: flex;
}
.sbr-number {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.selling-box-left {
	flex: 1;
	padding-right: 10px;
}
.selling-box-right {
	display: flex;
	flex: 2;
	margin-top: 5px;
}
.sbr {
	max-width: 230px;
}
.sbr .sbr-number p {
	background: #f0f0f0;
	border-radius: 50%;
	min-width: 31px;
	min-height: 31px;
	text-align: center;
	line-height: 32px;
}
.sbr-number + p {
	margin-top: 22px;
	line-height: 18px;
	text-align: center;
}
.selling-1 p {
	text-align: left;
}
.selling-1 .sbr-number p {
	margin-right: 13px;
}
.selling-4 .sbr-number p {
	margin-left: 13px;
}
.selling-4 p {
	text-align: right;
}
.selling-2 .sbr-number p,
.selling-3 .sbr-number p {
	margin-right: 13px;
	margin-left: 13px;
}
.sbr.selling-1 {
	flex: 2;
}
.sbr.selling-2 {
	flex: 3;
}
.sbr.selling-3 {
	flex: 3;
}
.sbr.selling-4 {
	flex: 2.2;
}
.sbr .steps {
	color: #9c9f9f;
}
.sbr.in p {
	font-family: 'RobotoMedium', sans-serif;
	color: #393f3f;
}
.sbr.active .steps {
	font-family: 'RobotoMedium', sans-serif;
	font-size: 18px;
	color: #393f3f;
	position: relative;
}
.status-fail span,
.trans-comp span {
	position: relative;
}
.sbr.active .steps::before,
.status-ord p.active::before,
.status-fail span.active::before,
.trans-comp span.active::before,
.box-ord .active::before {
	position: absolute;
	font-size: 10px;
	content: '\e910';
	font-family: 'icom-dws';
	color: #60b61a;
}
.sbr.active .steps::before {
	top: -11px;
	right: -3px;
}
.status-ord p.active::before {
	top: 4px;
	right: -38px;
}
.status-fail span.active::before,
.trans-comp span.active::before {
	top: 4px;
	right: -28px;
}
.status-fail i {
	margin-left: 50px;
	font-size: 13px;
}
.status-fail i a {
	margin-left: 5px;
}
.sbr-line {
	background: #f0f0f0;
	width: 100%;
	height: 4px;
}
.notification {
	border-top: 2px solid #ff0002;
	padding: 15px 15px;
	background: #f7f7f7;
}
.status-ord {
	margin-top: 25px;
}
.status-ord p.active {
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.separate-order .bot-row.regular-13 > .bot-col {
	height: 0;
	padding-top: 10px;
	border-top: none;
}
.separate-order .list-order-table .bot-col {
	height: 90px;
	padding: 5px;
}
.separate-order .bot-col:last-child {
	padding-right: 15px;
}
.separate-order .bot-col:first-of-type {
	padding-left: 15px;
}
.separate-order .list-order-table p.name {
	line-height: 18px;
}
.separate-order .caption-ch {
	text-align: center;
}
.separate-order .price {
	min-width: 110px;
}
.separate-order .bot-col span {
	margin-right: 5px;
}
.separate-order .bot-col.razdelitel {
	height: 0;
	padding-bottom: 0;
	padding-top: 15px;
}
.separate-order .quantity input {
	text-align: center;
	padding: 6px;
	border-radius: 3px;
	width: 50px;
	border: 1px solid #cfdae0;
}
.separate-order p.final-amount {
	margin-top: 6px;
}
.separate-order p.final-amount .medium-20 {
	margin-left: 20px;
}
.separate-order .button {
	margin-top: -13px;
	width: 300px;
}
.separate-order .button a {
	background: #ff0002;
	border-radius: 3px;
}
.separate-order .add-request {
	margin-top: 22px;
	margin-bottom: 22px;
	padding-bottom: 37px;
	border-bottom: 1px solid #f0f0f0;
}
.separate-order .add-request .file-input-block {
	margin-top: 15px;
}
.separate-order .add-request .button {
	margin-top: 19px;
}
.status-fail {
	margin-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f0f0f0;
}
.status-fail .line-box {
	display: flex;
}
.status-fail .icon-edit:before {
	font-size: 11px;
}
.status-fail .bills {
	margin-top: 10px;
}
.status-fail .line {
	margin-top: 13px;
	margin-right: 10px;
	display: flex;
	width: 33%;
}
.status-fail .ico-xls {
	margin-right: 15px;
}
.status-fail .icon-arrow-bottom {
	font-size: 11px;
	margin-right: 10px;
}
.trans-comp {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
}
.trans-comp .bot-col:first-of-type {
	padding-left: 0;
}
.trans-comp .bot-col:last-child {
	padding-right: 0;
}
.trans-comp .box-order-table .bot-col {
	padding-top: 10px;
}
.trans-comp .button {
	margin-top: 5px;
	width: 345px;
}
.trans-comp span.active + p {
	margin-top: 10px;
}
.status-fail.editing {
	border-bottom: none;
	padding-bottom: 0;
}
/* ----------------------------------------------
	14.1 Catalog Brands
----------------------------------------------- */

.catalog-brands {
	display: flex;
	flex-flow: wrap;
	margin-top: 13px;
}
.box-brand {
	display: inline-flex;
	align-items: center;
	flex: 1 50%;
	margin-bottom: 20px;
}
.box-brand .img {
	box-shadow: 0 2px 15px 1px #e3e3e3;
	min-width: 135px;
	height: 85px;
	padding: 5px;
	margin-right: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.box-brand .img:hover ~ a {
	color: #ff0002;
}
.box-brand .img a img {
	/*height: 100px;*/
	width: 150px;
}
/* ----------------------------------------------
	15.1 Popup Authorization Form
----------------------------------------------- */

.popup-wrapp {
	display: none;
	width: 100%;
	min-height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 1000;
}
.popup-content {
	position: relative;
	margin: 11.5% auto 0 auto;
	background-color: #fff;
	border-radius: 4px;
}
.aut-popup .popup-content {
	width: 330px;
	padding: 25px 30px 15px;
}
.popup-input {
	margin-top: 7px;
	margin-bottom: 10px;
}
.popup-input .del {
	display: none;
}
.popup-input.error .del {
	display: block;
}
.popup-input.error p {
	color: #ff0002;
	margin-bottom: 7px;
}
.popup-input label {
	display: block;
}
.popup-input input.error {
	margin-top: 10px;
	display: block;
	border: 1px solid #ff0002;
}
.popup-input input,
.popup-input select {
	margin-bottom: 13px;
	display: block;
	border-radius: 2px;
	width: 100%;
	border: 1px solid #bababa;
}
.popup-input input {
	padding: 9px 15px;
}
.popup-input select {
	padding: 9px 10px;
}
.button.form-popup {
	border-radius: 3px;
	border: 1px solid #ff0002;
}
.close-popup .icon-remove::before {
	color: #ffffff;
	font-size: 15px;
	position: absolute;
	top: -21px;
	right: -21px;
}
.captcha-form {
	margin-bottom: 10px;
}
.captcha-form img {
	margin-top: 10px;
	border: 1px solid #bababa;
}
.input-check input,
.input-check label {
	width: auto;
	display: inline-block;
	cursor: pointer;
	position: relative;
}
.input-check.agreement .error {
	cursor: auto;
}
.input-check label {
	margin-left: 25px;
}
.input-check input {
	display: none;
	position: relative;
}
.input-check input + label:last-of-type::before {
	content: '';
	width: 16px;
	height: 16px;
	background: linear-gradient(180deg, #ffffff, #d8d8d8);
	border: 1px solid #cccccc;
	position: absolute;
	border-radius: 2px;
	top: 3px;
	left: -25px;
}
.input-check input:checked ~ label::after {
	position: absolute;
	content: '';
	top: 5px;
	left: -26px;
	width: 7px;
	height: 10px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #202020;
	border-bottom: 2px solid #2d2d2d;
	transform: rotate(40deg);
	transform-origin: 100% 100%;
}
.link-form {
	text-align: center;
}
.link-form a {
	text-decoration: underline;
}
.link-form a:hover {
	text-decoration: none;
}
.link-form a:first-child {
	position: relative;
	margin-right: 25px;
}
.link-form a:first-child::before {
	position: absolute;
	content: '';
	height: 70%;
	width: 2px;
	background: #a1a5a5;
	top: 4px;
	right: -16px;
}
.page-authorization {
	display: flex;
	justify-content: center;
}
.form-page-content {
	width: 330px;
	padding: 25px 30px 15px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}
/* ----------------------------------------------
	15.2 Popup Add Car Form
----------------------------------------------- */

.add-car .popup-content {
	width: 450px;
	padding: 25px 30px 15px;
}
.add-car h4 {
	margin-bottom: 18px;
}
.add-car .popup-input input,
.add-car .popup-input select {
	margin-bottom: 16px;
}
.add-car .button.form-popup {
	margin-top: 29px;
}
/* ----------------------------------------------
	16.1 Page payment orders
----------------------------------------------- */

.pay-orders li {
	margin-bottom: 8px;
}
/* ----------------------------------------------
	16.2 Page stock list
----------------------------------------------- */

.page-list {

}
.p-element {
	display: flex;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.p-element > .img {
	margin-right: 30px;
	min-width: 165px;
}
.p-element > .img img {
	width: 100%;
}
.p-element h2 {
	line-height: normal;
	margin-top: -2px;
}
.p-element .timer {
	margin-top: 2px;
}
.p-element .timer-no {
	margin-top: 5px;
	margin-bottom: 5px;
}
.p-element .date {
	color: #9c9f9f;
	margin: 5px 0;
}
.p-element p {
	margin-top: -2px;
	line-height: 18px;
}
.p-element .learn {
	margin-top: 10px;
}
.p-element .learn::after {
	right: -11px;
}
.p-element:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
}
.list-receipts h2 {
	margin-bottom: 10px;
}
/* ----------------------------------------------
	17.1 Page basket
----------------------------------------------- */

.basket-order-list {
	margin-bottom: 20px;
}
.basket-order-list h1 {
	font-size: 20px;
	margin-top: 10px;
	padding-bottom: 0;
}
.nav-personal.basket {
	justify-content: flex-start;
	margin-top: 0;
}
.nav-personal.basket li {
	margin-right: 45px;
	margin-bottom: 0;
}
.nav-personal.basket > li > a {
	padding: 0 15px 7px 15px;
}
.basket-order {
	padding-top: 15px;
	padding-bottom: 20px;
	border-bottom: 2px solid #f0f0f0;
}
.basket-order .list-order-table {
	padding-top: 0;
}
.basket-order .list-order-table .bot-row.regular-13 > .bot-col {
	border-top: none;
	padding-top: 15px;
}
.basket-order .list-order-table .number {
	width: 6%;
}
.basket-order-list .error {
	margin-top: 10px;
	margin-bottom: 10px;
}
.basket-order-list .button {
	margin: 0 auto;
	/*width: 280px;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.basket-order-list .button a {
	width: 280px;
	margin-left: 20px;
	margin-right: 20px;
}
.basket-order-list .button a:last-child {
	border: 1px solid #919191;
	background: #fff;
	color: #393f3f;
}
.basket-order-list .button a:hover:last-child {
	background: #ff0002;
	border: 1px solid #ff0002;
	color: #ffffff;
}


.basket-order-list .catalog-items {
	margin-top: 25px;
}
.basket-order-list .item-wrapper {
	padding-right: 15px;
	padding-left: 15px;
}
.basket-order-list .product-act-wrapper {
	float: none;
}
.basket-order-list .product-city {
	color: #393F3F;
	min-width: 170px;
}
.basket-order-list .product-price {
	min-width: 130px;
}
.basket-order-list .product-counter {
	padding-left: 15px;
	padding-right: 15px;
}
.basket-order-list .counter-button {
	width: 100%;
}
.basket-order-list .dell {
	float: right;
	margin-top: 10px;
}
.basket-order-list .dell.top {
	margin-top: 0;
	margin-right: 15px;
}
.basket-order-list .product-info .title.flex {
	margin-top: 0;
	margin-right: 50px;
	min-height: 60px;
	display: flex;
	align-items: center;
}
/* ----------------------------------------------
	17.2 Page Форма регистрации
----------------------------------------------- */

.page-form-check label {
	margin: 0;
	font-weight: normal;
}
.page-form-check label.error {
	margin-bottom: 10px;
	color: #ff0002;
}
.page-form-check input {
	width: 270px;
	padding: 8px 15px;
	margin-bottom: 20px;
}
.page-form-check .popup-input {
	margin-bottom: 17px;
}
.page-form-check .popup-input label {
	margin-bottom: 10px;
}
.page-form-check .popup-input input:last-of-type {
	margin-bottom: 0;
}
.page-form-check .agreement label:last-of-type {
	margin-left: 27px;
}
.page-form-check .popup-input label.del {
	display: none;
}
.page-form-check .popup-input.error label.del {
	display: block;
	color: #ff0002;
}
.page-form-check .popup-input label.del {
	margin-bottom: 0;
}
.page-form-check .agreement input + label:last-of-type::before {
	content: '';
	width: 16px;
	height: 16px;
	background: linear-gradient(180deg, #ffffff, #d8d8d8);
	border: 1px solid #cccccc;
	position: absolute;
	border-radius: 2px;
	top: 3px;
	left: -27px;
}
.page-form-check .button {
	width: 270px;
	margin-top: 20px;
}
/* ----------------------------------------------
	18.1 Оформление заказа (ordering)
----------------------------------------------- */

.orderings-wrapper {
	display: flex;
}
.orderings-wrapper .left-bloc {
	flex: 210px;
	margin-right: 15px;
}
.left-bloc-box {

}
.orderings-wrapper .right-cont {
	flex: 100%;
}
/* Левый блок */
.left-bloc ul.box-ord {
	padding: 15px;
	border: 1px solid #f0f0f0;
}
.box-ord li:first-of-type {
	margin-bottom: 7px;
	position: relative;
}
.box-ord li:first-of-type::before {
	position: absolute;
	content: '\e911';
	color: #4c4c4c;
	font-family: 'icom-dws';
	top: 0;
	right: 0;
	font-size: 13px;
}
.box-ord .active {
	position: relative;
}
.box-ord .active::before {
	top: 2px;
	right: 0;
}
/* Правый блок */
.ordering .notification {
	line-height: 16px;
}
.select-address {
	display: flex;
	align-items: center;
	margin-top: 7px;
}
.choice {
	min-width: 260px;
	height: 33px;
	border: 1px solid #cfdae0;
	border-radius: 3px;
	padding: 5px 10px;
	cursor: pointer;
}
/* Модификация таблицы */
.ordering .list-order-table .bot-row.regular-13 > .bot-col {
	border-top: none;
	padding-top: 12px;
}
.ordering .list-order-table .bot-col {
	padding: 5px;
}
.ordering .list-order-table .bot-col:first-of-type {
	padding: 10px 15px 10px 20px;
}
.ordering .list-order-table .bot-col:last-of-type {
	padding: 10px 20px 10px 10px;
}
.ordering .bot-col.razdelitel:first-of-type {
	padding: 7px;
}
.ordering .list-order-table .bot-col.caption {
	line-height: 16px;
	width: 60%;
}
.ordering .list-order-table .bot-col.price {
	width: 12%;
}
.сonsol-cargo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.сonsol-cargo-box {
	display: flex;
}
.сonsol-cargo .сonsol-cargo-box label {
	cursor: pointer;
	margin-left: 10px;
}
.сonsol-cargo input,
.сonsol-cargo label,
.сonsol-cargo .final-amount {
	margin: 0;
	font-weight: normal;
}
.сonsol-cargo a {
	position: relative;
	margin-left: 5px;
	cursor: pointer;
}
.сonsol-cargo a::before {
	position: absolute;
	content: '\e912';
	color: #ff282a;
	font-family: 'icom-dws';
	top: 0;
	right: -20px;
}
/* Блок "Способы доставки" */
.ways-delivery-cargo {
	margin-top: 5px;
}
.way-box {
	display: flex;
	align-items: center;
	padding: 13px;
	background: #f3f3f3;
	height: 70px;
	border: 1px solid #f3f3f3;
	border-radius: 3%;
	cursor: pointer;
	overflow: hidden;
}
.way-box:hover,
.way-box.active {
	border: 1px solid #ff0002;
}
.img-box {
	min-width: 60px;
}
.way-box .text span {
	color: #ff0002;
}
.comment {
	display: flex;
	align-items: flex-start;
}
.comment label {
	color: #9c9f9f;
	margin-top: 5px;
	margin-right: 15px;
}
.comment textarea {
	border: 1px solid #cfdae0;
	border-radius: 3px;
	width: 100%;
	padding: 10px;
}
.ordering p.hint {
	display: none;
}
.ordering p.hint.error {
	display: block;
}
.address-delivery p {
	color: #393f3f;
	font-family: 'RobotoRegular';
	margin-bottom: 10px;
}
.address-delivery p span {
	display: inline-block;
	min-width: 205px;
	color: #9c9f9f;
}
.cons-popup .popup-content {
	width: 450px;
	padding: 21px 30px 19px;
}
.cons-popup .popup-content p {
	margin-bottom: 10px;
	line-height: 18px;
}
.new-address-popup .popup-content {
	width: 450px;
	margin-top: 6%;
	padding: 21px 30px 19px;
}
.popup-input-tab > label[for*="1"],
.popup-input-tab > label[for*="2"] {
	cursor: pointer;
}
/* Стили секций с содержанием */
.popup-input-tab .tab-form {
	display: none;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked ~ #content-tab1,
#tab2:checked ~ #content-tab2 {
	display: block;
}
.tab-form {
	margin-top: 0;
}
.tab-form input {
	padding: 9px 15px;
	margin-bottom: 17px;
	margin-top: 3px;
	display: block;
	border-radius: 2px;
	width: 100%;
	border: 1px solid #bababa;
}
.tab-form input + p {
	margin-top: 15px;
	margin-bottom: 7px;
}
.tab-form .inp-number {
	display: flex;
	justify-content: space-between;
}
.tab-form .inp-number input {
	flex: 0 117px;
}
p._error {
	color: red;
}

.grecaptcha-badge {
	display: none!important;
}