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; }

::-moz-selection { background: #9aa4a3;; color: #f5f5f5; text-shadow: none; }
::selection { background: color:#9aa4a3;; color: #f5f5f5; text-shadow: none; }

img { border: 0; border:none; -ms-interpolation-mode: bicubic; vertical-align: middle; }
div{display:block;}  .clear{clear:both;}

* { -webkit-tap-highlight-color: rgba(0,0,0,0); }



body {
	margin: 0 auto;
    padding: 0;
    width: 100% !important;
    height: 100% !important;
	background: #090909;
	display: block;

	-webkit-font-smoothing:antialiased;
}

.wrap-container {
	display: block;
	position: relative;
  	margin-right: auto;
  	margin-left: auto;
  	padding-left: 0px;
  	padding-right: 0px;
  	top: 0px;
  	left: 0px;

}

.effect-canvas{
	position: fixed;
	top:0;
	left:0;
}

/* header */
.header {
		background-color: transparent;
		height:	auto;
		z-index: 999;

	}

.header-status p {
		font-family:"TrumpGothicEastW01-Bold";
		font-size: 24px;
		color: #FFFFFF;
		letter-spacing: 0.15px;
 		margin:32px 0 0 0;
 	}

.header-status span {
		display: block;
	 	background: #F8E71C;
 		width:40px;
 		height:2px;
 		margin:46px 0 0 0;
 		margin-left: auto;
 		margin-right: auto;
 	}

.header-logo {text-align: center;}
.header-logo img{ display: block; width:70px; height: auto; margin:28px 0 28px 0; margin-left: auto; margin-right: auto;}


.contact{
	width:100%;
	position:absolute;
	bottom:10%;
	z-index: 999;
}


.logo{
	width:100%;
	height:100%;
		}

.swiper-content{
	position: absolute;
	width:100%;
	z-index:4;
	bottom:40%;
}

.svgmask {
		position:relative;
		overflow: hidden;
		/*z-index:2;*/
  	top: 40%;
  	transform: perspective(1px) translateY(-50%);
  	-webkit-transform: perspective(1px) translateY(-50%);

}

.svgmask img{
	width:200%;
	max-height: 316px;
	position:relative;
}


@media (min-width: 768px) {
	.swiper-content{ bottom:30%;}
	.svgmask img{width:150%};
	.header-logo img{ display: block; width:101px; height: auto; margin:28px 0 28px 0;  margin-left: auto; margin-right: auto;}
}

@media (min-width: 992px) {
	.swiper-content{ bottom:30%;}
	.svgmask img{width:120%};
	.header-logo img{ display: block; width:101px; height: auto; margin:28px 0 28px 0;  margin-left: auto; margin-right: auto;}
}

@media (min-width: 1200px) {
	.swiper-content{ bottom:30%;}
	.svgmask img{width:100%};
	.header-logo img{ display: block; width:101px; height: auto; margin:28px 0 28px 0;  margin-left: auto; margin-right: auto;}

}