/* ------------ COMMON ---------------- */

* { margin: 0; padding: 0; }
BODY, FORM, LABEL, INPUT, TEXTAREA {
	font: 12px Verdana, Arial, 'Open Sans', Tahoma, Geneva, Helvetica, sans-serif;  color: #fff;
}
A, IMG, FORM, FIELDSET {border: none;}
A { color: #FFF; text-decoration: none; }
	A:hover { color: #FFF; }
	

H1, H2, H3, H4, H5, H6 { font-weight: normal;  }

H1  { font-size: 28px; font-family: Arial; }
H2  { font-size: 22px; font-family: Arial; }
H3  {
	font-size: 8px;
    font-family: Arial;
    font-weight: 400;
    font-style: normal;
    line-height: initial;
    font-stretch: normal;
}


HTML { background: #030d2e; }

#background-content {
	width: 100%;
	max-width: 4000px;
	min-width: 0px;
}

#top-header-offline {
height: 20px;
margin-bottom: 0px;
}
	  
	  
FORM{ margin: 10px; }

BODY { background: #030d2e;  }


	

	.logo {}
		.logo IMG {  margin: 0 0 160px; }

.slide-container, .superslide-container {
    display: block; position: relative; width: 100%;
    background-size: cover; background-position: center;
	overflow: hidden;
}
	.slide-inner{
		position: absolute; overflow: hidden;
		width: 1920px; height: 927px;
		top: 0; left: 50%;
		margin-left: -960px;
		background-position: center;
	}
	
	/* - - - - - - - - - A N I M A T I O N S - - - - - - -  */

	#gfx1 {
		width:  200px; height:  200px;
		position: absolute; 
		    left: 10%;
    bottom: 20%;
	}

		.mic-shadow {
		    position: absolute;
		    top: 50%; left: 50%;
		    border-radius: 100%;
		    box-shadow: 0px 0px 20px 15px #ffffff, 0px 0px 60px 30px #ffffff;
		    /*animation: shadow-size 1.5s linear infinite;
		    transform-origin: center;*/
		    animation: shadow-size 1.2s linear infinite alternate;
		    background-color: #fff;
		    transform: translate(-50%, -50%);
		}

			@keyframes shadow-size {
			    from {
			        width: 10px;
			        height: 10px;
			    }
			    to {
			        width: 40px;
			        height: 40px;
			    }
			}





	/* ------------ SLIDE 1 - */		
		.slide1 {
			height: 100vh;; max-height: 990px;
			background: url('images/slide1.jpg?c=6') no-repeat center;
			background-size: cover;
			}
			.slide1 .top-features {
				position: absolute; top: 5%; left: 0; width: 100%; /*height: 100px;*/ text-align: center;
			}
				H3.title1 {
					font-size: 30px; font-weight: bold; 
					color: #FFF; text-shadow: 0 0 20px #ff4936, 0 0 30px #9b272a;
					
					font-family: "Michroma";
					font-style: normal;
					/*line-height: 50px;*/
					font-stretch: normal;
					font-weight: bold;
					text-transform: uppercase;
					letter-spacing: 5px;
				}
					H3.title1 SPAN { padding: 12px 0; display: block; /*line-height: 32px;*/}
					/*.top-features H3.title1 { margin-top: 250px; }*/
					.slide2 H3.title1 { font-size: 24px; }
						.slide2 H3.title1 SPAN { padding: 24px 0;  }


			.slide1 .calltoaction1 {
				position: absolute; bottom: 20%; margin-left:-500px; left:50%; 
				width: 1000px;
			}
			.slide1 .btnaction1 {
				display: block; margin: 0 auto;
				text-align: center;
				width: 500px; height: 120px;
				/*background: url('images/actionbtn1-big.png') no-repeat top;*/
				position: relative;
			}
				.slide1 .btnaction1 .gfxglow1 {
					position:  absolute; left:  50%; top:  40px; width: 370px; height:  40px; margin-left:  -185px;
					animation: btn-glow 1.5s ease-in-out infinite alternate;
					background: #bdf0f1; border-radius: 20px;
					display: none;
				}
				/*.slide1 .btnaction1:hover { background-position: bottom;) }*/
				.slide1 .btnaction1 H2 {
					position:  absolute; left:  0; top:  0; width: 100%; height:  100%;
					/*display: block;*/
					/*margin: 30px 10% 0 10%;*/ padding-top:  42px; height: 78px;
					font-size: 28px; text-transform: uppercase;  white-space: nowrap;
					text-shadow: 0 0 20px #FFFFFF;
					background: url('images/actionbtn1-big.png') no-repeat top;
				}
					.slide1 .btnaction1 H2:hover {
						background-position: bottom;
						text-shadow: 0 0 20px #fff, 0 0 30px #bdf0f1, 0 0 40px #bdf0f1, 0 0 50px #bdf0f1;
					}
				.slide1 .calltoaction1 H3 { text-align: center; font-size: 18px; text-transform: uppercase; }
					.slide1 .calltoaction1 H3 A { text-decoration: underline; }
					.slide1 .calltoaction1 H3.title1 { margin-bottom: 8vh; font-size: 28px; }


			.sociallink, .platformlink {
				width:  32px; height: 32px; margin: 0 2px -10px 2px;
				background: url('images/icon-social32x32.png') no-repeat left;
				display: inline-block;
			}
				.platformlink {
					width:  64px; background-image: url('images/icon-platform32x32.png');
				}
				.socialfacebook { background-position: 0 0; bottom: 0px; }
				.socialtwitter { background-position: -32px 0; bottom: 0px; }
				.socialfeed { background-position: -64px 0; bottom: 0px; }
				.linkmobile { background-position: 0 0; bottom: 0px; }
				.linkdesktop { background-position: -64px 0; bottom: 0px; }


			
/* ------------ FOOTER ---------------- */
#footer-container{
	position: absolute; bottom: 0; left:  0; width: 100%; height:  50px;
	/*background: #131212;*/
	text-align: center;
}
	/*
	#footer-inner{
		width: 96%; max-width: 1920px; margin: 0 auto;
		position: relative;
	}
		#footer-inner P { font-size: 14px; color: #ccd4dc; padding-top: 5px;}
			#footer-inner SPAN {  padding-right: 30px; }
			#footer-inner P A { color: #60dbf9; }
				#footer-inner P A:hover { color: #bdf0fc; }
	#footer-inner  .column1 { float: left; padding: 20px 0;  }
	#footer-inner  .column2 { float: right; padding: 20px 0;  }
	*/

/* ------------ ------ ---------------- */
/* ------------ MOBILE ---------------- */
/* ------------ ------ ---------------- */

	@media screen and (max-width: 1400px) {
			#gfx1 { display: none; }
	}

	@media screen and (max-width: 600px) {
		.slide1 {
			   background-size: 300%;
			}
	}