@CHARSET "UTF-8";


@font-face {
	font-family: abchanel-pb-m;
	src:
		url(//fonts.chanel.com/k/1e1f96ecaa455c04b0f7595f192b44fa2171fbcb-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/1e1f96ecaa455c04b0f7595f192b44fa2171fbcb-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/1e1f96ecaa455c04b0f7595f192b44fa2171fbcb-a.otf)
		format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: abchanel-pb-m;
	src:
		url(//fonts.chanel.com/k/f48993e6a6aa2cd5b608a759d9e2513cb1a20317-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/f48993e6a6aa2cd5b608a759d9e2513cb1a20317-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/f48993e6a6aa2cd5b608a759d9e2513cb1a20317-a.otf)
		format("opentype");
	font-weight: 600;
	font-style: normal;
}


html,body {
	min-height: 100%;
    font-family: "abchanel-pb-m",Helvetica,Arial,sans-serif;
	text-rendering: optimizeLegibility;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.box-gameplay {
	margin: 0 auto;
	display: none;
}

.box-intro {
	display: none;
	text-align: center;
}

.box-intro img {
	margin: 0 auto;
	max-width: 100%;
}

.box-rules {
	display: none;
	text-align: center;
	min-height: 200px;
}

.box-rules h1 {
	display: none;
}

.box-rules .text {
	display: none;
	max-width: 360px;
    margin: 0 auto 20px auto;
    font-size: 12px;
}

.box-rules .btn-wrapper {
	display: none;
}

.box-success {
	display: none;
	text-align: center;
}

.box-failed {
	display: none;
	text-align: center;
}

.card {
	float: left;
	position: relative;
}

.card a {
	position: absolute;
	left: 5px;
	top: 5px;
}

.card .cover {
	background: #000 url("../images/cover.png") no-repeat center center;
	background-size: contain;
}

.card .image {
	display: none;
	background-size: cover;
}

.toolbar {
	text-align: right;
	padding-right:5px;
}

.toolbar .timer {
	color: #888;
	font-size: 14px;
	line-height: 40px;
}
#time {
	color: #333;
	font-size: 18px;
	line-height: 40px;
}

.long {
	-webkit-animation-duration: 2s !important;
	animation-duration: 2s !important;
}

.buttons {
	margin-bottom:20px;
	}
	
.text {
	margin-bottom:20px;
	color:#555;
	}	

.btn-black {
	border-radius:0;
	background-color: #000;
	color: #fff;
	padding: 10.5px 25px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	line-height: normal;
	-webkit-transition: background linear .2s;
	-moz-transition: background linear .2s;
	-o-transition: background linear .2s;
	transition: background linear .2s;
	}
.btn-black:hover,
.btn-black:active,
.btn-black:focus {
	color: #000000 !important;
	background-color: #dddddd !important;
	border-color: #dddddd !important;
	text-decoration: none !important;
	outline: none;
}

/*
@font-face {
	font-family: futura-pt;
	src:
		url(//fonts.chanel.com/k/3c3a351f835bdfdc05eec863321d3509d4240b6a-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/3c3a351f835bdfdc05eec863321d3509d4240b6a-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/3c3a351f835bdfdc05eec863321d3509d4240b6a-a.otf)
		format("opentype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: abchanel-couture;
	src:
		url(//fonts.chanel.com/k/aad6e26df6e597ed84b6d673200ebd679da90ed0-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/aad6e26df6e597ed84b6d673200ebd679da90ed0-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/aad6e26df6e597ed84b6d673200ebd679da90ed0-a.otf)
		format("opentype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: abchanel-couture-display;
	src:
		url(//fonts.chanel.com/k/c0c2e2fd0fdb08399f7de102fd3c5f28a883d4da-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/c0c2e2fd0fdb08399f7de102fd3c5f28a883d4da-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/c0c2e2fd0fdb08399f7de102fd3c5f28a883d4da-a.otf)
		format("opentype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: abchanel-pb-s;
	src:
		url(//fonts.chanel.com/k/ec8e808fac2e295c567842bd6beb46beefa3d9ca-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/ec8e808fac2e295c567842bd6beb46beefa3d9ca-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/ec8e808fac2e295c567842bd6beb46beefa3d9ca-a.otf)
		format("opentype");
	font-weight: 400;
	font-style: normal;
}


@font-face {
	font-family: chanel-kittithada;
	src:
		url(//fonts.chanel.com/k/e38163b77cecfe98d815cafc69c3bcd7f27f499c-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/e38163b77cecfe98d815cafc69c3bcd7f27f499c-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/e38163b77cecfe98d815cafc69c3bcd7f27f499c-a.otf)
		format("opentype");
	font-weight: 200;
	font-style: normal;
}

@font-face {
	font-family: chanel-kittithada;
	src:
		url(//fonts.chanel.com/k/8cdfc3cd619ccfb2fb605032f50b024369d93175-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/8cdfc3cd619ccfb2fb605032f50b024369d93175-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/8cdfc3cd619ccfb2fb605032f50b024369d93175-a.otf)
		format("opentype");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: chanel-kittithada;
	src:
		url(//fonts.chanel.com/k/366143a7d26624c664e9ec705fd814856eefe1c6-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/366143a7d26624c664e9ec705fd814856eefe1c6-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/366143a7d26624c664e9ec705fd814856eefe1c6-a.otf)
		format("opentype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: chanel-kittithada;
	src:
		url(//fonts.chanel.com/k/82336abf498ece0011a71a0053497b0837e4ec92-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/82336abf498ece0011a71a0053497b0837e4ec92-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/82336abf498ece0011a71a0053497b0837e4ec92-a.otf)
		format("opentype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: chanel-kittithada;
	src:
		url(//fonts.chanel.com/k/fca2fe03c427afa2bff3afa671105404e6ab4b43-l.woff2)
		format("woff2"),
		url(//fonts.chanel.com/k/fca2fe03c427afa2bff3afa671105404e6ab4b43-d.woff)
		format("woff"),
		url(//fonts.chanel.com/k/fca2fe03c427afa2bff3afa671105404e6ab4b43-a.otf)
		format("opentype");
	font-weight: 700;
	font-style: normal;
}

*/