@font-face {
  font-family: Para;
  src: url('../fonts/Para-BlackSuperior.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Para-BlackSuperior.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Para-BlackSuperior.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Para-BlackSuperior.woff') format('woff') /* Pretty Modern Browsers */
}

@font-face {
  font-family: ParaMedium;
  src: url('../fonts/Para-MediumSuperior.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Para-MediumSuperior.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Para-MediumSuperior.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Para-MediumSuperior.woff') format('woff') /* Pretty Modern Browsers */
}

    

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, var, form, fieldset, blockquote {
	padding: 0;
	margin:  0;
	font-family: 'Nunito Sans',"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	  font-weight: 300;
	color: #fff;
	
}

body{
/*	background-image: url('../chris.gif');*/
	/*background-color: #262626;*/
	cursor:default;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#096dbb+0,096dbb+23,222275+100 */
/*	background: rgb(9,109,187); /* Old browsers *!/
	background: -moz-linear-gradient(left,  rgba(9,109,187,1) 0%, rgba(9,109,187,1) 23%, rgba(34,34,117,1) 100%); /* FF3.6-15 *!/
	background: -webkit-linear-gradient(left,  rgba(9,109,187,1) 0%,rgba(9,109,187,1) 23%,rgba(34,34,117,1) 100%); /* Chrome10-25,Safari5.1-6 *!/
	background: linear-gradient(to right,  rgba(9,109,187,1) 0%,rgba(9,109,187,1) 23%,rgba(34,34,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#096dbb', endColorstr='#222275',GradientType=1 ); /* IE6-9 *!/
	
	*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#096dbb+0,096dbb+23,222275+100 */
	background: rgb(9,109,187); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(9,109,187,1) 0%, rgba(9,109,187,1) 23%, rgba(34,34,117,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(9,109,187,1) 0%,rgba(9,109,187,1) 23%,rgba(34,34,117,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(9,109,187,1) 0%,rgba(9,109,187,1) 23%,rgba(34,34,117,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#096dbb', endColorstr='#222275',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	
}


a .view {
	color: white;
	text-align: center;
	margin-top: -275px;
	margin-bottom: 255px;
	-webkit-transition: opacity 500ms;
	   -moz-transition: opacity 500ms;
	   -o-transition: opacity 500ms;
	   transition: opacity 500ms;
	opacity: 0;
}

a:hover .view {
	opacity: 1;
}
ol{
	margin-left: 1.4em;
	list-style: decimal;
}

ul {
	list-style: square;
}

img {
	border: 0;
}

li {
list-style-type: none;
padding:0; margin:0;
line-height: 180%;
color: rgba(255, 255, 255, .85);
}

.clearMe {
	clear: both;
	float: none;
}

.mo {
	width: 806px;
	padding-top: 30px;
	-webkit-transition: opacity 500ms;
	   -moz-transition: opacity 500ms;
	   -o-transition: opacity 500ms;
	   transition: opacity 500ms;
	   
	/*padding-right: 35px;*/
}

.reveal {
	-webkit-transition: max-height 500ms;
	   -moz-transition: max-height 500ms;
	   -o-transition: max-height 500ms;
	   transition: max-height 500ms;
	   
	   max-height: 50px;
	   overflow: hidden;

}


.more {
	opacity: .35;
}
.reveal:hover {
	max-height: 300px;
}

.textBreak {
	margin-bottom: 5px;
	font-weight: 500;
}

/*.mo:hover {
	opacity: .75;
}*/
.vidFix {
	margin-bottom: -32px;
}
/*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac *!/*/

/*custom */

a {
color:#2f2f2f;
text-decoration: none;
}  

a:hover {
color: rgba(255, 255, 255, .5);
text-decoration: none;
}  


.blahTXTBig a {
color:#fff;
text-decoration: none;
}  

/*.blahTXTBig a:hover {
color:#777;
text-decoration: none;
} */ 

.blahTXTBigRoll {
	font-size: 18px;
	color: rgba(255, 255, 255, .85);;
	
	margin-top: 20px;
	letter-spacing:1px
}

.blahTXTBigRoll:hover {
color: rgba(255, 255, 255, .5);
text-decoration: none;
}  


.topspacer {
height: 20px;
}

.testme a {
color:#ff00ff;
text-decoration: none;
}  

.splitThirty a:hover {
color: rgba(255, 255, 255, .5);
text-decoration: none;
}  



.line {
	-webkit-box-sizing: border-box; 	
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         

	height: 2px;
	background-color: #1c5795;
	background-color: rgba(255, 255, 255, .15);
	
	margin-top: 70px;
	margin-bottom: 60px;
	margin-right: 40px;
	
}

.gap {
margin-bottom: 60px;
	
}

.break {
	background-color: transparent;
	margin-top: 50px;
		height: 2px;
}

.center {
	width: 840px;
	margin-left: auto;
	margin-right: auto;
}

.line.center {
	width: 840px;
	/*margin-right: 100px;*/
}

.name {
		font-size: 80px;
		margin-top: 50px;
		margin-bottom: 15px;
		color: #f0f0f0;
		line-height:90%;
 font-weight: 500;
 
   font-family: 'Para', sans-serif;
 
}

.blahTitle {
	font-size: 22px;
	color: #e6e6e6;
	color: rgba(255, 255, 255, .85);
	margin-bottom: 10px;
	letter-spacing: 2px;
	/*text-transform: uppercase;*/
	font-weight: 600;
	
	 font-family: 'ParaMedium', sans-serif;
}

.blahTXTBold {
	font-size: 18px;
	color: #dcdcdc;
	color: rgba(255, 255, 255, .85);
	line-height:150%;
	font-weight: 500;
/*	margin-bottom: 3px;*/
}

.blahTXTBig {
	font-size: 18px;
	color: #fff;
/*	margin-top: 20px;*/
	letter-spacing:1px
}

.tighten {
	width: 806px;
}

.blahTXTSmall {
	font-size: 15px;
	color: #fff;
/*	margin-bottom: 10px;*/
	line-height: 170%;
	letter-spacing: .5px;
	color: rgba(255, 255, 255, .85);
}

.blahTXTSmall a {
	font-size: 15px;
	color: #fff;
/*	margin-bottom: 10px;*/
	line-height: 170%;
	letter-spacing: .5px;
	color: rgba(255, 255, 255, 1);
	/*font-weight: 500;*/
	text-decoration: underline;
}


.blahTXTSmall p {
	font-size: 14px;
	color: rgba(255, 255, 255, .85);;
}

.blahTXTSmallTitle {
	font-size: 13px;
	color: rgba(255, 255, 255, .85);;
/*	margin-bottom: 10px;*/
	line-height: 150%;
	letter-spacing: 1px;
}

.blahTXTSmallTitle p {
	font-size: 13px;
	color: rgba(255, 255, 255, .85);;
}

.credit {
	font-size: 13px;
		color: #fff;
	/*	margin-bottom: 10px;*/
		line-height: 170%;
		letter-spacing: .5px;
		color: rgba(255, 255, 255, .55);
}

.footer {

-webkit-box-sizing: border-box; 	
-moz-box-sizing: border-box;    
box-sizing: border-box;   

margin-top: 60px;
	background-color: #fff;
	height: 60px;
	color: #2f2f2f;
	
	padding: 23px;
	font-size: 14px;
}

.splitSixty {

float: left;
width: 66%;
/*background-color: #ff0;*/
	
}

.splitThirty {

/*background-color: #ff00ff;*/
float: left;
width: 33%;
/*background-color: #ff00ff;*/
}

.splitThirtyPlus {

-webkit-box-sizing: border-box; 	
-moz-box-sizing: border-box;    
box-sizing: border-box;  

float: left;
width: 380px;
height: 228px;
margin-right: 40px;
margin-bottom: 32px;


position: relative;

/*outline: 1px solid red;*/

/*background-color: #ff00ff;*/
}

.splitThirtyPlus img {
		width:380px;
/*		min-width:100%;*/
		height: auto;
		border: 1px solid #373737;
		
/*		
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android *!/
		   filter: gray; /* IE6-9 *!/
		    
		    filter: grayscale(85%);
		    -webkit-filter: grayscale(85%);
		    -moz-filter: grayscale(85%);
		    -ms-filter: grayscale(85%);
		    -o-filter: grayscale(85%);*/
		    
		    
	}
	
/*	.splitThirtyPlus img:hover {

			filter:none; /* Firefox 10+, Firefox on Android *!/
			  
			   
			filter: grayscale(0%);
			-webkit-filter: grayscale(0%);
			-moz-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
			-o-filter: grayscale(0%);
			    
		}
		*/
	
.splitbeautypicture {
margin-top: 55px;
/*border: 1px solid #e2e2e2;*/
width: 237px;
height:  189px;
/*float: right;*/
/*background-color: #ff00ff;*/
}



#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {
/*   margin: auto;*/
/*   padding: 20px;*/

	margin-left: 0px;
	
    width:808px;
    height:445px;
    background: #000;
    display: block;
    margin-top: 20px;
/*    border: 1px solid #373737;*/
    
/*    opacity: 0;*/
    
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    
}


#videoPlayer {

-webkit-transition: height .5s ease;  
   -moz-transition: height .5s ease;  
   -o-transition: height .5s ease;  
   -ms-transition: height .5s ease;  
   transition: height .5s ease; 
/*   margin-bottom: 30px;*/
/*   padding-top: 30px;*/
   
    width:100%;
    height:0px;
    background: #2f2f2f;
    
    background-color: rgba(255, 255, 255, .15);
    overflow: hidden;
    
   -webkit-box-sizing: border-box; 	
   -moz-box-sizing: border-box;    
   box-sizing: border-box;     
   
   margin-bottom: 20px;  
   margin-top: 20px;
}


#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {
   margin: auto;
/*   padding: 20px;*/
/*    width:400px;*/
/*    height:300px;*/
/*    background: lightgrey;*/
    display: block;
    margin-top: 20px;
    margin-bottom: 50px;
    
/*    opacity: 0;*/
    
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
	line-height: 22px;
	font-size: 15px;
	color: rgba(255, 255, 255, .85);;
}


