a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote,
body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl,
dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4,
h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li,
mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small,
span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead,
time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block;
}

/*html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	color: #616161;
	font-family: Poppins, sans-serif;
}*/

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:after, blockquote:before {
    content: '';
    content: none;
}

q:after, q:before {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* , ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

button:active, button:focus {
    outline: 0 !important;
}

::selection {
    background-color: #343434;
    color: #b6b6b6;
    text-shadow: none;
}

html {
    font-family: sans-serif;
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width:1024px) {
    body, html {
        width: 100%;
        height: 100%;
    }
}

body {
    min-width: 320px;
    position: relative;
    overflow-x: hidden;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.7;
    background-color: #1f1f1f;
    color: #616161;
}

@media only screen and (min-width:1200px) {
    body {
        overflow: hidden;
    }
}

a {
    text-decoration: underline;
    color: #303030;
    -webkit-tap-highlight-color: transparent;
}

img {
    display: block;
    width: 100%;
    height: auto;
}

section {
    position: relative;
}

.no-padding {
    padding: 0;
}

.overflow-hidden {
    overflow: hidden;
}

.fullheight {
    position: relative;
    height: auto;
}

@media only screen and (min-width:1200px) {
    .fullheight {
        height: 100%;
    }
}

.container-fluid {
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (min-width: 1200px), all {
	.main-intro {
		height: 100%;
		min-height: 546px;
	}
}
@media only screen and (min-width: 1024px), all {
	.main-intro {
		height: 100vh;
		padding: 0;
	}
}
.main-intro {
	position: relative;
	height: auto;
	min-height: 480px;
	padding: 0;
	background-color: #1f1f1f;
	overflow: hidden;
	transform: translateY(0);
	transition: transform .6s ease-in-out;
}

@media only screen and (min-width: 1200px) {
	.main-intro {
		height: 100%;
		min-height: 546px;
	}
}
@media only screen and (min-width: 1024px) {
	.main-intro {
		height: 100vh;
		padding: 0;
	}
}
.main-intro {
	position: relative;
	height: auto;
	min-height: 480px;
	padding: 0;
	background-color: #1f1f1f;
	overflow: hidden;
	transform: translateY(0);
	transition: transform .6s ease-in-out;
}

.vert-half {
	width: 50%;
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
	top: 0;
}

@media (min-width: 1200px) {
	.col-lg-6 {
		width: 50%;
	}
}
@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
		float: left;
	}
}
.col-xs-12 {
	width: 100%;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-left: 0;
	padding-right: 0;
}

.float-md-right {
    float: left;
}

@media only screen and (min-width:768px) {
    .float-md-right {
        float: right;
    }
}

.float-lg-right {
    float: left;
}

@media only screen and (min-width:1200px) {
    .float-lg-right {
        float: right;
    }
}

.float-right {
    float: right;
}

.layer-black {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

.mainContent {
    position: relative;
    height: auto;
    min-height: 480px;
    padding: 0;
    /*background-color: #1f1f1f;*/
    overflow: hidden;
    transform: translateY(0);
    transition: transform .6s ease-in-out;
}

.mainContent::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: #151515;*/
    transform: translateX(-102%);
    transition: transform .3s ease-in-out;
    z-index: 1;
}

@media only screen and (min-width:1024px) {
    .mainContent {
        height: 100vh;
        padding: 0;
    }
}

@media only screen and (min-width:1200px) {
    .mainContent {
        height: 100%;
        min-height: 546px;
    }
}

@media only screen and (min-width:1600px) {
    .mainContent {
        min-height: 654px;
    }
}

.intro-content {
    position: relative;
    min-height: 480px;
    padding: 180px 0;
    background-color: #fff;
    opacity: 0;
}

@media only screen and (min-width:1024px) {
    .intro-content {
        height: 100vh;
        padding: 0;
    }
}

@media only screen and (min-width:1200px) {
    .intro-content {
        height: 100%;
        min-height: 546px;
    }
}

@media only screen and (min-width:1600px) {
    .intro-content {
        min-height: 654px;
    }
}

.headline {
    position: relative;
    width: 100%;
    padding: 0 10%;
}

@media only screen and (min-width:1024px) {
    .headline {
        position: absolute;
        left: 0;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }
}

@media only screen and (min-width:1200px) {
    .headline {
        padding: 0 6.4rem;
    }
}

@media only screen and (min-width:1600px) {
    .headline {
        padding: 0 8rem;
    }
}

/* ***************************** */
@media only screen and (min-width: 1200px), all {
.main {
    height: 100%;
    min-height: 546px;
    overflow: hidden;
    z-index: 8;
    transition: transform .4s,opacity .4s;
}}
.main {
    position: relative;
    background-color: #1f1f1f;
    opacity: 1;
    transform: translateZ(0);
    transform: scale(1);
    transition: opacity .4s;
}
@media only screen and (min-width: 1200px) {
.main {
    height: 100%;
    min-height: 546px;
    overflow: hidden;
    z-index: 8;
    transition: transform .4s,opacity .4s;
}}
.main {
    position: relative;
    background-color: #1f1f1f;
    opacity: 1;
    transform: translateZ(0);
    transform: scale(1);
    transition: opacity .4s;
}
section {
    position: relative;
}
/* ***************************** */

.main.loaded .countdown, .main.loaded .socials {
	animation: .5s ease-in-out 1s 1 both fadeIn;
}

.main.loaded .main-media .image, .main.loaded .main-media .layer-cover {
	animation: .8s ease-in-out 1 both itemsOpacity;
}

.main-media .image, .main-media .layer-cover {
	opacity: 0;
}
.main-media .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.main-media .image, .main-media .layer-cover {
	opacity: 0;
}

@media only screen and (min-width: 1200px), all {
	.countdown {
		position: absolute;
		top: auto;
		right: 6.4rem;
		bottom: 4rem;
		left: auto;
		transform: translateX(0) translateY(0);
		text-align: right;
	}
}
.countdown {
	position: absolute;
	bottom: 4rem;
	right: 10%;
	opacity: 1;
	transition: opacity 1s ease-in-out;
	transform: translateX(0) translateY(0);
	z-index: 1;
	text-align: right;
}