@charset "UTF-8";

@font-face {
    font-family: "Fairway-Bold";
    src: url("../font/fairway-bold.eot"); /* IE9*/
    src: url("../font/fairway-bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
        url("../font/fairway-bold.woff2") format("woff2"), /* chrome、firefox */
        url("../font/fairway-bold.woff") format("woff"), /* chrome、firefox */
        url("../font/fairway-bold.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("../font/fairway-bold.svg#Fairway W00 Bold") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: 'TradeGothicLT-Bold';
    src: url('../font/TradeGothicLT-Bold.eot');
    src: local('Trade Gothic LT Bold'), local('TradeGothicLT-Bold'),
        url('../font/TradeGothicLT-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-Bold.woff') format('woff'),
        url('../font/TradeGothicLT-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicLT-Light';
    src: url('../font/TradeGothicLT-Light.eot');
    src: local('Trade Gothic LT Light'), local('TradeGothicLT-Light'),
        url('../font/TradeGothicLT-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-Light.woff') format('woff'),
        url('../font/TradeGothicLT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicLT-Oblique';
    src: url('../font/TradeGothicLT-Oblique.eot');
    src: local('Trade Gothic LT Oblique'), local('TradeGothicLT-Oblique'),
        url('../font/TradeGothicLT-Oblique.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-Oblique.woff') format('woff'),
        url('../font/TradeGothicLT-Oblique.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'TradeGothicLT-BoldOblique';
    src: url('../font/TradeGothicLT-BoldOblique.eot');
    src: local('Trade Gothic LT Bold Oblique'), local('TradeGothicLT-BoldOblique'),
        url('../font/TradeGothicLT-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-BoldOblique.woff') format('woff'),
        url('../font/TradeGothicLT-BoldOblique.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'TradeGothicLT';
    src: url('../font/TradeGothicLT.eot');
    src: local('Trade Gothic LT'), local('TradeGothicLT'),
        url('../font/TradeGothicLT.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT.woff') format('woff'),
        url('../font/TradeGothicLT.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicLT-BoldTwo';
    src: url('../font/TradeGothicLT-BoldTwo.eot');
    src: local('Trade Gothic LT Bold No. 2'), local('TradeGothicLT-BoldTwo'),
        url('../font/TradeGothicLT-BoldTwo.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-BoldTwo.woff') format('woff'),
        url('../font/TradeGothicLT-BoldTwo.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicLT-CondEighteen';
    src: url('../font/TradeGothicLT-BoldCondTwenty.eot');
    src: local('Trade Gothic LT Bold Condensed No. 20'), local('TradeGothicLT-BoldCondTwenty'),
        url('../font/TradeGothicLT-BoldCondTwenty.eot?#iefix') format('embedded-opentype'),
        url('../font/TradeGothicLT-BoldCondTwenty.woff') format('woff'),
        url('../font/TradeGothicLT-BoldCondTwenty.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html {
	box-sizing: border-box;
	line-height: 1.2;
    font-family: 'TradeGothicLT';
}

*, *:before, *:after {
	box-sizing: inherit;
}

img {
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

h1, h2 {
	margin-top: 0;
	color: #003c75;
	font-size: 78px;
	line-height: 100%;
    letter-spacing: -.025em;
	text-transform: uppercase;
}

h1 span {
	color: #00bdb4;
    font-size: 103%;
}

h2 {
	font-size: 70px;
	margin-bottom: 0.4em;
}

h2 span {
	color: #00bdb4;
}

h4, h5 {
    font-size: 34px;
	text-transform: uppercase;
}

h5 {
	font-size: 42px;
}

.white {
	color: #FFF;
}

b, h1, h2, h3, h4, h5 {
    font-family: 'TradeGothicLT-Bold';
}

em {
    font-family: 'TradeGothicLT-Oblique';
}

b em,
em b {
    font-family: 'TradeGothicLT-BoldOblique';
}

p {
    font-size: 120%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.container {
	margin: 0 auto;
	max-width: 1000px;
}

.center {
	margin: 10px auto;
	text-align: center;
}

.full-width {
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
}

.full-width .left,
.full-width .right {
    width: 40%;
    min-width: 380px;
}

div > img {
	width: 100%;
	height: auto;
}

#pl_rgc_logo {
	width: 50%;
	min-width: 215px;
	max-width: 340px;
	margin: 30px auto;
}

#lang_change {
    color: #003c75;
    width: 5em;
    top: 0.5em;
    right: 2em;
    display: flex;
    z-index: 1000000;
    position: absolute;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-family: 'TradeGothicLT-Bold';
}

#lang_change:hover .lang_opt a {
    color: #003c75;
}

#lang_change:hover .lang_opt a:hover {
    color: #00bdb4;
}

.lang_opt a {
    color: #000;
    text-decoration: none;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
.lang_opt a:hover {
    color: #003c75;
    text-decoration: underline;
}
.lang_en .lang_opt.en a,
.lang_fr .lang_opt.fr a,
.lang_cn .lang_opt.cn a {
    color: #00bdb4;
    text-decoration: underline;
}

.button {
	-webkit-box-shadow:0px 0px 30px 8px rgba(255,172,113,0.9);
	-moz-box-shadow: 0px 0px 30px 8px rgba(255,172,113,0.9);
	box-shadow: 0px 0px 30px 8px rgba(255,172,113,0.9);
}

.button.noglow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
}

.button,
form #submit.button {
    color: #FFF;
    cursor: pointer;
    font-size: 26px;
    padding: 0.25em 3.5em;
    line-height: 100%;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    border: 4px solid #F47721;
    text-transform: uppercase;
    background-color: #F47721;
    font-family: 'TradeGothicLT-Bold';
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

/*
.button:hover,
form #submit.button:hover {
	color: #F47721;
	background-color: #FFF;
}

.button.active,
form #submit.button.active {
	color: #F47721;
	background-color: #FFF;
}
*/

.secondary.button {
    margin-top: 1em;
    background-color: #00bdb4;
    border-color: #00bdb4;
}
/*
.secondary.button:hover {
    color: #00bdb4;
    background-color: #FFF;
}
*/

.dark.button {
    background-color: #163c6d;
    border-color: #163c6d;
}
.dark.button:hover {
    /* color: #163c6d; */
    background-color: #163c6d;
}

#page-content {
	color: #003c75;
	text-align: center;
	padding-bottom: 30px;
}

.line-break {
	width: 100%;
}

.fine-print {
	opacity: 0.6;
	font-size: 90%;
}

/* POPUP CSS */

body.openpopup {
	overflow: hidden;
}

.full_popup {
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	display: none;
	position: fixed;
	z-index: 100000;
	background-color: rgba(255,255,255,0.40);
}

#popup-cont {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

#prizes {
    display: flex;
    width: 80vw;
    max-width: 770px;
    margin: 50px auto 30px;
    flex-wrap: wrap;
    align-items: center;
    font-family: 'TradeGothicLT-BoldTwo';
    justify-content: space-around;
}

.prize-circle {
	min-width: 180px;
	min-height: 180px;
	width: 20vw;
	height: 20vw;
	max-width: 200px;
	max-height: 200px;
	margin: 1vw;
	display: flex;
	font-size: 140%;
	border-radius: 50%;
	border: 6px solid #FDB714;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	border: 0;
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
}

.prize-circle.fb.glowwhite {
	animation: glowing-white 10000ms infinite;
}

.prize-circle.fb.gloworange {
	animation: glowing-orange 10000ms infinite;
}

.prize-circle.fb.yellow {
	animation-delay: 1500ms;
}

.prize-circle.fb.orange {
	animation-delay: 2000ms;
}


.lang_fr #prizes .prize-circle:last-child {
    font-size: 120%;
}

.lang_fr .prize-circle {
    min-width: 180px;
    min-height: 180px;
}

.prize-circle.green {
    background-color: #00bcb3;
    color: #003d75;
}

.prize-circle.yellow {
    background-color: #c6db00;
    color: #003d75;
}

.prize-circle.orange {
    background-color: #ff6200;
    color: #fff;
}

.prize-circle span {
    opacity: 0.6;
    font-size: 60%;
    font-family: 'TradeGothicLT';
}


/* prize details popup */

.prize-circle-border {
	border-radius: 50%;
	width: 80vw;
	height: 80vw;
	max-width: 500px;
	max-height: 500px;
	background: transparent;
	margin: 0 0 15px 0;
	padding: 1vw;
	display: flex;
	align-items: center;
	justify-content: center;
}

#fb_october .prize-circle-border {
	border: 1px solid #ff6200;
}

#fb_november .prize-circle-border {
	border: 1px solid #b8e0f5;
}

#fb_december .prize-circle-border {
	border: 1px solid #c6db00;
}

.prize-circle.popup {
	width: 98%;
	height: 98%;
	max-width: 98%;
	max-height: 98%;
	margin: 0;
	cursor: default;
	text-decoration: none;
}

.prize-popup {
	background: transparent !important;
	font-family: 'TradeGothicLT-Bold';
	padding: 0 !important;
}

.prize-circle-header {
	font-size: 2em;
	color: #003d75;
	text-transform: uppercase;
}

.prize-circle-list {
	margin-bottom: 0;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

.prize-circle-list li {
	font-size: .9em;
	text-transform: none;
}

/*
.lang_fr .prize-circle-list li {
	font-size: .8em;
}
*/

.prize-popup p {
	font-size: .8em;
	font-family: 'TradeGothicLT';
	text-transform: none;
	margin: 1em 0;
}

.prize-details {
	background-color: #003d75;
	color: #fff;
	width: 80vw;
	max-width: 500px;
	padding: 1em;
}

#fb_october .prize-details {
	border: 1px solid #ff6200;
}

#fb_november .prize-details {
	border: 1px solid #b8e0f5;
}