#textPlayer {

-webkit-transition: height .5s ease;  
   -moz-transition: height .5s ease;  
   -o-transition: height .5s ease;  
   -ms-transition: height .5s ease;  
   transition: height .5s ease; 
/*   margin-bottom: 30px;*/
/*   padding-top: 30px;*/
   
width:100%;
height:0px;
background: #2f2f2f;
background-color: rgba(255, 255, 255, .05);
overflow: hidden;
    
   -webkit-box-sizing: border-box; 	
   -moz-box-sizing: border-box;    
   box-sizing: border-box;       
}

.close {
width: 100%;
	margin-top: 21px;
	margin-bottom: 5px;
	text-align: left;
	color: #fff;
/*	background-color: #ff00ff;*/
	font-size: 14px;
}

.close a{
	color: white;
	color: rgba(255, 255, 255, .85);
}

.close a:hover{
	color: rgba(255, 255, 255, .75);
}

.roll {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .65) url('../images/play2.svg') no-repeat  center 65px;
	background-size: 60px;
	text-align: center;
	padding-top: 145px;
	font-weight: 500;
	letter-spacing: 1px;
	opacity: 0;
	font-size: 16px;
	color: white;
	
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	/*box-sizing: border-box;*/
}

.roll:hover {
	opacity: 1;
}

