/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************
##    ##  #######  ##     ##    ###    ########  ########
###   ## ##     ## ###   ###   ## ##   ##     ## ##
####  ## ##     ## #### ####  ##   ##  ##     ## ##
## ## ## ##     ## ## ### ## ##     ## ##     ## ######
##  #### ##     ## ##     ## ######### ##     ## ##
##   ### ##     ## ##     ## ##     ## ##     ## ##
##    ##  #######  ##     ## ##     ## ########  ########
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/


/************************************************************************************************************************************
########     ###     ######  ##    ##  ######   ########   #######  ##     ## ##    ## ########   ######
##     ##   ## ##   ##    ## ##   ##  ##    ##  ##     ## ##     ## ##     ## ###   ## ##     ## ##    ##
##     ##  ##   ##  ##       ##  ##   ##        ##     ## ##     ## ##     ## ####  ## ##     ## ##
########  ##     ## ##       #####    ##   #### ########  ##     ## ##     ## ## ## ## ##     ##  ######
##     ## ######### ##       ##  ##   ##    ##  ##   ##   ##     ## ##     ## ##  #### ##     ##       ##
##     ## ##     ## ##    ## ##   ##  ##    ##  ##    ##  ##     ## ##     ## ##   ### ##     ## ##    ##
########  ##     ##  ######  ##    ##  ######   ##     ##  #######   #######  ##    ## ########   ######
************************************************************************************************************************************/

/***********************************************************************************************************************************/
/** background color ***************************************************************************************************************/
/***********************************************************************************************************************************/

.operation-nomade.operation-help,
.operation-nomade.operation-gifts,
.operation-nomade.operation-history{
	background-color: #2e2526;
}

.operation-nomade.operation-index{
	background-color: #5d4d4d;
}
/***********************************************************************************************************************************/
/** page : index *******************************************************************************************************************/
/***********************************************************************************************************************************/

.operation-nomade.operation-index .body-background{
	background-image: url(/media/equideo/image/concours/nomade/backgrounds/body-background-index.jpg);
}
.operation-nomade.operation-index #content{
	margin-bottom: 0;
}
.operation-nomade.operation-index #footer{
	border-radius: 0 0 8px 8px;
}

/***********************************************************************************************************************************/
/** pages : help, gifts, history ***************************************************************************************************/
/***********************************************************************************************************************************/

.operation-help div.body-background,
.operation-gifts div.body-background,
.operation-history div.body-background{
    background-image: url(/media/equideo/image/concours/nomade/backgrounds/body-background-blurred.jpg);
}
.blockobjectives:before{
	background-color: #fdfff0;
}
/************************************************************************************************************************************
 ######  ##       #### ########  ########  ######
##    ## ##        ##  ##     ## ##       ##    ##
##       ##        ##  ##     ## ##       ##
 ######  ##        ##  ##     ## ######    ######
      ## ##        ##  ##     ## ##             ##
##    ## ##        ##  ##     ## ##       ##    ##
 ######  ######## #### ########  ########  ######
************************************************************************************************************************************/

.navchipscontainer{
	background-color: rgba(0, 0, 0, .3);
	border-radius: 50px;
	display: inline-block;
}
.navchips__li:last-child:after{
	content: "";
	display: block;
	width: 2px;
	position: absolute;
	height: 46px;
	background: #fff;
	top: 9px;
	left: 0;
}

/***********************************************************************************************************************************/
/** slide container ****************************************************************************************************************/
/***********************************************************************************************************************************/
.nomades{
	background: url(/media/equideo/image/concours/nomade/interface/layer-gauge.png) left 153px no-repeat;
}
.nomades,
.nomades__slide{
	width: 1170px;
    min-height: 540px;
    position: relative;
    z-index: 2;
}
.nomades__slide__block{
	position: absolute;
	top: 17px;
	z-index: 3;
}
.nomades__title{
	color: #ffffff;
}
/** communautary horse description **************************************************************************************************/
.nomades__slide__block--left{
	width: 330px;
	left: 0;
}

/** objective block ****************************************************************************************************************/
.nomades__slide__block--right{
	width: 370px;
	right: 0;
}
.objectivesection__range{
	width: 250px;
}

/** title and svg ******************************************************************************************************************/
.nomades__slide__icon{
	margin-top: -50px;
}

/** sprite *************************************************************************************************************************/
.nomades__slide__horse{
	display: block;
	margin: 20px auto;
	width: 300px;
}

