/* CSS Document */

/*//////////////////////////////////////////////////////////////

Font Families
'antoniolight', sans-serif;	
'antonioregular', sans-serif;	
'antoniobold', sans-serif;	

'Muli', sans-serif;

font-family: 'Nunito Sans', sans-serif;

Palatino,Palatino Linotype,Palatino LT STD,Book Antiqua,Georgia,serif; 


//////////////////////////////////////////////////////////////*/




@font-face {
    font-family: 'antoniobold';
    src: url('../fonts/antonio-bold-webfont.woff2') format('woff2'),
         url('../fonts/antonio-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antoniolight';
    src: url('../fonts/antonio-light-webfont.woff2') format('woff2'),
         url('../fonts/antonio-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'antonioregular';
    src: url('../fonts/antonio-regular-webfont.woff2') format('woff2'),
         url('../fonts/antonio-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/* ==========================================================================
	Base
	========================================================================== */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-weight: 400;
}

/**
 * Firefox specific rule
 */

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

html
{
min-height: 100%;
overflow: visible;
font-size: 14px\9;
background: #000;
}
body
{
background: transparent;
padding: 0;
margin: 0;
-moz-osx-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
body, textarea
{
font-family: 'Muli', arial, sans-serif;
font-weight: 400; 
font-style: normal;
font-size: 16px;
color: #575757;	
}
em strong, strong em
{
font-weight: bold;
font-style: italic;	
}



/* ==========================================================================
   global type 
   ========================================================================== */
h1,h2,h3,h4,h5,h6
{
/*font-size: 28px;*/
font-size: 22px;
line-height: 1.3em;
padding: 0px 0 15px;
font-weight: bold;
}
h1
{
text-transform: uppercase;	
color: #fff;
font-family: 'antoniobold', sans-serif;
}
h2
{
color: #fff;
font-family: 'antonioregular', sans-serif;
/*font-size: 23px;*/
font-size: 19px;
font-weight: normal;
}
h3
{
/*font-size: 26px;*/
font-size: 21px;
color: #fff;
padding: 0px 0 15px;
font-weight: 800;
}
h4
{
font-size: 17px;
color: #040404;
padding: 0px 0 15px;
font-weight: 800;
}
h5
{
font-size: 15px;
color: #040404;
font-weight: 700;
padding: 0px 0 10px;
}
h6
{
font-size: 13px;
font-weight: 400;
font-style: italic;
padding: 0px 0 15px;
}
p
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.4em;
padding: 0px 0 15px;
font-weight: 400;
color: #fff;
}
/*p:last-of-type
{
padding-bottom: 0px;	
}*/
p.leadIn
{
font-size: 16px;
}
p.leadIn span
{
color: #fff;
font-weight: normal;
}
blockquote
{
font-size: 1.0em;	
}
ol
{
list-style: inside decimal;	
}
ul
{
/*list-style: outside disc;*/
list-style: none;
margin-left: 14px;
}
ol, ul, dl
{
padding: 0px 0 15px 12px;
vertical-align: baseline;
}
dl
{
padding: 5px 0 12px 0px;
}
ul li
{
/*font-size: 16px;*/
font-size: 15px;
line-height: 1.4em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 10px 3px;
vertical-align: baseline;
color: #fafafa;
}
ul li ul
{
margin-top: 6px;	
}
ul li li
{
font-size: 1.0em;	
list-style: circle;
}
ol li
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.2em;
margin-right: 20px;
padding: 0em 0 0.5em 1.7em;
vertical-align: baseline;
}
ol li li
{
font-size: 1.0em;	
}
dl dt, dl dd
{
/*font-size: 16px;*/
font-size: 13px;
line-height: 1.0em;
margin-right: 10px;
margin-left: 0px;
padding: 0em 0 3px 0px;
vertical-align: baseline;	
font-weight: 700;
}
dl dd
{
padding: 0em 0 9px 0px;	
font-weight: 400;
}

a/*,
a:visited*/
{
color: #fff;
font-weight: bold;		
}
a:hover
{
color: #ea1c24;
text-decoration: underline;
}
h2 a{
	color: #ea1c24;
}

img.alignright
{
float: right;
margin: 3px 0px 12px 12px;
}
img.alignleft, span.alignleft
{
float: left;
margin: 3px 12px 12px 0px;
}
img.aligncenter
{
margin: 3px auto 3px auto;
}
.textCenter
{
text-align: center;	
}
.textRight
{
text-align: right;	
}
.textLeft
{
text-align: left;	
}
.semanticList, .semanticList li
{
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;	
font-size: 1.0em;
line-height: 1.0em;
}
.semantic
{
padding: 0;
margin: 0;	
}
em em, span.ai{
	font-family: "Times New Roman", times, serif;
	font-size: 1.1em;
	font-style: inherit;
}


/* ==========================================================================
	structure
	========================================================================== */
	
section
{
width: 100%;
z-index: 20;
position: relative;
}
.pad
{
padding-left: 15px;
padding-right: 15px;	
}
.noPad
{
padding-left: 0px !important;
padding-right: 0px !important;
}
.row
{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.fullWidth
{
width: 100%;	
}

/* ==========================================================================
	Header
	========================================================================== */
#identity{
	padding: 50px 15px 0px;
	max-width: 1200px;
	margin: 0 auto;
}
#identity h1{
	text-align: center;
	font-size: 28px;
}
#identity h1 small{
	font-size: 24px;
}
#identity p{
	text-align: center;
	padding: 20px 20px;
}

