@import url('reset.css');


* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 40px; /* .push must be the same height as .footer */
}

.footer p{
	font-size: 16px;
	font-weight: bold;
}

.new-cta{
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	color: #fff;
	font-weight: bold;
	bottom: 15%;
	font-size: 48px;
	text-align: center;
}

.footer_caution{
	font-size: 16px;
	height: 20px;
	padding-bottom: 10px;
	text-align: center;
}



/* General Style */

html {
  background: url(../images/new-body-bg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body{
	color:#999;
	font-family: 'PT Sans Narrow', Arial, sans-serif;
	font-size:12px;
}
a{
	color:#0183FD;
	text-decoration:none;
}
.clr{
	clear:both;
}
h1, h5{
	margin:15px;
	font-size:44px;
	color:#0183FD;
	font-family: 'lobster', cursive;
	font-weight: bolder;
	text-shadow:1px 1px 1px #fff;
	text-align:center;
}
h1 span, h5{
	font-size:20px;
	display:block;
	color:#0183FD;
}
/* Header Style */
.header{
	background: #060E57 ;
	/*background: #fffurl(../images/fancy_deboss.png)*/;
	height:120px;
	line-height:24px;
	font-size:13px;
	opacity:0.9;
	text-transform:uppercase;
	z-index:4;
	width:100%;
		display: inline-block;

	-moz-box-shadow: 0px 2px 3px #888;
	-webkit-box-shadow: 0px 2px 3px #888;
	box-shadow: 0px 2px 3px #888;


}
.header a{
	padding:5px 5px;
	letter-spacing:1px;

	text-align:right;
}
.header a:hover{
	color:#0183FD;
}
.header a span{
	font-weight:bold;
}
.header nav{
	float:right;
}

.logoleft{
float: left;
margin-left:60px;
margin-top:7px;
}

.logo{
font-size: 30px;
	font-family: 'lobster', cursive;
	text-transform: none;
	color:#0183FD;
	padding:5px 0px;
	/*border-top:2px solid #DFECFA;
	border-bottom:2px solid #DFECFA;*/
	
}


h4.subtitle{
	font-size: 32px;
	margin-top: 34px;
}

@media only screen and (max-width : 1760px) {
	h4.subtitle{
		font-size: 32px;
		margin-top: 14px;
	}
}


nav ul{
display: inline-block;
margin-top: 30px;
margin-right:20px;
}
nav ul li{
float:left;
padding-right: 15px;
padding-left:15px;
font-size:16px!important;
border-right:1px solid #999;
border-left:1px solid #FFF;
}

nav ul li:last-child{
border-right:none;
}
nav ul li:first-child{
border-left:none;
}

nav ul li a{
	color: #DFECFA;
}

nav ul li a:hover{
	color: #0183FD !important;
}


.navreveal {
display: none;
}


#site-navigation #main-menu,
#site-navigation > input {
  display: none;
}

#site-navigation {
	height: auto;
}
#site-navigation #main-menu {
	display: block;
}
#site-navigation > label {
	display: none;
}
#site-navigation ul li {
	display: inline-block;
}




/* Circular Content Carousel Style */
.ca-container{
	position:relative;
	margin:125px auto 20px auto;
	width:990px;
	height:250px;
}
.ca-wrapper{
	width:100%;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	width:495px;
	height:100%;
	text-align:center;


}

.ca-more{
height:500px;
width:330px;
display: inline-block;
}
.ca-close{
	position:absolute;
	top:10px;
	right:10px;
	background:#fff url(../images/cross.png) no-repeat center center;
	width:27px;
	height:27px;
	text-indent:-9000px;
	outline:none;
	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	opacity:0.7;
}
.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
	bottom:5px;
	border:1px solid #FFF;


	-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);


	  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
      background-position: center center;
}



.ca-item-main:hover{
background-size:120% 120%;
  -webkit-filter: blur(3px);
    opacity:0.4;
}

.ca-item-main.slide6:hover,
.ca-item-main.slide7:hover,
.ca-item-main.slide8:hover{
	background-size: auto;

}


