/*-----------------------------------------------------------------------------------*/
/* NORMALIZE
/*-----------------------------------------------------------------------------------*/
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*-----------------------------------------------------------------------------------*/
/* DEFAULT STYLES
/*-----------------------------------------------------------------------------------*/
body {
    color: #000;
    background: #fff;
    font-family: 'PragmaticaExtended', sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
}

b, strong {
    font-weight: bold;
    font-style: normal;
}

ul,p {
    margin: 0;
    padding: 0;
}

ul:after {
    clear: both;
    content: " ";
    height: 0;
    width: 100%;
    display: block;
}

a {
    color: #3C3CFF;
    text-decoration: underline;
}

a:hover,a:focus {
    text-decoration: none;
    outline: none;
}

.btn:focus,.transea:focus,.shadow-btn:focus {
    color: inherit;
}

input,button,textarea,select {
    outline: none;
}

.container {
    position: relative;
    margin: 0 auto;
    padding: 0 120px;
    max-width: 1920px;
}

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

.container:before {
    display: table;
    content: " ";
}

.container:after {
    display: table;
    content: " ";
    clear: both;
}

input[type=text]:focus::-webkit-input-placeholder { color: #cccccc; }
input[type=text]:focus::-moz-placeholder          { color: #cccccc; }
input[type=text]:focus:-moz-placeholder           { color: #cccccc; }
textarea:focus::-webkit-input-placeholder         { color: #cccccc; }
textarea:focus::-moz-placeholder                  { color: #cccccc; }
textarea:focus:-moz-placeholder                   { color: #cccccc; }

textarea:invalid,input:invalid,select:invalid { box-shadow: none; }

input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #fff inset;
    -webkit-text-fill-color: #64a495;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow:0 0 0 50px #fff inset;
    -webkit-text-fill-color: #64a495;
}

input[type=text],select,input[type=password] { border: 1px solid #AAAAAA; border-radius: 3px; font-size: 12px; color: #4A4A4A; padding: 8px 15px; height: 40px; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 11px 0; }
select + .toggle { background: #fff; width: 43px; height: 37px; display: inline-block; position: relative; vertical-align: bottom; cursor: pointer; margin-left: -40px; pointer-events: none; }
select + .toggle:before { position: absolute; top: 0; left: 6px; width: 37px; height: 37px; border-radius: 50%; -webkit-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.08); -moz-box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.08); box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.08); content: ""; }
select + .toggle:after { position: absolute; content: ""; width: 8px; height: 8px; border-left: 2px solid #000; border-bottom: 2px solid #000; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 21px; }
select:focus + .toggle:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

@media (max-width:1600px) {
.container { padding: 0 50px; }
}

@media (max-width:800px) {
.container { padding: 0 25px; }
}

/*-----------------------------------------------------------------------------------*/
/* HELPERS
/*-----------------------------------------------------------------------------------*/
.clear {
    display: block;
    clear: both;
    height: 0em;
    margin: 0em;
    padding: 0em;
    overflow: hidden;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-center {
    text-align: center;
}

.overhide {
    overflow: hidden;
}

.embed-responsive {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.embed-responsive iframe {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@-webkit-keyframes twist-left {
	0%   { -webkit-transform: rotate(0deg);   animation-timing-function: linear; }
	25%  { -webkit-transform: rotate(90deg);  animation-timing-function: linear; }
	50%  { -webkit-transform: rotate(180deg); animation-timing-function: linear; }
	75%  { -webkit-transform: rotate(270deg); animation-timing-function: linear; }
	100% { -webkit-transform: rotate(360deg); animation-timing-function: linear; }
}

@-moz-keyframes twist-left {
	0%   { -moz-transform: rotate(0deg);   animation-timing-function: linear; }
	25%  { -moz-transform: rotate(90deg);  animation-timing-function: linear; }
	50%  { -moz-transform: rotate(180deg); animation-timing-function: linear; }
	75%  { -moz-transform: rotate(270deg); animation-timing-function: linear; }
	100% { -moz-transform: rotate(360deg); animation-timing-function: linear; }
}

@-o-keyframes twist-left {
	0%   { -o-transform: rotate(0deg);   animation-timing-function: linear; }
	25%  { -o-transform: rotate(90deg);  animation-timing-function: linear; }
	50%  { -o-transform: rotate(180deg); animation-timing-function: linear; }
	75%  { -o-transform: rotate(270deg); animation-timing-function: linear; }
	100% { -o-transform: rotate(360deg); animation-timing-function: linear; }
}

@-ms-keyframes twist-left {
	0%   { -ms-transform: rotate(0deg);   animation-timing-function: linear; }
	25%  { -ms-transform: rotate(90deg);  animation-timing-function: linear; }
	50%  { -ms-transform: rotate(180deg); animation-timing-function: linear; }
	75%  { -ms-transform: rotate(270deg); animation-timing-function: linear; }
	100% { -ms-transform: rotate(360deg); animation-timing-function: linear; }
}

@keyframes twist-left {
	0%   { transform: rotate(0deg);   animation-timing-function: linear; }
	25%  { transform: rotate(90deg);  animation-timing-function: linear; }
	50%  { transform: rotate(180deg); animation-timing-function: linear; }
	75%  { transform: rotate(270deg); animation-timing-function: linear; }
	100% { transform: rotate(360deg); animation-timing-function: linear; }
}

.loading {
    text-align: center;
    font-size: 36px;
}

.loading span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-left: 20px;
    margin-bottom: 10px;
}

.loading:after {
    display: inline-block;
    font-family: "banicon";
    content: "\e618";
    color: #116d73;
    -webkit-animation: twist-left 0.6s infinite;
	   -moz-animation: twist-left 0.6s infinite;
	     -o-animation: twist-left 0.6s infinite;
	    -ms-animation: twist-left 0.6s infinite;
	        animation: twist-left 0.6s infinite;
}

.btn { display: inline-block; font-size: 12px; padding: 7px 20px !important; line-height: 22px !important; vertical-align: middle; border-radius: 30px; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; text-align: center; background: #46C6FF; border: 2px solid #46C6FF; text-decoration: none; color: #000 !important; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.btn:hover,.btn.negative { background: transparent; }
.btn.negative:hover { background: #46C6FF; }
.btn.disabled { color: #B2B2B2 !important; background: #E2E2E2; border-color: #E2E2E2; }

/*-----------------------------------------------------------------------------------*/
/* MESSAGES
/*-----------------------------------------------------------------------------------*/
#message {
    text-align: center;
}

#message .message-error {
    padding: 15px;
    color: #A94442;
    background-color: #F2DEDE;
}

#message .message-success {
    padding: 15px;
    color: #3C763D;
    background-color: #DFF0D8;
}

/*-----------------------------------------------------------------------------------*/
/* ANIMATIONS / TRANSITIONS
/*-----------------------------------------------------------------------------------*/
a {
    -webkit-transition: all 0.5s ease-out;
       -moz-transition: all 0.5s ease-out;
         -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;
}

/*-----------------------------------------------------------------------------------*/
/* FORMS
/*-----------------------------------------------------------------------------------*/
.checkbox { font-size: 11px; position: relative; margin-bottom: 15px; display: inline-block; cursor: pointer; }
.checkbox input { display: none }
.checkbox input[type=checkbox]:not(old) + label { min-height: 19px; line-height: 23px; padding-left: 25px; display: inline-block; position: relative; font-size: 16px; color: #200027; font-weight: 200; cursor: pointer; }
.checkbox input[type=checkbox]:not(old) + label:before { position: absolute; top: 1px; left: 0; content: ""; width: 20px; height: 20px; border: 2px solid #AAAAAA; border-radius: 3px; }
.checkbox input[type=checkbox]:not(old) + label:after { position: absolute; content: ""; opacity: 0; background: #46C6FF; border-radius: 3px; top: 6px; left: 5px; width: 10px; height: 10px; }
.checkbox input[type=checkbox]:not(old):checked + label:after { opacity: 1; }
.checkbox input[type=checkbox]:not(old) + label a { font-weight: bold; color: #3C3CFF; text-decoration: none; }

/*-----------------------------------------------------------------------------------*/
/* NAV
/*-----------------------------------------------------------------------------------*/
nav { position: relative; z-index: 8000; }
nav .logo { display: inline-block; margin-top: 23px; float: left; margin-right: 40px; }
nav .logo img { width: 247px; height: 89px; }
nav .logo img + img { display: none; }
nav .toggle { display: none; }
nav .container { min-height: 80px; position: relative; }

#menu { width: auto; overflow: hidden; list-style: none; position: relative; margin-top: 37px; text-align: right; border-bottom: 1px solid #E0E0E0; height: 60px; }
#menu li { display: inline-block; }
#menu li + li { margin-left: 250px; }
#menu li a { display: block; font-size: 11px; text-transform: uppercase; color: #000; text-align: center; text-decoration: none; letter-spacing: 1px; font-weight: bold; }
#menu li a:hover,#menu li a.active { color: #46C6FF; }

#user { font-size: 12px; line-height: 17px; color: #717171; text-transform: uppercase; margin: 30px 0 20px 0; }
#user b { color: #000; }
#user a { font-weight: bold; float: right; color: red; text-decoration: none; }

@media (max-width:1200px) {
#menu { margin-top: 29px; height: 48px; }
#menu li + li { margin-left: 150px; }
nav .logo img { width: 168px; height: 60px; }
}
@media (max-width:1024px) {
#menu li + li { margin-left: 50px; }
}

@media (max-width:640px) {
nav .logo { position: relative; margin-top: 11px; z-index: 10001; }
nav .logo img { width: 133px; height: 48px; }
#menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; overflow: visible; margin: 0; z-index: 10000; padding-top: 114px; }
#menu li { display: block; border-bottom: 1px solid #383838; border-top: 1px solid #383838; }
#menu li + li { margin: 0; border-top: 0; }
#menu li a { color: #fff; font-size: 20px; padding: 25px 5px; }
body.show-menu #menu { display: block; }
nav button.toggle { display: block; float: right; margin-top: 22px; width: 38px; background: none; color: #fff; border: 0; padding: 0; position: relative; z-index: 10001; }
nav button.toggle .line { display: block; width: 100%; height: 4px; background: #000; }
nav button.toggle .line + .line { margin-top: 8px; }
body.show-menu { overflow: hidden; }
body.show-menu nav .logo img { display: none; }
body.show-menu nav .logo img + img { display: block; }
body.show-menu nav button.toggle .line { display: none; }
body.show-menu nav button.toggle:before { content: "×"; color: #fff; font-size: 50px; line-height: 25px; }
}

/*-----------------------------------------------------------------------------------*/
/* MAIN STYLES
/*-----------------------------------------------------------------------------------*/
.subtext { font-size: 12px; text-transform: uppercase; color: #AAAAAA; letter-spacing: 1px; }
h2 { font-weight: bolder; font-style: italic; color: #200027; font-size: 40px; margin: 0; padding: 0; }
h3 { font-weight: bolder; font-style: italic; color: #200027; font-size: 22px; margin: 0; padding: 0; letter-spacing: 3px; }
p { font-size: 16px; line-height: 1.875; color: #200027; }
#fit { min-height: calc(100vh - 240px); background: #fff; }
#popup { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; z-index: 10000; display: none; }
#popup:before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; content: ""; background: #000; opacity: 0.8; }
#popup .scroll { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; overflow: auto; }
#popup a { text-decoration: none; }
#login { width: 552px; background: #fff; margin: 200px auto; padding: 48px; color: #7E8188; position: relative; max-width: calc(100% - 20px); }
#login .close { position: absolute; top: -18px; right: -18px; cursor: pointer; font-size: 32px; width: 36px; height: 36px; line-height: 36px; border-radius: 50%; background: #000; color: #fff; text-align: center; }
#login .buttons { line-height: 23px; margin-bottom: 10px; }
#login .buttons .classic { margin: 0 0 23px 0; }
#login .buttons .classic a { font-size: 17px; font-weight: bold; text-transform: uppercase; color: #000; letter-spacing: 0; }
#login .buttons .classic a.active { color: #46C6FF; }
#login .buttons .classic a:after { background: #E0E0E0; width: 1px; display: inline-block; content: ""; margin: 0 17px 0 20px; vertical-align: middle; height: 23px; }
#login .buttons .classic a + a:after { display: none; }
#login .social .facebook,#login .social .google { width: 46%; margin: 0; font-family: "PragmaticaExtended"; font-weight: normal; font-size: 13px; color: #fff; border-radius: 10px; padding: 11px 2px 11px 40px; text-align: center; position: relative; float: left; line-height: 16px; }
#login .social .facebook { background: #3b5998; }
#login .social .facebook:before { position: absolute; top: 9px; left: 12px; width: 20px; height: 20px; content: " "; background: url(../images/logo-facebook.png) no-repeat center center; background-size: cover; }
#login .social .facebook:hover { color: #fff; background: #4f6aa2; }
#login .social .google { background: #fff; border: 1px solid #ccc; color: #757575; float: right; }
#login .social .google:before { position: absolute; top: 8px; left: 12px; width: 20px; height: 20px; content: " "; background: url(../images/logo-google.png) no-repeat center center; background-size: cover; }
#login .social .google:hover { color: #fff; background: #fff; border-color: #4285F4; color: #757575; }
#login .social:after { clear: both; width: 100%; height: 0; font-size: 0; content: ""; display: block; }
#login form { display: none; }
#login #form-login { display: block; }
#login input.t { display: block; width: 100%; margin-bottom: 20px; }
#login .options { float: left; padding-top: 10px; }
#login .options a { color: #46C6FF; font-size: 12px; }
#login .options + div { text-align: right; width: auto; overflow: hidden; }
#login .options label a { font-size: inherit; color: #46C6FF; text-decoration: none; }
#login .options label { font-size: 11px; }
#login .options .checkbox { margin-right: 10px; top: -3px; }
#login form p { font-size: 13px; line-height: 2; color: #7E8188; padding: 8px 0 9px 0; }
#login .message { font-size: 13px; color: #34bd63; padding: 8px 0 9px 0; }
#login .message.error { color: red; }
body.popup-visible { overflow: hidden; }
body.popup-visible #popup { display: block; }
body.popup-visible #fit,body.popup-visible nav { filter: blur(5px); }
body.popup-visible #facebook,body.popup-visible #twitter { display: none; }
#fit ul.pager { display: block; text-align: center; }
#fit ul.pager li { display: inline-block; width: auto; }
#fit ul.pager li a { display: block; border: 1px solid #999999; padding: 3px 10px; border-radius: 5px; color: #999999; }
#fit ul.pager li a.active { color: #3FD673; border-color: #3FD673; }
#facebook,#twitter { width: 48px; height: 45px; position: fixed; right: 0; top: 50%; margin-top: -100px; background: #4d81bb; color: #fff; border-top-left-radius: 9px; border-bottom-left-radius: 9px; font-size: 18px; line-height: 42px; padding-left: 2px; padding-top: 2px; text-align: center; z-index: 10000; }
#twitter { margin-top: -55px; background: #72cacb; padding-left: 3px; }
@media (max-width:1024px) {
.subtext { font-size: 10px; }
h2 { font-size: 32px; }
h3 { font-size: 18px; letter-spacing: 2px; }
p { font-size: 14px; }
#login { margin: 100px auto; }
}
@media (max-width:800px) {
.subtext { font-size: 9px; }
h2 { font-size: 26px; }
h3 { font-size: 16px; letter-spacing: 1px; }
p { font-size: 13px; }
}
@media (max-width:640px) {
#facebook,#twitter { width: 32px; }
#login { margin: 50px auto; padding: 20px; }
#login .buttons { margin-bottom: 0; }
#login .options { float: none; text-align: center; }
#login .options + div { text-align: center; }
#login .close { top: 0; right: 0; border-radius: 0; border-bottom-left-radius: 50%; }
#login .social .facebook,#login .social .google { width: 100%; margin: 0 0 10px 0; }
body.popup-visible #facebook,body.popup-visible #twitter { display: none; }
}
@media (max-width:480px) {

}

/*-----------------------------------------------------------------------------------*/
/* TOP
/*-----------------------------------------------------------------------------------*/
#top { background: url(../images/lines.svg) no-repeat center 115px; min-height: 1200px; }
#top .keys { width: 655px; height: 420px; margin: 60px auto 20px auto; text-align: justify; }
#top .keys:after { width: 100%; height: 0px; font-size: 0; content: ""; display: inline-block; }
#top .keys .key { position: relative; display: inline-block; vertical-align: top; }
#top .keys .key { width: 19.08%; margin-top: 9%; }
#top .keys .key + .key { width: 13.74%; margin-top: 3%; }
#top .keys .key + .key + .key { width: 26.56%; margin-top: 0%; }
#top .keys .key + .key + .key + .key { width: 13.74%; margin-top: 3%; }
#top .keys .key + .key + .key + .key + .key { width: 19.08%; margin-top: 9%; }
#top .keys .key:before { content: ""; float: left; width: 100%; background: url(../images/key.svg) no-repeat top center; background-size: 100% auto; padding-top: 242%; position: relative; z-index: 2; }
#top .keys .key:after { content: ""; position: absolute; background: #4f4f4f; border-radius: 50%; width: 80%; height: 7%; left: 10%; top: 90%; opacity: 0.1; z-index: 1; }
#top .slogan { text-align: center; font-size: 72px; text-transform: uppercase; letter-spacing: -2px; font-style: italic; line-height: 1.1; font-weight: bolder; }
#top .slogan span { display: block; }
#top .slogan span.blue { color: #46C6FF; }
#top .slogan span.and:before { content: ""; width: 24px; height: 28px; display: inline-block; background: url(../images/and.svg) no-repeat center center; background-size: contain; vertical-align: middle; }
#top .get { position: relative; display: block; width: 337px; text-align: center; margin: 0 auto; font-size: 18px; text-transform: uppercase; padding: 26px; background: #46C6FF; border-radius: 38px; border: 0; color: #000; margin-top: 50px; text-decoration: none; font-weight: bold; }
#top .get:before { position: absolute; width: 53px; height: 106px; border: 2px solid #46C6FF; content: ""; pointer-events: none; transform: border-radius: 100%; border-right: 0; border-radius: 106px; border-top-right-radius: 0; border-bottom-right-radius: 0; top: -15px; left: -16px; }
#top .get:after { position: absolute; width: 53px; height: 106px; border: 2px solid #46C6FF; content: ""; pointer-events: none; transform: border-radius: 100%; border-left: 0; border-radius: 106px; border-top-left-radius: 0; border-bottom-left-radius: 0; top: -15px; right: -16px; }

@media (max-width:1280px) {
#top { background-size: 1660px auto; min-height: 800px; padding-bottom: 70px; }
#top .keys { width: 467px; height: 298px; }
#top .slogan { font-size: 54px; }
#top .slogan span.and:before { width: 17px; height: 20px; }
#top .get { width: 240px; font-size: 14px; border-radius: 27px; padding: 16px; }
#top .get:before { width: 38px; height: 76px; top: -13px; left: -13px; }
#top .get:after { width: 38px; height: 76px; top: -13px; right: -13px; }
}
@media (max-width:640px) {
#top { min-height: auto; background-size: 1200px auto; }
#top .slogan { font-size: 42px; }
}
@media (max-width:480px) {
#top .slogan { font-size: 32px; }
#top .slogan span.and:before { width: 11px; height: 12px; }
#top .keys { width: 280px; height: 178px; }
}

footer { background: #000; color: #fff; padding: 50px 0 60px 0; }
footer .container { display: flex; justify-content: space-between; flex-wrap: wrap; }
footer .container:before,footer .container:after { display: none; }
footer .column { flex-shrink: 0; overflow: hidden; max-width: 100%; }
footer .column a { color: #fff; text-decoration: none; font-size: 13px; }
footer .column a + a { margin-left: 40px; }
footer .column + .column { margin-left: 50px; }
footer .column + .column + .column img { width: 112px; height: auto; display: block; }
footer .column .title { font-size: 14px; margin: 0 0 22px 0; padding: 0; color: #484848; text-transform: uppercase; font-weight: bold; }
footer .column.copyright { padding-top: 28px; font-size: 13px; text-align: center; }

@media (max-width:1200px) {
footer .column + .column { margin-left: 0; }
footer .column .title { font-size: 12px; }
footer .column a { font-size: 12px; }
footer .column a + a { margin-left: 20px; }
}
@media (max-width:1024px) {
footer .column a { display: block; font-size: 11px; font-weight: normal; }
footer .column a + a { margin: 15px 0 0 0; }
}

@media (max-width:640px) {
footer .column { width: 100%; padding-bottom: 30px; }
footer .column + .column + .column + .column { display: none; }
}

#static { padding: 30px 0 70px 0; overflow: hidden; font-weight: 200; font-size: 12px; line-height: 1.6; }
#static p { font-size: 12px; line-height: 1.6; }
#static h1 { font-size: 51px; font-size: bolder; font-style: italic; margin: 0 0 40px 0; padding: 0; text-transform: uppercase; letter-spacing: 0; }
#static h2 { font-size: 23px; font-size: bolder; font-style: italic; margin: 0 0 30px 0; padding: 0; text-transform: uppercase; letter-spacing: 0; }
#static h3 { font-size: 15px; font-size: bold; margin: 0 0 20px 0; padding: 0; letter-spacing: 0; }
#static .wysiwyg { }
#static .wysiwyg a { color: #80bd39; text-decoration: underline; }
#static .wysiwyg a:hover { text-decoration: none; }
#static .wysiwyg ul { margin:12px 0; list-style-type:disc; }
#static .wysiwyg ul li { margin:0 0 12px 12px; }
#static .wysiwyg img { max-width: 100%; width: auto; height: auto !important; }

#stats { padding: 0; }
#stats .total-rewards-given { padding: 0; display: block; text-align: center; margin: 80px 0 0 0; }
#stats .total-rewards-amount { font-family: termina,sans-serif; font-size: 58px; color: #3C3CFF; margin: 0; padding: 0; display: block; text-align: center; }
#stats .total-rewards-amount:before { content: "$"; }
#stats .col { width: 31%; float: left; margin: 0 8%; }
#stats .col + .col { float: right; }
#stats .col > b { font-size: 20px; font-family: termina,sans-serif; text-transform: uppercase; font-weight: bold; margin: 0; display: block; padding: 25px 0 15px 0; letter-spacing: 1px; color: #200027; }
#stats .col table { width: 100%; border-collapse: collapse; }
#stats .col table td { font-family: 'Helvetica Neue LT Pro', sans-serif; font-size: 16px; font-weight: bold; text-align: left; padding: 10px 10px 10px 0; vertical-align: middle; height: 58px; }
#stats .col tr + tr td + td { border-top: 1px solid #AAAAAA; }
#stats .col table td + td + td { padding-right: 0; text-align: right; color: #3C3CFF; }
#stats .col table span.position { font-family: termina,sans-serif; font-size: 28px; font-weight: bold; display: block; line-height: 28px; }
#stats .col table span.email { display: block;  }
#stats .col table span.email:before { vertical-align: middle; display: inline-block; content: ""; margin: 0 30px 4px 0; width: 24px; height: 32px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAgCAMAAAA/gEgKAAAAbFBMVEUAAAA8PP87O/88PP9CQv88PP88PP88PP88PP88PP88PP88PP88PP88PP88PP89Pf87O/85Of88PP87O/88PP88PP89Pf88PP88PP88PP88PP85Of86Ov89Pf88PP88PP88PP88PP87O/88PP8htOkAAAAAI3RSTlMAiAzoBvr0vJlU7duqd28xFwT2z8tMQBLYZl4kIx3gs5FEOHUqg2MAAACgSURBVHgBldLJDoJAEARQYIZ9URBRUVys//9HT1PJdOogfeyXkKKmk/KQ6AG6uwYgr44agCLNNABN7zUAbR3D90Wal5iWkmSzf2ZS94jpfApis491G8hm9yvJDWNMgwt0NdkzErgL1DcGOJd00rBVuYLtPQEW+BkC14WIyzzmB/3NqUq4ZoksUNTOyvlQXOun5fq57jkfJtQn+udRM6GZH1biIhjEUDnUAAAAAElFTkSuQmCC); }
#stats .col table span.prize { display: block; width: 25px; height: 27px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAbCAMAAAC+/9RaAAAAh1BMVEUAAAAAAN0tADgAAN0AANkAAN0AAOIAAN0AAN0AAN0AAN0AAN8AAN0AAN4AAN0AAN0AAN0AAN0AANwAAN4AAN0AAN0AAN0tADgAAN0AAN0AAN0AAN4sADcAAN4AAN4AAN0uADgtADgAAN0AAN0AAN4AAN0AAN0AAN0AAN0AAN4AAN4AAN0tADj5LTBAAAAAK3RSTlMA74j1DfwI6H08Kxf57LKhbSATA+Db0sPBkImDdXJbSkhBz7Owr5iPd2Q2hT3ojQAAAMlJREFUGBm9wVVig1AARcH7irvFPan3sP/1FUIJkv/O6CF0ACfUszda73ryQyfQ3AawgI1mzoAVOMBZE9UN2CkDVpXGToAVqYiBk0bcJbCX9AEsXA1ywJSSIgvI9WB7gK/WFvBs9XwgsdWKLMDXn9IAX+rsACtSZwsktjqlAT51V8TAUb09EBdqZYDnqmcnQKZG6AC5Bj7ghJJegYWrge0BqRTQ+NbYkUag1BizqjTmLo0xqf7b4aVz0My17l01ta57a01c6sFFd78+TB3S8a+q/QAAAABJRU5ErkJggg==); }

@media (max-width:1200px) {
#static h1 { font-size: 42px; }
#stats .col { margin: 0; width: 47%; }
}
@media (max-width:1024px) {
#static h1 { font-size: 36px; margin: 0 0 20px 0; }
#static h2 { margin: 0 0 15px 0; }
#static h1 { margin: 0 0 10px 0; }
#stats .col > b { font-size: 18px; }
#stats .col table td { font-size: 14px; }
#stats .col table span.email:before { width: 18px; height: 24px; background-size: cover; margin-right: 10px;  }
}
@media (max-width:640px) {
#static table { display: block; }
#static table td { display: block; width: 100% !important; margin-bottom: 30px; }
#stats .col { width: 100%; padding-bottom: 30px; }
#static h1 { font-size: 24px; }
}