#fb_december .prize-details {
	border: 1px solid #c6db00;
}


.prize-details p {
	text-align: center;
	text-transform: uppercase;
	font-family: 'TradeGothicLT-Bold';
}

.prize-details ul {
	margin: 0;
    padding-left: 1.5em;
}

.prize-details li {
	font-family: 'TradeGothicLT';
	font-size: .8em;
	margin-bottom: 1em;
}


/* RULES AND REGS POPUP */

#rulesandregs {
	cursor: pointer;
	text-decoration: underline;
}

#r_and_r_popup {
    max-width: 80vw;
    max-height: 80vh;
}

#r_and_r_popup .center {
    margin-top: 0;
}

#r_and_r_popup strong {
    font-family: 'TradeGothicLT-Bold';
}

#r_and_r_popup ol li {
    margin: 0.75em 0;
}

#r_and_r_popup ol li ol {
    list-style-type: lower-alpha;
}

#r_and_r_popup table tr:first-child td { 
    background-color: #D5D5D5;
}
#r_and_r_popup table tr td { 
    padding: 0.5em;
    vertical-align: text-bottom;
    border-left: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
}
#r_and_r_popup table tr td:last-child { 
    border-right: 1px solid #D5D5D5;
}
#r_and_r_popup table tr td p {
    margin: 0 auto;
}

