* {
margin: 0;
}
html {
height: 100%;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
body
{
background-color: #fff;
font-size : 13px;
text-align: center; /* voor IE */
color: #212226;
padding: 0px;
margin: 0px;
font-family: 'Open Sans', sans-serif;
line-height: 30px;
font-weight: 400;
}
/* HEADER */
#header_container { float: left; width: 100%; }
#header_container #content { max-width: 1280px; margin-left: auto; margin-right: auto; }
#header_container #content #logo { float: left; max-width: 175px; margin-top: 20px; margin-bottom: 20px; }
#header_container #content #logo img { width: 175px; float: left;}
/* TRADE STATS */
#header_container #content .trade-stats { float: right; width: auto; margin-top: 37px; text-align: right; }
#header_container #content .trade-stats ul li { list-style: none; text-transform: uppercase; line-height: 15px;}
#header_container #content .trade-stats ul li select{ margin-top: 2px; background: #fff url(../images/icons/icon-arrow.png) no-repeat right center; background-position: 98% 7px; -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; padding-right:30px; -webkit-appearance: none; -moz-appearance: none; width: calc(100% + 2px); height: 30px; background-color: #212226; border: 0px; padding-left: 10px; border: 1px solid #3f4045;font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; }
#header_container #content .trade-stats ul li select:focus { border: 0px; border-bottom: 1px solid green;}
/* USER MENU */
#header_container #content .user-menu { float: right; margin-top: 40px; border-left: 1px solid #f0f0f0; padding-left: 20px; margin-left: 20px; }
#header_container #content .user-menu a { color: #2a2c33; text-decoration: none; }
#header_container #content .user-menu a:hover { opacity: 0.7; }
#header_container #content .user-menu span { margin-right: 10px; font-weight: 600; }
#header_container #content .user-menu span:hover { opacity: 0.7; }
#header_container #content .user-menu img { display: block; float: left; margin-right: 10px; margin-top: 4px; }
#header_container #content .user-menu .arrow-down { float: right; width: 15px; height: 15px; background: url(../images/icons/icon-arrow.png) no-repeat; margin-top: 8px; }
#header_container #content .user-menu .menu { display: none; width: auto; min-width: 175px; height: auto; line-height: 30px; background-color: #fff; position: absolute; margin-top: 0px; margin-left: -20px; }
#header_container #content .user-menu .menu ul { font-size: 13px; width: 100%; text-align: left;margin: 0px; padding: 0px; }
#header_container #content .user-menu .menu ul li { list-style: none; height: 40px; }
#header_container #content .user-menu .menu ul li a { display: block; width: (100%-40px); height: 100%; line-height: 40px; padding-left: 20px; padding-right: 20px; }
#header_container #content .user-menu .menu ul li a:hover { background-color: #ececec; overflow: hidden; }
#header_container #content .user-menu .menu ul li.border { height: 1px; background-color: #ececec;}
#header_container #content .user-menu:hover .menu { display: block; }
/* MENU */
#menu_container { float: left; width: 100%; background-color: #3a9300;}
#menu_container #content { min-height: 50px; max-width: 1280px; margin-left: auto; margin-right: auto; }
#menu_container #content ul { float: left; margin: 0px; padding: 0px;}
#menu_container #content ul li { list-style: none; float: left;text-transform: uppercase; line-height: 50px; font-size: 14px; font-weight: 700;}
#menu_container #content ul li a { display: block; padding-left: 20px; padding-right: 20px; color: #fff; text-decoration: none; }
#menu_container #content ul li a:hover { background-color: #212226; }
#menu_container #content div.right { float: right; }
#menu_container #content div.right .deposit { font-family: 'Open Sans', sans-serif; -moz-appearance: none; -webkit-appearance: none; border: 0px; padding-left: 20px; padding-right: 40px;background: url(../images/icons/ico-deposit.png) #212226 no-repeat 90% center; color: #fff; text-transform: uppercase; height: 30px; margin-top: 10px; border-radius: 4px; font-weight: 600;}
#menu_container #content div.right .withdraw { font-family: 'Open Sans', sans-serif; -moz-appearance: none; -webkit-appearance: none; border: 0px; padding-left: 20px; padding-right: 40px; background: url(../images/icons/ico-withdraw.png) #2e7500 no-repeat 90% center; color: #fff; text-transform: uppercase; height: 30px; margin-top: 10px; border-radius: 4px; font-weight: 600; }
#menu_container #content div.right .deposit:hover { background: url(../images/icons/ico-deposit.png) #141415 no-repeat 90% center; }
#menu_container #content div.right .withdraw:hover { background: url(../images/icons/ico-withdraw.png) #1c4600 no-repeat 90% center; }
#menu_container #content div.right .login { font-family: 'Open Sans', sans-serif; -moz-appearance: none; -webkit-appearance: none; border: 0px; padding-left: 20px; padding-right: 20px; background-color: #212226; color: #fff; text-transform: uppercase; height: 30px; margin-top: 10px; border-radius: 4px; font-weight: 600;}
#menu_container #content div.right .signup { font-family: 'Open Sans', sans-serif; -moz-appearance: none; -webkit-appearance: none; border: 0px; padding-left: 20px; padding-right: 20px; background-color: #2e7500; color: #fff; text-transform: uppercase; height: 30px; margin-top: 10px; border-radius: 4px; font-weight: 600; }
#menu_container #content div.right .login:hover { background-color: #141415; }
#menu_container #content div.right .signup:hover { background-color: #1c4600; }
#menu_container #content #menu-icon { display: none; width: 30px; height: 30px; background: url(../images/menu-icon.png) no-repeat; }
#menu_container #content nav { float: left; height: auto;}
#menu_container #content nav ul li ul { display: none; }
#menu_container #content nav ul li:active ul, #menu_container #content nav ul li:hover ul { display: inline-block; position: absolute; background-color: #3a9300; margin-left: -40px;}
#menu_container #content nav ul li ul li { float: none; width: auto; text-align: left; line-height: 30px; font-size: 13px !important; font-weight: 600; }
#menu_container #content nav ul li ul li a { }
@media only screen and (max-width : 768px) {
#menu_container #content div.right .deposit { height: 40px; padding-left: 30px; padding-right: 50px; margin-right: 20px; font-size: 14px;}
#menu_container #content div.right .withdraw { height: 40px; padding-left: 30px; padding-right: 50px; font-size: 14px; }
#menu_container #content div.right .login { height: 40px; padding-left: 30px; padding-right: 30px; margin-right: 20px; font-size: 14px;}
#menu_container #content div.right .signup { height: 40px; padding-left: 30px; padding-right: 30px; font-size: 14px; }
#menu_container #content nav ul li:active ul, #menu_container #content nav ul li:hover ul { display: inline-block; position: absolute; background-color: #3a9300; margin-left: 0px;}
#header_container #content #logo { margin-left: 20px; }
#header_container #content .trade-stats { display: none; }
#header_container #content .user-menu { margin-right: 20px;}
#menu_container #content #menu { }
#menu_container #content #menu-icon { display: block; float: left; margin-left: 10px;}
#menu_container #content nav:hover #menu-icon { }
#menu_container #content nav { float: left; width: 100%; margin-top: 00px; margin-bottom: 0px; padding: 0px; background-color: #3a9300; margin-top: 10px; margin-bottom: 10px; }
#menu_container #content nav ul, nav:active ul { display: none; width: 100%; height: auto; text-align: left; border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; margin: 0px; padding: 0px; }
#menu_container #content nav li { text-align: left; width: calc(100%); height: 40px; }
#menu_container #content nav ul li a { padding-left: 10px; padding-right: 10px; }
#menu_container #content nav ul li a:hover { padding-left: 10px; padding-right: 10px;}
#menu_container #content nav:hover ul { float: left; display: block; width: 100%; }
#menu_container #content ul li { float: left; width: 100%; padding: 0px; }
#menu_container #content ul li a { padding: 0px; }
#menu_container #content ul li a:hover { width: 100%; padding: 0px; }
#menu_container #content div.right { float: left; width: 100%; background-color: #fff; padding-bottom: 20px; padding-top: 10px; }
}
/* CONTENT */
#content_container { float: left; width: 100%; background-color: #212226; color: #fff; -webkit-box-shadow: inset 0px 10px 23px -17px rgba(0,0,0,0.45); -moz-box-shadow: inset 0px 10px 23px -17px rgba(0,0,0,0.45); box-shadow: inset 0px 10px 23px -17px rgba(0,0,0,0.45); }
#content_container #content { max-width: 1280px; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 40px; }
#content_container #content h1 { font-weight: 400; padding-top: 20px;}
#content_container #content h2 { font-weight: 600; font-size: 14px; }
#content_container #content h3 { margin-top: 20px; margin-bottom: 10px;}
#content_container #content p {margin-bottom: 10px; }
#content_container #content a { color: #fff; opacity: 0.8; text-decoration: underline; }
#content_container #content a:hover { opacity: 1;}
/* FULL */
#content_container #content .full { float: left; text-align: left; width: 100%; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 60px; margin-bottom: 40px; }
#content_container #content .full .head { float: left; width: calc(100% - 15px); min-height: 40px; padding-top: 5px; padding-bottom: 5px; line-height: 40px; padding-left: 15px; background-color: rgba(255, 255, 255, .05) !important; }
#content_container #content .full a { color: #fff; }
#content_container #content .full a:hover { opacity: 0.7;}
/* BOX */
#content_container #content .full .box-right { float: right; margin-top: -80px; white-space: nowrap; width: auto; max-width: 150px; font-weight: 600; margin-left: 10px; padding-left: 30px; min-height: 40px; max-height: 39px; line-height: 40px; padding-right: 30px; background-color: rgba(255, 255, 255, .05); border-top: 1px solid rgba(255, 255, 255, .08); border-right: 1px solid rgba(255, 255, 255, .08); border-left: 1px solid rgba(255, 255, 255, .08); border-top-left-radius: 5px; border-top-right-radius: 5px; }
#content_container #content .full .box-right a { text-decoration: none !important; font-weight: 600;}
#content_container #content .full .box-right a:hover { font-weight: 600; }
#content_container #content .full .box-right:hover { background-color: #212226; text-decoration: none; }
#content_container #content .full .box-right-green { float: right; margin-top: -80px; font-weight: 600; white-space: nowrap; width: auto; max-width: 150px; margin-left: 10px; padding-left: 30px; min-height: 40px; max-height: 39px; line-height: 40px; padding-right: 30px; background-color: #49b800; border-left: 1px solid #3a9300; border-right: 1px solid #3a9300; border-top: 1px solid #3a9300; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#content_container #content .full .box-right-green a { text-decoration: none !important; font-weight: 600;}
#content_container #content .full .box-right-green a:hover { font-weight: 600; }
#content_container #content .full .box-right-green:hover { opacity: 0.8; text-decoration: none; }
#content_container #content .full .box-right-active { background-color: rgba(255, 255, 255, .0); border-top: 1px solid rgba(255, 255, 255, .08); border-right: 1px solid rgba(255, 255, 255, .08); border-left: 1px solid rgba(255, 255, 255, .08); }
#content_container #content .full .box-border { float: left; display: inline-block; margin-top: -40px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, .08); }
/* ONE THIRTH */
#content_container #content .full .one-thirth { width: 30%;}
/* HALF */
#content_container #content .full .half { width: 45%;}
/* TWO THIRTH */
#content_container #content .full .two-thirth { width: 67%; }
#content_container #content .full table.diff tr:nth-child(odd) { background-color: rgba(255, 255, 255, .02); }
#content_container #content .full table.diff tr td { border-bottom: 1px solid rgba(255, 255, 255, .05); border-right: 1px solid rgba(255, 255, 255, .05); text-align: center; padding-left: 0px;}
#content_container #content .full table.diff tr td:first-child { border-left: 1px solid rgba(255, 255, 255, .05); }
#content_container #content .full table.diff tr td.green { background-color: #3a9300; }
#content_container #content .full table.diff tr td.orange { background-color: #ff5a00; }
#content_container #content .full table.diff tr td.title { font-weight: 600; }
#content_container #content .full table.diff tr td span.perc { font-weight: 600; font-size: 14px; }
#content_container #content .full table.diff tr td span.price { opacity: 0.5; }
#content_container #content .full table { float: left; width: 100%; padding: 0px; border-spacing: 0px; margin-bottom: 40px;}
#content_container #content .full table tr.head { float: none !important; background-color: rgba(255, 255, 255, .05) !important; }
#content_container #content .full table tr.head td span.more { float: right; text-align: right; margin-right: 10px;}
#content_container #content .full table tr.head td span.more a { opacity: 0.5; text-decoration: underline; }
#content_container #content .full table tr.head td span.more a:hover { opacity: 1;}
#content_container #content .full table img.icon { float: left; display: block; width: 15px; margin-right: 10px; margin-top: 8px;}
#content_container #content .full table tr.subhead { float: none !important; background-color: rgba(255, 255, 255, .03) !important; font-weight: 600; }
#content_container #content .full table tr.subhead td { border-top: 1px solid rgba(255, 255, 255, .05);}
#content_container #content .full table tr.subhead img { float: right; display: block; margin-right: 20px; margin-top: 6px; }
#content_container #content .full table tr td { min-height: 40px; padding-top: 5px; padding-bottom: 5px; padding-left: 15px; }
#content_container #content .full table.tx tr td { border-bottom: 1px solid rgba(255, 255, 255, .05);}
/* SEARCH */
#content_container #content .full table.tx ul.search { float: right; padding: 0px; margin: 0px; text-align: right; margin-top: 5px;}
#content_container #content .full table.tx ul.search li { list-style: none; float: left; }
#content_container #content .full table.tx ul.search li input[type=text] { font-size: 12px !important; height: 30px !important; margin-top: 0px !important; min-width: 100px; max-width: 100px; }
#content_container #content .full table.tx ul.search li select { display: inline-block; margin-left: 5px; font-size: 12px !important; height: 34px !important; margin-top: 0px !important; background-position: 92% 8px; width: 100px; }
#content_container #content .full table.tx ul.search li input[type=submit] {display: block; margin-top: 15px; width: 15px; height: 15px; border: 0px; background: transparent url(../images/icons/ico-search.png) no-repeat top center; }
#content_container #content .full table.tx ul.search li input[type=submit]:hover { opacity: 0.8;}
#content_container #content .full table.tx tr td a { text-decoration: underline; }
#content_container #content .full table.tx tr.text { font-size: 12px; opacity: 0.8; line-height: 20px;}
#content_container #content .full table.tx tr td.small { width: 100px; }
#content_container #content .full table tr.border-green td{ border-bottom: 1px solid green;}
#content_container #content .full table tr.border-red td{ border-bottom: 1px solid red;}
#content_container #content .full table.tx tr:nth-child(odd) { background-color: rgba(255, 255, 255, .01); }
#content_container #content .full table a { color: #fff; opacity: 0.8; text-decoration: none; }
#content_container #content .full table a:hover { opacity: 1;}
#content_container #content .full span.title { font-weight: 600;}
#content_container #content .full table.tx tr.expand img { display: block; float: left; margin-top: 1px;}
#content_container #content .full table.tx input[type=text],#content_container #content .full table.tx input[type=email], #content_container #content .full table.tx input[type=submit] { margin-bottom: 0px !important; margin-top: 0px !important;}
#content_container #content .full table.tx tr.text table tr td { border-bottom: 1px; }
#content_container #content .full table.news tr.item td { background-color: rgba(255, 255, 255, .01); min-height: 30px; padding-top: 5px; padding-bottom: 0px; }
#content_container #content .full table.news tr td a { text-decoration: none; }
#content_container #content .full table.signup tr { background-color: rgba(255, 255, 255, .02); margin-left: 10px; margin-right: 10px;}
#content_container #content .full table.signup tr td { margin-left: 10px; margin-right: 10px; margin-top: 10px;}
#content_container #content .full table tr td.date { width: 100px; }
#content_container #content .full table tr td.date span { font-size: 11px; opacity: 0.3; }
#content_container #content .full table tr td img.stop { display: block; margin-top: 3px; opacity: 0.8; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#content_container #content .full table tr td img.stop:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
/* TABS */
#content_container #content .full .tabs { float: left; width: 100%; min-height: 500px; margin-top: -50px; }
#content_container #content .full .tabs div { position: relative; }
/* WHITE HALF */
#content_container #content .white-half { width: calc(25% - 25px); margin-left: auto; margin-right: auto; background-color: rgba(255, 255, 255, .02); margin-top: 40px; text-align: center; padding: 25px; }
#content_container #content .white-half table { width: 100%; }
#content_container #content .white-half table a { color: #fff; opacity: 0.8; text-decoration: none; }
#content_container #content .white-half table a:hover { opacity: 1; text-decoration: underline;}
#content_container #content .white-half a { color: #fff; }
#content_container #content .white-half a:hover { opacity: 0.7;}
#content_container #content .white-half span.title { font-weight: 600;}
#content_container #content .white-half span.price { display: block; font-size: 23px; font-weight: 600; }
/* WHITE REALHALF */
#content_container #content .white-realhalf { width: calc(46%); margin-left: auto; margin-right: auto; text-align: left; }
#content_container #content .white-realhalf table { width: 100%; }
#content_container #content .white-realhalf table a { color: #fff; opacity: 0.8; text-decoration: none; }
#content_container #content .white-realhalf table a:hover { opacity: 1; text-decoration: underline;}
#content_container #content .white-realhalf a { color: #fff; }
#content_container #content .white-realhalf a:hover { opacity: 0.7;}
#content_container #content .white-realhalf span.title { font-weight: 600;}
/* WHITE FULL */
#content_container #content .white-full { float: left; width: calc(100% - 50px); background-color: rgba(255, 255, 255, .02); text-align: left; padding: 25px;}
#content_container #content .white-full table { width: 100% !important; margin-bottom: 0px; }
#content_container #content .white-full table td { padding-left: 0px !important; }
#content_container #content .white-full table a { color: #fff; opacity: 0.8; text-decoration: none; }
#content_container #content .white-full table a:hover { opacity: 1; text-decoration: underline;}
#content_container #content .white-full table td.terms { font-size: 12px; opacity: 0.8;}
#content_container #content .full .imagemargin { margin-right: 350px; }
@media only screen and (max-width : 768px) {
#content_container #content .full { float: left; text-align: left; width: 100%; display: inline-block; width: 100%; margin-top: 60px; margin-bottom: 40px; }
#content_container #content .full .imagemargin { margin-right: 0px; }
#content_container #content .full .one-thirth { float: left; width: 100%; }
#content_container #content .full .two-thirth { float: left; width: 100%; background: none !important; }
#content_container #content .white-half { float: left; width: calc(100% - 50px); }
#content_container #content .white-realhalf { float: left; width: 100%; }
#content_container #content .full .half { width: calc(100% - 30px) !important; margin-left: 15px; margin-right: 15px;}
#content_container #content h1 { font-weight: 400; padding-top: 20px; margin-left: 20px; margin-right: 20px;}
#content_container #content h2 { font-weight: 600; font-size: 14px; margin-left: 20px; margin-right: 20px;}
#content_container #content h3 { margin-top: 20px; margin-bottom: 10px; margin-left: 20px; margin-right: 20px;}
#content_container #content p {margin-bottom: 10px; margin-left: 20px; margin-right: 20px; }
#content_container table { display: table; border-collapse: collapse; min-width: 100%; width: 100%; overflow-x: scroll; }
#content_container table h2 { margin-left: 0px !important;}
#content_containe table td { display: table-cell; }
#content_container #content .full .box-right { float: right; display: relative; margin-right: 10px;}
#content_container #content .full .box-right:nth-child(odd) { float: left; }
#content_container #content .full table.diff { display: block; overflow-x: auto;}
}
/* INPUTS */
#content_container #content input[type=text] { -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; font-family: 'Open Sans', sans-serif; height: 40px; padding-left: 10px; width: calc(100% - 10px); min-width: 150px; background-color: #212226; margin-bottom: 10px; border: 1px solid #3f4045; color: #fff;}
#content_container #content input[type=email] { -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; font-family: 'Open Sans', sans-serif; height: 40px; padding-left: 10px; width: calc(100% - 10px); min-width: 250px; background-color: #212226; margin-bottom: 10px; border: 1px solid #3f4045; color: #fff; }
#content_container #content input[type=password] { -moz-appearance: none; -webkit-appearance: none; font-family: 'Open Sans', sans-serif; height: 40px; padding-left: 10px; width: calc(100% - 10px); min-width: 250px; background-color: #212226; border: 1px solid #3f4045; margin-bottom: 10px; color: #fff;}
#content_container #content input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #212226 inset; color: #fff; -webkit-text-fill-color: #fff !important;}
#content_container #content input:focus { border: 1px solid green; }
#content_container #content input[type=submit] { -moz-appearance: none; text-transform: uppercase; -webkit-appearance: none; font-family: 'Open Sans', sans-serif; margin-top: 20px; height: 40px; background-color: #3a9300; color: #fff; padding-left: 20px; padding-right: 20px; border: 0px; font-weight: bold; }
#content_container #content input[type=submit]:hover { background-color: #41a500; }
#content_container #content select { background: #fff url(../images/icons/icon-arrow.png) no-repeat right center; background-position: 98% 12px; -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; padding-right:30px; -webkit-appearance: none; -moz-appearance: none; width: calc(100% + 2px); height: 43px; background-color: #212226; border: 0px; padding-left: 10px; border: 1px solid #3f4045;font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 10px; }
#content_container #content select:focus { border: 0px; border-bottom: 1px solid green;}
#content_container #content textarea{ -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; font-family: 'Open Sans', sans-serif; height: 150px; padding: 10px; width: calc(100% - 20px); min-width: 250px; background-color: #212226; margin-bottom: 10px; border: 1px solid #3f4045; color: #fff; }
#content_container #content input[type=date] { -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; font-family: 'Open Sans', sans-serif; height: 40px; padding-left: 10px; width: calc(100% - 10px); min-width: 250px; background-color: #212226; margin-bottom: 10px; border: 1px solid #3f4045; color: #fff;}
/* ALERT */
#content_container #content .alert-red { float: left; text-align: left; width: calc(100% + 10px); padding: 20px; background-color: red; margin-left: -25px; margin-top: -25px; margin-bottom: 10px;}
#content_container #content .alert-red img { display: block; float: left; margin-right: 10px; width: 20px; margin-top: 5px;}
#content_container #content .alert-grey { float: left; text-align: left; width: calc(100% + 10px); padding: 20px; background-color: rgba(255, 255, 255, .02); margin-left: -25px; margin-top: -25px; margin-bottom: 10px;}
#content_container #content .alert-grey img { display: block; float: left; margin-right: 10px; width: 20px; margin-top: 5px;}
#content_container #content .alert-green { float: left; text-align: left;width: calc(100% + 10px); padding: 20px; background-color: #3a9300; margin-left: -25px; margin-top: -25px; margin-bottom: 10px;}
#content_container #content .alert-green img { display: block; float: left; margin-right: 10px; width: 20px; margin-top: 5px;}
#content_container #content .alert-blue { float: left; text-align: left;width: calc(100% + 10px); padding: 20px; background-color: #1a1b1f; margin-left: -25px; margin-top: -25px; margin-bottom: 10px;}
#content_container #content .alert-blue img { display: block; float: left; margin-right: 10px; width: 20px; margin-top: 5px;}
/* STATS */
#content_container #content .stats { float: left; display: -webkit-flex; display: flex; width: 100%; flex-direction: row; justify-content: space-between; margin-top: 60px; }
#content_container #content .stats .box { width: calc(25% - 40px); padding: 10px; background-color: rgba(255, 255, 255, .02); border: 1px solid rgba(255, 255, 255, .1); border-radius: 10px; }
#content_container #content .stats .box h1 { margin-top: 0px; margin-bottom: 20px; font-weight: 600;}
#content_container #content .stats .box h2 { margin-top: 0px; margin-bottom: 20px; font-weight: 600; font-size: 16px;}
#content_container #content .stats .box h3 { font-weight: 400; opacity: 0.4; font-size: 12px; text-transform: uppercase; }
#content_container #content .stats .box h1.percentage { padding-right: 50px; }
#content_container #content .stats .box span.percentage { position: absolute; font-size: 12px; opacity: 0.2; padding-top: 2px; margin-left: 10px; }
#content_container #content .stats .box:hover { border: 1px solid #3a9300; background-color: rgba(58, 147, 0, .1); }
#content_container #content .stats img.payment-icon { margin-top: 15px; }
@media only screen and (max-width : 768px) {
#content_container #content .stats { display: inline-block;}
#content_container #content .stats .box { float: left; width: calc(50% - 43px); margin-left: 10px; margin-right: 10px; margin-bottom: 20px; }
#content_container #content .stats .box h1 { font-size: 18px; }
}
/* FOOTER TOP */
#footer_top_container { float: left; width: 100%; background-color: #26272b; }
#footer_top_container #content { max-width: 1280px; margin-left: auto; margin-right: auto; text-align: left; color: #fff;}
#footer_top_container #content ul { float: left; margin: 0px; padding: 0px; min-height: 60px; opacity: 0.5; }
#footer_top_container #content ul li { float: left; list-style:none; padding-right: 20px; line-height: 60px; display: table-cell; vertical-align: middle;}
#footer_top_container #content ul li span.strong { font-weight: 600;}
#footer_top_container #content ul li a { color: #fff; text-decoration: underline;}
#footer_top_container #content ul li a:hover { opacity: 0.8;}
#footer_container { float: left; width: 100%; background-color: #f8f8f8; }
#footer_container #content { max-width: 1280px; margin-left: auto; margin-right: auto; display: -webkit-flex; display: flex; flex-direction: row; justify-content: space-between; }
#footer_container #content .logo { max-width: 125px;}
#footer_container #content ul { margin-top: 40px; margin-bottom: 40px; }
#footer_container #content ul li { list-style: none; text-align: left; }
#footer_container #content ul li a { color: #212226; text-decoration: none;}
#footer_container #content ul li a:hover { color: #212226; text-decoration: underline;}
#footer_container #content ul li h3 { text-transform: uppercase;}
#footer_container #content ul li select{ margin-top: 2px; background: #fff url(../images/icons/icon-arrow.png) no-repeat right center; background-position: 98% 7px; -moz-appearance: none; -webkit-appearance: none;-webkit-appearance: none; padding-right:30px; -webkit-appearance: none; -moz-appearance: none; width: calc(100% + 2px); height: 30px; background-color: #212226; border: 0px; padding-left: 10px; border: 1px solid #3f4045;font-family: 'Open Sans', sans-serif; color: #fff; margin-bottom: 0px; }
#footer_container #content ul li select:focus { border: 0px; border-bottom: 1px solid green;}
@media only screen and (max-width : 768px) {
#footer_top_container #content ul { margin-left: 10px; }
#footer_container #content { flex-wrap: wrap; }
#footer_container #content ul { float: left; width: 40%; margin-top: 20px; }
}
span.strong { font-weight: 600;}