@charset "utf-8";

input[type=submit],
input[type=text] {
  -webkit-appearance: none;
}

body {
  color: #404040;
  background: url(../img/bg.jpg) repeat #F9FAFC;
  font-family: 'Fira Sans', sans-serif;
  line-height: 1.42857143;  
 
}

body.brand {
	 margin:0px;
	 padding:0px;
  padding-top:300px;
 
  color: #404040;
  background: url(../img/bg.jpg) repeat #F9FAFC;
  font-family: 'Fira Sans', sans-serif;
  line-height: 1.42857143;  
 
}
.showphone{
	display:block;
	padding:5px;
	background:green;
	color:#fff;
	text-align:center;
}
.showphone:hover, .showphone:focus{
	text-decoration:none;
	color:#fff;
	text-align:center;
}
.showphone:visited{
	text-decoration:none;
	color:#fff;
	text-align:center;
}
button, a{
	outline: none !important;
}

.wrapper{
	max-width: 1360px;
	margin: 0px auto;
	background: #fff;
	-moz-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.2);
}

.banner{
	overflow: hidden;
}

.banner img{
	max-width: 100%;
}

.header{
	background: #F3F4F6;
}

.head-menu{
	background: url(../img/patt.jpg) repeat;
	margin-bottom: 43px;
}

.head-menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.head-menu ul li{
	position: static;
}

.head-menu .nav > li > a{
	font-size: 19px;
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
	padding: 12px 5px;
	-ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  -webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.head-menu .nav > li > a span{
	display: inline-block;
	vertical-align: top;
	-ms-transform: skewX(10deg);
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
}

.head-menu .nav > li > a:hover,
.head-menu .nav > li:hover > a,
.head-menu .nav > li > a:focus,
.head-menu .nav > li.js-active > a{
	background: #D1112A;
}

.nav > li.active > a{
	color:#fff;
	background: #D1112A;
}

.head-menu ul li .drop-menu{
	position: absolute;
	top: 100%;
	left: -10px;
	right: 0;
	display: none;
}

/* .head-menu ul li:hover .drop-menu{
	display: block;
} */

.head-menu ul li.js-active .drop-menu{
	display: block;
}

.head-menu ul li ul{	
	border: 2px solid #D2112C;
	-ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  display: inline-block;
  vertical-align: top;
}

.head-menu ul li ul li{
	display: inline-block;
	vertical-align: top;
	-ms-transform: skewX(10deg);
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
}

.head-menu ul li ul li a{
	display: inline-block;
	vertical-align: top;
	position: static;
	text-decoration: none;
	font-size: 15px;
	font-weight: 300;
	color: #2E2E30;
	padding: 9px 15px;
}

.head-menu ul li ul li a:hover,
.head-menu ul li ul li a:focus{
	text-decoration: underline;
}

.head-btm{
	background: #FAFBFD;
}

.head-btm .row{
	position: relative;
}

.logo-wrap{
	padding: 20px 20px 25px 98px;
	margin-left: -110px;
	background: url(../img/patt.jpg) repeat;
}

.logo{
	display: inline-block;
	vertical-align: top;
}

.logo img{
	max-width: 100%;
}

.navbar-collapse{
	padding: 0;
}

.place{
	position: relative;	
	vertical-align: top;
	line-height: 20px;
	padding-left: 32px;
	margin-top: 36px;
}

.place:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../img/icons.png) 0 0 no-repeat;
}

.place p{
	display: inline-block;
	vertical-align: top;
	color: #6E6E70;
	margin: 0 9px 0 0;
	line-height: 20px;
	font-weight: 400;
	font-size: 12px;
}

.sel{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
}

/* select */
.jcf-select {
	display: inline-block;
	vertical-align: top;
	position: relative;				
	height: 20px;
	
}


.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}
.jcf-select .jcf-select-text {
	text-overflow:ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font-size: 16px;
	line-height: 20px;
	margin: 0 20px 0 0;
	color: #040406;
	padding-right: 19px;
}
.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;	
	width: 8px;
	bottom: 0;
	right: 0;
	top: 0;
}
.jcf-select .jcf-select-opener:after{
	content: '';
	position: absolute;
	top: 7px;
	right: 0;
	background: url(../img/icons.png) -66px 0 no-repeat;
	width: 8px;
	height: 4px;
}
body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select-drop .jcf-select-drop-content {
	border: 1px solid #197FCE;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background: #e6e6e6;
	color: #000;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option {
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 9px;
	color: #656565;
	min-height: 14px;
	height: 1%;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background: #fafbfd;
	color: #000;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

.user-nav{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 36px;
	line-height: 20px;
	padding-left: 32px;
	margin-right: 20px;
}

.user-nav:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	background: url(../img/icons.png) -24px 0 no-repeat;
}

.user-nav a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	margin-right: 18px;
}

.user-nav a:hover,
.user-nav a:focus{
	text-decoration: underline;
}

.user-nav .enter{
	color: #1D1D25;
	font-size: 16px;
	font-weight: 500;
}

.user-nav .reg{
	color: #676773;
	font-size: 14px;
	font-weight: 300;
	margin-right: 0;
}

/*.header .search{
	position: absolute;
	right: 0;
	top: 0;
	height: 90px;
	width: 20px;	
}

.header .search-btn{
	display: block;
	border: 0;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px;
	right: 15px;
	background: url(../img/icons.png) -48px 0 no-repeat;
}

.search .search-inner{
	display: none;
}

.search.full .search-inner{
	display: block;
}

.search .input-group .search-btn{
	position: static;
}

.head-btm .row,
.head-btm div[class^="col-"]{
	position: static;
}

.header .head-btm .has-pos{
	position: relative;
}

.search .input-group{
	padding: 10px 10px 10px 25px;
}

.search .form-control{
	border: 0;
	height: 47px;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
	font-size: 18px;
	font-weight: 300;
	line-height: 47px;
	padding: 0;
}

.search.full{
	left: 0;
	right: 0;
	top: 10px;
	height: 67px;
	width: 100%;
	background: #fff;		
	-moz-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
}

/* .search.full .search-btn{
	display: none;
} */

.search{	
	position: absolute;
	right: 0;
	top: 0px;	
	padding-top: 20px;
	z-index: 0;
	width: 50px;
}

.search.full-width{
	width: 100%;
}

.has-pos > .row div[class^="col-"]{

}

/*************************/
.searchbox{
  position:relative;
  min-width:50px;
  width:0%;
  padding-top: 10px;
  height:67px;
  float:right;
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  -ms-transition: width 0.3s;
  -o-transition: width 0.3s;
  transition: width 0.3s;
}

.searchbox-input{
  top:0;
  right:0;
  border:0;
  outline:0;  
  width:100%;
  height:67px;
  margin:0;
  padding:0px 55px 0px 20px;  
	background: none;
	position: relative;
	top: -20px;
}

.full-width .searchbox-input{
	background: #fff;
	-moz-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.1);
}

.full-width .searchbox{
	overflow: visible;
}

