@charset "UTF-8";
/* CSS Document Custom CSS for WNW */


/*COLORS

Blue: #014983
Dark Blue: #12497d
Red: #e5292c
Grey: #f2f2f2
White: #ffffff

*/

header.wnw { background:none;background-color:none; }

/*section.topBanner { background:#00296b url("../../images/oll/header_bg_2048x2048.png") repeat-x scroll center -310px / 1024px 1024px;margin-top:-101px;padding-bottom:0px; }*/

section.topBanner { background:#00296b url("../../images/wnw/wnw_bg_header_5000x10.jpg") repeat-y center top;margin-top:0px;padding-bottom:0px;min-height:200px; }

.mobileHeader { display:none;height:auto;width:100%; }
.desktopHeader { display:block;height:auto;width:100%; }

.blue { color:#014983; }
.whiteArrowPosition { height: 18px; margin-left: 5px; position: relative;display:inline; }
.red { color:#e5292c; }


section.AccountHeader { background:#00296b url("../../images/oll/header_bg_2048x2048.png") repeat-x scroll center -310px / 1024px 1024px;margin-top:-101px;padding-bottom:0px; }
section.AccountHeader h1 { /*background-color:#bcbec0;*/color:#ffffff;padding:4em 0.2em 1em; }

.greyBG { background-color:#f2f2f2; }

section.backTop { background:#000000 none repeat scroll 0 0; }
#toTop {
    padding: 1em 3px 5px 3px;
    background: #000;
    color: #fff;
    position: relative;
    bottom: 0;
    right: 5px;
	text-align:center;
	font-weight:bold;
	cursor:pointer;
}
.arrowPosition { position:absolute;top:10px;width:25px; }

section.rowBlue {
    background: #12497D none repeat scroll 0 0;
	color:#ffffff;
	padding-bottom:0;
	border-top: 0px solid #ffffff;
}
section.rowBlue h1 { font-size:2em;text-align:center;padding:0.5em 1em; }

.arrow-down-blue {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #12497D;
	margin:0 auto;
	background-color:#ffffff;
}
.arrow-down-blue-account {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #12497d;
	margin:0 auto;
	background-color:#f2f2f2;
}
.alignCenter {text-align:center;width: 100%;padding:1em;}
.alignCenter .icon {
    display: inline-block;
    height: 75px;
    margin-bottom: 0.5em;
    width: 75px;
}
.blueBlock { background-color:#014983;padding:1.5em;color:#ffffff;margin:1em 0; }
.blueBlock h2 {padding:0;}


section.rowRed {
    background: #e5292c none repeat scroll 0 0;
	color:#ffffff;
	padding-bottom:0;
}
section.rowRed h1 { font-size:2em;text-align:center;padding:0.5em 1em; }
.arrow-down-red {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #e5292c;
	margin:0 auto 1em auto;
	background-color:#ffffff;
}
.arrow-down-grey {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #f2f2f2;
	margin:0 auto 10px auto;
	background-color:#ffffff;
}

.account .btn { padding: 1.2em 2.5em;font-size:1em; }
.btnGrey {
	font-family: "Trade Gothic LT W04 Bd_1463660","Arial","Helvetica",sans-serif;
    background: #616466 none repeat scroll 0 0;
    border: 1px solid #616466;
    border-radius: 0.2em;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    margin: 1em 0em 0 0;
    padding: 1.2em 2.5em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.1s ease 0s, color 0.2s ease 0s;
}
.btnGrey:focus, .btnGrey:hover { color:#616466; background:#fff; border:1px solid #aaa; }

.btnBlue {
	font-family: "Trade Gothic LT W04 Bd_1463660","Arial","Helvetica",sans-serif;
    background: #057dc1 none repeat scroll 0 0;
    border: 1px solid #057dc1;
    border-radius: 0.2em;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    margin: 1em 0em 0 0;
    padding: 1.2em 2.5em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 0.1s ease 0s, color 0.2s ease 0s;
	width:16em;
}
.btnBlue:focus, .btnBlue:hover { color:#057dc1; background:#fff; border:1px solid #aaa; }

.redBgColor { background-color:#e5292c!important;border: 1px solid #e5292c; }
.redBgColor:hover, .redBgColor:focus {color:#e5292c!important;background-color:#ffffff!important;border: 1px solid #e5292c;}

/******************************
	ACCORDION
******************************/
/*!
 * jQuery Accordion 0.0.1
 * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
 * MIT Licensed.
 http://vctrfrnndz.github.io/jquery-accordion/
 */
section.noPadding { padding: 10px 0 0;border-bottom:4px solid #ffffff; }
section.noPaddingLast { padding: 10px 0 0;border-bottom:0px solid #ffffff; }
section.noPadding button, section.noPaddingLast button {background-color:#f2f2f2;}


[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

/* Basic Theme */

[data-accordion] {
    line-height: 1;
}

[data-control],
[data-content] > * {
    /*border-bottom: 1px solid #888;*/
    padding: 0px 10px 10px 10px;
}

[data-content] [data-accordion] {
    border: 0;
    padding: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
	width:100%;
	border:0;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 35%;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 30px;
	background:#f2f2f2 url("../../images/wnw/wnw_down_30x15.png") no-repeat scroll center center / 50% auto;
}

[data-accordion].open > [data-control]:after {
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
}
.miniLogo { float:left;display:inline-block;width:111px; position:relative;}
.miniLogo img { height:auto;width:100%;display:inline-block; }
.buttonText { color:#014983;font-size:1.3em;float:left;margin-left:2%;margin-top:2%;text-align:left;display:inline-block;width:65%;font-weight:600; }
span.subText {color:#616466;font-size:0.8em;font-weight:normal;}
img.responsive { height:auto;width:100%;display:block; }
/*.borderBottom { border-top:4px solid #ffffff; }*/
/*section#only-one a.btn { float:right; }*/
/*section#couponList a.btn { float:right; }*/

li.red {
background: url("../../images/wnw/wnw_bullet_red_22x22.png") no-repeat left 0px;
padding-left: 22px;
display: block;
line-height: 1.5em;
}
li.green {
background: url("../../images/wnw/wnw_bullet_green_22x22.png") no-repeat left 0px;
padding-left: 22px;
display: block;
line-height: 1.5em;
} 

/******************************
	WNW Circle
******************************/
.containerCircle {width: 80px; height:80px; background: #f2f2f2;float:left;}
.circle { /*border-radius:50%;width: 100%;height:100%;background: white;*/ }

.circle .icon { width:75px; }


/******************************
	WNW COUPON LIST
******************************/
.validationFail { font-size:1.7em; text-align:center; }

#couponList .desc, #couponList .confirm, #couponList .error { display:block; width:100%; clear:both;text-align:center; }
#couponList .desc p, #couponList .confirm p, #couponList .error p { line-height:1.4em; }

#couponList .btn { margin-right:0; }
#couponList .btnCancel, #couponList .btnCancel:focus, #couponList .btnCancel:hover { background:#fff; border:1px solid #e2ecf1; color:#616466; padding:1.2em 2em; margin-right:1em; }

/******************************
	WNW COUPON
******************************/
#coupon { border:4px dashed #014983;padding:0.5em;position:relative;min-height:200px;margin-bottom:1em; }

#coupon #valueEN, #coupon #valueFR { position:absolute; z-index:1; width:85px; }
	#coupon #valueEN { top:0.5em; left:0.5em; }
	#coupon #valueFR { top:0.5em; right:0.5em; }
h1.titleCoupon { color:#014983; margin-top:0em;font-size:2.5em;padding:0 1em; }
.boldItalic {font-weight:bold; font-style:italic;}
.note { font-weight:bold;font-size:11px;padding-bottom:1em; }
/*.rightSpace { margin-right:1em; }*/
.barcode { margin-top:5%; }
.ticketNumber { font-weight:bold;font-size:1.2em;color:#000000; }

.mobile #btnPrintCoupon { display:none; }
.logo18, .OLGLogo { position:relative; }


.bottomLeft {float:left;width: 35%;}
.bottomCenter1 {float:left;width: 15%;top:4em;}
.bottomCenter2 {float:left;width: 15%;top:4em;}
.bottomRight {float:left;width: 35%;}


.termsEN { width:40%;position:relative;float:left;text-align:right; }
.termsFR { width:40%;position:relative;float:right;text-align:left; }










/******************************
	WNW COUPON SUCCESS
******************************/
.instructions { float:left; width:100%; margin-top:1em; font-size:1.3em; }
	.instPrint, .instMobile { float:left; width:49%; padding:0 4%; }
	.instructions .or { float:left; width:1%; min-height:80px; border-left:1px solid #000; }

.listRed p { display:inline-block; width:100%; text-align:center; font-size:1.3em; }
	.listRed .step { display:block; clear:both; width:2em; height:2em; line-height:1em; margin:0 auto 1em; padding:0.5em 0 0; font-size:1.1em; font-weight:bold; text-align:center; background:#f00; color:#fff; border-radius:8em; }


/******************************
	WNW Help
******************************/
ol.lineHeight { line-height:1.5em }


/******************************
	VIDEO
******************************/
.videoWrapper {
	position: relative;
	padding-bottom: 25.5%; /* 45% 56.25% 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	width:45%;/*65%*/
	margin:0 auto;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

.videoWrapperMini {
	position: relative;
	padding-bottom: 26%; /* 45% 56.25% 16:9 */
	/*padding-top: 25px;*/
	height: 0;
	width:35%;/*65%*/
	margin:0 auto;
}
.videoWrapperMini iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

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

	.videoWrapper {width:100%;padding-bottom:56%;}
	.videoWrapperMini {width:100%;padding-bottom:75%;}

}


/******************************
	MEDIAS-QUERIES
******************************/
@media screen and ( max-width:768px ){	
	section.topBanner { padding:0; }
	section.AccountHeader { padding:0; }
	section.account .buttonText {margin-top:4%;}
	
	/*.ticketNumber { margin-top:15%; }*/
	#coupon #valueEN, #coupon #valueFR { position:absolute; z-index:1; width:45px; }
	.logo18, .OLGLogo { width:40px; }
	.termsEN p, .termsFR p { padding:0;margin:0;font-size:0.9em; }
	.teamLogo {width:155px;}
	
	.bottomLeft {float:left;width: 100%;display:block;}
	.bottomCenter1 {float:left;width: 50%;display:block;top:0;}
	.bottomCenter2 {float:left;width: 50%;display:block;top:0;}
	.bottomRight {float:left;width: 100%;display:block;}
	
}
@media screen and ( max-width:641px ){	

.mobileHeader { display:block;height:auto;width:100%; }
.desktopHeader { display:none; }
.miniLogo { width:80px; }
.adjustSize { font-size:0.9em; }

}

/******************************
	SHARES
******************************/
#shareLinks {margin-top:1em;position:relative;}

#shareFB { margin-right: 0.5em; }
#shareFB, #shareTW { display: inline-block;vertical-align: top; }

#shareLinks #shareTW iframe { display:block; }

.checkBox input, .checkBox label { display:inline;float:left }
.checkBox input { width:10%;border: 1px solid #b3b3b3;
    color: #616466;
    font-size: 1.2em;
    height: 2em;
    padding: 1em; }

 .checkBox label { width:80%; line-height: 1.5em;top: 7px;}