* {margin:0;padding:0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {
	color: #555;
	font-family: 'Montserrat',Arial,sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 1.6em;
}
.tooltip {display:none!important}
body.freez {overflow: hidden}
header#head {
	background: #e2beff;
}

.overlay {animation: VeilFadeIn .2s forwards;animation-timing-function: ease;animation-timing-function: cubic-bezier(0,0,.2,1);}
.overlay.open{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
	padding: 0;
	background-color: rgba(0,0,0,.5);
	transition: opacity .25s cubic-bezier(0,0,.2,1);
}

.blname, .subtitle {font-size: 22px;font-weight: 600;text-align:center;padding: 25px 0 17px 0;color: #222}
.popup {
	position: fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
	z-index:999
}
.popup_bg {
	background:rgba(255,255,255,0.8);
	position:absolute;
	z-index:1;
	height:100%;
	width:100%;
}
.popup_img {
	position: relative;
	margin:0 auto;
	z-index:2;
	max-height:94%;
	max-width:94%;
	margin:1% 0 0 0;
}
/* ################# MAIN COLOR ################# */
body { background-color: #f3f3f5}
.cll1 {background: #96a9cb}
.cll2 {background: #f3b0bf}

.maintop { background:#fff;text-align:right }
.mainmenu {text-align: left;}
.breadcrumbs {background: #fefefe}
.breadcrumb {
	color: #333;
	font-size: 12px;
	padding: 12px 0;
}
.breadcrumbs .title {display:none;font-size: 32px;}
.breadcrumb li {display:inline-block;}
.breadcrumb li > a, .breadcrumb li > span {padding: 0 1px;color:#777;}
blockquote{border-left: none!important;}
.blcont {position:relative}
#head .blcont {display: inline-block}
.rumbs {
	background: #eee;
	padding: 20px 0;
	margin: 0 0 20px 0
}
.rumbs a, .rumbs {color: #777}
.rumbs li {
    display: inline-block;
    color: rgba(0,0,0,0.54);
}
.nover {overflow:hidden}
p {padding: 4px 0 6px}
a {text-decoration: none;color: #333}
.clrt, .clr, .clrt:before, .clrt:after, .lst:after, .block:after, .foocont ul:after  {
	clear: both;
    content: " ";
    display: block;
    height: 0;
    position: relative;
    width: 100%;
}
.two {display:table;width:100%}
article, aside {
	display: block;
	position: relative;
	transition: .25s
}
main.ltf {display: table-cell;vertical-align: top;}
main.ltf > div {width:100%}
article {width:100%;z-index:0;padding-left:0 }
aside {
	display: table-cell;
	width: 300px;
	vertical-align: top;
}
aside > .side {margin: 0 20px 0 0;border-radius: 4px}

.block {
	position:relative;
	width:100%;
	padding: 0;
	max-width: 1310px;
	margin: 0 auto;
}
.top {background: #ccc}

.conlogo {
	display: block;
	float: left;
	padding: 0;
	margin: 17px 0 0 0;
}
.conlogo span {
	color: #8248b2 
}
.search {
    position: absolute;
    width: 800px;
    left: 200px;
    top: 16px;
	text-align: left
}
.search .inputbox {width:600px}
.search .form-inline input, .search .form-inline button {border-color: #efefef;padding: 8px 16px 7px}
.sendbl {

}
.callblock {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 22px;
}
.callblock .coll1 {
    width: 65%;
    flex-basis: 65%;
    align-self: center;
}
.callblock .coll2 {
    width: 35%;
    flex-basis: 35%;
    align-self: center;
}

.girldresses {background: #eff7fa url(../../../images/site/line.png);margin-bottom: 40px}

.conlogo img {display:block;width: 170px}
.pull-right {float:right;margin-left: 20px}
.pull-left {float:left;margin-right: 20px}
.btn, input {
	display: inline-block;
    color: #292d22;
    padding: 12px 28px 11px 28px;
    margin: 0;
    font-size: 14px;
    background: #fff;
	cursor:pointer;
	border: 2px solid #292d22;
	letter-spacing: 1px
}
.acym_module_form {display:flex;width:100%;max-width: 900px;margin: 0 auto;}
.acym_module_form > div {width: 50%;}
.acym_module_form .acym_introtext {font-weight: 600;color: #222;padding: 15px 0 0 0;}
.acym_form input.cell {
	display: inline-block;
    color: #292d22;
    border: none;
    padding: 12px 11px 11px;
    margin: 0;
    font-size: 14px;
	text-transform: uppercase;
	cursor:pointer;
	border-bottom: 2px solid #fff;
	border-bottom-color: #292d22;
	letter-spacing: 1px;
	min-width: 300px;
}

.btn.round {background: transparent; border-radius: 50px;padding: 7px 15px 5px 15px;border:1px solid #0094d7;color:#0094d7; text-shadow:none;box-shadow:none;font-size: 12px}
.btn:hover {background: #f9f9f9;color:#007491;border-color:#007491}
.btn.round:hover {background: #0094d7;color:#fff}
.shopcat.btn {
	position:relative;
	display: none;
	padding: 6px 36px 4px 16px;
	float: left;
	margin-top:16px;
	cursor: pointer;
	width: 171px;
	text-align:left
}
.shopcat.btn i:after{
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 9.212 5.455\' fill=\'%23000\' width=\'11\' height=\'7\'%3E%3Cpath d=\'M9.067.443a.452.452 0 0 0-.659-.024L4.606 4.277.804.419a.452.452 0 0 0-.659.024.5.5 0 0 0 .022.687l4.151 4.2a.45.45 0 0 0 .288.125.455.455 0 0 0 .288-.125l4.151-4.2a.503.503 0 0 0 .022-.687z\'/%3E%3C/svg%3E") no-repeat scroll 50% center / contain;
    content: "";
    height: 7px;
	width: 11px;
	position: absolute;
	right: 15px;
	top: 13px;
}
.open .sendbl {padding:0;background:transparent}
.callblock .open {
	display:block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    z-index: 9;
    overflow-y: auto;
    color: #fff;
    background: rgba(80, 145, 205,.95) !important;
    padding: 15% 0 !important;
}
#head.open {height:100%}
.callblock .open .veha_recall {
	position:relative;
    float: none;
    width: 100%;
    
    padding: 5% 10%;
    background: rgba(255,255,255,1);
    max-width: 600px;
    margin: 0 auto;
    display: block;
	box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 1px 57px rgba(255,255,255,.4);
}
.open .sendbl {position:relative} /*
.close {
    display: none;
	position: absolute;
	left: 50%;
	top: -70px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	background: url(../../../images/site/close.png) 50% 50% no-repeat;
}
.open .close {
    display: inline-block;
}*/
.close {
position: absolute;
left: 18px;
top: 14px;
width: 32px;
height: 32px;
cursor:pointer;
border-radius: 3px
}
.menublock .close {left:auto;right:18px}
.close:hover {background: #ac62cd;}
.close:before, .close:after {
position: absolute;
left: 15px;
top: 7px;
content: ' ';
height: 17px;
width: 3px;
background-color: #333;
border-radius: 3px;
}
.close:before {
transform: rotate(45deg);
}
.close:after {
transform: rotate(-45deg);
}

#cabinet {border-bottom: 1px solid #ccc;margin-bottom: 30px;width:100%}
 
#buttonmenu {display:none}
#cssmenu, #cabinet {display:inline-flex}
#cssmenu li, #cabinet li {display: inline-block;margin: 0;vertical-align: top;}
#cssmenu > ul > li {position:relative}
#cssmenu > ul > li.item-129 {position: inherit}
#cssmenu a, #cabinet a, #cssmenu span, #cabinet span {display:block;cursor:pointer;padding: 14px 18px;font-size: 16px;position: relative;font-weight: 500;color:#fff}
#cabinet a, #cabinet span {padding: 0 0 23px;}
#cssmenu > ul > li:hover {z-index:99999;}
#cssmenu span.nav-plus, #cabinet span.nav-plus {display:none}
#cssmenu li.active a, #cabinet li.active a, #cssmenu li.active span, #cabinet li.active span {color:#fff;}

.cll1 #cssmenu > ul > li > ul {background: #859abf}
.cll2 #cssmenu > ul > li > ul {background: #eaa4b4}

.cll1 #cssmenu > ul > li.active > ul {background: #7e94bb}
.cll1 #cssmenu li.active, .cll1 #cssmenu li.active:hover a {background: #7e94bb;}
.cll1 #cssmenu > ul > li:hover > a, .cll1 #cssmenu > ul > li:hover > span {background: #859abf;}


.cll2 #cssmenu > ul > li.active > ul {background: #e89aac}
.cll2 #cssmenu li.active, .cll2 #cssmenu li.active:hover a, .cll2 #cssmenu li.active:hover span {background: #e89aac;}
.cll2 #cssmenu > ul > li:hover > a, .cll2 #cssmenu > ul > li:hover > span {background: #eaa4b4;}



#cabinet li.active a:after {bottom: -2px;height: 3px;}
#cssmenu li.active li a:after, #cabinet  li.active li a:after {display:none}
#cssmenu > ul > li > ul {display:none;position: absolute;background: #f3f3f5;text-align: left;z-index:9;margin:0;padding: 18px 30px;box-shadow: 0 0 7px rgba(0,0,0,.3), 0 0 4px rgba(0,0,0,.2);}
#cssmenu > ul > li > ul > li > a, #cssmenu > ul > li > ul > li > span {color: #fff;font-weight:600;letter-spacing:0}

#cssmenu ul ul li {margin:0;padding: 5px 10px;width:300px}
#cssmenu ul ul li a, #cssmenu ul ul li span {padding: 0}




 nav.aside li {display:block;position:relative;border-bottom:1px solid #ccc}
 nav.aside li:last-child {border:none}
 nav.aside li a,  nav.aside li span {
	padding: 17px 0;
	display: block;
	font-weight: 300;
	font-size: 18px;
	cursor: pointer;
	letter-spacing: 1px
}
 nav.aside > ul > li.parent > ul {position:relative;opacity: 0;min-height: 0;height: 0;overflow: hidden;transition: 1s;}
 nav.aside > ul > li.parent > ul.openmenu,  nav.aside > ul > li.parent.active > ul {opacity: 1;min-height: 55; height: auto;overflow: hidden;transition: 1s;}
 nav.aside > ul > li.parent.openmenu > span {padding: 17px 0 0 0}

.category_product > nav > ul > li.deeper > a:after, .category_product > nav > ul > li.deeper > span:after {
	background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 9.212 5.455\' fill=\'%23000\' width=\'11\' height=\'7\'%3E%3Cpath d=\'M9.067.443a.452.452 0 0 0-.659-.024L4.606 4.277.804.419a.452.452 0 0 0-.659.024.5.5 0 0 0 .022.687l4.151 4.2a.45.45 0 0 0 .288.125.455.455 0 0 0 .288-.125l4.151-4.2a.503.503 0 0 0 .022-.687z\'/%3E%3C/svg%3E") no-repeat scroll 50% center / contain;
	content: "";
	height: 7px;
	width: 11px;
	position: absolute;
	right: 15px;
	top: 26px;
}

 nav.aside li li:last-child a {border:none}
 nav.aside li li.active > a {color: #ff978e;}
 nav.aside li li li a,  nav.aside li li li span {font-weight: normal;padding: 5px 18px;}

 nav.aside li.openmenu > ul {margin:10px 0}

 nav.aside li.deeper li a::before {display:none}
 nav.aside li.deeper li a::after {display:none}
 nav.aside ul li li:last-child a:after {
	display: block;
	border: none;
	width: 8px;
	height: 8px;
	top: 20px;
	left: 16px;
}
 nav.aside li li {border: none}
 nav.aside li li a,  nav.aside li li span {
    font-size: 14px;
	color: #555;
	text-transform: capitalize;
	letter-spacing: 0;
	font-weight: 600;
	padding: 7px 0
}
 nav.aside li li li a,  nav.aside li li li span {
    font-size:14px;
	color: #333
}


.head_contact {float:right}

aside nav > ul {
    border-right: 1px solid #ccc;
    padding-right: 30px;
    margin-right: 30px;
}
aside nav li {
    display: block;
    position: relative;
    border-bottom: 1px solid #ccc;
}
aside nav li a, aside nav li span {
    padding: 17px 0;
    display: block;
    font-weight: 300;
    font-size: 18px;
    cursor: pointer;
    letter-spacing: 3px;
}


/* ############ MENU ############ */

.mainslider .swiper-button-prev, .mainslider .swiper-button-next {
	background-color: rgba(255,255,255,.5);
	border-radius: 7px;
	width: 70px;
	height: 70px
}
.mainslider .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ff978e'%2F%3E%3C%2Fsvg%3E")}
.mainslider .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ff978e'%2F%3E%3C%2Fsvg%3E")}
.massimportant {background: #1a8ad8 url(../../../images/mainpage/pattern3.png) 50% 0% no-repeat;}
.lastnews {padding: 60px 0;}

.footer {background: #fff;border-top: 1px solid #dfdfdf;color:#49626c;text-align:left;font-size: 16px}
.footer a{color: #8248b2 ;}
.foosocial {background:#333;text-align:center;}
.foosocial .vehasocial a {display:inline-block;padding: 15px 25px;border-radius:4px;margin:4px 15px}
.footer .blname {text-align:left}
.foocont .blcont {line-height: 1.5;}
.foocont .block {padding: 40px 0}
.foocont .block > div {vertical-align:top}
.foocont ul li {display:block;padding: 4px 0;position:relative;list-style-type: none}
.foocont ul li a {font-weight: 200;font-size:14px}
.foocont ul li a:hover {color:#000;text-decoration:underline}
footer .branches li {margin:0;font-size: 18px;float:left;width:50%}
footer .branches span {display:block;color:#3b96d3;font-size: 14px;font-style: italic;letter-spacing: 1px;}
footer .subscribe {border-bottom: 1px solid #dfdfdf;text-align:center;padding: 30px 0}

.copyright.block {border-top:1px solid #dfdfdf;padding: 20px;text-align:center;font-size:12px;}



.veha_recall input, .veha_recall textarea {
	font-family: 'Montserrat',Arial,sans-serif;
	color: #777;
    border: 1px solid #ccc;
    padding: 12px 20px;
    margin: 2px 0 20px 0;
    font-size: 14px;
	letter-spacing: 1px;
	min-width: 300px;
	max-width: 100%;
}

.open input {
	color: rgba(0,0,0,.7);
    background: rgba(0,0,0,.2);
}
.recall .btn {margin:10px}
.recall {text-align:left}
.sintbl, .sinbl {display:block;margin: 0 auto}
.veha_recall button {margin: 0 10px}


.veha_contact_us {margin-bottom: 40px}
.lsp {
    padding-right: 10px;
}
.lsp, .rsp {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.rsp {
    padding-left: 10px;
}
.lsp, .rsp {
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 20px;
}
.contact_us2 {text-align:center}
.veha_contact_us input.subject, .veha_contact_us textarea.message {
    display: block;
    width: 100%;
    padding: 10px 18px;
}
.veha_contact_us textarea.message {min-height: 180px}
.veha_contact_us input {
    display: block;
    margin: 20px 7px;
}

.veha_contact_us input, .veha_contact_us textarea {
    color: #000;
    border: 2px solid #eee;
    
    padding: 10px 18px 10px 42px;
    margin: 0 0 7px 0;
    font-size: 14px;
    width: 100%;
    font-size: 14px;
    font-family: Tahoma;
	background: #f9f9f9
}
.contact_us2 .btn {
	box-shadow: 0 1px 4px rgba(0,0,0,.2), 0 1px 15px rgba(255,0,0,.5);
}
input.alert, textarea.alert, select.alert {
    border: 2px solid red;
}


.miniproduct {background:#fff;border: 2px solid #f3f3f5}
.miniproduct:hover {border: 2px solid #007491}
.miniproduct img {display:block;width:100%}
.miniproduct .desc {margin: 8px 8px 12px;overflow: hidden;}
.minititle {white-space: nowrap;font-size: 12px;}
.minibot {display:flex;}
.minibot > div {width:50%;font-size: 12px;color:#999;}
.minibot .minisale {text-align:right}
.minibot .minirating {background: url(../../../images/site/star.png) 0% 50% no-repeat;padding-left: 18px;}
.miniprice {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    padding: 7px 0;
}
.aboutcategory {position: relative;background:#fff;border:1px solid #8248b2 ;margin: 30px 0}
.aboutcategory .item-title {
    background: #8248b2 ;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
    font-weight: 300;
}
.aboutcategory .description {padding: 8px 16px;height: 114px;overflow:hidden}
.aboutcategory:after {
	display: block;
	position: absolute;
	bottom: 0;
	left:0;
	content: "Подробнее...";
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #8248b2 ;
	text-align: center;
	width: 100%;
	padding: 16px 0;
	background: #fff;
	cursor: pointer
}
.aboutcategory .description:hover:after {text-decoration:underline}
.bloktovarhits li {display:block;position:relative}
.bloktovarhits .miniproduct {display:flex}
.bloktovarhits .miniproduct > .miniimg {width: 120px;min-width: 120px;}
.bloktovarhits .minititle {font-size:15px;font-weight: 600;white-space: normal;}
.bloktovarhits .miniproduct .desc {margin: 0 20px;align-self: center;}
.bloktovarhits .minibot .minirating {position: absolute;top: 10px;right: 15px;width: auto;}
/* ################# ADAPT ################# */
.coll-2:after, .coll-3:after, .coll-4:after, .coll-5:after, .coll-6:after, .coll-7:after, .coll-8:after, .coll-9:after, .coll-10:after {clear: both;display: block;content: "";}
.coll-2,.coll-3,.coll-4,.coll-5,.coll-6,.coll-7,.coll-8,.coll-9,.coll-10 {position: relative;display: flex;flex-wrap: wrap;}
.coll-2 > li, .coll-2 > div,
.coll-3 > li, .coll-3 > div,
.coll-4 > li, .coll-4 > div,
.coll-5 > li, .coll-5 > div,
.coll-6 > li, .coll-6 > div,
.coll-7 > li, .coll-7 > div,
.coll-8 > li, .coll-8 > div,
.coll-9 > li, .coll-9 > div,
.coll-10 > li, .coll-10 > div
 {
	display: block;
	width: 100%;
    flex-basis: 100%;
	margin: 0 0 20px 0
}


/* ################# SLIDER ################# */
.block .swiper-button-prev {background: url(../../../images/site/left-arrow.png) 50% 50% no-repeat}
.block .swiper-button-next {background: url(../../../images/site/right-arrow.png) 50% 50% no-repeat}
.swiper-pagination .swiper-pagination-bullet {
    background: transparent;
    width: 24px;
    height: 7px;
    margin: 0 4px;
    background: #000;
    border-radius: 0;
    opacity: .2;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
}
#mxcpr {display:none}


#buttonusermenu {display:block;width:47px;height:47px;background: url(../../../images/site/user.png) 50% 50% no-repeat;cursor:pointer}

#usermenu {position:relative;float:right;margin: 10px 0;border-radius: 3px}
#usermenu ul {
	display:none;
	position:absolute;
	top: 67px;
	right: 0;
	background: rgb(202, 227, 237);
	padding: 10px 0;
	z-index:9;
	width: 200px
}
#usermenu:hover, #usermenu.open {background: rgb(202, 227, 237)}
#usermenu.open ul {display:block}
#usermenu ul li {display:block;padding: 5px 15px}

.purchases {
	display:none;
	position:absolute;
	right:0;
	top:67px;
	width: 300px;
	background: rgb(202, 227, 237);
	z-index: 9999;
	padding: 15px
}
.carticon {
	width: 47px;
	height: 47px;
	background: url(../../../images/site/cart3.png) 50% 50% no-repeat;
	margin: 0;
	cursor:pointer
}
.countcart {
    position: absolute;
    top: 10px;
    left: 25px;
    width: 23px;
    height: 23px;
    background: #ff978e;
    text-align: center;
    border-radius: 50px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 0 0 0;
    color: #fff;
}

#jshop_module_cart.open .purchases {display:block}
#jshop_module_cart.open .carticon {background-color: rgb(202, 227, 237);}
/*####################### Общее оформление товаров #######################*/
.top_products {background: #e2e8ec;padding:0 0 40px 0;margin: 40px 0}
.product {background: #fff;padding: 8px;border: 2px solid #fff}
.product:hover {border: 2px solid #8248b2 }
.block_product > div > div {position: relative;overflow: hidden;}

.block_product .item-title {display:block;text-align:center;padding: 10px;font-size: 14px;} 
.item-title a {margin: 5px 0 0 0;display: block;}
.block_product .image {
    width: 100%;
    height: 280px;
    overflow: hidden;
}
.block_product .image img {width:100%}
.block_product .jshop_img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: center;
}
.block_product .oiproduct {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(143, 157, 176, 0);
    display: block;
    height: 100%;
	width:100%;
	transition: .3s;
}
.block_product .oiproduct .zoom {
	position: absolute;
	top: calc(50% - 67px + 0px);
	left: calc(50% - 80px + 0px);
	width: 159px;
	height: 134px;
	margin: 0 0 0 0;
	background: url(../../../images/site/zoom.png) 50% 50% no-repeat;
	opacity: 0;
	transition: 1s;
}
.block_product .oiproduct:after {
	content:"";
	position: absolute;
	top: calc(50% - 25px + 0px);
	left: calc(50% - 25px + 0px);
	width: 50px;
	height: 50px;
	margin: 0 0 0 0;
	background: url(../../../images/site/search.png) 50% 50% no-repeat;
	transition: .3s;
	transform: scale(0)
}
.block_product .oiproduct:hover:after {transform: scale(1)}
.block_product .oiproduct:hover .zoom {opacity:1}
.block_product .oiproduct .buttons, .block_product .oiproduct .topprod {
	position: absolute;
	width: 100%;
	transition: .3s;
}
.block_product .oiproduct .buttons {bottom: 0}
.block_product .oiproduct .topprod {top: 0}

.block_product .oiproduct:hover {background: rgba(143, 157, 176, 0.6);}
.block_product .oiproduct:hover .buttons {bottom: 40px}
.block_product .oiproduct:hover .topprod {top: 40px}

/*####################### Общее оформление товаров #######################*/




@media (max-width:1400px){
	.block .swiper-button-next, .block .swiper-button-prev {
		background-color: rgba(202, 227, 237, 0.7);
		width: 50px;
	}
	.block .swiper-button-next {
		right: -14px;
		border-radius: 50px 0 0 50px;
	}
	.block .swiper-button-prev {
		left: -14px;
		border-radius: 0 50px 50px 0;
	}
}
@media (min-width:1400px){
	.block .swiper-button-next {
		right: -50px;
	}
	.block .swiper-button-prev {
		left: -50px;
	}
}
.pagination {
	display: block;
	padding: 10px 0;
}
.pagination ul:before, .pagination ul:after {
    content: " ";
    display: table;
}
.pagination ul {
	display: block;
}
.pagination ul:after {
    clear: both;
}
.pagination ul > li {
    display: inline;
    padding: 0;
    margin: 0
}
.pagination ul > li a, .pagination ul > li span {
	display: inline-block;
	background-color: #e2beff;
    color: #fff;
    margin-right: 2px;
    padding: 9px 0 0 0;
	text-align: center;
	width: 35px;
	height: 35px;
	font-size: 16px;
}
.pagination ul > li.pagination-prev a, .pagination ul > li.pagination-next a, .pagination ul > li.pagination-prev span, .pagination ul > li.pagination-next span {font-weight: normal;margin: 0 5px}
.pagination ul > li.pagination-start, .pagination ul > li.pagination-end {display:none}
.pagination ul > li a:hover {background: #ac62cd}
.pagination ul > li span {
	background: #8248b2;
	color: #fff
}
.pagination ul > li.pagination-start .pagenav, .pagination ul > li.pagination-prev .pagenav, .pagination ul > li.pagination-next .pagenav, .pagination ul > li.pagination-end .pagenav {
	background: transparent!important;
	color: #888!important;
}
.pagination-start a.pagenav:hover, .pagination-prev a.pagenav:hover, .pagination-next a.pagenav:hover, .pagination-end a.pagenav:hover {
	color: #000!important;
}
.pagination_result_counter {
    padding: 20px 0;
}
.sliderhd {position:relative}
.mod-languages {
	float:right;
	margin: 18px 0 15px 20px
}
div.mod-languages ul.lang-inline li {display: block;margin: 5px 0 0 0;}
div.mod-languages img {display: block}
.userbtn, .cartbtn {
	width: 47px;
	height: 47px;
	margin: 14px 0 15px 10px;
	cursor: pointer;
	display: block;
	float: right;
	border-radius: 3px
	}
.userbtn {background: url(../../../images/site/user.png) 50% 50% no-repeat;}
.cartbtn {background: url(../../../images/site/cart.png) 50% 50% no-repeat;}
.userbtn:hover, .cartbtn:hover {background-color: #e2e8ec}
.userblock, .cartblock {
	overflow: auto;
	position: fixed;
	top: 0;
	height: 100%;
	background: #f3f3f5;
	z-index:9999;
	transition: all ease 0.2s;
}
.userblock h3, .cartblock h3 {background: #fff;padding: 20px;text-align: center;}
.userblock.open, .cartblock.open {right: 0;box-shadow: -7px 0 14px rgba(0,0,0,.2);}

.menublock {
	position: fixed;
	top: 0;
	height: 100%;
	background: #f3f3f5;
	z-index:9999;
	transition: all ease 0.2s;
}
.menublock h3 {background: #fff;padding: 20px;text-align: center;}

.menublock.open {left: 0;box-shadow: 7px 0 14px rgba(0,0,0,.2);}
.menublock li, .userblock li  {
    display: block;
    text-align: left;
    margin: 0;
    padding: 0 24px;
}
/* ################# ADAPT ################# */
@media (min-width:480px) and (max-width:1199px){
	.coll-3 > li, .coll-3 > div, .coll-4 > li, .coll-4 > div, .coll-5 > li, .coll-5 > div, .coll-6 > li, .coll-6 > div {width: calc(50% - 10px + 0px);flex-basis: calc(50% - 10px + 0px);margin: 0 20px 20px 0}
	.coll-3 > div:nth-child(2n), .coll-3 > li:nth-child(2n), .coll-4 > div:nth-child(2n), .coll-4 > li:nth-child(2n), .coll-5 > div:nth-child(2n), .coll-5 > li:nth-child(2n), .coll-6 > div:nth-child(2n), .coll-6 > li:nth-child(2n) {margin-right: 0px}
	
}
@media (min-width:768px) and (max-width:1199px){
	.blcontent .coll-3 {}
	.coll-3 > li, .coll-3 > div {width: calc(33.33333% - 13.3333333px + 0px);flex-basis: calc(33.33333% - 13.3333333px + 0px);margin: 0 20px 40px 0}
	.coll-3 > div:nth-child(3n), .coll-3 > li:nth-child(3n) {margin-right: 0px;}
	.coll-3 > div:nth-child(2n), .coll-3 > li:nth-child(2n) {margin-right: 20px;}
}
@media (min-width:768px){
	
}
@media (min-width:992px){
	
}
@media (min-width:1200px){
	
}
@media (min-width:1700px){
	
}	
@media (min-width:768px) {
	#fx.open {filter: blur(1.2px);}
	body.fx {padding-top: 67px}
	header#head.fixed {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:auto;
		z-index:9;
		padding: 0;
		box-shadow: 0 0 7px rgba(0,0,0,.3), 0 0 4px rgba(0,0,0,.2);
	}
	header#head.fixed .mainmenu {border:none}
	header#head.fixed #cssmenu {display:none}

	header#head.fixed .shopcat {display: block}
	header#head > .block {position:relative}

	header#head.fixed .conlogo {display:none}
	.breadcrumbs {margin-bottom:20px;padding: 10px 0}
	#sort_count {top: -85px !important;right: 10px !important;}
	.block {padding: 0 14px}
	.veha_recall input {min-width:100px}
	.megamap li {display:block;float:left;width: 50%}
	.menublock {left: -400px;width: 400px;}
	.userblock, .cartblock {right: -400px;width: 400px;}
	
	#cssmenu #buttonmenu {
	position: absolute;
	left: 2px;
	top: 4px;
    display: block;
    padding: 21px;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    z-index: 9;
    background: transparent url(../../../images/site/linebtn.png) 50% 50% no-repeat;
    width: 43px;
	border-radius: 0;
	
	}
	header#head.fixed #cssmenu {margin:0}
	.fixed #cssmenu #buttonmenu {border-right: 1px solid rgba(255,255,255,.15);}
	.fixed.open #cssmenu #buttonmenu {border-right:none}
	.open #cssmenu > ul {display: block;}

	
	#cssmenu > ul > li > ul {padding:0;position:absolute;border-top:none;box-shadow:none;left:0}
	#cssmenu ul ul li {padding:0;}
	#cssmenu ul ul ul li {padding:1px 20px}
	#cssmenu > ul > li.parent::before {display:none}
	#cssmenu a, #cssmenu span {font-size: 16px}
	#cssmenu > ul > li > ul > li > a, #cssmenu > ul > li > ul > li > span {font-size: 14px;padding: 10px 0 3px 10px;}
	#cssmenu > ul > li > ul > li > ul > li > a, #cssmenu > ul > li > ul > li > ul > li > span {font-size: 12px;padding: 0;}
	#cssmenu > ul > li > ul > li a:hover, #cssmenu > ul > li > ul > li span:hover {text-decoration:underline}
	.open #cssmenu > ul > li > span.nav-plus {
		background: rgba(0, 0, 0, 0) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 9.212 5.455\' fill=\'%23000\' width=\'11\' height=\'7\'%3E%3Cpath d=\'M9.067.443a.452.452 0 0 0-.659-.024L4.606 4.277.804.419a.452.452 0 0 0-.659.024.5.5 0 0 0 .022.687l4.151 4.2a.45.45 0 0 0 .288.125.455.455 0 0 0 .288-.125l4.151-4.2a.503.503 0 0 0 .022-.687z\'/%3E%3C/svg%3E") no-repeat scroll 50% center / contain;
		display:block;
		height: 8px;
		width: 12px;
		position: absolute;
		right: 15px;
		top: 16px;
		padding: 0;
	}
	.open #cssmenu li.opli > ul {display:block}
	.open #cssmenu > ul > li.opli  {background: rgba(255,255,255,.2);margin-bottom: 10px}
	.fixed .maintop {padding: 7px 0}
	.fixed .shopcat.btn {margin: 0}
	.fixed .userbtn, .fixed .cartbtn {width:36px;height:36px;margin: 0 0 0 21px}
	.fixed .mod-languages {margin: 0 0 0 20px}
	.fixed .search {top: 0}
}

@media (min-width:980px) and (max-width:1169px){
	.coll-4 > li, .coll-4 > div, .coll-5 > li, .coll-5 > div, .coll-6 > li, .coll-6 > div {width: calc(33.33333% - 13.3333333px + 0px);flex-basis: calc(33.33333% - 13.3333333px + 0px);margin: 0 20px 20px 0}
	.coll-4 > div:nth-child(3n), .coll-4 > li:nth-child(3n), .coll-5 > div:nth-child(3n), .coll-5 > li:nth-child(3n), .coll-6 > div:nth-child(3n), .coll-6 > li:nth-child(3n) {margin-right: 0px;}
}
@media (min-width:1170px) {
	.coll-2 > li, .coll-2 > div {width: calc(50% - 10px + 0px);flex-basis: calc(50% - 10px + 0px);margin: 0 20px 40px 0}
	.coll-3 > li, .coll-3 > div {width: calc(33.33333% - 13.3333333px + 0px);flex-basis: calc(33.33333% - 13.3333333px + 0px);margin: 0 20px 40px 0}
	.coll-4 > li, .coll-4 > div {width: calc(25% - 15px + 0px);flex-basis: calc(25% - 15px + 0px);margin: 0 20px 20px 0}
	.coll-5 > li, .coll-5 > div {width: calc(20% - 16px + 0px);flex-basis: calc(20% - 16px + 0px);margin: 0 20px 20px 0}
	.coll-6 > li, .coll-6 > div {width: calc(16.66666666666667% - 16.66666666666667px + 0px);max-width: calc(16.66666666666667% - 16.66666666666667px + 0px);flex-basis: calc(16.66666666666667% - 16.66666666666667px + 0px);margin: 0 20px 20px 0}
	.coll-7 > li, .coll-7 > div {width: calc(14.28571428571429% - 17.14285714285714px + 0px);flex-basis: calc(14.28571428571429% - 17.14285714285714px + 0px);margin: 0 20px 20px 0}
	.coll-8 > li, .coll-8 > div {width: calc(12.5% - 17.5px + 0px);flex-basis: calc(12.5% - 17.5px + 0px);margin: 0 20px 20px 0}
	.coll-9 > li, .coll-9 > div {width: calc(11.11111111111111% - 17.77777777777778px + 0px);flex-basis: calc(11.11111111111111% - 17.77777777777778px + 0px);margin: 0 20px 20px 0}
	.coll-10 > li, .coll-10 > div {width: calc(10% - 18px + 0px);flex-basis: calc(10% - 18px + 0px);margin: 0 20px 20px 0}
	
	.coll-2 > div:nth-child(2n), .coll-2 > li:nth-child(2n),
	.coll-3 > div:nth-child(3n), .coll-3 > li:nth-child(3n),
	.coll-4 > div:nth-child(4n), .coll-4 > li:nth-child(4n),
	.coll-5 > div:nth-child(5n), .coll-5 > li:nth-child(5n),
	.coll-6 > div:nth-child(6n), .coll-6 > li:nth-child(6n),
	.coll-7 > div:nth-child(7n), .coll-7 > li:nth-child(7n),
	.coll-8 > div:nth-child(8n), .coll-8 > li:nth-child(8n),
	.coll-9 > div:nth-child(9n), .coll-9 > li:nth-child(9n),
	.coll-10 > div:nth-child(10n), .coll-10 > li:nth-child(10n)
	 {
		margin-right: 0px;
	}
	#cssmenu ul li:hover ul {display:block}
}
@media (max-width:767px){
	.product, .product:hover {padding:0;border: none}
	.block_product .item-title h2 {font-weight:normal;font-size:14px}
	.product .desc {margin: 8px 8px 12px;overflow: hidden;}
	.product .desc .title {white-space: nowrap;font-size: 12px;font-weight:bold}
	
	
	.coll-4 > div, .coll-6 > li {max-width:  calc(50% - 5px + 0px);width: calc(50% - 5px + 0px);flex-basis: calc(50% - 5px + 0px);margin: 0 10px 10px 0}
	.coll-4 > div:nth-child(2n), .coll-6 > li:nth-child(2n) {margin-right: 0px}

	/* head / logo / menu / search / button */
	.maintop .block {padding: 0}
	.search {position:relative;width: 100%;left: auto;top: auto;padding: 7px 12px;display:flex}
	.search form {position:relative;width: 100%;display:flex}
	.search input, .search button {padding: 10px 16px 9px;max-height:40px}
	.search button {color: transparent;padding: 0;width: 40px;height:40px;margin-left: 2px}
	.search .inputbox {width: calc(100% - 42px + 0px);}
	.menublock .mainmenu {display:block}
	.mainmenu {display:none}
	.shopcat.btn {
		display:block;
		width: 44px;
		height: 44px;
		border:none;
		background: url(../../../images/site/linebtn.png) 50% 50% no-repeat;
		padding: 0;
		margin: 7px 0 0 0
		}
	.shopcat.btn i:after {display:none}
	.shopcat.btn span {display:none}
	.userbtn, .cartbtn {position:absolute;top: 7px;right:7px;margin:0;width: 44px;height:44px;}
	.mod-languages {position:absolute;top: 7px;right:17px;margin:0}
	.cartbtn {right: 45px}
	.userbtn {right: 90px}
	.conlogo {font-size: 32px;}
	.menublock {left: -100%;width: 100%;}
	.userblock, .cartblock {right: -100%;width: 100%;}
	/* end - head / logo / menu / search / button */
	
	.breadcrumbs {background:transparent}
	.breadcrumb {padding: 10px 0;}
	
	.block_product .image  {
		height: 200px
	}
	
	.block {padding: 0 12px}
	.two {display: block}
	aside, main, main.ltf {display:block} 
	.carticon, #buttonusermenu {width: 50px;height: 50px;}
	#usermenu ul, .purchases {top: 50px}
	.pull-right, .pull-left {float:none;text-align:center;margin:0}
	figure.pull-right img, figure.pull-left img {max-width:100%;width:auto;margin: 0 auto}
	#jshop_module_cart {margin:0}
	.foocont .block {padding: 14px}
}
.average_table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    margin-bottom: 17px;
    vertical-align: middle;
    width: 100%;
	color: #fff
}
.average_table th {
    border: medium none !important;
    border-radius: 3px 3px 0 0;
    letter-spacing: 1px;
    padding: 8px 0 9px;
    text-align: center;
}
.average_table th h3 {
    margin: 0 !important;
    padding: 0 !important;
	font-size: 16px
}
.average_table td {
    border-top: 1px solid #ccc;
    padding: 10px 20px;
}
.average_table .ename {
    padding: 10px 20px 10px 0;
    text-align: right;
	color: #000
}
.average_table .s1 .e1, .average_table .s1 .e2, .average_table .s1 .e3, .average_table .s1 .e4, .average_table .s1 .e5{font-size: 30px;width: 150px}
.average_table th.e1, .average_table .pay .e1, .average_table .prop .e1 {
    background: #f27042;
}
.average_table th.e2, .average_table .pay .e2, .average_table .prop .e2 {
    background: #5091cd;
}
.average_table th.e3, .average_table .pay .e3, .average_table .prop .e3 {
    background: #8564c7;
}
.average_table th.e4, .average_table .pay .e4, .average_table .prop .e4 {
    background: #50af8c;
}
.average_table th.e5, .average_table .pay .e5, .average_table .prop .e5 {
    background: none repeat scroll 0 0 #d2477e;
}
.average_table .prop {
    text-align: center;
}
.average_table .price {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.average_table .e1 {
    background: #f58d68;
    border-top: 1px solid #f27042;
}
.average_table .e2 {
    background: #73a7d7;
    border-top: 1px solid #5091cd;
}
.average_table .e3 {
    background: #9d83d2;
    border-top: 1px solid #8564c7;
}
.average_table .e4 {
    background: #73bfa3;
    border-top: 1px solid #50af8c;
}
.average_table .e5 {
    background: none repeat scroll 0 0 .ec6198;
    border-top: 1px solid #ff7ab1;
}
.average_table .pay td a {
    color: #fff;
}
.average_table .pay td {
    border-radius: 0 0 3px 3px;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}