.searchbox-input::-webkit-input-placeholder {
  color: #d74b4b;
}
.searchbox-input:-moz-placeholder {
  color: #d74b4b;
}
.searchbox-input::-moz-placeholder {
  color: #d74b4b;
}
.searchbox-input:-ms-input-placeholder {
  color: #d74b4b;
}

.searchbox-icon,
.searchbox-submit{
  width:50px;
  height:50px;
  display:block;
  position:absolute;
  top:0;
  font-family:verdana;
  font-size:22px;
  right:0;
  padding:0;
  margin:0;
  border:0;
  outline:0;
  line-height:50px;
  text-align:center;
  cursor:pointer;
  color:#dcddd8;
  background: url(../img/srch-btn.png) center center no-repeat;
}
.searchbox-open{
  width:100%;
}

/*************************/





/*.search.full .input-group .search-btn{
	display: block;
	margin-top: 10px;
}*/

.main{
	padding-bottom: 15px;
	padding-top: 13px;
	position: relative;
}

.catalog{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	background: url(../img/patt.jpg) repeat;
	width: 95px;
	padding: 7px 0;
	min-height: 2000px;
}

.catalog .hdl{
	text-align: center;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 10px;
}

.catalog ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.catalog ul li{
	display: block;	
}

.catalog ul li a{
	display: block;
	text-align: center;
	position: relative;
	text-decoration: none;
	text-transform:uppercase;
	margin-right: 8px;
	padding: 4px 0 4px 8px;
	border-bottom: 1px solid #3C3E4A;
	color: #D1D2D7;
	font-size: 12px;
}

.catalog ul li a:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: -8px;
	width: 10px;
	height: 2px;
	background: #3C3E4A;
	-ms-transform: skewY(-15deg);
  -webkit-transform: skewY(-15deg);
  transform: skewY(-15deg);
}

.catalog ul li a:hover,
.catalog ul li a:focus,
.catalog ul li.active a{
	color: #E5374E;
	border-color: #CF112B;
}

.withborder{
	margin-top:30px;
	border-top: 1px solid #CF112B;
}

.withborder2{
	margin-top:30px;
	border-top: 3px solid #CF112B;
}

.catalog ul li a:hover:after,
.catalog ul li a:focus:after,
.catalog ul li.active a:after{
	background: #E5374E;	
}

.articles{
	
	padding-bottom: 10px;
}

.art-item{
	
	position: relative;
	margin-bottom: 18px;
}

.art-item img{

	position: relative;
	z-index: 1;
}

.art-item a{
	display: block;
	position: relative;
	z-index: 5;
	text-decoration: none;
}

.art-item a.inline{
	display: inline-block;
	position: relative;
	z-index: 5;
	text-decoration: none;
}

.tag{
	font-size: 12px;
	font-weight: 300;
	color: #545D6C;
}

.tag a{
	color: #545D6C;
	display: inline-block;
	vertical-align: top;
}

.tag a:hover{
	text-decoration: underline;
}

.top .tag{
	display: inline-block;	
	font-size: 13px;
	font-style: 700;
	color: #fff;
	position: absolute;
	z-index: 2;
	padding: 3px 5px;
	top: 19px;
	left: 40px;
	background: #20232C;
	text-transform: uppercase;
}
.text{
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 15px;
	right: 5px;
	color: #fff;
}
.product-item .text{
	position: relative;
}
.text{
	_position: absolute;
	_z-index: 2;
	_bottom: 0px;
	_left: 15px;
	_right: 5px;
	_color: #fff;
}

.top .text{
	left: 40px;
	right: 40px;
	bottom: 10px;
}

.date{	
	display: inline-block;
	font-size: 10px;
	padding: 3px 15px 2px 15px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 15px;
	margin-bottom: 35px;
}

.news-title{
	font-size: 17px;
	line-height: 22px;
	color: #0F0E13;
	margin-bottom: 5px;
}

.news-title a{
	color: #0F0E13;
	display: inline-block;
	vertical-align: top;
}

.news-title a:hover{
	text-decoration: underline;
}

.top .news-title{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 11px;
	color: #fff;
}

.info{
	font-size: 0;
	margin-bottom: 5px;
	padding-left: 7px;
}

.info span{
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #fff;
	font-size: 12px;
	padding-left: 20px;
	margin-right: 15px;
}

.info span:after{
	content: '';
	position: absolute;
	top: 3px;
	left: 0;
	background: url(../img/icons.png) no-repeat;
}

.info .views:after{
	width: 12px;
	height: 8px;
	background-position: -66px -6px;
}

.info .comm:after{
	width: 10px;
	height: 9px;
	background-position: -80px 0;
}

.img-box{
	
	margin-top:20px;
	margin-bottom: 22px;
	overflow: hidden;
	
	position: relative;
}
.art-item .img-box{
	height:180px;
}
.art-item .img-box-video{
	height:auto !important;
	margin-top:15px;
}

.has-indent{
	margin-bottom: 20px;
}

.title-wrap{	
	margin-bottom: 22px;
	border-bottom: 1px solid #E5E6EA;
}

.headline, h1{
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 29px;
	color: #000;
	margin-top: 0;
	padding: 10px;
}

.headline.redcolor{
	color: #E5374E;
}

h2{
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 26px;
	color: #000;
	margin-top: 0;
	border-top: 1px solid #D1112A;
}
.with-border{
	border-bottom: 1px solid #D1112A;
}
h2.noborder{
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 26px;
	color: #000;
	margin-top: 0;
	border-top: 0px solid #D1112A;
}

h3{
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
	color: #000;
	margin-top: 0;
}

h4{
	font-size: 16px;
	font-weight: 400;
	margin: 0 0 20px 0;
}

a.more{
	display: inline-block;
	vertical-align: top;
	position: relative;
	font-size: 12px;
	font-family: 'fira_sansbook';
	padding-right: 17px;
	color: #646673;
	margin-top: 18px;
}

a.more:after{
	content: '';
	position: absolute;
	top: 5px;
	right: 0;
	width: 4px;
	height: 6px;
	background: url(../img/icons.png) -81px -11px no-repeat;
}

.sale-wrap{
	padding-bottom: 10px;	
}

.sale-item{
	margin-bottom: 20px;
	line-height: 20px;
	text-align: center;
}

.sale-item .img-box{
	margin-bottom: 15px;
}

.sale-item .hdl{
	font-size: 14px;	
	color: #1F1F21;
}

.sale-item .hdl a{
	color: #1F1F21;
}

.sale-item .price{
	font-size: 13px;
	font-weight: 300;
	color: #585C68;
}

.sale-item p{
	font-size: 11px;
	font-weight: 300;
	font-style: italic;
	margin: 0;
	line-height: 20px;
	color: #81848B;
}

.article-list{
	padding-bottom: 20px;
}

.article-list .art-item{
	padding-bottom: 15px;
	margin-bottom: 15px;
	_border-bottom: 1px dotted #D0D0D0;
}

.article-list .img-box{
	margin-bottom: 0;
}

.article-list .news-title{
	font-size: 19px;
	line-height: 24px;
	max-height: 20px;
overflow: hidden;
}

.article-list .tag{
	margin-bottom: 7px;
}

p{
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #323232;
	font-weight: 300;
}



