@font-face {
  font-family: 'OB';  
  src: url('./fonts/OpenSans-Bold.ttf');
  font-display:swap;
}
@font-face {
  font-family: 'OSB';  
  src: url('./fonts/OpenSans-SemiBold.ttf');  
  font-display:swap;
}
@font-face {
  font-family: 'OEB';  
  src: url('./fonts/OpenSans-ExtraBold.ttf');
	font-display:swap;  
}
@font-face {
  font-family: 'OL';  
  src: url('./fonts/OpenSans-Light.ttf');
  font-display:swap;
}
@font-face {
  font-family: 'OM';  
  src: url('./fonts/OpenSans-Medium.ttf');
  font-display:swap;  
}
@font-face {
  font-family: 'OR';  
  src: url('./fonts/OpenSans-Regular.ttf');  
  font-display:swap;
}

body{/*background:url(img/1.jpg) top center no-repeat;background-size: 100%;*/
	height:100%;
	margin:0;
	padding:0;		
	font-size:16px;
	font-family: 'OR', sans-serif;
	color: #323237;
	
	/*height:4000px;*/
}
form {
	margin:0; 
	padding:0;
}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}
audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
a,input{
    outline: none;
}
:focus, :active {
    outline: none;
}
a{
	/*color:#530000;*/
	text-decoration:none;
	transition:0.5s;
}
a:hover{	
	text-decoration:underline;
	color:#850b0b;
}
h2 {
	/*font-size: 34px;
	font-style: normal;
	font-weight: bold;
	font-family: 'OB', sans-serif;*/
	font-size: 30px;
	font-weight: normal;
	font-family: 'OSB', sans-serif;
	line-height: normal;
	letter-spacing: 0.34px;
	margin-bottom: 30px;
	text-align: left;	
	color: #494949;
}
h3{
	font-size: 20px;
	font-family: 'OSB', sans-serif;
	padding-bottom: 5px;
	color: #494949;
	letter-spacing: 0.34px;
	line-height: normal;
	margin-bottom:0;
}
#panel{/*display:none;position:fixed;left:0;right:0;top:0;z-index:100;*/}
main {
	padding-bottom: 40px;
}
.clr,.clear{
	clear:both;
}
.wrap {
  width: 90%;
  margin: 0 auto;
}
.popup{
	display:none;
	position: fixed;
	top: 10%;
	left: 50%;
	width: 400px;
	margin-left: -230px;
	background: #fff;
	max-height: 80%;
	overflow: hidden;
	overflow-y: aito;
	padding: 0 30px;
	z-index: 260;
	max-height: 90%;
	overflow: hidden;
	overflow-y: auto;
}
.pophead {
	font-size: 24px;
	line-height: 32px;
	font-family: 'OSB', sans-serif;
	padding: 20px 0 0 0;
}
.popbody {
	padding: 0 0 20px 0;
}
.popclose {
	top: 14px;
	right: 14px;
	position: absolute;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTQgLjdsLS43LS43TDcgNi4zLjcgMCAwIC43IDYuMyA3IDAgMTMuM2wuNy43TDcgNy43bDYuMyA2LjMuNy0uN0w3LjcgN3oiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==) 50% no-repeat;
	opacity: 0.5;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-size: 100%;
}
.popbg{
	display:none;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	z-index:250;
}
.gpopname {
	padding: 20px 0;
	line-height: 25px;
}
.gdelay .pophead,.gdelay .gpopname {
  text-align: center;
}