.thumbNail {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

#thumb1 {
	background: #f5f5f5 url('../images/thumb-1.png') no-repeat center;
	background-size: cover;
}
#thumb2 {
	background: #f5f5f5 url('../images/thumb-2.png') no-repeat center;
	background-size: cover;
}
#thumb3 {
	background: #f5f5f5 url('../images/thumb-3.png') no-repeat center;
	background-size: cover;
}
#thumb4 {
	background: #f5f5f5 url('../images/thumb-4.png') no-repeat center;
	background-size: cover;
}
#thumb5 {
	background: #f5f5f5 url('../images/thumb-5.png') no-repeat center;
	background-size: cover;
}
#thumb6 {
	background: #f5f5f5 url('../images/thumb-6.png') no-repeat center;
	background-size: cover;
}
#thumb7 {
	background: #f5f5f5 url('../images/thumb-7.png') no-repeat center;
	background-size: cover;
}
#thumb8 {
	background: #f5f5f5 url('../images/thumb-8.png') no-repeat center;
	background-size: cover;
}
/*
@media all and (max-width: 824px) and (min-width: 581px) {

.name {
		font-size: 50px;
		margin-top: 50px;
		margin-bottom: 10px;
		color: #f0f0f0;
		line-height:90%
}

.splitSixty {

float: left;
width: 50%;
/*background-color: #ff0;*!/
	
}

.center {
width: 540px;
}

.splitThirty {
width: 50%;
}

.blahTXTSmall {
	font-size: 14px;
}

.blahTXTSmallTitle {
	font-size: 14px;
}

.splitThirtyPlus {

width: 235px;
height: 140px;
/*border: 10px solid #444;*!/

/*background-color: #ff00ff;*!/
}

.splitThirtyPlus img {
		width: 235px;
		height: auto;
	
	}

.tighten {
	width: 490px;
}

#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {

	margin-left: 0px;
    width:495px;
    height:278px;
}


#hiddenONETXT, #hiddenTWOTXT, #hiddenTHREETXT, #hiddenFOURTXT, #hiddenFIVETXT, #hiddenSIXTXT, #hiddenSEVENTXT, #hiddenEIGHTTXT, #hiddenNINETXT{

	    width:540px;
	    height:270px;
	}
	
	
	.splitbeautypicture {
	width: 176px;
	height:  141px;
	/*background-color: #ff00ff;*!/
	
}
	
}*/