p a{
	text-decoration: underline;
	color: #404362;
}

p a:hover{
	text-decoration: none;
}

.article-list  p{
	margin-bottom: 0;
}

.car-cat{
	margin-bottom: 10px;
}

.car-item{
	padding: 10px 0;
	border-bottom: 1px dotted #CFCFCF;
	text-align: center;
}

.car-item:last-child{
	border-bottom: 0;
}

.car-item:first-child{
	padding-top: 0;
}

.car-item .img-box{
	height: 140px;
	
	position: relative;
	overflow: hidden;
	margin-bottom: 8px;
}

.car-item .img-box img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
}

.car-item b{
	font-size: 18px;
	font-weight: 900;
}

.car-item p{
	font-size: 14px;
	font-weight: 300;
	color:#2d2d2d;
	_color: #575B66;
	margin-bottom: 0;
}
.car-item p  span{
	font-size: 14px;
	font-weight: 500;
	color:#EC203B;
}
.car-item p.price span{
	font-size: 16px;
	font-weight: 500;
	color:#EC203B;
}

.car-item span{
	font-size: 12px;
	font-weight: 300;
}

.cat-btn{
	display: block;
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	color: #fff;
	border: 0;
	background: #E3132D;
	padding: 13px 5px 9px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.cat-btn:hover,
.cat-btn:focus{
	background: #8E1D0B;
}

.about-wrap{
	margin-bottom: 45px;
}

.no-border{
	border-bottom: 0;
	margin-bottom: 0;
}

.statistick{
	margin-bottom: 40px;
	overflow: hidden;
	border: 1px solid #EBEFF0;
}

.statistick .item{
	display: block;
	float: left;
	width: 33.333%;
	text-align: center;
	padding: 13px 0;
	border-left: 1px solid #EBEFF0;
}

.border-top{
	border-top: 1px solid #EBEFF0;
}

.statistick .item:first-child{
	border-left: 0;
}

.statistick .item span{
	display: block;
	font-size: 52px;
	line-height: 52px;
	font-weight: 200;
	margin-bottom: 4px;
}

.statistick .item p{
	margin: 0;
	font-size: 13px;
}

a.up{
	display: block;
	position: fixed;
	bottom: 0px;
	right: 0px;
	text-decoration: none;
	width: 70px;
	height: 30px;
	background: #E2112E;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

a.up:hover,
a.up:focus{
	background: #8E1D0B;
}

a.up:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 11px;
	background: url(../img/icons.png) -92px 0 no-repeat;
	top: 50%;
	margin-top: -5px;
	left: 50%;
	margin-left: -10px;
}

.footer{
	padding: 10px 0;
}

.ftr-top{
	padding: 20px 0;
	border-bottom: 1px solid #F2F2F2;
}

.ftr-top ul{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 0;
}

.ftr-top ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-right: 25px;
}

.ftr-top ul li a{
	display: inline-block;
	vertical-align: top;
	color: #000;
}

.ftr-btm{
	padding: 20px 0;
}

.footer .logo{
	display: inline-block;
	vertical-align: top;
	width: 146px;
	margin-right: 47px;
}

.footer .logo img{
	max-width: 100%;
}

.copy{
	display: inline-block;
	vertical-align: top;
	margin-top: 7px;
	font-size: 13px;
	font-weight: 300;
}

.socially{
	text-align: right;
	margin-top: 3px;
}

.socially a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	margin-left: 3px;
	width: 27px;
	height: 27px;
	text-align: center;
	line-height: 27px;
	border-radius: 50%;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.socially a:hover{
	opacity: 0.8;
}


.icon-vk:before { content: '\f189'; }
.icon-facebook:before { content: '\f09a'; }
.icon-youtube:before { content: '\f167'; }
.icon-instagram:before { content: '\f16d'; } 

.socially .inst{
	background: #d10869;
}
.socially .fb{
	background: #1C5A97;
}
.socially .you{
	background: #ff0000;
}

.socially .tw{
	background: #02ACF7;
}

.socially .vk{
	background: #28668F;
}

.socially .ok{
	background: #FE9500;
}

.socially .gp{
	background: #D92E00;
}

.socially .vk i{
	position: relative;
	left: -2px;
}

.socially .tw i{
	position: relative;
	left: -1px;
}

#nav-icon{
	margin-top: 10px;
  width: 40px;
  height: 30px;
  position: relative;  
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  border: 0;
  background: transparent;  
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
}

#nav-icon.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.modal-content{
	border-radius: 0;
}

.modal-header{
	position: relative;
	padding: 30px 70px;
}

.modal-header .close{
	position: absolute;
	z-index: 100;
	opacity: 1;
	background: url(../img/close-ico.png) 0 0 no-repeat;
	background-size: cover;
	width: 50px;
	height: 50px;
	top: 40px;
	right: -70px;
}

.modal-title{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 10px;
}

.modal-header p{
	font-size: 15px;
	font-weight: 300;
	margin-bottom: 0;
	color: #838385;
}

.modal-body{
	padding: 22px 70px 30px;
}

label{
	font-size: 12px;
	display: block;
	font-weight: 300;
	margin-bottom: 5px;
	color: #000;
}

.form-group{
	position: relative;
	margin-bottom: 10px;
}

.form-control{
	width: 100%;
	border-radius: 0;
	height: 40px;
	padding: 5px 25px;
	border: 1px solid #C0C5C8;
	line-height: 28px;
	font-size: 15px;
	color: #000;
	font-family: 'fira_sansbook';
}

.note{
	font-size: 11px;
	font-weight: 300;
	margin-bottom: 20px;
	color: #868686;
}

.btn-exit{
	display: block;
	width: 100%;
	color: #23527c;
	border: 0;
	background:#eee;
	_background: #D1112A;
	margin-bottom: 20px;
	border-radius: 0;
	padding: 13px;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	font-size: 17px;
	font-weight: 500;
}

.btn:hover,
.btn:focus{
	background: #8E1D0B;
	color: #fff;
}

.modal .socially{
	text-align: center;
	font-weight: 0;
}

.modal .socially p{
	text-align: center;
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 5px;
}

.modal .socially a{
	margin: 0 5px;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
}

.ch-item{
	margin-bottom: 20px;
}

.ch-item input{
	display: none;
	opacity: 0;
}

.ch-item label{
	display: block;
	margin-bottom: 0;
	color: #000;
	line-height: 20px;
	padding-left: 30px;
	font-size: 15px;
	font-weight: 300;
	position: relative;
}

.ch-item label:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 1px solid #c0c5c7;
}

.ch-item label:before{
	content: '';
	position: absolute;
	top: 3px;
	left: 1px;
	width: 19px;
	height: 14px;
	background: url(../img/icons.png) 0 -23px no-repeat;
	z-index: 2;
	opacity: 0;
}

.no-item label:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	border: 0px solid #c0c5c7 !important;
}

.no-item label:before{
	content: '';
	position: absolute;
	top: 3px;
	left: 1px;
	width: 19px;
	height: 14px;
	background: none !important;
	z-index: 2;
	opacity: 0;
}

.ch-item input:checked + label:before{
	opacity: 1;
}


