/***********************************************************************************************************************************/
/* HUB LAYOUT **********************************************************************************************************************/
/***********************************************************************************************************************************/

.mowbile-hub .ui-hub-content{
	background: #f9f7e0;
}
.mowbile-hub--operation.mowbile-hub--operation.mowbile-hub--operation.mowbile-hub--operation {
	padding-bottom: 0!important;
}
.mowbile-hub--operation  .ui-hub-content{
	padding-bottom: 150px;
}

/***********************************************************************************************************************************/
/* CAROUSEL ANIMATION **************************************************************************************************************/
/***********************************************************************************************************************************/

.carouselpix--animate .swiper-container{
	overflow: inherit;
}
.carouselpix--animate .swiper-slide-active a.pix--swiper{
	animation-name: carouselmobile;
	transform-origin: center center;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes carouselmobile {
	from {
		transform: scale3d(1, 1 ,1);
	}
	50%{
		transform: scale3d(1.05, 1.05, 1.05);
	}
	to {
		transform: scale3d(1, 1, 1);
	}
}

/***********************************************************************************************************************************/
/* CONTEST HELP ********************************************************************************************************************/
/***********************************************************************************************************************************/

.ui-page.operation-help{
	padding: 0 !important;
}
.operation-help__btn--fixed{
    position: fixed;
    bottom: 0;
    z-index: 200;
    width: 90%;
}

/***********************************************************************************************************************************/
/* ROWGUE : FOR SWIPER *************************************************************************************************************/
/***********************************************************************************************************************************/

.swiper-slide .ui-table.rowgue{
	background-image: url(/media/equideo/image/features/rowgue/homepage-mobile.jpg);
	border-radius: 4px;
	height: 110px;
}

/***********************************************************************************************************************************/
/* ESPRIT NOMADE : CAROUSELPIX ADAPTATION DANS UNE COLLECTIONVIEW *************************************************************************************************************/
/***********************************************************************************************************************************/
.carouselpix--nomadespirit .collectionview__texts{
	margin-top: 30px;
}
.carouselpix--nomadespirit .carouselpix{
	margin-top:-30px;
}
.carouselpix--nomadespirit .pix--swiper::after{
	background-color: #f2efcf;
}
.carouselpix--nomadespirit .swiper-slide-next{
	transform: translate3d(60px, 0px, -700px) !important;
}
.carouselpix--nomadespirit .swiper-slide-prev{
	transform: translate3d(-60px, 0px, -700px) !important;
}
.carouselpix--nomadespirit .pix--swiper {
 	margin-left: 0;
 }
@media all and (min-width: 37em) {
	.carouselpix--nomadespirit #swiperEffect .swiper-slide,
	.carouselpix--nomadespirit #swiperEffect .swiper-slide .horsesprite,
	.carouselpix--nomadespirit #swiperEffect .swiper-slide .horsehtml,
	.carouselpix--nomadespirit #swiperEffect .swiper-slide .selector-item,
	.carouselpix--nomadespirit .pix--swiper,
	.carouselpix--nomadespirit .pix--swiper .pix__content{
		width: 150px;
		height: 150px;
	}
	.carouselpix--nomadespirit .pix--swiper .pix__content{
		padding: 20px;
	}
	.carouselpix--nomadespirit .swiper-slide-next{
		transform: translate3d(0px, 0px, -700px) !important;
	}
	.carouselpix--nomadespirit .swiper-slide-prev{
		transform: translate3d(0px, 0px, -700px) !important;
	}
}