* { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Open Sans', sans-serif; letter-spacing: .2em; }

ul, li { list-style: none; }

a { text-decoration: none; color: black; }

h1 { text-transform: uppercase; font-weight: 800; font-size: 60px; }
h1 span { text-stroke: .1rem #000; -webkit-text-stroke: .1rem #000; -moz-text-stroke: .1rem #000; color: transparent!important; line-height: .95em; opacity: .8; }
h2 { font-size: 50px; color: white; text-transform: uppercase; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
h3 { margin-bottom: 50px; }

p { font-size: 13px; line-height: 2em; margin-bottom: 50px; }

.logo { height: 100px; margin: 30px 30px 0; }

header { width: 100%; position: relative; z-index: 5; }

nav#main-nav { float: right; margin: 60px 70px 0 0; }
nav#main-nav ul { display: table; }
nav#main-nav ul li{ float: left; }
nav#main-nav ul li a { padding: 30px 40px; border-bottom: 5px solid transparent; text-transform: uppercase; font-size: 11px; color: white; transition: .4s ease; }
nav#main-nav ul li a:hover { border-color: #2AF0FF; }

.scroll { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); text-align: center; }
.scroll img { height: 40px; display: block;margin: 0 auto 10px; }
.scroll span { font-size: 11px; color: white; padding: 0 20px; }

section#head-banner { width: 100%; background-color: black; margin-top: -135px; }
section#head-banner .banner { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: right; }

.cont { width: 1200px; margin: 0 auto 150px; }
* .cont:first-child { margin-top: 150px;  }

.box-center { max-width: 800px; text-align: center; margin: 150px auto 150px; }

.ssp { width: 100px; height: 3px; background-color: black; display: block; }

.separate1 { margin: 50px auto; }
.separate2 { float: right; margin: 25px -50px 70px 0; }

a.btn-classic { font-size: 11px; display: table; padding: 20px 75px; margin: 70px 0; border: 2px solid #2AF0FF; -moz-border-image: -moz-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); -webkit-border-image: -webkit-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); border-image: linear-gradient(to right, #51FFDD 0%, #2AF0FF 100%); border-image-slice: 1; }
a.bt-center { margin: 70px auto; }

.degrade { background-color: #2AF0FF; background-image: linear-gradient(to right, #51FFDD, #2AF0FF); background-image: -webkit-gradient(linear, left top, right top, from(#51FFDD), to(#2AF0FF)); }

.box-left { display: table; }

.f-left { float: left; }
.f-center { margin: 0 auto; }
.f-right { float: right; }

.background { background-position: center; background-repeat: no-repeat; background-size: cover; }

.half-3 { width: 30%; float: left; }
.half-4 { width: 40%; float: left; }
.half-5 { width: 50%; float: left; }
.half-6 { width: 60%; float: left; }
.half-7 { width: 70%; float: left; }

.l-pad { padding-left: 50px; }
.r-pad { padding-right: 50px; }

.m-center { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.img-box { width: 100%; height: 350px; position: relative; }
.img-box:after { width: 100%; height: 100%; content: ""; display: block; position: absolute; top: 30px; left: -30px; border: 3px solid #2AF0FF; -moz-border-image: -moz-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); -webkit-border-image: -webkit-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); border-image: linear-gradient(to right, #51FFDD 0%, #2AF0FF 100%); border-image-slice: 1; }

.title { width: 400px; line-height: 2.5em; }

.t-left { text-align: left; }
.t-center { text-align: center; }
.t-right { text-align: right; }

footer { width: 1200px; margin: 0 auto; border-top: 1px solid #ccc; position: relative; }

.copy { padding: 40px 0; font-size: 11px; color: #444; }

#social { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
#social ul li { float: left; margin-left: 50px; }
#social ul li a img { height: 20px; }

.inner-banner { width: 100%; height: 700px; position: relative; z-index: 1; }

.relative { position: relative; }
.absolute { position: absolute; }

.t-img { height: 350px; }

.msg { width: 700px; display: table; position: relative; }
.msg img { width: 200px; }
.msg p { width: calc(100% - 200px); position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

.downloads { width: 100%; margin-top: 100px; }
.downloads .d-box { width: calc(100% / 3 - 4px); display: inline-block; margin: 0 0 70px -4px; vertical-align: top; }
.downloads .d-box .d-title { font-weight: 800; font-size: 45px; margin-bottom: 30px; text-transform: uppercase; text-stroke: .05rem #262626; -webkit-text-stroke: .05rem #262626; -moz-text-stroke: .05rem #262626; color: transparent!important; }
.downloads .d-box .d-img { width: 100%; height: 280px; background-color: purple; position: relative; }
.downloads .d-box .d-img .disp { font-size: 13px; font-weight: 800; color: white; padding: 15px 60px; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); -webkit-transform: translateX(-50%); text-transform: uppercase; border: 2px solid #2AF0FF; -moz-border-image: -moz-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); -webkit-border-image: -webkit-linear-gradient(left, #51FFDD 0%, #2AF0FF 100%); border-image: linear-gradient(to right, #51FFDD 0%, #2AF0FF 100%); border-image-slice: 1; }
.downloads .d-box .d-cont { padding: 30px; background-color: #EAEAEA; }
.downloads .d-box .d-cont h3 { margin: 0; }
.downloads .d-box .d-cont a { padding: 20px 70px; font-size: 10px; text-transform: uppercase; color: #686868; display: table; margin: 0 auto; }