.vndrs {font-size:0; text-align:center;}
.vndrs > a {display:inline-block; text-align:center; position:relative; height:99px; width:156px; height:144px; padding:12px 0 0; border:2px solid #e5e5e5; font-size:16px; font-weight:600; color:#202020; margin:0 28px 28px 0;}
.vndrs > a:nth-child(6n+6) {margin-right:0;}
.vndrs img {margin:0 auto; max-width:none !important; margin-bottom:10px; display:block;}
.vndrs > a:hover {border-color:#0363d8; color:#0363d8; box-shadow:0 0 20px #888;}

#texno {background:#f8f8f8; padding:3% 2.5%; margin:30px 0; font-size:0;}
#texno .head {font-size:30px; margin:0 0 20px;}
#texno label {display:inline-block; width:245px; padding:7px 5px 7px 10px; box-sizing:border-box; font-size:16px; cursor:pointer; text-align:left;}
#texno label:before {content:''; display:inline-block; height:11px; width:11px; box-sizing:border-box; border:1px solid #ccc; border-radius:6px; margin-right:20px;}
#texno label.active {color:#0363d8;}
#texno label.active:before {background:#0363d8; border-color:#0363d8;}
#texno .tc {margin-top:30px;}
select {width:275px; height:38px; line-height:38px; border:1px solid #ddd; font:16px 'Avenir Next Cyr'; color:#888;}
.yellow {margin:12px auto 60px;}
.yellow .btn {font-size:20px; box-shadow:0 2px 5px #bbb;}



@media (max-width:1099px) {
	.vndrs > a {margin:10px !important;}
	#texno label {width:33%;}
}
@media (max-width:768px) {
	#texno label {width:50%;}
}
@media (max-width:550px) {
	#texno {text-align:center;} 
	#texno label {width:245px;}
}
@media (max-width:480px) {.yellow .btn {font-size:14px;}}