/*RSP COMMON: 05-20-2020*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
LAYOUTS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

* {
	margin:0px;
	padding:0px;
	
}
body, html {
	margin:0px;
	padding:0px;
}
body {
	-webkit-text-size-adjust: none;
	}
.clear {
	clear: left;	
}
html {
	font-family: Arial, sans-serif;
}
table,
td {
	border:none !important;
	border-collapse:collapse !important;
	
}

/**************************************************************************************************
LAYOUT
**************************************************************************************************/
/*WARPPER*/
#promo_wrapper {
	width: 810px;
	position: relative;
	overflow: hidden;
	margin:2.5% auto 2.5% auto;
	display:block;
}
@media screen and (min-height: 550px) {  /*13inch*/
#promo_wrapper {
	margin:.5% auto .5% auto;
}
}

@media screen and (min-height: 650px) {  /*15inch*/
#promo_wrapper {
	margin:2.5% auto 2.5% auto;
}
}


#promo_wrapper {
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
}
/*TOP NAV*/
 #main_nav {
	height:30px;
	width:810px;
	float:left;
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	background-color:#ffffff;
}
 #main_nav ul {
	width:810px;
	height:30px;
	margin:0px;
	padding-left:0px;
	float:left;
	list-style-type: none;
}
 #main_nav ul li{
	padding: 9px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align: center;
	width: 32%;
	float: left;
}
#main_nav a:link, 
#main_nav a:visited, 
#main_nav a:hover, 
#main_nav a:active 
{
	text-decoration: none;
	color: #ffffff;
}

/*CONTENT*/
#content {
	width:810px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	position: relative;
	z-index:99;
	background-color:#ffffff;
	overflow:hidden;
}
#content a:link, 
#content a:visited, 
#content a:active 
{
	color:#006666;
}

#content img {
	vertical-align:top;
}

.view-desktop {
	display:block !important;
}
.view-phone,
.view-mobile {
	display:none !important;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
FOOTER
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#bottom_nav {
	float:left;
	width:790px;
	font-size: 11px;
	line-height: 14px;
	margin:0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	font-weight: normal;
	text-align:left;
	background-color:#ffffff;
}
#bottom_nav a:link, 
#bottom_nav a:active, 
#bottom_nav a:visited 
{
	color: #006666;
}

#bottom_nav p{
	font-size: 13px;
	line-height: 14px;	
	padding: 0px 0px 5px 0px;
}
#bottom_nav #logo{
	float:left;
	margin-top: -15px;
}
#bottom_nav #links {
	font-size:14px !important;
	line-height:22px !important;
	float:left;
	width:  790px;
	padding: 0px 0px 5px 0px;
}
#bottom_nav #links ul{
}
#bottom_nav #links ul li{
	display: inline;
	list-style-type: none;
	padding: 0px 5px 0px 0px;
}
#bottom_nav #copyright {
	float:left;
	padding: 8px 0px 0px 0px;
}
#poweredby {
	float:right;
	width:  45%;
	text-align: right;
	padding: 8px 0px 0px 0px;
}
#administeredby {
	float:left;
	width:  45%;
	text-align: left;
	padding: 8px 0px 0px 0px;
}

@media only screen and (max-width : 767px) {
	#bottom_nav #links {
	font-size:19px !important;
	padding-bottom:10px;
	
}
}


@media only screen and (max-width : 1200px) {
/*ipad landscape*/

}


/*************************************
BREAK POINTS
************************************/

@media only screen and (max-width : 1200px) {
/*ipad landscape*/

}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
/*ipad portrait*/
#promo_wrapper {
	margin:0 auto 0 auto;
	/**/
	transform:scale(.95);
	-webkit-transform:scale(.95);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

#promo_wrapper {
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0);
}

}

/*iPad Pro 10.5"*/
/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	#promo_wrapper {
	margin:2.5% auto 2.5% auto;
	/**/
	transform:scale(1);
	-webkit-transform:scale(1);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

#promo_wrapper {
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.25);
}


}

@media only screen and (max-width : 767px) {
/*phone*/

/*WARPPER*/
#promo_wrapper {
	width: 410px;
	padding:0 !important;
	margin:0 auto 0 auto;
	/**/
	transform:scale(1);
	-webkit-transform:scale(1);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}
.view-desktop {
	display:none !important;
}
.view-phone,
.view-mobile {
	display:block !important;
}
.view-phone img{
	width: 410px;
}
/*TOP NAV*/
 #main_nav {
	height:30px;
	width:410px;
}
#main_nav ul {
	width:410px;
}
/*CONTENT*/
#content {
	width:410px;
}
/*FOOTER*/
#bottom_nav {
	width:390px !important;
}
#bottom_nav #links {
	text-align:center;
	width:  390px;
	padding-bottom:10px;
}
#poweredby {
	width:  100%;
	padding: 5px 0px 0px 0px;
	text-align:left;
}
#administeredby {
	width:  100%;
	padding: 5px 0px 0px 0px;
	text-align:left;
}
}



.page-visual img,
.page-content img {
	width:810px;
}
@media only screen and (max-width : 767px) {
.page-visual img, 
.page-content img {
    width: 410px;
}
}




