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

..######.....###....########...#######..##.....##..######..########.##..........########..####.##.....##
.##....##...##.##...##.....##.##.....##.##.....##.##....##.##.......##..........##.....##..##...##...##.
.##........##...##..##.....##.##.....##.##.....##.##.......##.......##..........##.....##..##....##.##..
.##.......##.....##.########..##.....##.##.....##..######..######...##..........########...##.....###...
.##.......#########.##...##...##.....##.##.....##.......##.##.......##..........##.........##....##.##..
.##....##.##.....##.##....##..##.....##.##.....##.##....##.##.......##..........##.........##...##...##.
..######..##.....##.##.....##..#######...#######...######..########.########....##........####.##.....##

*******************************************************************************************************************************************
**************************** see http://www.dev.equideow.com/doc/bow for more details *****************************************************
*******************************************************************************************************************************************
*******************************************************************************************************************************************/
/* ELEMENT************************************************************************************************************************
 ******************************************************************************************************************************************/
.swiper--legendcontent__title{
	display: inline-block;
	padding: 0 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: rgba(0,0,0,0.4);
}
.swiper--legendcontent__title .gaugeview{
	min-width: 200px;
}
/***********************************************************************************************************************************/
/* PIX FOR SWIPER ******************************************************************************************************************/
/***********************************************************************************************************************************/

.pix--swiper,
.pix--swiper .pix__content{
    width: 150px;
    height: 150px;
}
.pix--swiper{
	margin-left: 5px;
	vertical-align: top;
}
.pix--swiper .pix__content{
    padding: 20px;
    box-sizing: border-box;
}
#swiperEffect .swiper-slide .pix--swiper .horsesprite{
	width: 110px;
	height: 110px;
	margin-top: 15px;
	background-size: cover;
}
.pix--swiper .pix__svg,
.pix--swiper .pix__svg--badge {
    height: 32px;
    width: 32px;
    padding: 7px;
    top: 0;
}
.pix--swiper .pix__svg {
    right: 5px;
}
.pix--swiper .pix__svg--badge {
    left: 5px;
}
.pix--swiper .pix__badge {
	border-radius: 50%;
	font-size: 13px;
	height: 32px;
	line-height: 32px;
	min-width: 32px;
	left: 5px;
}
.pix--swiper .pix__quantity {
	bottom: 12px;
	left: 0;
	width: 128px;
}
.pix--swiper .pix__quantity__value {
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 10px;
}
/***********************************************************************************************************************************/
/* EXCEPTION FOR ROWGUE CARD ******************************************************************************************************************/
/***********************************************************************************************************************************/
.pix__contentcard{
	height: 145px;
    display: block;
    position: relative;
    z-index: 1;
}