@font-face {
font-family:helbk;
src:url(fonts/Helvetica-Condensed-Black.eot);
src:url(fonts/Helvetica-Condensed-Black.eot?#iefix) format("embedded-opentype"),
url(fonts/Helvetica-Condensed-Black.woff2) format("woff2"),
url(fonts/Helvetica-Condensed-Black.woff) format("woff"),
url(fonts/Helvetica-Condensed-Black.ttf) format("truetype");
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

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

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
								transition: color 0.2s linear;
					-o-transition: color 0.2s linear;
text-decoration:none;
}

body, html {
margin:0;
padding:0;
height:100%;
background: url("images/bg.jpg?v=1.01") no-repeat;
background-size: cover;
background-position: center right;
background-attachment: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:'helbk', Arial;
text-align:center;
color:#000;
}

#logo {
position:absolute;
top:30px;
left:30px;
}

#logo img {
max-width:120px;
}

#socials {
position:absolute;
top:30px;
right:30px;
}

#socials li {
display:inline-block;
margin:0 6px;
padding:0;
border:0 none;
line-height:100%;
}

#socials li a {
color: rgb(30,41,37,1);
padding:0;
border:0 none;
font-size:18px;
}

#socials li a:hover {
color: rgb(30,41,37,.8);
}






#container {
margin-left:13%;
width:30%;
}

#cover img {
display:block;
}

#links li {
margin:0 0 12px 0;
text-transform:uppercase;
}

#links li.social-wrap {
border:0 none;
padding:7px 0;
}

#links li a {
display:block;
color: rgb(30,41,37,1);
border:2px solid #1e2925;
border-radius:50px;
padding:12px 8px 8px 8px;
font-size:24px;
line-height:100%;
-webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
								transition: all 0.2s ease;
					-o-transition: all 0.2s ease;
}

#links li:first-child a {
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top:0;
border:0 none;
background-color: rgb(30,41,37,.8);
color:#FFF;
max-width:100%;
margin:0 auto;
}

#links li a:hover {
background-color: rgb(30,41,37,1);
color:#FFF;
}



/** Popup **/
#popup-title {
margin:0 0 15px 0;
text-transform:uppercase;
font-size:18px;
font-weight:bold;
color: #FFF;
text-align:center;
}

#mc_embed_signup input[type="email"] {
border:2px solid #4b5a61;
outline:0 none;
font-family:Arial;
font-weight:600;
padding:8px 10px;
display:block;
width:100%;
background-color:#FFF;
margin:0 0 15px 0;
font-size:16px;
text-align:center;
}

#mc_embed_signup input[type="submit"] {
border:0 none;
outline:0 none;
font-family:Arial;
font-weight:600;
padding:7px 10px;
display:block;
width:60%;
margin:0 auto;
color:#FFF;
font-size:16px;
background-color:#4b5a61;
cursor:pointer;
}

#mc_embed_signup input[type="submit"]:hover {
background-color: rgb(75,90,97,.8);
-webkit-transition: background-color .3s ease-out;
   -moz-transition: background-color .3s ease-out;
	 -o-transition: background-color .3s ease-out;
		transition: background-color .3s ease-out;
}




@media all and (max-width:1200px) {
#container {
width:40%;
}

#links li {
font-size:18px;
}
}

@media all and (min-width:1000px) {
#container {
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
								transform: translateY(-50%);
}
}

@media all and (max-width:1000px) {
body, html {
background: url("images/bg-mobile.jpg?v=1.02") no-repeat #030a14;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}

#logo {
position:absolute;
top:30px;
left:0;
right:0;
}

#container {
width:80%;
margin:0 10%;
padding:70px 0 100px 0;
}

#links li {
font-size:15px;
margin:0 0 20px 0;
}

#links li {
border:0 none;
}

#links li:first-child a {
background-color: rgb(30,41,37,.9);
}

#socials {
position:relative;
top:40px;
right:0px;
margin:0 auto;
}

#socials li {
margin:0 6px;
padding:0;
}

#socials li a {
color: rgb(30,41,37,1);
}

#socials li a:hover {
color: rgb(30,41,37,1);
}

#mc_embed_signup input[type="submit"] {
width:70%;
}
}