@media all and (max-width: 824px) {


.mo {
	width: 400px;
	padding-top: 30px;
	/*padding-right: 35px;*/
}

.line {
		margin-right: 0px;
		margin-top: 35px;
		margin-bottom: 30px;
		
}
.name {
		font-size: 30px;
		margin-top: 50px;
		margin-bottom: 10px;
		color: #f0f0f0;
		line-height:110%
}

.splitSixty {

float: left;
width: 50%;
/*background-color: #ff0;*/
	
}

.center {
width: 400px;
}

.splitThirty {
width: 100%;
}

.blahTXTBig {
	font-size: 14px;
}

.tighten {
	width: 395px;
}

.blahTXTBold {
	font-size: 16px;
	}
	
.blahTXTSmall {
	font-size: 14px;
}

.blahTXTSmallTitle {
	font-size: 14px;
}

.credit {
	font-size: 11px;
}


.splitbeautypicture {
width: 130px;
height:  104px;
/*background-color: #ff00ff;*/
}


.splitThirtyPlus {

width: 400px;
margin-left: 0px;
/*margin: 15px;*/

/*background-color: #ff00ff;*/
}

.splitThirtyPlus img {
		width: 400px;
		margin-right: 0px;
		height: auto;
	}
	
		
#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {

	margin-left: 0px;
    width:400px;
    height:225px;
}


#hiddenONETXT, #hiddenTWOTXT, #hiddenTHREETXT, #hiddenFOURTXT, #hiddenFIVETXT, #hiddenSIXTXT, #hiddenSEVENTXT, #hiddenEIGHTTXT, #hiddenNINETXT{

	    width:395px;
	    height:236px;
	}
}


