/*GLOBAL*/
.hidden,
.hide {display:none;}
.wof .wof-center {text-align:center;}

.wof {position:relative; font-family:Arial, Helvetica, sans-serif;}
.wof:after {content:""; clear:both; position:relative; line-height:0; display:block;}
.wof .wof-str-content {float:left; width:60%; padding:40px; position:relative;}
.wof .wof-str-content-wide {padding:40px;}
.wof .wof-str-wheel {float:right; width:40%; position:relative; overflow:hidden; background-position:50% 100%; background-repeat:no-repeat; background-size:cover;}
.wof .wof-str-wheel .wof-str-wheel-inner {width:100%; height:100%;}
.wof .wof-str-wheel .wof-str-wheel-inner:before {content:""; width:0; height:0; border-top:25px solid transparent; border-left: 25px solid #ffffff; border-bottom: 25px solid transparent; margin-top:-25px; position:absolute; top:50%; left:0; z-index:3;}
.arr1 .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/arr1_dr.png"); width:0; height:0; border: none; margin-top:-25px; position:absolute; top:50%; left:0; z-index:3;}
.arr1_ts .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/arr1_ts.png"); width:0; height:0; border: none; margin-top:-25px; position:absolute; top:50%; left:0; z-index:3;}
.spring .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/WOF_arrow_spring2.png"); width:0; height:0; border: none; margin-top:-25px; position:absolute; top:50%; left:10px; z-index:3;}
.spring_cz .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/CZ_WOF_arrow_spring2.png"); width:0; height:0; border: none; margin-top:-25px; position:absolute; top:50%; left:10px; z-index:3;}
.wof .wof-str-wheel #wof-wheel-canvas {position:absolute; top:50%; left:0; margin-left:15px; margin-top:-250px;}
.wof .wof-str-rules {padding:20px;}

.wof .wof-des-wrapper h1 {margin:0; padding:0 0 15px 0; color:#000000; font-size:24px; line-height:1.2em; font-weight:normal;}
.wof .wof-des-wrapper h2 {margin:0; padding:0 0 15px 0; color:#000000; font-size:24px; line-height:1.2em; font-weight:normal;}
.wof .wof-des-wrapper h3 {margin:0; padding:0 0 15px 0; color:#000000; font-size:20px; line-height:1.2em; font-weight:normal;}
.wof .wof-des-wrapper h6 {margin:0; padding:0 0 15px 0; color:#000000; font-size:12px; line-height:1.5em; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.wof .wof-des-wrapper h6 a {margin:0; padding:0; color:#000000; font-size:12px; line-height:1.5em; font-weight:normal; text-decoration:underline; text-transform:uppercase;}
.wof .wof-des-wrapper h6 a:hover {text-decoration:none;}
.wof .wof-des-wrapper p {margin:0; padding:0 0 15px 0; color:#000000; font-size:14px; line-height:1.5em; font-weight:normal;}
.wof .wof-des-wrapper p a {margin:0; padding:0; color:#000000; font-size:14px; line-height:1.5em; font-weight:normal; text-decoration:underline;}
.wof .wof-des-wrapper p a:hover {text-decoration:none;}
.wof .wof-des-wrapper ul {margin:0 0 20px 30px; padding:0;}
.wof .wof-des-wrapper ul li {margin:0; padding:3px 0 3px 0; color:#000000; font-size:14px; line-height:1.5em; font-weight:normal;}
.wof .wof-des-wrapper span {color:#000000; font-weight:bold;}

.wof .wof-form-field {padding-bottom:10px;}
.wof .wof-form-field input {width:100%; margin:0; padding:10px; color:#000000; font-size:14px; font-weight:normal; border:1px solid #dfdfdf;}
.wof .wof-form-field.error input {border:1px solid #ed1c24; background-color:#ffd0d2;}
.wof .wof-form-field .wof-error-msg {display:none; margin:0; padding:5px 0 0 0; color:#ed1c24; font-size:12px; line-height:1.5em; font-weight:normal; text-transform:uppercase;}
.wof .wof-form-field.error .wof-error-msg {display:block;}

.wof .wof-form-field.type-checkbox {padding-bottom-bottom:10px; position:relative;}
.wof .wof-form-field.type-checkbox input {width: auto;}
.wof .wof-form-field.type-checkbox.terms_promo p {margin-top: 0;}
.wof .wof-form-field.type-checkbox .chk {position:absolute; top:0px; left:0; padding:2px;}
.wof .wof-form-field.type-checkbox.error .chk {padding:1px; border:1px solid #ed1c24; background-color:#ffd0d2;}
.wof .wof-form-field.type-checkbox.error .chk input {margin:0; float:left; display:block;}
.wof .wof-form-field.type-checkbox label {padding-left:1.5em; color:#222222; font-size:14px; line-height:1.2em; font-weight:normal; display:block;}
.wof .wof-form-field.type-checkbox label a {margin:0; padding:0; color:#222222; font-size:14px; line-height:1.4em; font-weight:normal; text-decoration:underline;}
.wof .wof-form-field.type-checkbox label a:hover {text-decoration:none;}


.wof .wof-btn-style {margin:0; padding:10px 25px; color:#ffffff; font-size:20px; line-height:28px; font-weight:bold; background-color:#f57d22; text-decoration:none; transition: background-color 0.2s ease-in-out; display:inline-block; text-align:center; border-radius:7px;}
.wof .wof-btn-style:hover {text-decoration:none; background-color:#da6106;}
.wof .wof-btn-style.passive {background-color:#BBBBBB !important; cursor: default;}
.wof_july_cz .wof .wof-btn-style {font-weight:300;border-radius:0;}
.grecaptcha-badge {opacity:0 !important;}
.wof .wof-form-wrapper .wof-btn-style {width:100%;}

.wof .wof-coupon-wrapper {margin-bottom:20px; padding:10px 20px; display:inline-block; clear:both; background-color:#f4f4f4; border:1px solid #dfdfdf;}
.wof .wof-coupon-wrapper p {margin:0; padding:0; color:#222222; font-size:14px; line-height:1.5em; font-weight:normal;}
.wof .wof-coupon-wrapper p span {margin:0; padding:0; color:#222222; font-size:20px; line-height:1em; font-weight:bold;}

.wof .wof-recaptcha-wrapper {padding-bottom:20px;}

/*MODAL*/
.wof-modal-close {width:30px; height:30px; background-color:#dbdbdb; text-align:center; position:fixed; top:-15px; right:-15px; z-index:1; cursor:pointer; transition: background-color 0.25s ease-in-out;}
.wof-modal-close.wof-modal-close-rules {top:0px; right:0px;}
.wof-modal-close:after {content:'\f00d'; font-family:FontAwesome; margin:0; padding:0; color:#000000; font-size:18px; line-height:30px; font-weight:bold; transition: color 0.25s ease-in-out;}
.wof-modal-close:hover {background-color:#000000;}
.wof-modal-close:hover:after {color:#FFFFFF;}

/*STEP 2 coupon image */
.with-image .wof .step2_left {float: left; width: 60%; display: inline-block;}
.with-image .wof .step2_right {float: right; width: 40%; display: inline-block;}
.with-image .wof .step2_right img {max-width: 100%;}

/*BRANDS*/
.delimano .wof .wof-btn-style {background-color:#fb7e2a;}
.delimano .wof .wof-btn-style:hover {background-color:#da6106;}
.delimano .wof .wof-des-wrapper p a,
.delimano .wof .wof-des-wrapper span,
.delimano .wof .wof-des-wrapper strong,
.delimano .wof .wof-coupon-wrapper p span {color:#fb7e2a;}
.delimano .wof .wof-des-wrapper h1,
.delimano .wof .wof-des-wrapper h2,
.delimano .wof .wof-des-wrapper h3,
.delimano .wof .wof-btn-style,
.delimano .wof .wof-coupon-wrapper p span {font-family:'Roboto Slab', Arial, sans-serif;}

.dormeo .wof .wof-btn-style {background-color:#00285e;}
.dormeo .wof .wof-btn-style:hover {background-color:#061a41;}
.dormeo .wof .wof-des-wrapper p a,
.dormeo .wof .wof-des-wrapper span,
.dormeo .wof .wof-coupon-wrapper p span {color:#00285e;}
.dormeo .wof .wof-des-wrapper h1,
.dormeo .wof .wof-des-wrapper h2,
.dormeo .wof .wof-des-wrapper h3,
.dormeo .wof .wof-btn-style,
.dormeo .wof .wof-coupon-wrapper p span  {font-family:'PT Sans', Arial, sans-serif;}

.mango .wof .wof-btn-style {background-color:#221060;}
.mango .wof .wof-btn-style:hover {background-color:#0e0332;}
.mango .wof .wof-des-wrapper p a,
.mango .wof .wof-des-wrapper span,
.mango .wof .wof-coupon-wrapper p span {color:#221060;}
.mango .wof .wof-des-wrapper h1,
.mango .wof .wof-des-wrapper h2,
.mango .wof .wof-des-wrapper h3,
.mango .wof .wof-btn-style,
.mango .wof .wof-coupon-wrapper p span  {font-family:'Roboto Condensed', Arial, sans-serif;}

.topshop .wof .wof-btn-style {background-color:#ed1c24;}
.topshop .wof .wof-btn-style:hover {background-color:#bb1720;}
.topshop .wof .wof-des-wrapper p a,
.topshop .wof .wof-des-wrapper span,
.topshop .wof .wof-coupon-wrapper p span {color:#ed1c24;}
.topshop .wof .wof-des-wrapper h1,
.topshop .wof .wof-des-wrapper h2,
.topshop .wof .wof-des-wrapper h3,
.topshop .wof .wof-btn-style,
.topshop .wof .wof-coupon-wrapper p span  {font-family:'Roboto Condensed', Arial, sans-serif;}

.walkmaxx .wof .wof-btn-style {background-color:#D22026;}
.walkmaxx .wof .wof-btn-style:hover {background-color:#AC1A1F;}
.walkmaxx .wof .wof-des-wrapper p a,
.walkmaxx .wof .wof-des-wrapper span,
.walkmaxx .wof .wof-coupon-wrapper p span {color:#000000;}
.walkmaxx .wof .wof-des-wrapper h1,
.walkmaxx .wof .wof-des-wrapper h2,
.walkmaxx .wof .wof-des-wrapper h3,
.walkmaxx .wof .wof-btn-style,
.walkmaxx .wof .wof-coupon-wrapper p span  {font-family:'Roboto Condensed', Arial, sans-serif;}

.wellneo .wof .wof-btn-style {background-color:#A6CE39;}
.wellneo .wof .wof-btn-style:hover {background-color:#85B600;}
.wellneo .wof .wof-des-wrapper p a,
.wellneo .wof .wof-des-wrapper span,
.wellneo .wof .wof-coupon-wrapper p span {color:#A6CE39;}
.wellneo .wof .wof-des-wrapper h1,
.wellneo .wof .wof-des-wrapper h2,
.wellneo .wof .wof-des-wrapper h3,
.wellneo .wof .wof-btn-style,
.wellneo .wof .wof-coupon-wrapper p span  {font-family:'Roboto Condensed', Arial, sans-serif;}

.outlet .wof .wof-btn-style {background-color:#65A800;}
.outlet .wof .wof-btn-style:hover {background-color:#5A8103;}
.outlet .wof .wof-des-wrapper p a,
.outlet .wof .wof-des-wrapper span,
.outlet .wof .wof-coupon-wrapper p span {color:#002B4F;}
.outlet .wof .wof-des-wrapper h1,
.outlet .wof .wof-des-wrapper h2,
.outlet .wof .wof-des-wrapper h3,
.outlet .wof .wof-btn-style,
.outlet .wof .wof-coupon-wrapper p span  {font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif;}

.rovus .wof .wof-btn-style {background-color:#dd1e3c;}
.rovus .wof .wof-btn-style:hover {background-color:#dd1e3c;}
.rovus .wof .wof-des-wrapper p a,
.rovus .wof .wof-des-wrapper span,
.rovus .wof .wof-coupon-wrapper p span {color:#BED62F;}
.rovus .wof .wof-des-wrapper h1,
.rovus .wof .wof-des-wrapper h2,
.rovus .wof .wof-des-wrapper h3,
.rovus .wof .wof-btn-style,
.rovus .wof .wof-coupon-wrapper p span  {font-family: 'Barlow', arial, sans-serif;}

.scoutlet .wof .wof-btn-style {background-color:#0074BC;}
.scoutlet .wof .wof-btn-style:hover {background-color:#0074BC;}
.scoutlet .wof .wof-des-wrapper p a,
.scoutlet .wof .wof-des-wrapper span,
.scoutlet .wof .wof-coupon-wrapper p span {color:#0074BC;}
.scoutlet .wof .wof-des-wrapper h1,
.scoutlet .wof .wof-des-wrapper h2,
.scoutlet .wof .wof-des-wrapper h3,
.scoutlet .wof .wof-btn-style,
.scoutlet .wof .wof-coupon-wrapper p span  {font-family: 'PT Sans Narrow', arial, sans-serif;}

.napsie .wof .wof-str-wheel {width: 335px;}
.napsie .wof .step2_left {float: left; width: 60%; display: inline-block;}
.napsie .wof .step2_right {float: right; width: 40%; display: inline-block;}
.napsie .wof .step2_right img {max-width: 100%;}
.napsie .wof .wof-btn-style {background-color:#F0CC5C; border-radius: 0; color: #000000;}
.napsie .wof .wof-btn-style:hover {background-color:#F0CC5C;}
.napsie .wof .wof-str-content .wof-des-wrapper h1 strong {color: #000000;}
.napsie .wof .wof-des-wrapper p a,
.napsie .wof .wof-des-wrapper span,
.napsie .wof .wof-coupon-wrapper p span {color:#ecad2c;}
.napsie .wof .wof-des-wrapper h1 {font-weight: bold; color: #F0CC5C; }
.napsie .wof,
.napsie .wof .wof-des-wrapper h1,
.napsie .wof .wof-des-wrapper h2,
.napsie .wof .wof-des-wrapper h3,
.napsie .wof .wof-btn-style,
.napsie .wof .wof-coupon-wrapper p span  {font-family:'Open Sans', sans-serif;}
.napsie .wof .wof-des-wrapper h1 strong {display: block; padding-top: 15px; font-size: 30px;  line-height: normal;}
.napsie .wof .wof-form-wrapper {padding: 20px 0 20px 0; margin-bottom: 200px;}
.napsie .wof .wof-form-wrapper .wof-btn-style {width: auto;}
.napsie .wof .wof-form-field.type-checkbox label,
.napsie .wof .wof-form-field.type-checkbox label a {color: #fff;}
.napsie .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url(/static/onsite/images/wand3.png); width:0; height:60px; border: none; margin-top:-30px; position:absolute; top:50%; left:0px; z-index:3;}
.napsie .wof .subtitle {display: none;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS*/

/*MODAL*/
.wof-modal-close {position:absolute;}
}


@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
/* IE9 CSS */

/*MODAL*/
.wof-modal-close {position:absolute;}
}

@media only screen and (max-width:960px) {
/*MODAL*/
.wof-modal-close {top:-10px; right:-10px;}
.napsie .wof .wof-str-wheel {width: 225px;}
}

@media only screen and (max-width:768px) {
/*MODAL*/
.wof-modal-close {top:0px; right:0px;}
}

@media only screen and (max-width:640px) {
/*GLOBAL*/
.wof {height:auto; display:block;}
.wof .wof-str-content {width:100%; float:none; padding:20px;}
.wof .wof-str-content-wide {padding:20px;}
.napsie .wof .wof-str-wheel,
.wof .wof-str-wheel {width:100%; height:150px; float:none;}
.wof .wof-str-wheel .wof-str-wheel-inner:before {content:""; width:0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #ffffff; border-bottom: none; margin-top:0; top:0; left:50%; margin-left:-25px; z-index:3;}
.arr1 .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/arr1_dr_down.png"); width:50px; height:0; border: none; position:absolute; top:20px; left:50%; z-index:3; margin-left: -25px;}
.arr1_ts .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/arr1_ts_down.png"); width:50px; height:0; border: none; position:absolute; top:20px; left:50%; z-index:3; margin-left: -25px;}
.spring .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/WOF_arrow_spring2.png"); width:50px; height:0; border: none; position:absolute; top:54px; left:50%; z-index:3; margin-left: 0px; transform: rotate(90deg);}
.spring_cz .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url("/static/onsite/images/CZ_WOF_arrow_spring2.png"); width:50px; height:0; border: none; position:absolute; top:54px; left:50%; z-index:3; margin-left: 0px; transform: rotate(90deg);}
.wof .wof-str-wheel #wof-wheel-canvas {position:absolute; top:0; left:50%; margin-left:-230px; margin-top:15px;}

.with-image .wof .step2_left {float: none; width: 100%; display: block;}
.with-image .wof .step2_right {float: none; width: 100%; display: block;}

.napsie .wof .step2_left {float: none; width: 100%; display: block;}
.napsie .wof .step2_right {float: none; width: 100%; display: block;}
.napsie .wof .step2_right img {max-width: 100%; margin-top: 10px;}
.napsie .wof .wof-form-wrapper {margin-bottom: 0;}
.napsie .wof .wof-str-wheel .wof-str-wheel-inner:before {content:url(/static/onsite/images/wand4.png); width:40px; height:0; border: none; position:absolute; top:30px; left:50%; z-index:3; margin-left: -22px;}
}

@media only screen and (max-width:480px) {
/*GLOBAL*/
.wof .wof-btn-style {font-size:18px;}
}

@media only screen and (max-width:360px) {
/*GLOBAL*/
.wof .g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
}

/*---Hide reCaptcha v3 visible seal---*/
.grecaptcha-badge {
    opacity:0 !important;
}