.forgot{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	font-size: 13px;
	color: #424362;
}

.forgot:hover,
.forgot:focus{	
	text-decoration: underline;	
	color: #424362;
}

.car-carousel{
	margin-bottom: 30px;
}

.car-carousel .car-item{
	position: relative;	
	padding-bottom: 0;
}

.car-carousel .car-item:after,
.category .car-item:after{
	content: '';
	position: absolute;
	top: 50px;
	right: 0;
	height: 55px;
	border-left: 1px dotted #BFBFBF;
}

.car-nav,
.car-nav-0,
.car-nav-1{
	overflow: hidden;
	width: 47px;
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}

.slick-arrow{
	display: block;	
	border: 0;
	background: url(../img/icons.png) no-repeat;
	width: 14px;
	height: 23px;
	text-indent: -9999px;
}

.slick-prev{
	float: left;
}

.slick-next{
	float: right;
}

.slick-prev{
	background-position: -22px -23px;	
}

.slick-prev:hover,
.slick-prev:focus{
	background-position: -56px -23px;
}

.slick-next{
	background-position: -40px -23px;
}

.slick-next:hover,
.slick-next:focus{
	background-position: -74px -23px;
}

.back-btn{
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
	position: relative;
	color: #2E2E30;
	font-size: 13px;
	font-weight: 300;
	cursor:pointer;
}

.back-btn:hover,
.back-btn:focus{
	text-decoration: underline;
	color: #2E2E30;
}

.back-btn:after{
	content: '';
	position: absolute;
	top: 4px;
	left: -20px;
	width: 7px;
	height: 10px;
	background: url(../img/icons.png) -90px -13px no-repeat;
}

.breadcrumb{
	padding: 0;
	margin-bottom: 20px;
	background: none;
	border-radius: 0;
	font-size: 13px;
	font-weight: 300;
}

.breadcrumb li a,
.breadcrumb li.active{
	color: #000;
}

.product-item{	
	padding-bottom: 5px;
}

.card{
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}

.card img{
	position: relative;
	max-width: 100%;
}

.card .text{
	_position: absolute;
	_z-index: 2;
	_top: 30px;
	_left: 50px;
}

.card h1, 
.card p{
	_color: #fff;
}

.card p{
	font-size: 14px;
	margin-bottom: 0;
	font-family: 'fira_sansbook';
	line-height: 24px;
}

.descript{
	margin-bottom: 20px;
}

.price-block{
	margin-bottom: 10px;
	border: 1px solid #E6EAED;
	border-left: 3px solid #DF1F38;
	padding: 23px 20px 15px 50px;
}

.price{
	font-size: 14px;
	line-height: 20px;	
}

.price span{
	font-size: 30px;
	font-weight: 500;
}

.small-price span{
	font-size: 18px;
	font-weight: 400;
}
#sticky{
  position: sticky;
  top: 10px;
  margin-bottom: -2em;
  padding-top: 2em;
}
.price-block p{
	font-size: 12px;
	font-weight: 300;
	margin-bottom: 10px;
	line-height: normal;
	color: #585C67;
}

.price-block .more{
	margin: 0;
}

.gallery{
	position: relative;
	padding: 0 35px;
	overflow: hidden;
	margin-bottom: 50px;
}

.gallery ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.gallery li{
	display: block;
	float: left;
	border-left: 3px solid #fff;
}

.gallery .slick-arrow{
	position: absolute;
	z-index: 100;
	top: 50%;
	margin-top: -11px;
}

.gallery .slick-prev{
	left: -35px;
}

.gallery .slick-next{
	right: -35px;
}

.table-wrap{
	
	margin-bottom: 45px;
}

table{
	width: 100%;
}

table th{
	font-weight: 300;
	font-size: 14px;
	padding: 10px;
}

table td{
	font-weight: 300;
	font-size: 14px;
	padding: 10px;
}

table td:first-child,
table th:first-child{
	padding-left: 60px;
}

table tr:nth-child(even) td{
	_background: #F6F6F8;
}

table tr.bg{
	background: #F6F6F8;
}

table tr.top-bg{
	border-top:4px solid #fff;
}

table td span{
	font-size: 15px;
	font-weight: 400;
	color: #404362;
}
.table-wrap input, .table-wrap select{
	width:100px;
}
.tab-container{
	margin-bottom: 35px;
}

.nav-tabs{
	font-size: 0;
	border-bottom: 0;
}

.nav-tabs li{
	display: inline-block;
	width: 25%;
	padding: 0 15px;
	font-size: 24px;
	font-weight: 500;
}

.nav-info li:nth-child(1){
	width: 25%;

}
.nav-info li:nth-child(2){
	nowrap:nowrap;
	width: 25%;

}

.nav-info li:nth-child(3){
	width: 25%;

}
.nav-info li:nth-child(4){
	width: 25%;

}

.nav-tabs li:first-child{
	text-align: left;
}

.nav-info li:second-child{
	text-align: center !important;
}

.nav-tabs li a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #424361;
	border: 0 !important;
	border-bottom: 1px dotted #424361 !important;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
	background: transparent !important;
	border-radius: 0;
	margin: 0 !important;
	padding: 0;
}

.nav-tabs li a{
	text-align:center;
}

.nav-tabs li a:hover,
.nav-tabs li a:focus,
.nav-tabs li.active a{
	color: #E5374E !important;
    border-color: #CF112B !important;
    border-bottom: 1px solid #CF112B !important;
}

.nav-tabs li a:hover{
	_color: #000;
}

.tab-content{
	padding: 35px 0;
}

.desc-menu{
	padding: 0;
	margin-bottom: 25px;
	list-style: none;
}

.desc-menu li{
	display: block;
	overflow: hidden;
	padding: 7px 20px 5px 20px;
	font-size: 14px;
	font-weight: 300;
	color: #000;
	border: 1px solid transparent;
	cursor: default;
}

.desc-menu li:hover{
	border-color: #CACED1;
}

.desc-menu li span{
	display: block;
	float: left;
	width: 50%;
}

.desc-menu li span:nth-child(2){
	text-align: right;
	font-weight: normal;
}

.desc-menu li i{
	font-style: normal;
	font-size: 12px;
	display: block;
}

.desc-menu li b{
	font-weight: 500;
	color: #5CA844;
}

.share{
	margin-bottom: 25px;	
}

.tab-container .share{
	padding-left: 25px;
}

.share p,
.article-item .share p{
	font-size: 13px;
	color: #828284;
	font-weight: 300;
	margin-bottom: 10px;
}

.selected-options{
	margin-bottom: 15px;	
	color: #000;
	font-size: 18px;
	font-weight: 500;	
}

.selected-options .summ{
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
	font-weight: 400;
	color: #838385;
}

a.del{
	display: inline-block;
	vertical-align: top;
	position: relative;	
	text-decoration: none;
	font-size: 12px;
	font-family: 'fira_sansbook';
	color: #666573;
	top: 5px;	
	margin-left: 20px;
}

a.del:after{
	content: '';
	position: absolute;
	top: 2px;
	left: -20px;
	width: 11px;
	height: 11px;
	background: url(../img/icons.png) -100px -13px no-repeat;
}

