/*
Module IOSRT Vehicles by Is Open Source / Ioannis Sannos
https://www.isopensource.com
*/
.mirtv_wrap { margin:20px 0; display:flex; flex-direction: row; flex-wrap: wrap; width: 100%; justify-content: space-between; }
figure.mirtv_fig { flex:1 1 320px; max-width:420px; margin:0 30px 30px 0; padding:0; border:1px solid #CCCCCC; background: #FFFFFF; position: relative; box-sizing: border-box; min-width: 0; }

figure.mirtv_fig a { display:block; text-decoration: none; border:none; }
figure.mirtv_fig img { width:100%; height:auto; border:none; }
figure.mirtv_fig:hover img { filter:brightness(1.2); }
figure.mirtv_fig figcaption {
	display:block; text-align:center; font: bold 17px/22px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color:#444444; text-transform: uppercase; margin:0;
}
figure.mirtv_figbpad { padding-bottom:40px; }
.mirtv_minprice {
	margin: 5px 0 10px 0; padding: 0; box-sizing: border-box; font: normal 15px/20px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color: #666666; text-align: center;
}
.mirtv_minprice span { font: bold 17px/20px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color: #2583d1; }
.mirtv_categories {
	position: absolute; left: 0; bottom: 0; z-index: 2; height: 37px; width: 100%; overflow: hidden; text-overflow: ellipsis;
	background:#FBFBFB; border-top: 1px solid #CCCCCC; padding:10px; text-align:left;
	font: normal 13px/17px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color: #888888; box-sizing: border-box;
}
.mirtv_features {
	border-top: 1px solid #DDDDDD; padding:0; font: normal 13px/17px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color: #AAAAAA; box-sizing: border-box;
}
.mirtv_features_in { display: flex; flex-direction: row; flex-wrap: nowrap; box-sizing: border-box; }
.mirtv_features_in div {
	flex:1 1 25%; text-align: center; border-right: 1px solid #DDDDDD; padding: 8px 5px; background: #FBFBFB;
	font: normal 14px/20px Tahoma, Arial, sans-serif; color: #888888; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mirtv_features_in div:last-child { border-right:none; }
.mirtv_features_in div:hover { background: #222222; color: #FFFFFF; }
.mirtv_features_in div img { width:20px; height:20px; border:none; vertical-align: middle; }

.mirtv_morewrap { text-align:center; margin:15px auto; }
a.mirtv_more, a.mirtv_more:link, a.mirtv_more:visited, a.mirtv_more:hover {
	display:inline-block; margin:0; padding:8px 20px; background: #22a7f0; border:none; text-decoration: none;
	font: bold 14px/18px "Roboto", "Open Sans", Helvetica, Arial, sans-serif; color: #FFFFFF; text-transform: uppercase;
}
a.mirtv_more:hover { background: #222222; }
div.mirtv_ribbon {
	margin:0; padding:0; height:21px; box-sizing: border-box; border:none; background:none; z-index:2;
	font: normal 15px/15px "Roboto", Helvetica, Arial, sans-serif; font-weight:400; color:#272727;
	position:absolute; top:0; right:0; display:inline-block; width:auto; word-wrap: nowrap; overflow:hidden;
}
div.mirtv_ribbonin { margin:0; padding:0; position:relative; }
div.mirtv_ribboncorner {
	margin:0; padding:0; width:60px; height:21px; position: absolute; left:0; top:0;
	-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
div.mirtv_ribbontext {
	margin:0 0 0 30px; padding:3px 8px 3px 25px; font: normal 15px/15px "Roboto", Helvetica, Arial, sans-serif; font-weight:400; color:#272727; 
}
div.mirtv_ribbon_blue { background: #1998DA; color:#FFFFFF; }
div.mirtv_ribbon_green { background: #68895A; color:#FFFFFF; }
div.mirtv_ribbon_gray { background: #888888; color:#FFFFFF; }
div.mirtv_ribbon_green { background: #68895A; color:#FFFFFF; }
div.mirtv_ribbon_orange { background: #E86C1A; color:#FFFFFF; }
div.mirtv_ribbon_yellow { background: #E8BF1A; color: #272727; }
div.mirtv_ribbon_purple { background: #9C6CEB; color:#FFFFFF; }
div.mirtv_ribbon_red { background: #DC2929; color:#FFFFFF; }

@media only screen and (max-width:650px) {
	figure.mirtv_fig { max-width:100%; margin:0 0 30px 0; }
}