/*************************************
OFFICIAL RULES
************************************/
#official_rules_page {
}
.rules-show {
	-webkit-animation-name: fadein;
          animation-name: fadein;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
	
	
}
.rules-hide {
  -webkit-animation-name: fadeout;
          animation-name: fadeout;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

/*************************************
OFFICIAL RULES - MODAL WAL NOT WORKING
************************************/

/*
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
}

.modal {
	z-index: 100;
	background: #fff;
	position: relative;
	border-radius: 3px;
	max-width: 750px;
	min-height:700px;
	padding: 10px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 20%;
	margin-left: auto;
	right:-10px;
}
.modal-header {
    display: flex;
    justify-content: flex-end;
}
.modal-close-button, button {
    font-weight: 700;
    border: none;
}
.modal-close-button {
    font-size: 1.4rem;
    line-height: 1;
    color: #000;
    opacity: .3;
    cursor: pointer;
}

@media only screen and (max-width : 767px) {
	.modal {
	max-width: 350px;
	min-height:600px;
	right:0px;
	
}
}
*/

/*************************************
OFFICIAL RULES - USED
************************************/
.showDiv {
	display:block;
}
.hideDiv {
	display:none;
}

#rules_overlay_cover {
	/*darh bkg overlay*/
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: .5;
}
#rules_overlay {
	position: relative;
	 z-index: 1050;
	 width:100%;
	 margin-top:0;
	 height:0px;
	 margin-left:0%;
	 text-align:center;
	 
}
#rules_overlay_content {
	position: relative;
	margin:2.5% auto 2.5% auto;
	z-index: 1050;
	width: 810px;
	height: calc( 88.5vh);
	display:inline-block;
	background-color:#ffffff;
}
#rules_overlay_content .iframerule { 
width: 810px;
padding:0px 0px 0px 0px;
/*height: calc( 98vh - 10px);*/
overflow: hidden;
height: calc( 88.5vh);
}
#rules_close {
	background-color:black;
color:#ffffff;
	padding:5px;
	text-align:right;
}
#rules_close span{
	padding:1px 5px 1px 5px;
	margin:1px;
	border: 1px solid #ffffff;
	cursor:pointer !important;
}
#rules_close_bottom {
	background-color:white;
	padding:15px 5px 5px 5px;
	margin-top:-10px !important;
	text-align:right;
	display:none; /*this should only display on devices*/
}
#rules_close_bottom span{
	padding:1px 5px 1px 5px;
	margin:1px;
	border: 1px solid #666;
	width:20px !important;
	cursor:pointer !important;
}
.rules-title {
	float:left;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
  and (orientation: portrait) {
#rules_close_bottom {
	display:block !important; /*this should only display on devices*/
}
	  
  }
@media only screen and (max-width : 991px) {
#rules_overlay_cover {
    width: 110vw !important;
	height: 110vh !important;
}
#rules_overlay_content {
	width: 725px;
	height: calc( 100vh) !important;
}
#rules_overlay_content .iframerule { 
	width: 725px;
	height: calc( 100vh) !important;
}



@media screen and (max-height: 670px) {  /*13inch*/

}

@media only screen and (max-width : 767px) {
	#rules_overlay_content {
	width: 360px;
	height: calc( 100vh);
}
#rules_overlay_content .iframerule { 
	width: 360px;
	height: calc( 100vh);
}
#rules_close_bottom {
	display:block !important; /*this should only display on devices*/
}

}

/*************************************
ALL PAGES
************************************/
#register_page td,
#already_played_page td,
#coming_soon_page td,
#promo_ended_page td,
#prizes_page td
{
	vertical-align:top !important;
	
}



/*************************************
BTNS
************************************/
.form-submit img,
.form-submit input,
#thank_you_button_link_out img,
#redeem_button img,
#won_button_link_out img,
#lost_button_link_out img,
#thank_you_button_link_out img,
#button_spin img,
#thank_you_button_print img,
#prizes_page #button_enter img{
	cursor:pointer;
}


/*REACT LINK CLICKABLE LOOKING*/
#main_nav ul li,
#bottom_nav #links ul li,
#main_nav ul li:hover,
#bottom_nav #links ul li:hover,
#main_nav ul li span,
#bottom_nav #links ul li span,
#main_nav ul li span:hover,
#bottom_nav #links ul li span:hover {
	cursor:pointer !important;
}

/****************************
CORRIERE
****************************/
.nowrap {
	white-space:nowrap;
}
sup{
	font-size: 40%;
	line-height:40%;
}

@media only screen and (max-width : 767px) {
.nowrap {
	white-space:normal;
}
	
}



/*************************************
CSS SFX
************************************/

/*flashing*/
@keyframes flashing {  
  50% { 
  opacity: .15;
   
  }
}

@-webkit-keyframes flashing { 
	50% { 
  opacity: .15; 
  }
}
/*error blink border*/
@keyframes blinkborder {  
 50% { 
border-color: #ff0000; }  
  }
}

@-webkit-keyframes blinkborder { 
50% { 
border-color: #ff0000; }  
}
@keyframes blinker {  
  50% { 
  opacity: 0; 
  }
}
/*error*/
@-webkit-keyframes blinker { 
	50% { 
  opacity: 0; 
  }
}

/*glowing for buttons*/
@keyframes glowing {
  0% { box-shadow: 0 0 3px BLACK; }
  50% { box-shadow: 0 0 10px WHITE; }
  100% { box-shadow: 0 0 3px BLACK; }
}

/************************************************
EFFECTS
*************************************************/
/*fade in*/
@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*fade out*/
@-webkit-keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}