a.del:hover,
a.del:focus{
	text-decoration: underline;
}

.base-line{
	margin-bottom: 10px;
}

.base-line .ch-line{
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}

.ch-line{
	display: block;
	margin-bottom: 12px;
}

.ch-line input{
	display: none;
	opacity: 0;
}

.ch-line label{
	display: block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 300;
	line-height: 20px;
	padding-left: 30px;
	position: relative;
}

.ch-line label:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #C0C5C8;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;	
}

.ch-line label:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 14px;
	height: 12px;
	top: 3px;
	left: 3px;
	background: url(../img/icons.png) -92px -27px no-repeat;
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out; 
	-moz-transition: all 0.3s ease-in-out; 
	-o-transition: all 0.3s ease-in-out; 
	transition: all 0.3s ease-in-out;
}

.ch-line input:checked + label:before{
	opacity: 1;
}

.filter{
	padding-left: 65px;
}

.filter .ch-line{
	padding-left: 30px;
}

.ch-line .price{
	font-size: 16px;
	font-weight: 500;
}

.hint{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	background: url(../img/icons.png) 0 -42px no-repeat;
	width: 16px;
	height: 15px;
	margin-left: 8px;
	border: 0;
	padding: 0;
}

.hint:hover{
	background-position: 0 -59px;
}

.tooltip .tooltip-inner{
	text-align: left;
	font-size: 14px;
}

.tooltip .tooltip-inner b{
	display: block;
	font-size: 18px;
}

.panel-default > .panel-heading,
.panel-group .panel{
	background: transparent;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.panel{
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;	
}

.panel-group .panel-heading + .panel-collapse > .panel-body, 
.panel-group .panel-heading + .panel-collapse > .list-group{
	border-top: 0;
	padding: 10px 0 10px 60px;
}

.panel-default > .panel-heading a{		
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	border-bottom: 1px dotted #434262;
	color: #434262;
}

.panel-body h4{
	font-weight: 500;
}

.total-filter{
	margin-top: 50px;
	padding-left: 80px;
}

.total-filter .total{
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-top: 10px;
}

.total-filter .total p{
	font-size: 12px;
	font-weight: 300;
	line-height: normal;
}

.total-filter .total .price{
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}

.total-filter .total .price span{
	font-weight: 500;
	font-size: 30px;
}

.total-filter .btn{
	display: inline-block;
	vertical-align: top;
	padding-left: 30px;
	padding-right: 30px;
	width: auto;
}

.insure{
	margin-bottom: 13px;
}

.ins-btn{
	position: relative;
	width: 100%;
	background: transparent;
	padding: 0;
	border: 0;
	padding: 2px 0 2px 30px;
	color: #187ED0;
	font-size: 16px;
	font-weight: 500;
	text-align: left;
}

.ins-btn .arw{
	display: inline-block;
	vertical-align: top;
	margin-left: 7px;
	width: 9px;
	height: 6px;
	background: url(../img/icons.png) -71px -68px no-repeat;
	margin-top: 7px;
}

.ins-btn:after{
	content: '';
	position: absolute;
	background: url(../img/icons.png) no-repeat;
	top: 50%;
	left: 0;
}

.ins-btn.kasko:after{
	width: 20px;
	height: 24px;
	margin-top: -12px;
	background-position: -18px -49px;
}

.ins-btn.kasko:after{
	width: 20px;
	height: 24px;
	margin-top: -12px;
	background-position: -18px -49px;
}

.ins-btn.credit:after{
	width: 28px;
	height: 26px;
	margin-top: -13px;
	background-position: -41px -49px;
}

.insure ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

.insure li{
	display: block;
	font-size: 12px;
	font-weight: 300;
	padding: 9px 0;
	color: #545C67;
	border-bottom: 1px solid #EFF3F2;
}

.insure ul.no-bord li{
	border-bottom: 0;	
	padding: 0;
}

.insure li span b{
	font-weight: 300;
	font-size: 16px;
}

.insure ul.no-bord li span b{
	font-size: 18px;
}

.insure li span{
	color: #000;	
	font-weight: 400;
}

.guarantee{
	position: relative;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 300;
	color: #555B69;
	padding-left: 22px;
}

.guarantee:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background: url(../img/icons.png) -71px -49px no-repeat;
}

.tab-container .price-block{
	padding-left: 30px;
}

.comments-wrap{
	margin-bottom: 30px;
}

.comments-wrap .add-btn{
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	font-weight: 400;
	color: #424266;
}

.comm-item{
	padding: 25px 0 8px 65px;
	border-bottom: 1px dotted #BFBFBF;
}

.answer-item{
	padding-left: 140px;
}

.comm-item .top{
	margin-bottom: 5px;
}

.autor .foto{
	float: left;
	width: 46px;
	height: 46px;
	overflow: hidden;
	border-radius: 50%;
}

.autor .name{
	font-size: 16px;
	line-height: 20px;
	margin-left: 60px;
	margin-top: 4px;
}

.autor .date{
	font-size: 12px;
	font-weight: 300;
	line-height: 20px;
	color: #828284;
	margin-left: 60px;
	text-align: left;
	display: block;
	padding: 0;
	border: 0;
	border-radius: 0;
}

.autor p{
	font-size: 12px;
	color: #C4C6C5;
	margin-bottom: 0;
	margin-left: 60px;
}

.val{
	font-size: 12px;
	text-align: right;
	font-weight: 300;
	color: #838287;
	margin-top: 20px;
	line-height: 20px;
}

.val a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	margin-left: 5px;
}

.val a span{
	color: #000;
	font-weight: 300;
}

.val a.yes{
	color: #69B400;
}

.val a.no{
	color: #ED203E;
}

.comm-item p{
	font-size: 16px;
	line-height: 28px;
	color: #2B2B2B;
}

.comm-item .answer-btn{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	color: #404461;
}

textarea.form-control{
	height: 75px;
}

.form-wrap{
	margin-bottom: 45px;
}

.form-wrap .btn{
	width: auto;
	margin-top: 25px;
	padding-left: 65px;
	padding-right: 65px;
}

.article-item h1{
	pdding:10px !important;
	background: url(../img/patt.jpg) repeat;
	color: #fff;
}

.article-item p{
	font-size: 17px;
	line-height: 25px;
	margin: 1.2em 0;
}
.article-item li{
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #323232;
	font-weight: 300;
}
.article-item .autor{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-top: 25px;
}

.article-item .autor .name{
	margin-top: 0;
}

.article-item .autor p{
	margin-left: 60px;
}

.text-block{
	margin-left: 70px;
	margin-bottom: 20px;
	position: relative;
}
.text-list{
	overflow:auto;
	height:600px;
	margin-bottom:50px;
}
.content-img{
	margin-bottom: 20px;
	position: relative;
}

.content-img img{
	max-width: 100%;
	position: relative;
	z-index: 1;
}

.content-img .title{
	padding-top: 15px;
	text-align: center;
	font-size: 13px;
	font-weight: 300;
}

