@charset "UTF-8";

:root {
    --teal: #00bab7;
    --dark-blue: #003971;
    --light-blue: #b9e0f6;
    --orange: #ffb600;
    --yellow: #eec35d;
    --dark-orange: #f47921;
    --grey: #526d6f;
    --lime-green: #c3dd00;
}

@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;
}

body {
    min-height: 100vh;
    position: relative;
}

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: var(--dark-blue);
	font-size: 78px;
	line-height: 100%;
    letter-spacing: -.025em;
	text-transform: uppercase;
}

h1 span {
	color: var(--teal);
    font-size: 103%;
}

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

h2 span {
	color: var(--yellow);
}

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

h5 {
	font-family: 'TradeGothicLT-Bold';
}

.white {
	color: #FFF;
}

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

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

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

#header {
    height: 100px;
    padding: 15px 20px 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
/*
    flex-direction: row;
    justify-content: space-between;
*/
}

#header img {
    width: auto;
    max-height: 100%;
    margin: 0 auto;
}

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

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

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

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

.inside, #inside-page, #pl_rgc {
	cursor: pointer;
}

#buffer {
    height: 3em;
}

#lang_change {
    color: var(--dark-blue);
    height: 1.2em;
    width: 5em;
    bottom: 1em;
    right: 1em;
    position: absolute;
    display: flex;
    z-index: 1000000;
    flex-direction: row;
    justify-content: space-between;
/*     align-items: center; */
    align-content: center;
    font-family: 'TradeGothicLT-Bold';
}

#lang_change:hover .lang_opt a {
    color: #FFF;
}

#lang_change:hover .lang_opt a:hover {
    color: var(--teal);
}

.lang_opt a {
    color: #FFF;
    text-decoration: none;
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
.lang_opt a:hover {
    color: var(--teal);
    text-decoration: underline;
}
.lang_en .lang_opt.en a,
.lang_fr .lang_opt.fr a,
.lang_cn .lang_opt.cn a {
    color: var(--teal);
    text-decoration: underline;
}

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

/*
.button:hover,
form #submit.button:hover {
	color: var(--orange);
	background-color: var(--dark-blue);
}

#popup-cont .button:hover {
    color: var(--dark-blue);
    background-color: #FFF;
}

.button.active,
form #submit.button.active {
	color: var(--orange); 
    background-color: var(--orange);;
}
*/

#page-content {
	color: var(--dark-blue);
	text-align: center;
	padding-bottom: 30px;
}

.line-break {
	width: 100%;
}

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

.page-setup {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding-top: 30px;
    margin-bottom: 3em;
/*     min-height: calc(100vh - 120px - 3em - 30px); */
}

#page-content > p {
    width: 48vw;
    min-width: 330px;
    max-width: 920px;
    margin: 1em auto;
}

.page {
    width: 48%;
    text-align: left;
    position: relative;
}

/* 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(0, 60, 113, .93);
}

#popup-cont {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: 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: 4px solid #FDB714;
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
    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;
	display: flex;
	align-items: center;
	justify-content: center;
}

#fb_jan .prize-circle-border {
	border: 4px solid var(--yellow);
}

#fb_feb .prize-circle-border {
	border: 4px solid var(--yellow);
}

#fb_mar .prize-circle-border {
	border: 4px solid var(--yellow);
}

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

.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_jan .prize-details {
	border: 1px solid #00bcb3;
}

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

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


.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 {
    font-size: 120%;
    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) {
	
	body {
		padding-top: 20px;
	}
	

    .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; }
}