/*
	GLOBAL
*/


/*
	VOTES > GLOBAL
*/
div.vote-wrapper {
	background: #f5f5f5;
}
	div.header-mid {
		width: 100%;
		position: relative;
	}
		div.header-mid img {
			width: 100%;
			height: auto;
		}


#polls-html {
    min-height: 400px;
}
	/* 	COMPETITIONS BANNERS 	*/
    .competitions-banner {
        width: 100%;
        margin: 0;
        position: relative;
    }
    	.competitions-banner img {
    		width: 100%;
    		height: auto;
    	}



    .categories-title {
        color: #c2aa67;
		font-family: 'Gotham-Bold';
        font-size: 18px;
        line-height: 1.0;
        padding: 10px;
        display: flex; display: -webkit-flex; 
        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
        justify-content: space-around; -webkit-justify-content: space-around;
        border: 1px solid #c2aa67;
		text-transform: uppercase;
    }
        .categories-title .inside {
            margin: auto;
        }


    .items-wrapper {
        width: 100%;
        padding: 30px 0;
        display: flex; display: -webkit-flex; 
        flex-flow: row wrap; -webkit-flex-flow: row wrap;
        justify-content: space-around; -webkit-justify-content: space-around;
    }

    .item-wrapper {
        width: 295px;
        margin: 20px auto 40px;
        background: #FFF;
		-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.10);
		-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.10);
		box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.10);
    }
	    .item-wrapper:hover {
			-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.30);
			-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.30);
			box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.30);
	    }
	    .item-wrapper.disabled {
	    	opacity: 0.4;
	    }

        .item-wrapper .player-wrapper {
            width: 295px;
            height: 290px;
        }
            .item-wrapper .player-wrapper .picture {
                width: 295px;
                height: 250px;
                background: #FFF;
                overflow: hidden;
                text-align: center;
                position: relative;
            }
                .item-wrapper .player-wrapper .picture.pollsfancybox {
                    cursor: pointer;
                }
                .item-wrapper .player-wrapper .picture img {
                    width: 200px;
                }
                .item-wrapper .player-wrapper .picture .logo {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                }
                    .item-wrapper .player-wrapper .picture .logo img {
                        width: 40px;
                        height: 40px;
                    }
                .item-wrapper .player-wrapper .picture .number {
                    position: absolute;
                    top: 45px;
                    right: 5px;
                    font-size: 37px;
                    font-weight: bold;
                    line-height: 1.0;
					font-family: 'Gotham-BlackItalic';
			        color: #c2aa67;
                }

                .item-wrapper .player-wrapper .picture .button-more {
                	position: absolute;
                	bottom: 10px;
                	left: 50%;
                	margin-left: -100px;
                	width: 200px;
                	font-weight: bold;
                	font-size: 14px;
                	color: #22223d;
                	text-align: center;
                	padding: 6px 9px;
			        border: 1px solid #c2aa67;
			        text-transform: uppercase;
                }

                .item-wrapper .player-wrapper .picture .picture-baseline {
                	position: absolute;
                	bottom: 0px;
                	left: 0px;
                	width: 100%;
                	height: 45px;
                	background: url('./_img/player-degrade.png') no-repeat bottom center;
                }

            .item-wrapper .player-wrapper .name {
                width: 295px;
                height: 38px;
                font-size: 19px;
                font-weight: bold;
                display: flex; display: -webkit-flex; 
                flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
                justify-content: space-around; -webkit-justify-content: space-around;
                text-transform: uppercase;
                color: #999999;
				font-family: 'Gotham-Bold';
                line-height: 1.0;
                text-align: center;
            }
            	.item-wrapper .player-wrapper .name.is-active {
            		color: #22223d;
            	}
                .item-wrapper .player-wrapper .name .inside {
                    margin: auto;
                }
    .selecter-wrapper {
        background: #dedede;
        position: relative;
        width: 100%;
    }
        .selecter-choice {
            width: 100%;
            height: 30px;
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            justify-content: space-around; -webkit-justify-content: space-around;
            cursor: pointer;
        }
            .selecter-choice .label {
                width: 85%;
                margin: auto 15px;
            }
            .selecter-choice .arrow {
                width: 15%;
                margin: auto 0 auto auto;
                text-align: center;            
            }
                .selecter-choice .arrow img {
                    height: 20px;
                    width: 20px;
                }
            .selecter-choice .arrow.is-rotate {
                -ms-transform: rotate(180deg); /* IE 9 */
                -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
                transform: rotate(180deg);          
            }

    .selecter-items {
        display: none;
        position: absolute;
        z-index: 40;
        left: 0px;
        top: 30px;
        width: 100%;
    }
        .selecter-items .options-wrapper {
            border: 1px solid #dedede;
            width: 100%;
        }
        .selecter-items .options-wrapper .option-item {
            padding: 5px;
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            justify-content: space-around; -webkit-justify-content: space-around;
            width: 100%;
            background: #FFF;
            border: 1px dotted #eaeaea;
            cursor: pointer;
        }
            .selecter-items .options-wrapper .option-item.is-default {
                font-size: 13px;
                font-style: italic;
            }
            .selecter-items .options-wrapper .option-item.is-active {
                font-weight: bold;
                background: #f5f5f5;
            }
            .selecter-items .options-wrapper .option-item .name {
                font-size: 15px;
                margin: auto auto auto 10px;
            }
            .selecter-items .options-wrapper .option-item .logo {
                margin: auto 0px auto auto;
                text-align: center;
            }
                .selecter-items .options-wrapper .option-item .logo img {
                    width: 28px;
                    height: 28px;
                }


	/* 	TOOLBAR VALIDATION 	*/
    .vote-toolbar {
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        height: 67px;
        background: #b02c52;
        z-index: 10001;
    }
        .vote-toolbar .toolbar-container {
            width: 1000px;
            margin: 0 auto;
            height: 67px;
            display: flex; display: -webkit-flex; 
            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            justify-content: center; -webkit-justify-content: center;
            background: url('./_img/vote-toolbar.png') no-repeat top center #b02c52;
    		text-decoration: none;
        }
        	.vote-toolbar .toolbar-container:hover {
        		text-decoration: none;
        	}
            .vote-toolbar .toolbar-container .title {
            	font-family: 'Gotham-Black';
                font-size: 29px;
                line-height: 1.0;
                color: #FFF;
                text-transform: uppercase;
                margin: auto 0;
            }
            .vote-toolbar .toolbar-container .button {
            	font-family: 'Gotham-Black';
                font-size: 29px;
                line-height: 1.0;
                background: #c2aa67;
                color: #FFF;
                font-weight: bold;
                text-transform: uppercase;
                margin: auto 0;
                margin-left: 20px;
                padding: 10px 12px;
                border-radius: 8px;
            }