.quote{
	position: relative;
	font-size: 17px;
	line-height: 28px;
	color: #424361;
	font-weight: 300;	
	border-top: 1px solid #CACED1;
	border-bottom: 1px solid #CACED1;
	margin: 20px 0 40px;
	text-align: center;
}

.quote .inner{
	position: relative;
	padding: 30px 65px;
}

.quote .inner:after,
.quote .inner:before{
	content: '';
	position: absolute;
	z-index: 5;
	width: 21px;
	height: 17px;
	left: 50%;
	margin-left: -10px;
	background: url(../img/icons.png) no-repeat;
}

.quote .inner:after{
	top: -10px;
	background-position: -93px -41px;
}

.quote .inner:before{
	bottom: -10px;
	background-position: -93px -60px;
}

.quote:after,
.quote:before{
	content: '';
	position: absolute;
	width: 48px;
	height: 17px;
	background: #fff;
	left: 50%;
	margin-left: -24px;
}

.quote:after{
	top: -10px;
}

.quote:before{
	bottom: -10px;
}

.cnt-list{
	padding: 0;
	margin-bottom: 22px;
	list-style: none;
}

.cnt-list li{
	display: block;
	font-size: 16px;
	font-weight: 300;
	position: relative;
	padding-left: 30px;
	line-height: 28px;
	margin-bottom: 8px;
}

.cnt-list li:after{
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	width: 13px;
	height: 13px;
	background: url(../img/icons.png) 0 -76px no-repeat;
}

.cnt-list li i{
	font-size:12px;
}

.img-note{
	position: absolute;
	z-index: 10;
	font-size: 11px;
	color: #C9CDD0;
	left: 35px;
	bottom: 15px;
}

.img-note span{
	color: #fff;
}

ol.cnt-list{
  counter-reset:li;  
}

ol.cnt-list li:after{
	left: 13px;
	top: 15px;
	border-radius: 50%;
	background: #ED3D51;
	width: 3px;
	height: 3px;
}

ol.cnt-list li:before{
  content:counter(li);
  counter-increment:li;
  position:absolute;
  top: 0;
  left: 0;
  width: 10px;  
  color: #ED3D51;  
  font-size: 24px;
  line-height: 20px;
  font-weight: 600;
}

.text-info{
	line-height: 28px;
	font-size: 16px;
	font-family: 'fira_sansbook';
	position: relative;
	padding: 30px 30px 30px 135px;
	background: #F6F6F6;
	margin-bottom: 30px;
	color: #000;	
}

.text-info:after{
	content: '';
	position: absolute;	
	left: 77px;
	width: 20px;
	height: 55px;
	top: 50%;
	margin-top: -27px;
	background: url(../img/icons.png) -117px 0 no-repeat;
}

.article-item .share{
	padding-left: 0;
}

.brand-img{
	border: 1px solid #EBEFF0;
	margin-bottom: 10px;
	margin-right: 30px;
}

.brand-img img{
	max-width: 100%;
}

.label{
	display: inline-block;	
	vertical-align: top;
	line-height: normal;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	padding: 2px 5px 1px 5px;
	background: #EC203B;
	border-radius: 0;
	margin-right: 8px;
}

h1 a, .headline a{
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
	color: #414261;
	border-bottom: 1px dotted #414261;
}

h1 a:hover,
h1 a:focus,
.headline a:hover,
.headline a:focus{
	border-color: transparent;
	text-decoration: none;
	color: #414261;
}

.category{
	padding-top: 20px;
}

.category .car-item{
	margin-bottom: 50px;
	position: relative;
}

.out-models{
	margin-bottom: 30px;
}

.text-wl{
	border-bottom: 1px solid #E7EBEE;
	padding-bottom: 5px;
	margin-bottom: 25px;
}

.abc-menu{
	padding: 0;
	margin: 0;
	line-height: normal;
}

.abc-menu li{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3px;
	color: #414260;
}

.abc-menu li a{
	display: inline-block;
	vertical-align: top;
	color: #414260;
	text-decoration: none;
	font-size: 16px;
}

.abc-menu li a:hover{
	text-decoration: underline;
}

.select-wrap{
	padding: 30px 20px 30px 70px;
	background: #FAFBFD;
	margin-bottom: 25px;
	margin-left: -15px;
}

.sel-menu{
	padding: 0;
	margin-bottom: 30px;
	list-style: none;
}

.sel-line{
	display: block;
	margin-bottom: 10px;
}

.sel-line a{
	text-decoration: none;
	font-size: 17px;
	font-weight: 500;
	border-bottom: 1px dotted #424361;
	color: #424361;
}

.sel-line a:hover,
.sel-line a:focus{
	border-color: transparent;
}

.sel-line span{
	display: inline-block;
	vertical-align: top;
	margin-top: 3px;
	color: #858688;
	font-size: 14px;
	font-weight: 300;
	margin-left: 10px;
}

.sel-btn-active{
	background: #E2112E;
	color:#fff;
}
.sel-btn{
	padding-top: 9px;
	padding-bottom: 9px;
	line-height: 24px;
	color:#fff;
}

.magn{
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	width: 25px;
	height: 24px;
	background: url(../img/icons.png) -116px -60px no-repeat;
} 

.select-wrap .del{
	margin-top: 10px;
}

.main-search{
	margin-bottom: 30px;
	margin-left: -15px;
	padding-left: 15px;
	background: #FAFBFD;
}

.main-search .form-control{
	border: 0;
	font-size: 14px;
	font-weight: 300;
	height: 46px;
	padding: 5px 25px;
	background: #FAFBFD;
	-moz-box-shadow: 0 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 0 transparent;
	box-shadow: 0 0 0 0 transparent;
	text-align: right;
}

.main-search .btn{
	padding: 0;
	height: 46px;
	width: 50px;
	margin-bottom: 0;
	position: relative;
}

.main-search .btn:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -12px;
	top: 50%;
	margin-top: -12px;
	width: 25px;
	height: 24px;
	background: url(../img/icons.png) -116px -60px no-repeat;
}

.page-navigation{	
	text-align: right;
}

.pagination{
	margin: 10px 0 35px 0;
}

.pagination li a{
	border: 0;
	text-decoration: none;
	font-size: 15px;
	font-weight: 500;
	padding: 0;
	margin: 0;
	color: #000;
	padding: 0 5px;
	height: 19px;
	line-height: 19px;
}

.pagination li a:hover,
.pagination li a:focus{
	background: transparent;
	color: #000;
	text-decoration: underline;
}

.pagination li:first-child a{
	margin-right: 20px;
	font-weight: 400;
	padding: 0;
	background: none !important;
}

/*.pagination li:last-child a{
	margin-left: 20px;
	font-weight: 400;
	padding: 0;
	_background: none !important;
}
*/
.pagination li:last-child a{

border-bottom-right-radius:0px;
border-top-right-radius:0px;
}

.pagination li.active a{
	color: #fff;
	background: #EC203B;
	pointer-events: none;
}

.result-table{
	margin-bottom: 35px;
}

.result-table table{
	border-collapse: separate;
	border: 1px solid #F0F2F1;
}

