@import url("icomoon/styles.css");

.form-control,
.btn {border-radius: 0px}

.color-orange {color: #ffae00}
.color-green {background: #8bc34a; color: #fff; border-color: #8bc34a!important}
.color-green .fa.color-orange {color: #fff}

iframe.rate-yandex {border: 0; width: 150px; height: 50px;}

mark.lighting {background: rgba(58, 50, 133,.11); color: #000}

#cboxBottomCenter,
#cboxBottomRight,
#cboxBottomLeft,
#cboxMiddleRight,
#cboxMiddleLeft,
#cboxTopLeft,
#cboxTopRight,
#cboxTopCenter {background: transparent;}
#cboxCurrent {display: none!important;}
#cboxLoadedContent {margin-bottom: 0!important;}

#cboxPrevious {left: 0; width: 124px; top: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent)}
#cboxNext {left: calc(100% - 124px); width: 124px; height: 100%; top: 0; background: linear-gradient(to left, rgba(0, 0, 0, 0.3), transparent)}

#cboxPrevious:after,
#cboxNext:after {    display: inline-block;
    font-family: "Ioniconsv1";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 92px;
	color: #fff;
}
#cboxPrevious, #cboxNext {outline: none; font-size: 0px;}
#cboxPrevious:focus, #cboxNext:focus {outline: none;}
	
#cboxPrevious:after {content: "\f150";}
#cboxNext:after	{content: "\f152";}

@media (max-width: 768px) {
	#cboxPrevious, #cboxNext {width: 92px;}	
	#cboxPrevious:after, #cboxNext:after {font-size: 72px}	
}
@media (max-width: 480px) {
	#cboxPrevious, #cboxNext {width: 64px;}	
	#cboxNext {left: calc(100% - 64px);}
	#cboxPrevious:after, #cboxNext:after {font-size: 48px}	
}


body {font-family: 'Roboto', sans-serif;}
small, p, span {}

a {text-decoration: none; color: #663399}

figure {margin-bottom: 15px; margin-top: 15px;}
figure img{
	max-width: 100%;
	display: flex;
	margin: 0 auto;
	width: 100%;
}


section.errors {padding: 45px 0;}
section.errors .errors {display: block; text-align: center;}
section.errors .errors .error_name{    font-size: 192px; font-weight: bold; color: #f5f5f9; text-shadow: 5px 5px 10px #bdbdbd; display: block; text-align: center;}
section.errors .errors .error_desc{font-size: 15px; color: #777; display: block; margin-bottom: 35px; text-align: center; padding: 0 30%}

section.cabinet,
section.aboult,
section.page {padding: 45px 0;}



section.aboult.sales {
    background: url(./../img/dark-city.jpg);
    background-repeat:  no-repeat;
    background-size:   100% auto;
    background-position: center;
    padding: 50px 0;
}
section.aboult.sales .h2 {
	color: #fff;
}
section.aboult.sales h2 {
	color: #fff;
	font-size: 15px;
}

.alert {padding: 5px}
.notification-cart {
	position: fixed;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 25px;
	z-index: 1000;
}

.order-lists .items h4 {font-weight: 100}
.order-lists .items h4 b {border-bottom: 1px dashed #000}


.user-orders {display: block; width: 100%;}
.user-orders .order-item {display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; background: #f5f5f5; border-radius: 8px; padding: 15px 15px;}
.user-orders .order-item .date{width: 70.5%; font-weight: bold;}
.user-orders .order-item .date b {background: rgb(255 0 0 / 17%); color: red; padding: 0px 6px; margin: 0 0 0 5px; display: inline-block; border-radius: 3px;}
.user-orders .order-item .status{width: 29.5%;}
.user-orders .order-item .desc{font-size: 12px; max-width: 920px; width: 920px}
.user-orders .order-item .desc .info{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; line-height: 36px; margin-bottom: 20px; border-bottom: 1px solid #d1d1d1}
.user-orders .order-item .desc .info span{font-weight: bold;}
.user-orders .order-item .desc .desc-item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 20px; line-height: 21px;}

.user-orders .order-item .desc .cell-num{width: 9%}
.user-orders .order-item .desc .cell-order-list{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 53%;}
.user-orders .order-item .desc .cell-order-list .item{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%;}
.user-orders .order-item .desc .cell-order-list .title{width: 60%; padding: 0 15px}
.user-orders .order-item .desc .cell-order-list .count{width: 20%; white-space: nowrap; padding: 0 15px;}
.user-orders .order-item .desc .cell-order-list .price{width: 20%; white-space: nowrap; padding: 0 15px;}
.user-orders .order-item .desc .cell-price-all{width: 10.5%; padding: 0 15px}
.user-orders .order-item .desc .cell-delivery{width: 28%; padding: 0 15px;}

.modal-fade-bg {
	background-color: #000000b3;
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 1001;
	top: 0;
	left: 0;
}

.modal-fade-bg--hidden {
	display: none;
}

.cookie-modal {
	position: fixed;
	display: flex;
	flex-direction: column;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	background-color: #fafafa;
	width: calc(100% - 42px);
	height: auto;
	padding: 42px;
	gap: 16px;
	border-radius: 1rem;
	border: solid 1px #e5e7eb;
	max-width: 440px;
	z-index: 10000;
}

.cookie-modal .cookie-modal-head {
	display: flex;
	height: auto;
	width: 100%;
	justify-content: end;
}

.cookie-modal-wrapper h1 {
	font-weight: 600;
	font-size: 22px;
	color: #372e82;
	width: 100%;
	text-align: center;
}

.cookie-modal-wrapper {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.cookie-notification-container {
	position: fixed;
	display: flex;
	flex-direction: column;
	gap: 8px;
	left: 3rem;
	bottom: 3rem;
	background-color: #fafafa;
	width: fit-content;
	height: fit-content;
	padding: 20px;
	border-radius: 1rem;
	border: solid 1px #e5e7eb;
	max-width: 500px;
	z-index: 10000;
}

.cookie-notification-container--hidden,
.cookie-modal--hidden {
	display: none;
}

.cookie-notification-head {
	display: flex;
	height: auto;
	flex-direction: column;
	gap: 10px;
}

.cookie-notification-head--row {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
}

.cookie-notification--icon,
.cookie-modal--icon {
	width: 24px;
	height: 24px;
	background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	display: flex;
	rotate: 180deg;
}

.arrow {
	background-image: url("../icons/arrow-up.svg");
}

.close-modal {
	background-image: url("../icons/icon-close.svg");
	opacity: .7;
	transition: opacity ease-in-out .2s;
}

.close-modal:hover {
	opacity: 1;
}

.cookie-notification-title {
	margin: 0;
	font-weight: 600;
	font-size: 16px;
	color: #372e82;
}

.cookie-notification-wrapper {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
	height: auto;
}

.cookie-notification-head p,
.cookie-notification-wrapper span,
.cookie-modal-wrapper span {
	font-size: 14px;
	color: #54555a;
}

.cookie-notification-btn,
.cookie-failures-btn {
	background: #3a2e94;
	padding: 12px 25px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	border: none;
	-webkit-transition: all ease-in-out .2s;
	-moz-transition: all ease-in-out .2s;
	-ms-transition: all ease-in-out .2s;
	-o-transition: all ease-in-out .2s;
	transition: all ease-in-out .2s;
}

.cookie-notification-btn:hover {
	background: #30267c;
}

.about-akb .about-akb--strong {
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.about-akb .about-akb-wrapper {
	margin: 24px 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cookie-failures-container {
	position: fixed;
	display: flex;
	flex-direction: column;
	gap: 8px;
	right: 3rem;
	bottom: 3rem;
	background-color: #fafafa;
	width: fit-content;
	height: fit-content;
	padding: 20px;
	border-radius: 1rem;
	border: solid 1px #e5e7eb;
	max-width: 500px;
	z-index: 10000;
}

.cookie-failures-container .cookie-modal-wrapper span {
	line-height: 18px;
}


@media (max-width: 992px) {
	.cookie-failures-container {
		right: 0;
		bottom: 12rem;
		max-width: 100%;
	}

	.cookie-failures-container .cookie-modal-head {
		display: none;
	}

	.cookie-failures-container .cookie-modal-wrapper h1 {
		margin: 0;
	}

	.cookie-notification-container {
		left: 1rem;
		right: 1rem;
		bottom: 12rem;
	}

	.branch-modal {
		right: 15px !important;
		left: 15px;
	}
}


section.top {background: #f5f5f5; margin: 0}
section.top {background: #372e82; margin: 0}
section.top ul{display: block; list-style: none; margin: 0}
section.top ul li{display: inline-block;}
section.top ul li a{display: inline-block; line-height: 42px; font-size: 12px; padding: 0 7px; color: #fff; text-decoration: none}
section.top ul li a span{border-bottom: 1px solid #fff}
section.search {padding: 50px 0; background: #372e82; overflow: hidden;}
section.search .form-inline {text-align: center}
section.search .form-inline .form-group {position: relative;}
section.search .form-inline .form-group label {font-weight: 100; text-transform: uppercase; font-size: 12px; margin-right: 25px; line-height: 50px; color: #fff; min-width: 120px;}
section.search .form-inline .form-group .form-control {width: 420px; line-height: 50px; height: 50px; border: 2px solid rgba(55, 46, 130, 0.43); font-size: 24px; white-space: 1px}
section.search .form-inline .form-group .form-control:focus { border: 2px solid rgba(55, 46, 130, 0.84) }
section.search .form-inline .form-group .btn {line-height: 32px; position: absolute; height: 32px; right: 10px; top: 9px; padding: 0 10px; background: #372e82; color: #fff; border-radius: 3px}
section.search .form-inline .form-group .type {padding-left: 165px; text-align: left}
section.search .form-inline .form-group .type a {display: inline-block; color: #fff; text-decoration: none; margin-right: 6px}
section.search .form-inline .form-group .type a i {border-bottom: 1px dashed #fff;}

@media (max-width: 768px) {
	section.search .form-inline .form-group .form-control {width: 100%}
	section.search .form-inline .form-group .type {padding: 0}
	
	section.search .form-inline .form-group label {display: none}
	
}

section.catalog-main {margin: 35px 0;}section.search {position: relative;}section.search:after {position: absolute; width: 100%; height: 100%; content: ''; background-image: url(./../../img/parallax_1.jpg); top: 0; left: 0; display: block; background-size: 100% auto; opacity: .1; background-position: center}section.search .container{position: relative; z-index: 2}
header.site {margin: 25px 0 25px 0; position: relative; z-index: 100}
.category {list-style: none; width: 100%; display: block; margin: 10px 0; padding: 0;}
.category li{display: block; width: 100%;}.category li a{display: inline-block; width: 100%; line-height: 32px; font-size: 15px; text-decoration: none; color: #333}.category li a i {color: #663399; opacity: .3}.category li a:hover i {color: #4b428e; opacity: 1;}.category li a:hover {background-color: #f5f1f8; color: #000}

@media (max-width: 992px) {
	.category li a {font-size: 13px}

	footer a.butt {
		padding: 0 12px !important;
	}
}



footer.site {background-color: #272727; padding: 25px 0; color: #fff; position: relative}
footer.site {}
footer.site ul{list-style: none; padding: 0}
footer.site .page-header {color: #fff; opacity: .12}

footer.site:before {content: ''; display: block; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #272727; margin: 0 auto; position: absolute; top: -24px; left: calc(100% / 2 - 6px)}
footer.site h3 {    font-size: 32px;
    color: #669933;
    font-weight: 600;
    text-align: center;
    opacity: .3;}

		.footer-nav {display: flex; flex-direction: row; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0;}
		.footer-nav li {font-size: 15px; font-weight: bold; margin: 0 15px}
		.footer-nav li a {color: #fff; line-height: 24px}

		@media (max-width: 768px) {
			.footer-nav {flex-direction: column; align-items: flex-start;}
			.footer-nav li {margin-bottom: 7px}
		}
		
		
footer.site .fa-phone {    border-radius: 50%;
    border: 2px solid rgba(255,255,255, 0.9);
    vertical-align: middle;
    line-height: 39px;
    font-size: 1.5em;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    margin-top: -6px;}		
				
footer.site .form-control {margin-bottom: 15px;}
footer.site button {background-color: #ff9800; border: 1px solid #ff9800; border-radius: 3px; line-height: 32px; font-weight: bold; color: #000}		
footer.site .ajax_form{    max-width: 280px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.11);
    padding: 30px;
    border-radius: 3px;}		
footer.site .form-header {font-size: 15px; font-style: italic}
		
.list-item ul li i {    display: inline-block;
    font-size: 2.5em;
    margin-bottom: 15px;
	width: 65px;
    height: 65px;
    vertical-align: middle;
    line-height: 60px;
    border-radius: 50%;
    border: 3px solid rgba(255, 255, 255, 0.9);}		
		
.list-item ul li p { font-size: 16px; line-height: 28px }		
.list-item ul li p span {display: block; width: 100%; text-align: center; font-style: italic; text-shadow: 1px 1px 1px rgba(1,1,1,.3); font-size: 14px;}
.list-item ul li p a {color: #fff; text-decoration: none; border-bottom: 1px dashed #fff}	
	
.btn {border-radius: 0; font-size: 14px;}
.btn-default {display: inline-block;  border: 1px solid #663399; color: #663399; padding: 6px 12px; text-decoration: none;}
.btn-default:focus,
.btn-default:hover {background: none;}

.btn-primary {display: inline-block;  border: 1px solid #663399; color: #fff; background: #663399; padding: 6px 12px; text-decoration: none;}
.btn-primary:focus,
.btn-primary:hover {background: #7345a0}

.icon {position: relative; background-position: center; background-repeat: no-repeat; display: inline-block; }
.icon-city {background-image: url('./../img/map-pointer-xs-light.png'); width: 15px; height: 20px}


.top .adress-city {background-image: url('./../img/bg-contacts.png'); background-repeat: no-repeat; background-position: right center; min-width: 250px; padding-left: 25px}
.top .adress-city a {line-height: 42px;}
.top .adress-city a .icon{ margin-right: 15px; bottom: -5px; border-bottom: 0px solid}
.top .adress-city a span{color: #fff; font-size: 14px; border-bottom: 1px solid #fff}

@media (max-width: 768px) {
	.top .adress-city {min-width: 130px; padding-left: 0}
	
}

header.site .logo-site{width: 356px; display: flex; flex-direction: column; align-items: center; }
header.site .logo-site > a {display: block; width: 100%;}
header.site .logo-site > a > img {display: block; max-width: 100%; width: 100%; height: inherit;}


.site-slogan { font-size: 12px; text-align: center; padding: 10px 0; }
.site-slogan b{ color: #393185; text-decoration: underline; }

@media (max-width: 1200px) {
	header.site .logo-site {width: 100%}
	.site-slogan {font-size: 14px}
}

@media (max-width: 768px) {
	.site-slogan {font-size: 16px}
}


.top-phones {background: #eee;}
.top-phones .head-phone {display: flex; flex-direction: row; justify-content: space-between; padding: 2px 0;}
.top-phones .head-phone div {display: flex; justify-content: space-between; flex-direction: row; padding: 5px; flex-grow: 1}
.top-phones .head-phone div:first-child {flex-grow: 2}
.top-phones .head-phone div span {display: block; font-size: 13px; color: #8a8a8a; flex-grow: 1}
.top-phones .head-phone div a {font-weight: bold; font-size: 13px; color: #444444; letter-spacing: 1px; flex-grow: 2; text-align: center}

.top-phones .head-phone div:hover a {color: #663399}
.top-phones .head-phone div:hover span {color: #663399}


@media (max-width: 1200px) {
	.top-phones .head-phone {}
	.top-phones .head-phone div {flex-wrap: wrap; justify-content: flex-start;}
	.top-phones .head-phone div span {width: 100%; text-align: left;}
	.top-phones .head-phone div a {flex-grow: initial; margin-right: 25px; text-align: left}
}

@media (max-width: 768px) {
	.top-phones .head-phone {flex-direction: column}
}


header .head-content {    display: flex; flex-direction: row; height: 134px; align-items: center; justify-content: space-between}

header .call-back {display: flex; flex-direction: row; align-items: center; padding: 0 25px; margin: 0 auto; width: 100%; justify-content: space-around}
header .call-back a.cat {text-decoration: underline}
header .call-back a.btn {}

header .site-brands {display: flex; flex-direction: column; flex-grow: 2}
header .site-brands .site-brands-small {display: flex; flex-direction: row; justify-content: center; margin-bottom: 10px; margin-bottom: 34px}

@media (max-width: 1200px) {
	header .site-brands .site-brands-small {padding-right: 10px}
	header .site-brands .site-brands-small img{max-width: 100%; height: inherit; display: block; width: 100%}
}
@media (max-width: 768px) {
	header .site-brands .site-brands-small {margin-bottom: 0;}
	header .call-back {display: none;}
	header .head-content {height: 60px; flex-direction: column}
	.navbar-nav {margin: 7.5px 15px;}
}

.banners {}
.banners .teaser{position: relative; cursor: pointer}
.banners .teaser figure {margin-bottom: 0}
.banners .teaser a{position: absolute; left: 0; top: 0; padding: 12px 25px; width: 100%; background-color: rgba(255,255,255,.18); color: #fff; text-decoration: none; opacity: .64; transition: all .3s ease; box-shadow: 0 0 2px rgba(1,1,1,.3);}
.banners .teaser:hover a {padding: 18px 25px; opacity: 1; background-color: rgba(255,255,255,.4)}

.navbar-default:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-image: url(./../img/avtozapchasti.jpg); animation: shadow 65s ease-in-out infinite; background-size: 70% auto; opacity: .1}

@keyframes shadow {
0% {background-position: 0px 0px;}
50% {background-position: 100% 100%;}
100% {background-position: 0% 0%;}
}


.row-repair {margin-bottom: 50px;}

.search-result {}
.search-result .block-title{line-height: 32px; margin-top: 25px}
.search-result .block-title span{font-size: 21px; color: #333}
.search-result .block-title span b{border-bottom: 1px solid #663399;}
.search-result .data {display: block; width: 100%;}


.col-s {width: 90px;}
.col-c {width: 90px;}
.col-b {width: 50px;}
.col-o {width: 24px; text-align: center;}
.catalog-product-item .product_inner .btns .ostatok,
.col-o span {display:inline-block; text-align: center; background: #3a3285; color: #fff; font-size: 14px; border-radius: 3px; width: 24px; line-height: 24px; height: 24px;}

#advantages {background: #eff1ed; padding-bottom: 45px}
#advantages h2 {font-weight: 800; color: #646464}
#advantages figure{max-width: 112px; margin: 0 auto}
#advantages h5 {font-size: 21px; font-weight: bold; color: #646464}


.catalog {}
.catalog nav{display: block; background: #f5f5f5; margin-top: 15px}
.catalog nav a {display: block; line-height: 32px; margin-bottom: 2px; color: #333; padding: 0 15px; font-size: 13px}
.catalog nav a span {display: inline-block; border-bottom: 1px solid #000; white-space: nowrap; line-height: 15px}
.catalog nav a.active {color: #fff; background-color: #372e82}
.catalog nav a.active span {border-bottom: 0px solid;}


.pager {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	border: none !important;
}

.pager li {
	margin-right: 4px;
}

.pager li button.active {
	background: #3a3285;
	color: #fff;
}

.pager li button {
	background: #fff;
	font-weight: bold;
	width: 42px;
	height: 42px;
	border: 1px solid #eee;
	box-shadow: none;
}


.catalog-products {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start}
.catalog-product-item {margin-bottom: 8px}
.catalog-product-item .product_inner {box-shadow: 1px 1px 2px rgba(1,1,1,.16); padding-bottom: 0px}
.catalog-product-item .product_inner:hover {box-shadow: 1px 1px 10px rgba(1,1,1,.16)}

.catalog-product-item .product_inner img{transition: all .6s ease; cursor: pointer;}
.catalog-product-item .product_inner figure {position: relative; overflow: hidden}
.catalog-product-item .product_inner figure.has-photo:hover img {transform: scale(1.1)}
.catalog-product-item .product_inner img[src="blank_xs.jpg"] {opacity: .18}
.catalog-product-item .product_inner .artikul_price {font-size: 10px; display: block;}
.catalog-product-item .product_inner .artikul_catalog {font-size: 10px; display: block;}

.catalog-product-item .product_inner .artikul_price i,
.catalog-product-item .product_inner .artikul_catalog i{color: #777; display: inline-block; margin-right: 4px;}
.catalog-product-item .product_inner .artikul_price span,
.catalog-product-item .product_inner .artikul_catalog span{border-bottom: 1px dashed #333}
.catalog-product-item .product_inner .title { display: flex; width: 100%; text-align: left; min-height: 90px; line-height: 18px; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0 4px}
.catalog-product-item .product_inner .title a {color: #292361}
.catalog-product-item .product_inner:hover .title {color: #000}


.catalog-product-item .product_inner .btns a {background: #f5f5f5; text-decoration: none; padding: 2px 15px; border-radius: 0px; color: #fff; font-size: 12px; white-space: nowrap;  transition: all .3s ease; color: #ccc; display: flex; flex-direction: row; align-items: center;}
.catalog-product-item:hover .product_inner .btns a {background: #663399; color: #fff}
.catalog-product-item .product_inner .btns {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0}
.catalog-product-item .product_inner .btns .price {font-size: 15px; font-weight: bold; padding-left: 15px}
.catalog-product-item .product_inner .btns .price-2 {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.catalog-product-item .product_inner .btns .price-2 span {}
.catalog-product-item .product_inner .btns .price-2 s {color: #777; font-weight: 100;}

.catalog-product-item .product_inner .btns .price-2 .p-10 {color: #000}
.catalog-product-item .product_inner .btns .price-2 .p-6 {color: #616161}
.catalog-product-item .product_inner .btns .price-2 .p-0 {color: #a2a2a2}

.pager {border-top: 2px solid #f1f1f1;}
.pager li>a, .pager li>span {border-radius: 0}
.pagination>li>a, .pagination>li>span {color: #000}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #663399; border-color: #663399}


.login-form {display: block; text-align: center}
.login-form .title {font-size: 12px; color: #777; display: block; margin-bottom: 5px; text-align: left}
.login-form .form-control {margin-bottom: 10px;}
.login-form a {font-size: 12px;}

.basket_small {display: flex; flex-direction: column; position: relative; }
.basket_small > .btns {display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px}
.basket_small > .btns a {font-size: 13px; border-bottom: 1px dashed #663399; text-decoration: none; color: #663399}
.basket_small .info {display: flex; flex-direction: row; padding-bottom: 5px; margin-bottom: 5px;}
.basket_small .info div {display: flex; flex-grow: 2; flex-direction: column; position: relative; padding: 0 10px;}
.basket_small .info div > .title {font-size: 12px; color: #777; margin-bottom: 6px; padding: 0}
.basket_small .info div > .desc {font-size: 15px; padding: 0;}
.basket_small .info div ul.product-list {display: flex; flex-direction: column; position: absolute; top: calc(100% + 5px); right: -38px; width: 480px; visibility: hidden; background: #fff; padding: 24px 18px 18px; border: 1px solid #f5f5f5; box-shadow: 1px 1px 5px rgba(1,1,1,.18);}
.basket_small .info:hover div ul.product-list {visibility: visible;}


.basket_small > .btns a {font-weight: bold;}
.basket_small > .btns a:last-child {color: #589214}

/*
.small-cart {background: #eee;
    padding: 20px 10px;
    border-radius: 3px;}
*/



.basket_small .info div ul li {display: flex; flex-direction: row; justify-content: space-between}
.basket_small .info div ul li span{ font-size: 12px; line-height: 18px}
.basket_small .info div ul li span.title{ width: 320px; }
.basket_small .info div ul li span.q{ width: 24px; text-align: center;}
.basket_small .info div ul li span.price{}
.basket_small .info div ul li span.x{}
.basket_small .info div ul li .btns {display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #eee; padding-top: 8px; margin-top: 8px; padding-left: 0; padding-right: 0;}
.basket_small .info .icon {display: flex; flex-grow: 1; justify-content: center; align-items: center}
.basket_small .info .icon i {font-size: 42px; color: #908ea7}

#modal-basket .basket_small {display: flex; flex-direction: column; position: relative; }
#modal-basket .basket_small .info {display: flex; flex-direction: row; padding-bottom: 5px; margin-bottom: 5px;}
#modal-basket .basket_small .info div {display: flex; flex-grow: 2; flex-direction: column; position: relative; padding: 0px;}
#modal-basket .basket_small .info div > .desc {font-size: 15px;}
#modal-basket .basket_small .info div ul.product-list {display: flex; flex-direction: column; position: relative; top: 0; right: inherit; width: 100%; visibility: visible; background: #f7f7f7; padding: 24px 18px 18px; border: 0px solid #f5f5f5; margin-top: 5px;}

#modal-basket .no-modal {display: none!important}

#modal-basket .basket_small .info div ul li {display: flex; flex-direction: row; justify-content: space-between}
#modal-basket .basket_small .info div ul li span{ font-size: 12px; line-height: 18px}
#modal-basket .basket_small .info div ul li span.title{ width: 320px; }
#modal-basket .basket_small .info div ul li span.q{ width: 24px; text-align: center;}
#modal-basket .basket_small .info div ul li span.price{}
#modal-basket .basket_small .info div ul li span.x{}

#modal-basket .basket_small .info div ul li .btns {display: none;}
#modal-basket .basket_small > .btns {display: none;}
#modal-basket .basket_small .info .icon {display: none;}
#modal-basket .basket_small .info div > .title {display: none; }


/*	
@media (max-width: 992px) {
	.small-cart {position: fixed; bottom: 0; left: 0; width: 100%; display: block; background-color: #272727; padding: 5px 15px}
	.basket_small .info .icon {position: absolute; left: 15px; top: 0; padding-left: 0; text-shadow: 1px 1px 1px #000}
	.basket_small .info .icon i {font-size: 72px; color: #fff; opacity: .7; }
	.basket_small .info div {padding-left: 120px}
	
	.basket_small .info div > .title {color: #586747; font-size: 18px; text-shadow: 0px 1px 1px #fff}
	.basket_small .info div > .desc {color: #fff; font-size: 21px; font-weight: bold; text-shadow: 1px 2px 2px #191919}
	
	.basket_small > .btns {position: absolute; top: -37px; margin-top: 0; width: calc(100% + 30px); left: -15px; right: -15px; justify-content: flex-start}

	.basket_small > .btns a:first-child {    border-radius: 5px 25px 0 0;
	padding: 0 35px 0 15px;
	background-color: #663399;
    color: #fff;
    font-size: 21px;
    line-height: 32px;
	position: relative; z-index: 2; text-shadow: 1px 1px #000;
    border: 0px solid;}	.basket_small > .btns a:last-child {    border-radius: 5px 25px 0 0;
	padding: 0 15px 0 35px;
    background-color: #372e82;
    color: #fff;
    font-size: 21px;
    line-height: 32px;
    border: 0px solid; 
	position: relative; z-index: 1; margin-left: -15px; text-shadow: 1px 1px #000
	}

	.basket_small .info:hover div ul.product-list {display: none}
}	
*/


.close {text-shadow: none; color: transparent;}	

.modal-content {border-radius: 0;}
.modal-body .modal-control {display: flex; flex-direction: row; justify-content: space-between}
.modal-body .modal-control .btn.btn-default {font-size: 12px;}
.modal-body .modal-control .btn.btn-primary {font-size: 12px;}
@media(max-width: 768px) {
	.modal-body .modal-control .btn.btn-default {width: 100%}
	.modal-body .modal-control .btn.btn-primary {width: 100%}
}

.modal {z-index: 100500}

.q.bb {display: inline-block; width: 24px; text-align: center; white-space: nowrap}


.cabinet {}
.cabinet nav{display: block; background: #f5f5f5; margin-top: 15px; border-left: 2px solid #372e82}
.cabinet nav a {display: block; line-height: 42px; margin-bottom: 2px; color: #333; padding: 0 15px; font-size: 16px; position: relative}
.cabinet nav a span {cursor: pointer; display: inline-block; border-bottom: 1px dashed #000; white-space: nowrap; line-height: 24px}
.cabinet nav a.active {color: #fff; background-color: #f2a500}
.cabinet nav a.active span {border-bottom-color: #fff}

.cabinet nav a .fa {float: left; width: 32px; text-align: center; display: inline-block; line-height: 42px; font-size: 24px; margin-right: 4px}


.cabinet nav.ordernow a{background: #8bc34a; color: #fff;}
.cabinet nav.ordernow a span {border-bottom: 1px dashed #fff}

@media (max-width: 992px) {
	.cabinet .content {padding: 0}
	.cabinet .col-sm-3 h3 {font-size: 14px; margin-top: 15px; margin-bottom: 8px}
	.cabinet .content-title {margin-top: 0;}
	.cabinet nav a {font-size: 12px; font-weight: bold; padding-right: 0}
	.cabinet nav a .fa {font-size: 12px; width: 18px;}
}


.search-page {}
.search-page nav{display: block; background: #f5f5f5; margin-top: 15px; border-left: 2px solid #372e82}
.search-page nav label {display: block; line-height: 42px; margin-bottom: 2px; color: #333; padding: 0 15px; font-size: 16px; position: relative; cursor: pointer}
.search-page nav label span {display: inline-block; border-bottom: 1px dashed #000; white-space: nowrap; line-height: 24px;
		max-width: 80%; overflow: hidden; margin-top: 7px
	}
.search-page nav label.active {color: #fff; background-color: #f2a500}
.search-page nav label.active span {border-bottom-color: #fff;}
.search-page nav label .fa {float: left; width: 32px; text-align: center; display: inline-block; line-height: 42px; font-size: 24px; margin-right: 4px}
.search-page nav label .fa.fa-square-o {display: inline-block;}
.search-page nav label .fa.fa-check-square-o {display: none;}
.search-page nav label.active .fa.fa-square-o {display: none;}
.search-page nav label.active .fa.fa-check-square-o {display: inline-block;}
.search-page .nav-title {display: block; font-size: 12px; margin-top: 25px; color: #777}



.remind-me {font-size: 10px; font-weight: 500; text-transform: uppercase; padding: 1px 15px; border: 1px solid #3a3285; border-radius: 15px; margin: 0 8px 0 0; cursor: pointer; }
.remind-me i.fa { font-size: 15px; transform: translate(-3px,2px); }


.remind__setting-title {text-align: center; margin: 15px 0 0; display: block; clear: both; width: 100%;}
.remind__setting-intro {margin: 8px 0 0; line-height: 1.8; font-size: 13px; text-align: center}
.remind__setting-options {display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; padding: 25px}


.remind__setting-value label {margin: 0;}
.remind__setting-options label {margin: 0; cursor: pointer; position: relative;} 

.remind__setting-option {position: relative}
.remind__setting-option .bage {position: absolute; background: #ffc107; border-radius: 50%; padding: 7px; top: 5px; left: -16px; font-size: 21px;}
.remind__setting-option {display: block; padding: 10px 24px; border: 1px solid #ffc107; font-weight: 500;}
.remind__setting-option.active {background: #ffc107}

.remind__setting-value {display: none;}
.remind__setting-value.active {display: flex; flex-direction: column; padding: 0 25px}
.remind__setting-value .form-control {font-size: 18px; font-weight: 500;}

.remind__setting-button {padding: 15px; display: flex; align-items: center; justify-content: space-between}
.remind__setting-button .btn-primary {padding: 0 15px;}
.remind__setting-button .remind__setting-intro {padding: 0 15px 0 0; text-align: left; margin: 0}

.remind__setting-input {display: block; max-width: 320px; width: 50%; margin: 0 auto; float: left}
.remind__setting-input label {margin: 5px 0 15px}

.remind__setting-intro input[type="checkbox"] { width: 24px; height: 24px;}
.remind__setting-intro {clear: both}

.remind__setting-options.cab {max-width: 594px}

@media (max-width: 768px) {
	.remind__setting-button .btn-primary,
	.remind__setting-value .form-control,
	.remind__setting-value label,
	.remind__setting-options label {width: 100%;}
	.remind__setting-options {flex-direction: column; align-items: center; justify-content: flex-start; padding: 15px 0;}
	.remind__setting-value.active {padding: 15px 0}
	.remind__setting-button {flex-direction: column; align-items: center; justify-content: flex-start;}
	.remind__setting-button .remind__setting-intro {margin-bottom: 15px;}0
	
	.remind__setting-input {margin: 0 auto; width: 100%; float: initial}
	 
	.remind-me i.fa {transform: translate(0,2px)}
	.remind-me span.text {display: none}
	
	.remind-me {padding: 0 6px; margin: auto}
}

.cabinet .nav-title {display: block; font-size: 12px; margin-top: 25px; color: #777}


.cabinet .content {min-height: 320px; padding-bottom: 70px}

.cabinet .content .order-info .row-delivery {background-color: #eee; color: #000; padding: 0px 0 14px; margin-top: 25px}
.cabinet .content .order-info label{ margin-bottom: 0; margin-top: 15px}
.cabinet .content .order-info label .fa {margin-right: 6px}
.cabinet .content .order-info .form-control {font-size: 16px; margin-bottom: 5px; margin-top: 15px; font-weight: 500; color: #646464}


.cabinet .content .order-title {font-size: 16px; font-weight: 500; }
.cabinet .content .order-info .row-delivery label {border-bottom: 1px dashed #8bc34a; font-size: 16px; color: #909090}

@media (max-width: 768px) {
	.cabinet .content-title {margin-top: 25px; margin-bottom: 15px;}
	.cabinet .content-title .h2 {font-size: 18px;}
	.cabinet .content {padding-top: 15px;}
	.cabinet .content .order-info .form-control {font-size: 14px;}
	
	
	.order-cart-info .table {}
	.order-cart-info .table>tbody>tr>th {font-size: 12px; padding-right: 0}
	.order-cart-info .table>tbody>tr>td {font-size: 12px; padding-right: 0}
	.order-cart-info .table>tbody>tr>td:nth-child(1) {width: 150px; padding-left: 0}
	.order-cart-info .table>tbody>tr>th:nth-child(1) {width: 150px; padding-left: 0}
	.order-cart-info .table>tbody>tr>th:nth-child(2) {width: 54px}
}

.aboult {}
.aboult nav{display: block; background: #f5f5f5; margin-top: 15px; border-left: 2px solid #372e82}
.aboult nav a {display: block; line-height: 32px; margin-bottom: 2px; color: #333; padding: 0 15px; font-size: 13px; position: relative}
.aboult nav a span {display: inline-block; border-bottom: 1px solid #000; white-space: nowrap; line-height: 15px}
.aboult nav a.active {color: #fff; background-color: #372e82}
.aboult nav a.active span {border-bottom: 0px solid;}

.aboult .nav-title {display: block; font-size: 12px; margin-top: 25px; color: #777}


.aboult .content {min-height: 320px}

.content-title {display: block; margin-top: 15px; margin-bottom: 15px; color: #000; font-weight: normal;}

.button_cart_action {color: #663399}


.help-text {background: #eee; padding: 6px 12px; border: 1px solid #ccc}


.etc-login-form p{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.etc-login-form p a {color: #646464; border-bottom: 1px solid #646464; text-decoration: none;}

.form-search-container .btns {position: relative; margin-top: 15px; text-align: center}
.form-search-container .btns button .glyphicon-unchecked {visibility: visible; display: inline-block}
.form-search-container .btns button .glyphicon-ok {visibility: hidden; display: none;}
.form-search-container .btns button.active .glyphicon-unchecked {visibility: hidden; display: none}
.form-search-container .btns button.active .glyphicon-ok {visibility: visible; display: inline-block}
.form-search-container .btns button{display: inline-block;  line-height: 24px; height: 28px; padding: 0 10px; background: transparent; color: #fff; border-radius: 3px; margin: 0 15px; border: 2px solid #fff; transition: all .3s ease; }
.form-search-container .btns a {color: #fff; display: inline-block; padding: 0 15px; line-height: 32px; margin: 0 15px;}
.form-search-container .btns button.active {background-color: #fff; color: #372e82; border: 2px solid rgba(55, 46, 130, 0.43); outline: none;}

@media (max-width: 768px) {
	.form-search-container .btns a {display: none;}
	.form-search-container .btns {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;}
	
	.form-search-container .btns button:nth-child(2) {margin-left: 0; margin-right: 0}
	.form-search-container .btns button:last-child {margin-right: 0;}
}

.nav-tabs {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #483f88; border: 1px solid #3f3881; border-bottom-color: transparent; position: relative}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus:after, .nav-tabs>li.active>a:hover:after {
	content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; left: calc(100%/2 - 8px/2); bottom: -1px;
}

.block-info {}
.block-info p.alert {font-size: 13px;}

#cboxLoadedContent .product_inner figure{margin-top: 0; position: relative; overflow: hidden}
#cboxLoadedContent .product_inner > span {display: block;}
#cboxLoadedContent .product_inner > div.title {font-size: 21px; color: #646464; font-weight: bold;}
#cboxLoadedContent .product_inner > span .manufacturer {}
#cboxLoadedContent .product_inner > span .artikul_price {}
#cboxLoadedContent .product_inner > span .artikul_catalog {}
#cboxLoadedContent .product_inner > span .price {font-size: 24px; font-weight: bold;}
#cboxLoadedContent .product_inner a.button_cart_action i {font-size: 24px; padding-left: 8px}
#cboxClose {bottom: inherit; top: 0; background: #372e82; font-weight: bold; color: #fff; font-size: 28px; width: 40px}

.fixed-scroll-to-top {visibility: hidden;}
.fixed-scroll-to-top.visible {visibility: visible;}
.fixed-scroll-to-top .scroll-top {position: fixed; bottom: 8vh; right: 3vh; display: block; width: 48px; height: 46px; background: #fff; font-size: 24px;
font-weight: bold; color: #fff; text-decoration: none; box-shadow: 1px 1px 1px #eee; line-height: 46px; text-align: center; transform: translateY(10px); transition: all .3s ease; transition-delay: .1s; opacity: 0; background: #3a3285}
.fixed-scroll-to-top.visible .scroll-top {transform: translateY(-20px); opacity: 1; text-shadow: 1px 1px 1px #ccc}
.fixed-scroll-to-top.visible .scroll-top:hover {color: #ff9800; text-decoration: none; text-shadow: 1px 1px 0 #ccc}
.pixel-pix {position: fixed; display: block; width: 1px; height: 1px; right:0; bottom: 0;}


.circle-block {width: 182px; max-width: 100%; position: relative; text-align: cetner; margin: 15px auto;}
.circle-block:after {content: ''; padding-top: 94%; border-radius: 50%; border: 5px solid #ddd; display: block; background-color: rgba(58, 50, 133, 0.4);}
.circle-block h3 {position: absolute; top: 24%; display: block; width: 100%; color: #fff; font-size: 36px; text-align: center;}
.circle-block small {position: absolute; bottom: 28%; display: block; width: 100%; font-size: 16px; text-align: center; color: #fff;}


@media (max-width: 768px) {
	table td[class*=col-]:nth-child(1) {display: none}
	table td[class*=col-]:nth-child(2) {display: none}
	table td[class*=col-]:nth-child(3) {display: none}
	table td.col-m {display: none;}
	table td.col-p {display: none;}
	
	.basket_small .info div > .title {color: #fff; font-size: 16px; text-shadow: none}
	
	.basket_small .info div > .desc {font-size: 18px}
	.modal-body .modal-control {flex-direction: column}
	
	section.aboult.sales {background-size: auto 100%;}
	
	.catalog-product-item .product_inner figure {display: none;}
	.catalog-product-item .product_inner figure.has-photo {display: block;}


	
	.basket_small .info div {padding-left: 52px}
	.basket_small .info .icon {left: 0}
	.basket_small .info .icon i {font-size: 48px}
}

footer a {color: #fff;}





/*******/


section.search {padding: 50px 0; background: rgba(0, 0, 0, 0.77); overflow: hidden;}
section.search .form-inline {text-align: center}
section.search .form-inline .form-group {position: relative;}
section.search .form-inline .form-group label {font-weight: 100; text-transform: uppercase; font-size: 12px; margin-right: 25px; line-height: 50px; color: #fff; min-width: 120px;}
section.search .form-inline .form-group .form-control {width: 420px; line-height: 50px; height: 50px; border: 2px solid rgba(55, 46, 130, 0.43); font-size: 24px; white-space: 1px}
section.search .form-inline .form-group .form-control:focus { border: 2px solid rgba(55, 46, 130, 0.84) }
section.search .form-inline .form-group .btn {line-height: 32px; position: absolute; height: 32px; right: 10px; top: 9px; padding: 0 10px; background: #372e82; color: #fff; border-radius: 3px; font-size: 21px}
section.search .form-inline .form-group .type {padding-left: 165px; text-align: left}
section.search .form-inline .form-group .type a {display: inline-block; color: #fff; text-decoration: none; margin-right: 6px}
section.search .form-inline .form-group .type a i {border-bottom: 1px dashed #fff;}

@media (max-width: 768px) {
	section.search .form-inline .form-group .form-control {width: 100%}
	section.search .form-inline .form-group .type {padding: 0}
	
	section.search .form-inline .form-group label {display: none}
	
}

section.catalog-main {margin: 35px 0;}section.search {position: relative;}section.search:after {position: absolute; width: 100%; height: 100%; content: ''; background-image: url(./../../img/parallax_1.jpg); top: 0; left: 0; display: block; background-size: 100% auto; opacity: .1; background-position: center}section.search .container{position: relative; z-index: 2}
header.site {margin: 25px 0 25px 0; position: relative; z-index: 100}
.category {list-style: none; width: 100%; display: block; margin: 10px 0; padding: 0;}
.category li{display: block; width: 100%;}.category li a{display: inline-block; width: 100%; line-height: 32px; font-size: 15px; text-decoration: none; color: #333}.category li a i {color: #663399; opacity: .3}.category li a:hover i {color: #4b428e; opacity: 1;}.category li a:hover {background-color: #f5f1f8; color: #000}

@media (max-width: 992px) {
	.category li a {font-size: 13px}
}

footer.site {background-color: #272727; padding: 25px 0; color: #fff; position: relative}
footer.site {}
footer.site ul{list-style: none; padding: 0}
footer.site .page-header {color: #fff; opacity: .12}

footer.site:before {content: ''; display: block; width: 0; height: 0; border: 12px solid transparent; border-bottom-color: #272727; margin: 0 auto; position: absolute; top: -24px; left: calc(100% / 2 - 6px)}
footer.site h3 {    font-size: 32px;
    color: #669933;
    font-weight: 600;
    text-align: center;
    opacity: .3;}

		.footer-nav {display: flex; flex-direction: row; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 0;}
		.footer-nav li {font-size: 15px; font-weight: bold; margin: 0 15px}
		.footer-nav li a {color: #fff; line-height: 24px}

		@media (max-width: 768px) {
			.footer-nav {flex-direction: column; align-items: flex-start;}
			.footer-nav li {margin-bottom: 7px}
		}
		
		
footer.site .fa-phone {    border-radius: 50%;
    border: 2px solid rgba(255,255,255, 0.9);
    vertical-align: middle;
    line-height: 39px;
    font-size: 1.5em;
    margin-right: 10px;
    width: 40px;
    height: 40px;
    margin-top: -6px;}		
				
footer.site .form-control {margin-bottom: 15px;}
footer.site button {background-color: #ff9800; border: 1px solid #ff9800; border-radius: 3px; line-height: 32px; font-weight: bold; color: #000}		
footer.site .ajax_form{    max-width: 280px;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.11);
    padding: 30px;
    border-radius: 3px;}		
footer.site .form-header {font-size: 15px; font-style: italic}

#advantages {background: #eff1ed; padding-bottom: 45px}
#advantages h2 {font-weight: 800; color: #646464}
#advantages figure{max-width: 112px; margin: 0 auto}
#advantages h5 {font-size: 21px; font-weight: bold; color: #646464}



.form-search-container .btns {position: relative; margin-top: 15px; text-align: center}
.form-search-container .btns button .glyphicon-unchecked {visibility: visible; display: inline-block}
.form-search-container .btns button .glyphicon-ok {visibility: hidden; display: none;}
.form-search-container .btns button.active .glyphicon-unchecked {visibility: hidden; display: none}
.form-search-container .btns button.active .glyphicon-ok {visibility: visible; display: inline-block}
.form-search-container .btns button{display: inline-block;  line-height: 24px; height: 28px; padding: 0 10px; background: transparent; color: #fff; border-radius: 3px; margin: 0 15px; border: 2px solid #fff; transition: all .3s ease; }
.form-search-container .btns a {color: #fff; display: inline-block; padding: 0 15px; line-height: 32px; margin: 0 15px;}
.form-search-container .btns button.active {background-color: #fff; color: #372e82; border: 2px solid rgba(55, 46, 130, 0.43); outline: none;}

@media (max-width: 768px) {
	.form-search-container .btns a {display: none;}
	.form-search-container .btns {    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;}
	
	.form-search-container .btns button:nth-child(2) {margin-left: 0; margin-right: 0}
	.form-search-container .btns button:last-child {margin-right: 0;}
}

.nav-tabs {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #483f88; border: 1px solid #3f3881; border-bottom-color: transparent; position: relative}
.nav-tabs>li.active>a:after, .nav-tabs>li.active>a:focus:after, .nav-tabs>li.active>a:hover:after {
	content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; left: calc(100%/2 - 8px/2); bottom: -1px;
}

.block-info {}
.block-info p.alert {font-size: 13px;}

#cboxLoadedContent .product_inner figure{margin-top: 0; position: relative; overflow: hidden}
#cboxLoadedContent .product_inner > span {display: block;}
#cboxLoadedContent .product_inner > div.title {font-size: 21px; color: #646464; font-weight: bold;}
#cboxLoadedContent .product_inner > span .manufacturer {}
#cboxLoadedContent .product_inner > span .artikul_price {}
#cboxLoadedContent .product_inner > span .artikul_catalog {}
#cboxLoadedContent .product_inner > span .price {font-size: 24px; font-weight: bold;}
#cboxLoadedContent .product_inner a.button_cart_action i {font-size: 24px; padding-left: 8px}
#cboxClose {bottom: inherit; top: 0; background: #372e82; font-weight: bold; color: #fff; font-size: 28px; width: 40px}

.fixed-scroll-to-top {visibility: hidden;}
.fixed-scroll-to-top.visible {visibility: visible;}
.fixed-scroll-to-top .scroll-top {position: fixed; bottom: 2.5vh; right: 3vh; display: block; width: 48px; height: 46px; font-size: 24px;
font-weight: bold; color: #fff; text-decoration: none; box-shadow: 0px 4px 8px rgba(1,1,1,.18); line-height: 46px; text-align: center; transform: translateY(10px); transition: all .3s ease; transition-delay: .1s; opacity: 0; background: #3a3285; z-index: 10001}
.fixed-scroll-to-top.visible .scroll-top {transform: translateY(-20px); opacity: 1; text-shadow: 1px 1px 1px #ccc}
.fixed-scroll-to-top.visible .scroll-top:hover {color: #ff9800; text-decoration: none; text-shadow: 1px 1px 0 #ccc}
.pixel-pix {position: fixed; display: block; width: 1px; height: 1px; right:0; bottom: 0;}


.circle-block {width: 182px; max-width: 100%; position: relative; text-align: cetner; margin: 15px auto;}
.circle-block:after {content: ''; padding-top: 94%; border-radius: 50%; border: 5px solid #ddd; display: block; background-color: rgba(58, 50, 133, 0.4);}
.circle-block h3 {position: absolute; top: 24%; display: block; width: 100%; color: #fff; font-size: 36px; text-align: center;}
.circle-block small {position: absolute; bottom: 28%; display: block; width: 100%; font-size: 16px; text-align: center; color: #fff;}


@media (max-width: 768px) {
	table td[class*=col-]:nth-child(1) {display: none}
	table td[class*=col-]:nth-child(2) {display: none}
	table td[class*=col-]:nth-child(3) {display: none}
	table td.col-m {display: none;}
	table td.col-p {display: none;}
	
	table.table-result tr td {border: 0px solid;}
	table.table-result tr {display: block; margin-bottom: 15px; border-bottom: 1px solid #eee}
	table td.col-n {width: 100%; display: block;}
	table td.col-s {width: 80px; font-size: 12px; white-space: nowrap}
	table td.col-c {font-weight: bold}
	table td.col-i {width: 64px;}
	table.table-result tr td .button_cart_action {    width: 64px; display: inline-block; text-align: center;}
	
	.basket_small .info div > .title {color: #fff; font-size: 16px; text-shadow: none}
	
	.basket_small .info div > .desc {font-size: 18px}
	.modal-body .modal-control {flex-direction: column}
	
	section.aboult.sales {background-size: auto 100%;}
	
	.catalog-product-item .product_inner figure {display: none;}
	.catalog-product-item .product_inner figure.has-photo {display: block;}
	
	.basket_small .info div {padding-left: 52px}
	.basket_small .info .icon {left: 0}
	.basket_small .info .icon i {font-size: 48px}
}

footer a {color: #fff;}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {box-shadow: none; outline: none;}

select {border-radius: 0px; background-color: #fff; border: 1px solid #e7e7e7; padding-left: 13px; width: 100%; height: 30px; color: #2c2c2c; font-size: 14px; cursor: pointer; background-image: url('./../img/arrow-down.svg'); background-repeat: no-repeat; background-position: calc(100% - 13px) center; line-height: 30px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-size: 9px;
}
select:focus {outline: none; box-shadow: none;}

.modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}



small {font-size: 13px; line-height: 14px; display: block;}

h1 {font-size: 32px; color: #000; font-weight: normal; margin-bottom: 15px; margin-top: 5px}
h2 {font-size: 26px; color: #000; font-weight: normal; margin-bottom: 15px; margin-top: 15px}
h3 {font-size: 20px; color: #000; margin-bottom: 25px; margin-top: 38px}
h4 {font-size: 14px; color: #000; text-transform: uppercase;}

article.delivery p {font-size: 16px; line-height: 20px; padding-right: 65px; letter-spacing: -.4px;}
article.delivery small {margin-top: 20px; margin-bottom: 32px; padding-right: 60px; letter-spacing: -.3px;}

@media (max-width: 480px) {
	.pagination-catalog {
		padding: 0;
	}

	article.delivery p {padding-right: 50px}
	article.delivery small {padding-right: 35px;}
}

label.confirm {color: #8d8d8d; font-size: 18px; font-weight: normal;}

label {font-weight: normal;}

label input[type='checkbox'] + .check {background-position: center; background-size: 7px 5px; width: 12px; height: 12px; display: inline-block; margin-right: 5px; background-color: #3a3285; border: 1px solid transparent; background-repeat: no-repeat; border-radius: 2px;}

label input[type='checkbox']:checked + .check {background-image: url(./../img/check.svg);}

label input[type='radio'] + .radio {width: 14px; height: 14px; display: inline-block; margin-right: 10px; background-color: #fff; border: 1px solid #8b8b8b; border-radius: 50%; margin-top: 4px; margin-bottom: 4px; margin-left: 2px}

label input[type='radio'] + .radio:after {content: ''; display: block; width: 8px; height: 8px; margin: 2px; background-color: transparent; border-radius: 50%;}
label input[type='radio']:checked + .radio:after {background-color: #3a3285;}
label > input[type='radio'] {display: none;}

label {margin-bottom: 30px}

.form-control {line-height: 50px; height: 50px; padding: 0 22px; background-color: #fff; border: 1px solid #c2c2c2; font-size: 13px; border-radius: 2px; box-shadow: none; font-weight: normal; }
textarea.form-control {line-height: 18px; padding-top: 10px; padding-bottom: 10px;}
textarea.noresize {resize: none}

.form-control:hover,
.form-control:focus {color: #8c8c8c; outline: none; box-shadow: none; border-color: #3a3285}

.row-pay-images {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; height: 84px; flex-wrap: wrap;}
.row-pay-images img {margin-right: 27px}

@media (max-width: 480px) {
	.row-pay-images {height: 140px;}
}

.no-padding {padding: 0}
.margin-auto {display: flex; margin: 0 auto; align-self: center; float: none;}


.m1odal-backdrop {background: transparent!important; opacity: 0!important}
.modal-backdrop {background: #000000;}

.modal-content {border-radius: 4px; border: 1px solid #e0e0e0; box-shadow: 0px 3px 73px rgba(139, 139, 139, 0.56)}
.modal-content .info-body {padding: 35px 39px 32px 39px}
.modal-content .info-body p {text-align: center}
.modal-content .info-body .btn-orange {margin-top: 23px;}

.modal-content button.close:hover,
.modal-content button.close:focus {
	outline: none;
	color: transparent;
	scale: 0.9;
}
.modal-content button.close {
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(./../img/modal-close-dark.svg);
	background-repeat: no-repeat;
	background-position: center;
	transition: all ease-in-out .2s;
	width: 50px;
	height: 50px;
	background-size: 12px;
	background-color: transparent;
	opacity: 1;
}


@media (min-width: 768px) {
	.modal-sm {width: 370px;}
}

.navbar-toggle {float: left; background-image: url(./../img/menu.svg); background-repeat: no-repeat; background-position: center; width: 32px; height: 54px; margin: 0; border: 0px solid; border-radius: 0; position: absolute; left: 0; top: 0; width: 52px; }

div.mouse {display: none; width: 0; height: 0; top: 0; left: 0;}
div.mouse .h {width: 1px; height: 99vh; top: 0; background: #11fffb; position: fixed; z-index: 91240; transition: all .1s ease;}
div.mouse .w {width: 98vw; height: 1px; left: 0; background: #11fffb; position: absolute; z-index: 91240; transition: all .1s ease;}

@media (min-width: 769px) {
	footer .col-sm-6 {
		 width: 100%;
	}

		
	.carousel-fade .carousel-inner .item {
	  opacity: 0;
	  transition-property: opacity;
	}

	.carousel-fade .carousel-inner .active {
	  opacity: 1;
	}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
	  left: 0;
	  opacity: 0;
	  z-index: 1;
	}

	.carousel-fade .carousel-inner .next.left,
	.carousel-fade .carousel-inner .prev.right {
	  opacity: 1;
	}

	.carousel-fade .carousel-control {
	  z-index: 2;
	}

	@media all and (transform-3d), (-webkit-transform-3d) {
		.carousel-fade .carousel-inner > .item.next,
		.carousel-fade .carousel-inner > .item.active.right {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.prev,
		.carousel-fade .carousel-inner > .item.active.left {
		  opacity: 0;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
		  opacity: 1;
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		}
	}
}

.slider-werapper {width: 100%; border-radius: 12px; background-color: #fafafa; padding: 6px 12px}
.slider-werapper .cell {display: flex; width: 100%;
  left: 0 !important;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  z-index: -1;
}
.slider-werapper .cell.is-selected {
  opacity: 1;
  z-index: 0
}
.slider-werapper .cell .slide-inner {display: flex; flex-direction: row; padding: 15px; align-items: center}


.slider-werapper .cell .slide-inner .b-logo {height: 42px; width: initial;}
.slider-werapper .cell .slide-inner .b-logo img {max-width: 100%; width: initial; height: 100%;}

.slider-werapper .cell .slide-inner .b-desc {    width: 80%; margin-left: 20px;}
.slider-werapper .cell .slide-inner .b-action { padding-left: 15px;}
.slider-werapper .cell .slide-inner .b-action a {
	font-size: 14px;
    background-color: #3f51b5;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    padding: 6px 12px;
    font-weight: 500;
	border: none;
}

/*.flickity-slider {*/
/*  transform: none !important;*/
/*}*/

@media(max-width: 768px) {
	.slider-werapper .cell .slide-inner {flex-direction: column}
	.slider-werapper .cell .slide-inner .b-desc {margin: 25px 0; width: 90%}
	.slider-werapper .cell .slide-inner .b-logo {height: 64px; width: initial;}
	
	.slider-werapper .cell .slide-inner .b-action {padding: 0}
	.slider-werapper .cell .slide-inner .b-action a {font-size: 20px; padding: 8px 16px}
	
	.slider-brands-top { display: none; }
}


@media (min-width: 992px) { 
	.container { width: 100%; }

	footer .col-sm-6 {
		width: auto;
	}
}

@media (min-width: 1380px) {
	.container {
		width: 1380px;
	}
}

@media (max-width: 768px) { 
	.container { width: 100%; }
}

@media (max-width: 768px) { 
	.nomargintop-xs {margin-top: 0!important;}
}

body {font-family: 'Gotham Pro', sans-serif; font-size: 16px; line-height: 26px; color: #000}

b1ody:before,
b1ody:after {content: ''; display: block; width: 1px; height: 100vh; background: red; opacity: .6; position: fixed; top: 0; z-index: 1000}

body:before {left: 89px}
body:after {right: 89px}

@media (max-width: 768px) {
	body:before {left: 14px}
	body:after {right: 14px}
}

p {color: #54555a; padding: 0; margin: 0}
a {color: #83b146; color: #337ab7; text-decoration: underline;}
a:hover {color: #ffae00}

.crumb {padding-top: 10px; margin-bottom: 10px;}
.crumb .breadcrumb {background: none; padding: 0; border: 0px solid #eaeaea; border-radius: 4px; margin-bottom: 0;}
.crumb .breadcrumb>li {font-size: 14px; font-weight: normal;}
.breadcrumb>li+li:before { padding: 0 5px 0 8px; color: #000; content: "/\00a0"; }
.breadcrumb>li+li:before {
	display: none;
}
.crumb .breadcrumb>li a {color: #000; display: inline-block; border-bottom: 0px solid #b8b8b8; text-decoration: none;}
.crumb .breadcrumb>li span { display: inline-block; color: #1200b7}
.crumb .breadcrumb>li a,
.crumb .breadcrumb>li span {line-height: 14px; letter-spacing: -.4px}

	
	.crumb .breadcrumb>li {font-weight: 500;}
	.crumb .breadcrumb>li i {margin: 0 8px; font-size: 18px; color: #716bab}
	.crumb .breadcrumb>li a { color: #f2a500; text-decoration: none; border-bottom: 0px solid;}


@media (max-width: 768px) {
	.crumb .container {display: flex; flex-direction: row; justify-content: center; align-items: center; min-height: 60px; border: 1px solid #eaeaea; margin: 0 15px; width: calc(100% - 30px); border-radius: 5px; padding: 0}
	.breadcrumb {background: transparent;}
	.breadcrumb>li {display: inline;}
	.crumb .breadcrumb {padding: 1px 18px 2px 18px; display: block; line-height: 14px; width: 100%; border: 0px solid;}
	.crumb .breadcrumb>li span {display: inline;}
	/*.crumb .breadcrumb>li:last-child {display: block; width: 100%}
	.crumb .breadcrumb>li:last-child:before {display: none;}*/
	.crumb.bg-g-container .container {background-color: #f5f5f5;}
	.crumb.bg-g {background-color: #f5f5f5; padding-bottom: 30px}
	.crumb .breadcrumb>li a, .crumb .breadcrumb>li span {line-height: 1.6;}
}


footer {border-top: 2px solid #a2a2a2; padding-top: 48px}
footer .site-logo {margin-left: 8px; margin-top: 7px; display: inline-block}
footer ul {list-style: none; margin: 0; padding: 0; margin-left: -9px;}

footer .catalog-links {padding-left: 47px; column-count: 2}
footer .information-links {padding-left: 37px;}
footer .contacts-info {padding-left: 0px;}

footer .copi {margin-top: 17px;}
footer .copi > div {border-top: 1px solid #e8e8e8; display: flex; flex-direction: row; justify-content: space-between; padding-top: 15px; padding-bottom: 27px;}
footer .copi p {font-size: 14px; line-height: 32px; color: #666666; margin: 0; padding: 0; padding-left: 5px; font-family: Myriad Pro;}
footer .copi  ul {display: flex; flex-direction: row; width: 190px; justify-content: space-between; padding: 0 8px}
footer .copi  ul li {}
footer .copi  ul li a{line-height: 32px; font-size: 22px; color: #aaaaaa; text-decoration: none;}
footer .copi  ul li a:hover{color: #3a3285}
footer h3 {margin: 0; padding: 0; line-height: 32px; font-size: 12px; text-transform: uppercase; color: #000; letter-spacing: -.75px; font-weight: bold; margin-left: -9px;}
footer ul li a {display: block; line-height: 32px; font-size: 14px; text-decoration: none; color: #696969; letter-spacing: -.75px} 
footer ul li a:hover {color: #ffae00; text-decoration: none;}

@media (max-width: 992px) {
	footer ul, 
	footer h3 {margin-left: 0} 
	
	footer .contacts-info {padding: 0 20px}
	footer .catalog-links,
	footer .information-links {padding: 0 15px;}
	
	footer .information-links ul {margin-bottom: 25px}
	footer .catalog-links {}
	footer .catalog-links ul {margin-bottom: 25px}
}

@media (max-width: 768px) {
	footer .catalog-links {column-count: initial; padding-left: 0;}
	footer .site-logo {margin: 0 0 50px; display: block; text-align: center;}
	footer .information-links ul { margin-bottom: 32px; }
	
	footer .copi {margin: 0;}
	footer .copi > div {border: 0px solid; flex-direction: column; align-items: center; justify-content: center; padding: 0}
	footer .copi ul {height: 75px; align-items: center; padding: 0}
	footer .copi p {order: 10; width: 100%; border-top: 1px solid #e5e5e5; text-align: center; line-height: 50px; margin-bottom: 10px;}
	
}

.features {background: #f5f5f5; padding-top: 46px}
.block-features {background: #fff; border-radius: 4px; border: 1px solid #3a3285; margin-bottom: 39px;}
.block-features.no-border {border: 0px solid;}
.block-features img {max-width: 70px; margin: 40px auto 0; height: initial; display: block}
.block-features h4 {font-size: 16px; color: #000; font-weight: normal; text-align: center; margin-bottom: 40px}

@media (max-width: 992px) {
	.block-features img {max-width: 142px}
}
@media (max-width: 550px) {
	.block-features img {max-width: 82px}
}

.block-banner {margin-bottom: 45px; position: relative; overflow: hidden}
.block-banner figure {width: 100%;}
.block-banner figure img {width: 100%; max-width: 100%; display: block; height: initial;}
.block-banner figure figcaption {font-size: 26px; line-height: 42px; color: #000; text-align: right; padding: 20px 23px; position: absolute; left: 0; top: 0; width: 100%; max-height: 100%; height: 100%; display: block; overflow: hidden; z-index: 1; opacity: 1; transition: all .2s ease;  transform: translateX(0px);}
.block-banner figure figcaption span {display: block;}
.block-banner .action {position: absolute; top: 0; height: 100%; left: 0; display: flex; width: 100%; flex-direction: row; justify-content: flex-end; align-items: center; z-index: 2; visibility: hidden; transition: all .2s ease; transform: translateX(30px); opacity: 0;}
.block-banner .action a {display: inline-block; line-height: 49px; width: 190px; margin-right: 94px; letter-spacing: 0;}
.block-banner:hover figure figcaption {visibility: hidden; opacity: 0; transform: translateX(30px); transition-delay: .1s} 
.block-banner:hover .action {visibility: visible; transform: translateX(0px); opacity: 1; transition-delay: .2s} 

@media (max-width: 992px) {
	.block-banner .action a {margin-right: 54px}
	.block-banner figure figcaption {font-size: 20px; line-height: 24px}
}

@media (max-width: 768px) {
	.block-banner figure {overflow: hidden;}
	.block-banner figure img {height: 250px; max-width: initial; width: initial;}

	.block-banner figure figcaption {font-size: 26px; line-height: 32px; padding: 20px 10px;}	
	.block-banner figure figcaption span {line-height: 40px}
	
	.block-banner.text-mobile-left figure figcaption {padding-right: 33%;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 33%;}
	
	.block-banner:hover figure figcaption {
    visibility: visible; opacity: 1; transform: translateX(0px); transition-delay: .1s; }
	
	.block-banner .action {transform: translateX(0); visibility: visible; opacity: 1; justify-content: center; align-items: flex-end; padding-bottom: 13px}
	.block-banner .action a {margin: 0;}
}

@media (max-width: 620px) {
	.block-banner.text-mobile-left figure figcaption {padding-right: 27%;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 27%;}
}

@media (max-width: 550px) {
	.block-banner.text-mobile-left figure figcaption {padding-right: 20%;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 20%;}
}

@media (max-width: 480px) {
	.block-banner.text-mobile-left figure figcaption {padding-right: 40%; padding-left: 10%;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 40%; padding-right: 10%;}
}

@media (max-width: 420px) {
	.block-banner.text-mobile-left figure figcaption {padding-right: 40%; padding-left: 10px;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 40%; padding-right: 10px;}
}

@media (max-width: 360px) {
	.block-banner.text-mobile-left figure figcaption {padding-right: 100px; padding-left: 10px;}
	.block-banner.text-mobile-right figure figcaption {padding-left: 100px; padding-right: 10px;}
}

.banners {padding-top: 39px; background-color: #f5f5f5; }
.banner-item {position: relative;}
.banner-item .inner {display: flex; flex-direction: column; width: 100%; height: 320px; background-size: 100% auto; background-position: center top; padding: 0 44px; justify-content: center; overflow: hidden; max-width: 100%; border-radius: 4px; margin-bottom: 39px}

.banner-item.banner-content-left .inner {align-items: flex-start; padding: 0 31.9% 0 10%;}
.banner-item.banner-content-right .inner {align-items: flex-end; padding: 0 7% 0 54%;}

.banner-item .inner .title {color: #000; font-size: 32px; line-height: 36px; letter-spacing: -1.5px;}
.banner-item.small-title .inner .title {color: #000; font-size: 20px; line-height: 24px; letter-spacing: -.9px;}
.banner-item.inverse-title .inner .title {color: #fff}

.banner-item .inner .btn {margin-top: 34px;}

@media (max-width: 1199px) {
	.banner-item .inner {height: 256px;}
	.banner-item .inner .title {font-size: 24px; line-height: 32px}
	.banner-item.small-title .inner .title {font-size: 16px; line-height: 20px}
}

@media (max-width: 992px) {
	.banner-item .inner {height: 192px;}
	.banner-item .inner .title {font-size: 20px; line-height: 26px}
	.banner-item.small-title .inner .title {font-size: 14px; line-height: 16px}
}
@media (max-width: 768px) {
	
	.banners .row {flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; display: flex;}
	.banners .row > .col-xs-12 {width: 290px}
	
	.banner-item {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap;}
	.banner-item .inner {height: 385px; max-width: 290px; background-size: auto 100%!important; background-position: center top!important; padding: 60px 39px; align-items: flex-start; flex-direction: column; align-items: flex-start; justify-content: flex-start}

	.banner-item.banner-content-left .inner,	
	.banner-item.banner-content-right .inner { padding: 60px 39px; }
	
	.banner-item .inner .title {font-size: 32px; letter-spacing: -1.7px; line-height: 38px; margin-bottom: 15px; margin-top: 8px}
	.banner-item.small-title .inner .title {font-size: 24px; letter-spacing: -.7px; line-height: 28px;}
	
	.banner-item .inner .btn {font-size: 14px;}
	
}


aside .banners {background-color: transparent;}
aside	.banner-item {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; flex-wrap: wrap; margin-bottom: 10px}
aside	.banner-item .inner {height: 295px; max-width: 270px; background-size: 100% auto!important; padding: 60px 39px; align-items: flex-start; flex-direction: column; align-items: flex-start; justify-content: flex-start}

aside	.banner-item .inner.banner-content-left {background-position: center top!important}
aside	.banner-item .inner.banner-content-right {background-position: center bottom!important}

aside	.banner-item.banner-content-left .inner {padding: 49px 10px 30px 21px; margin-bottom: 0;}
aside	.banner-item.banner-content-right .inner { padding: 49px 25px 49px 30px; }
	
aside	.banner-item .inner .title {font-size: 32px; letter-spacing: -1.7px; line-height: 36px; margin-bottom: 10px; margin-bottom: auto; }
aside	.banner-item.small-title .inner .title {font-size: 20px; letter-spacing: -.7px; line-height: 24px; margin-top: auto; margin-bottom: 10px;}
	
aside	.banner-item .inner .btn {font-size: 14px; margin-top: 0px; margin-bottom: 0px;}

@media (max-width: 992px) {
	aside .banners {display: flex; flex-direction: row; justify-content: space-around;}
}

.data-tab-toggle {display: none; visibility: hidden; opacity:0; transition: all .2s ease; position: relative; padding-bottom: 54px;}
.data-tab-toggle.active {display: block; visibility: visible; opacity:1;}

.block-carousel {position: relative; padding: 0 70px; border-radius: 4px; border: 1px solid #3a3285; margin-bottom: 40px; background-color: #fff;}

.carousel-brands {height: 167px; display: none; max-height: 170px;}
.carousel-brands .flickity-slider {display: flex; flex-direction: row; align-items: center;}
.carousel-brands .item {padding: 34px}


.flickity-prev-next-button {width: 28px;}
.flickity-button-icon {fill: #808080}
.carousel-brands .flickity-prev-next-button.previous {left: -41px}
.carousel-brands .flickity-prev-next-button.next {right: -41px}

@media (max-width: 768px) {
	.data-tab-toggle {padding-bottom: 39px}
}

@media (max-width: 550px) {
	.block-carousel {padding: 0}
	.carousel-brands .item {width: 100%; text-align: center;}
	
	.carousel-brands .flickity-prev-next-button.previous {left: 20px}
	.carousel-brands .flickity-prev-next-button.next {right: 20px}
}


.btn-content:active,
.btn-content:focus,
.btn-content:hover,
.btn-content {background: transparent; font-size: 18px; font-family: 'Myriad Pro', sans-serif; border: 0px solid; box-shadow: none; color: #ffae00; padding: 0px 1px; border-bottom: 1px solid #ffae00; border-radius: 0; line-height: 16px; display: flex!important; margin-left: auto; margin-right: auto; outline: none!important; margin-top: 17px; position: relative}
.btn-content.show span.show{display: block!important;}
.btn-content.show span.hide{display: none!important;}
.btn-content.hide span.hide{display: block!important;}
.btn-content.hide span.show{display: none!important;}

.btn-content.hide {color: #808080; border-bottom: 1px solid #303030}

.content {padding-bottom: 52px; padding-top: 45px}
.content header {padding: 0 7px 20px;}
.content header .h1 {color: #54555a; font-size: 28px; letter-spacing: -1.5px; margin: 0; padding: 0; font-weight: normal}
.content article {overflow: hidden; position: relative}
.content article:after {content: ''; display: block; height: 104px; width: 100%; bottom: -70px; background-image: linear-gradient(to top, #fff, #fff, #fff, transparent); position: absolute; transition: all .2s ease}
.content.seo {background: #f5f5f5}
.content.seo article:after {display: none;}
.content.seo article {padding-left: 6px;}
.content.seo article header {padding-left: 0px; padding-bottom: 0}
.content.seo header .h1 {font-size: 24px; color: #1a1a1a; font-weight: bold;}
.content p {padding: 0 7px; }
.content.seo h3 {font-size: 14px; line-height: 24px; color: #37383c; font-weight: bold; margin: 0; margin-top: 24px;}
.content.seo p {padding: 0; font-size: 14px; line-height: 24px; color: #37383c;}

@media (max-width: 768px) {
	.content header {padding: 0 0px 20px;}
	.content header .h1{font-size: 26px;}
	.content p {padding: 0}
}

.navbar {border-radius: 0; border: 0px solid; margin: 0; position: relative; }
.navbar-secondary {background: #fff; z-index: 11}
.navbar-primary {background: #3a3285; z-index: 10}


.icon {position: relative;}
.icon:before {content: ''; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-repeat: no-repeat; background-position: center;}
.icon-remove:before {background-image: url(./../img/icon-remove.svg); width: 26px; height: 26px;}
.icon-page-back:before {background-image: url(./../img/page-back.svg); width: 26px; height: 26px; background-size: 9px;}
.icon-descendant:before {background-image: url(./../img/icon-descendant.svg); width: 26px; height: 26px;}
.icon-bag:before {background-image: url(./../img/icon-bag.svg); width: 28px; height: 28px;}
.icon-call:before {background-image: url(./../img/icon-call.svg); width: 11px; height: 14px; margin-bottom: -1px; margin-right: 8px;}
.icon-mess:before {background-image: url(./../img/icon-message.svg); width: 13px; height: 14px; margin-bottom: -1px; margin-right: 8px;}
.icon-menu:before {background-image: url(./../img/icon-menu.svg); width: 24px; height: 19px;}
.icon-arrow:before {background-image: url(./../img/icon-arrow.svg); width: 10px; height: 10px;}
.icon-arrow-nav:before {background-image: url(./../img/icon-arrow-nav.svg); width: 8px; height: 8px;}
.icon-libra:before {background-image: url(./../img/icon-libra.svg); width: 29px; height: 25px;}
.icon-libra-black:before {background-image: url(./../img/icon-libra-black.svg); width: 13px; height: 12px;}
.icon-shopping-cart {background-image: url(./../img/icon-shopping-cart.svg); width: 22px; transform: scale(-1,1); background-size: 22px; line-height: 48px; background-repeat: no-repeat; background-position: center; display: inline-block; margin-right: 12px; margin-left: -1px; height: inherit}
.icon-check:before {background-image: url(./../img/icon-check.svg); width: 23px; height: 50px; position: absolute; left: 1px; top: 5px; background-size: auto 50px;}


.icon-check {padding-left: 39px;}

.icon.up:before { transform: rotate(0deg);} 
.icon.right:before { transform: rotate(90deg);} 
.icon.down:before { transform: rotate(180deg);} 
.icon.left:before { transform: rotate(270deg);} 

@media (max-width: 992px) {
	.icon-menu:before {width: 18px; height: 18px;}
}
@media (max-width: 992px) and (min-width: 769px) {
	.icon-shopping-cart {background-size: 18px; margin-right: 8px;}
}

@media (max-width: 768px) {
	.icon-menu:before {width: 25px; height: 19px;}
	.icon-call:before {background-image: url(./../img/icon-call-m.svg); width: 11px; height: 14px; margin-bottom: -1px; margin-right: 8px;}
	.icon-mess:before {background-image: url(./../img/icon-message-m.svg);width: 13px; height: 14px; margin-bottom: -1px; margin-right: 8px;}
}

.abs-border-orange:after {content: ''; display: block; width: 0; max-width: 110px; height: 4px; min-width: 0; border-radius: 2px; background-color: #ffae00; position: absolute; top: 43px; z-index: 2; transition: all .3s ease}
.last-viewed .abs-border-orange:after {max-width: 100%;}
.abs-border-orange + .abs-border-orange:after {max-width: 100%}

.abs-border-grey .h2:before{content: ''; display: block; width: 100%; height: 4px; border-radius: 2px; background-color: #e8e8e8; position: absolute; top: 43px; z-index: 1}
.last-viewed .abs-border-grey .h2:before{background-color: #e6e6e6}

.group-title {display: flex; flex-direction: row; justify-content: flex-start; position: relative; margin-top: 45px; margin-bottom: 37px}
.group-title .abs-border-orange:after {}
.group-title .abs-border-orange.active:after {display: block; width: 100%; min-width: 96px}
.group-title .h2 {color: #a2a3ab; font-size: 32px; font-weight: 400; letter-spacing: -1.5px; position: relative; margin-top: 0; cursor: pointer}

.group-title .h2.active {color: #54555a;}
.group-title .h2+.h2 {margin-left: 49px;}
.group-title .h2+.h2:before{width: calc(100% + 51px); left: -51px;} 

@media (max-width: 768px) {
	.group-title .h2 {font-size: 26px;}
}

.btn-block {display: flex; flex-direction: row; justify-content: center;}
.btn-block .btn + .btn {margin-left: auto;}


.btn-orange:hover, 
.btn-orange:focus {background-color: #e69d00; color: #fff} 
.btn-orange {font-size: 16px; font-weight: bold; color: #fff; text-transform: uppercase; width: 214px; max-width: 100%; background-color: #ffae00; letter-spacing: -.8px; text-decoration: none; padding: 0; border: 0px solid; padding: 1px 0 0; height: 49px; line-height: 49px}

.btn-primary:hover, 
.btn-primary:focus {background-color: #5c51c0; color: #fff} 
.btn-primary {font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; width: 214px; max-width: 100%; background-color: #3a3285; letter-spacing: -.8px; text-decoration: none; padding: 0; border: 0px solid; padding: 1px 0 0; height: 49px; line-height: 49px}

.btn-default:hover, 
.btn-default:focus {background-color: #fff; color: #f2a51e} 
.btn-default {font-size: 16px; font-weight: bold; color: #f2a51e; text-transform: uppercase; background-color: #fff; letter-spacing: -.4px; text-decoration: none; padding: 0; border: 0px solid; padding: 1px 0 0; height: 49px; line-height: 49px; padding: 0 17px}

@media (max-width: 992px) and (min-width: 769px) {
	.btn-orange {font-size: 12px}
}

.btn-green-ico i:before {font-size: 28px}
.btn-green-ico {width: 64px; height: 59px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #3a3285; color: #fff; font-size: 16px;}
.btn-green-ico:hover {color: #fff;}
.btn-red-ico {width: 64px; height: 59px; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #d80000; color: #fff; font-size: 16px;}
.btn-red-ico:hover {color: #fff;}

figure {display: block;}
figure img {
	width: 100%;
	max-width: 100%;
	height: inherit;
	display: block;
	max-height: 500px;
	object-fit: contain;
}

.slide-main { background-color: #f5f5f5;}
.slide-main .slide-items {display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; margin: 25px 0 28px}
.slide-main .slide-items .b,
.slide-main .slide-items .s {display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; position: relative}
.slide-main .slide-items .s {}

.slide-main .slide-items .b span {position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,.7); width: 100%; padding: 15px 24px; font-size: 24px; transition: all .1s ease}
.slide-main .slide-items .b:hover span {background: rgba(255,255,255,.94); font-weight: bold; padding-top: 24px; padding-bottom: 18px}

.slide-main .slide-items .b a,
.slide-main .slide-items .s a {display: block; overflow: hidden;}

@media (min-width: 993px) {
	.slide-main .slide-items .b {margin-right: 12px}
	
	.slide-main .slide-items .b a {flex-basis: 307px;}
	.slide-main .slide-items .s a {flex-basis: 146px;}
}

@media (min-width: 1200px) {
	.slide-main .slide-items .b a {flex-basis: 400px;}
	.slide-main .slide-items .s a {flex-basis: 192px;}
	
	.slide-main .slide-items .s {width: 33.163%; max-width: 33.163%;}	
}


@media (max-width: 992px) {
	.branch-selection-model .branch-wrapper {
		padding: 15px;
		min-height: 82px;
	}

	.branch-selection-model .branch-wrapper button,
	.branch-selection-model .branch-wrapper span {
		font-size: 20px;
	}

	.slide-main .slide-items {flex-direction: column;}
	.slide-main .slide-items .b {margin-bottom: 12px;}
	.slide-main .slide-items .s {margin-bottom: 12px;}

	.slide-main .slide-items .b {width: 100%;}
	.slide-main .slide-items .s {width: 100%; flex-direction: row; justify-content: space-between;}
	.slide-main .slide-items .s a {flex-basis: 49.1%; display: flex; flex-direction: row; justify-content: center; align-items: stretch;}
	.slide-main .slide-items .s a figure {flex-basis: 100%; display: flex; flex-direction: row; justify-content: center; align-items: flex-start;}
}

@media (max-width: 992px) {
	.slide-main {padding: 0}
	.slide-main .slide-items {margin: 19px 0;}
	.slide-main .slide-items .b {margin-bottom: 0}
	.slide-main .slide-items .s {margin-bottom: 0; flex-direction: column;}
	.slide-main .slide-items .b a {margin-bottom: 15px; flex-basis: auto;}
	.slide-main .slide-items .s a {margin-bottom: 16px; flex-basis: auto;}
}


@media (max-width: 992px) {
	.slide-main .slide-items .s {flex-direction: row;}
	.slide-main .slide-items .s a {max-width: 48%; min-width: 124px; margin-bottom: 0}
	.slide-main .slide-items .s a figure {margin-bottom: 0px; display: block; flex-direction: column; justify-content: flex-start!important; background-color: #fff;}
	.slide-main .slide-items .s a figure img { height: initial; max-width: 85%; margin: 0 auto; padding-top: 6px}
	.slide-main .slide-items .s a figure figcaption {display: block!important; padding-top: 6px; font-size: 14px; text-align: center; padding: 6px 15px 0; height: 42px; line-height: 1.2}
	
}

@media (max-width: 380px) {
	.slide-main .slide-items .s a figure figcaption {font-size: 10px}
}


header.header { background-color: #f5f5f5; height: 101px; display: flex; flex-direction: row; align-items: center;}
header.header .row {display: flex; align-items: center; justify-content: space-between;}

@media(min-width: 769px) {
	header.header {position: relative; z-index: 12;}
}

.site-logo {font-size: 32px; color: #000; font-weight: 900; text-decoration: none;}
.site-logo img {max-width: 100%}

@media (max-width: 768px) {
	.site-logo {width: 100%; display: block; text-align: center;}
}

.head-contacts {font-size: 14px; color: #54555a; font-weight: 500; display: flex; flex-direction: column; line-height: 16px;}
.head-contacts > span {display: flex; flex-direction: row;}
.head-contacts > span > span {white-space: nowrap;}
.head-contacts > span > span:last-child {margin-left: 9px}
.head-contacts > span > span:first-child{margin-left: 0;}

@media (max-width: 1199px) {

}

@media (max-width: 992px) {
	.head-contacts > span:first-child {font-size: 11px; margin-bottom: 6px}
	.head-contacts > span {flex-direction: column}
	.head-contacts > span > span:last-child {margin-left: 0;}
	.head-contacts > span > span {font-size: 13px;}
}


@media (max-width: 768px) {
	header.header {height: 300px}
	.head-contacts {display: none;}
	header.header .row {flex-direction: column;}	
	
	.col-search {order: 10; height: 92px;}
}


.col-search .form-search-head {position: relative}
.col-search .form-search-head .btns.h {display: none;}
.col-search .form-search-head .btns {position: absolute; top: 54px; display: flex; flex-direction: row; justify-content: space-between; width: 100%; padding: 0 32px;}
@media (min-width: 1200px) {
	.col-search .form-search-head .btns {padding: 0 32px 0 74px;}
}
.col-search .form-search-head .btns button {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; font-size: 11px; background-color: transparent; color: #000; box-shadow: none; border: 0px solid; border-bottom: 1px solid transparent; font-weight: bold; letter-spacing: -.3px; line-height: 24px; padding: 0}
.col-search .form-search-head .btns button:focus {outline: none;}
.col-search .form-search-head .btns button .c { 
    background-position: center; background-size: 7px 5px; width: 14px; height: 14px; display: inline-block; margin-right: 5px; border: 1px solid transparent; background-repeat: no-repeat; border-radius: 2px; background-image: url(./../img/check.svg); margin-right: 10px; border-color: #e3e3e3; background-color: #fff; transform: translateY(1px); border-radius: 0;
}
.col-search .form-search-head .btns button .c {width: 18px; height: 18px; background-size: 11px 8px}

.col-search .form-search-head .btns button.active { border-bottom: 1px solid #3a3285;}
.col-search .form-search-head .btns button.active .c {background-color: #3a3285; border-color: #3a3285}
.col-search .form-search-head .btns button:hover { border-color: #ccc}
.col-search .form-search-head .btns button.active:hover { border-color: #3a3285}


.small-cart {display: flex; flex-direction: row; justify-content: flex-end; height: 58px;}
.small-cart .order-info {display: flex; flex-direction: row; justify-content: flex-start; width: 166px; background-color: #fff; border-radius: 30px; align-items: center; box-shadow: 0 4px 18px #cbcbcb;}
.small-cart .order-info .i-cart {width: 80px; min-width: 80px; max-width: 80px; display: block; text-align: center; position: relative; padding-top: 4px}
.small-cart .order-info .i-cart a {color: #fff; text-decoration: none; position: relative; width: 28px; height: 28px; display: inline-block;}
.small-cart .order-info .i-cart a .badge {position: absolute; top: -2px; left: 20px; background-color: #f2a500; width: 23px; height: 23px; line-height: 21px; font-size: 11px; color: #fff; font-weight: 600; font-family: "Open Sans", sans-serif; padding: 0 0 0 1px; border-radius: 50%;}

.small-cart .order-info .i-order {display: flex; flex-direction: column; line-height: 20px; color: #343640;}
.small-cart .order-info .i-order span {font-size: 13px;}
.small-cart .order-info .i-order strong {font-size: 15px; font-weight: 600; white-space: nowrap;}

.small-cart .order-favorits {display: flex; flex-direction: row; justify-content: center; align-items: center; margin-right: 38px}
.small-cart .order-favorits a {color: #fff; text-decoration: none; position: relative; width: 28px; display: flex; flex-direction: row; align-items: flex-end; padding-top: 6px}
.small-cart .order-favorits a .ion:before{color: #2c2c2c; font-size: 32px; line-height: 24px;}
.small-cart .order-favorits a .badge {position: absolute; top: 0px; left: 18px; background-color: #3a3285; width: 23px; height: 23px; line-height: 21px; font-size: 11px; color: #fff; font-weight: 600; font-family: "Open Sans", sans-serif; padding: 0 0 0 1px; border-radius: 50%;}

@media (max-width: 1199px) {
	.small-cart {margin-left: -15px; width: calc(100% + 15px);}
	.small-cart .order-favorits {margin-right: 28px;}
	.small-cart .order-info .i-cart {width: 72px; min-width: 72px; max-width: 72px}
}

@media (max-width: 768px) {
	.small-cart {margin: 19px auto; justify-content: center;}
}

.navbar-search {position: relative; max-width: 457px; padding: 0 15px 0 0; float: right; width: 100%}
.navbar-search .form-control {width: 100%; line-height: 49px; color: #000; font-size: 18px; padding: 0 50px 0 55px; border: 1px solid #3a3285; height: 49px; border-radius: 25px; width: 100%; background: #f5f5f5; font-weight: 500; letter-spacing: .6px;}
.navbar-search .form-control:focus {outline: none; color: #444; box-shadow: 1px 2px 8px rgba(205, 205, 205, 0.75);}
.navbar-search button {position: absolute; top: 0; right: 0; background-image: url(./../img/icon-search.svg); background-repeat: no-repeat; background-position: center; border: 0px solid; width: 64px; height: 100%; display: block; background-color: transparent; right: 15px; background-size: 16px; opacity: .36}
.navbar-search button:hover,
.navbar-search button:focus {background-color: transparent; box-shadow: none; outline: none}
.navbar-search .form-control:focus + button {}

@media (max-width: 1199px) {
	.navbar-search {padding: 0}
	.navbar-search button {right: 0;}
}
@media (max-width: 992px) {
	.navbar-search button {width: 48px}
	.navbar-search .form-control {padding: 0 35px 0 20px; font-size: 12px}
}
@media (max-width: 768px) {
	.navbar-form {margin: 0}
	.navbar-search {padding: 0; max-width: 100%;}
	.navbar-search .form-control {font-size: 14px; line-height: 43px; height: 43px; padding: 0 116px 0 45px}
	.navbar-search button {background-image: url(./../img/icon-search-m.svg); opacity: 1; width: 70px}

	.col-search .form-search-head .btns {top: 72px}
	.navbar-search .form-control {height: 64px; line-height: 64px; border-radius: 32px; font-size: 18px}

}



.carousel-arrows {display: flex; flex-direction: row; justify-content: flex-end; height: 0;}
.carousel-arrows a {transform: translateY(-49px); display: inline-block; width: 34px; height: 32px; color: #454a63}
.carousel-arrows a:hover {color: #ffae00;}
.carousel-arrows a i.ion:before{font-size: 24px;}

@media (max-width: 768px) {
	.carousel-arrows a {width: 24px; height: 32px; font-size: 18px}
}

.spec {padding-bottom: 42px;}

.product-special {padding: 0 2px; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%}
.product-special >.col-xs-12 {width: 298px;}
.product-special .product-item {position: relative; display: flex; flex-direction: column; padding: 0px 0px 15px; border: 1px solid #3a3285; border-radius: 4px; margin: 15px 0; width: 268px; height: 268px; background-color: #fff}
.product-special .product-item > * {z-index: 2}
.product-special .product-item figure {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 100%; transition: all .3s ease; padding: 0 0 46px; margin: 0; padding: 0; margin-bottom: -20%}
.product-special .product-item figure {height: initial; position: relative; padding-top: 75%; overflow: hidden; z-index: 1}
.product-special .product-item figure:after {content: ''; display: block; bottom: 0; left: 0; width: 100%; height: 65%; background: linear-gradient(to top, #fff , #fff, rgba(255, 255, 255, 0.77), rgba(255, 255, 255, 0)); position: absolute;}
.product-special .product-item:hover figure{} /* -248px */
.product-special .product-item figure img{ display: inline-block; height: auto; width: auto; max-height: 100%; position: absolute; top: 0; width: 100%; height: initial; max-height: initial; opacity: .9; left: 0}
.product-special .product-item:hover figure img {opacity: 1}
.product-special .product-item:hover figure img[src*="blank_xs.jpg"],
.product-special .product-item figure img[src*="blank_xs.jpg"] {opacity: .18}

.product-special .product-item .btn-block {transition: all .3s ease; opacity: 0}
.product-special .product-item .btn-block.compare {position: absolute; top: 153px; visibility: hidden; left: 28px;}
.product-special .product-item:hover .btn-block.compare { visibility: visible; top: 133px; opacity: 1}
.product-special .product-item:hover .btn-block {visibility: visible; opacity: 1}
.product-special .product-item .btn-block.compare {display: flex; flex-direction: row; justify-content: center; width: calc(100% - 56px)}
.product-special .product-item .btn-block.compare .btn {margin: 0 8px;}
.product-special .product-item .btn-block {margin-top: 20px; display: none}
.product-special .product-item:hover .btn-block {display: flex;}

.product-special .product-item .price {font-size: 20px; color: #000; display: flex; flex-direction: row; justify-content: flex-start; letter-spacing: 0px; line-height: 20px; padding: 0 15px; flex-wrap: wrap; justify-content: center}
.product-special .product-item .price .old {font-size: 14px; position: relative; white-space: nowrap; text-decoration:line-through;}
.product-special .product-item .price strong { white-space: nowrap; width: 100%; text-align: center; display: block}
.product-special .product-item .price .old:after {content: ''; display: block; width: 100%; left: 0; top: 51%; position: absolute; height: 1px; background: #000}
.product-special .product-item .price .old + strong {margin-left: auto; }

.product-special .product-item .info {display: flex; flex-direction: column;}
.product-special .product-item:hover .info {margin-top: calc(248px - 317px);}

.product-special .product-item .info .title {font-size: 16px; color: #000; letter-spacing: -.7px; height: 44px; display: block; overflow: hidden; line-height: 18px; margin-bottom: 2px} 


.catalog.product-special {padding: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; width: 100%; position: relative; z-index: 3}
.catalog.product-special >.col-xs-12 {width: 298px; z-index: 1;}

.catalog.product-special >.col-xs-12:hover {/*width: 298px;*/ z-index: 2;}

.catalog.product-special .product-item {position: relative; display: flex; flex-direction: column; padding: 0px 24px 15px; border: 1px solid #3a3285; border-radius: 4px; margin: 15px 0; width: 268px; height: 400px; background-color: #fff;}
.catalog.product-special .product-item figure {display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 100%; transition: all .3s ease; padding: 36px 0 46px}
.catalog.product-special .product-item figure {height: 317px}
.catalog.product-special .product-item:hover figure{} /* -248px */
.catalog.product-special .product-item figure img{ display: inline-block; height: auto; width: auto; max-height: 100%;}
.catalog.product-special .product-item:hover {border: 1px solid #3a3285;} 

.catalog.product-special .product-item .btn-block {transition: all .3s ease; opacity: 0}
.catalog.product-special .product-item .btn-block.compare {z-index: 1; position: absolute; top: 153px; visibility: hidden; left: 28px;}
.catalog.product-special .product-item:hover .btn-block.compare { visibility: visible; top: 133px; opacity: 1; z-index: 3;}
.catalog.product-special .product-item:hover .btn-block {visibility: visible; opacity: 1}
.catalog.product-special .product-item .btn-block.compare {display: flex; flex-direction: row; justify-content: center; width: calc(100% - 56px)}
.catalog.product-special .product-item .btn-block.compare .btn {margin: 0 8px;}
.catalog.product-special .product-item .btn-block {margin-top: 20px; display: none}
.catalog.product-special .product-item:hover .btn-block {display: flex;}

.catalog.product-special .product-item .price {font-size: 20px; color: #000; display: flex; flex-direction: row; justify-content: flex-start; letter-spacing: 0px; line-height: 20px;}
.catalog.product-special .product-item .price .old {font-size: 18px; position: relative; white-space: nowrap}
.catalog.product-special .product-item .price strong { white-space: nowrap;}
.catalog.product-special .product-item .price .old:after {content: ''; display: block; width: 100%; left: 0; top: 51%; position: absolute; height: 1px; background: #000}
.catalog.product-special .product-item .price .old + strong {margin-left: auto; }

.catalog.product-special .product-item .info {display: flex; flex-direction: column;}
.catalog.product-special .product-item:hover .info {position: absolute; z-index: 2; top: -1px; left: -1px; width: calc(100% + 2px); padding: 248px 0 0; margin-top: 0; border: 1px solid #3a3285; box-shadow: 0px 6px 18px #dbdbdb; border-radius: 4px; overflow: hidden; overflow: hidden;}
.catalog.product-special .product-item:hover .info .sizes.hidden {visibility: visible!important; opacity: 1!important; display: flex!important;}

.catalog.product-special .product-item .sizes {flex-direction: row; justify-content: space-between; flex-wrap: wrap; padding: 0 24px; position: relative;}
.catalog.product-special .product-item .sizes:before {content: ''; display: block; height: 0; width: 100%; border-top: 1px solid #e5e5e5; margin-bottom: 13px}
.catalog.product-special .product-item .sizes dt {width: 50%; white-space: nowrap; text-align: left; font-size: 14px; line-height: 32px; color: #000; letter-spacing: -.7px; font-weight: normal;}
.catalog.product-special .product-item .sizes dd {width: 50%; white-space: nowrap; text-align: right; font-size: 14px; line-height: 32px; color: #000; letter-spacing: -.7px;}


.catalog.product-special .product-item:hover .info .title {font-size: 16px; color: #000; letter-spacing: -.7px; height: 44px; display: block; overflow: hidden; line-height: 18px; margin-bottom: 2px; padding: 0 24px;} 

.catalog.product-special .product-item:hover .price {padding: 0 24px; background: #fff;}
.catalog.product-special .product-item:hover .info .sizes {margin: 15px 0 0; background: #fff;}
.catalog.product-special .product-item:hover .info .btn-block {padding: 13px 24px 28px; background: #fff; margin: 0;}


@media (max-width: 1199px) and (min-width: 769px) {
	/* дизайнер засранец! */
	.catalog.product-special .product-item {height: 350px}
	.catalog.product-special .product-item figure {height: 266px}
	
	.catalog.product-special >.col-xs-12 {width: 33.3%; max-width: 33.3%;}
	.catalog.product-special .product-item {max-width: 100%;}
	
	.catalog.product-special .product-item:hover .info .title {padding: 0 12px}
	.catalog.product-special .product-item:hover .info .title,
	.catalog.product-special .product-item .info .title {font-size: 14px;}
	
	.catalog.product-special .product-item:hover .price {padding: 0 12px; font-size: 14px;}
	.catalog.product-special .product-item .price {}
	.catalog.product-special .product-item .price {font-size: 13px}
	.catalog.product-special .product-item .price .old {font-size: 14px}
	.catalog.product-special .product-item .sizes {padding: 0 12px}
	.catalog.product-special .product-item:hover .info .btn-block {padding-left: 12px; padding-right: 12px}
}



@media (min-width: 768px) {
	.navbar-collapse.collapse {display: flex!important; flex-direction: row;}
	
}
@media (max-width: 768px) {
	
	.catalog.product-special,
	.product-special {display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: center; width: calc(100% + 30px); margin-left: -15px; position: relative}
	.catalog.product-special .col-xs-12,
	.product-special .col-xs-12 {padding: 0;}
	.catalog.product-special .product-item,
	.product-special .product-item {width: 268px; height: 268px; padding: 0px 0px 0px}

	.catalog.product-special .product-item figure,
	.product-special .product-item figure { height: 288px; padding: 36px 0 20px; margin-bottom: 27px;}
	.catalog.product-special .product-item figure .btn-block.compare,
	.product-special .product-item .btn-block.compare {top: 185px}
	.catalog.product-special .product-item:hover .info {}
	.product-special .product-item:hover .info {margin-top: -48px;}
	.product-special .product-item .info .title {font-size: 16px;}
	.product-special .product-item:hover .btn-block.compare {top: 120px;}
	.product-special .product-item .price {font-size: 20px; position: absolute; top: 50%; width: 100%;}
	.product-special .product-item .price .old {font-size: 18px;}
}


.navbar-secondary {border: 1px solid #dfdfdf; background: #fff;}
.navbar-secondary .navbar-nav {display: flex; flex-direction: row; height: 60px; align-items: center; justify-content: flex-start;}
.navbar-secondary .navbar-nav.navbar-right { margin-left: auto;}

.navbar-secondary .navbar-nav>li{margin-right: 15px;}
.navbar-secondary .navbar-nav>li:last-child{margin-right: 14px;}
.navbar-secondary .navbar-nav>li>a {font-size: 14px; color: #252629; letter-spacing: -.75px; text-decoration: none; padding: 0 5px 0 4px}
.navbar-secondary .navbar-nav>li>a:hover,
.navbar-secondary .navbar-nav>li>a:focus {color: #f2a500; background: transparent}

.navbar-secondary .navbar-nav>li.hot>a {position: relative;}
.navbar-secondary .navbar-nav>li.hot>a:after {content: "\f02b"; display: inline-block; font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; position: absolute; top: -5px; font-size: 10px; color: #8bc34a; left: -5px;}

.navbar-secondary .navbar-nav.navbar-auth>li {margin: 0; display: flex; flex-direction: row; align-items: center}
.navbar-secondary .navbar-nav.navbar-auth>li:last-child{margin-right: 0px;}
.navbar-secondary .navbar-nav.navbar-auth>li:last-child:before {content: ''; display: block; height: 11px; background-color: #d6d6d6; width: 1px; margin: 0 22px}
.navbar-secondary .navbar-nav.navbar-auth>li>a {padding-right: 0; padding-left: 0; position: relative; letter-spacing: 0; line-height: 22px}
.navbar-secondary .navbar-nav.navbar-auth>li>a.register:after {content: ''; position: absolute; top: 24px; left: 1px; display: block; width: calc(100% - 2px); height: 1px; background: #3a3285; }

.navbar-primary .navbar-nav {display: flex; flex-direction: row; height: 60px; align-items: center; justify-content: flex-start; width: 100%}
.navbar-primary .navbar-nav>li{display: flex; flex-direction: row; align-items: center}
.navbar-primary .navbar-nav>li>a {padding: 0; font-size: 16px; color: #fff; text-decoration: none; font-weight: 500; white-space: nowrap}
.navbar-primary .navbar-nav.pull-right>li:after {content: ''; display: inline-block; height: 11px; width: 1px; background-color: #fff; opacity: .36; margin: 0 31px 0 45px;}
.navbar-primary .navbar-nav.pull-right>li:last-child:after {display: none}

.navbar-primary .navbar-nav>li.active>a,
.navbar-primary .navbar-nav>li.active>a:hover,
.navbar-primary .navbar-nav>li.active>a:focus,
.navbar-primary .navbar-nav>li>a:focus,
.navbar-primary .navbar-nav>li>a:hover {background-color: transparent;}


.navbar-primary .navbar-nav>li.catalog {width: 270px; position: relative;}
.navbar-primary .navbar-nav>li.catalog > a {background: #f2a500; padding-top: 0; padding-bottom: 0; line-height: 48px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; color: #fff; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 6px 19px 6px 22px; width: 100%}
.navbar-primary .navbar-nav>li.catalog > a > .icon-menu {margin-right: 26px; display: flex; align-items: center; justify-content: center}
.navbar-primary .navbar-nav>li.catalog > a > .down {margin-left: auto;}
 
.navbar-primary .navbar-nav>li.catalog .catalog-nav-list {display: block; visibility: hidden; opacity: 0; transform: translateY(-12px); transition: all .2s ease; transition-delay: .5s;
} 

@media (min-width: 768px) {
	.navbar-primary .navbar-nav>li.catalog .catalog-nav-list {max-width: 620px; column-count: 2; width: 620px;}
}

@media (min-width: 992px) {
	.navbar-primary .navbar-nav>li.catalog .catalog-nav-list {max-width: 820px; column-count: 3; width: 820px;}
}
@media (max-width: 768px) {
	.navbar-primary .navbar-nav>li.catalog .catalog-nav-list {max-width: 100%; column-count: inherit; width: 100%;}
}


.navbar-primary .navbar-nav>li.catalog:hover .catalog-nav-list {visibility: visible; opacity: 1; transform: translateY(0);  transition-delay: 0s} 
 
.catalog-nav-child,
.catalog-nav-list {list-style: none; margin: 0; border: 1px solid #ededed; padding: 26px 0 24px; background-color: #fff; box-shadow: 0px 4px 27px rgba(107, 107, 107, 0.35); border-radius: 0}
.catalog-nav-list li a {font-size: 14px; line-height: 40px; white-space: nowrap; text-decoration: none; color: #2c2c2c; font-weight: 500; padding: 0 32px; display: block; position: relative;}
.catalog-nav-list li a:hover,
.catalog-nav-list li:hover > a {color: #f2a500}

.catalog-nav-list li a .icon-arrow {position: absolute; right: 26px;}
.catalog-nav-list li a .icon-arrow:before { background-size: 8px}
 
.navbar-primary .navbar-nav>li.catalog .catalog-nav-list li .catalog-nav-child {display: block; visibility: hidden; opacity: 0; transform: translateX(-12px); transition: all .2s ease; transition-delay: .3s; z-index: 1}
.navbar-primary .navbar-nav>li.catalog .catalog-nav-list li:hover .catalog-nav-child {visibility: visible; opacity: 1; transform: translateY(0); transition-delay: 0s; z-index: 2}
 
@media (max-width: 1199px) {
	.navbar-primary .navbar-nav>li.catalog {width: 242px;}
	.navbar-primary .navbar-nav>li.catalog > a {font-size: 16px;}
	.navbar-primary .navbar-nav>li.catalog > a > .icon-menu {margin-right: 12px}
	
	.navbar-primary .navbar-nav.pull-right>li:after {margin: 0 15px 0 15px;}
}

@media (max-width: 992px) {
	
	.navbar-primary .navbar-nav>li.catalog {width: 192px;}
	.navbar-primary .navbar-nav>li.catalog > a {padding: 6px 15px; font-size: 12px;}
	
	.navbar-primary .navbar-nav>li>a {font-size: 12px}
	.navbar-primary .navbar-nav.pull-right>li:after {margin: 0 10px;}
	
	.catalog-nav-list li a {white-space: inherit; padding: 8px 30px 8px 15px; font-size: 13px; line-height: 16px;}
	
	.navbar-primary .navbar-nav>li.catalog .catalog-nav-list li .catalog-nav-child li a {white-space: nowrap;}
	
	.catalog-nav-list li a .icon-arrow {right: 15px;}
	
	.navbar-secondary .navbar-nav>li>a {font-size: 12px}
	
	.navbar-secondary .navbar-nav.navbar-right.navbar-info {flex-direction: column; align-items: flex-start; justify-content: center; order: -1; margin-top: 15px; padding-bottom: 0;}
	.navbar-secondary .navbar-nav.navbar-right.navbar-info li {margin: 0}
	
} 
 
 @media (min-width: 769px) {
	.catalog-nav-child,
	.catalog-nav-list {position: absolute; top: calc(100% + 12px); left: 0; width: 100%; display: flex; flex-direction: column}
	
	
	.catalog-nav-child {left: calc(100% + 12px); top: 0px}
 }
 @media (max-width: 768px) {
	 .navbar-secondary .navbar-nav.navbar-right.navbar-info {display: flex; flex-direction: row;}
	 .navbar-secondary .navbar-nav.navbar-right.navbar-info li {padding: 0 8px}
	 .navbar-secondary .navbar-nav.navbar-right.navbar-info li a {padding: 0 15px}
	 
	 .navbar-secondary .navbar-nav.navbar-right {margin-left: 24px; flex-direction: row; justify-content: flex-start; margin-right: 35px; padding-top: 0; padding-bottom: 35px;}
	 .navbar-secondary .navbar-nav.navbar-auth>li {padding: 0;}
	 .navbar-secondary .navbar-nav.navbar-auth>li:last-child:before {display: none;}
	 .navbar-secondary .navbar-nav.navbar-auth>li:last-child {margin-left: auto;}
	 .navbar-secondary .navbar-nav.navbar-auth>li>a {font-size: 14px;}
	 .navbar-nav {margin: 0}
	 
	 .head-mobile-contacts {list-style: none; float: right; display: flex!important; flex-direction: column; align-items: flex-start; justify-content: center; margin: 0; height: 50px; padding-top: 1px}	 
	 
	 .head-mobile-contacts li {line-height: 20px;}
	 .head-mobile-contacts li a {color: #252629; line-height: 21px; font-size: 14px; text-decoration: none; letter-spacing: -.6px;}
	 
	.navbar-primary .row,
	.navbar-secondary .row {margin: 0;}
	
	.navbar-secondary {max-height: 52px;}
	.navbar-secondary .collapse {transition: all 0s ease!important; transition-delay: 0!important;}
	.navbar-secondary .collapse.in {position: absolute; max-width: 240px; background: #fff; border: 0px solid; display: flex; flex-direction: column; top: calc(100% + 1px); width: 240px; overflow: visible; padding: 0 0 20px; box-shadow: 2px 6px 35px rgba(139, 139, 139, .38)}
	.navbar-secondary .navbar-nav {display: flex; flex-direction: column; height: auto; padding-top: 45px; padding-top: 15px; padding-bottom: 22px; align-items: flex-start;}
	.navbar-secondary .navbar-nav>li {padding-left: 20px;}
	.navbar-secondary .navbar-nav>li>a{line-height: 42px; font-size: 16px; text-align: left;}
	 
	.navbar-primary {background: #f2a51e;}
	.navbar-primary .navbar-collapse {display: flex!important; visibility: visible; border: 0px solid; padding: 0;}
	.navbar-primary .navbar-nav {align-items: flex-start;}
	.navbar-primary .navbar-nav>li.catalog {width: 100%; position: relative; flex-direction: column}
	.navbar-primary .navbar-nav>li.catalog > a {width: 100%; font-size: 18px; line-height: 48px; padding: 6px 22px 6px 15px}
	.navbar-primary .navbar-nav>li.catalog > a > .icon-menu {margin-right: 35px;} 
	 
	.catalog-nav-child {position: absolute; left: calc(100% + 9px); top: -1px}
	.catalog-nav-list {position: static; }
	.catalog-nav-list {width: 270px; position: absolute; left: 0; top: calc(100% + 13px);}
	.catalog-nav-child {display: none!important;}
	.catalog-nav-list > li:hover > .catalog-nav-child {display: flex!important; margin-bottom: 20px;}
 }
 
 @media (max-width: 650px) {
	.catalog-nav-child {position: relative; left: -1px; flex-direction: column; top: 0px; box-shadow: none; width: 270px;}
	 
	 
 }
 
 .teaser-login:before {background-image: url(./../img/login.jpg);}
 .teaser-register:before {background-image: url(./../img/register.jpg);}
 
.auth {margin-top: 70px; display: block;}
.auth .auth-user {display: flex; flex-direction: row; align-items: stretch; width: 100%; box-shadow: 0 10px 50px rgba(0,0,0,.1); border-radius: 4px; margin-bottom: 135px}

@media (min-width: 1200px) {
	.auth .auth-user {margin: 0 -15px 135px;}
}

.auth .auth-user .auth-content {flex-direction: column; display: flex; padding: 52px 51px 44px 49px;}
.auth .auth-user .auth-content .h1 {font-size: 24px; font-weight: 900; color: #3a3285; line-height: 32.5px; margin-bottom: 42px; margin-top: 0;}
.auth .auth-user .auth-content label.confirm {margin-top: -10px}
.auth .auth-user .teaser {position: relative; background-color: #000; flex-direction: column; display: flex; padding: 52px 42px 72px 54px; height: 100%; justify-content: flex-end; cursor: default}
.auth .auth-user .teaser:before {background-repeat: no-repeat; background-size: 100% auto; background-position: center; content:''; opacity: .42; z-index: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all .3s ease}
.auth .auth-user .teaser.teaser-register {background-color: #3a3285;}
.auth .auth-user .teaser.teaser-register:before {background-size: auto 100%; opacity: .22}
.auth .auth-user .teaser:hover:before {opacity: .64;}
.auth .auth-user .teaser span {font-size: 36px; line-height: 32.5px; font-weight: 100; color: #fff; position: relative; z-index: 2; cursor: default;}
.auth .auth-user .action {display: flex; position: relative; z-index: 1; height: 0px; overflow: visible; flex-direction: row;}
.auth .auth-user .action {transform: translateY(20px);}
.auth .auth-user .action.left button,
.auth .auth-user .action.left a {margin-right: auto; height: 50px; font-size: 16px; margin-left: 5px;}
.auth .auth-user .action.right button,
.auth .auth-user .action.right a {margin-left: auto; height: 50px; font-size: 16px; margin-right: 5px;}

.auth .auth-user .teaser.teaser-register span {text-align: right}

@media (max-width: 992px) and (min-width: 769px) {
	.auth .auth-user .auth-content .h1 {margin-bottom: 32px}
	.auth .auth-user .action.left .btn-orange { font-size: 16px;}
	.auth .auth-user .action.right .btn-orange { font-size: 16px;}
	.auth .auth-user .auth-content label.confirm {font-size: 14px}
}
.auth .auth-user .teaser .action.left,
.auth .auth-user .teaser .action.right {transform: translateY(47px);}
.auth .auth-user .action a.btn-default {padding-top: 2px}

@media (max-width: 768px) {
	.auth {margin-top: 51px;}
	.auth .auth-user {flex-wrap: wrap; margin-bottom: 82px;}
	.auth .auth-user .auth-content {padding: 37px 19px 44px 19px;}
	.auth .auth-user .auth-content .h1 {margin-bottom: 35px; text-align: center}
	.auth .auth-user .auth-content label {width: 100%}
	.auth .auth-user .auth-content label.confirm {display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; margin-top: -7px; margin-bottom: 7px;}
	.auth .auth-user .auth-content label.confirm .check {margin-right: 11px}
	.auth .auth-user .auth-content label.confirm span{display: inline-block; width: 90%; line-height: 20px}
	.auth .auth-user .action .btn-orange {width: 305px;}
	.auth .auth-user .action.left button, .auth .auth-user .action.left a ,
	.auth .auth-user .action.right button, .auth .auth-user .action.right a  {margin: 0 auto}
	
	.auth .auth-user .action.right,
	.auth .auth-user .action.left {justify-content: center}
	
}

.page-landing {margin-top: 30px; padding-bottom: 18px}
.page-image-before-content {display: block; width: 100%; max-width: 100%; height: 400px; background-size: 100% auto; background-position: center; margin-bottom: 39px;}
@media (max-width: 630px) {
	.page-image-before-content {background-size: auto 100%; width: calc(100% + 30px); margin-left: -15px; max-width: calc(100% + 30px);}
}


.page-favorits {}
.page-favorits h1 {font-size: 28px; font-weight: normal; margin-top: 26px; margin-bottom: 24px;}
.page-favorits .action {margin-top: 51px; margin-bottom: 67px;}

@media (max-width: 768px) {
	.page-favorits h1 {font-size: 28px; font-weight: normal; margin-bottom: 13px; text-align: center}
	.page-favorits .action {margin-top: 26px; margin-bottom: 48px;}
	.page-favorits .action .btn-primary {width: 268px; height:50px; line-height: 50px;}
}


.page-product {margin-top: 44px;}
.page-product h1 {font-size: 21px}
.page-product .card {background-color: transparent; padding-top: 0; border-radius: 5px; padding-left: 20px; padding-right: 45px; padding-bottom: 41px; margin-bottom: 62px; display: flex; flex-direction: row; align-items: stretch;}
.page-product .card > .row { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap}

.page-product .card .prev {display: flex; flex-direction: column; width: calc(100% + 12.5px); max-width: calc(100% + 12.5px);}
.page-product .card .prev .full {display: flex; width: 100%; margin-bottom: 17px;}
.page-product .card .prev .full a {display: flex; width: 100%;}
.page-product .card .prev .full figure {display: flex; height: 392px; flex-direction: row; justify-content: center; align-items: center; width: 100%; padding: 33px 23px 31px 48px; background-color: #fff; border: 1px solid #eee; margin: 30px 0 0;}
.page-product .card .prev .full figure img {width: auto; height: auto; max-height: 100%; max-width: 100%;}
.page-product .card .prev .full a:focus {outline: none;}

.page-product .card .prev .thumb {display: flex; flex-direction: row;}

.page-product .card .prev .thumb .prev-thumbs {display: block; height: 144px; width: calc(100% + 5px);}

.page-product .card .prev .thumb .prev-thumbs .flickity-prev-next-button.previous {left: 0px;}
.page-product .card .prev .thumb .prev-thumbs .flickity-prev-next-button.next {right: 0px;}
.page-product .card .prev .thumb .prev-thumbs .flickity-prev-next-button.previous,
.page-product .card .prev .thumb .prev-thumbs .flickity-prev-next-button.next {height: 144px; background: #c0c0c0; width: 15px; border-radius: 0}
.page-product .card .prev .thumb .prev-thumbs .flickity-prev-next-button .flickity-button-icon {width: 15px; height: 13px; left: 0; top: calc((100% - 13px)/2); fill: #ffffff}

.page-product .card .prev .thumb .prev-thumbs.flickity-enabled.is-draggable .flickity-viewport {width: 100%!important;}
.page-product .card .prev .thumb .prev-thumbs.avalibel-flickity {padding: 0 21px;}
.page-product .card .prev .thumb .prev-thumbs .item {display: inline-block; width: 130px; height: 144px; margin-right: 10px; border: 1px solid #ededed; background: #fff; border-radius: 3px; float: left;}
/*.page-product .card .prev .thumb .prev-thumbs.no-flickity .item:last-child {margin-right: 0;}*/
.page-product .card .prev .thumb .prev-thumbs.no-flickity .item {margin-right: 10px;}
.page-product .card .prev .thumb .prev-thumbs.no-flickity .item:last-child {margin-right: 0px;}

.page-product .card .prev .thumb .prev-thumbs .item a {display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%;}
.page-product .card .prev .thumb .prev-thumbs .item a img {width: auto; height: auto; max-height: 128px; max-width: 100%;}
.page-product .card .prev .thumb .prev-thumbs .item.is-selected {border: 1px solid #3a3285}

.page-product .info {padding-left: 14px; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; height: 100%;}

.page-product .info h1 {line-height: 24px; font-size: 24px; color: #000; margin-top: 11px; margin-bottom: 17px;}

.page-product .info .stars {}
.page-product .info .stars span {color: #e5e5e5;}
.page-product .info .stars span.active {color: #ffc315;}

.page-product .info .price {display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-items: baseline; margin-top: 16px;}
.page-product .info .price {flex-direction: column}
.page-product .info .price .curent {color: #2c2c2c; font-size: 22px; line-height: 24px; font-weight: bold; margin-top: 11px;}
.page-product .info .price .curent .title {}
.page-product .info .price .curent .value {}
.page-product .info .price .old { line-height: 24px; font-size: 16px; margin-right: 27px; margin-top: 11px;}
.page-product .info .price .old .title {color: #0b0b0b;}
.page-product .info .price .old .value {color: #666666;}
.page-product .info .price .difference {font-size: 18px; line-height: 24px; margin-top: 10px;}
.page-product .info .price .difference .title {color: #171717}
.page-product .info .price .difference .value {color: #f2a500}

.page-product .info .avalible-props {display: flex; flex-direction: column; margin-left: 1px; border-top: 1px solid #dddddd; padding-top: 7px; margin-top: 12px; width: 100%;}

.page-product .info .availible {font-size: 14px; line-height: 24px; margin-bottom: 11px; margin-top: 11px;}
.page-product .info .availible .title {color: #0b0b0b}
.page-product .info .availible .value {color: #718f4a; background: #f4fbf4; padding: 5px;}

.page-product .info .prop {line-height: 24px; font-size: 14px;}
.page-product .info .prop .type {display: flex;}
.page-product .info .prop .type .title {color: #0b0b0b}
.page-product .info .prop .type .value {color: #5f5f5f; margin-left: 4px; font-weight: bold;}

.page-product .info .order-info {display: flex; width: 203px; align-items: center; flex-direction: row; justify-content: space-between; margin-top: 36px;}
.page-product .info .order-info .title {font-size: 14px; color: #0b0b0b;}
.page-product .info .order-info .btn-group {display: flex; width: 137px; align-items: center; flex-direction: row; justify-content: center}
.page-product .info .order-info .btn-group button {height: 44px; line-height: 100%; width: 37px; text-align: center; font-size: 12px; font-weight: 500; background: #c8c8c8; box-shadow: none; border: 0px solid; border-radius: 3px; position: relative; z-index: 2; color: #fff;}
.page-product .info .order-info .btn-group .form-control {height: 44px; line-height: 100%; border: 1px solid #c8c8c8; margin: 0; text-align: center; width: 67px; font-size: 12px; color: #666666; background: transparent; position: relative; z-index: 1;}
.page-product .info .order-info .btn-group .form-control:focus {outline: none; box-shadow: none; color: #000}
.page-product .info .order-info .btn-group button:first-child {margin-right: -2px}
.page-product .info .order-info .btn-group button:last-child {margin-left: -2px}
.page-product .info .order-info .btn-group button:focus,
.page-product .info .order-info .btn-group button:hover {box-shadow: none; outline: none; background: #3a3285;}

.page-product .info .order-control {display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start; margin-top: 35px;}
.page-product .info .order-control .l {}
.page-product .info .order-control .l a.btn-orange {width: 203px; height: 57px; line-height: 57px; background: #f2a500; transition: all .1s ease; border-bottom: 0px solid transparent; font-size: 16px!important}
.page-product .info .order-control .l a.btn-orange:focus,
.page-product .info .order-control .l a.btn-orange:hover {border-bottom: 9px solid #f2a500; background: #ffb61b; line-height: 49px; padding-right: 2px;}
.page-product .info .order-control .l a i {}
.page-product .info .order-control .r {padding-left: 18px; padding-top: 3px}
.page-product .info .order-control .r a {color: #575757; font-size: 13px; text-decoration: underline; line-height: 26px;}
.page-product .info .order-control .r .other {}
.page-product .info .order-control .r .other {}
.page-product .info .order-control .r .other a.link {font-style: italic; margin-right: 15px;}
.page-product .info .order-control .r .other a.link i {color: #000; transform: translate(-1px,2px); margin-right: 6px; font-size: 16px;}
.page-product .info .order-control .r .other a.link i.icon-libra-black:before {position: relative; top: 2px;}

@media (max-width: 1199px) {
	.page-product .info .order-control .r .other {display: flex; flex-direction: column;}
	.page-product .info .order-control .r .other a.link {display: block;}
}
@media (max-width: 992px) {
	.page-product .info .order-control {display: flex; flex-direction: column;}
	.page-product .info .order-control .r {padding-left: 0; padding-top: 10px;}
}


.page-product .info .share {margin-top: auto; transform: translateY(8px);}
.page-product .info .share span {font-size: 14px; color: #2c2c2c; line-height: 24px; margin-right: 8px}
.page-product .info .share a.link {color: #7a7a7a; display: inline-block; width: 24px; margin-left: 0px; margin-right: 10px; font-size: 18px; letter-spacing: .3px; text-align: center; transform: translateY(2px);}
.page-product .info .share a.link:hover {color: #3a3285}
.page-product .info .share a.link i {}

@media (max-width: 992px) {
	.page-product .info .share {display:flex; flex-direction: row; flex-wrap: wrap; margin-top: 10px}
	.page-product .info .share span {width: 100%;}
}

.page-product h2 {font-size: 18px; padding: 0; margin: 0;}
.page-product h2 span {color: #fff; background-color: #3a3285; padding: 1px 27px 0; line-height: 54px; display: inline-block}
.page-product .card-prop {position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch;background-color: #f6f6f6; width: 100%; padding: 14px 22px 38px;}
.page-product .card-prop .line-border {display: flex; height: calc(100% - 60px); width: 1px; background: #dddddd; margin: 60px auto 0; transform: translateX(12px)}
.page-product .card-prop h3 {font-size: 13px; color: #000; text-transform: uppercase; line-height: 24px; margin-top: 54px; margin-bottom: 5px;}
.page-product .card-prop .item {display: flex; flex-direction: row; padding-left: 15px; width: calc(100% + 10px);}
.page-product .card-prop .item .title {line-height: 32px; font-size: 14px; color: #797979; white-space: nowrap; display: inline-block;}
.page-product .card-prop .item .dott {position: relative; z-index: 1; flex-grow: 7; white-space: nowrap; overflow: hidden; display: inline-block;}
.page-product .card-prop .item .dott:before {
		content: ".........................................................................................................................";
		white-space: nowrap; font-size: 14px; color: #c9c9c9; font-family: "Gotham Pro"; line-height: 32px; position: absolute; left: 10px; width: calc(100% - 20px); overflow: hidden; letter-spacing: 1.113px;
	}
.page-product .card-prop .item .value {line-height: 32px; font-size: 14px; color: #000; white-space: nowrap; display: inline-block}
.page-product .card-prop article.description {font-size: 14px; line-height: 24px; color: #2c2c2c; padding-top: 55px; padding-right: 10px;}
.page-product .card-prop article.description p {font-size: 14px; line-height: 24px; color: #2c2c2c;}

.with-viewed {padding-bottom: 30px; padding-top: 47px;}
.last-viewed .data-tab-toggle {padding-bottom: 47px;}
.last-viewed {background: #f5f5f5;}


.can-be .product-special {height: 400px;}
.can-be .product-special.flickity-enabled.is-draggable {height: 500px; padding-bottom: 73px}
.can-be .product-special .flickity-viewport {width: 100%; max-height: 420px}
.can-be .product-special .col-xs-12 {width: 290px; height: 400px;}

.can-be .flickity-page-dots .dot {background-color: #d5d5d5; opacity: 1}
.can-be .flickity-page-dots .dot.is-selected {background-color: #3a3285; }

@media (max-width: 1199px) and (min-width: 769px) {
	.can-be .product-special .col-xs-12 {width: 220px; height: 350px; margin-right: 30px}
	.can-be .product-special .product-item {width: 220px; height: 350px; padding: 0px 12px 15px}
	.can-be .product-special .product-item .price {font-size: 13px;}
	.can-be .product-special .product-item .price .old {font-size: 14px;}
	.can-be .product-special .product-item .info .title {font-size: 14px;}
	.can-be .product-special .product-item figure {height: 266px; padding: 26px 0 36px}
	.can-be  .product-special .product-item:hover .btn-block.compare {top: 100px}
}
@media (max-width: 1199px) and (min-width: 992px) {
	.can-be .product-special .col-xs-12 {width: 220px; height: 350px; margin-right: 15px}
}

@media (max-width: 768px) {
	.can-be .product-special {height: 420px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
	.can-be .product-special .col-xs-12 {width: 100%; margin: 0; display: flex; flex-direction: row; justify-content: center;}
}

.can-be .product-special .flickity-prev-next-button { width: 28px; position: relative; top: initial; transform: translateY(14px);}
.can-be .flickity-prev-next-button.prev {order: 8;}
.can-be .product-special .flickity-page-dots {position: relative; order: 9; width: 140px; max-width: 200px; bottom: initial; transform: translateY(13px)}
.flickity-page-dots .dot {width: 8px; height: 8px; margin: 0 3.5px}
.can-be .flickity-prev-next-button.next {order: 10;}


@media (max-width: 992px) {
	.last-viewed .group-title {flex-direction: column;}
	.last-viewed .group-title .h2 {margin-left: 49px; font-size: 28px; line-height: 36px; margin-bottom: 30px;}
	.last-viewed .abs-border-grey .h2:before {display: none;}
	.last-viewed .carousel-arrows a {transform: translateY(-30px);}
}


@media (max-width: 768px) {
	.page-product .card-prop {flex-direction: column; padding-left: 0; padding-right: 0; margin-left: -15px; width: calc(100% + 30px); max-width: calc(100% + 30px);}
	.page-product .card > .row {flex-direction: column; margin: 0}
	.page-product .card-prop .item {width: 100%; padding: 0}
	
	.page-product .card {padding-left: 0; padding-right: 0; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); max-width: calc(100% + 30px); padding-top: 26px;}
	.page-product .card .prev .full figure {height: 331px; padding: 24px 9px 34px 9px;}
	.page-product .card .prev .thumb .prev-thumbs {width: 100%;}
	.page-product .card .prev .thumb .prev-thumbs .item {width: 119px; margin-right: 9px; border: 0px solid;}
	.page-product .card .prev {width: 100%; max-width: 100%;}
	
	.page-product .info {padding-left: 0;}
	.page-product .info h1 {margin-top: 51px; margin-left: -2px; margin-bottom: 11px;}
	.page-product .info .avalible-props {margin-left: 0; margin-top: 17px; padding-top: 3px;}
	.page-product .info .availible {margin-bottom: 2px}
	.page-product .info .stars {letter-spacing: -2.2px;}
	.page-product .info .price {margin-top: 2px}
	.page-product .info .price .difference {margin-top: 8px}
	.page-product .info .order-info {margin-top: 28px}
	.page-product .info .order-control {flex-direction: row; align-items: stretch; margin-top: 29px}
	.page-product .info .order-control .l a.btn-orange {margin-bottom: 0; line-height: 48px; height: 48px; min-width: 219px}
	.page-product .info .order-control .l a.btn-orange.no-bg {color: #575757; font-size: 13px; text-transform: inherit; font-weight: normal; background-color: transparent; border: 1px solid #f2a500; margin-top: 9px;}
	.page-product .info .order-control .l a.btn-orange.no-bg:hover { line-height: 48px; height: 48px; border-bottom: 1px solid #f2a500; padding: 0}
	
	.page-product .info .order-control .r {padding-left: 23px; padding-top: 0; display: flex;}
	.page-product .info .order-control .r .other {display: flex; flex-direction: column;}
	.page-product .info .order-control .r .other a.link {line-height: 48px; text-align: center; width: 48px; height: 48px; background: #8db45b; border-radius: 3px; margin-right: 0}
	.page-product .info .order-control .r .other a.link:first-child {margin-bottom: auto;}
	.page-product .info .order-control .r .other a.link i {color: #fff; transform: translate(0); margin: 0; font-size: 21px; line-height: 50px}
	
	.page-product h2 {width: calc(100% + 30px); margin-left: -15px;}
	.page-product h2 span {padding: 0; width: 100%; text-align: center;}
	
	.last-viewed .group-title {margin-top: 30px; margin-bottom: 0;}
	.last-viewed .abs-border-orange:after,
	.with-viewed .group-title .abs-border-orange.active:after {top: 120%}
	
	.page-product .card {margin-bottom: 42px}
	.page-product h2 span {line-height: 54px}
	.page-product .card-prop h3 {margin-top: 40px}
	.page-product .card-prop h3:nth-child(1) {margin-top: 29px}
	.page-product .card-prop .item .dott:before {line-height: 26px}
	.page-product .card-prop article.description {padding-top: 48px;}
	
	.with-viewed {padding-top: 0; }
	
}
@media (max-width: 480px) {
	.page-product .info .share {display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; margin-top: 25px;}
	.page-product .info .share span {display: inline-block; width: initial; padding-left: 4px}
	.page-product .info .share a.link {margin-right: 6px;}
	.page-product .info .share a.link:last-child {margin-right: 0px;}
	
	.can-be .abs-border-orange:after {top: inherit; bottom: -18px}
	
	.product-special .product-item .price {font-size: 20px; position: relative; top: 0; width: 100%;}
	
}

.page-catalog {margin-top: 30px;}

aside,
aside form {display: block; position: relative;}


aside .filter-by {display: block; padding-left: 22px; line-height: 45px; font-size: 16px; height: 45px; color: #fff; background-color: #3a3285; white-space: nowrap; font-weight: bold;}
aside .filter-selected {margin-top: 10px; padding: 17px 12px 15px 17px; background-color: #f5f5f5; display: flex; width: 100%; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-bottom: 0}
aside .filter-selected li {display: inline-block; line-height: 17.2px; font-size: 14px; white-space: nowrap; margin-bottom: 9px; margin-right: 11px; font-weight: bold; padding: 0 3px;}
aside .filter-selected li a {display: inline-block; line-height: 17.2px; font-size: 15px; text-decoration: none; color: #6a6a6a; letter-spacing: -.62px}
aside .filter-selected li a i {display: inline-block; width: 6px; height: 6px; background-image: url(./../img/close.svg); height: 9px; background-repeat: no-repeat; background-position: center; opacity: 1; margin-left: 6px}
aside .filter-selected li.filter-clear {width: 100%; margin: 5px 0 1px;}
aside .filter-selected li.filter-clear a {color: #3a3285; text-decoration: none;}

aside .filter-item {margin-top: 6px; display: flex; flex-direction: column; background-image: url(./../img/l.png); background-repeat-x: repeat; background-repeat-y: no-repeat; background-position: left 100%; padding-top: 0px; padding-bottom: 4px; background-repeat: repeat-x;}
aside .filter-item.open { background-position: left calc(100% - 11px); padding-bottom: 0px;  padding-top: 0;}

aside .filter-item .filter-type {position: relative; height: 35px; line-height: 35px; padding-left: 23px; background-image: url(./../img/p.png); background-repeat: no-repeat; background-position: calc(100% - 13px) center; margin-bottom: 2px;}
aside .filter-item .filter-type span {font-size: 14px; text-transform: uppercase; color: #3a3285; font-weight: bold;}
aside .filter-item .filter-type .b {position: absolute; background: transparent; height: 100%; width: 100%; display: block;}
aside .filter-item.open .filter-type {background-image: url(./../img/m.png);}

aside .filter-item ul {display: none; list-style-type: none; padding: 0; margin: 0; padding-bottom: 14px; margin-bottom: 0px;}
aside .filter-item.open ul {display: flex; flex-direction: column; margin-bottom: 11px;}

aside .filter-item ul li label {margin: 0; font-weight: normal; font-size: 15px; height: 26px; display: flex; justify-content: felx-start}
aside .filter-item ul li label.checkbox input[type='checkbox'] + .check {margin-right: 10px; border-color: #e3e3e3; background-color: #f1f1f1; transform: translateY(1px); border-radius: 0; width: 18px; height: 18px; margin-top: 2px; background-size: 10px;}

aside .filter-item ul li label.checkbox span {font-size: 14px; font-weight: normal; white-space: nowrap}
aside .filter-item ul li label.checkbox a {font-size: 14px; font-weight: normal; white-space: nowrap;}
aside .filter-item ul li label.checkbox input[type='checkbox']:checked ~ span {font-weight: bold;}
aside .filter-item ul li label.checkbox input[type='checkbox']:checked + .check {background-color: #3a3285; border-color: #3a3285;}

aside .filter-item.border-solid {background-image: none; border-bottom: 1px solid #e5e5e5; margin-bottom: 16px;}
aside .filter-item ul li label.text-label {margin-bottom: 5px;}
aside .filter-item ul li .btn-group {display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 13px;}
aside .filter-item ul li .btn-group .form-control {width: calc(100% / 2 - 5px); height: 35px; font-size: 14px; padding-left: 14px; border-radius: 2px; border: 1px solid #e5e5e5;}

aside .filter-item ul li .price-label {display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px;}
aside .filter-item ul li .price-label span {font-size: 12px; line-height: 17.2px; font-weight: bold;}

aside .filter-btn {display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
aside .filter-btn a.form-clean {font-size: 10px; font-weight: bold; color: #9c9c9c; padding: 0 12px 0 27px; line-height: 45px; text-decoration: underline; background-image: url(./../img/form-clean.png); background-repeat: no-repeat; background-position: 4px center}
aside .filter-btn a.btn-orange {line-height: 45px; height: 45px; width: 100%; max-width: 160px; padding: 0 5%; font-size: 15px;}

.sorting-product {display: flex; flex-direction: row; width: 100%; align-items: center; padding: 7px 0 6px 0; margin-bottom: 15px;}
.sorting-product {display: flex; flex-direction: column; width: 100%; align-items: center; padding: 7px 0 6px 0; margin-bottom: 15px;}
.sorting-product div {display: flex; flex-direction: row; align-items: center;}
.sorting-product .parent-brand {margin-right: auto; margin-top: 8px; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap}
.sorting-product .parent-brand span {padding-left: 0; padding-right: 25px; text-decoration: underline;}
.sorting-product form {display: flex; flex-direction: row; align-items: center; margin-bottom: 0px}
.sorting-product span {font-size: 14px; color: #666666; white-space: nowrap; padding-left: 24px}
.sorting-product select {margin: 0 14px; min-width: 62px;}
.sorting-product .category-title {margin-right: auto; font-size: 18px; color: #000; padding-left: 0; margin-top: 0; margin-bottom: 0; font-weight: bold}

.sortingProduct {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; background: #f0f1f5; width: 100%; padding: 6px; border-radius: 6px; margin-top: 6px;}
.sortingProduct__title {margin-right: 12px;}
.sortingProduct__title span {}
.sortingProduct__item {padding: 0 18px;}
.sortingProduct__item button {background: transparent; border: 0px solid; box-shadow: none; font-weight: 500; padding: 0; border-bottom: 1px dashed transparent;}
.sortingProduct__item button.active {color: #3f51b5; border-bottom: 1px dashed #3f51b5;}

@media (max-width: 992px) {
	.sortingProduct { flex-wrap: wrap;}	
	.sortingProduct__title {width: 100%; margin-bottom: 12px; padding: 6px;}
	.sortingProduct__title span {padding: 0; font-size: 18px; }
	.sortingProduct__item {padding: 0 6px; max-width: 33%; margin-right: 12px;}
	.sortingProduct__item button {}
	}



.filter-by-category {position: relative; display: flex; flex-direction: row; justify-content: space-between; border: 1px solid #d2d6df; border-radius: 4px; padding: 30px 45px 30px 48px; margin-top: 29px; flex-wrap: wrap;}
.filter-by-category h3 {margin-top: 18px; font-size: 18px; font-weight: bold;}
.filter-by-category ul {margin: 0; padding: 0; list-style: none;}
.filter-by-category ul li {margin: 0; padding: 0; line-height: 32px;}
.filter-by-category ul li a {font-size: 16px; line-height: 24px; color: #719f45; position: relative; display: inline-block; text-decoration: none; letter-spacing: -.3px;}
.filter-by-category ul li.active a,
.filter-by-category ul li a:hover {color: #ffae00;}
.filter-by-category ul li.active a:after,
.filter-by-category ul li a:hover:after {content: '.................................................'; display: block; color: #ffae00; top: calc(100% - 5px); position: absolute; left: 1px; max-width: calc(100% - 2px); width: 100%; line-height: 0; height: 10px; letter-spacing: 1.2px; overflow: hidden;}
.filter-by-category .more {display: flex; width: 100%; margin: 30px 0 0; justify-content: center;}
.filter-by-category .more a {color: #000; font-weight: bold; border: 1px solid #ffae00; border-radius: 4px; width: 171px; line-height: 50px; height: 50px; display: block; text-decoration: none; text-align: center; text-transform: uppercase; font-size: 13px;}

.ui-widget.ui-widget-content {border: 0px solid; height: 5px;}
.ui-widget-content {background: #e3e3e3; height: 5px;}
.ui-widget-header {background: #3a3285; height: 5px;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {background: #ffae00; outline: none; border: 0px solid; border-radius: 50%; width: 15px; height: 15px;}


@media (max-width: 768px) {
	.filter-by-category {flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-right: 10px}
	.filter-by-category > div {width: 33%; }
}

@media (max-width: 620px) {
	.filter-by-category {padding: 36px;}
	.filter-by-category h3 {margin-top: 0px; margin-bottom: 9px}
	.filter-by-category > div:nth-child(1) {width: 50%; order: 1}
	.filter-by-category ul {margin-bottom: 37px;}
	.filter-by-category > div:nth-child(2) {width: 50%; order: 2;}
	.filter-by-category > div:nth-child(3) {width: 50%; order: 3}
	.filter-by-category > div:nth-child(4) {width: 100%; order: 5}
	.filter-by-category > div:nth-child(5) {width: 50%; order: 4}
	.filter-by-category > div.more {order: 10; margin-top: -4px}
}

.pagination {display: flex; flex-direction: row; justify-content: flex-start; margin-top: 20px; margin-bottom: 30px; position: relative; z-index: 1;}
.pagination>li {max-width: 40px; height: 40px; width: 40px; margin-right: 10px; position: relative; line-height: 40px;}
.pagination>li>a, .pagination>li>span {border-radius: 3px; border: 1px solid #ededed; text-align: center; line-height: 40px; height: 40px; padding: 0; max-width: 40px; color: #000; font-size: 14px; display: block; width: 40px;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background: #3a3285; border-color: #3a3285;}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {border-color: #3a3285; background-color: transparent}
.pagination>li>span:focus,
.pagination>li>span:hover {border-color: #ededed; background: transparent;}

.pagination-catalog {
	padding: 0 15px;
}

.pagination-catalog .pages {
	list-style: none;
	display: flex;
	gap: 4px;
	padding: 0;
}

.pagination-catalog .pages button {
	background-color: #fff;
	border: 1px solid #eee;
	font-weight: bold;
	margin: 0;
	height: fit-content;
	padding: 5px 15px;
}

.pagination-catalog .pages .active {
	background-color: #3a3285;
	border: 1px solid #eee;
	color: #fff;
}


@media (max-width: 768px) {
	.sorting-product {display: none;}			
}


.page-news {margin: 50px 0;}

@media (max-width: 768px) {
	.page-news .page-image-before-content {margin-left: -15px; width: calc(100% + 30px); max-width: calc(100% + 30px)}
	
}

.page-actions {display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center; margin: 24px 0 35px}
.page-actions a {display: flex; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.page-actions .share {display: flex; flex-direction: row; align-items: center;}
.page-actions .share a {font-size: 12px; font-family: "Open Sans", Arial, sans-serif; color: #fff; text-decoration: none; padding: 0 14px 0 13px; line-height: 35px; height: 35px; margin-left: 11px; border-radius: 2px; width: 90px; display: flex; justify-content: space-between; align-items: center}
.page-actions .share a i {font-size: 18px}
.page-actions .share a.fb {background: #3b5998}
.page-actions .share a.fb i {font-size: 21px;}
.page-actions .share a.gp {background: #dd4b39}
.page-actions .share a.gp i {font-size: 21px;}
.page-actions .share a.tw {background: #00abf0}
.page-actions .share a.tw i {}


@media (max-width: 768px) {
	.page-actions {flex-direction: column; align-items: flex-start}
	.page-actions .share {justify-content: space-between; width: 100%;}
	.page-actions > a {margin-bottom: 8px}
	.page-actions .share a {margin-left: 0; align-items: center;}
}


.page-cart {margin-top: 83px;}

.basket {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%;}


.basket .basket-header,
.basket .basket-items {display: flex; flex-direction: row; justify-content: space-between; width: 100%; align-items: center;}

.basket .basket-items {flex-direction: column}
.basket .basket-items > div  {display: flex; flex-direction: row; width: 100%; max-width: 100%; border-bottom: 1px solid #e5e5e5; padding: 18px 0 17px;}

.basket .basket-header > div,
.basket .basket-items > div > div{display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; position: relative;}
.basket .basket-items > div > div:nth-child(n+1) {padding-top: 39px} 


.basket .basket-header {border-bottom: 1px solid #e5e5e5; line-height: 35px; font-size: 12px; text-transform: uppercase; color: #909090; font-weight: bold;}

.basket .basket-items {border-bottom: 1px solid #e5e5e5; line-height: 18px; font-size: 14px; color: #303030; letter-spacing: .5px}

.basket .prev {width: 100px; min-width: 100px; margin-right: 28px; padding-top: 0!important; flex-grow: 1;}
.basket .title {width: 41%; max-width: 467px; flex-grow: 3; padding-right: 15px}
.basket .price {width: 21%; max-width: 238px; white-space: nowrap; flex-grow: 2;}
.basket .num {width: 18%; max-width: 196px; flex-grow: 2;}
.basket .sum {width: 11%; max-width: 123px; white-space: nowrap; flex-grow: 1;}
.basket .action {width: 28px; max-width: 28px;}


.basket .prev a {display: flex; flex-direction: row; align-items: center; justify-content: center; width: 100px; height: 100px; border: 1px solid #e5e5e5}
.basket .prev a img {max-height: 100%; max-width: 100%; widows: initial; height: 100%;}

.basket .title a {color: #303030; display: flex; flex-direction: column; text-decoration: none;}
.basket .title a .n {font-size: 14px; text-transform: uppercase; font-weight: bold; line-height: 18px}
.basket .title a .m {font-size: 14px; line-height: 18px}

.basket .price {text-transform: uppercase;}
.basket .num {text-transform: uppercase;}

.basket .num > div {display: flex; flex-direction: row;}
.basket .num > div .n {min-width: 15px; margin-right: 3px; display: flex;}
.basket .num > div .c {display: flex; flex-direction: column; position: relative; transform: translateY(-3px)}
.basket .num > div .c .plus,
.basket .num > div .c .minus {width: 11px; height: 11px; display: block; background-color: #3a3285; position: relative; margin-bottom: 2px; cursor: pointer;}

.basket .num > div .c .plus:before,
.basket .num > div .c .minus:before {content: ''; position: absolute; top: calc(100% / 2 - .5px); height: 1px; width: calc(100% - 4px); left: 2px; background: #fff}
.basket .num > div .c .minus:before {content: ''; position: absolute; top: calc(100% / 2 - .5px); height: 1px; width: calc(100% - 6px); left: 3px; background: #fff}

.basket .num > div .c .plus:after {content: ''; position: absolute; top: 2px; height: calc(100% - 4px); width: 1px; left: calc(100% / 2 - .5px); background: #fff}

.basket .action a {text-decoration: none; font-size: 30px; color: #303030; transform: rotate(45deg);}


.basket-total {display: flex; width: 100%; flex-direction: row; justify-content: flex-end; align-items: baseline; height: 58px; border: 1px soli #eaeaea; background-color: #f5f5f5; margin-top: 25px; align-items: center; padding: 0 28px; margin-bottom: 50px;}
.basket-total span {font-size: 14px; color: #303030; margin-right: 6px}
.basket-total strong {font-size: 16px; color: #000000;}

.modal-body img {max-width: 100%;}
.modal-body .basket {}
.modal-body .basket h3 { margin: 0 0 15px; font-size: 14px; text-transform: uppercase; font-weight: 400; display: block; width: 100%;}
.modal-body .basket .basket-body {}
.modal-body .basket .basket-body p {font-size: 16px; padding: 15px; line-height: 1.6; font-weight: 500; color: #3f51b5}
.modal-body .basket .basket-body .basket-body__info .basket-body__info-title {font-size: 21px;}
.modal-body .basket .basket-body .basket-body__info .basket-body__info-value {font-size: 28px; padding: 0 15px 0 0;}
.modal-body .basket .basket-foot { padding: 15px 15px 0; justify-content: center;}


.modal-body .basket .basket-foot .btn-primary {display: block; width: 100%; border-radius: 8px; font-size: 16px; background: #8bc34a;}

.modal-body .basket-top-actions {display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 18px;}
.modal-body .basket-top-actions .btn-to-cart {    text-decoration: none; background: #ccc; color: #000; border-radius: 6px; padding: 4px 12px;}
.modal-body .basket-top-actions .btn-to-order {text-decoration: none; background: #8bc34a; color: #000; border-radius: 6px; padding: 4px 12px; font-weight: 500;}


.modal-footer {border-top: 0px;}
.modal-footer .modal-control {padding: 0 15px;}
.modal-footer .modal-control .btn-default {width: 100%; background: #3a2e94; color: #fff; border-radius: 8px;}
.modal-footer .modal-control.control-2 {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;}
.modal-footer .modal-control.control-2 .btn-primary,
.modal-footer .modal-control.control-2 .btn-default {width: 47%}


.action-catalog {display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: flex-start; margin-bottom: 50px;}
.action-catalog a {font-size: 14px; color: #000; line-height: 20px; text-decoration: underline; color: #303030; letter-spacing: .5px;}

.basket-order-detail {margin-bottom: 86px;}
.basket-order-detail h2 {margin-bottom: 63px; font-size: 28px}
.basket-order-detail form {width: 100%; padding: 0 41px;}
.basket-order-detail {background: #f5f5f5; border-radius: 4px; padding: 42px 50px 9px; width: 100%; display: flex; flex-direction: column;} 
.basket-order-detail textarea {resize: none}
.basket-order-detail > .row {width: 100%}

.basket-order-detail .btn.btn-orange {margin-top: auto; font-size: 14px; width: 100%; border-radius: 2px}
.basket-order-detail .form-group {margin-bottom: 41px; display: flex; align-items: stretch; flex-direction: row;}
.basket-order-detail .form-group > div {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}

.radio-group .radio-title {font-size: 12px; text-transform: uppercase; font-weight: bold; color: #141414; margin-bottom: 10px; display: block;}
.radio-group label {color: #313131; font-size: 12px; display: flex; flex-direction: row; align-items: center; margin-bottom: 0; line-height: 32px}

.basket-order-detail input.form-control {line-height: 42px; height: 42px}
.form-group label {margin-bottom: 5px; font-size: 12px; text-transform: uppercase; color: #393939}
.radio-group label {text-transform: inherit; margin-bottom: 0}


.page-compare {margin-top: 33px; overflow: hidden; max-width: 100%;}
.page-compare h1 {font-size: 28px; margin-bottom: 39px;}

.product-compare-list {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%; margin-bottom: 82px}
.product-compare-list .compare-titles,
.product-compare-list .item {display: flex; flex-direction: column; width: 268px; margin-right: 32px;}
.product-compare-list .compare-titles {flex-grow: 1; width: 268px; max-width: 268px;}
.product-compare-list .compare-container {flex-grow: 3; display: flex; flex-direction: row;}
.product-compare-list .item {border: 1px solid #3a3285; border-radius: 5px;}
.product-compare-list .item:last-child {margin-right: 0}
@media (max-width: 992px) {
	.product-compare-list .compare-titles {display: none;}
	.product-compare-list .compare-container {width: 100%;}
	.product-compare-list .item {margin-left: 10px; margin-right: 12px}
}




.product-compare-list .card {height: 365px; display: flex; flex-direction: column; padding: 20px 23px 37px 23px;}
.product-compare-list .card figure {width: 100%; height: 184px; display: flex; justify-content: center; align-items: center; padding: 0 0 28px}
.product-compare-list .card figure img {width: auto; max-width: 100%; max-height: 100%; height: auto;}
.product-compare-list .card .info {display: flex; flex-direction: column}
.product-compare-list .card .info a {font-size: 16px; color: #000; text-overflow: ellipsis; line-height: 19px; letter-spacing: -.7px; max-height: 38px; height: 38px; display: inline-block; text-decoration: none; margin-bottom: 4px;}
.product-compare-list .card .price {display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline; margin-bottom: 21px}
.product-compare-list .card .price .old {font-size: 18px; position: relative;}
.product-compare-list .card .price .old:before {content: ''; display: block; width: 100%; position: absolute; left: 0; top: 62%; height: 1px; background-color: #000}
.product-compare-list .card .price strong {font-size: 20px;}
.product-compare-list .card .price .old + strong {margin-left: auto;}

.product-compare-list .detail ul {list-style: none; margin: 0; padding: 0 5px 0 6px; display: flex; flex-direction: column; align-items: flex-start; justify-content: felx-start; margin-bottom: 32px}
.product-compare-list .detail ul li {display: block; width: 100%; padding: 0 0 0 38px; white-space: nowrap; max-width: 100%; overflow: hidden; line-height: 45px; font-size: 16px; border-bottom: 1px solid #e5e5e5; margin-bottom: -2px; margin-top: -1px}

.product-compare-list .compare-titles .detail ul li {padding: 0;}
.product-compare-list .card .btns {display: flex; flex-direction: row; justify-content: space-between}
.product-compare-list .card .btns .btn-red-ico {height: 49px; width: 64px; line-height: 49px; padding-top: 22px}
.product-compare-list .card .btns .btn-red-ico .icon-remove:before {background-size: 18px}
.product-compare-list .card .btns .btn-orange {height: 49px; width: calc(100% - 72px); line-height: 49px; font-size: 16px;}


#compare-slider {height: 1430px}

#compare-slider.flickity-enabled.is-draggable .flickity-viewport {width: 100%;}
#compare-slider .flickity-prev-next-button.previous {left: 0px;}
#compare-slider .flickity-prev-next-button.next {right: 0;}
#compare-slider .flickity-prev-next-button {top: 21%; opacity: .21; background: #000}
#compare-slider .flickity-prev-next-button.previous,
#compare-slider .flickity-prev-next-button.next {height: 51px; width: 48px; border-radius: 0; border-radius: 4px}
#compare-slider .flickity-prev-next-button .flickity-button-icon {width: 11px; height: 19px; left: 14px; top: calc((100% - 19px)/2); fill: #ffffff}

.compare-container .prev-thumbs.flickity-enabled.is-draggable .flickity-viewport {width: 100%!important;}

.compare-container .item.is-selected {border: 1px solid #3a3285}




.map-placeholder {background-image: url(./../../placeholder/map.png); background-repeat: repeat-y; background-size: auto 100%; background-position: center top; display: flex; width: 100%; height: 100%}
@media (max-width: 768px) {
	.map-placeholder {background-size: 1920px 516px;}
}


.page-contacts {position: relative; padding-top: 293px; margin-top: 30px; margin-bottom: 71px}
.page-contacts .container {z-index: 2; position: relative;}
.page-contacts .map-google {position: absolute; display: block; width: 100%; height: 516px; left: 0; top: 0; z-index: 1;}
@media (max-width: 768px) {
	.page-contacts {padding-top: 288px;}
	.page-contacts .map-google {height: 765px;}
}

.contacts-container {display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width: 100%;}
.contacts-container h1,
.contacts-container h2 {font-size: 24px; margin-top: 0; margin-bottom: 33px;}
.contacts-container .feedback {position: relative; z-index: 1; box-shadow: 0 3px 27px rgba(139,139,139,.38); background-color: #fff; padding: 52px 69px; flex-grow: 2;}

.feedback {display: flex; flex-direction: column;}

.feedback h1 {}
.feedback form {width: 100%; display: flex; flex-direction: column;}
.feedback form .form-group {}
.feedback form .form-group label {color: #686868; display: block; position: relative; padding-top: 21px; text-transform: inherit; margin-bottom: 10px;}
.feedback form .form-group label span {display: block; position: absolute; top: 25px; line-height: 20px; opacity: 1; transition: all .2s 	ease}
.feedback form .form-group .form-control {font-size: 13px; color: #000; line-height: 36px; height: 36px; border: 0px solid; border-bottom: 1px solid #e6e6e6; padding-left: 0;}
.feedback form .form-group .form-control.hasval ~ span,
.feedback form .form-group .form-control:focus ~ span {opacity: 1; top: 0}
.feedback form .form-group textarea.form-control {}
.feedback form .form-group textarea.form-control:focus {height: 68px}
.feedback form .btn.btn-orange {margin-left: auto; border-radius: 3px; width: 160px; height: 44px; line-height: 44px; font-size: 13px;}

.contacts-container .address {background-color: #3a3285; color: #fff; padding: 52px 69px; position: relative; z-index: 2; max-width: 400px; flex-grow: 1; font-size: 16px; padding-left: 67px; font-weight: 500}
.contacts-container .address h2 {color: #fff; margin-bottom: 37px}
.contacts-container .address .info {padding-left: 45px;}
.contacts-container .address .info address {position: relative; line-height: 19px; margin-bottom: 34px; max-width: 220px;}
.contacts-container .address .info a {position: relative; line-height: 30px; display: block; margin-bottom: 28px;}
.contacts-container .address .info address:after {background-position: left 3px; width: 43px; content: ''; display: block; height: 43px; left: -47px; background-size: auto 29px; background-image: url(./../img/icon-pin.svg); position: absolute; background-repeat: no-repeat; top: 0;}
.contacts-container .address .info a.ico:after {background-position: left center; width: 45px; content: ''; display: block; height: 100%; left: -45px; position: absolute; background-repeat: no-repeat; top: 0; background-repeat: no-repeat;}
.contacts-container .address .info a.phone:after {background-image: url(./../img/icon-telephone.svg); background-size: auto 23px; left: -41px}
.contacts-container .address .info a.email:after {background-image: url(./../img/icon-mail.svg); background-size: auto 27px; left: -42px}


.contacts-container .address a {color: #fff; text-decoration: none;}
.contacts-container .address .social {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; list-style-type: none; margin: 41px 0 15px; padding: 0 1px;}
.contacts-container .address .social li {margin: 0 10px 0 2px}
.contacts-container .address .social li a {font-size: 22px; display: block; width: 22px; text-align: center;}
.contacts-container .address .social li a i.fa-vk {transform: translate(4px,-1px);}


@media(max-width: 992px) {
	.contacts-container .feedback h1 {margin-bottom: 21px}
	.contacts-container .address h2 {margin-bottom: 25px} 
	.contacts-container .feedback {padding-top: 27px; padding-bottom: 31px;}
	.feedback form .form-group label {margin-bottom: 0}
	.feedback form .form-group {margin-bottom: 0;}
	.feedback form .btn.btn-orange {margin-top: 25px;}
	
	.contacts-container .address {padding: 28px 50px 31px 52px}
}
@media(max-width: 768px) {
	.contacts-container {flex-direction: column;}
	.contacts-container .address {max-width: 100%; width: 100%;}
	.feedback {padding-left: 0px; padding-right: 0px; order: 10;}
	.feedback form .btn.btn-orange {margin-right: auto;}
}
@media(max-width: 480px) {
	.feedback form .btn.btn-orange {width: 100%;}
	.contacts-container .feedback,
	.contacts-container .address {padding-left: 21px; padding-right: 17px;}
	.contacts-container .feedback {padding-left: 21px; }
	.contacts-container .address {padding-left: 19px; padding-top: 36px; padding-bottom: 31px;}
	
	.contacts-container .address h2 {margin-bottom: 37px; font-size: 24px}
}

@media(max-width: 768px) {
	section.cabinet, section.aboult, section.page {padding: 0}
}



aside nav {display: flex; flex-direction: column; align-items: flex-start;}
aside nav a {display: block; text-decoration: none;}




.filter-category li {}
.filter-category li a {text-decoration: none; font-weight: 600}
.filter-category li:hover a {text-decoration: underline}
.filter-category li.active a {color: #ffae00; font-weight: bold;}
.filter-category {column-count: 4; font-size: 10px; text-transform: uppercase; list-style: none; padding: 0; margin: 0 0 20px}

.filter-parent-category {}
.filter-parent-category {column-count: 4; margin: 0; padding: 0; list-style: none}
.filter-parent-category li {}
.filter-parent-category li a {font-size: 16px}


.page-catalog {padding-bottom: 45px}
.catalog-product-item:last-child {margin-bottom: 0}
/*
.catalog.product-special >.col-xs-12:hover,
*/
.catalog.product-special >.col-xs-12 {max-width: 100%; width: 100%;}
.catalog-product-item .product_inner {display: flex; flex-direction: row; align-items: center; padding: 6px; border-radius: 2px}
.catalog-product-item .product_inner .btns {min-width: 180px;}
.catalog-product-item .product_inner .btns {min-width: 212px;}
.catalog-product-item .product_inner figure {width: 120px; float: left; margin: 0 10px 0 0}
.catalog-product-item .product_inner .title {display: block; min-height: 0; font-size: 14px}

.catalog-product-item .product_inner .title .inf {display: flex; flex-direction: column; align-items: flex-start;}
.catalog-product-item .product_inner .title .name {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
.catalog-product-item .product_inner .manufacturer {background: #e9e7f7; border-radius: 3px; color: #000; font-size: 10px; padding: 0 3px; order: -1; white-space: nowrap; margin-right: 4px}


.catalog-product-item.sale:after {content: 'Акция'; display: inline-block; padding: 0px 4px; background-color: red; color: #fff; position: absolute; z-index: 3; font-size: 10px; border-radius: 3px; top: 5px; left: -5px}
.catalog-product-item.sale .product_inner .title .name{color: green; font-weight: bold;}

@media (max-width: 992px) {
	.filter-category {column-count: 3;}
	.row.page-sidebar {flex-wrap: wrap; }
}


@media (max-width: 768px) {
	.row.page-sidebar {margin: 0;}
	
	.filter-category {display: none}
	

	.catalog-product-item .product_inner {position: relative;}
	.catalog-product-item .product_inner .manufacturer {position: absolute; top: 8px; left: 6px; line-height: 14px; background: #ff9800; color: #fff}
	.catalog-product-item .product_inner {flex-wrap: wrap; align-items: stretch;}
	.catalog-product-item .product_inner .title .name {width: 100%; text-align: left; font-weight: 500;}
	.catalog-product-item .product_inner .title {width: calc(100% - 100px); margin-left: auto; display: flex; flex-direction: column; line-height: 16px; font-size: 12px; text-align: left; padding-top: 14px;}
	.catalog-product-item .product_inner .title .inf {margin-top: auto; width: 100%; transform: initial}
	.catalog-product-item .product_inner figure {max-width: 92px; display: block; margin: 18px 0 0 0}
	.catalog-product-item .product_inner .btns {width: 100%; justify-content: flex-start; display: flex; margin-top: 8px; align-items: center}
	.catalog-product-item .product_inner .btns .price {padding: 0; line-height: 1.2}
	.catalog-product-item .product_inner .btns a {width: 92px; border-radius: 3px; order: -1; display: flex!important; align-items: center; justify-content: space-between; margin-right: 10px; margin-bottom: 0;}
	 
	.catalog-product-item .product_inner .title {position: initial}
	.catalog-product-item .product_inner .title .inf {position: initial;}
	.catalog-product-item .product_inner .title .inf .remind-me {position: absolute; bottom: 8px; right: 8px; margin: 0; line-height: 32px; padding: 0 10px; border-radius: 50%;}

}

.specials {padding: 25px 0}
.specials h2 {padding-left: 15px}
.main-sales {width: 100%;}
.main-sales .item {width: 290px}
.main-sales .product-special .product-item span.title {position: absolute; bottom: 0; padding: 0 15px 15px; left: 0; width: 100%; text-align: center; line-height: 1.6; font-size: 14px; max-height: 80px; overflow: hidden; height: 80px}
.main-sales .product-special .product-item span.title:after{content: ''; position: absolute; height: 80px; width: 100%; bottom: 0; background: linear-gradient(to top, #fff, rgba(255,255,255,.34), transparent); left: 0;}
.main-sales .product-special .product-item {border: 1px dotted #aeaeae; border-radius: 3px}
.main-sales .product-special .product-item:hover {border: 1px solid #3a3285; box-shadow: 0 5px 10px rgba(1,1,1,.18)}
.main-sales .product-special .product-item .price strong + a {margin-left: auto; background: #663399; color: #fff; padding: 0 4px; border-radius: 2px; padding: 0 4px;
    margin-left: auto;
    background: #663399;
    color: #fff;
    padding: 0 4px;
    border-radius: 5px;
    padding: 0 15px 3px;
    line-height: 24px;
    display: inline-block;
}

@media (min-width: 479px) {
	.carousel-arrows {display: flex!important; visibility: visible!important;}
}

@media (max-width: 480px) {
	.specials  {background: #fafafa}
	.main-sales {}
	
	.catalog.product-special .product-item figure, .product-special .product-item figure {margin-top: 0; padding: 75% 0 0; height: initial; margin-bottom: 0px}
	
	.specials h2 {font-size: 24px; text-align: left; padding: 0}
	.main-sales {display: flex; flex-direction: row; justify-content: space-around; align-items: flex-start; flex-wrap: wrap;}
	.main-sales .item {max-width: 104px;}
	.product-special .col-xs-12 {width: 96px; padding: 0;}
	.catalog.product-special .product-item, .product-special .product-item {width: 96px; padding: 0}
	
	.main-sales .product-special .product-item {border: 0px solid; height: initial}
	.main-sales .product-special .product-item span.title {top: 0; position: relative; padding: 0; font-size: 10px; line-height: 14px;}
	.product-special .product-item .price {flex-direction: column; padding: 0}
	
	 
	.product-special .product-item .price strong {font-size: 14px; padding: 7px 0;}
	.main-sales .product-special .product-item .price strong + a {margin: 0 auto; width: 100%; text-align: left; height: 24px; color: #83b146; line-height: 24px;    display: flex;
    align-items: center; text-decoration: none}
	.main-sales .product-special .product-item .price strong + a:after { content: 'в корзину'; font-size: 10px; display: inline-block; white-space: nowrap; margin-left: 8px; color: #a3b987;}
	
	.main-sales .product-special .product-item .price strong + a {background: transparent; border: 1px solid #a3b987}
	.main-sales .product-special .product-item:hover {border: 0px solid; box-shadow: none;}
}
@media (max-width: 380px) {
	.main-sales .item {max-width: 132px;}
	.product-special .col-xs-12 {width: 124px; padding: 0;}
	.catalog.product-special .product-item, .product-special .product-item {width: 124px; padding: 0}
}


.carousel-arrows a {font-size: 32px; transform: translateY(-45px);}


.navbar-price {display: flex; float: left; width: 70px; display: none;}


@media (max-width: 768px) {
	#modal-basket table tr th {font-size: 10px; text-transform: uppercase;}
	#modal-basket table tr td {font-size: 11px;}
	.order_control {display: flex; flex-direction: row;}
	.order_control .q.bb {min-width: 32px; text-align: center;}
	.button_cart_action {background-color: #dedede; border-radius: 3px; padding: 2px}
}

@media (max-width: 768px) {
	.navbar-header .navbar-price  {position: absolute; top: -1px; left: 52px; height: 52px; padding-top: 0; font-size: 14px; color: #000; text-decoration: none; white-space: nowrap; line-height: 32px; padding-top: 24px; background-color: #83b146; color: #fff; padding: 12px; width: 114px;}
	.navbar-header .navbar-service {position: absolute; line-height: 52px; top: 0; left: 120px; font-weight: bold; color: #000; font-size: 12px}
}
@media (max-width: 380px) {
	.navbar-header .navbar-price {width: 96px; font-size: 11px}
}

.head-contacts > span a {font-size: 13px; text-decoration: none}
.worktime-modal {list-style: none; margin: 0; padding: 0;}
.worktime-modal li{text-align: center; font-size: 16px}


.cars-select-model .hidden-detail {display: none; visibility: hidden; position: absolute; left: 0; top: 0; height: 60%; width: 100%; z-index: 0; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; transition: all .3s ease; padding-top: 20px}
.cars-select-model.page-main:hover .hidden-detail {display: flex; visibility: visible; top: 70%; padding-top: 36px}

.cars-select-model.page-main,
.branch-selection-model.page-main {
	position: relative;
}

.branch-selection-model.page-main {
	margin-bottom: 12px;
}

.branch-selection-model .container {
	position: relative;
	cursor: pointer;
}

.branch-selection-model .branch-wrapper {
	display: flex;
	width: 100%;
	background-color: #fef6e5;
	min-height: 66px;
	padding: 10px 15px;
	border-radius: 12px;
	justify-content: space-between;
	align-items: center;
}

.branch-selection-model .branch-wrapper span {
	width: 100%;
	text-align: center;
}

.branch-selection-model .branch-wrapper button {
	background-color: #3f51b5;
	color: #fff;
	border-radius: 8px;
	display: flex;
	padding: 10px 12px;
	max-width: 150px;
	width: 100%;
	font-weight: 500;
	border: none;
	justify-content: center;
}


.branch-modal {
	position: absolute;
	top: 64px;
	right: 30px;
	width: fit-content;
	background-color: #FFF;
	height: auto;
	border-radius: 10px;
	border: 1px solid #FBFBFB;
	box-shadow: 0 2px 3px 0 rgb(0 0 0 / 6%);
	z-index: 100;
}

.branch-modal .branch-modal-list {
	list-style: none;
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 0;
	padding: 12px 0;
}

.branch-modal .branch-modal-list .branch-modal-list__item {
	display: flex;
	width: 100%;
	padding: 6px 20px;
	cursor: pointer;
	transition: background-color ease-in-out .2s;
}

.branch-modal .branch-modal-list .branch-modal-list__item:hover {
	background-color: #FAFAFA;
}

/*.cars-select-model.page-main:before {content: ''; position: absolute; left: -40%; top: 0; height: 90px; border-radius: 50%; width: 100%; background-color: #fff; box-shadow: 5px 2px 15px #ccc; z-index: 1; width: 150%;}*/
.cars-select-model.page-main:after {content: ''; position: absolute; width: 100%; background-color: #fff; z-index: 2; height: 100%; top: 0; left: 0;}


.cars-lists {display: flex; flex-direction: row; justify-content: space-between; margin: 8px 0 6px; width: 100%; align-items: stretch; padding: 0; list-style: none; position: relative; z-index: 3}
.cars-lists li {padding: 0; display: flex; width: 100%; align-items: stretch; flex-direction: row; justify-content: center}
.cars-lists li a {padding: 0; display: flex; height: 100%; width: 100%; align-items: center; flex-direction: row; justify-content: center; border-bottom: 2px solid #fafafa; position: relative;}
.cars-lists li a:after {content: ""; display: block; width: 0%; left: 0; top: 100%; height: 2px; background: #f2a500; transition: all .3s ease; position: absolute; transition: all .3s ease;}
.cars-lists li a:hover:after {background: #f2a500; width: 100%; }
.cars-lists li.active a:after {background: #f2a500; width: 100%;}
.cars-lists li a {opacity: .74}
.cars-lists li a:hover,
.cars-lists li.active a {opacity: 1}

@media (max-width: 480px) {
	.cars-lists {flex-wrap: wrap;}
	.cars-lists li {width: 21%;}
}


.car-check-nav {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 15px 0; padding: 0}
.car-check-nav li {width: 50%; list-style: none; margin-bottom: 12px; padding-right: 12px}
.car-check-nav li a {text-decoration: none; font-size: 18px; border-bottom: 2px dashed #eee; text-transform: uppercase; padding: 3px 8px; color: #141414; display: inline-block;}
.car-check-nav li a:hover {border-bottom: 2px solid #f2a500; color: #000}
.section-car-select h1 {margin-top: 45px; font-size: 16px;}
.section-car-select small {color: #337ab7}

.section-car-select .intro {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; background-color: #fafafa; margin: 25px 0; padding: 25px 30px;}
.section-car-select .intro dd {text-transform: uppercase;}
.section-car-select .intro h3 {margin-top: 0; font-size: 16px;}
.section-car-select .intro img {max-width: 112px; display: block; margin-bottom: 15px}

@media (max-width: 480px) {
	.car-check-nav li a {font-size: 12px}
}
@media (max-width: 380px) {
	.car-check-nav li a {font-size: 10px}
}

.news-item-contain {position: relative; display: flex; flex-direction: row;}
.news-item-contain .overlay {width: 30%}
.news-item-contain .item {width: 70%}


article.news-item {padding-bottom: 10px; padding-top: 25px; border-bottom: 1px solid #f3f3f3; margin-bottom: 15px;}
article.news-item .row{display: flex; align-items: stretch; justify-content: flex-start;}


article.news-item .news-item-preview {overflow: hidden} 
article.news-item .left-col {display: flex; flex-direction: column; position: relative; height: 100%; padding-left: 25px}
article.news-item .left-col .news_category span {color: #fff; padding: 0 8px; font-weight: bold; font-size: 12px; margin-left: 8px;}
article.news-item .left-col .i {font-size: 14px;}
article.news-item .left-col .pub-date {font-size: 11px; white-space: nowrap; text-transform: uppercase; margin-top: 18px;}

article.news-item h2 {padding-top: 18px; padding-right: 25px;}
article.news-item .desc {padding-top: 0px; margin-bottom: 25px; padding-right: 25px;}

article.news-item .news-item-preview { }
article.news-item .news-item-preview img {}

article.news-item .link-detail {position: relative; padding: 0 15px; border-radius: 15px; line-height: 28px; color: blue; border: 1px solid blue; text-decoration: none; display: inline-block; margin-top: 18px; margin-left: 0; margin-right: auto; margin-bottom: 15px}

.search-product {display: none; width: 100%; background-color: #eee; border-left: 2px solid #8BC34A}
.search-product.loaded {display: flex; flex-direction: row; align-items: center; justify-content: flex-start;}
.search-product .form-control {    border: 1px solid #8BC34A; max-width: 240px; line-height: 32px; height: 32px; min-height: 32px; background: rgba(139, 195, 74, .05); margin-left: 15px; margin-right: 15px;}
.search-product .form-control:hover,
.search-product .form-control:focus {background-color: #fff}

.search-product label {    font-size: 16px; margin: 0; color: #000; padding-left: 15px; font-weight: bold;}
.search-product button.form-clean {
	
font-size: 10px;
    font-weight: bold;
    color: #9c9c9c;
    padding: 0 12px 0 27px;
    line-height: 45px;
    text-decoration: underline;
	border: 0px solid; background-color: transparent; box-shadow: none;
    background-image: url(./../img/form-clean.png);
    background-repeat: no-repeat;
    background-position: 4px center;
}

@media (max-width: 768px) {
	
	.search-product.loaded {flex-wrap: wrap;}
	.search-product label {width: 100%;}
}
@media (max-width: 380px) {
	.search-product .form-control {max-width: 100%;}
	.search-product button.form-clean {margin-left: auto;}
}

.man-list {padding: 40px 0; margin: 0; column-count: 2}
.man-list li {list-style: none}
.man-list li a {font-size: 16px; font-weight: 500; color: #cacaca; text-decoration: none;}
.man-list li a:hover {color: #3a3285;}
.man-list li.active a {color: #f2a500;}
.man-list li.active a:hover {color: #f2a500;}

.man_section-title {margin-top: 0px; margin-bottom: 0; font-size: 21px}
.nav_man {background-color: #fafafa; padding: 30px 20px}


.row-sqare {position: relative; margin-bottom: 20px}
.row-sqare a {font-size: 18px; color: #646464; font-weight: bold; text-decoration: none; line-height: 24px; display: inline-block; width: 100%;}
.row-sqare a img{opacity: .94; max-width: 100%; width: 100%; display: block; height: inherit; margin-bottom: 5px}
.row-sqare a:hover img{opacity: 1;}
.row-sqare a:hover {color: #f2a500;}


@media (max-width: 768px) {
	.row-sqare {display: flex; width: calc(100% + 30px); max-width: calc(100% + 30px); margin: 0 -15px 20px; padding: 24px 15px 15px; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; background: #fff; position: relative;}
	.row-sqare a {font-size: 13px;}
	.row-sqare .col-xs-12 {display: block; min-width: 124px; width: 50%; padding: 0; text-align: center}
	.row-sqare:after {content: 'Автозапчасти на все иномарки в наличии'; display: block; position: absolute; height: 24px; top: 0px; left: 0; background: #aaa; font-size: 12px; width: 100%; max-width: 100%; text-align: center; background-color: #83b146; color: #fff; line-height: 24px; z-index: 2}
	.row-sqare:before {content: ''; position: absolute; left: calc(100% / 2 - 12px); display: block; height: 0; width: 0;     border: 12px solid #83b146;
    z-index: 1;
	top: 5px;
    transform: rotate(45deg);
    border-left-color: transparent;
    border-top-color: transparent;}
	
	.row-sqare:after { animation: sqares_color_bg 7s ease-in-out infinite;}
	.row-sqare:before { animation: sqares_color_border 7s ease-in-out infinite;}

}

	@keyframes sqares_color_bg {
		0% {background-color: #83b146;}
		25% {background-color: #3b2e88;}
		50% {background-color: #f2a500;}
		75% {background-color: #3b2e88;}
		100% {background-color: #83b146;}
	}
	@keyframes sqares_color_border {
		0% {border-color: transparent #83b146 #83b146 transparent;}
		25% {border-color: transparent #3b2e88 #3b2e88 transparent;}
		50% {border-color: transparent #f2a500 #f2a500 transparent;}
		75% {border-color: transparent #3b2e88 #3b2e88 transparent;}
		100% {border-color: transparent #83b146 #83b146 transparent;}
	}


	.seo-content {padding: 40px 0; }
	.seo-content h2 {}
	.seo-content p {font-size: 15px;}
	.seo-content ul {list-style: none; margin-top: 15px}
	.seo-content li {margin: 0; padding: 0 5px}
	.seo-content li a {text-decoration: none}
	.seo-content li:nth-child(2n) {background-color: #f5f5f5;}

	section.seo-content {background: linear-gradient(to top, #fafafa, #f5f5f5); margin: 45px 0 0; display: block; width: 100%;}
	section.seo-content article.content {}
	section.seo-content article.content p {font-size: 16px; margin-bottom: 8px; padding: 0 0 4px;}
	section.seo-content a {color: #54555a; text-decoration: none;}
	section.seo-content a:hover {cursor: default}

	.news-container-main {display: flex; flex-direction: row;align-items: flex-start; justify-content: space-between; width: 100%; padding: 0 15px; margin-bottom: 40px}
	.news-container-main .news-item .btn-primary {padding: 0 25px; font-size: 14px; width: inherit;}
	.news-container-main .news-item .btn-primary {    background: transparent; color: #3a3285; border-bottom: 2px dotted #c7c7c7; padding: 0; height: 21px; display: flex; float: left; align-items: center; justify-content: center;}
	.news-container-main .news-item {display: flex; flex-direction: column; width: 280px;}
	
	@media (max-width: 992px) {
		.news-container-main {flex-wrap: wrap}
	}
	@media (max-width: 768px) {
		.news-container-main .news-item { width: 100%; }
	}
	@media (max-width: 480px) {
		.wrap_mW {left: 0px; bottom: 80px!important}
		.overlay_2w {width: 80px!important}
		
		.news-container-main .news-item { width: 49%; }
		.news-container-main .news-item { width: 100%; }
		.news-container-main .news-item header h3 {font-size: 14px}
		
		.news-container-main .news-item article p {font-size: 12px; line-height: 1.2}
		.news-container-main .news-item .btn-primary {font-size: 12px; height: 32px; line-height: 32px; background-color: transparent; color: #000 ;border: 1px solid #3f51b5; border-radius: 2px; padding: 0 15px; color: #3f51b5}
		
		.social-widgets {margin-bottom: 45px}
		.social-widgets h2 {font-size: 24px}
	}
	@media (max-width: 420px) {
		.social-widgets h2 {font-size: 18px; font-weight: bold}
	}
	
	.news-container-main .news-item header {}
	.news-container-main .news-item header h3 {font-size: 13px}
	.news-container-main .news-item article {}
	.news-container-main .news-item article p {max-height: 134px; overflow: hidden; margin-bottom: 15px}


@media (max-width: 480px) {
	.articles_news {position: relative;}
	.articles_news h3 {font-size: 24px;}
	
	#advantages .container {padding: 0;}
	#advantages .row {margin: 0}
	#advantages h2 {font-size: 24px; color: #83b146}
	#advantages .col-xs-12.page-header {width: 100%;}
	#advantages .col-xs-12 {width: 33.3%; padding: 0 4px 0 7px}
	#advantages .col-xs-12 {width: 45%; padding: 0 4px 0 7px; margin: 0 1% 25px}
	#advantages .row {display: flex; width: 100%; flex-direction: row; justify-content: center; flex-wrap: wrap; align-items: center;}
	#advantages h5 {font-size: 14px; text-align: left;}
	#advantages p {font-size: 10px; line-height: 1.2; text-align: left;}
	
	.seo-content h2 {font-size: 16px;}
	.seo-content p {font-size: 11px; line-height: 1.3; margin-bottom: 8px}
	.seo-content ul {padding-left: 0;}
	.seo-content li {margin: 0; padding: 5px 15px; border: 1px solid #f5f5f5; font-size: 12px;}
}
@media (max-width: 380px) {
	#advantages h5 {font-size: 13px;}
	#advantages p {font-size: 9px;}
	.news-container-main .news-item header h3 {font-size: 12px}
}

.setion-cant-search {background-color: #f5f5f5;}

.search-form-no-data .form-text-search .form-c .form-control {font-size: 18px}
.search-form-no-data .form-text-search .form-c {position: relative;}
.search-form-no-data .form-text-search .form-c button i {font-size: 24px; color: #f2a500}
.search-form-no-data .form-text-search .form-c button {position: absolute; right: 0; top: 0; height: 50px; width: 64px; text-align: center; line-height: 42px; background-color: transparent; border: 0px solid; box-shadow: none;}
.search-form-no-data .form-text-search {padding: 15px; background:#3a3285;}
.search-form-no-data .form-text-search label {color: #fff; margin-bottom: 5px}
.search-form-no-data {display: inline-block; width: 100%; padding: 25px 0;}
.search-form-no-data h3 {text-align: left;}


.search_form_text {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin-top: 45px}
.search_form_text input {font-size: 16px; color: #000; line-height: 42px; display: inline-block; padding: 0 15px; min-width: 60%;}
.search_form_text button {display: inline-block; background-color: #3a3285; color: #fff; font-size: 16px; border: 0px solid; line-height: 42px; padding: 0 15px 0 10px}

@media (max-width: 480px) {
	.search_form_text input {width: 100%;}
	.search_form_text button {width: 100%; text-align: center}
}


section.user-comments .comments-form {display: block; width: calc(100% - 8px); position: relative; padding: 15px 0;}
section.user-comments .comments-form h4 {margin-bottom: 5px; font-size: 12px}
section.user-comments .comments-form i.fa-close {position: absolute; top: 24px; right: 0}

section.user-comments .comments-form textarea.form-control {margin-bottom: 8px}
section.user-comments .comments-form .btn-primary {font-size: 12px; height: 32px; line-height: 32px; display: inline-block; max-width: 90px;}

section.user-comments .comments-form .rate-heading {display: inline-block; width: 120px;}
section.user-comments .comments-form .rate-data {min-width: 420px; width: calc(100% - 130px); display: inline-block;}
section.user-comments .comments-form .rate-data input {display: none;}
section.user-comments .comments-form .rate-data label {background: #fff; color: #000; font-size: 15px; line-height: 32px; width: 32px; display: inline-block; height: 32px; text-align: center; border: 1px solid #ccc; margin-bottom: 8px}
section.user-comments .comments-form .rate-data label:hover {background: #f0f0f0}
section.user-comments .comments-form .rate-data input[type="radio"]:checked+label {background: #f2a500; color: #fff; border-color: #f2a500}
section.user-comments .col-xs-12 > .comments-form {border-top: 1px solid #eee}
section.user-comments .col-xs-12 > .comments-form .rate-data label {background: #f7f7f7;}
section.user-comments .col-xs-12 > .comments-form .rate-data label:hover {background: #f1f1f1}




section.user-comments .media-list .media-left {min-width: 92px; text-align: center; position: relative; padding-bottom: 35px;}
section.user-comments .media-list .media-left .media-object{margin: 0 auto 5px}
section.user-comments .media-list .media-left .star {display: flex; flex-direction: row; justify-content: space-between; width: 100%}
section.user-comments .media-list .media-left .star i.fa-star {color: #ffc107}
section.user-comments .media-list .media-left .star i.fa-star-o {color: #ccc}
section.user-comments .media-list .media-left small{}
section.user-comments .media-list .media-left small .dmy{font-size: 12px; display: block; color: #646464; margin-bottom: 6px; margin-top: 12px;}
section.user-comments .media-list .media-left small .time{font-size: 18px; font-weight: 500; display: block;}
section.user-comments .media-list .media {position: relative;}
section.user-comments .media-list .media .like {display: inline-block;}
section.user-comments .media-list .btn-reply,
section.user-comments .media-list .btn-orange {width: 120px; height: 24px; line-height: 24px; font-weight: 100; font-size: 15px; color: #000; background-color: transparent}
section.user-comments .media-list .btn-reply {border: 1px solid #ccc; font-size: 12px; font-weight: 500; line-height: 12px; border-radius: 12px; background: #fff}
section.user-comments .media-list .btn-orange {border: 1px solid #ccc}

section.user-comments .media-list .comm-add-like { height: 24px; font-size: 15px; background: transparent; border: 0px solid; border-radius: 0; padding: 0; margin: 0 8px 0 0; }
section.user-comments .media-list .comm-add-like {}
section.user-comments .media-list .comm-add-like span {background: #3a3285; border-radius: 50%; width: 24px; display: inline-block; text-align: center; color: #fff; font-size: 12px; margin-right: 6px; height: 23px; cursor: pointer}
section.user-comments .media-list .comm-add-like i {color: #ccc; cursor: pointer}
section.user-comments .media-list .comm-add-like.active i,
section.user-comments .media-list .comm-add-like:hover i {color: #000;}

section.user-comments .media-list .media-body {background-color: #f5f5f5; border-radius: 6px; padding: 8px 0 8px 8px;}
section.user-comments .media-list .media-body p {padding-right: 25px; margin-bottom: 15px}
section.user-comments .media-list .media-body .media-body {border-radius: 0px; border-top: 1px solid #eaeaea;}

section.user-comments .media-list .media-body .media-heading {margin-top: 15px; color: #646464}

section.user-comments .media-list .media-body p.alert {max-width: calc(100% - 8px); margin-bottom: 0px; margin-top: 8px} 


section.user-comments li.media > .media > .media-left:after {content: ''; display: block; width: 0px; height: 0px; position: absolute; top: 18px; right: 0; border-color: transparent #f5f5f5 transparent transparent; border-style: solid; border-width: 12px;}
section.user-comments li.media > .media > .media-body {padding-left: 25px}

section.user-comments {padding: 0 0 45px;}

@media (max-width: 768px) {
	section.user-comments .media-body {width: 100%; padding: 8px;}
	section.user-comments .media-list .media {display: flex; flex-direction: column; }
	section.user-comments .media-list .media .media-left{ min-width: 92px; text-align: center; position: relative; padding-bottom: 15px; display: flex; align-items: center; }
	section.user-comments .media-list .media .media-left .star{ max-width: 92px; margin-right: 25px;}
	section.user-comments .media-list .media-left .media-object {margin: 0 25px;}
	section.user-comments .media-list .media-left small { display: flex; flex-direction: row; align-items: center;}
	section.user-comments .media-list .media-left small .time,
	section.user-comments .media-list .media-left small .dmy {margin: 0 25px 0 0; font-size: 14px;}
	section.user-comments li.media > .media > .media-left:after {top: calc(100% - 24px); left: 46px; border-bottom-color: #f5f5f5; border-right-color: transparent;}
	section.user-comments .media-list .media .media .media .media-left {padding-bottom: 0px; margin-top: 0px;}
	section.user-comments .media-list .media .media .media .media-body .media-heading {margin-top: 0;}
	section.user-comments .media-list .media-body .media-body {border-top: 0px solid; border-bottom: 0px solid; padding-left: 25px;}
	section.user-comments .media-list .media-body > .media-body {border-left: 1px solid #ccc}
}


.row-sqare .item-6 {margin-top: 25px;}
.row-sqare .item-6 .row {display: flex; flex-direction: row; flex-wrap: wrap; align-items: stratch; position: relative;}
.row-sqare .item-6 .row div {position: relative; z-index: 2}
.row-sqare .item-6 .row:after {content: ''; z-index: 1; top: 0; left: 15px; right: 15px; width: calc(100% - 30px); display: block; height: 100%; background: #fff; position: absolute;}
.row-sqare .item-6 img {margin: 0;}
.row-sqare .item-6 .content {align-items: center}
@media (max-width: 768px) {
	.row-sqare .item-6 {width: 50%;}
	.row-sqare .item-6 .row div {width: 100%;}

}


.car-catalog {width: 100%; padding: 45px 0; border: 30px solid #f5f5f5}

@media(max-width: 1480px) {
	.car-catalog {
		border: 0px solid;
	}
}

.car-catalog h2 {width: 100%; text-align: center;}
.data-row-cars {display: block; padding: 0; display: flex; flex-direction: row; justify-content: space-between;}
.data-row-cars .col-inner {display: flex; width: 20%; justify-content: space-between; flex-direction: column;}

.data-row-cars .col-inner h5 {margin-top: auto; flex-grow: 1}
.data-row-cars .col-inner ul {max-width: calc(90%); flex-grow: 20}

.data-row-cars .col-inner h5 {font-weight: bold; font-size: 13px; margin: 15px 15px 0; font-size: 18px; color: #aaa}
.data-row-cars .col-inner ul {margin: 0; padding: 0; list-style: none; padding: 15px 0; position: relative;}
.data-row-cars .col-inner ul.lada {padding-bottom: 0px}
.data-row-cars .col-inner ul.tavriya {padding-top: 0px}

.data-row-cars .col-inner ul li {}
.data-row-cars .col-inner ul li a {color: #646464; text-decoration: none; font-size: 15px; color: #000; line-height: 28px; padding: 0 0 0 15px; display: inline-block}

@media (max-width: 992px) {
	.data-row-cars {flex-wrap: wrap;}
	.car-catalog .container {width: 100%}
}
@media (max-width: 900px) {
	.data-row-cars .col-inner ul li a {font-size: 14px}
}
@media (max-width: 768px) {
	.data-row-cars {flex-wrap: wrap;}
	.data-row-cars .col-inner {width: 100%; flex-direction: column;}
	.data-row-cars .col-inner ul {column-count: 3;}
	.data-row-cars .col-inner ul li a {font-size: 16px; line-height: 32px;}
	.data-row-cars .col-inner > div {border-bottom: 1px solid #ccc}
	.data-row-cars .col-inner:last-child > div:last-child {border-bottom: 0px solid #ccc}
}

@media (max-width: 480px) {
	.data-row-cars .col-inner ul {column-count: 2;}
	.car-catalog { width: 100%; padding: 45px 0; border: 0px solid #f5f5f5; border-width: 0 0 20px 0; }
}


.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#263238; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}


.city_change {display: block; margin: 0; padding: 0; list-style: none} .cboxPhoto {width: 100%!important; max-width: 100%!important;display: block!important; height: initial!important} #cboxContent {background: transparent}


.text-products-sklad {position: fixed; bottom: 0; left: 0; display: block; width: 100%; height: 38px; background-color: #383345; font-size: 14px; padding: 0 70px; line-height: 38px; z-index: 10;}
.text-products-sklad p { color: #fff;}
.text-products-sklad a {color: #fff;}
footer {padding-bottom: 50px}
footer.site {padding-bottom: 50px}
.text-products-sklad {display: none;}



footer a.butt {background-color: #f2a500; border: 1px solid #ff9800; border-radius: 3px; line-height: 32px; font-weight: bold; color: #000; text-decoration: none; display: inline-block; padding: 0 8px; box-shadow: 0px 10px 25px #111; margin-bottom: 18px;}

footer a.butt.notify {border: 1px solid #8bc34a; background: #8bc34a}
footer a.butt.notify .fa {margin-left: 0}
	
.footer.new .container.bb {border-bottom: 1px solid #424141; padding-bottom: 20px; margin-bottom: 20px;}
.footer.new	{background: #272727;}
.footer.new a {text-decoration: none;}
.footer.new	.fa {width: 21px; margin-right: 4px; text-align: center; position: relative; margin-left: -25px}
.footer.new	.fa-cogs{color: #8bc34a;}
.footer.new .phones-block {padding-left: 8px; padding-right: 0}
.footer.new .phones-block p {margin-bottom: 15px}
.footer.new .phones-block a {font-size: 14px; line-height: 32px;}
.footer.new .phones-block a i {color: #696969}
.footer.new .bfoot {display: flex; flex-direction: row; justify-content: space-between;}
.footer.new .bfoot .social_footer_ul {}

.footer.new .pay {display: flex; flex-direction: row; justify-content: space-between; margin: 15px 0;}
.footer.new .pay span {background: #fff; padding: 2px; margin-right: 10px; border-radius: 2px;}
.footer.new .pay span img {max-width: 100%; max-height: 48px;}
.footer.new p {line-height: 16px; padding-right: 15px; font-size: 12px;}
.footer.new .pay-text {}

.footer.new ul.social {display: flex; flex-direction: row; justify-content: flex-start; list-style: none; padding: 0; margin: 0;}
.footer.new ul.social li a {color: #ccc; border: 1px solid #444; padding: 0; border-radius: 50%; display: inline-block; line-height: 40px; width: 42px; text-decoration: none; text-align: center; font-size: 18px; box-shadow: inset 0px 10px 25px #333, 0px 10px 25px #111; background: #191919; margin-right: 6px}
.footer.new ul.social li a i {color: #ccc; display: inline; margin-right: 1px; text-shadow: 2px 2px 5px #000; margin-left: 0;}

.footer.new .worktimes {padding-top: 40px;}
.footer.new .worktimes div {position: relative; display: inline-block}
.footer.new .worktimes div > * {position: relative; z-index: 2;}
.footer.new .worktimes div:before {content: ''; display: block; position: absolute; z-index: 1; background: #191919; width: calc(100% + 30px); top: -15px; left: -15px; height: calc(100% + 30px); border-radius: 4px; }
.footer.new .worktimes h5 {padding-top: 0}
.footer.new .worktimes ul {margin: 0; list-style: none; padding: 0 0 15px 0;}
.footer.new .worktimes ul li {font-size: 14px; color: #d3d3d3; line-height: 24px;}
.footer.new a.o {color: #9e9e9e; text-decoration: underline}
footer.site {display: none}

@media (max-width: 768px)  {
	.footer.new {padding: 0 30px}
	.footer.new .phones-block {text-align: center;}
	.footer.new .links {column-count: 3; text-align: center}
	.footer.new .links li a {font-size: 18px;}
	.footer.new ul.social {justify-content: center;}
	.footer.new ul.social li {margin: 0 6px}
	.footer.new .worktimes div {display: block; max-width: 240px; text-align: center; margin: 0 auto 25px}
	.footer.new .pay {justify-content: flex-start; margin-bottom: 35px;}

	
}
@media (max-width: 480px)  {
	.footer.new .links {column-count: 2;}
	.footer.new h5,
	.footer.new .phones-block {text-align: center;}
}
@media (max-width: 420px)  {
	.footer.new .links {column-count: 1;}
}

#modal-image .modal-image {}
#modal-image .modal-image .modal-title {margin-top: 32px;}
#modal-image .modal-image .desc {}
#modal-image .modal-image figure {margin: 0; display: block; width: 100%; height: initial;}


@media (min-width: 769px) and (max-width: 1199px) {
	/*
	.navbar-secondary .navbar-nav>li:first-child a {font-size: 0px;}
	.navbar-secondary .navbar-nav>li:first-child a i {font-size: 14px; line-height: 28px}
	*/
	.navbar-secondary .navbar-nav>li {margin-right: 24px}
	 
	.navbar-secondary .navbar-nav.navbar-right.navbar-info {    flex-direction: row; align-items: center; justify-content: space-between;}
	.navbar-secondary .navbar-nav.navbar-right.navbar-info li a {font-size: 0px; display: flex; align-items: center;}
	.navbar-secondary .navbar-nav.navbar-right.navbar-info li a i {font-size: 14px}
	
	.navbar-secondary .navbar-nav.navbar-auth {margin-left: 12px}
	.navbar-secondary .navbar-nav.navbar-auth>li:last-child:before {margin: 0 14px; display: none}
	.navbar-secondary .navbar-nav.navbar-auth>li:last-child {margin-left: 8px}
	
	.navbar-secondary .navbar-nav.navbar-right.navbar-info li a i:before {margin-right: 5px; margin-left: 5px;}
}

@media (max-width: 768px) {
	.navbar-secondary .navbar-nav.navbar-wt {padding: 20px 5px; background: #3a2e94; margin: 0 0 -20px;}
	.navbar-secondary .navbar-nav.navbar-wt li.title {font-weight: bold; color: #fff}
	.navbar-secondary .navbar-nav.navbar-wt li.det { color: #fff}
	
	.navbar-wtime {    position: absolute; top: 2px; left: 180px; display: flex!important; height: 100%; align-items: center;}
	.navbar-wtime span {font-size: 14px}
}

@media (max-width: 520px) {
	.navbar-wtime span {
		font-size: 14px;
		max-width: 100px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 21px;
	}
}

@media (max-width: 480px) {
	.navbar-wtime {left: 154px}
	.navbar-wtime span {    font-size: 13px; max-width: 92px; }
	.navbar-header .navbar-price {font-size: 10px; width: 94px; text-transform: uppercase}
	.head-mobile-contacts li a {font-size: 13px;}

	.cookie-modal {
		padding: 42px 24px;
	}
	.cookie-modal-wrapper h1 {
		margin: 0;
	}
	.cookie-modal-wrapper span {
		text-align: center;
	}
}
@media (max-width: 440px) {
	.head-mobile-contacts li a {font-size: 12px;}
	.navbar-wtime span {    font-size: 12px; max-width: 80px; }
	
	.navbar-header .navbar-price {    padding: 0; line-height: 13px; display: flex!important; top: -1px; align-items: center; justify-content: center; white-space: initial; width: 52px; text-align: center;    padding-top: 15px; font-size: 9px; font-weight: bold; color: #fff;}
	.navbar-header .navbar-price i {    position: absolute; top: 5px; left: 8px; font-size: 42px; opacity: .3;}

	.navbar-wtime {left: 114px}
	
	.head-mobile-contacts {flex-direction: row; align-items: center;}
	.head-mobile-contacts li {font-size: 0; color: transparent;     display: flex;}
	.head-mobile-contacts li a {font-size: 0; color: transparent;     display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; height: 32px}
	.head-mobile-contacts li a i {font-size: 32px; color: #252629;     display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;}
	
}


@media (max-width: 480px) {
	.breadcrumb>li+li:before {display: none;}
	.crumb .container {height: initial; max-height: initial; min-height: initial; border: 0px solid;}
	.crumb .breadcrumb {display: flex; padding: 0;}
	.crumb .breadcrumb>li a {border-bottom: 0px solid;}
	.crumb .breadcrumb>li {display: none; position: relative;}
	.crumb .breadcrumb>li:nth-last-child(2) {display: flex; font-size: 0; color: transparent}
	.crumb .breadcrumb>li:nth-last-child(2) a {position: absolute; top: 0; left: 0; width: 32px; height: 32px; z-index: 2} 
	.crumb .breadcrumb>li:last-child {display: flex; align-items: center; justify-content: flex-start; padding-left: 8px}
	.crumb .breadcrumb>li:nth-last-child(2):after {content: ''; display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; background-image: url(./../img/arrow-down.svg); background-size: auto 14px; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; transform: rotate(90deg); }
	.crumb .breadcrumb>li:last-child:before {display: none;}
}


	.block-shop {display: block; padding: 40px 0 }
	.block-shop .b-logo {display: inline-block; width: 64px; height: 64px; float: left; margin-right: 18px; margin-bottom: 0; border: 1px solid #eee; padding: 6px; margin-top: 5px;}
	.block-shop	ul {display: flex; flex-direction: row; margin: 0; padding: 0; list-style: none; flex-wrap: wrap;}
	.block-shop	ul li {margin-right: 6px; font-weight: 500;}
	.block-shop-call {display: block; padding: 40px 0; background-color: #fafafa}
	.block-shop-call img {max-width: 240px; margin: 15px auto 15px; max-width: 100%;}


	.col-list-cars {display: block; width: 100%; max-width: 992px; margin: 15px auto}
	.col-list-cars figure {text-align: center}
	.col-list-cars figure img {max-width: 100%; width: 64px; height: 64px;}

	@media (max-width: 768px) {
		.block-shop {padding: 20px 0}
		.block-shop h1 {font-size: 21px}
		.block-shop h2 {font-size: 18px}
		.block-shop-call {padding: 20px 0 10px}
		.block-shop-call a,
		.block-shop-call button {margin-bottom: 10px;}
		
		.block-shop-call img {margin: 15px auto 15px; max-width: 214px; width: 100%;}
		.block-shop-call .col-xs-12 {text-align: center}
	}
	
	
.table>tbody>tr>td {}	
.table>tbody>tr>td .price {display: flex; flex-direction: column; align-items: center; justify-content: flex-start;}	
.table>tbody>tr>td .price s {color: #777}


@media (max-width: 480px) { 
	header.header {height: initial;}
	.site-logo {padding: 25px 40px 10px;}
	
	.icon-bag:before {width: 21px; height: 21px;}
	
	.small-cart {    position: absolute; top: 0; z-index: 12; width: 32px; margin: 0; right: 105px}
	.small-cart .order-info	{width: 32px; height: 50px; background: transparent; box-shadow: none;}
	.small-cart .order-info .i-cart {width: 32px; max-width: 32px; min-width: 32px;}
	
	
	.fixed-scroll-to-top.visible .scroll-top { transform: translateY(-40px);
    width: 32px;
    height: 32px;
	right: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;}
		
	.small-cart .order-info .i-order {display: none;}
		
	header.header .col-xs-12 {position: initial}	
		
	.search-page {}	
	.search-page h1 {display: none}	

	.cars-lists li {width: 11.3%;}
	.cars-lists li a {}
	.cars-lists li a img {max-width: 100%}
	
	
	.search-page .container > .row:first-child > .col-xs-12:first-child {display: none;}
	.search-page .container > .row:first-child > .col-xs-12.no-result {display: block}
	.exview {display: none;}
	.search-page h3 {font-size: 16px; margin-bottom: 0}
	
	
	.col-search {height: 72px}
	.col-search .form-search-head .btns {position: relative; top: 0}
	.navbar-search button {width: 45px;}
	
	.link__worktime {padding: 0px 0 2px!important}
	
	.cars-lists {margin: 0}
	
	.product-special .product-item .price .old {font-size: 12px;}
	
	.main-sales .item {width: 48%; max-width: 48%}
	.product-special .col-xs-12,
	.catalog.product-special .product-item, .product-special .product-item {width: 100%; display: flex;}

	.main-sales .product-special .product-item span.title {height: initial; max-height: initial; line-height: 1.4;}
	.main-sales .product-special .product-item span.title:after,
	.product-special .product-item figure:after {display: none;}
	.catalog.product-special .product-item figure, .product-special .product-item figure {padding-top: 62%}
	body {display: flex; flex-direction: column}
	.main-sales .product-special .product-item span.title {
    height: initial;
    max-height: initial;
    font-size: 12px;
    padding: 8px;
	}
	
	.main-sales .item {padding-bottom: 15px;}
	.main-sales .product-special .product-item {height: 100%;}
	.product-special .product-item .price {margin-top: auto;}
	.product-special .product-item .price .old {display: block; margin: 0 auto; color: #4a4a4a; text-decoration: none}
	.product-special .product-item .price .old:after {background: red}
	
	.product-special .product-item .button_cart_action i.icon-cart-add2 {font-size: 12px;}
	.product-special .product-item .button_cart_action {position: absolute; bottom: 0; right: 0; padding: 6px 12px}
	
	.main-sales {align-items: stretch}

	section.seo-content {margin: 15px 0 0;}
	
	h1 {font-size: 24px}
	h2 {font-size: 21px}
	h3 {font-size: 16px}
	h4 {font-size: 14px}
	
	
	/*
	.cars-select-model {display: none}
	*/
	.cars-lists li {
    width: 25%;
	}
	
	header.header {order: -0}
	.navbar-secondary,
	.navbar-primary {order: -1;}
	
	.navbar-primary .container {padding: 0}
	
	.navbar-primary .navbar-nav {height: 45px;}
	.navbar-primary .navbar-nav>li.catalog > a {padding-top: 0; padding-bottom: 0;}
	
	.content-addres-block-mobile {margin: 15px; max-width: calc(100% - 30px);}
	
}

#voice-trigger {position: absolute;
	left: 15px;
	top: 0;
	color: #3f51b5;
	display: inline-block;
	line-height: 48px;
	width: 32px;
	text-align: center;
	transition: all 1s ease;
	border-radius: 50%;
	cursor: pointer;
}
	
#voice-trigger.active {}
/*

@keyframes blink-animation {
  0% { background:  rgba(63, 81, 181, .28); }
  50% { background:  rgba(63, 81, 181, .12); }
  100% { background:  rgba(63, 81, 181, .28); }
}
@-webkit-keyframes blink-animation {
  0% { background:  rgba(63, 81, 181, .28); }
  50% { background:  rgba(63, 81, 181, .12); }
  100% { background: rgba(63, 81, 181, .28); }
}


#voice-trigger .icon-mic2 { 
	transition: all 1.3s ease;
}
#voice-trigger.active .icon-mic2 {
	font-size: 28px;
}
*/
	
@media(max-width: 768px) {
	#voice-trigger {
		position: absolute;
		left: 4px;
		top: 0;
		display: inline-block;
		line-height: 64px;
		width: 32px;
		text-align: center;
	}
}

#voice-trigger:before {
    content: "";
    height: 200%;
    left: -50%;
    position: absolute;
    top: -50%;
	width: 170%;
	opacity: 0;
}


#voice-trigger.active:before {
    animation: fx-plyr-play-button .8s ease-out infinite;
    border: 6px solid #3f51b5;
    border-radius: 200%;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-sizing: border-box;
    content: "";
    height: 92px;
    left: -32px;
    position: absolute;
    top: -50%;
width: 92px;
	opacity: 1;
}

#voice-trigger.active:after {
	animation: fx-plyr-play-button1 .8s ease-out infinite;
    border: 15px solid #3f51b5;
    border-radius: 200%;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-sizing: border-box;
    content: "";
    height: 38px;
    left: -32px;
    position: absolute;
    top: 0px;
    width: 38px;
    opacity: 1;
    left: -3px;
}


@keyframes fx-plyr-play-button {
    0% {
        transform: scale(.5);
    }
    100% {
        opacity: 0;
    }
}


@keyframes fx-plyr-play-button1 {
    0% {
        transform: scale(.1);
    }
    50% {
        transform: scale(.5);
    }
    100% {
        opacity: 0;
    }
}


@media (max-width: 768px) {
	#voice-trigger.active:before {top: -26px}
}

.basket {display: flex; flex-direction: column; width: 100%;}
.basket .basket-head {display: flex; width: 100%;}
.basket .basket-head [class*="basket-head__"],
.basket .basket-head [class^="basket-head__"] {text-align: center; font-size: 14px; font-weight: bold; border-bottom: 1px solid #eee; padding: 0 0 15px}

.basket .basket-body {display: flex; flex-direction: column; width: 100%;}

.basket .basket-body .basket-body__item {display: flex;}
.basket .basket-body .basket-body__item [class*="basket-body__item-"],
.basket .basket-body .basket-body__item [class^="basket-body__item-"] {display: flex; flex-direction: row; align-items: flex-start; padding: 6px 0; border-bottom: 1px solid #eee; align-items: center}

.basket .basket-head .basket-head__title,
.basket .basket-body .basket-body__item .basket-body__item-title {width: 70%; justify-content: flex-start; align-items: stretch}

.basket .basket-body .basket-body__item .basket-body__item-title span.img {width: 96px; margin-right: 8px;}
.basket .basket-body .basket-body__item .basket-body__item-title span.text {display: flex; flex-direction: column; width: 100%;}
.basket .basket-body .basket-body__item .basket-body__item-title span.text .title {font-size: 15px; margin-bottom: auto; width: 100%; line-height: 18px; font-weight: 500;}
.basket .basket-body .basket-body__item .basket-body__item-title span.text .art {font-size: 12px; line-height: 16px; color: #646464}

.basket .basket-body .basket-body__item .basket-body__item-title span.img img {max-width: 100%}

.basket .basket-head .basket-head__control,
.basket .basket-body .basket-body__item .basket-body__item-control {width: 112px; justify-content: center;}

.basket .basket-body .basket-body__item .basket-body__item-control a.button_cart_action {width: 24px; line-height: 24px; height: 24px; background: #eee; text-align: center; color: #646464; align-items: center; justify-content: center; display: flex; text-decoration: none;}
.basket .basket-body .basket-body__item .basket-body__item-control a.button_cart_action i[class^="icon-"] {font-size: 12px;}


.basket .basket-head .basket-head__price,
.basket .basket-body .basket-body__item .basket-body__item-price {width: 102px; justify-content: center;}

.basket .basket-head .basket-head__summ,
.basket .basket-body .basket-body__item .basket-body__item-summ {width: 126px; justify-content: center;}

.basket .basket-head .basket-head__action,
.basket .basket-body .basket-body__item .basket-body__item-action {width: 32px; justify-content: center;}
.basket .basket-body .basket-body__item .basket-body__item-action a {color: red}



.basket .basket-body .basket-body__space {height: 32px; display: block; width: 100%;}

.basket .basket-body .basket-body__info {display: flex; flex-direction: row; justify-content: flex-end;}
.basket .basket-body .basket-body__info .basket-body__info-title {padding: 0 15px;}
.basket .basket-body .basket-body__info .basket-body__info-value {padding: 0 32px 0 0; font-size: 21px;}

.basket .basket-foot {width: 100%; justify-content: flex-end; display: flex; padding-top: 25px; padding-right: 32px}

.basket .basket-foot-order {width: 100%; justify-content: space-between; display: flex; padding-top: 25px; padding-right: 32px}

.btns.cabinet-btn-order {padding-top: 25px; display: flex; flex-direction: row; justify-content: space-between; width: 100%;}

@media (max-width: 1199px) {
	.basket .basket-body .basket-body__item .basket-body__item-title span.text .title {font-size: 13px}
}
@media (max-width: 992px) {
	.basket .basket-head .basket-head__summ, .basket .basket-body .basket-body__item .basket-body__item-summ,
	.basket .basket-head .basket-head__price, .basket .basket-body .basket-body__item .basket-body__item-price {width: 82px; font-size: 12px;}
}

@media(max-width: 992px) {

	.modal-title {padding: 12px 0;}
	.modal-dialog {margin: 0; width: 100%; max-width: 100%;}
	.modal-content button.close {background-color: transparent; background-size: 28px; top: 20px; right: 20px; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35.68 35.68"><path fill="currentColor" d="M32.68,35.68a3,3,0,0,1-2.12-.88L17.84,22.08,5.12,34.8A3,3,0,1,1,.88,30.56L13.6,17.84.88,5.12A3,3,0,0,1,5.12.88L17.84,13.6,30.56.88A3,3,0,1,1,34.8,5.12L22.08,17.84,34.8,30.56a3,3,0,0,1,0,4.24A3,3,0,0,1,32.68,35.68Z"/></svg>');}
	
	.basket .basket-body .basket-body__info {justify-content: flex-end; align-items: flex-end;}
	.modal-body .basket .basket-body .basket-body__info .basket-body__info-title {margin-right: 24px; line-height: 30px; font-size: 21px;}
	.modal-body .basket .basket-body .basket-body__info .basket-body__info-value {font-size: 38px; line-height: 38px; letter-spacing: 2px;}
	.modal-footer .modal-control .btn-default,
	.modal-body .basket .basket-foot .btn-primary {    height: 64px; line-height: 64px; font-size: 28px; text-transform: initial}

	.modal-footer .modal-control.control-2 {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding-top: 0;}
	.modal-footer .modal-control.control-2 .btn-primary,
	.modal-footer .modal-control.control-2 .btn-default {width: 100%; margin-top: 15px;}



	.basket .basket-head .basket-head__action, 
	.basket .basket-body .basket-body__item .basket-body__item-action {display: block; width: 64px;}
	.basket .basket-body .basket-body__item .basket-body__item-action a {width: 100%; display: inline-block; text-align: center; color: #949494;}
	
}

@media (max-width: 768px) {
	.basket .basket-head {display: none;}
	
	.basket .basket-body .basket-body__item [class*="basket-body__item-"], .basket .basket-body .basket-body__item [class^="basket-body__item-"] {border-bottom: 0px solid;}
	.basket .basket-body .basket-body__item {flex-wrap: wrap; padding: 8px 0; border-bottom: 1px solid #eee; position: relative;}
	.basket .basket-head .basket-head__title, .basket .basket-body .basket-body__item .basket-body__item-title {width: 100%;}
	.basket .basket-head .basket-head__control, .basket .basket-body .basket-body__item .basket-body__item-control {width: 96px; margin-right: 8px;}

	.basket .basket-body .basket-body__item .basket-body__item-title span.text .title {padding-right: 42px; font-size: 12px;}
	
	.basket .basket-body .basket-body__info {margin-bottom: 15px; justify-content: center;}
	.basket .basket-body .basket-body__info .basket-body__info-title {padding: 0 8px}
	
	.basket .basket-head .basket-head__action, .basket .basket-body .basket-body__item .basket-body__item-action {position: absolute; top: 0; right: 0;}
	.basket .basket-head .basket-head__action, .basket .basket-body .basket-body__item .basket-body__item-action a.button_cart_action {background: transparent;}
	
	
	.basket .basket-foot {justify-content: center; padding-right: 0}
	
	.basket.order .basket-body .basket-body__item .basket-body__item-title span.text .title {padding: 0}
	.basket .basket-body .basket-body__info .basket-body__info-value {padding: 0}
	
	.basket.order .basket-body .basket-body__item .basket-body__item-control .q.bb:after {content: 'шт.'; padding-left: 6px;}
	
	.basket .basket-body .basket-body__item .basket-body__item-summ:after,
	.basket .basket-body .basket-body__item .basket-body__item-price:after {content: 'руб.'; padding-left: 6px;}
	
	
	.btns.cabinet-btn-order {flex-direction: column; justify-content: center; align-items: center;}
	.btns.cabinet-btn-order button.btn-primary {order: -1; margin-bottom: 25px; background-color: #8bc34a}
	
	.basket .basket-body .basket-body__info {justify-content: flex-end; align-items: flex-end;}
	.modal-body .basket .basket-body .basket-body__info .basket-body__info-title {margin-right: 24px; line-height: 30px; font-size: 21px;}
	.modal-body .basket .basket-body .basket-body__info .basket-body__info-value {font-size: 38px; line-height: 38px; letter-spacing: 2px;}
	.modal-footer .modal-control .btn-default,
	.modal-body .basket .basket-foot .btn-primary {    height: 64px; line-height: 64px; font-size: 28px; text-transform: initial}

	.basket .basket-head .basket-head__action, 
	.basket .basket-body .basket-body__item .basket-body__item-action {display: block; width: 64px;}
	.basket .basket-body .basket-body__item .basket-body__item-action a {width: 100%; display: inline-block; text-align: center; color: #949494;}
	
}

@media (max-width: 480px) {
	.basket .basket-head .basket-head__summ, .basket .basket-body .basket-body__item .basket-body__item-summ, .basket .basket-head .basket-head__price, .basket .basket-body .basket-body__item .basket-body__item-price {width: calc((100% - 136px)/2);}

}



.slide-main { background-color: #f5f5f5; padding-top: 25px;}
.slide-main .slide-items {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 25px 0 28px}
.slide-main .slide-items .b,
.slide-main .s {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
.slide-main .s {}

.slide-main .slide-items .b a,
.slide-main .slide-items .s a {display: block; overflow: hidden;}

.slide-main .carousel {margin: 0 0 28px; width: 770px; float: left}
/*
.slide-main .carousel .item {display: none; visibility: hidden;}
.slide-main .carousel .item.active {display: block; visibility: visible;}
*/
.slide-main .carousel .item.next,
.slide-main  .carousel .item.prev {top: 0;}

.slide-main .carousel .item .b {display: block; width: 100%; float: left;}
.slide-main .s {display: block; width: 388px; float: right; margin-bottom: 16px;}
.slide-main .s a {}
.slide-main .carousel .item .b a {}
.slide-main .s a figure {position: relative; -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat;}
.slide-main .s a figure img {position: absolute;}
.slide-main .carousel .item .b a figure {position: relative; -webkit-background-size: auto 100%; background-size: auto 100%; background-repeat: no-repeat;}
.slide-main .s a figure:after {content: ''; display: block; padding-top: 49.5%;}
.slide-main .carousel .item .b a figure:after {content: ''; display: block; padding-top: 51.9%;}

.slide-main .s:last-child {margin: 0}

.slide-main .carousel .item {}

.slide-main .next:hover, 
.slide-main .prev:hover {color: #ffae00;}
.slide-main .next,
.slide-main .prev {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; color: #000}
.slide-main .next {right: 40px}
.slide-main .prev {left: 40px}

.slide-main .next svg,
.slide-main .prev svg {width: 24px; fill: #000; opacity: .4}
.slide-main .next:hover svg,
.slide-main .prev:hover svg {fill: #ffae00; opacity: 1}
.slide-main .next i,
.slide-main .prev i {font-size: 24px}


@media (min-width: 993px) {
	.slide-main .slide-items .b {margin-right: 12px}
	
	.slide-main .slide-items .b a {-webkit-flex-basis: 307px;-ms-flex-preferred-size: 307px;flex-basis: 307px;}
	.slide-main .s a {-webkit-flex-basis: 146px;-ms-flex-preferred-size: 146px;flex-basis: 146px;}
	
	.slide-main .carousel {width: 617px;}
	.slide-main .s {width: 310px;}
	
	.slide-main .carousel .item .b a figure:after {padding-top: 52.4%;}
	.slide-main .s a figure:after { padding-top: 49.5%;}

}

@media (min-width: 1200px) {
	.slide-main .carousel {width: 770px;} 
	.slide-main .slide-items .b a {-webkit-flex-basis: 400px;-ms-flex-preferred-size: 400px;flex-basis: 400px;}
	.slide-main .s a {-webkit-flex-basis: 192px;-ms-flex-preferred-size: 192px;flex-basis: 192px;}
	
	.slide-main .slide-items .s {width: 33.163%; max-width: 33.163%;}	
	
	.slide-main .carousel .b {width: 770px;}
	.slide-main .s {width: 388px;}
	.slide-main .carousel .item .b a figure:after {padding-top: 51.9%;}
	.slide-main .s a figure:after { padding-top: 49.5%;}
}


@media (max-width: 992px) {
	.slide-main .slide-items {-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}
	.slide-main .slide-items .b {margin-bottom: 12px;}
	.slide-main .slide-items .s {margin-bottom: 12px;}

	.slide-main .carousel .b {width: 100%;}
	.slide-main .slide-items .s {width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}
	.slide-main .slide-items .s a {-webkit-flex-basis: 49.1%;-ms-flex-preferred-size: 49.1%;flex-basis: 49.1%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
	.slide-main .slide-items .s a figure {-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;}
	
	.slide-main .carousel {width: 474px;}
	.slide-main .s {width: 234px; margin-bottom: 14px}
}

@media (max-width: 992px) {
	.slide-main {}
	.slide-main .slide-items .b img {max-width: 100%;}
	.slide-main .slide-items {margin: 19px 0; align-items: flex-start}
	.slide-main .slide-items .b {margin-bottom: 0}
	.slide-main .slide-items .s {margin-bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
	.slide-main .slide-items .b a {margin-bottom: 19px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto;}
	.slide-main .slide-items .s a {margin-bottom: 16px; -webkit-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto;}
	
	.slide-main .slide-items .s {display: flex; flex-direction: row; flex-wrap: wrap}
	.slide-main .slide-items .s a {width: 50%;}
	
	.slide-main .slide-items .s a figure figcaption {display: none!important; position: relative}
	.slide-main .slide-items .s a figure img {max-width: 100%; position: relative}
}
@media (max-width: 768px) {
	
	.slide-main .carousel {width: 100%; margin-bottom: 14px}
	.slide-main .s {width: -webkit-calc(100% / 2 - 7px);width: calc(100% / 2 - 7px); margin-bottom: 14px}
	.slide-main .s:last-child {margin-left: 0; margin-right: 0;}
	.slide-main > .container > .row > .col-xs-12 {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 15px}
}
@media (max-width: 480px) {
	.slide-main .s {width: 100%;}
	
	.slide-main .slide-items .s {    flex-direction: column-reverse;}
	.slide-main .slide-items .s a {width: 100%; max-width: 100%; margin-bottom: 0}
	.slide-main .slide-items .b a {margin-bottom: 0;}
}


#modal-basket .basket .basket-foot {display: none}



	.content-addres-block {background: #f44336; padding: 8px 0;}
	.content-addres-block p {font-size: 16px; color: #fff;}
	.content-addres-block p a {float: right; color: #fff; font-weight: bold;}
	@media (max-width: 768px) {
		.content-addres-block p a {display: flex; margin-top: 0; text-align: center; width: 100%; text-decoration: none; align-items: center; padding: 0 7px 0 10px;}
		
		.content-addres-block p a .fa {transform: scale(-1, 1); margin-right: 15px}
		.content-addres-block p a .right {margin-left: auto;}
	}

	
#new-address .modal-content button.close {top: 10px; right: 10px;}


@media (max-width: 768px) {
	.navbar-primary .navbar-nav>li.catalog:hover .catalog-nav-list {display: none;}
	.navbar-primary .navbar-nav>li.catalog.open:hover .catalog-nav-list {display: block; 
	    visibility: visible;
		opacity: 1;
		transform: translateY(0);
		transition-delay: 0s;
	}
}	


div.viewed_products {padding: 0 0 15px}
.slide-viewed-products {}
.product-viewed-item {width: 192px; display: block; margin-right: 25px}
.product-viewed-item .price {display: flex; justify-content: space-between; margin-bottom: 12px}
.product-viewed-item .price .old {text-decoration: line-through; font-size: 14px}
.product-viewed-item figure {overflow: hidden}
.product-viewed-item figure img {max-width: initial; height: 144px; width: initial; left: 0; position: relative;}
.product-viewed-item a.pr {    display: block; text-decoration: none; font-size: 15px; line-height: 18px; font-weight: 500; padding: 0 12px 0 12px; overflow: hidden; height: 72px; margin-bottom: 12px; }
.product-viewed-item a.pr span.title {color: #646464; cursor: pointer}
.product-viewed-item .buy {text-decoration: none; background: #3a3285; color: #fff; font-size: 16px; padding: 0 15px; line-height: 28px; display: inline-block}
.slide-viewed-products .flickity-viewport {}


.catalog-content {display: inline-block!important; width: 100%; position: relative; padding: 0 0 15px 0; margin-bottom: 15px;}
.catalog-content h2 {font-size: 16px;}
.catalog-content p {font-size: 12px; line-height: 14px}

.catalog-content ol,
.catalog-content ul {margin-bottom: 15px; margin-top: 14px}
.catalog-content ol li,
.catalog-content ul li {font-size: 12px; line-height: 14px;}

.catalog-content.short {height: 118px; overflow: hidden;}
.catalog-content .show-full {position: absolute; top: 5px; right: 0; display: inline-block; white-space: nowrap; text-decoration: none;
font-size: 10px; text-transform: uppercase; color: #fff; background-color: #3a3285; border-radius: 28px;
line-height: 28px; padding: 0 15px; border: 1px solid #3a3285; }
.catalog-content .show-full .a {display: block;}
.catalog-content .show-full .h {display: none;}
.catalog-content .show-full.active .h {display: block;}
.catalog-content .show-full.active .a {display: none;}

.catalog-content .show-full div span {font-size: 10px; color: #fff; padding: 0}

@media (max-width: 768px) {
	.catalog-content {padding: 0 0 15px 0; margin-left: -15px; width: calc(100% + 30px)}
	.catalog-content .show-full { top: 10px }
}

@media (max-width: 480px) {
	.catalog-content .show-full span span {display: none}
}


.users-requests {padding: 0 0 40px}
.requests-desc {margin-top: 25px}

.requests__word {display: block; list-style: none; margin: 0; padding: 0; column-count: 3}

@media (max-width: 992px) {
	.requests__word {column-count: 2;}
}

@media (max-width: 768px) {
	.requests__word {column-count: 1;}
}

.call-block-request {background: #f5f5f5}

.requests__form {display: flex; flex-direction: column; padding: 15px;}
.requests__form form {}
.requests__form form label {margin-bottom: 0px; margin-top: 15px; font-size: 10px; text-transform: uppercase; font-weight: bold; display: block}
.requests__form form .form-control {margin-bottom: 15px; width: 100%; font-weight: 500; font-size: 15px; padding: 8px}
.requests__form form .help-block {font-size: 12px; line-height: 1.4; font-weight: bold; color: #3a3285;}
.requests__form form textarea {min-height: 120px; max-width: 100%; min-width: 100%; padding: 8px;}


.admin-content-block {display: block; background: #eee}

.modal-image-desc {font-size: 12px; padding: 10px;}


.cabinet__profile {}
.cabinet__profile .form-control {font-size: 16px; font-weight: 500}
.cabinet__profile label {margin-bottom: 8px; margin-top: 18px;}

.navbar-secondary {z-index: 15}
.popover-work.popover.bottom { margin-top: 10px; top: 20px; left: -20px; max-width: 340px; width: 340px; left: 0px; background: #3a3285;}
.popover-work.popover.bottom>.arrow {left: 36px;}
.popover-work.popover.bottom>.arrow:after {border-bottom-color: #3a3285}
.popover-work.popover.bottom .popover-content { }
.popover-work.popover.bottom .popover-content p .x {display: inline-block; font-size: 12px; position: absolute; width: 22px; height: 21px; cursor: pointer; background: #F44336; color: #000000; text-align: center; border-radius: 50%; line-height: 22px; font-weight: bold; text-transform: uppercase; right: 8px; color: #fff;}
.popover-work.popover.bottom .popover-content p {color: #fff}

@media (max-width: 768px) {
	.popover-work.popover.bottom.show {display: block!important; z-index: 10032;}
	.popover-work.popover.bottom .popover-content {padding: 9px 45px 15px 15px}
	.popover-work.popover.bottom {position: fixed; width: 100%; border-radius: 0; max-width: 100%; box-shadow: none; bottom: 0; top: initial;}
	.popover-work.popover.bottom .popover-content p .x { display: inline-block; font-size: 12px; position: absolute; width: 22px; height: 21px; cursor: pointer; background: #F44336;
    color: #000000; text-align: center; border-radius: 50%; line-height: 22px; font-weight: bold; text-transform: uppercase; right: 8px; color: #fff; width: 32px; height: 32px; line-height: 32px; font-size: 18px; right: 15px; top: calc((100% - 32px) / 2); }
	
	.popover-work.popover.bottom .popover-content p a {color: #fff; font-weight: bold}
}




#input_serach_value:valid ~ button,
#input_search_text:valid ~ button {right: 15px}
#input_serach_value:valid ~ .icon-cancel-text-form,
#input_search_text:valid ~ .icon-cancel-text-form {display: flex!important}
.icon-cancel-text-form { position: absolute; top: 0; right: -37px; height: 49px; width: 64px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding-right: 4px;}
.icon-cancel-text-form svg {width: 10px; height: 10px; fill: #f44336; }


@media (max-width: 1200px) {
	.icon-cancel-text-form {width: 42px}
	.navbar-search button {width: 48px}
	#input_serach_value:valid ~ button, #input_search_text:valid ~ button {right: 0}
}

@media (max-width: 480px) {
	#voice-trigger,
	.icon-cancel-text-form {height: 64px; line-height: 64px;}
}


body {margin-top: 0px!important;}
.admin_top_nav {top: initial!important; bottom: 0!important}



@media (max-width: 768px) {
	header.header {height: initial; padding: 15px 0 25px; padding-bottom: 45px;}
	.cars-select-model  {margin-top: 35px}
}



.buyit-slider {position: relative; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;}

.buyit__item {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 6px 8px; border-bottom: 1px solid #cacaca; width: 196px;}
.buyit__item a {display: flex; flex-direction: column; align-items: center; justify-content: flex-start; width: 100%; text-decoration: none;}
.buyit__item .thu {max-width: 100%; margin-bottom: 15px; width: 100%; height: 100px; display: flex; flex-direction: row; align-items: center; justify-content: center; overflow: hidden; border-radius: 3px;}
.buyit__item .thu img {width: 100%; height: initial;}
.buyit__item h4 {font-size: 16px; font-weight: 500; display: flex; align-items: flex-start; justify-content: flex-start; width: 100%; text-align: center; height: 42px; line-height: 18px; text-align: left; text-transform: inherit; padding-right: 10%; padding-left: 12px; margin-top: 0; margin-bottom: 0}
.buyit__item .price {margin: 6px auto; font-size: 16px; font-weight: 600; text-align: left; margin-right: auto; margin-left: 0; padding-left: 12px}

.buyit__item .btn { padding: 2px 8px; height: 32px; line-height: 30px; border-radius: 3px; }
.buyit__item .bbtn {margin-left: 0px; max-width: 120px; margin: 15px auto}

.buyit-slider-arrows.carousel-arrows.hidden {display: none!important;}
.buyit-slider-arrows.carousel-arrows {position: absolute; top: 50px; left: 0; width: 100%;}

.page-product .info .price {font-weight: 500; font-size: 18px; line-height: 28px;}



.phone-separator {display: block; text-align: center; text-transform: uppercase; font-size: 10px; text-align: center; color: #717171; line-height: 20px;}
.icon-cart-new {display: inline-block; background-image: url(./../img/icons/icon-cart-l.svg); background-size: 100% auto ; width: 28px; height: 28px; background-position: center; background-repeat: no-repeat;}
.icon-like-new {display: inline-block; background-image: url(./../img/icons/icon-like.svg); background-size: 100% auto ; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat;}
.search-page nav label.active:before {display: none; background-image: url(./../img/icons/icon-angle-l.svg); background-size: 100% auto ; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat;}


.serach__small-navi-btn .sh:after {content: ''; display: inline-block; background-image: url(./../img/icons/icon-filter.svg); background-size: 100% auto ; width: 21px; height: 21px; background-position: center; background-repeat: no-repeat;}