.slide1{
	/*background: url('../images/ronaldocrop.jpg');*/
	background: url('../images/newslide1.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}

.slide2{
/*background: url('../images/jumper.jpg');*/
background: url('../images/newslide2.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}

.slide3{
/*background: url('../images/trophycrop.jpg');*/
background: url('../images/newslide3.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}

.ca-content-text h5{
margin-top:0px;
}

.slide4{
/*background: url('../images/superbowl.jpg');*/
background: url('../images/newslide4.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}


.slide5{
/*background: url('../images/ice.jpg');*/
background: url('../images/newslide5.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}


.slide6{
	/*background: url('../images/ice.jpg');*/
	background: url('../images/newslide6.jpg');
		background-repeat: no-repeat;
		/*background-size: 100% 100%;*/
		background-origin: content-box;
		background-position: center center;
}

.slide7{
	/*background: url('../images/ice.jpg');*/
	background: url('../images/America_2024.jpg');
		background-repeat: no-repeat;
		/*background-size: 100% 100%;*/
		background-origin: content-box;
		background-position: center center;
}

.slide8{
	/*background: url('../images/ice.jpg');*/
	background: url('../images/paris_2024.jpg');
		background-repeat: no-repeat;
		/*background-size: 100% 100%;*/
		background-origin: content-box;
		background-position: center center;
}



/*.slide6{
background: url('../images/fans.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-origin: content-box;
    background-position: center center;
}*/


.ca-item h3{
/* display: none; */
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 18px;
	letter-spacing: 2px;
	background: rgba(3, 3, 3, 0.2);
	color: rgba(255, 255, 255, 0.8);
	padding: 10px 0px;
	/* height:85px; */
	text-align:center;
	text-shadow: 0px 1px 8px #999;

}

.ca-item h3 span{
	display: none;
}


.ca-item h4{
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
	font-size:12px;
	text-align:left;
	border-left:10px solid #EFEFEF;
	padding-left:10px;
	line-height:24px;
	margin:10px;
	position:relative;
}
.ca-item h4 span{
	text-indent:40px;
	display:block;
}
.ca-item h4  span.ca-quote{
	color:#f4eee3;
	font-size:100px;
	position:absolute;
	top:20px;
	left:0px;
	text-indent:0px;
}
.ca-content-wrapper{
	background: #FFF url(../images/fancy_deboss.png);
	position:absolute;
	width:0px; /* expands to width of the wrapper minus 1 element */
	height:240px;
	top:5px;
	text-align:left;
	z-index:10000;
	overflow:hidden;
	max-width: 485px;
}
.ca-content{
	width:485px;
	overflow:hidden;
}
.ca-content-text{
	font-size: 13px;
	font-style: italic;
	font-family: "Georgia","Times New Roman",serif;
	color: #000;
	margin:5px 20px;
	padding:5px 20px;
	line-height:20px;
}

.ca-content-text p{
	padding-bottom:5px;
}
.ca-content h6{
	margin:15px 20px 0px 35px;
	font-size:26px;
	padding-bottom:5px;
	color:#999;
	font-family: 'lobster', cursive;
	color:#0183FD;
	border-bottom:2px solid #0183FD;
	text-shadow: 1px 1px 1px #efefef;
}
.ca-content ul{
	margin:20px 35px;
	height:30px;
}
.ca-content ul li{
	margin:0px 2px;
}
.ca-content ul li a{
	color:#fff;
	background:#999;
	padding:3px 6px;
	font-size:14px;
	font-family: "Georgia","Times New Roman",serif;
	font-style:italic;
}
.ca-content ul li a:hover{
	background:#fff;
	color:#999;
	text-shadow:none;
}
.ca-nav span{
	width:25px;
	height:38px;
	background:transparent url(../images/arrows.png) no-repeat top left;
	position:absolute;
	top:50%;
	margin-top:-19px;
	left:-40px;
	text-indent:-9000px;
	opacity:0.7;
	cursor:pointer;
	z-index:100;
}
.ca-nav span.ca-nav-next{
	background-position:top right;
	left:auto;
	right:-40px;
}
.ca-nav span:hover{
	opacity:1.0;
}


/*Hoverall styling*/
.hoveralls_container {overflow:hidden;position:relative;padding:0px;}
/* MASTER STYLING FOR BACKGROUND */
.hoveralls_background {width:100%;position:absolute;}
/* MASTER STYLING FOR TEXT */
p.hoveralls_text {margin-top:0px;margin-bottom:0px;position:relative;}
/* MASTER STYLING FOR TOP DROP MODE */
#top_drop {width:100%;height:50px;margin:0px;position:fixed;z-index:99999;}
/* TICKER SPACER */
.tickerspacer {padding:0px 10px;}
/* TOOLTIP CONTAINER */
.hv_tooltip {position:absolute;z-index:99;}
/* OVERLAY - APPLY YOUR OWN COLOR OR IMAGE USING THE OVERLAY_CLASS SETTING AND YOUR OWN CLASS */
#hv_overlay {width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:99999;display:none;-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
background: #111; /*overlaycolor*/
}
/* SET THE MAX WIDTH TO KEEP LIGHTBOX IMAGES FROM BEING TOO LARGE */
.hv_lightbox_img {max_width:1000px;position:absolute;}


.showbox {
	display: inline-block;
	background: #FFF url(../images/fancy_deboss.png);
	border:1px solid #c0c0c0;
	font-size: 20px;
	padding:10px 20px;
	width: 100%;
	margin:0 auto;
	box-sizing: border-box;
	}
	
	.showbox h1{
		margin-left: 0;
		margin-right: 0;
	}
	

#espanol.showbox{
 padding:10px 0px;   
}

#espanol.showbox p{
    padding-left: 20px;
    padding-right: 20px;
}

.showbox h1 {
color:#0183FD;
border-top:1px solid #0183FD;
border-bottom:1px solid #0183FD;
font-size: 32px;
}

.showbox h6{
font-family: "lobster", cursive;
text-align: center;
color:#0183FD;
margin:10px auto;
}

.closelightbox{
position: absolute;
top: 4px;
right: 24px;
background: #fff url(../images/cross.png) no-repeat center center;
width: 27px;
height: 27px;
text-indent: -9000px;
outline: none;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
opacity: 0.7;
z-index:99999999;
}

#espanol{
height:600px;
overflow: scroll!important;
}



.footer {
width:100%;
background: #FFF url(../images/fancy_deboss.png);
text-align: center;
}

.footer p{
padding-top: 8px;
}

.col1{
float:left;
width:280px;
height:320px;
}
.col2{
float:left;
width:280px;
height:320px;
}
.col3{
float:left;
width:280px;
height:320px;
}

#upcoming {
text-align: center;
}

#contact p{
margin-bottom: 10px;
}

#pastesp{
width:400px;
float:left;
text-align: center;
}

#upcomingesp{
width:400px;
float:left;
text-align: center;
}

.contactlink {
color:#0183FD;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 900px) {
	/* Styles */

	.new-cta{
		position: relative;
		bottom: 20px;
		font-size: 28px;
		margin: 150px 0 20px;
	}

	.ca-item h3 span{
		border-top: 1px solid rgba(255, 255, 255, 0.4);
		display:inline-block;
		font-size: 12px;
		width: 100%;
		padding-top: 6px;
		margin-top: 6px;
	}


	.closelightbox {
		cursor: pointer;
		width: 50px;
		height: 50px;
		top: 10px;
		right: 10px;
	}

	.ca-item {
		margin-top: 25px;
		width: 300px;
		height: 400px;
		position: relative!important;
		transition: 0.2s all ease;
	}

	.ca-content-wrapper, .ca-content-wrapper .ca-content  {
		visibility: hidden;
		opacity: 0;
		left:0px!important;
		width: 300px!important;
		transition: 0.2s all ease;
	}

	.mobile-content .ca-content-wrapper{
		visibility: visible;
		opacity: 1;
		transition: 0.2s all ease;
	}

	.mobile-content .ca-content-wrapper .ca-content {
		visibility: visible;
		opacity: 1;
		transition: 0.2s all ease;
	}

	.ca-content h6 {
		font-size: 2em;
		margin:15px;
	}

	.ca-content-text{
		padding: 0px 0px;
	}

	.col1, .col2, .col3 {
		height: auto;
		width: 100px;
		font-size: 0.7em;
	}


	#espanol p{
		font-size: 0.8em;
	}

	#pastesp {
		width: 140px;
		font-size: 0.8em;
	}

	#upcomingesp {
		width: 140px;
		font-size: 0.8em;
	}


	.header {
		text-align: center;
		z-index: 9999999!important;
	}

	.logoleft{
		margin: 8px auto;
		float: none;
		width: 220px;
		display: inline-block;
		text-align: center;
	}


	.hoveralls_container {
		width: 90%!important;
		top: 5% !important;
		left: 6%!important;
		height: 90%!important;
	}

	.showbox {
		width: 90%;
	}

	.ca-container {
		width: 300px;

	}




	.footer {
		padding: 0px 10px 30px 10px;
		width: auto;
	}

	.header nav {
		float: none;
		clear: both;
	}

	#site-navigation #main-menu {
		visibility: hidden;
		opacity: 0;
		transition: 1s all ease;
	}

	#site-navigation > input {
	  display: none;
		transition: 1s all ease;
	}

	#site-navigation {
	}

	#site-navigation > label {
	  display: block;
	  font-size: 34px;
	  color: #DFECFA;
	  position: absolute;
		top: 25px;
	  right: 20px;
	  width: 32px;
	  padding: 0;
	  cursor: pointer;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
		z-index: 999999;
	}

	#site-navigation > input:checked + #main-menu {
	  display: inline-block;
		visibility: visible;
		opacity: 1;
	  background: #999;
	  color: #fff;

		position: relative;
/*
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0; */

		width: 100%;
		margin: 0px auto;
		padding: 60px 0px;
		transition: 1s all ease;
		z-index: 99999;
	}

	#site-navigation ul li{
	  display: block;
	  padding: 20px 0px;
		border: none;
		width: 100%;
	}

	#site-navigation a {
	  text-decoration: none;
	  color: #fff;
	}


}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */



}