/************************************************************************************************************************************
########  ########   #######   ######   ########  ########  ######   ######  ########     ###    ########
##     ## ##     ## ##     ## ##    ##  ##     ## ##       ##    ## ##    ## ##     ##   ## ##   ##     ##
##     ## ##     ## ##     ## ##        ##     ## ##       ##       ##       ##     ##  ##   ##  ##     ##
########  ########  ##     ## ##   #### ########  ######    ######   ######  ########  ##     ## ########
##        ##   ##   ##     ## ##    ##  ##   ##   ##             ##       ## ##     ## ######### ##   ##
##        ##    ##  ##     ## ##    ##  ##    ##  ##       ##    ## ##    ## ##     ## ##     ## ##    ##
##        ##     ##  #######   ######   ##     ## ########  ######   ######  ########  ##     ## ##     ##
************************************************************************************************************************************/

.js-nomades__slide__progressbar .progressbar__gauge {
	background-color: rgba(255,255,255,0.3);
	box-shadow: inset 0 4px 8px 0 rgba(0,0,0,0.2);
}
.js-nomades__slide__progressbar .progressbar__pix__label,
.js-nomades__slide__progressbar-old .progressbar__pix__label {
    color: #fff;
}
.nomades__slide__progressbar--off{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.nomades__slide__progressbar--off .pix__content{
	opacity: .5;
}
.nomades__slide__progressbar--off .pix__quantity__value{
	color: #949494;
}


/************************************************************************************************************************************
#### ##    ## ##     ## ######## ##    ## ########    ###    #### ########  ########
 ##  ###   ## ##     ## ##       ###   ##    ##      ## ##    ##  ##     ## ##
 ##  ####  ## ##     ## ##       ####  ##    ##     ##   ##   ##  ##     ## ##
 ##  ## ## ## ##     ## ######   ## ## ##    ##    ##     ##  ##  ########  ######
 ##  ##  ####  ##   ##  ##       ##  ####    ##    #########  ##  ##   ##   ##
 ##  ##   ###   ## ##   ##       ##   ###    ##    ##     ##  ##  ##    ##  ##
#### ##    ##    ###    ######## ##    ##    ##    ##     ## #### ##     ## ########
************************************************************************************************************************************/
.operation-nomade .stocktake__text {
	min-width: 20px;
	display: block;
	position: relative;
}
#feedbackItem {
	position: absolute;
}
.nomade__historyavatar{
	width: 64px;
	height: 64px;
	margin: 10px;
}
.stocktake--nomade{
	position: absolute;
	right: 0;
	top: 7px;
}

/***********************************************************************************************************************************
/***********************************************************************************************************************************
 ######   #### ######## ########  ######     ########     ###     ######   ########
##    ##   ##  ##          ##    ##    ##    ##     ##   ## ##   ##    ##  ##
##         ##  ##          ##    ##          ##     ##  ##   ##  ##        ##
##   ####  ##  ######      ##     ######     ########  ##     ## ##   #### ######
##    ##   ##  ##          ##          ##    ##        ######### ##    ##  ##
##    ##   ##  ##          ##    ##    ##    ##        ##     ## ##    ##  ##
 ######   #### ##          ##     ######     ##        ##     ##  ######   ########
/***********************************************************************************************************************************/
/***********************************************************************************************************************************/

/** nomadeitem as custom pix ********************************************************************************************************/
/***********************************************************************************************************************************/

.pix--nomadeitem{
	border-radius: 50%;
	background: #f2efcf;
}
/** inside default collectionview block ********************************************************************************************/
.collectionview__block--default .pix--nomadeitem{
	border: 1px solid #f2efcf;
	height: 32px;
	width: 32px;
	margin: 0 5px;
}
/** inside enhanced collectionview block *******************************************************************************************/
.collectionview__block--enhanced .collectionview__content{
	overflow: visible;
}
.collectionview__block--enhanced .pix--nomadeitem{
	height: 48px;
	width: 48px;
	margin: 0 10px;
	bottom: 20px;
}


/***********************************************************************************************************************************
########  ########  ######## ########  ########   #######  ########
##     ## ##     ## ##       ##     ## ##     ## ##     ## ##     ##
##     ## ##     ## ##       ##     ## ##     ## ##     ## ##     ##
########  ########  ######   ########  ########  ##     ## ##     ##
##        ##   ##   ##       ##        ##   ##   ##     ## ##     ##
##        ##    ##  ##       ##        ##    ##  ##     ## ##     ##
##        ##     ## ######## ##        ##     ##  #######  ########
***********************************************************************************************************************************/

.dock__text{
	background-color: #e25353;
	color: #fff;
}