@charset "UTF-8";
/* CSS Document */


.switchBlue  {color:#0f6ba5;}
.switchBlue_bg  {background-color:#0f6ba5;}
.switchGreen {color:#00751c; }
.switchGreen_bg {background-color:#00751c !important; }
.switchWhite {color:#fff;}
.switchBlack {color:#000;}
.white_f {color:#fff;}
.white_bg {background:#fff;}
.grey_bg {background:#f9f9f9;}


h1, h2 {font-family: 'Montserrat', Sans-serif; font-weight:800; margin:0 0 18px 0; font-size: 30px; line-height:1.5;}

h3, h4 {font-family: 'Roboto', sans-serif; font-weight:600; margin:0 0 14px 0; font-size: 20px;}

span {font-family:inherit; font-weight:inherit; font-size:inherit;}

p {font-family: 'Roboto', sans-serif; line-height:1.6; font-weight: 400;  margin:0 0 12px 0; font-size: 14px;}
li, input, textarea, select {font-family: 'Roboto', sans-serif;}

img {max-width:100%;}

body {background-color:#fff; background-image:url(../files/image/rw/Hero-Background-scaled.png); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; background-attachment:fixed;}

header {margin:25px 0;}
header .header {border-radius: 30px; box-shadow:0 0 10px rgba(0,92,153,0.5); background:#fff; padding:12px 25px 12px 25px; }
.header h1 {margin:0; color:#265b95; font-size: 24px; text-align:center; padding-top: 6px;}
.header .hideSM a {transition:all 0.2s ease-in-out; transform:scale(1); color:#444; font-size: 19px; font-family:"Montserrat", Sans-serif; padding: 15px 0; display:block;}
.header .hideSM a:hover {transform:scale(1.1); color:#265b95;}

footer {border-top: 1px solid #ddd; margin-top: 10px; padding-top: 30px; text-align:center; border-radius: 30px; background:#fff;}
footer h4 {font-size: 22px;}
footer h4 a {color:#265b95; font-weight: 800;  font-family:"Montserrat", Sans-serif; }
.socials a {color:#000; font-size: 32px; display:inline-block; margin: 15px 10px;}
.footerNav a {display:block; text-align:center; color:#000; font-size: 20px; margin: 15px 0;}
.footBase p {font-size: 16px; color:#666;}

.enterNow {border-radius: 30px; box-shadow:0 0 10px #aaa; display:inline-block; padding: 0 20px 0 50px;  font-family:"Montserrat", Sans-serif; color:#fff;  }
.enterNow span {display:inline-block; padding: 16px 0; border-left:1px dashed #333; padding-left:10px;}
.enterNow a {color:#444;}
.enterNow {background:#fff url(../files/image/rw/streamline_module-puzzle-1-1.png) no-repeat 15px 50% / 25px;}
.enterNow:hover {background-color:#2DB32B !important; background-image: url(../files/image/rw/streamline_module-puzzle-1-1-1.png);}

/*.enterNow:hover {background-color:rgba(48, 155, 42, 1) linear-gradient(340deg,rgba(48, 155, 42, 1) 0%, rgba(66, 199, 121, 1) 50%, rgba(86, 237, 83, 1) 100%) !important;background-image: url(../files/image/rw/streamline_module-puzzle-1-1-1.png);}*/
.enterNow:hover span {border-color:#fff; color:#fff;}

.freeEntry {background:#fff url(../files/image/cw/clarity_lightning-solid-1.png) no-repeat 15px 50%; background-size: 27px; margin:50px auto; color:#265b95; width: 200px; box-shadow:0 0 10px #aaa; border-radius: 30px; padding: 15px 10px 15px 10px; font-weight: 700; font-size: 20px }

.intro h2 {font-size: 48px; font-weight: 700; line-height: 1.2;}
.intro h2 .scribble {position:relative; display:inline-block;margin-bottom: 50px;}
.intro h2 .scribble:after {position:absolute; top:100%; left:0; width:100%; padding-top: 15%; content:""; background-image:url(../files/image/rw/scribble-1.png); background-size:contain; background-repeat:no-repeat;}

.intro p {font-size: 22px; font-family:"Montserrat", Sans-serif;}
.intro h3 {font-size: 28px; font-family:"Montserrat", Sans-serif; color:#265b95; font-weight:bold; margin-top: 20px;}

.rating {width: 210px; margin:70px auto; position:relative; background:#fff; font-size: 18px; border-radius: 20px; border-bottom: 3px solid #265b95; padding: 20px 5px 10px 5px; }
.rating img {position:absolute; width: 60%; left: 20%; top: -40px;}
.rating i {font-size: 18px; color:gold;}

.cash250 {padding-top: 33%; max-width: 900px; position:relative; background:url(../files/image/rw/250-cash-img.png) 50% / cover; border-radius: 30px; margin:0 auto; }
.cash250 span {position:absolute; left: 5%; bottom: 5%; right: 5%; width:90%; background:rgba(255,255,255,0.3); border-radius: 15px; padding: 15px; text-align:center; color:#fff; font-weight: bold; font-size: 26px;}

.downArrow {display:block; margin: -20px auto 60px auto; position:relative; width: 80px;  animation: bounce 1s infinite;  }

.winBig h2 {text-align:center; font-size: 36px;}

.entryForm {background:linear-gradient(0deg, #255A93 0%, #222325 100%); display:block; max-width: 90%; border-radius: 30px; padding: 50px; margin: 20px auto; color:#FFF; }
.entryForm h3 {font-size: 36px; font-weight: 400;}
.entryForm p {font-size: 20px;}

.formWrap {border-radius: 20px; border:1px solid #fff; padding: 20px;}
.formWrap fieldset {border:none; padding:10px 0; margin:0; display:inline-block; width: 49%;}
.formWrap fieldset:nth-of-type(3),.formWrap fieldset:nth-of-type(4) {width:100%;}
.formWrap fieldset label {display:block; font-size: 16px; font-weight: 600; margin-bottom: 5px;}
.formWrap fieldset label sup {color:red; font-size: 80%; vertical-align:top; padding-left: 5px; display:inline-block;}
.formWrap fieldset input[type="text"] { width:95%; padding: 10px; border-radius: 6px; border:none;}
.formWrap fieldset input[type="button"] {cursor:pointer; background:linear-gradient(0deg, #255A93 0%, #222325 100%); padding: 10px; width: 240px; border:1px solid white; border-radius: 10px; margin:0px auto; display:block; color:white; font-weight: 600;}
.formWrap fieldset input[type="button"]:hover  {background:linear-gradient(0deg, #00751c 0%, rgba(48, 155, 42, 1) 100%);}
.errors {background:red; padding: 5px 10px; border:1px solid #fff; border-radius: 4px; font-size: 13px;}

.whatAbout {margin: 40px 0;}
.whatAbout h2 {text-align:left; font-size: 36px; line-height: 1.2; font-weight: 700;}
.whatAbout h2 span {color:#255A93;}
.whatAbout p {font-size: 22px; max-width: 90%;}


.privacy p {font-size: 18px; line-height: 1.6;}
.privacy span {font-size: 16px; line-height: 1.6;}
.privacy ul li {list-style:disc; margin:0 0 10px 20px; font-isze: 18px;}
.privacy h2 {font-weight: 600; font-size: 20px;}
.privacy a {color:red;}
.privacy .contained {padding: 25px; border-radius: 30px; box-shadow:0 0 10px rgba(0,92,153,0.5); background:#fff; margin-bottom: 50px; }



@keyframes bounce {
	0%, 100% {transform: scale(1) ;}
	50% {transform: scale(1.1); }
}

::placeholder { 
  color: black;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { 
  color: black;
}

::-ms-input-placeholder {
  color: black;
}


@media(max-width: 986px){
	.formWrap fieldset {width:100%;}
	.cash250 {padding-top: 60%;}
	.intro {padding: 0 15px !important;}
	.intro h2 {font-size: 38px;}
	.winBig h2 {font-size: 30px; padding: 0 15px;}
}

@media(max-width: 768px){
	.cash250 {padding-top: 70%;}
	.entryForm {padding: 20px;}
	header h1 {font-size: 20px !important;}

	.enterNow {border-radius: 20px; padding: 0 10px 0 35px;  }
	.enterNow span { padding: 16px 0 16px 5px;}
	.enterNow a {font-size: 13px;}
	.enterNow {background:#fff url(../files/image/rw/streamline_module-puzzle-1-1.png) no-repeat 12px 50% / 16px;}
.hideSM {display:none;}
}
.offerBox {padding: 10px; border:1px solid #ddd; border-radius: 10px; background:#002; box-shadow:0 0 20px rgba(0,0,0,0.2); margin-bottom:20px;}
.offerBox h2 {font-size: 18px; color:yellow; text-align:center; font-weight: 500; line-height: 1.2; margin:0;}
.offerBox h3 {font-size: 15px; background:#600; margin:5px -10px; padding:3px 0 3px 0;  color:white; text-align:center; font-weight: 500; line-height: 1.2;}
.offerBox img {border:1px soild #444; border-radius: 6px; margin: 2px 0;}
.offerBox .oTerms {font-size: 11px; color:#ccc; padding: 5px 0; line-height: 1.3;}
.offerBox button {background:green; font-size: 20px; width: 100%; color:#fff; padding: 5px; border:0; border-radius: 6px; font-weight:bold;}
.offerBox button.offerApply {background:yellow; color:#000;}
.offerBox button.offerApply:hover {background:#000; color:yellow;}
.offerBox button a {color:yellow;}
.offerBox button a:hover {color:white;}
.offerBox.HP {margin:10px auto;}

.compEntryBox {padding: 15px; background:#fff; color:#333; border-radius: 12px; box-shadow:0 0 20px rgba(0,0,0,0.3);}
.compEntryBox fieldset {padding:0; border:none; margin:10px 0;}
.compEntryBox fieldset label {display:inline-block; font-size: 12px; width:80px;}
.compEntryBox fieldset input[type="text"] {width:calc(100% - 90px); padding: 5px 10px; border:1px solid #444; border-radius: 4px; }
.compEntryBox fieldset input[type="number"] {-webkit-appearance:none; appearance:none; margin:0 5px 0 0; padding: 5px 10px; border:1px solid #444; border-radius: 4px; }
#comp_d {width:calc((100% - 90px) / 4)}
#comp_m {width:calc((100% - 90px) / 4)}
#comp_y {width:calc((100% - 90px) / 3)}
.compEntryBox fieldset p {font-size:12px;}
.compEntryBox fieldset p a {Color:black; font-weight: 600;}
#comp_enter, .enterComp {width:100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), #005c99) !important; border:1px solid white; color:#fff; padding: 8px; border-radius: 10px; font-size: 20px; font-weight:bold;}
.compEntryBox .terms {font-size: 13px;}
#comp_enter:hover, .enterComp:hover {background: linear-gradient(to bottom, #359843, #58fe70) !important; }
.enterComp a {color:#fff;}

.heroImg {padding-top:65%; border-radius: 20px 20px 0 0 ; background-size:cover; position:relative; background-position: 50% 90%;}
.heroImg h1 {background:rgba(255,255,255,0.2); width: 90%; bottom: 20px; position:absolute; border-radius: 10px; left: 5%; color:#fff; padding:10px 0;  }
.heroCompTerms {padding: 10px 20px; color:#444; border-radius: 0 0 10px 10px;  font-size: 14px; line-height:1.4; margin-bottom: 5px;}
.enterHeroComp {font-size: 20px; cursor:pointer; padding: 10px 20px; border-radius: 10px; border:none; background:#07d; box-shadow:0 0 5px rgba(0,0,0,0.3);}
.enterHeroComp a {color:yellow; font-weight:bold;}
.enterHeroComp:hover {background:#000;}
.enteredHeroComp {font-size: 20px; cursor:pointer; padding: 10px 20px; border-radius: 10px; border:none; background:green; color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3);} 
.enteredComp {font-size: 20px; cursor:pointer; padding: 10px 20px; border-radius: 10px; border:none; background:green; color:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3);} 


#accountArea {background:linear-gradient(0deg, #255A93 0%, #222325 100%);  border-top: 5px solid #09f; margin-top: 30px; padding: 20px 0; }
#accountArea h2 {color:black; font-size: 20px; font-weight: 600; margin-bottom: 0; background:yellow; display:inline-block; padding: 3px 15px; border-radius: 0px 12px 0 0;}
#accountInfo {background:#111; padding: 15px; border-radius: 0 12px 12px 12px; color:#fff; border:1px solid yellow;}
#accountInfo label {font-size: 10px; color:#666; display:inline-block; width: 70px;}

#compsInfo h3 {background:#111; padding: 100px 15px 15px 15px; border-radius: 0 12px 12px 12px; color:#fff; border:1px solid yellow; min-height: 240px; }
#offersInfo h3 {background:#111; padding: 100px 15px 15px 15px; border-radius: 0 12px 12px 12px; color:#fff; border:1px solid yellow; min-height: 240px; }

#offersInfo ul, #compsInfo ul {background:#111; padding: 15px 15px 15px 15px; border-radius: 0 12px 12px 12px; color:#fff; border:1px solid yellow; min-height: 240px; max-height: 240px; overflow-y:auto; }
#offersInfo ul li, #compsInfo ul li {border-bottom:1px solid #333; margin-bottom: 10px; position:relative;}
#offersInfo ul li img, #compsInfo ul li img  {width: 50px !important; margin-right: 12px;}
#offersInfo ul li h4, #compsInfo ul li h4 {font-size: 16px; margin:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#offersInfo ul li h5, #compsInfo ul li h5 {font-size: 13px; margin: 3px 0;}
#offersInfo ul li p, #compsInfo ul li p {font-size: 10px; color:#ddd; font-weight: 400;}
.cbDate {margin-left: 10px;}
.compPic {border-radius: 15px;}
.eWin {position:absolute; right:0; bottom: 10px; background:#090; color:yellow; padding: 4px 8px; border-radius: 4px; font-size: 11px;}


.logIn {padding: 20px 0; }
.logIn h3 {font-size: 36px; margin-top: 10px; font-weight:700;}
.logIn h3 span {color:#345a91;}
.logIn p {font-size: 20px;}
.logIn input {margin-top: 12px; font-size: 18px;}

.logIn input[type="button"] {background:#09f; border:none; border-radius: 4px; font-size: 18px; color:#fff; padding: 5px 16px; margin-left: 10px;}
.logIn input[type="text"] {width:240px; border-color:#666; padding: 5px 10px; border:1px solid #444; border-radius: 4px; }



#modal {position:absolute; z-index:99; top:0; left:0; width:100%; height: 100%; background:rgba(255,255,255,0.85);}
.succession {text-align:center; color:#049; line-height: 1.4; font-size: 32px; margin: 20px 0;}
#modalBox {position:relative; left: 50%; top:20%; width: 320px; margin-left:-160px; transition:all 0.5s ease-in-out; opacity:0; transform:scale(0.8);}
#modalBox.reveal {transform:scale(1); opacity:1;}
#modalBox .offerBox {box-shadow:0 0 30px rgba(0,0,0,0.5);}

.homeCompBox {border:2px solid #09f; border-radius: 15px; background:#eee; box-shadow:0 0 20px rgba(0,0,0,0.2); padding: 10px;}
.homeCompBox p {font-size:12px;}
.homeCompBox h3 {text-align:center; font-size:20px;}
.homeCompBox button {font-size: 15px; width:100%;}
.homeCompBox button:hover {background:green; }
.homeCompBox button:hover a {color:white;}
.winNav {position:relative; right:-20px;}

#headerSignout {margin-right: 20px; margin-top:-80px; pointer-events:none;}
#headerSignout button {transition:all 0.3s ease-in-out; pointer-events:all; cursor:pointer; background:#fff; border: none; font-size: 16px; color:#444; border-radius: 0 0 6px 6px; padding: 0px 12px 0 7px; border-radius: 16px; box-shadow:0 0 10px #aaa;}
#headerSignout button:hover {background: #83EE7B; background: linear-gradient(123deg,rgba(131, 238, 123, 1) 0%, rgba(87, 158, 81, 1) 100%); color:#fff;}
#headerSignout button i {padding:10px 0; margin-right: 5px; border-right: 1px dotted #666; width: 30px;}
#headerSignout button:hover i {border-color:#fff;}


#headerLogin {margin-right: 25px; margin-top:-25px;}
#headerLogin button {cursor:pointer; background:#09f; border: none; font-size: 16px; color:#fff; border-radius: 0 0 6px 6px; padding: 4px 10px;}

#s1 {background:#fff; display:inline-block; padding: 2px 4px 2px 8px; border-radius: 0 0 6px 6px;  box-shadow:0 3px 3px rgba(0,92,153,0.5); font-size: 12px; color:#444;  }
#s1  input[type="button"] {cursor:pointer; background:#09f; border: none; font-size: 14px; color:#fff; border-radius: 4px; padding: 4px 10px;}
#s1  input[type="text"] {font-size: 12px; border:1px solid #aaa; border-radius: 4px; padding: 4px 8px; width: 160px; margin:0 4px;}
#s2 {background:#fff; display:inline-block; padding: 2px 0px 2px 8px; border-radius: 0 0 6px 6px;  box-shadow:0 3px 3px rgba(0,92,153,0.5); font-size: 12px; color:#444;  }
#s2  input[type="number"] {font-size: 12px; border:1px solid #aaa; border-radius: 4px; padding: 4px 8px; width: 60px; margin:0 4px; appearance:none; -web-kit-appearance:none;}
#s2  input[type="number"]::-webkit-outer-spin-button,
#s2  input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#s2  inputinput[type=number] {
  -moz-appearance: textfield;
}

.winnersList ul {min-height: 200px; padding: 10px 15px; border:2px solid #09f; border-radius: 12px; background:#333; color:#fff; box-shadow:inset 5px 5px 10px #000;}
.winnersList ul li {margin-bottom: 10px; border-bottom:1px solid #444; padding: 8px 0 6px 0; font-size: 10px;}
.winnersList ul li strong {font-size:18px; margin-bottom: 5px; display:inline-block; color:yellow;}
.winnersList ul li img {margin-right: 10px; border-radius: 6px;}
.winnersList ul li>span {display:inline-block; margin-right: 10px;}
.winnersList ul li p {padding-top: 5px;}
.winnersList ul li p span em {font-size: 10px;}
.winnersList ul li p span {display:inline-block; background:green; color:#fff; font-size: 14px; padding: 1px 8px; border-radius: 8px; margin-top: 2px;}
.winnersList h2 {color:#07d;}


.winnersBox {padding: 15px; border:1px solid #aae; box-shadow:0 0 20px rgba(0,0,100,0.3); border-radius: 12px; text-align:center; margin-bottom: 15px;}
.winnersBox h3 {color:#06a; font-size: 21px;}
.winnersBox h4 {font-size: 18px; color:#333;}
.winnersBox h5 {font-size: 15px; color:#c70;}
.winnersBox p {margin: 10px 0 0 0; font-style:italic; font-size: 14px;}

/*countdown*/
.countdown {position:relative; width: 260px; height: 60px; overflow:hidden; margin: 10px auto;}
.countdown .countScale {transform-origin: 0 0; transform: scale(0.55); position:absolute; white-space:nowrap;}
.countdown span {width: 53px; height: 103px; display:inline-block; background:url(../files/image/countdown_trans.png) 0px 0px; position:relative; vertical-align:middle;}
.countdown em {font-style: normal; display:inline-block; font-size: 64px;}	
.cd_d0:before {position:absolute; content:"DAYS"; width:106px; height: 20px; bottom:0; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; font-sizs: 20px; z-index:10; letter-spacing: 2px;}
.cd_h0:before {position:absolute; content:"HOURS"; width:106px; height: 20px; bottom:0; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; font-sizs: 20px; z-index:10; letter-spacing: 2px;}
.cd_m0:before {position:absolute; content:"MINUTES"; width:106px; height: 20px; bottom:0; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; font-sizs: 20px; z-index:10; letter-spacing: 2px;}
.cd_s0:before {position:absolute; content:"SECONDS"; width:106px; height: 20px; bottom:0; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; font-sizs: 20px; z-index:10; letter-spacing: 2px;}
.cd_d0,.cd_d1 {filter:brightness(150%) sepia(100%) hue-rotate(195deg); }
.cd_h0,.cd_h1 {filter:brightness(150%) sepia(100%) hue-rotate(195deg); }
.cd_m0,.cd_m1 {filter:brightness(150%) sepia(100%) hue-rotate(195deg); }
.cd_s0,.cd_s1 {filter:brightness(170%)  contrast(90%) sepia(50%) hue-rotate(300deg) saturate(400%); }


@media(max-width:640px){
#headerSignout {margin-top:-70px; position:relative; right:-8px;}
.header .col-sm-6 {margin-right: 150px !important;}
	.header .col-sm-6 h1 {font-size: 16px !important; position:relative; top:-2px;}
.heroImg h1 {background:rgba(255,255,255,0.2); font-size: 20px; width: 90%; bottom: 0px; position:absolute; border-radius: 6px; left: 5%; color:#fff; padding:10px 0;  }
	.dailyComps h2 {font-size: 24px;}
	.whatAbout p {font-size: 18px;}
	footer .footerNav a {margin: 7px 0;}
	h3.succession {font-size: 22px; padding: 0 15px;}	
}

.compCounter>div {position:relative; border:2px solid #09f; height: 32px; margin: 10px auto; border-radius: 20px; background:#eee; box-shadow:inset 2px 10px 10px rgba(0,0,0,0.2); overflow-x:hidden; width:300px;}
.compCounter>div span {width: 28px; height: 28px; background:#09f; border-radius: 32px; position:absolute; top:0px; z-index:10; border:2px solid #fff; left: 0%;}
.compCounter>div em {width: 640px; height: 32px; background:#09f; left:0%; margin-left:-625px; position:absolute; top:0px; z-index:5;}
.compCounter p {text-align:center; font-size: 12px; color:#666;}
.compCounter p b {font-size: 16px; color:#334DA9;}