/*
Theme Name: 	HTML5 Blank
Theme URI: 	http://html5blank.com
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Todd Motto (@toddmotto)
Author URI: 	http://www.toddmotto.com
Tags: 		Blank, HTML5, CSS3

License:	MIT
License URI:	http://opensource.org/licenses/mit-license.php
*/

/* =============================================================================
   HTML5 Reset
   ========================================================================== */

	article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
	audio, canvas, video {display:inline-block;*display:inline;*zoom:1;}
	audio:not([controls]) {display:none;}
	[hidden] {display:none;}

	html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	html, button, input, select, textarea {font-family:sans-serif;color:#222;}
	body {margin:0;font-size:1em;line-height:1;}
	p {padding:7px 0 0 0;}

	h1,h2,h3,h4,h5,h6 {text-decoration:none;padding:0;color:#444;margin:0;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:700;}

	a {color:#266E9E;text-decoration:none;}
	a:focus {outline:0;}
	a:hover, a:active {outline:0;}

	abbr[title] {border-bottom:1px dotted;}
	b, strong {font-weight:bold;}
	.clear {clear:both;}
	dfn {font-style:italic;}
	hr {display:block;height:1px;border:0;border-top:1px solid #CCC;margin:1em 0;padding:0;}
	ins {background:#FF9;color:#000;text-decoration:none;}
	mark {background:#FF0;color:#000;font-style:italic;font-weight:bold;}
	pre, code, kbd, samp {font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}
	pre {white-space:pre;white-space:pre-wrap;word-wrap:break-word;}
	q {quotes:none;}
	q:before, q:after {content:"";content:none;}
	small {font-size:90%;}
	blockquote {background-color:#EEE;border:1px solid #DDD;margin:10px 0;padding:10px 30px;border-radius:3px;}

	sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
	sup {top:-0.5em;}
	sub {bottom:-0.25em;}

	ul {margin:0;padding:0;list-style:none;}
	ol {margin:15px;}

	dd {margin:0 0 0 40px;}
	nav ul, nav ol {list-style:none;list-style-image:none;margin:0;padding:0;}

	img {border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}

	svg:not(:root) {overflow:hidden;}

	figure {margin:0;}

	form {margin:0;}
	fieldset {border:0;margin:0;padding:0;}
	label {cursor:pointer;}
	legend {border:0;*margin-left:-7px;padding:0;white-space:normal;}
	button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}
	button, input {line-height:normal;}
	button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer;-webkit-appearance:none;*overflow:visible;}
	button[disabled], input[disabled] { cursor: default; }
	input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*width:13px;*height:13px;}
	input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
	input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}
	button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0;}
	textarea {overflow:auto;vertical-align:top;resize:vertical;}
	input:valid, textarea:valid {}
	input:invalid, textarea:invalid {background-color:#F0DDDD;}

	table {border-collapse:collapse;border-spacing:0;}
	td {vertical-align:top;}

/* =============================================================================
   General Styles
   ========================================================================== */

   	/* Font Face Setup, add fonts to /fonts/ folder and link up below with filenames */
	@font-face {
		font-family:'Font-Name';
		src:url('fonts/font-name.eot');
		src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
	    	font-weight:normal;
	    	font-style:normal;
  	 }

   	body {
		font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; /* Serve Helvetica Neue, with Helvetica fallbacks to Arial */
		font-size:11px;
		font-weight:300; /* Better supported than 'lighter' attribute */
		line-height:18px;
		-webkit-font-smoothing:antialiased; /* Antialiased font for great smoothing */
		-moz-font-smoothing:antialiased;
		-o-font-smoothing:antialiased;
		font-smoothing:antialiased;
		text-rendering:optimizeLegibility; /* Optimise legibility for some CSS3 kerning */
		color:#444; /* Lighter on the eyes than #000 Black */
	}

/* =============================================================================
   Structure
   ========================================================================== */

   /* Add your site structure here */

/* =============================================================================
   Mobile First Media Queries
   ========================================================================== */

   /* 320px and greater */
   @media only screen and (min-width: 320px) {
	/* Styles here */
   }

   /* 480px and greater */
   @media only screen and (min-width: 480px) {
	/* Styles here */
   }

   /* 768px and greater */
   @media only screen and (min-width: 768px) {
	/* Styles here */
   }

   /* 1024px and greater */
   @media only screen and (min-width: 1024px) {
	/* Styles here */
   }

   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
	/* Style adjustments for high resolution devices */
}

/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */

   /* Custom Selection Styles */
   ::selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}

   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */

/* =============================================================================
   WordPress Core CSS Styles
   ========================================================================== */

   .alignnone {margin:5px 20px 20px 0;}
   .aligncenter,div.aligncenter {display:block;margin:5px auto 5px auto;}
   .alignright {float:right;margin:5px 0 20px 20px;}
   .alignleft {float:left;margin:5px 20px 20px 0;}
   .aligncenter {display:block;margin:5px auto 5px auto;}
   a img.alignright {float:right;margin:5px 0 20px 20px;}
   a img.alignnone {margin:5px 20px 20px 0;}
   a img.alignleft {float:left;margin:5px 20px 20px 0;}
   a img.aligncenter {display:block;margin-left:auto;margin-right:auto;}
   .wp-caption {background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center;}
   .wp-caption.alignnone {margin:5px 20px 20px 0;}
   .wp-caption.alignleft {margin:5px 20px 20px 0;}
   .wp-caption.alignright {margin:5px 0 20px 20px;}
   .wp-caption img {border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
   .wp-caption p.wp-caption-text,.gallery-caption {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}
   .sticky {}
   .bypostauthor {}

/* ==========================================================================
   Print styles
   ========================================================================== */

   @media print {
	* {background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important;}
	a,a:visited {text-decoration:underline;}
	a[href]:after {content:" (" attr(href) ")";}
	abbr[title]:after {content:" (" attr(title) ")";}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {content:"";}
	pre,blockquote {border:1px solid #999;page-break-inside:avoid;}
	thead {display:table-header-group;}
	tr,img {page-break-inside:avoid;}
	img {max-width:100% !important;}
	@page {margin:0.5cm;}
	p,h2,h3 {orphans:3;widows:3;}
	h2,h3 {page-break-after:avoid;}
   }





#logo {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto;
	z-index: 666;
}
#logo img {
	width: 350px;
  margin-top: 20px;
}
body {
	background: #08070b;
}
.cover iframe {
	display: block;
	width: 100%;
	margin-bottom: 30px;
}
.cover .container {
	max-width: 1400px!important;
}

.glitch {
	 color: white;
	 font-size: 50px;
position: relative;
width: 400px;
margin: 0 auto;
font-weight: 700;
text-transform: uppercase;
text-align: center;
margin-bottom: 50px;
}
.slider-caption .glitch {
	 font-size: 50px;
width: 400px;
font-weight: 700;
text-align: center;
}
.glitch.title {
	 font-size: 35px;
width: 100%;
text-align: center;
}


 @keyframes noise-anim {
	 0% {
		 clip: rect(19px, 9999px, 38px, 0);
	}
	 5% {
		 clip: rect(2px, 9999px, 14px, 0);
	}
	 10% {
		 clip: rect(12px, 9999px, 8px, 0);
	}
	 15% {
		 clip: rect(24px, 9999px, 99px, 0);
	}
	 20% {
		 clip: rect(69px, 9999px, 56px, 0);
	}
	 25% {
		 clip: rect(43px, 9999px, 1px, 0);
	}
	 30% {
		 clip: rect(97px, 9999px, 13px, 0);
	}
	 35% {
		 clip: rect(64px, 9999px, 66px, 0);
	}
	 40% {
		 clip: rect(34px, 9999px, 51px, 0);
	}
	 45% {
		 clip: rect(30px, 9999px, 6px, 0);
	}
	 50% {
		 clip: rect(34px, 9999px, 3px, 0);
	}
	 55% {
		 clip: rect(22px, 9999px, 65px, 0);
	}
	 60% {
		 clip: rect(91px, 9999px, 46px, 0);
	}
	 65% {
		 clip: rect(26px, 9999px, 2px, 0);
	}
	 70% {
		 clip: rect(2px, 9999px, 38px, 0);
	}
	 75% {
		 clip: rect(42px, 9999px, 96px, 0);
	}
	 80% {
		 clip: rect(51px, 9999px, 87px, 0);
	}
	 85% {
		 clip: rect(61px, 9999px, 54px, 0);
	}
	 90% {
		 clip: rect(98px, 9999px, 95px, 0);
	}
	 95% {
		 clip: rect(65px, 9999px, 66px, 0);
	}
	 100% {
		 clip: rect(92px, 9999px, 38px, 0);
	}
}
 .glitch:after {
	 content: attr(data-text);
	 position: absolute;
	 left: 2px;
	 text-shadow: -1px 0 red;
	 top: 0;
	 color: white;
	 background: black;
	 overflow: hidden;
	 clip: rect(0, 900px, 0, 0);
	 animation: noise-anim 2s infinite linear alternate-reverse;
	 text-align: center;
}
.glitch.title:after {
	background: #11110f;
	text-align: center;
}
 @keyframes noise-anim-2 {
	 0% {
		 clip: rect(13px, 9999px, 97px, 0);
	}
	 5% {
		 clip: rect(27px, 9999px, 9px, 0);
	}
	 10% {
		 clip: rect(66px, 9999px, 28px, 0);
	}
	 15% {
		 clip: rect(47px, 9999px, 84px, 0);
	}
	 20% {
		 clip: rect(72px, 9999px, 49px, 0);
	}
	 25% {
		 clip: rect(35px, 9999px, 98px, 0);
	}
	 30% {
		 clip: rect(83px, 9999px, 2px, 0);
	}
	 35% {
		 clip: rect(63px, 9999px, 85px, 0);
	}
	 40% {
		 clip: rect(67px, 9999px, 70px, 0);
	}
	 45% {
		 clip: rect(50px, 9999px, 59px, 0);
	}
	 50% {
		 clip: rect(63px, 9999px, 84px, 0);
	}
	 55% {
		 clip: rect(71px, 9999px, 59px, 0);
	}
	 60% {
		 clip: rect(55px, 9999px, 8px, 0);
	}
	 65% {
		 clip: rect(78px, 9999px, 89px, 0);
	}
	 70% {
		 clip: rect(58px, 9999px, 16px, 0);
	}
	 75% {
		 clip: rect(60px, 9999px, 19px, 0);
	}
	 80% {
		 clip: rect(21px, 9999px, 4px, 0);
	}
	 85% {
		 clip: rect(99px, 9999px, 74px, 0);
	}
	 90% {
		 clip: rect(49px, 9999px, 60px, 0);
	}
	 95% {
		 clip: rect(28px, 9999px, 75px, 0);
	}
	 100% {
		 clip: rect(5px, 9999px, 51px, 0);
	}
}
 .glitch:before {
	 content: attr(data-text);
	 position: absolute;
	 left: -2px;
	 text-shadow: 1px 0 blue;
	 top: 0;
	 color: white;
	 background: black;
	 overflow: hidden;
	 clip: rect(0, 900px, 0, 0);
	 animation: noise-anim-2 3s infinite linear alternate-reverse;
	 text-align: center;
}
.glitch.title:before {
	background: #11110f;
	text-align: center;
}


.presave {

}
.presave p {
	color: #fff;
	font-size: 18px;
	margin: 0;
padding-bottom: 10px;
line-height: normal;
}
.presave .txt {
	margin-top: 20px;
}
.presave a.btn{
	color: #000;
	font-size: 18px;
	border-radius: 5px;
	background: #fff;
	font-weight: 700;
	margin-top: 20px;
}
.presave {

}
body {
	font-family: 'Raleway', sans-serif;
}

.bannermob {
	display: none;
}

@media only screen and (max-width: 600px) {
	.bannermob {
		display: block;
	}
	.banner {
		display: none;
	}
	#logo img {
		width: 250px;
		margin-top: 10px;
	}
	.presave .txt {
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.social-bar {
		margin-top: -170px!important;
	}
}


a.plateforms {
	display: block;
	width: 100%;
	padding: 20px 30px;
	background: #08070b;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px;
	border: 1px solid #fff;
	font-size: 25px;
	text-decoration: none;
	transition: 0.5s;
}
a.plateforms:hover {
	background: #fff;
	color: #08070b;
}