/* ==========================================================================
	Content
	========================================================================== */
section{
	padding: 0 15px;
}
.trailerWrap{
	padding: 20px 0;
	text-align: center;
}
.playTrailer{
	position: relative;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.playTrailer a img{
	position: relative;
	width: 100%;
}
.downloads{
	padding-top: 40px;
}
.dlTitle, .dlContent{
	text-align: center;
}
.dlContent ul{
	margin-left: unset;
	padding: unset;
}
.dlContent ul li{
	margin-right: 10px;
	margin-left: 0px;
	padding: 0em 0 10px 3px;
}


/* ==========================================================================
	Footer
	========================================================================== */
footer{
	padding: 50px 15px 50px;
	text-align: center;
}
footer img{
	width: 100%;
	max-width: 140px;
}


/* =========== Header BootStrap 4 Medium (md) breakpoint =========== */
@media only screen and (min-width: 768px) {

/* ==========================================================================
	Header @md
	========================================================================== */
#identity{
	padding: 50px 15px 30px;
}
#identity h1{
	font-size: 38px;
	line-height: 1.2em;
}
#identity h1 small{
	font-size: 32px;
}

/* ==========================================================================
	Header @md
	========================================================================== */
section h2{
	font-size: 20px;
}
#identity p{
	text-align: center;
	padding: 20px 160px;
}

/* ==========================================================================
	Content @md
	========================================================================== */
.playTrailer{
	max-width: 420px;
	padding-bottom: 30px;
}

.dlTitle{
	text-align: right;
}
.dlContent{
	text-align: left;
}
.dlContent ul{
	margin-left: 14px;
	padding: 0px 0 15px 12px;
}
.dlContent ul li{
	margin-right: unset;
	margin-left: unset;
	padding: unset;
}

/* ==========================================================================
	Footer @md
	========================================================================== */

footer img{
	width: 100%;
	max-width: 160px;
}

footer p{
	font-size: 16px;
}
#footerTop{
	display: flex;
	align-items: center; 
}
#ftContact{
	text-align: left;
}
#ftLogo{
	text-align: right;
}
#ftCopyright{
	padding-top: 50px;
}
#ftCopyright p{
	font-size: 13px;
}


}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.bgcover
{
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.bgcontain
{
-webkit-background-size: contain;
-moz-background-size: contain;
-ms-background-size: contain;
-o-background-size: contain;
background-size: contain;
}

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}



/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden, .hiddenElement
{
	visibility: hidden!important;
    display: none!important;
}


/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

.row .spacerCol
{
min-height: 5px;
padding-top: 5px;	
}



/* Clearing floats ------------------------------------------------------------------*/

.clearfix:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix
{
	.display: inline-block;
}
 
html[xmlns] .clearfix
{
	display: block;
}
 
* html .clearfix
{
	height: 1%;
}