@media
only screen and (min--moz-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (-o-min-device-pixel-ratio: 3/2) and (orientation: portrait),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-device-pixel-ratio: 1.5) and (orientation: portrait),
only screen and (min-resolution: 1.5dppx) and (orientation: portrait) {

/*body {
	background-color: orange;
}*/

.name {
		font-size: 60px;
		margin-top: 100px;
		margin-bottom: 20px;
		color: #f0f0f0;
		line-height:110%
}

.splitSixty {

float: left;
width: 50%;
/*background-color: #ff0;*/
	
}

.center {
width: 800px;
}

.splitThirty {
width: 100%;
}

.blahTXTBig {
	font-size: 28px;
}

.tighten {
	width: 790px;
}

.blahTXTBold {
	font-size: 32px;
	}
	
.blahTXTSmall {
	font-size: 28px;
}

.blahTXTSmallTitle {
	font-size: 28px;
}


.splitbeautypicture {
width: 260px;
height:  208px;
/*background-color: #ff00ff;*/
}


.splitThirtyPlus {

width: 800px;
margin-left: 0px;
/*margin: 15px;*/

/*background-color: #ff00ff;*/
}

.splitThirtyPlus img {
		width: 800px;
		margin-right: 0px;
		height: auto;
	}
	
		
#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {

	margin-left: 0px;
    width:800px;
    height:450px;
}


#hiddenONETXT, #hiddenTWOTXT, #hiddenTHREETXT, #hiddenFOURTXT, #hiddenFIVETXT, #hiddenSIXTXT, #hiddenSEVENTXT, #hiddenEIGHTTXT, #hiddenNINETXT{

	    width:790px;
	    height:472px;
	}


.close {
width: 100%;
	margin-top: 21px;
	margin-bottom: 10px;
	font-size: 28px;
}


.footer {

-webkit-box-sizing: border-box; 	
-moz-box-sizing: border-box;    
box-sizing: border-box;   

margin-top: 120px;
	height: 120px;
	
	padding: 46px;
	font-size: 28px;
}

.blahTXTBigRoll {
	font-size: 36px;
	margin-top: 40px;
	letter-spacing:2px
}

li {
font-size: 28px;
}


}

@media
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {

/*body {
	background-color: olive;
}*/
.name {
		font-size: 50px;
		margin-top: 50px;
		margin-bottom: 10px;
		color: #f0f0f0;
		line-height:90%
}

.splitSixty {

float: left;
width: 50%;
/*background-color: #ff0;*/
	
}

.center {
width: 768px;
}

.splitThirty {
width: 50%;
}

.blahTXTSmall {
	font-size: 18px;
}

.blahTXTSmallTitle {
	font-size: 18px;
}

.splitThirtyPlus {

width: 360px;

/*border: 10px solid #444;*/

/*background-color: #ff00ff;*/
}

.splitThirtyPlus img {
		width: 350px;
		height: auto;
	
	}

.tighten {
	width: 740px;
}

#hiddenONE, #hiddenTWO, #hiddenTHREE, #hiddenFOUR, #hiddenFIVE, #hiddenSIX, #hiddenSEVEN, #hiddenEIGHT, #hiddenNINE {

	margin-left: 0px;
    width:720px;
    height:402px;
}


#hiddenONETXT, #hiddenTWOTXT, #hiddenTHREETXT, #hiddenFOURTXT, #hiddenFIVETXT, #hiddenSIXTXT, #hiddenSEVENTXT, #hiddenEIGHTTXT, #hiddenNINETXT{

	    width:720px;
	    height:270px;
	}
	
	
	.splitbeautypicture {
	width: 176px;
	height:  141px;
	/*background-color: #ff00ff;*/
	
}

.close {
width: 100%;
	margin-top: 21px;
	margin-bottom: 10px;
	font-size: 14px;
}


.footer {

-webkit-box-sizing: border-box; 	
-moz-box-sizing: border-box;    
box-sizing: border-box;   

margin-top: 120px;
	height: 120px;
	
	padding: 46px;
	font-size: 14px;
}

.blahTXTBigRoll {
	font-size: 22px;
	margin-top: 40px;
	letter-spacing:2px
}

li {
font-size: 22px;
}

.blahTXTBig {
	font-size: 22px;
}


}