.result-table table th{
	text-align: left;
	vertical-align: middle;
	border: 1px solid #F0F2F1;
	font-size: 14px;
	font-weight: normal;
	font-family: 'fira_sansbook';
	padding: 7px 7px 7px 10px;
	background: #F5F6F8;
}

.result-table table td{
	text-align: left;
	vertical-align: top;
	border: 1px solid #F0F2F1;
	font-size: 13px;
	font-weight: 300;	
	padding: 25px 7px 25px 10px;
	background: #fff;
	cursor: default;
}

.result-table table tr td{
	background: #fff;
}
.result-table table tr td.fixed_news{
	color:#fff;
	background: #D1112A;
}
.result-table table tr td.fixed_news a{
	color:#fff;
}
tr.tr_header
{
    cursor:pointer;
}
.result-table table tr:hover td{
	border-top-color: #EC203B;
	border-bottom-color: #EC203B;
}

.result-table table td:first-child{
	text-align: center;
}

.result-table table tr:hover td:first-child{
	border-left-color: #EC203B;	
}

.result-table table tr:hover td:last-child{
	border-right-color: #EC203B;	
}

.result-table table td img{
	max-width: 100%;
}

.result-table .name{
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	color: #000;
}

.result-table a.name:hover,
.result-table a.name:focus{
	text-decoration: underline;
}

.result-table a.desc{
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	color: #434262;
	margin-bottom: 17px;
}

.result-table a.desc:hover,
.result-table a.desc:focus{
	text-decoration: underline;
}

.result-table p{
	font-size: 12px;
	line-height: normal;
	margin: 0;
	font-weight: 400;
	color: #9C9C9E;
}

a.dealer.more{
	margin-top: 33px;
	margin-right: 20px;
}

a.dealer.more span{
	font-size: 16px;
	font-weight: 400;
	color: #666573;
}

.info-label{	
	display: inline-block;	
	color: #fff;
	-ms-transform: skewX(-10deg);
  -webkit-transform: skewX(-10deg);
  transform: skewX(-10deg);
  height: 23px;
  line-height: 23px;
  padding: 0 8px;
  font-size: 12px;
  background: #E3122F;
}

.info-label.disabled{
	background: #A8ACB5;
}

.img-box .info-label{
	position: absolute;
	z-index: 10;
	top: 0;
	right: 10px;
}

.info-label b{
	font-size: 16px;
}

.info-label span{
	-ms-transform: skewX(10deg);
  -webkit-transform: skewX(10deg);
  transform: skewX(10deg);
}

.slick-list .sale-item img{
	width: 142px;
	margin: 0px auto;
}

.sel-drop{
	padding-top: 20px;
}

.range-block{
	margin-bottom: 5px;
	display: inline-block;
	vertical-align: top;
	max-width: 285px;
}