#r_and_r_popup ol > p {
    margin-left: -2em;
}

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


@media only screen and (max-width: 780px) {
	
    .full-width {
        flex-direction: column;
    }
    
    .full-width .left,
    .full-width .right {
        max-width: 400px;
    }
	
    .full-width .left {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 600px) {

    .prize-circle.popup {
        padding-bottom: 1em;
    }
    
    .prize-circle.popup .button {
        width: 60%;
        padding: 0.25em 0;
        text-align: center;
    }
    
}

@media only screen and (max-width: 540px) {

    .prize-circle-header {
        font-size: 8.3vw;
    }
    
    .prize-circle-list {
        margin-top: 4.25vw;
    }
    
    .prize-circle-list li {
        font-size: 3.7vw;
    }
    
    #r_and_r_popup ol {
        padding-left: 0;
    }
    
}

@media only screen and (max-width: 480px) {

    .prize-circle.popup .button {
        font-size: 5.4vw;
    }
    
    .prize-circle-list {
        margin-top: 2.25vw;
    }
    
    .prize-circle p {
        width: 80%;
        text-align: center;
        margin: 0.5em auto;
    }
    
}

@keyframes glowing-white {
	0% { box-shadow: 0 0 -20px #fff; }
	40% { box-shadow: 0 0 30px #fff; }
	60% { box-shadow: 0 0 30px #fff; }
	100% { box-shadow: 0 0 -20px #fff; }
}

@keyframes glowing-orange {
	0% { box-shadow: 0 0 -20px #F47721; }
	40% { box-shadow: 0 0 30px #F47721; }
	60% { box-shadow: 0 0 30px #F47721; }
	100% { box-shadow: 0 0 -20px #F47721; }
}