/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,600');*/
/*@import url('https://fonts.googleapis.com/css?family=Nunito:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Domine:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700');*/ 
/*@import url('https://fonts.googleapis.com/css?family=Oswald');*/
/*@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family==Montserrat:wght@400;600&display=swap');
/****************************************
FONT and FONT SIZES:
****************************************/
html,
body {
	/*font-family: 'Open Sans', sans-serif;*/
	/*font-family: 'Libre Franklin', sans-serif;*/
	/*font-family: 'Nunito', sans-serif;*/
	/*font-family: 'Roboto Slab', serif;*/
	/*font-family: 'Merriweather', serif;*/
	/*font-family: 'Domine', serif;*/
	/*font-family: 'Playfair Display', serif;*/
	/*font-family: 'Oswald', sans-serif;*/
	/*font-family: 'Domine', serif;*/
	/*font-family: 'Roboto Slab', serif !important;*/
 font-family: 'Montserrat', sans-serif;
}
#register_form h1 {
	font-size:15px;
	line-height:20px;
	font-weight:700;
}
.checkboxStyle {
  font-size: 12px;
  line-height:15px;
}
#msg_alreadyentered h1,
#msg_comingsoon h1,
#msg_promoended h1,
#msg_thankyou h1 {
	font-size:36px;
	line-height:40px;
}
#msg_alreadyentered h2,
#msg_comingsoon h2,
#msg_promoended h2,
#msg_thankyou h2 {
	font-size:18px;
	line-height:22px;
}

/****************************************
MAIN NAV:
*****************************************/
#main_nav {
	background: rgba(0, 0, 0, 0) !important;
 z-index: 9999 !important;
 position: relative !important;
 top: 25px !important;
 left: 650px;
 font-weight: 600 !important;
 
}
#main_nav a:link, 
#main_nav a:visited, 
#main_nav a:hover, 
#main_nav a:active 
{
	color: #ffffff;
}

#main_nav {
    font-size: 13px;
    line-height: 13px;
  
}
/****************************************
WARAPPER and MAIN CONTENT:
*****************************************/
#promo_wrapper 
{
	background-color: #000000 !important;
	color:#000000;
}
a:link, 
a:visited, 
a:active 
{
	color:#ffffff;
}
/*CONTENT*/
#content {
	background-color:#ffffff;
 margin-top: -30px;
}
#content a:link, 
#content a:visited, 
#content a:active 
{
	color:#4A88D5;
}
/*************************************
FORM REGISTRATION LAYOUT
************************************/
#register_form,
#msg_alreadyentered, 
#msg_comingsoon, 
#msg_promoended, 
#msg_thankyou,
#msg_gamewon,
#redeem_form {
	/*white with black letters*/
	background-color: rgba(255, 255, 255, .85); 
	border: 1px solid #999999;
	color:#000000;
	/*black with white letters*/
	/*background-color: rgba(0, 0, 0, 0.35);
    border: 1px solid #FFFFFF;
	color:#000000;*/
}

#msg_alreadyentered h1,
#msg_comingsoon h1,
#msg_promoended h1,
#msg_thankyou h1 {
	/*white with black letters*/
	border-bottom: 1px solid #000000;
	/*black with white letters*/
	/*border-bottom: 1px solid #ffffff;*/
}
/**CHECKBOXES**/
#checkboxes_all {
	color:#000000;
}

/*************************************
FORM REGISTRATION PIECES COLORS
************************************/
.select-wrapper:after {
  	color: #4A88D5;
}
/* When the checkbox is checked, add a blue background */
.checkboxStyle input:checked ~ .checkmark {
  background-color: #4A88D5;
}
/****************************************
FOOTER:
*****************************************/
#bottom_nav 
{
	background-color: #ca2b2a !important;
	color: #ffffff !important;
}
#bottom_nav a:link, 
#bottom_nav a:active, 
#bottom_nav a:visited 
{
	color: #ffffff !important;
}

/***************************************
TEXT SHADOWS
***************************************/
#main_nav,
#content {
	/*text-shadow: 0 0 3px #000000;*/
}

/***************************************
HEINZ
***************************************/
#main_nav,
#main_nav ul,
#promo_wrapper,
#content {
   width: 1280px !important;
    
}

#main_nav,
#main_nav ul{
   width: 600px !important;
    
}

#bottom_nav {
 width: calc(100% - 20px) !important;
 
}
#promo_wrapper {
    margin: 0 auto 0 auto;
}
.page-visual .view-desktop img,
#game_results_screen .view-desktop img {
 width: 1280px !important;
 height: auto;
}

/*SLOT*/

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

html {
    background-repeat: no-repeat;
   background-size: 4000px 920px !important;
 background-position: center top;
    background-image: url(../images/wheel/game-wheel-bodyarmour/all/pagebkg.jpg);
    background-color: #ca2b2a !important;
 background-attachment: scroll;
}

@media only screen and (max-width : 767px) {
html {
    background-repeat: no-repeat;
   background-size: 4000px 1028px !important;
 background-position: center top;
    background-image: none !important;
    background-color: #000000 !important;
 background-attachment: scroll;
}

#main_nav,
#main_nav ul,
#promo_wrapper,
#content {
   width: 410px !important;
    
}

#bottom_nav {
 width: calc(100% - 20px) !important;
 
}
#promo_wrapper {
    margin: 0 auto 0 auto;
}





}