/*Buttons*/
.btn{
	font-family: 'OSB', sans-serif;
	border-radius: 32px;
	background: #FFF;
	outline: 0;
	padding: 8px 20px;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.12px;
	text-transform: uppercase;
	transition: color 0.2s linear, background-color 0.2s linear;
	cursor:pointer;
	/*letter-spacing: 1px;*/
}
.btn:hover{
	border: 1px solid #850b0b;
	background:#850b0b;
	text-decoration:none;
}
.btn.white{
	background:transparent;
	border: 1px solid;
	/*padding: 11px 21px 10px;*/
}
.btn.white:hover{
	
}
.btn.red{
	background:transparent;
	border: 1px solid;
	padding: 11px 21px 10px;
}
.btn.red:hover{
	
}
.btn.bleck{
	
}
/*End Buttons*/
/*Titles*/
.pagetitle {
	margin: 0;
	padding: /*2*/5px 0 25px 0;
	/*font-size: 30px;
	font-weight: normal;
	font-family: 'OSB', sans-serif;*/
	font-size: 34px;
	font-style: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.34px;
	/*margin-bottom: 30px;*/
	text-align: left;
	font-family: 'OB', sans-serif;
	color: #494949;
}
.btwrap{
	margin: 43px 0;
	font-family: 'OM', sans-serif;	
}
.blocktitle{
	display:inline-block;
	margin:0;
	font-size: 48px;
	line-height: 1.1;
	font-family: 'OSB', sans-serif;
	padding-bottom: 0;
	margin: 0;
	font-weight: 400;
}
.btall{
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	text-decoration: none;
	margin-left: 20px;
}
.btall:hover{
	text-decoration: none;
}
.bnext{
	display: inline-block;
	text-decoration: none;
	padding: 8px 16px;
	color: #3B3B3B;
	line-height: 24px;
	font-weight: 600;
	margin-top:20px;
}
.bnext span {
  color: #3B3B3B;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  
}
.bnext:hover{
	background: #F7F8FB;
	text-decoration: none;
	background: #fff;
}
.bnext svg {
  margin-left: 8px;vertical-align: middle
}
.block-description {
	color: #3B3B3B;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
.block-description.grey{
	color: #7D8386;
	text-align:center;
	margin-bottom:30px;
}
/*End Titles*/
/*Top Menu*/
.tophead{
}
.topmenu a:hover,.topmenu a.selected{
}
.soclink path{
}
.soclink:hover path{
}
.hspsoc path{
}
.hspsoc .soclink:hover path {
}
/*End Top Menu*/
/*Head*/
.hlogo path {
}
.hlogo:hover path {
}
.hcompname span{}
.hcompname b{
	font-family: 'OM', sans-serif;
}
.headphone{
	font-family: 'ORB', sans-serif;
}
.hcart path {
}
.hcart:hover path{
}
.hsearch path {
}
.hsearch:hover path {
}
.headphone path {
	transition:0.5s;
}
.headphone a:hover path {
}
.hspphone path {
	transition:0.5s;
}
.hspphone a:hover path{
}
.headphone a:hover{
}
.hspphone a:hover{
}
.smcall svg path {
}
.hspsoc .soclink path {
}
.fsoc .soclink path {
}
.soclink:hover path,.hspsoc .soclink:hover path{
}
.mainmenu{
	font-family: 'OSB', sans-serif;
}
.mmparent:hover > a,.mmparent a.act,.mmsub li a:hover{
}
.mmparent > a:after{
}
header.fix{
}

.mainmenu .mmsub{
	font-family: 'OSB', sans-serif;
}
.mainmenu{
	font-family: 'OB', sans-serif;
}
.hmenutit{
	font-family: 'OM', sans-serif;
}
.hspstit{
	font-family: 'OM', sans-serif;
}
.hspphone{	
	font-family: 'OSB', sans-serif; 
}
.headphone a:hover{	
}
/*End Head*/
/*Search Title*/
.bx_item_block.all_result {
}
.bx_item_block.all_result:hover {
}
.bx_item_block.others_result:hover{
}
/*End Search Title*/
/*Slider*/
#mslidarea .owl-dots .owl-dot:hover,#mslidarea .owl-dots .owl-dot.active:hover{
}
#mslidarea .owl-dots .owl-dot.active{
}
#mslidarea .owl-nav button:hover{
}
/*End Slider*/
/*Main Brands*/
.mbri:hover 
}
.mbrend .owl-carousel .owl-nav button.owl-prev:hover,
.mbrend .owl-carousel .owl-nav button.owl-next:hover{
}
/*End Main Brands*/
/*Floor Type */
.mtypeiwrap {
	/*margin: -10px 0 0 0;*/
}
/*End Floor Type */
/*Catalog*/