.button-reglement {
    display: block;
    padding: 30px;
    margin-bottom: 150px;
    text-align: center; 
    color: #666;
    text-decoration: underline;    
}


/*
	EXIT BOX
*/
#exit-box, #uncomplete-box {
	display: none;
}
	.exit-bg {
		position: fixed;
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		background: #000;
		opacity: 0.5;
		display: flex; display: -webkit-flex; 
		flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
		justify-content: space-around; -webkit-justify-content: space-around;
		z-index: 900;
		overflow: hidden;
	}
		.exit-content {
			position: fixed;
			top: 50%;
			left: 50%;
			height: 400px;
			width: 600px;
			margin-top: -200px;
			margin-left: -300px;
			display: flex; display: -webkit-flex; 
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
			z-index: 950;
		}
			.exit-content .exit-inside {
				margin: auto;
				height: 400px;
				width: 600px;
				padding: 30px;
				background: #FFF;
				border-radius: 15px;
			}
				.exit-content .exit-inside .title {
			        color: #c2aa67;
					font-family: 'Gotham-Bold';
			        font-size: 25px;
			        line-height: 1.0;
			        padding: 10px;
			        display: flex; display: -webkit-flex; 
			        flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
			        justify-content: space-around; -webkit-justify-content: space-around;
			        border: 1px solid #c2aa67;
				}
				.exit-content .exit-inside .intro {
					font-size: 13px;
					font-style: italic;
					padding: 45px 35px;
				}
				.exit-content .exit-inside .valid-style {
					width: 100%;
		            height: 57px;
		            display: flex; display: -webkit-flex; 
		            flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
		            justify-content: center; -webkit-justify-content: center;
		            background: url('./_img/vote-toolbar.png') no-repeat top center #b02c52;
	                cursor: pointer;
				}
		            .exit-content .exit-inside .valid-style .text {
		            	font-family: 'Gotham-Black';
		                font-size: 24px;
		                line-height: 1.0;
		                color: #FFF;
		                text-transform: uppercase;
		                margin: auto 0;
		            }
		            .exit-content .exit-inside .valid-style .button {
		            	font-family: 'Gotham-Black';
		                font-size: 24px;
		                line-height: 1.0;
		                background: #c2aa67;
		                color: #FFF;
		                font-weight: bold;
		                text-transform: uppercase;
		                margin: auto 0;
		                margin-left: 20px;
		                padding: 10px 12px;
		                border-radius: 8px;
		            }

            .exit-content .exit-inside  .buttons-wrapper {
            	display: flex; display: -webkit-flex; 
            	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
            	justify-content: center; -webkit-justify-content: center;
                padding-top: 30px;
            }
	            .exit-content .exit-inside  .buttons-wrapper .exit-bt, .exit-content .exit-inside  .buttons-wrapper .stay-bt  {
	                text-decoration: underline;
	                line-height: 1.0;
	                color: #666;
	                text-transform: uppercase;
	                text-align: center;
	                margin: 0 20px;
	                cursor: pointer;
	            }

