@import url('menu.css');
@import url('module.css');
@import url('typography.css');
@import url('k2.css');
@media only screen and (max-width: 640px) {
.moduletable_menu {display:none;}
}

* {
    margin:0;
    padding:0;
}
#head_menu  {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc
}
.head {
border-bottom: 1px solid #c3c3c3;
box-shadow: 0px 3px 0px #e1e1e1;
background-color: #f4f4f4;
padding: 15px 0;
}
.head .logo {width:100%;}
.head  form { padding-top: 14px }
.head  form a { font-size: 11px;margin-top: -4px;float:left;  color: #999 }
.head #jshop_search { width: 300px; border:1px solid #ccc}
.clrt, .clrt:before, .clrt:after  {
	display: block;
	clear: both;
}
.module-2_bg #bl1 { padding-right: 80px }
.jmodedit {
	display:block;
	color: #fff;
	background: transparent url("../images/edit.png") 50% 50% no-repeat;
	width: 26px!important;
	height: 26px!important;
	padding: 3px;
	border-radius: 3px
}
.jmodedit:hover {
	display:block;
	color: #fff;
	background: url("../images/edit.png") 50% 50% no-repeat;
}

.bbl {
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	padding:20px;
}

#parallax .moduletable {padding:20px 0;}
.newslider .moduletable {padding:40px 0}
.parallax2, .parallax1  {border-top: 8px solid #35ceaf;border-bottom: 8px solid #35ceaf}
.parallax2 .parallax2 {border-top: none;border-bottom: none}
.slider-nav__item--current, .slider-nav__item:hover{background:#35ceaf }
.VehaOffersimagebg .itemCont #itemBody {
	box-shadow: 0 0 3px rgba(0, 0, 0, 1);
}
.parallax2 .module-title {color: #35ceaf;text-shadow: 0 2px 2px rgba(0, 0, 0, .5);padding-bottom: 20px}
.parallax2 img {margin: 0 50px 0 0}
#bottom-b .mod-line {
    color: #999;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.demo-list ul{border-bottom: 1px dashed #666}
.demo-list ul.line > li {
    line-height: 30px;
	border-top: 1px dashed #666
}
em.box {
    background: #666;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #ccc;
    font-family: Courier,monospace;
    font-style: normal;
    padding: 1px 2px;
    word-spacing: -2px;
}
/* ############ Шапка ############ */
#top {
	font-size: 13px;
	background: -webkit-linear-gradient(#575b5e 0%, #333437 100%);
	border-top: 3px solid #1abc9c;
	

}

/* ############ footer ############ */
#footer {
	padding: 10px;
	font-size: 13px;
	background: -webkit-linear-gradient(#666666 0%, #3f3f3f 100%);
	color: #e5eeee;
	border-top: 1px solid #505050;
	box-shadow: 0px 0px 5px #757575;
	

}

/* ############ Слайдер ############ */
#myslider img {
	width: 100%;
}

/* ############ Animation ############ */
a, ul.menu li ul, .itemNavigation span {
	-webkit-transition: .2s;
	-moz-transition: .2s;
	transition: .2s;
	
}
.moduletitle {
	border-bottom: 3px solid #a6a4a4;
	padding: 0;
	color: #E62E04;
	margin-bottom: 10px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	
}

.mx {
	border-bottom: 3px solid #a6a4a4;
	padding: 0;
	color: #d93c19;
	margin-bottom: 110px;
	margin-bottom: 210px;
	padding-bottom: 210px;
	
}

.full {
	text-align: center;
}

.FnColor, .FnColorHov:hover, .BlockHov:hover .BlCl, a:hover, #ItemInfo a:hover, #CatInfo a:hover, .item-page .edit-icon a:after {
	color: rgba(26, 188, 156, 1);
}
.FnColor:hover {
	color: #333
}

.BgColor a, .calendarDateLinked a {
	color: #fff;
}
.BgColor a:hover, .calendarDateLinked a:hover {
	color: #333;
}
#CatImg:hover #ImgZoom, .item-page .newTitle {
	background: rgba(26, 188, 156, 0.8);
}