.filter path{}
.filter .bx-ui-slider-track{}
.filter .bx-ui-slider-pricebar-vd{}
.filter .bx-ui-slider-pricebar-vn{}
.filter .bx-ui-slider-pricebar-v {}
.filter .bx-ui-slider-part {}
.filter .bx-ui-slider-handle {}
.filter .bx-ui-slider-handle:after{}
.filter .bx-filter-input-container input:focus {}
.bx-filter-param-label.bx-active .bx-filter-btn-color-icon{}
.sortarea a{
	font-family: 'OSB', sans-serif; 
}
.sortarea a.act,.sortarea a:hover{
}
.sortarea a.act path{
}
.gitname{
	font-family: 'OB', sans-serif;
}
.gitprice{
	font-family: 'OSB', sans-serif;
}
.gitprval{
	font-family: 'OSB', sans-serif;
}
.gdzoom:hover{	
}
.gdzoom path{
}
.gdpricelb{
}
.gdprice{
	font-family: 'OSB', sans-serif;
}
.gdpricemeas{
	font-family: 'OR', sans-serif;
}
.gdbaseprice{
	
}
.gdtotal {
	font-family: 'OSB', sans-serif;
}
.gdtotab{
	font-family: 'OSB', sans-serif;
}
.tabhit:after{
}
.sectcarousel.owl-carousel .owl-nav button.owl-prev:hover, .sectcarousel.owl-carousel .owl-nav button.owl-next:hover {
}
.gdgallprev.owl-carousel .owl-nav button.owl-prev:hover, .gdgallprev.owl-carousel .owl-nav button.owl-next:hover {
}
.gddownicon:hover{
}
/*End Catalog*/
/*MainCat Tabs*/
#mcatlist {
	padding: 25px 0 0 0;
}
#mcatlist .btwrap {
	margin: 43px 0 18px 0;
}
.maincatdescr {
	font-size: 17px;
	margin: 0 0px 30px 0;
	
}
.mtabitem {
	display: inline-block;
	padding: 6px 0 17px 0;
	color: #4a4a4f;
	text-decoration: none;
	/*border-bottom: 2px solid transparent;*/
	font-family: 'OB', sans-serif;
	font-size: 15px;
	margin-right: 34px;
	cursor:pointer;
	position:relative;
}
.mtabitem:after {
  transition: width .2s ease-in-out;
  width: 0;
  content: '';
  display: block;
  position: absolute;
  height: 2px;
  left: 0;
  bottom: 0;
}
.mtabitem:hover:after,.mtabitem.act:after{
	width: 100%;
}
.mtabitem.act,.mtabitem:hover{
}
.mtabbody {
  display: none;
}
/*End MainCat Tabs*/
/*Main About*/
#mainabout{
	padding-top: 10px;
	padding-bottom: 60px;
	background: #F7F8FB;
	margin: 40px 0;
}
.madescr{
	font-family: 'OSB', sans-serif;
}
.masname{
	/*font-family: 'OSB', sans-serif;*/
}
.masubtit{
	font-family: 'OB', sans-serif;
}
.masicon{
	box-shadow: 8px -8px 0px rgba(172,28,28,0.44);
}
.maimg{
	border-radius: 32px;
	overflow:hidden;
	margin:30px 0;
	/*height: 678px;*/
}
.maimg img{
	display:block;
	width:100%;
}
.mastat{
	display: grid;
	justify-content: center;
	column-gap: 24px;
	grid-template-columns: 244px 244px 244px 244px;
	grid-template-rows: 1fr;
	
}
.masitem{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
}
.masnumber{
	font-family: 'OB', sans-serif;
	font-size: 46px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.46px;
	margin-bottom: 3px;
	color: #7D8386;
}
.masdescr{
	font-size: 18px;
	color:#7D8386;
}
/*End Main About*/
/*Main Reviews*/
#mainreviews{
	margin: 40px 0;
}
/*End Main Blog*/
/*Main Reviews*/
#mainblog{
	margin: 40px 0;
}
/*End Main Blog*/
/*Main Faq*/
#mfaq{
	margin: 40px 0 20px;
}
/*End Main Faq*/
#mbrands {
  margin: 0 0 40px 0;
}
/*Main MAP*/
#maincont{margin-bottom:/*-4*/0px;}
#maincont .btwrap {
	margin: 28px 0 36px 0;
}
/*End MAP*/
/*Cart*/
.cartheader{
}
/*End Cart*/
/*Breadcrums*/
.breadarr path,.breadit-link path{
}
/*End Breadcrums*/
/*SHOPS*/
.spropval{
	font-family: 'OSB', sans-serif;
}
.shopname{
}
/*End SHOPS*/
/*Search Page*/
.search-result-count{
	font-family: 'OSB', sans-serif;
}
.search-result-count b{
}
/*End Search Page*/
/*Footer*/
footer{
}
.foothead{
	
}
.foothead .wrap{
	display: flex;
	justify-content: space-between;	
}
.flogo{
	/*width:14%;*/
}
.flogo img{
	display:block;
	height: 72px;
	margin: 16px 0 0 0;
}
.flogo svg{
	display:block;
	height: 70px;
	margin: 11px 0 0 0;
}
.flogo path{
}
.fsoc{
	display: flex;
	justify-content: /*right*/start;
	padding: /*33px 3%*/30px 0;
	/*width: 58%;*/
	justify-content: start;
	align-items: center;
}
.fsoc .soclink{
	margin-left: 6px;
}
.fsoc > div {
	display: flex;
	justify-content: right;
	justify-content: start;
	align-items: center;
}
.fsoc .soclink svg {
  width: 35px;
  height: 35px;
  display: block;
}
.fsoc .soclink path{
}
.fsoc .soclink:hover path{
}
.foothead .fcontform {
	width: 25%;
	text-align: right;
	padding: 29px 0 20px 20px;
}
.footcont .fcontform{
	width:100%;
	padding:0;
	
}
.foothead {
	width: 34%;
}
.foothead .ascquest{
	float:none;
	margin: 30px 0 0 0;max-width: 150px;
}
.footcont .fcontform {
	margin-bottom: 20px;
	display:none;
}
.footcont .fcontform .ascquest{
	/*max-width: none;*/
	float: none;
	display: flex;
	align-items: center;
	gap: 8px;
	justify-content: space-around;
}
.footcont .fcontform .ascquest svg{
	position:static;
}
.fcontform .btn{
	position:relative;
}
.fcontform .btn,.ascquest{
	display:flex;
	align-items:center;
	gap:8px;
	justify-content:space-around;
} 
.fcontform .btn svg, .ascquest svg{
	width: 20px;
	height: 20px;
	
}
.fcontform .btn.white{
	padding: 12px 21px 11px 50px;
	color: #000;
}
.fcontform .btn.white:hover{
	color:#fff;
}
.fcontform .btn.white:hover svg,#ascquest.white:hover svg{
	fill:#fff;
}
.footbody{
	padding: 42px 0;
}
.footbody .wrap{
	display: flex;
	justify-content: space-between;
}
.fmenu{
	width: 25%;
}
.fmenu.cat{
	width: 52%;
}
.fmenutit{
	font-family: 'OB', sans-serif;
	font-size: 17px;
	/*letter-spacing: -1.5px;*/
	padding: 0 0 15px 0;
}
.fmenu ul{
	margin: 0 0 0 0;
	padding: 0;
}
.fmenu li{
	display: block;
	font-size: 15px;
	margin: 0 0 12px 0;
}
.fmenu a{
	display: block;
	color: #4a4a4f;
}
.fmenu a:hover{
	text-decoration:none;
}
.footcont{
	width: 24%;
}
.fcontitem{
	display: block;
	text-decoration: none;
	color: #4a4a4f;
	font-family: 'OL', sans-serif;
	position: relative;
	padding: 0 0px 17px 30px;	
}
.fcontitem b{
	font-size: 17px;
	font-family: 'OSB', sans-serif;
}
.footcont svg{
	width: 20px;
	height: 23px;
	top: 1px;
	position: absolute;
	left: 0;
}
.footcont path{
}
.fbottom{
	border-top:1px solid #e1e1e6;
}
.fbottom .wrap{
	display:flex;
	justify-content:space-between;
	padding:16px 0;
	font-size:14px;
	font-family: 'OL', sans-serif;
}
.footpolicy .wrap{
	/*border-top: 1px solid #e1e1e6;*/
	display:flex;
	justify-content:space-between;
	padding:16px 0;
	font-size:14px;
	font-family: 'OL', sans-serif;
}
.footpolicy .wrap>div{
	display:flex;
	justify-content:space-between;
	width: 100%;
}
.footpolicy a{
	color: #4a4a4f;
}
.footpolicy a:hover{
	text-decoration:none;
}
.fcopy{
	
}
.fdev{
	
}
/*End Footer*/
/*INPUTS*/
.customCheckbox{
	width: 16px;
	height: 16px;
	border: 2px solid #850b0b;
	display: block;
	border-radius: 2px;
	position:relative;
}
.customCheckbox.checkboxAreaChecked:before {
	content: "\2713";
	line-height: 17px;
	position: absolute;
	font-weight: bold;
	color: #850b0b;
	width: 100%;
	height: 100%;
	text-align: center;
	top: -2px;
	left: 0px;
	font-size: 19px;
}
.bx-filter-input-checkbox .outtaHere{
	
}
input.field,textarea.field{
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 22px;
	color: #4a4a4f;
	background: /*#f8f8fa*/#fff;
	border: 1px solid #e0e0e0;
	border-radius: 0;
	padding: 8px 0;
	text-indent: 15px;
	display:block;
	width:100%;
}
input.field:focus,textarea.field:focus {
	border-color: #850b0b;
}
input.field[type="checkbox"] {
	width: auto;
}
.buttonsarea{
	/*padding: 15px 0 0 0;*/
}
.fieldarea {
	padding: 0 0 15px 0;
}
.fieldlabel {
	font-family: 'OM', sans-serif;
	padding: 0 0 5px 0;
	font-size: 13px;
}
.fieldreq {
	color: red;
}
.orderform{
	padding:0 0 40px 0;
}
.orderform .buttonsarea{
	padding: 15px 0 0 0;
	text-align:right;
}
/*END INPUTS*/
/*ОТСТУПЫ*/
.mt-48 {
  margin-top: 48px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-24{
	margin-bottom: 24px;
}
/*END ОТСТУПЫ*/
/*CONTENT*/
.contentarea{
	display: flex;
	justify-content: space-between;
}
.leftcoll{
	width: 25%;
}
.content{
	width: 75%;
}
/*END CONTENT*/
/*REKVIZITI*/
.requisites-files{
	
}
.requisites-files .item__file{
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	margin-top: 0px;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #F7F8FB;
	background: #FFF;
}
.requisites-files .file__icon{
	width: 56px;
	height: 56px;
	margin-right: 8px;
}
.requisites-files .file__link{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.requisites-files .file__info{
	display: flex;
	flex-direction: column;
	width: 100%;
}
.requisites-files .file__name{
	color: #3F3F3F;
	font-size: 16px;
	font-family: 'OB', sans-serif;
	line-height: 20px;
	margin-bottom: 10px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.file__size{
	color: rgba(0, 0, 0, 0.40);
	font-size: 11px;
	font-family: 'OM', sans-serif;
	line-height: 11px;
}
.requisites-files .file__link:hover + .file__info .file__name{
	color: #067241;
}
.requisites{
	margin-bottom: 120px;
  display: flex;
  flex-direction: column;
}
.requisites__item:nth-child(2n-1) {
	background: rgba(0, 0, 0, 0.01);
}
.requisites__item{
	flex-direction: row;
    display: flex;
	padding: 8px 16px;
}
.item__name{
	color: #3B3B3B;
	font-family: 'OB', sans-serif;
	font-size: 16px;
	line-height: 24px;
	min-width: 330px;
    max-width: 330px;
}
.item__value{
	color: #3B3B3B;
	font-family: 'OR', sans-serif;
	font-size: 16px;
	line-height: 22px;
}
/*END REKVIZITI*/
/*VACANCIES*/
.vacancies-banner {
	display: flex;
	flex-direction: row;
	margin-bottom: 48px;
}
.vacancies-banner .vacancies-banner__info-contaner {
	display: flex;
	flex-direction: column;
	padding: 32px 40px;
	border: 1px solid #D4D4D4;
	background: #F7F8FB;
}
.vacancies-banner .vacancies-banner__info-contaner .info-contaner__data {
	display: flex;
	flex-direction: row;
	margin-bottom: 24px;
	justify-content: space-between;
}
.vacancies-banner .info-contaner__data .data__item:not(:last-child) {
	margin-bottom: 8px;
}
.vacancies-banner .info-contaner__data .data__item {
	display: flex;
	flex-direction: column;
}
.vacancies-banner .data__item label {
	color: #494949;
	font-size: 14px;
	line-height: normal;
	letter-spacing: 0.14px;
	opacity: 0.5;
	margin-bottom: 4px;
}
.vacancies-banner .data__item a {
	color: #494949;
	font-size: 16px;
	line-height: normal;
	letter-spacing: 0.16px;
	text-decoration: none;
}
.vacancies-banner .info-contaner__additional-info {
	display: flex;
	flex-direction: column;
}
.vacancies-banner .vacancies-banner__media-btn {
	padding: 24px;
	background: #008066;
	display: flex;
	flex-direction: column;
	min-width: 270px;
}
  .vacancies-banner .vacancies-banner__media-btn > svg {
    margin-bottom: 16px;
}
.vacancies-banner .vacancies-banner__media-btn img {
    display: flex;
    margin-bottom: 24px;
}
.vacancies-banner .vacancies-banner__media-btn a {
	border-radius: 32px;
	border: 1px solid #067241;
	background: #FFF;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	padding: 16px 40px;
	text-decoration: none;
	
}
.vacancies-banner .vacancies-banner__media-btn a svg {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}

/*END VACANCIES*/
/*END CONTACTS*/
.contacts .contacts__data label {
  margin-bottom: 8px;
  color: #7D8386;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.14px;
  display:block;
}
.contacts .contacts__text p {
  margin-top: 0px;
  color: #3B3B3B;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.cmaplinksbody .contacts{
	
}

.contacts p{
	margin-top:0;
}
/*END CONTACTS*/
#catdescr{
	padding: 30px 0;
	border-top: 1px solid #e1e1e6;
	border-bottom: 1px solid #e1e1e6;
	margin-top: 30px;
}





.err404area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; 
  text-align: center;
  
}
.err404 {
  width: 100%;
  font-size: 150px;
  font-weight: bold;
  color:#067241
}
.err404title {
  font-size: 30px;
  width: 100%;
  margin: 0 0 20px 0;
}
.err404text {
  width: 100%;
  margin: 0 0 20px 0;
  color: #888;
}