.message-success {
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	padding: 15px;
	color: #8dc63f;
	border: 1px solid #8dc63f;
	margin: 30px;
	text-transform: uppercase;
}

/*
	RESUME > GLOBAL
*/
div.socials-wrapper {
	width: 100%;
	margin: 0 0 0;
	position: relative;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: center; -webkit-justify-content: center;
}
div.socials-wrapper a.socials-link {
	margin: 0 20px 80px;
	padding: 15px;
	width: 350px;
	border-radius: 10px;
	color: #FFF;
	text-align: center;
	line-height: 1.0;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	display: flex; display: -webkit-flex; 
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
	justify-content: flex-start; -webkit-justify-content: flex-start;
}
	div.socials-wrapper a.socials-link.twitter-link {
		background: #55acee;
	}
	div.socials-wrapper a.socials-link.facebook-link {
		background: #3b5998;
	}
		div.socials-wrapper a.socials-link:hover {
			text-decoration: none;
		}
    div.socials-wrapper a.socials-link.site-link {
        text-align: center;
        background: url('./_img/vote-toolbar.png') no-repeat top center #b02c52;
    }

div.socials-wrapper a.socials-link .text {
	width: 280px;
	margin: auto 0;
}
div.socials-wrapper a.socials-link .text-full {
    width: 100%;
    margin: auto 0;
}
div.socials-wrapper a.socials-link .icon {
	width: 50px;
	margin: auto 0;
	margin-right: auto;
}
	div.socials-wrapper a.socials-link .icon img {
		height: 40px;
		width: 40px;
	}


		
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.items-wrapper {
    width: 100%;
    padding: 0;
}
	.exit-bg {
		z-index: 999999;
	}
		.exit-content {
			left: 0px;
			right: 0px;
			height: 400px;
			width: 100%;
			margin-left: 0px;
			display: flex; display: -webkit-flex; 
			flex-flow: row wrap; -webkit-flex-flow: row wrap;
			justify-content: flex-start; -webkit-justify-content: flex-start;
			z-index: 9999991;
		}
			.exit-content .exit-inside {
				padding: 13px;
			}
				.exit-content .exit-inside .title {
			        font-size: 20px;
				}
				.exit-content .exit-inside .intro {
					padding: 40px 20px;
				}
				.exit-content .exit-inside .valid-bt {
					width: 100%;
		            height: 67px;
				}
		            .exit-content .exit-inside .text {
				        font-size: 20px;
				        margin-left: 10px;
				        margin-right: auto;
		            }
		            .exit-content .exit-inside .button {
				        font-size: 20px;
				        margin: auto 14px;
				        margin-right: auto;
				        padding: 10px;
		            }


.vote-toolbar .toolbar-container {
    width: 100%;
}
    .vote-toolbar .toolbar-container .title {
        font-size: 20px;
        margin-left: 10px;
        margin-right: auto;
    }
    .vote-toolbar .toolbar-container .button {
        font-size: 20px;
        margin: auto 14px;
        margin-right: auto;
        padding: 10px;
    }


div.socials-wrapper {
	flex-flow: row wrap; -webkit-flex-flow: row wrap;
}
div.socials-wrapper a.socials-link {
	margin: 0 20px 20px;
	padding: 10px;
	width: 100%;
	font-size: 13px;
	flex-flow: row nowrap; -webkit-flex-flow: row nowrap;
}

div.socials-wrapper a.socials-link .text {
	width: 80%;
	margin: auto 0;
}
div.socials-wrapper a.socials-link .icon {
	width: 20%;
}
	div.socials-wrapper a.socials-link .icon img {
		height: auto;
		width: 80%;
	}


.message-success {
    font-size: 20px;
    line-height: 1.0;
}

}