#slider {
  width: 100%;
}
.ui-slider {
  position: relative;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 15px;
  height: 15px;
  background: #fff;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #EE1F3B;  
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  overflow: hidden;
  background: #EE1F3B;
}
.ui-slider-horizontal {
  height: 3px;
  background: #E8EBF0;
}
.ui-slider-horizontal .ui-slider-handle {
  top: 50%px;
  margin-top: -6px;
  margin-left: -11px;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.filter .ui-widget-content {
  background: #83dbfe;
  background: -moz-linear-gradient(top, #83dbfe 0%, #0eafea 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #83dbfe), color-stop(100%, #0eafea));
  background: -webkit-linear-gradient(top, #83dbfe 0%, #0eafea 100%);
  background: -o-linear-gradient(top, #83dbfe 0%, #0eafea 100%);
  background: -ms-linear-gradient(top, #83dbfe 0%, #0eafea 100%);
  background: linear-gradient(to bottom, #83dbfe 0%, #0eafea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#83dbfe', endColorstr='#0eafea', GradientType=0);
}
.filter .ui-widget-header {
  background: #059fd5;
}
.range {
  margin-bottom: 20px;
}
.range-inputs{
	margin-bottom: 20px;
}
.range-inputs span {
  display: inline-block;
  font-size: 14px;
  margin: 0 3px;
  line-height: 39px;
  color: #2B2B2B;
  font-weight: 300;
}
.range-inputs span:first-child {
  margin-left: 0;
}
.range-inputs input {
  width: 90px;
  padding: 5px;
  height: 39px;  
  border: 1px solid #C0C4C7;
  text-align: center;
  line-height: 27px;
  font-size: 16px;
}
.inputs input{
	width: 60px;
}

.select-type{
	margin-bottom: 15px;
}

.select-type .item{
	text-align: center;
}

.select-type input{
	display: none;
	opacity: 0;
}

.select-type label{
	display: block;
	position: relative;
	text-align: center;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 300;
	padding-top: 30px;
}

.not-mobile .select-type label:hover{
	font-weight: 500;
}

.select-type label:after{
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	background: url(../img/icons.png) no-repeat;
}

.type-1 label:after{
	width: 61px;
	height: 19px;
	background: url(../img/icons.png) 0 -93px no-repeat;
	margin-left: -30px;
}

.item input:checked + label{
	font-weight: bold;
}

.type-1 input:checked + label:after,
.not-mobile .type-1 label:hover:after{
	background-position: 0 -114px;
}

.type-2 label:after{
	width: 58px;
	height: 19px;
	background: url(../img/icons.png) -64px -87px no-repeat;
	margin-left: -29px;
}

.type-2 input:checked + label:after,
.not-mobile .type-2 label:hover:after{
	background-position: -64px -108px;
}

.type-3 label:after{
	width: 46px;
	height: 21px;
	background: url(../img/icons.png) 0 -138px no-repeat;
	margin-left: -23px;
}

.type-3 input:checked + label:after,
.not-mobile .type-3 label:hover:after{
	background-position: 0 -162px;
}

.type-4 label:after{
	width: 50px;
	height: 28px;
	background: url(../img/icons.png) -49px -135px no-repeat;
	margin-left: -25px;
}

.type-4 input:checked + label:after,
.not-mobile .type-4 label:hover:after{
	background-position: -100px -135px;
}

.type-5 label:after{
	width: 60px;
	height: 17px;
	background: url(../img/icons.png) -48px -165px no-repeat;
	margin-left: -30px;
}

.type-5 input:checked + label:after,
.not-mobile .type-5 label:hover:after{
	background-position: 0 -186px;
}

.type-6 label:after{
	width: 63px;
	height: 18px;
	background: url(../img/icons.png) -63px -185px no-repeat;
	margin-left: -31px;
}

.type-6 input:checked + label:after,
.not-mobile .type-6 label:hover:after{
	background-position: 0 -208px;
}

.type-7 label:after{
	width: 61px;
	height: 21px;
	background: url(../img/icons.png) -66px -205px no-repeat;
	margin-left: -30px;
}

.type-7 input:checked + label:after,
.not-mobile .type-7 label:hover:after{
	background-position: 0 -229px;
}

.type-8 label:after{
	width: 66px;
	height: 21px;
	background: url(../img/icons.png) -64px -229px no-repeat;
	margin-left: -33px;
}

.type-8 input:checked + label:after,
.not-mobile .type-8 label:hover:after{
	background-position: 0 -253px;
}

.type-9 label:after{
	width: 64px;
	height: 27px;
	background: url(../img/icons.png) -69px -254px no-repeat;
	margin-left: -32px;
}

.type-9 input:checked + label:after,
.not-mobile .type-9 label:hover:after{
	background-position: 0 -277px;
}

.drop-row{
	font-weight: 0;
	padding-bottom: 5px;
}

.drop-row .item{
	display: inline-block;
	vertical-align: top;
	width: 19%;
}

.select-wrap h4{
	font-size: 15px;
	font-weight: 500;
}

.select-wrap .inner{
	padding-left: 20px;
}
/*******/

.ch-line input:disabled + label:after{
 background: #c3c5cd;
}
.ch-line input:disabled + label:before{
 opacity: 1;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RTZCQjM4QUNGQjExRTdCOERFQjI1NkVEREVBMjA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RTZCQjM5QUNGQjExRTdCOERFQjI1NkVEREVBMjA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhFNkJCMzZBQ0ZCMTFFN0I4REVCMjU2RURERUEyMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhFNkJCMzdBQ0ZCMTFFN0I4REVCMjU2RURERUEyMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ciDFbAAAAjklEQVR42mL8//8/A4kgEIxBGknAgUD8E4gPkaLJD6oJhMPJ0gT2HpAQJaDJG0lTLEwcRBwF4vl4NP1G1wTTeAKIv2DR7AHVBMIJ6IaCCEUgfoqmGa8mmEZkzZ+BeDvUaSBNybj8jsyRA+JHQPwNiH8BcRq+QEMXAGm+D8SZhKKIEUuS4wTi74TSHUCAAQAM+8vm6FMenAAAAABJRU5ErkJggg==') center center no-repeat;
}

.ch-line input:checked + label:before{
 opacity: 1;
 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RTZCQjM4QUNGQjExRTdCOERFQjI1NkVEREVBMjA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RTZCQjM5QUNGQjExRTdCOERFQjI1NkVEREVBMjA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhFNkJCMzZBQ0ZCMTFFN0I4REVCMjU2RURERUEyMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhFNkJCMzdBQ0ZCMTFFN0I4REVCMjU2RURERUEyMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6ciDFbAAAAjklEQVR42mL8//8/A4kgEIxBGknAgUD8E4gPkaLJD6oJhMPJ0gT2HpAQJaDJG0lTLEwcRBwF4vl4NP1G1wTTeAKIv2DR7AHVBMIJ6IaCCEUgfoqmGa8mmEZkzZ+BeDvUaSBNybj8jsyRA+JHQPwNiH8BcRq+QEMXAGm+D8SZhKKIEUuS4wTi74TSHUCAAQAM+8vm6FMenAAAAABJRU5ErkJggg==') center center no-repeat;
}
.ch-line input:checked + label:after{
 background: #ed203b; 
 border-color: #ed203b;
}
#map {
            width: 100%; height: 600px; padding: 0; margin: 0;
}
.img_sort{
	width:100px;
	height:100px;
	border: 1px solid #6c6d6d;
	margin:3px;
}
.img_sort img{
	width:100%;
}
.img_sort span.position{
	display:block;
	float:left;
	width:20px;
	height:20px;
	color:#fff;
	background:#357d09;
	text-align:center;
}
.img_sort span.delete_image{
	display:block;
	float:right;
	width:20px;
	height:20px;
	color:#fff;
	background:#f20808;
	text-align:center;
	cursor:pointer;
}

span.delete_car{
	display:block;
	float:right;
	width:20px;
	height:20px;
	color:#fff;
	background:#f20808;
	text-align:center;
	cursor:pointer;
}

span.archive_car{
	display:block;
	float:left;
	width:20px;
	height:20px;
	color:#fff;
	background:black;
	text-align:center;
	cursor:pointer;
}

span.no_archive_car{
	display:block;
	float:left;
	width:20px;
	height:20px;
	color:#fff;
	background:black;
	text-align:center;
	cursor:pointer;
}

span.delete_carmodel{
	display:block;
	float:right;
	width:20px;
	height:20px;
	color:#fff;
	background:#f20808;
	text-align:center;
	cursor:pointer;
}
.year{
	position:absolute;
	right:10px;
	padding:3px;
	
	background:#848484;
	z-index:9999;
}

.year p{
	color:#fff;
	    line-height: 20px;
}

.new{
	margin:5px;
	padding:3px;
	font-size:10px;
	line-height:8px;
	background:#63d80d;
	z-index:9999;
}

.line-left{
	border-right: 1px solid #E5374E;
}
/*------------------------------------*\
	НАВИГАЦИЯ
\*------------------------------------*/
#personal-nav{
	float:left;
	width:100%;
	list-style:none;
	font-weight:bold;
	margin-bottom:10px;
}
#personal-nav li{
	float:left;
	margin-right:10px;
	position:relative;
	display:block;
}
#personal-nav li a{
	display:block;
	padding:5px;
	color:#fff;
	background:#333;
	text-decoration:none;
	
	text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}
#personal-nav li a:hover{
	color:#fff;
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#personal-nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Скрываем за экраном, когда не нужно (данный метод лучше, чем display:none;) */
	opacity:0; /* Устанавливаем начальное состояние прозрачности */
	-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#personal-nav ul li{
	padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
	float:none;
	background:url(dot.gif);
}
#personal-nav ul a{
	white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
	display:block;
}
#personal-nav li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
	left:0; /* Приносим его обратно на экран, когда нужно */
	opacity:1; /* Делаем непрозрачным */
}
#personal-nav li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
	background:#6b0c36;
	background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
	text-decoration:underline;
}
#personal-nav li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
	text-decoration:none;
	-webkit-transition:-webkit-transform 0.075s linear;
}
#personal-nav li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
	background:#333;
	background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
	text-decoration:underline;
	-moz-transform:scale(1.05);
	-webkit-transform:scale(1.05);
}
.dogovor{
	height:300px;
	border:1px solid #333;
	pdding:10px;
	overflow:auto;
}

.catalog {
    z-index: 10;
}
@media (-webkit-device-pixel-ratio: 1.5){
 .main{padding-left: 50px;}
}
@media (-moz-device-pixel-ratio: 1.5){
 .main{padding-left: 50px;}
}
@media (min--moz-device-pixel-ratio: 1.5){
 .main{padding-left: 50px;}
}



.main{	
	padding-left: 100px;
	padding-right: 100px;
}

.main .container{
	max-width: 100%;
}

.footer{
	padding-left: 100px;
	padding-right: 100px;
}

@media (max-width: 991px){
	.main{	
		padding-left: 0px;
		padding-right: 0px;
	}
}

.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.note-group-select-from-files {
  display: none;
}

.tooltip-inner {
    max-width: 350px;
    width: 350px; 
}

.small{
	width:auto;
	height:30px;
	overflow:hidden;
}


.wrapper1, .wrapper2 { width: 100%; overflow-x: scroll; overflow-y: hidden; }
.wrapper1 { height: 20px; }
.wrapper2 {}
.div1 { height: 20px; }
.div2 { overflow: none; }