﻿* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { color: inherit; text-decoration: inherit; }
h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; }
ul { list-style: none; }
html { color: #fff; font-family: Open Sans; font-size: 13px; }
.page { position: relative; overflow: hidden; box-shadow: 0 5px 10px rgba(0,0,0,.5); background-color: #fff; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.page.lazy { background: url(../img/loading-1.00.gif) no-repeat; background-position: center center !important; }
.page > .lazy_prepare { display: none; }
.content { background-color: rgba(0,0,0,.9); }
.content > h1 { margin: 30px 0 20px; color: #27a9e0; text-transform: uppercase; }
.content > h2 { font-weight: bold; }
.content > h1:first-child { margin-top: 0; }
.content > p { margin-top: 5px; text-align: justify; }
.content ul { margin: 15px 0; list-style: disc; text-align: justify; }
.content ul ul { margin: 2px 0 0; }
.content ul > li { margin-left: 21px; }
.content a { text-decoration: underline; }
#header { position: fixed; z-index: 98; top: 0; width: 100%; height: 60px; background: #000; box-shadow: 0 2px 1px rgba(0,0,0,.2); }
#header > .body { position: relative; max-width: 1024px; margin: 0 auto; }
#header > .body > .logo { position: absolute; z-index: 98; left: -38px; width: 184px; height: 81px; background: url(../img/sprites-1.00.png) no-repeat 0 0; }
#header > .body > .logo > span { display: none; }
#header > .body > ul { position: absolute; z-index: 99; right: -43px; font-size: 15px; text-transform: uppercase; line-height: 60px; }
#header > .body > ul > li { display: inline-block; }
#header > .body > ul > li > a { padding: 0 10px; outline: none; color: #fff; }
#header > .body > ul > li:last-child > a { color: #999e99; }
#header > .body > ul > li a.current, #header > .body > ul > li > a:focus, #header > ul > li > a:hover { color: #27a9e0; }
#home { z-index: 7; box-shadow: 0 5px 10px rgba(0,0,0,.2); background: url(../img/home-1.00.jpg) no-repeat center center; background-size: cover; }
#home > .body { position: relative; max-width: 1024px; margin: 0 auto; }
#home > .body > .slogan { background: url(../img/slogan-1.00.png) no-repeat; background-size: contain; }
#home > .body > .slogan > .adjust { padding-bottom: 36.86%; }
#home > .body > .slogan > span { display: none; }
#home > .body > .intro { color: #000; text-align: justify; }
/*#home > .body > #canvas { position: absolute; top: 110px; left: 50%; margin-left: 100px; background: url(../img/1.png) no-repeat center center; }
#home > .body > .frame { position: absolute; top: 120px; left: 50%; width: 369px; height: 412px; margin-left: 60px; background: url(../img/frame-1.00.png) no-repeat; }
#home > .body > embed { position: absolute; top: 120px; left: 50%; margin-left: 80px; background: url(../img/1.png) no-repeat center center; }*/
#home > .body > .shield { position: relative; }
#home > .body > .shield > .back { position: absolute; width: 100%; height: 100%; background: url(../img/shield-bg-1.00.png) no-repeat; background-size: contain; }
#home > .body > .shield > #swiffy { position: absolute; width: 160%; height: 160%; margin: -34% 0 0 -34%; }
#home > .body > .shield > .front { position: absolute; width: 100%; height: 100%; background: url(../img/shield-1.00.png) no-repeat; background-size: contain; }
#home > .body > .shield > .adjust { padding-bottom: 116%; }
#about { z-index: 6; background-image: url(../img/about-1.00.jpg); }
#business { z-index: 5; }
#kyc { z-index: 4; }
#security { z-index: 3; }
#reputation { z-index: 2; }
#contact { z-index: 1; }
#contact label { display: inline-block; width: 85px; }
