@charset "UTF-8";
/* =RESET */
body {
    
margin:0; padding:0;
}
img { border:0; display: block }
a {
	color:#ffd860;
	text-decoration:none
}
a:hover {
	text-decoration:underline;
}

section{display:block;}

body { font-family:arial; font-size:12px; color: #000; background:url(../images/bg.jpg) no-repeat; background-size:cover; background-attachment:fixed }
UL { margin:0; padding:0; list-style:none }
LI { margin:0; padding:0; }

.container {
	width:1243px;
	height:auto;
	background:url(../images/under-bg.png) repeat-y center center #ade5fa;
	margin:0px auto;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 20px;
}

nav {
	width:100%;
	height:65px;
	background:#005dbc;
	margin:0;
	padding:0;
    padding-bottom:3px;
	display:block;
	-webkit-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	z-index:999;
    
}
nav .redeem,
nav UL {
	width:1203px;
	height:63px;
    color: #ffffff;
    text-shadow: 3px 3px #000;
    font-size:38px;
    font-family: 'Fredoka One', cursive;
    letter-spacing: 0px;
    font-weight: 400;
    text-transform: uppercase;
    margin:0px auto;
    text-align:center;
}
nav a {margin-top: 8px;}
nav UL LI { 
    padding-top: 16px;
    padding-right: 10px; padding-left: 30px;
	display:inline-block;
}

nav UL li img { 
    padding-bottom: 16px;
    
}

nav .redeem { display:none }
.nav-scrolled {
	position:fixed;
}

.display {
	display:block !important
}
.mob-nav,
.nodisplay,
.trailertitle2{
	display:none
}

header {
	width:1203px;
	height:auto;
	margin:0px auto;
	display:block
}
header IMG {
	width:100%;
	height:auto;
}

.header2,
.header3,
.header4{
	display:none;
}

figure {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}
.cf:before,
.cf:after {
	display: table;
	content: " ";
}
.cf:after {
	clear: both;
}

.feature {margin:0px 60px 30PX 60px; padding-top:0px; padding-bottom:60px;}
.model{float:left; margin-bottom:17px;}
.modelDetails{float:left; width: 60%; margin-left:20px;}
.modelDetails h3{font-size:31px; text-transform:uppercase; color:#ea2541;font-family: 'Londrina Solid', cursive;text-align: center;}
.modelDetails h3 a{color:#ea2541;line-height:5px;}
.modelDetails h3 a:hover{color:#000;}
.date{font-size:14px; color:#bebebe; text-transform:uppercase; padding-bottom:20px;}
.modelDetails p{font-family: 'Londrina Solid', cursive;font-size:21px; line-height:25px; color:#0385dd; font-weight:bold; letter-spacing: 2px; text-align: center;}
.modelDetails p a{font-family: 'Londrina Solid', cursive; text-decoration:underline; color:#000; font-weight:bold;}
.modelDetails p a:hover{text-decoration:none;}

video {
  width: 100%;
  height: auto;
  }

/*  ==========================================================================
	CONTENT 
	========================================================================== */
main {
	margin-bottom: 8em;
	position: relative;
}

.updates {
	clear: both;
}
	.update {
		margin: 0 auto 2em;
	}
		.blockUpdates {
			margin: 0 -5px;
		}
			.blockUpdates .blockItem {
				padding: 0 5px 10px;
			}
			.blockUpdates .blockItem > a + a {
				padding-top: 10px;
			}


.updates.updatesGrid .update > a {
	position: relative;
}
.updates .update > a {
	cursor: pointer;
}
.updatesGrid .grid {
  margin: 0 0 10px 65px;
}
.updatesGrid .grid .update {
  	float: left;
    margin: 0 ;
    padding: 0 -13px -20px -20px;
    -webkit-transition: transform 0.15s ease-out;
    -moz-transition: transform 0.15s ease-out;
    -ms-transition: transform 0.15s ease-out;
    -o-transition: transform 0.15s ease-out;
    transition: transform 0.15s ease-out;
    width: 23.6%;
}
.updatesGrid:not(.updatesGridNoH) .grid .update:hover {
		-webkit-transform: scale(1.025);
		-moz-transform: scale(1.025);
		-ms-transform: scale(1.025);
		-o-transform: scale(1.025);
		transform: scale(1.025);
             
 }
 .updatesGrid .grid .update img {
  		border: 2px solid  #0054a6;
      
 }
.videos { position:relative; width:1203px; padding-left:45px; background:#0054a6; margin:0px 0px 0px 0px; overflow:hidden; }
.videos LI{ width:300px; height:285px; background:#0054a6; margin-right:-27px; margin-left:5px; margin-bottom:10px; float:left; position: relative; }
.videos .tns { width:270px; height:285px; border: 4px solid #0054a6; }
.videos .text { width:300px; height:25px; background:#FFF; position:absolute; bottom:0; color:#000; padding:2px; font-size:12px; font-weight:bold;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.videos .nomargin {
	margin:0px !important
}
#Table_02 {padding-bottom:20px;}
#vidtitle {
    position: absolute; 
    height:30px;
    width:278px;
    font-size:25px;
    color: white;
    font-family: 'Fredoka One', cursive; text-align:center;
    background:url(../images/images/site2.jpg) no-repeat top left; }


foot_display {
		background:#5e1559;
        margin:0 auto;
        width:100%;
	    height:363; 
}

footer {
	background:#0054a6;
	color:#ffd860;
    margin: 0 auto;
	text-align:center;
	padding:35px 0;
}
footer p {
    color:#ffd860;
}
footer LI {
	display:inline-block;
	padding:10px;
}
/* Large desktops and laptops */
@media only screen and (max-width:1880px){

nav {
	width:100%;
	height:65px;
	background:#005dbc;
	margin:0;
	padding:0;
     padding-bottom:3px;
	display:block;
	-webkit-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	z-index:999
}
nav .redeem,
nav UL {
	width:1203px;
	height:63px;
    color: #ffffff;
    text-shadow: 3px 3px #000;
    font-size:40px;
    font-family: 'Fredoka One', cursive;
    letter-spacing: 2px;
    font-weight: 600;
    text-transform: uppercase;
    margin:0px auto;
}
nav UL LI {
    padding-top: 15px;
    padding-right: 10px; padding-left: 30px;
    display:inline-block;
    }

nav .redeem { display:none }
.nav-scrolled {
	position:fixed;
}    
}  

/* Portrait tablets and medium desktops */
@media (min-width: 1280px) and (max-width: 1659px) {
    
    .separate2 {
		display:block;
    }
}

@media (min-width: 1011px) and (max-width: 1659px) {

    header,
   	.container IMG { width:100%; height:auto;}
    
	.videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden;padding-right: 35px;padding-left: 2px;}
	.videos LI { float:inherit !important; display:inline-block !important; }
	.videos .text { text-align:left !important; left:0; }
	
   
	.header2 {
	width:1203px;
	height:auto;
    display:block;
	}
	
    nav {
	width:100%;
	max-height:65px;
	background:#005dbc;
	margin:0;
	padding:0;
	display:block !important;
	-webkit-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	z-index:1000; position: fixed;
}
nav .redeem,
nav UL {
	width:1203px;
	max-height:65px;
   color: #ffffff;
    text-shadow: 3px 3px #000;
    font-size:40px;
    font-family: 'Fredoka One', cursive;
    letter-spacing:0px;
    font-weight: 400;
    text-align:center;
}
nav UL LI {
	padding-top: 15px;
    padding-left: -20px; 
	display:inline-block;
}

nav .redeem {top: 0; display:}
.nav-scrolled {
	position:fixed;
}    
	nav,
    .header1,
    .header3,
	.separate {
		display:none;
	
}    
}
    
/* Portrait tablets and medium desktops */

@media (min-width: 681px) and (max-width: 1279px) {

    .separate2 {
		display:none;       
 }
    .modelDetails{float:left; width: 50%;}    
}

@media (min-width: 681px) and (max-width: 1010px) {
	
	header,
	.container{ width:675px !important; background:#ade5fa; padding:0; }
	.container IMG { width:100%; height:auto }
	
	.videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; padding-right: 50px; }
	.videos LI { float:inherit !important; display:inline-block !important; }
	.videos .text { text-align:left !important; left:0; }
    
    nav {
	width:100%;
	height:65px;
	background:#005dbc;
	margin:0;
	padding:0;
	display:block;
	-webkit-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 23px 3px rgba(0,0,0,0.75);
	z-index:999; position: fixed;
}
    
    .model {margin-top: 20px;}  
	.mob-nav,	
	.header3 {
	width:675px;
	height:auto;
	display:block !important;;
	}
	
    .join-image2 {
    background-image: url('../images/join-sm.jpg');
	width:675px;
	height:auto;
	display:block;
	}
    
	nav,
	.header1,
	.header2,
	.separate,
    .separate2{
		display:none;
	}

  .modelDetails{width: auto;} 
  .modelDetails p{width: auto;font-size:18px;}   
	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#0054a6;
		display:block;
	}
	.mob-nav UL LI a {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}	
}

@media only screen and (max-width:479px){
    
   	.updates.updatesGrid .update > a {
	  font-size: 0.95em;
  }
    
  .updatesGrid .grid .update:hover {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
      
  }
  }

        
/* Portrait tablets and small desktops */
@media (min-width: 400px) and (max-width: 680px) {
	
	header,
	.container{ width:100%; background:#ade5fa; padding:0; }
	.container IMG { width:100%; height:auto }

    .model {margin-top: 30px;}
    
	.mob-nav,
	.header3 {
	width:100%;
	display:block !important;
	}
	
	nav,
	.header1,
	.header2,
	.separate,
	.separate2
    {display:none;
	}
    
    .videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; margin-top:0px; padding-right: 120px;}
	.videos .text { width:100%; text-align:left !important; bottom:-10px; left:0; background:#000; color:#FFF; padding:5px; }		
	.videos LI{ width:50%; height:auto !important; margin:1% !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; }
	
	.videos img,
	.videos .tns,
	.videos .overlay { width:100%; height:auto; }
	
	.videos .nomargin {
		 margin:1% !important;
	}
    
   .modelDetails{width: auto;font-size:18px;} 
   .modelDetails p{width: auto;font-size:18px;}    
    
	footer {
		margin-top:0px;
	}
	
	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#0054a6;
		display:block;
	}
	.mob-nav UL LI a {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 578px) {
    
.videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; margin-top:0px; padding-right: 150px;}
.videos .text { width:100%; text-align:left !important; bottom:0px; left:0; background:#fff; color:#000; padding:5px;  }		
.videos LI{ margin:0 !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; }
    
    .modelDetails {margin-bottom: 20px;}
    .model {margin-top: 20px;}
    .trailertitle2 a {width:100%; font-size: 30px;text-align: center; line-height: 5px; color: #0054a6;}
    
    .trailertitle2{
	width:100%; 
	display:block;
	}
    
    .trailertitle,
    .trailerdesc{
		display:none;
	}
}

@media only screen and (max-width : 400px) {
	
	header,
	.container{ width:100%; background:#ade5fa; padding:0; }
	.container IMG { width:100%; height:auto }	
    
       
	.mob-nav,
	.header4,
    .trailertitle2{
	width:100%;
	display:block !important;
	}
	
	nav,
	.header1,
	.header2,
	.separate,
	.separate2,
	.title,
    .trailertitle,
    .trailerdesc{
		display:none;
	}
    
    .modelDetails{width: auto;} 
	.modelDetails p{width: auto;font-size:18px;} 
    
    .videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; margin-top:0px; padding-right: 20px;}
	.videos .text { width:100%; text-align:left !important; bottom:0px; left:0; background:#fff; color:#000; padding:5px;  }		
	.videos LI{ margin:0 !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; }
	
    
	.videos img,
	.videos .tns,
	.videos .overlay { width:100%; height:auto; }
	
	.videos .nomargin {
		 margin:1% !important;
    	}
   
	    
	footer {
		margin-top: 0px;
	} 
	
	/* mobile nav */
	.mob-nav UL {
		width:100%;
		height:auto;
		text-align:center;
		background:#0054a6;
		display:block;
	}
	.mob-nav UL LI a {
		display:inline-block;
		color:#FFF;
		font-size:15px;
		padding:10px;
	}  
}
 @media only screen and (max-width : 476px) {
    
.videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; margin-top:0px;}
.videos .text { width:100%; text-align:left !important; bottom:0px; left:0; background:#fff; color:#000; padding:5px;  }		
.videos LI{ margin:0 !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; padding-right: 180px; }

.modelDetails{width: auto;}  
.modelDetails p{width: auto;font-size:18px;}      
     
video {
  min-height: 40%;
  min-width: 40%;
  }     
}    

@media only screen and (max-width : 378px) {
    
.videos { width:100%; position:relative; display:block; text-align:center; overflow:hidden; margin-top:0px;}
.videos .text { width:100%; text-align:left !important; bottom:0px; left:0; background:#fff; color:#000; padding:5px;  }		
.videos LI{ margin:0 !important; padding:0; float:inherit !important; display:inline-block !important; position: relative; padding-right:180px; }
}