/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul{list-style:none;}
a{margin:0; padding:0; font-size:100%; background:transparent; text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}

.block-img img {display: block;}
img {max-width: 100%; height: auto;}
label[for], .toggleNext, input[type="submit"], button {cursor: pointer;}
a:focus, .submenu-toggle:focus {outline: none;}
p{margin: 0 0 10px 0; padding: 0;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 1.2rem; margin-bottom: 1.2rem; border: 0; border-top: 1px solid #dadfe4;}
input, button, select, optgroup, textarea {-webkit-appearance: none; border: none; border-radius: 0; margin: 0; padding: 0; font-weight: inherit; font-family: inherit; font-size: inherit; line-height: inherit;}
.clearfix:after {content: ''; display: table; clear: both;}

/* ====================== HEADINGS h1-h6 ===================== */
h1, h2, h3, h4, h5, h6, .form-name, .section-title {margin-bottom: 20px; font-weight: 700; line-height: 1.2;}

/* ====================== USEFUL GLOBALS ===================== */
.pRel {position: relative;}
.upcase {text-transform: uppercase;}
.weightNorm {font-weight: normal;}
.weight300 {font-weight: 300;}
.weight400 {font-weight: 400;}
.weight500 {font-weight: 500;}
.weight600 {font-weight: 600;}
.weight700, b, .bold {font-weight: 700;}
.weight800 {font-weight: 800;}
.underline, .hover-underline:hover {text-decoration: underline;}
.underline.hover-underline:hover {text-decoration: none;}
.dsp-b {display: block;}
.dsp-ib, .inl-b-list > li {display: inline-block; vertical-align: top;}
.dsp-t {display: table; width: 100%;}
.dsp-t.fxd {table-layout: fixed;}
.dsp-tr {display: table-row}
.dsp-tc {display: table-cell; vertical-align: middle;}
.hgt100 {height: 100%;}
.txtAlignC {text-align: center;}
.txtAlignR {text-align: right;}
.txtAlignL {text-align: left;}

.bgWhite {background-color: #fff;}
.bgBlack {background-color: #212224;}

.colorWhite {color: #fff;}
.colorGrey {color: #d7d7d7;}

.colorGreen {color: #0d9456;}
.colorRed {color: #c42135;}

.message {margin-bottom: 20px; padding: 3px 5px 6px 5px; border-radius: 4px; text-align: center; font-size: 16px;}
.error-message {color: #ffffff; background: #d25252;}
.success-message {color: #0b2304; background-color: #82c76c;}

/* =========================== Layout styles =================== */
/* ============================================================= */
html, body {height: 100%;}
body {background-color: #0c0c12; color: #fff; font: 300 17px/1.5 'Lato', sans-serif; letter-spacing: 1px;}

.centered-wrap {width: 100%; margin: 0 auto; padding: 0 25px; max-width: 630px;}

.logo {}
.logo a {display: inline-block; vertical-align: top; position: relative;}
.logo .trademark {position: absolute; left: 100%; bottom: 0; margin-left: 6px; font-size: 15px; line-height: 0.8;}
.logo img {display: block;}
.logo a:hover img {opacity: 0.76;}

.main-dsp-tc {padding-top: 99px;}

.main-menu {text-align: center; position: absolute; left: 0; right: 0; top: 50px; width: 100%;}
.main-menu li {display: inline-block; vertical-align: top; padding: 0 16px; margin-bottom: 10px;}
.main-menu a {display: block; padding: 7px; position: relative;}
.main-menu a:after {background-color: #fff14b; content: ""; position: absolute; bottom: 0; height: 1px; opacity: 0; width: 0; left: 50%; transition: all 300ms cubic-bezier(.455,.03,.515,.955);}
.main-menu .active {color: #fff14b;}
.main-menu .active:after {width: 100%; opacity: 1; left: 0;}
@media screen and (min-width: 1025px) {
	.main-menu a:hover {color: #fff14b;}
	.main-menu a:hover:after {width: 100%; opacity: 1; left: 0;}
}

.fSize1 {font-size: 25px;}
.fSize2 {font-size: 20px;}

.content {line-height: 1.6; padding-top: 55px; position: relative;}
.content p {margin-bottom: 27px;}
.content p:last-child {margin-bottom: 0;}

.main-menu, .content {z-index: 10;}

@media screen and (min-width: 531px) {
	.row {margin-left: -9px; margin-right: -9px;}
	.col {padding-left: 9px; padding-right: 9px; float: left; width: 50%;}
	.subscribe .btn {min-width: 50%;}
}

.subscribe {font-size: 15px; color: #f8f8f2; padding: 0 33px;}
.subscribe .form-el {line-height: 51px; height: 51px; border-radius: 5px; padding: 0 10px;}
.subscribe .fld {border: 1px solid #848386; background: #07040d; color: #fff; background: rgba(7,4,13,0.5); width: 100%;}
.subscribe .btn {font-weight: 700; color: #000; text-align: center; background: #fff14b;}
.subscribe .btn:hover {background: #f3e647;}
.subscribe .row {margin-bottom: 38px;}
.subscribe label {display: block; vertical-align: top; margin-bottom: 8px;}
.subscribe .form-el:focus {box-shadow: 0 0 6px 3px rgba(152,138,166,0.3); outline: none;}

.page-bg {position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1000px) and (max-height: 534px) {
	.main-dsp-tc {vertical-align: top; padding-top: 125px;}
}
@media screen and (max-width: 630px) {
	.main-dsp-tc {vertical-align: top; padding-top: 222px;}
	.logo img {width: 336px; height: auto;}

	.main-menu {top: 30px;}
	.main-menu li {display: block; padding-left: 25px; padding-right: 25px;}
	.main-menu a {display: inline-block; vertical-align: top;}
}
@media screen and (max-width: 530px) {
	.subscribe {padding: 0;}
	.subscribe .btn {width: 100%;}
}