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

.block--promote{
	width: 370px;
	height: 230px;
}

/** tag ***********************************************************************************************************************************/
.block--promote .tag .svg{
	margin-top: -5px;
	top: 4px;
}

/** text *********************************************************************************************************************************/
.block--promote .block__content__text{
	position: relative;
	height: 210px;
	width: 212px;
}
.body--ltr .block--promote .block__content__text{
	padding-left: 20px;
}
.body--rtl .block--promote .block__content__text{
	padding-right: 20px;
}
.block--promote .fieldErrorText{
	font-size: 11px;
	font-style: italic;
	margin-bottom: 10px;
}
/** image ********************************************************************************************************************************/
.block--promote .block__content__image{
	position: absolute;
	top: -10px;
}
.block__content__image{
	pointer-events: none;
	width: 168px;
}
.block__content__image img{
	max-width: 168px;
}
.block__content__image,
.block__content__image .grid-cell{
	height: 250px;
}
.body--ltr .block--promote .block__content__image{
	right: -30px;
}
.body--rtl .block--promote .block__content__image{
	left: -30px;
}

/** footer ********************************************************************************************************************************/
.block--promote .block__content__footer{
	position: absolute;
	bottom: 10px;
	width: 222px;
}


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

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

.block--offer::before{
	background-image: url(/media/equideo/image/components/block/block-promo.jpg);
}


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

.block--pegasus::before{
	background-image: url(/media/equideo/image/components/block/block-pegasus.jpg);
}

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

.block--objectives::before{
	background: url(/media/equideo/image/components/block/block-objectives.jpg);
}
.block--objectives .block__content{
	padding: 20px;
}
.block--objectives .block__gauge__svg{
	fill : #7dd2fe;
}

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

.block--vip::before{
	background-image: url(/media/equideo/image/components/block/block-vip.jpg);
}

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

.block--moderator::before{
	background-image: url(/media/equideo/image/components/block/block-tester.jpg);
}
.block--testervip::before{
	background-image: url(/media/equideo/image/components/block/block-tester-vip.jpg);
}
.block--tester::before{
	background-image: url(/media/equideo/image/components/block/block-tester.jpg);
}

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

.block--video::before{
	background: url(/media/equideo/image/components/block/block-skies.jpg) no-repeat center center;
}

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

.block--secretsanta::before{
	background: url(/media/equideo/image/components/block/block-event.jpg) no-repeat center center;
}
.popupview--santa::before{
	background: url(/media/equideo/image/marketing/pass/bg-red-large.png) no-repeat center center;
}

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

.block--calendar::before{
	background: url(/media/equideo/image/components/block/block-calendar.jpg) no-repeat center center;
}

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

.block--divine .block__content__background{
	border-radius: 8px 8px 10px 10px;
}
.block--divine .block__content__title{
	bottom: 8px;
	height: 92px;
	margin: -90px 0 0 0;
	position: relative;
	z-index: 1;
}
.block--divine .block__content__title::after{
	-webkit-clip-path: polygon(0 20%, 101% 0, 101% 101%, 0 101%);
	background-color: #fdfff0;
	border-radius: 0 0 8px 8px;
	bottom: 0;
	clip-path: polygon(0 20%, 101% 0, 101% 101%, 0 101%);
	content: "";
	display: block;
	height: 100px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all .15s ease-in-out;
	width: 100%;
	z-index: -1;
}
.block--divine:hover .block__content__title::after{
	clip-path: polygon(0 25%, 101% 0, 101% 101%, 0 101%);
}


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

.block--carousel .block__content {
	height: 230px;
	overflow: hidden;
	border-radius: 8px;
}

/** CAROUSEL__CONTENT **************************************************************************************************************
************************************************************************************************************************************/

.block--carousel .carousel__content{
	direction: ltr;
	position: relative;
	margin-top: 16px;
	height: 150px;
	text-align: center;
}

/** CAROUSEL__CONTENT__ITEM ********************************************************************************************************
************************************************************************************************************************************/

.block--carousel .carousel__content__item.tab-selected{
	margin: 0 20px;
}
.block--carousel .carousel__content__item.tab-selected,
.block--carousel .carousel__content__item.tab-selected img{
	width: 140px;
	height: 140px;
}
.block--carousel .carousel__content__item:not(.tab-selected),
.block--carousel .carousel__content__item:not(.tab-selected) img{
	width: 100px;
	height: 100px;
	margin: 0 10px;
}
.block--carousel .carousel__content__item::after{
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
	content: "";
	display: block;
	height: 6%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: opacity .15s ease-in-out;
}
.block--carousel .carousel__content__item:hover::after{
	opacity: 1;
}

/** CAROUSEL__FOOTER **************************************************************************************************************
***********************************************************************************************************************************/

.block--carousel .carousel__footer{
	background: #F2EFCF;
	padding: 10px 0;
}
.block--carousel .carousel__footer__title a{
	color: #AD5B50;
}
.block--carousel .carousel__footer__subtitle{
	color: #82685b;
}

/** CAROUSEL__NAV *****************************************************************************************************************
***********************************************************************************************************************************/

.block--carousel .carousel__nav{
	top: 68px;
}
.block--carousel .carousel__nav__arrow{
	background: #f2efcf;
	border-radius: 50%;
	height: 32px;
	transition: all .15s ease-in-out;
	width: 32px;
}
.block--carousel .carousel__nav__arrow:hover{
	box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
}
.block--carousel .carousel__nav__arrow:active{
	transform: scale(.9);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
}
.block--carousel .carousel__nav__arrow:before{
	border-radius: 26px;
	color: #3d251b;
	direction: ltr;
	display: block;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 27px;
	font-weight: bold;
	height: 26px;
	line-height: 27px;
	position: absolute;
	text-align: center;
	top: 0;
	transform: scale(.5,1);
	width: 100%;
	-o-transform: scale(.5,1);
	-ms-transform: scale(.5,1);
	-moz-transform: scale(.5,1);
	-webkit-transform: scale(.5,1);
}
.block--carousel .carousel__nav__arrow--left{
	left: 15px;
}
.block--carousel .carousel__nav__arrow--left:before{
	content: '\003c';
	left: -1px;
}
.block--carousel .carousel__nav__arrow--right{
	right: 15px;
}
.block--carousel .carousel__nav__arrow--right:before{
	content: '\003e';
	right: -1px;
}

/** CAROUSEL ELEMENT **************************************************************************************************************
***********************************************************************************************************************************/

.block--carousel .carousel__content__item{
	top: 5px;
}
.block--carousel .carousel__content__item.tab-selected{
	top: 0;
}
.block--carousel h3{
	font-size: 16px;
}
.block--carousel h4{
	font-size: 13px;
}

/** CAROUSEL__FOOTER__BTN *********************************************************************************************************
***********************************************************************************************************************************/

.block--carousel .carousel__footer__btn{
	background: #fdfff0;
	border-radius: 15px;
	border: 2px solid #AD5B50;
	bottom: 20px;
	color: #3D251B;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 15px;
	right: 10px;
	text-decoration: none;
	text-transform: uppercase;
	transition: all .15s ease-in-out;
}
.block--carousel .carousel__footer__btn:hover{
	background: #AD5B50;
	color: #fff;
}
.block--carousel .carousel__footer__btn:active{
	transform: scale(.9);
}