.Avatar img {
	background: #f7f7f7;
}
.UserBlock .Avatar img {
	border: 3px solid #f7f7f7;
}



/*
То что я исключил
#sh:before, #sh:after
{
  z-index: -1;
  position: absolute;
  content: " ";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#sh:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.catItemTitle, #ItemTitle {
 	text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
 	color: #333
}
#K2Featured {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
*/
#back-top {
	position: fixed;
    display: block;
    bottom: 30px;
    left: 50%;
    margin-left: 500px;
    margin-bottom: 7px;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #333;
    opacity: 0.8;
    transition: all 1s ease 0s;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-size: 40px;
	cursor: pointer;
}
#back-top i {
	margin-top: 6px
}
#back-top:hover {
	opacity: 1;
}

.vehichibreadcrumb div { float: right; color: #999 }
.vehichibreadcrumb a { color: #999 }
.vehichibreadcrumb span { padding: 0 5px;font-size: 10px;text-transform: uppercase;letter-spacing: normal;   }
.vehichibreadcrumb > div { margin: 3px 0 0 0; }
.vehichibreadcrumb h1 {
color:#999;
font-size:16px;
font-weight:500;
border-bottom:none;
line-height:normal;
padding:4px 0 6px;
}

.VehaOffersdefault #itemBody {
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
	transition: 0.5s;
}
.VehaOffersdefault #itemBody:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	z-index: 9999;
}
.vehichibreadcrumb h1:after { clear: right; }


.top_hits_products .block_item, .latest_products .block_item {
	float: left;
	background:#fff;
	margin: 15px 5px 5px 5px;
}
.top_hits_products .block_item img, .latest_products .block_item img {
	width: 220px;
	height: 220px;
}
.top_hits_products .block_item .name a, .latest_products .block_item .name a{
	display: block;
	max-width: 220px;
}
#ContactPage {
	display: block;
}
#ContactPage td {
	vertical-align: top;
}
#ContactPage h3 {
	line-height: 35px
}

/* ############ Отправка сообщения ############ */
	
#sp-quickcontact-form {
	margin: 20px;
}
#sp-quickcontact-form input, #sp-quickcontact-form select, #sp-quickcontact-form textarea {
	width: 100%;
	margin-bottom: 20px;
	border-color: #ddd;
	color: #666;
	padding: 12px 10px
}
#sp-quickcontact-form select {
	padding: 11px 10px
}
#sp-quickcontact-form input.button {
	color: #fff
}
#sp-quickcontact-form input.button:hover {
	color: #333
}
#sp-quickcontact-form textarea {
	height: 172px
}
.VehaOffersLeft #itemBody {
	background: #12e3ba url(../images/1.jpg);
}
.sli {
	padding: 20px 0 30px 0;
	border-bottom: 1px solid #ccc;
}
#VehaOffers102 {
	position: absolute;
	margin-top: -30px;
	z-index: 999999;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	color: rgba(255, 255, 255, 0.7)
}
#bigmenu {
	padding-top: 50px
}
#head_menu {
	border-bottom: 3px solid #1ABC9C;
	
	z-index: 999999;
}
.banneritem  img {
	width: 100%
}
.banneritem .col-md-3, .banneritem .col-md-6 {
	padding-left: 5px!important;
    padding-right: 5px!important;
}
.moduletable .jshop_list_product .block_product {
	padding: 10px!important;
}
.form_sort_count {
	background: #C5F9EF;
	border: 1px solid #1ABC9C;
	border-radius: 5px;
	padding: 15px 30px ;
	font-size: 12px
}
.jshop_list_product .control-label {
	padding: 5px;
	color: #000
}
.manufactuter_list {
	text-align: center
}
.jshop_menu_level_0, .jshop_menu_level_0_a {
	
	display:inline-table;
	
}
.control-group {
	display: block;
	text-align: left;
	margin: 5px 0
}