/*===========
General VisualHyip.com
===========*/
body { background: #444; font: 300 14px/30px 'Titillium Web', sans-serif; color: #828a9f; position: relative; }
a, a:focus, a:hover { text-decoration: none; }
a { -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
input:focus, textarea:focus, button:focus, button { outline: none; border: none; }
input, textarea { -webkit-appearance: none; }
ul, li { padding: 0; margin: 0; }
li { list-style: none; }
.rel { position: relative; }
.account-preload { background: url(../img/Loading-Bg.gif) no-repeat; width: 0px; height: 0px; position: absolute; }
.banners-preload { width: 0; height: 0; position: absolute; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.clearfix { clear: both; }
.icon:after { display: block; content: ''; background: url(../img/sprite.png) no-repeat; position: absolute; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
.zero-op { opacity: 0; }
/* Buttons */
.button { display: inline-block; line-height: 25px; padding: 5px 20px; position: relative; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; vertical-align: middle; -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s; font-size: 14px; cursor: pointer; }
.button.outline { border: 1px solid; }
.button.arrow { padding-right: 65px; }
.button.arrow:after { display: block; content: ''; background: url(../img/sprite.png) no-repeat 0 0; width: 12px; height: 11px; position: absolute; top: 12px; right: 20px; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; }
.button.outline.white { color: #fff; border-color: #fff; background: transparent; }
.button.outline.green { color: #00ba99; border-color: #00ba99; background: transparent; }
.button.outline.green:hover { background: #f1fffc; }
.button.blue { background: #00679d; color: #fff; }
.button.blue.light { background: #2888d8; }
.button.outline.blue { background: transparent; color: #00679d; }
.button.blue:hover { background: #2b7da8; }
.button.outline.blue:hover { background: #f2fbff; }
.button.green { background: #00ba99; color: #fff; }
.button.green:hover { background: #00a386; }
.button:before { display: block; content: ''; width: 100%; height: 100%; position: absolute; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #fff; opacity: 0; -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s; left: 0; top: 0; }
.button:hover:before { -webkit-animation: border linear .5s forwards; -moz-animation: border linear .5s forwards; -o-animation: border linear .5s forwards; animation: border linear .5s forwards; }
.button.outline.white:hover { background: rgba(255,255,255, 0.1); border-color: rgba(255,255,255,0.3); }
.button.arrow:hover:after { right: 15px; }
@-moz-keyframes border {
 50% {
width: -moz-calc(100% + 10px);
width: calc(100% + 10px);
height: -moz-calc(100% + 10px);
height: calc(100% + 10px);
left: -5px;
top: -5px;
opacity: .4;
}
 100% {
width: -moz-calc(100% + 50px);
width: calc(100% + 50px);
height: -moz-calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
top: -25px;
opacity: 0;
}
}
@-webkit-keyframes border {
 50% {
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
height: -webkit-calc(100% + 10px);
height: calc(100% + 10px);
left: -5px;
top: -5px;
opacity: .4;
}
 100% {
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
height: -webkit-calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
top: -25px;
opacity: 0;
}
}
@-o-keyframes border {
 50% {
width: calc(100% + 10px);
height: calc(100% + 10px);
left: -5px;
top: -5px;
opacity: .4;
}
 100% {
width: calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
top: -25px;
opacity: 0;
}
}
@keyframes border {
 50% {
width: -webkit-calc(100% + 10px);
width: -moz-calc(100% + 10px);
width: calc(100% + 10px);
height: -webkit-calc(100% + 10px);
height: -moz-calc(100% + 10px);
height: calc(100% + 10px);
left: -5px;
top: -5px;
opacity: .4;
}
 100% {
width: -webkit-calc(100% + 50px);
width: -moz-calc(100% + 50px);
width: calc(100% + 50px);
height: -webkit-calc(100% + 50px);
height: -moz-calc(100% + 50px);
height: calc(100% + 50px);
left: -25px;
top: -25px;
opacity: 0;
}
}
/* Spin */
 @-moz-keyframes spin {
 from {
-moz-transform: rotate(0deg);
}
 to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
 from {
-webkit-transform: rotate(0deg);
}
 to {
-webkit-transform: rotate(360deg);
}
}
@-o-keyframes spin {
 from {
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
 to {
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
}
@keyframes spin {
 from {
 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
 to {
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
}
@-moz-keyframes rev-spin {
 from {
-moz-transform: rotate(360deg);
}
 to {
-moz-transform: rotate(0deg);
}
}
@-webkit-keyframes rev-spin {
 from {
-webkit-transform: rotate(360deg);
}
 to {
-webkit-transform: rotate(0deg);
}
}
@-o-keyframes rev-spin {
 from {
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
 to {
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
}
@keyframes rev-spin {
 from {
 -webkit-transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -o-transform:rotate(360deg);
 transform:rotate(360deg);
}
 to {
 -webkit-transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -o-transform:rotate(0deg);
 transform:rotate(0deg);
}
}
/* Inputs */
.input-group { display: block; position: relative; }
.input-group label { display: block; position: relative; font-size: 12px; color: #666; font-weight: 300; }
.input-group input, .input-group textarea { width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.03); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.03); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.03); color: #999; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.input-group input { line-height: 40px; height: 40px; padding-left: 35px; font-size: 12px; }
.input-group input:focus, .input-group textarea:focus { border-color: #91bdff; }
/* Header */
header { background: #12255c url(../img/header-bg.jpg) no-repeat; padding-bottom: 70px; }
nav { background: rgba(0,0,0,.1); padding: 30px 0; margin-bottom: 50px; }
nav .menu-top { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.15); }
nav .menu-top .logout-btn { display: inline-block; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 35px; width: 35px; position: relative; vertical-align: middle; margin-left: 15px; }
nav .menu-top .not-logged .button:first-of-type { margin-right: 10px; }
nav .menu-top .phone-number { padding-left: 30px; line-height: 33px; color: #fff; position: relative; display: inline-block; margin: 5px 0 0 15px; font-size: 15px; vertical-align: middle; }
nav .menu-top .phone-number:after { background-position: -2293px -182px; width: 40px; height: 40px; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); top: -4px; left: -10px; }
.public-header { padding-bottom: 30px; margin-bottom: 80px; position: relative; }
.public-header:after { display: block; content: ''; width: 20px; height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -12px; left: -webkit-calc((100% - 20px)/2); left: -moz-calc((100% - 20px)/2); left: calc((100% - 20px)/2) }
.public-header h2 { color: #fff; padding-top: 90px; margin: 0 0 10px; position: relative; }
nav .menu-top .logout-btn:after { background-position: -13px 0; width: 15px; height: 16px; left: 10px; top: 9px; }
nav .navigation li { display: inline-block; margin-right: 45px; }
nav .navigation li a { color: #fff; position: relative; }
nav .navigation li a:hover { color: #a2b5ef; }
nav .navigation li a:after { display: block; content: ''; background: #a2b5ef; width: 0; height: 1px; left: 0; bottom: -10px; position: absolute; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; -o-transition: all ease-in-out .5s; transition: all ease-in-out .5s; }
nav .navigation li a:hover:after { width: 100%; }
nav .navigation li a.proof { display: none; }
nav .navigation .proof-btn { display: inline-block; background: rgba(255,255,255,.10); line-height: 25px; padding: 0 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; border: 1px solid rgba(255,255,255,.25); color: #fff; }
nav .navigation .responsive-nav { background: none; width: 70px; height: 40px; position: relative; left: -30px; display: none; }
nav .navigation .responsive-nav svg { width: 80px; height: 50px; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
nav .navigation .responsive-nav path { fill: none; -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -moz-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25); stroke-width: 40px; stroke-linecap: round; stroke: #fff; stroke-dashoffset: 0px; }
nav .navigation .responsive-nav path#top, nav .navigation .responsive-nav path#bottom { stroke-dasharray: 240px 950px; }
nav .navigation .responsive-nav path#middle { stroke-dasharray: 240px 240px; }
nav .navigation .responsive-nav.cross path#top, nav .navigation .responsive-nav.cross path#bottom { stroke-dashoffset: -650px; stroke-dashoffset: -650px; }
nav .navigation .responsive-nav.cross path#middle { stroke-dashoffset: -115px; stroke-dasharray: 1px 220px; }
nav .navigation .live-price { display: none; }
.live-price { display: inline-block; vertical-align: middle; margin: 5px 0 0 15px; color: #bec8e3; border: 1px solid rgba(255,255,255,.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px 2px 5px; }
.live-price .price-label { display: inline-block; background: rgba(255,255,255,.2); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 10px; line-height: 20px; font-size: 12px; color: #fff; }
/* Footer */
footer { background: #fcfcfc; color: #696e79; border-top: 1px solid #e7e7e7; }
footer .top-section { background: #fafafa; border-bottom: 1px solid #e7e7e7; padding: 15px 0; }
footer .top-section a { display: inline-block; vertical-align: middle; }
footer .top-section .logo { padding-right: 15px; border-right: 1px solid #e1e1e1; margin-right: 15px; }
footer .top-section .social { width: 65px; height: 65px; background: url(../img/sprite.png) no-repeat; margin: 0px -10px 0 -20px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
footer .top-section .social.facebook { background-position: -1792px -132px; }
footer .top-section .social.twitter { background-position: -1792px -55px; }
footer .top-section .social:hover { opacity: 0.8; }
footer .footer-nav li { display: inline-block; margin-right: 45px; }
footer .footer-nav { padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #ededed; }
footer .footer-nav li a { color: #696e79; }
footer .footer-nav li a:hover { color: #7099f5; }
footer p { color: #c3c3c3; margin-bottom: 30px; }
/*===========
Modal
===========*/
.close-box { background: url(../img/sprite.png) no-repeat -1132px -16px; width: 30px; height: 30px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; position: absolute; }
.close-box:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
/* ------------------------------ Public Pages ------------------------------ */
/*===========
Homepage
===========*/
header .about-brief { color: #fff; position: relative; }
header .about-brief:after { display: block; content: ''; background: url(../img/rocket.png) no-repeat; width: 474px; height: 285px; position: absolute; right: 0; top: -20px; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
header .about-brief p { color: #b1c7ff; margin-bottom: 35px; }
header .about-brief .button { margin-right: 15px; }
/* Plan Info */
.home-plan { height: 480px; overflow: hidden; }
.home-plan .fea-circles { position: relative; top: -37px; }
.home-plan .circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 auto; border: 1px solid; position: absolute; }
.home-plan .circle.c1 { width: 555px; height: 555px; border-color: rgba(0,0,0,.2); }
.home-plan .circle.c2 { width: 445px; height: 445px; top: 55px; left: 70px; border-color: rgba(0,0,0,.2); -webkit-animation: spin 20s infinite linear; -moz-animation: spin 20s infinite linear; -o-animation: spin 20s infinite linear; animation: spin 20s infinite linear; }
.home-plan .circle.c3 { width: 345px; height: 345px; top: 105px; left: 120px; border-color: rgba(0,0,0,.15); -webkit-animation: spin 16s infinite linear; -moz-animation: spin 16s infinite linear; -o-animation: spin 16s infinite linear; animation: spin 16s infinite linear; }
.home-plan .circle.c4 { width: 255px; height: 255px; top: 150px; left: 165px; border-color: rgba(0,0,0,.1); -webkit-animation: spin 10s infinite linear; -moz-animation: spin 10s infinite linear; -o-animation: spin 10s infinite linear; animation: spin 10s infinite linear; }
.home-plan .circle.c5 { width: 185px; height: 185px; top: 185px; left: 200px; border-color: rgba(0,0,0,.05); }
.home-plan .circle.c6 { width: 125px; height: 125px; top: 215px; left: 230px; border: none; background: #eff9ff; -webkit-box-shadow: inset 0px 0px 18px 0px rgba(222,243,255,1); -moz-box-shadow: inset 0px 0px 18px 0px rgba(222,243,255,1); box-shadow: inset 0px 0px 18px 0px rgba(222,243,255,1); color: #004a71; font-size: 30px; text-align: center; padding-top: 35px; }
.home-plan .circle.c6 span { display: block; font-size: 13px; color: #6baacb; }
.home-plan .circle .fea-items { display: block; position: absolute; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #dbe7ef; -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); width: 65px; height: 65px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; cursor: pointer; }
.home-plan .circle .fea-items.active { border-color: #97c4e3; -webkit-box-shadow: 0px 1px 8px 0px rgb(170, 192, 216) !important; -moz-box-shadow: 0px 1px 8px 0px rgb(170, 192, 216) !important; box-shadow: 0px 1px 8px 0px rgb(170, 192, 216) !important; }
.home-plan .circle .fea-items.item1, .home-plan .circle .fea-items.item2 { -webkit-animation: rev-spin 20s infinite linear; -moz-animation: rev-spin 20s infinite linear; -o-animation: rev-spin 20s infinite linear; animation: rev-spin 20s infinite linear; }
.home-plan .circle .fea-items.item1 { left: 300px; }
.home-plan .circle .fea-items.item1:after { background-position: -29px 0; width: 18px; height: 29px; left: 23px; top: 15px; }
.home-plan .circle .fea-items.item2 { left: 30px; top: 340px; }
.home-plan .circle .fea-items.item2:after { background-position: -79px 0; width: 20px; height: 29px; left: 22px; top: 15px; }
.home-plan .circle .fea-items.item3, .home-plan .circle .fea-items.item4 { -webkit-animation: rev-spin 16s infinite linear; -moz-animation: rev-spin 16s infinite linear; -o-animation: rev-spin 16s infinite linear; animation: rev-spin 16s infinite linear; }
.home-plan .circle .fea-items.item3 { left: -30px; top: 120px; }
.home-plan .circle .fea-items.item3:after { background-position: -48px 0; width: 30px; height: 16px; left: 16px; top: 23px; }
.home-plan .circle .fea-items.item4 { left: 280px; top: 240px; }
.home-plan .circle .fea-items.item4:after { background-position: -100px 0; width: 34px; height: 28px; left: 14px; top: 15px; }
.home-plan .circle .fea-items.item5 { left: 80px; top: -25px; width: 55px; height: 55px; -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.05); -webkit-animation: rev-spin 10s infinite linear; -moz-animation: rev-spin 10s infinite linear; -o-animation: rev-spin 10s infinite linear; animation: rev-spin 10s infinite linear; }
.home-plan .circle .fea-items.item5:after { background-position: -135px 0; width: 30px; height: 30px; left: 12px; top: 10px; }
.home-plan .fea-accordions .acc-item { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ececec; line-height: 35px; padding: 5px 20px; color: #666; margin-bottom: 15px; cursor: pointer; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.02); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.02); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.02); -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.home-plan .fea-accordions h1 { color: #002641; margin: 50px 0 30px; font-weight: 200; }
.home-plan .fea-accordions .acc-item.active { background: #f9fdff; border-color: #a1bed3; color: #014c81; }
.home-plan .fea-accordions .acc-item h4 { margin: 0; line-height: 35px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.home-plan .fea-accordions .acc-item.active h4 { margin: 15px 0 5px 0; line-height: 20px; }
.home-plan .fea-accordions .acc-item p { font-weight: 200; color: #7998ad; line-height: 20px; font-size: 13px; display: none; }
/* Invest CTA */
.home-investment { background: url(../img/h-invest-pattern.jpg) repeat; padding: 60px 0 145px; }
.home-investment .content { width: 90%; max-width: 750px; margin: 0 auto; }
.home-investment .content h1 { color: #0063b5; margin: 0 auto 25px; }
.home-investment .content p { color: #65899a; margin: 0 auto 35px; }
.home-investment .button:before { border-color: #00679d; }
.home-investment .button:hover:before { opacity: .7; }
/* Home Referral */
.home-referral { margin-top: -80px; }
.home-referral .content { background: #fff; border: 1px solid #e1ecf2; padding: 20px 0 30px 195px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.05); overflow: hidden; margin-bottom: 80px; position: relative; }
.home-referral .content h3 { color: #12265d; }
.home-referral .content p { margin-bottom: 20px; }
.home-referral .content a { display: block; float: left; margin-right: 20px; width: 370px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid; padding: 10px 0; }
.home-referral .content a .percent { font-size: 36px; width: 120px; text-align: center; padding-top: 8px; }
.home-referral .content a .text { width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); color: #a4b0ba; line-height: 25px; }
.home-referral .content a .text span { display: block; }
.home-referral .content .standard-program { background: #f8fcff; border-color: #9bc7e8; }
.home-referral .content a.standard-program .percent, .home-referral .content a.standard-program .text span { color: #2888d8; }
.home-referral .content .representative-program { background: #eefffd; border-color: #97e2d8; }
.home-referral .content a.representative-program .percent, .home-referral .content a.representative-program .text span { color: #00c9af; }
.home-referral .content:after { background-position: -230px 0; width: 135px; height: 219px; left: 30px; top: 0; }
/* Banks Security Level */
.bank-security { padding-bottom: 100px; }
.bank-security .bank-box { height: 175px; margin: 10px 15px 25px 0; width: 125px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -o-transition: all linear .3s; transition: all linear .3s; }
.bank-security .bank-box.slick-center { height: 195px; width: 300px !important; margin-top: 0; }
.bank-security .bank-box .flipper { -webkit-transition: all 1.0s cubic-bezier(.86, 0, .07, 1); -moz-transition: all 1.0s cubic-bezier(.86, 0, .07, 1); -o-transition: all 1.0s cubic-bezier(.86, 0, .07, 1); transition: all 1.0s cubic-bezier(.86, 0, .07, 1); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; width: 100%; height: 100%; border: 1px solid #cbe1f1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 8px 0px rgba(242,250,255,1); -moz-box-shadow: 0px 1px 8px 0px rgba(242,250,255,1); box-shadow: 0px 1px 8px 0px rgba(242,250,255,1); }
.bank-security .bank-box.slick-center .flipper { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); border-color: #aacae1; }
.bank-security .bank-box .front, .bank-security .bank-box .back { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-align: center; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; overflow: hidden; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.bank-security .bank-box .front, .bank-security .bank-box .back { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; }
}
.bank-security .bank-box .front { background: #fff; }
.bank-security .bank-box.slick-center .front { opacity: 0; }
.bank-security .bank-box .back { background: #fbfeff; padding: 45px 20px 0; }
.bank-security .bank-box .back p { color: #517390; line-height: 23px; }
.bank-security .bank-box.slick-current .back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s; }
.slick-list { padding-top: 20px !important; }
/* Banks Icon */
.bank-security .bank-box .bank-icon { background: url(../img/sprite.png) no-repeat; margin: 0 auto 10px; }
.bank-security .bank-box.trustgaurd .bank-icon { width: 180px; height: 26px; background-position: 0 -36px; }
.bank-security .bank-box.trustgaurd .icon:after { width: 74px; height: 61px; background-position: -119px -63px; left: 24px; top: 50px; }
.bank-security .bank-box.mcafee .bank-icon { width: 107px; height: 24px; background-position: 0 -189px; }
.bank-security .bank-box.mcafee .icon:after { width: 75px; height: 43px; background-position: -119px -170px; left: 25px; top: 60px; }
.bank-security .bank-box.geotrust .bank-icon { width: 124px; height: 20px; background-position: 0 -216px; }
.bank-security .bank-box.geotrust .icon:after { width: 93px; height: 41px; background-position: -125px -215px; left: 15px; top: 65px; }
.bank-security .bank-box.norton .bank-icon { width: 85px; height: 36px; background-position: 0 -246px; }
.bank-security .bank-box.norton .icon:after { width: 85px; height: 36px; background-position: 0 -246px; left: 20px; top: 70px; }
.bank-security .bank-box.avg .bank-icon { width: 75px; height: 28px; background-position: 0 -154px; }
.bank-security .bank-box.avg .icon:after { width: 75px; height: 28px; background-position: 0 -154px; left: 27px; top: 75px; }
.bank-security .bank-box.sitelock .bank-icon { width: 109px; height: 21px; background-position: 0 -129px; }
.bank-security .bank-box.sitelock .icon:after { width: 85px; height: 40px; background-position: -112px -128px; left: 20px; top: 67px; }
.bank-security .bank-box.trustwave .bank-icon { width: 118px; height: 16px; background-position: 0 -103px; }
.bank-security .bank-box.trustwave .icon:after { width: 93px; height: 37px; background-position: -23px -64px; left: 15px; top: 70px; }
/* Dots */
.slick-dots li { width: 9px; height: 9px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #aacae1; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.slick-dots li.slick-active { background: #aacae1; width: 15px; height: 15px; position: relative; top: 3px; }
.slick-dots li button { display: none; }
.slick-dots li button:before { display: none; }
/*===========
About Us
===========*/
.public-header h2:after { -o-transform: scale(.5); transform: scale(.5); -moz-transform: scale(.5); -webkit-transform: scale(.5); -ms-transform: scale(.5); }
.public-header .about.icon:after { background-position: -1357px -160px; width: 173px; height: 160px; top: -50px; left: -webkit-calc((100% - 173px)/2); left: -moz-calc((100% - 173px)/2); left: calc((100% - 173px)/2); }
.about-graphical { margin-bottom: 95px; }
.about-graphical .graphic { position: relative; }
.about-graphical .graphic:after { background-position: 0 -392px; width: 41px; height: 63px; left: -webkit-calc((100% - 41px)/2); left: -moz-calc((100% - 41px)/2); left: calc((100% - 41px)/2); top: -webkit-calc((100% - 63px)/2); top: -moz-calc((100% - 63px)/2); top: calc((100% - 63px)/2); }
.about-graphical img { -webkit-animation: spin linear 8s infinite; -moz-animation: spin linear 8s infinite; -o-animation: spin linear 8s infinite; animation: spin linear 8s infinite; }
.about-graphical h1 { color: #13265c; padding-top: 60px; font-weight: 200; }
.about-graphical p { color: #b5b5b5; }
.about-tabs .tabs .tabs-menu { background: #f9fafd; text-align: center; height: 150px; margin-bottom: 45px; }
.about-tabs .tabs .tabs-menu .tabs-center { padding-left: -webkit-calc((100% - 975px)/2); padding-left: -moz-calc((100% - 975px)/2); padding-left: calc((100% - 975px)/2); }
.about-tabs .tabs .tabs-menu li { display: block; float: left; width: 165px; margin: 0 15px; }
.about-tabs .tabs .tabs-menu li a { width: 165px; padding-top: 110px; display: block; position: relative; height: 150px; }
.about-tabs .tabs .tabs-menu li.active a { background: #fff; height: 180px; padding-top: 120px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-color: #dee4f9; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,15,60,0.06); -moz-box-shadow: 0px 0px 24px 0px rgba(0,15,60,0.06); box-shadow: 0px 0px 24px 0px rgba(0,15,60,0.06); top: -10px; }
.about-tabs .tabs .tabs-menu li .icon:after, .about-tabs .tabs .tabs-menu li a, .about-tabs .tabs .tabs-menu li a:before { -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -o-transition: all linear .5s; transition: all linear .5s; }
.about-tabs .tabs .tabs-menu li a:before { display: block; content: ''; width: 14px; height: 14px; border: 1px solid #dee4f9; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; background: #fff; bottom: -8px; left: -webkit-calc((100% - 14px)/2); left: -moz-calc((100% - 14px)/2); left: calc((100% - 14px)/2); border-top: none; border-left: none; opacity: 0; }
.about-tabs .tabs .tabs-menu li.active a:before { opacity: 1; }
.about-tabs .tabs .tabs-menu li.better-sec .icon:after { background-position: -231px -230px; width: 59px; height: 71px; left: 50px; top: 22px; }
.about-tabs .tabs .tabs-menu li.better-sec.active .icon:after { background-position: -231px -320px; top: 32px; }
.about-tabs .tabs .tabs-menu li.support-net .icon:after { background-position: -296px -226px; width: 80px; height: 78px; left: 42px; top: 20px; }
.about-tabs .tabs .tabs-menu li.support-net.active .icon:after { background-position: -296px -316px; top: 30px; }
.about-tabs .tabs .tabs-menu li.accept-bitcoin .icon:after { background-position: -381px -226px; width: 80px; height: 78px; left: 42px; top: 20px; }
.about-tabs .tabs .tabs-menu li.accept-bitcoin.active .icon:after { background-position: -381px -316px; top: 30px; }
.about-tabs .tabs .tabs-menu li.secure-money .icon:after { background-position: -124px -310px; width: 89px; height: 70px; left: 40px; top: 20px; }
.about-tabs .tabs .tabs-menu li.secure-money.active .icon:after { background-position: -124px -400px; top: 30px; }
.about-tabs .tabs .tabs-menu li.full-valid .icon:after { background-position: -383px -11px; width: 74px; height: 72px; left: 44px; top: 20px; }
.about-tabs .tabs .tabs-menu li.full-valid.active .icon:after { background-position: -383px -101px; top: 30px; }
.about-tabs .tabs .tabs-content { min-height: 300px; text-align: center; padding: 30px; overflow: hidden; }
.about-tabs .tabs .tabs-content h2 { color: #13265c; }
.about-tabs .tabs .tabs-content p { color: #8b9ecf; }
.about-parallax { min-height: 110px; background: transparent; color: #fff; padding: 35px 0; font-size: 18px; position: relative; z-index: 2; }
#modal-about img { width: 100%; height: 100%; }
.live-statistics { margin-bottom: 70px; }
.live-statistics .stats-holder { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; overflow: hidden; padding: 20px; -webkit-box-shadow: 0 2px 21px 0 rgba(0,0,0,0.05); -moz-box-shadow: 0 2px 21px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 21px 0 rgba(0,0,0,0.05); }
.live-statistics .stats-holder > div { float: left; }
.live-statistics .stats-holder .stats-title { width: 145px; font-size: 15px; background: #f1f7ff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 15px; margin: 0px 20px 0 0; line-height: 50px; }
.live-statistics .stats-holder .stats { width: -webkit-calc((100% - 165px)/4); width: -moz-calc((100% - 165px)/4); width: calc((100% - 165px)/4); padding-left: 20px; border-left: 2px solid; line-height: 20px; font-size: 13px; margin-top: 6px; }
.live-statistics .stats-holder .stats .value { font-size: 16px; }
.live-statistics .stats-holder .stats.running-days { border-color: #94b5ff; }
.live-statistics .stats-holder .stats.running-days .value { color: #94b5ff; }
.live-statistics .stats-holder .stats.total-accounts { border-color: #00ad9a; }
.live-statistics .stats-holder .stats.total-accounts .value { color: #00ad9a; }
.live-statistics .stats-holder .stats.active-deposits { border-color: #ffbd00; }
.live-statistics .stats-holder .stats.active-deposits .value { color: #ffbd00; }
.live-statistics .stats-holder .stats.currently-online { border-color: #7b00ff; }
.live-statistics .stats-holder .stats.currently-online .value { color: #7b00ff; }
/*===============
Make Investment
===============*/
.public-header .investment.icon:after { background-position: -1544px -1px; width: 212px; height: 183px; top: -60px; left: -webkit-calc((100% - 230px)/2); left: -moz-calc((100% - 230px)/2); left: calc((100% - 230px)/2); }
.about-graphical.invest { margin-bottom: 55px; }
/* SVG Graphic and Animation */
.about-graphical svg { width: 70%; margin-top: 50px; }
.about-graphical .one-class { fill: #ff8a00; opacity: 0; }
.about-graphical .two-class { fill: transparent; stroke: #ff8a00; stroke-width: 10; stroke-dasharray: 1000px; stroke-dashoffset: 1000px; }
.about-graphical .three-class { fill: #ff8a00; opacity: 0; }
.about-graphical .four-class { fill: #ffe1be; opacity: 0; -webkit-transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); }
.about-graphical .cls-2 { -webkit-animation: dash 2.5s ease-in-out forwards; -moz-animation: dash 2.5s ease-in-out forwards; -o-animation: dash 2.5s ease-in-out forwards; animation: dash 2.5s ease-in-out forwards; }
.about-graphical .cls-2-1 { -webkit-animation: dash 1.5s ease-in-out forwards 3.5s; -moz-animation: dash 1.5s ease-in-out forwards 3.5s; -o-animation: dash 1.5s ease-in-out forwards 3.5s; animation: dash 1.5s ease-in-out forwards 3.5s; }
.about-graphical .cls-2-2 { -webkit-animation: dash 1.5s ease-in-out forwards 4s; -moz-animation: dash 1.5s ease-in-out forwards 4s; -o-animation: dash 1.5s ease-in-out forwards 4s; animation: dash 1.5s ease-in-out forwards 4s; }
@-moz-keyframes dash {
 to {
stroke-dashoffset: 0px;
}
}
@-webkit-keyframes dash {
 to {
stroke-dashoffset: 0px;
}
}
@-o-keyframes dash {
 to {
stroke-dashoffset: 0px;
}
}
@keyframes dash {
 to {
stroke-dashoffset: 0px;
}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.about-graphical .two-class { stroke-dashoffset: 0; -webkit-animation: lines 4s ease-in-out forwards; -moz-animation: lines 4s ease-in-out forwards; -o-animation: lines 4s ease-in-out forwards; animation: lines 4s ease-in-out forwards; opacity: 0; }
}
.about-graphical .cls-1-1 { -webkit-animation: lines .3s ease-in-out forwards 4.2s; -moz-animation: lines .3s ease-in-out forwards 4.2s; -o-animation: lines .3s ease-in-out forwards 4.2s; animation: lines .3s ease-in-out forwards 4.2s; }
.about-graphical .cls-1-2 { -webkit-animation: lines .3s ease-in-out forwards 4.4s; -moz-animation: lines .3s ease-in-out forwards 4.4s; -o-animation: lines .3s ease-in-out forwards 4.4s; animation: lines .3s ease-in-out forwards 4.4s; }
.about-graphical .cls-1-3 { -webkit-animation: lines .3s ease-in-out forwards 4.6s; -moz-animation: lines .3s ease-in-out forwards 4.6s; -o-animation: lines .3s ease-in-out forwards 4.6s; animation: lines .3s ease-in-out forwards 4.6s; }
.about-graphical .cls-1-4 { -webkit-animation: lines .3s ease-in-out forwards 4.8s; -moz-animation: lines .3s ease-in-out forwards 4.8s; -o-animation: lines .3s ease-in-out forwards 4.8s; animation: lines .3s ease-in-out forwards 4.8s; }
.about-graphical .cls-1-5 { -webkit-animation: lines .3s ease-in-out forwards 5s; -moz-animation: lines .3s ease-in-out forwards 5s; -o-animation: lines .3s ease-in-out forwards 5s; animation: lines .3s ease-in-out forwards 5s; }
.about-graphical .cls-1-6 { -webkit-animation: lines .3s ease-in-out forwards 5.2s; -moz-animation: lines .3s ease-in-out forwards 5.2s; -o-animation: lines .3s ease-in-out forwards 5.2s; animation: lines .3s ease-in-out forwards 5.2s; }
.about-graphical .cls-1-7 { -webkit-animation: lines .3s ease-in-out forwards 11.1s; -moz-animation: lines .3s ease-in-out forwards 11.1s; -o-animation: lines .3s ease-in-out forwards 11.1s; animation: lines .3s ease-in-out forwards 11.1s; }
.about-graphical .cls-1-8 { -webkit-animation: lines .3s ease-in-out forwards 5.6s; -moz-animation: lines .3s ease-in-out forwards 5.6s; -o-animation: lines .3s ease-in-out forwards 5.6s; animation: lines .3s ease-in-out forwards 5.6s; }
.about-graphical .cls-1-9 { -webkit-animation: lines .3s ease-in-out forwards 5.8s; -moz-animation: lines .3s ease-in-out forwards 5.8s; -o-animation: lines .3s ease-in-out forwards 5.8s; animation: lines .3s ease-in-out forwards 5.8s; }
.about-graphical .cls-1-10 { -webkit-animation: lines .3s ease-in-out forwards 6s; -moz-animation: lines .3s ease-in-out forwards 6s; -o-animation: lines .3s ease-in-out forwards 6s; animation: lines .3s ease-in-out forwards 6s; }
.about-graphical .cls-1-11 { -webkit-animation: lines .3s ease-in-out forwards 6.2s; -moz-animation: lines .3s ease-in-out forwards 6.2s; -o-animation: lines .3s ease-in-out forwards 6.2s; animation: lines .3s ease-in-out forwards 6.2s; }
.about-graphical .cls-1-12 { -webkit-animation: lines .3s ease-in-out forwards 6.4s; -moz-animation: lines .3s ease-in-out forwards 6.4s; -o-animation: lines .3s ease-in-out forwards 6.4s; animation: lines .3s ease-in-out forwards 6.4s; }
.about-graphical .cls-1-13 { -webkit-animation: lines .3s ease-in-out forwards 6.6s; -moz-animation: lines .3s ease-in-out forwards 6.6s; -o-animation: lines .3s ease-in-out forwards 6.6s; animation: lines .3s ease-in-out forwards 6.6s; }
.about-graphical .cls-1-14 { -webkit-animation: lines .3s ease-in-out forwards 6.8s; -moz-animation: lines .3s ease-in-out forwards 6.8s; -o-animation: lines .3s ease-in-out forwards 6.8s; animation: lines .3s ease-in-out forwards 6.8s; }
.about-graphical .cls-1-15 { -webkit-animation: lines .3s ease-in-out forwards 7s; -moz-animation: lines .3s ease-in-out forwards 7s; -o-animation: lines .3s ease-in-out forwards 7s; animation: lines .3s ease-in-out forwards 7s; }
.about-graphical .cls-1-16 { -webkit-animation: lines .3s ease-in-out forwards 7.2s; -moz-animation: lines .3s ease-in-out forwards 7.2s; -o-animation: lines .3s ease-in-out forwards 7.2s; animation: lines .3s ease-in-out forwards 7.2s; }
.about-graphical .cls-1-17 { -webkit-animation: lines .3s ease-in-out forwards 7.4s; -moz-animation: lines .3s ease-in-out forwards 7.4s; -o-animation: lines .3s ease-in-out forwards 7.4s; animation: lines .3s ease-in-out forwards 7.4s; }
.about-graphical .cls-1-18 { -webkit-animation: lines .3s ease-in-out forwards 7.6s; -moz-animation: lines .3s ease-in-out forwards 7.6s; -o-animation: lines .3s ease-in-out forwards 7.6s; animation: lines .3s ease-in-out forwards 7.6s; }
.about-graphical .cls-1-19 { -webkit-animation: lines .3s ease-in-out forwards 7.8s; -moz-animation: lines .3s ease-in-out forwards 7.8s; -o-animation: lines .3s ease-in-out forwards 7.8s; animation: lines .3s ease-in-out forwards 7.8s; }
.about-graphical .cls-1-20 { -webkit-animation: lines .3s ease-in-out forwards 8s; -moz-animation: lines .3s ease-in-out forwards 8s; -o-animation: lines .3s ease-in-out forwards 8s; animation: lines .3s ease-in-out forwards 8s; }
.about-graphical .cls-1-21 { -webkit-animation: lines .3s ease-in-out forwards 8.2s; -moz-animation: lines .3s ease-in-out forwards 8.2s; -o-animation: lines .3s ease-in-out forwards 8.2s; animation: lines .3s ease-in-out forwards 8.2s; }
.about-graphical .cls-1-22 { -webkit-animation: lines .3s ease-in-out forwards 8.4s; -moz-animation: lines .3s ease-in-out forwards 8.4s; -o-animation: lines .3s ease-in-out forwards 8.4s; animation: lines .3s ease-in-out forwards 8.4s; }
.about-graphical .cls-3-1 { -webkit-animation: lines .3s ease-in-out forwards 8.6s; -moz-animation: lines .3s ease-in-out forwards 8.6s; -o-animation: lines .3s ease-in-out forwards 8.6s; animation: lines .3s ease-in-out forwards 8.6s; }
.about-graphical .cls-3-2 { -webkit-animation: lines .3s ease-in-out forwards 8.8s; -moz-animation: lines .3s ease-in-out forwards 8.8s; -o-animation: lines .3s ease-in-out forwards 8.8s; animation: lines .3s ease-in-out forwards 8.8s; }
.about-graphical .cls-3-3 { -webkit-animation: lines .3s ease-in-out forwards 8s; -moz-animation: lines .3s ease-in-out forwards 8s; -o-animation: lines .3s ease-in-out forwards 8s; animation: lines .3s ease-in-out forwards 8s; }
.about-graphical .cls-3-4 { -webkit-animation: lines .3s ease-in-out forwards 9.2s; -moz-animation: lines .3s ease-in-out forwards 9.2s; -o-animation: lines .3s ease-in-out forwards 9.2s; animation: lines .3s ease-in-out forwards 9.2s; }
.about-graphical .cls-3-5 { -webkit-animation: lines .3s ease-in-out forwards 9.4s; -moz-animation: lines .3s ease-in-out forwards 9.4s; -o-animation: lines .3s ease-in-out forwards 9.4s; animation: lines .3s ease-in-out forwards 9.4s; }
.about-graphical .cls-3-6 { -webkit-animation: lines .3s ease-in-out forwards 9.6s; -moz-animation: lines .3s ease-in-out forwards 9.6s; -o-animation: lines .3s ease-in-out forwards 9.6s; animation: lines .3s ease-in-out forwards 9.6s; }
.about-graphical .cls-3-7 { -webkit-animation: lines .3s ease-in-out forwards 9.8s; -moz-animation: lines .3s ease-in-out forwards 9.8s; -o-animation: lines .3s ease-in-out forwards 9.8s; animation: lines .3s ease-in-out forwards 9.8s; }
.about-graphical .cls-3-8 { -webkit-animation: lines .3s ease-in-out forwards 10s; -moz-animation: lines .3s ease-in-out forwards 10s; -o-animation: lines .3s ease-in-out forwards 10s; animation: lines .3s ease-in-out forwards 10s; }
.about-graphical .cls-3-9 { -webkit-animation: lines .3s ease-in-out forwards 10.2s; -moz-animation: lines .3s ease-in-out forwards 10.2s; -o-animation: lines .3s ease-in-out forwards 10.2s; animation: lines .3s ease-in-out forwards 10.2s; }
.about-graphical .cls-3-10 { -webkit-animation: lines .3s ease-in-out forwards 10.4s; -moz-animation: lines .3s ease-in-out forwards 10.4s; -o-animation: lines .3s ease-in-out forwards 10.4s; animation: lines .3s ease-in-out forwards 10.4s; }
.about-graphical .cls-3-11 { -webkit-animation: lines .3s ease-in-out forwards 10.6s; -moz-animation: lines .3s ease-in-out forwards 10.6s; -o-animation: lines .3s ease-in-out forwards 10.6s; animation: lines .3s ease-in-out forwards 10.6s; }
.about-graphical .cls-3-12 { -webkit-animation: lines .3s ease-in-out forwards 10.8s; -moz-animation: lines .3s ease-in-out forwards 10.8s; -o-animation: lines .3s ease-in-out forwards 10.8s; animation: lines .3s ease-in-out forwards 10.8s; }
.about-graphical .cls-3-13 { -webkit-animation: lines .3s ease-in-out forwards 11s; -moz-animation: lines .3s ease-in-out forwards 11s; -o-animation: lines .3s ease-in-out forwards 11s; animation: lines .3s ease-in-out forwards 11s; }
.about-graphical .cls-4-1 { -webkit-animation: dots .5s ease-in-out forwards 11.2s; -moz-animation: dots .5s ease-in-out forwards 11.2s; -o-animation: dots .5s ease-in-out forwards 11.2s; animation: dots .5s ease-in-out forwards 11.2s; }
.about-graphical .cls-4-2 { -webkit-animation: dots .5s ease-in-out forwards 11.4s; -moz-animation: dots .5s ease-in-out forwards 11.4s; -o-animation: dots .5s ease-in-out forwards 11.4s; animation: dots .5s ease-in-out forwards 11.4s; }
.about-graphical .cls-4-3 { -webkit-animation: dots .5s ease-in-out forwards 11.6s; -moz-animation: dots .5s ease-in-out forwards 11.6s; -o-animation: dots .5s ease-in-out forwards 11.6s; animation: dots .5s ease-in-out forwards 11.6s; }
.about-graphical .cls-4-4 { -webkit-animation: dots .5s ease-in-out forwards 11.8s; -moz-animation: dots .5s ease-in-out forwards 11.8s; -o-animation: dots .5s ease-in-out forwards 11.8s; animation: dots .5s ease-in-out forwards 11.8s; }
.about-graphical .cls-4-5 { -webkit-animation: dots .5s ease-in-out forwards 12s; -moz-animation: dots .5s ease-in-out forwards 12s; -o-animation: dots .5s ease-in-out forwards 12s; animation: dots .5s ease-in-out forwards 12s; }
.about-graphical .cls-4-6 { -webkit-animation: dots .5s ease-in-out forwards 12.2s; -moz-animation: dots .5s ease-in-out forwards 12.2s; -o-animation: dots .5s ease-in-out forwards 12.2s; animation: dots .5s ease-in-out forwards 12.2s; }
.about-graphical .cls-4-7 { -webkit-animation: dots .5s ease-in-out forwards 12.4s; -moz-animation: dots .5s ease-in-out forwards 12.4s; -o-animation: dots .5s ease-in-out forwards 12.4s; animation: dots .5s ease-in-out forwards 12.4s; }
.about-graphical .cls-4-8 { -webkit-animation: dots .5s ease-in-out forwards 12.6s; -moz-animation: dots .5s ease-in-out forwards 12.6s; -o-animation: dots .5s ease-in-out forwards 12.6s; animation: dots .5s ease-in-out forwards 12.6s; }
.about-graphical .cls-4-9 { -webkit-animation: dots .5s ease-in-out forwards 12.8s; -moz-animation: dots .5s ease-in-out forwards 12.8s; -o-animation: dots .5s ease-in-out forwards 12.8s; animation: dots .5s ease-in-out forwards 12.8s; }
.about-graphical .cls-4-10 { -webkit-animation: dots .5s ease-in-out forwards 13s; -moz-animation: dots .5s ease-in-out forwards 13s; -o-animation: dots .5s ease-in-out forwards 13s; animation: dots .5s ease-in-out forwards 13s; }
@-moz-keyframes lines {
 to {
opacity: 1;
}
}
@-webkit-keyframes lines {
 to {
opacity: 1;
}
}
@-o-keyframes lines {
 to {
opacity: 1;
}
}
@keyframes lines {
 to {
opacity: 1;
}
}
@-moz-keyframes dots {
 to {
opacity: 1;
-moz-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@-webkit-keyframes dots {
 to {
opacity: 1;
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@-o-keyframes dots {
 to {
opacity: 1;
-o-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@keyframes dots {
 to {
opacity: 1;
-webkit-transform:scale(1, 1);
-moz-transform:scale(1, 1);
-o-transform:scale(1, 1);
transform:scale(1, 1);
}
}
/* Calculator */
.services-calculator { margin-bottom: 80px; }
.services-calculator .calc-title { width: -webkit-calc(100% - 30px); width: -moz-calc(100% - 30px); width: calc(100% - 30px); background: #f4f6fb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 10px 30px; color: #496f9a; position: absolute; top: 15px; z-index: 3; }
.services-calculator .calc-title h3 { color: #12255b; margin-bottom: 0; }
.services-calculator .calc-inputs:after, .services-calculator .calc-results:after { clear: both; }
.services-calculator .calc-inputs { background: #fff; width: -webkit-calc(45% + 15px); width: -moz-calc(45% + 15px); width: calc(45% + 15px); margin-left: -15px; position: relative; z-index: 2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ddd; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); padding: 140px 15px 35px; }
.services-calculator .calc-inputs .input-group { float: left; width: -webkit-calc((100% - 15px)/2); width: -moz-calc((100% - 15px)/2); width: calc((100% - 15px)/2); }
.services-calculator .calc-inputs .input-group:first-of-type { margin-right: 15px; }
.input-group .bitcoin:after { background-position: -195px 0; width: 11px; height: 15px; top: 48px; left: 13px; }
.input-group .period:after { background-position: -215px 0; width: 14px; height: 17px; top: 47px; left: 12px; }
.services-calculator .calc-results { background: #fefeff; width: 55%; border: 1px solid #eee; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; padding: 40px 20px 30px 50px; margin: 110px -0px 0 -10px; }
.services-calculator .calc-results > div { float: left; width: -webkit-calc((100%)/3); width: -moz-calc((100%)/3); width: calc((100%)/3); border-right: 1px solid #dbdbf1; line-height: 25px; font-size: 13px; color: #999; }
.services-calculator .calc-results > div:last-child { padding-left: 30px; border: none; }
.services-calculator .calc-results > div span { font-size: 18px; font-weight: 300; color: #444e74; }
.services-calculator .calc-results > div:first-child span { color: #00ba99; }
.services-cta { padding-bottom: 50px; }
.services-cta .cta-text { padding: 25px; background: #fbfcfd; margin-bottom: 50px; }
.services-cta .cta-text h2 { color: #12255b; }
.services-cta .cta-text p { width: 90%; max-width: 750px; margin: 0 auto; color: #828a9f; }
.services-cta .button { padding: 10px 100px 10px 20px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; text-align: left; }
.services-cta .arrow:after { top: 17px; right: 30px; }
.services-cta .button:before { border-color: #00ba99; }
.services-cta .button:hover:before { opacity: .7; }
/*===============
Partnership
===============*/
.public-header .partnership.icon:after { background-position: -1544px -191px; width: 248px; height: 160px; top: -50px; left: -webkit-calc((100% - 248px)/2); left: -moz-calc((100% - 248px)/2); left: calc((100% - 248px)/2); }
/* Intro */
.partner-intro { padding-bottom: 50px; color: #b5b5b5; }
.partner-intro h1 { color: #122860; }
.partner-intro p { width: 90%; max-width: 950px; margin: 15px auto 0; }
/* Referral Program */
.referral-program:after { display: block; content: ''; clear: both; }
.referral-program > div { float: left; width: 50%; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; -webkit-box-shadow: 0px 9px 21px 0px rgba(0,0,0,0.02); -moz-box-shadow: 0px 9px 21px 0px rgba(0,0,0,0.02); box-shadow: 0px 9px 21px 0px rgba(0,0,0,0.02); margin-bottom: 30px; position: relative; }
.referral-program .ref-container { width: 100%; max-width: 570px; text-align: center; padding: 260px 30px 40px; min-height: 470px; position: relative; overflow: hidden; }
.referral-program .ref-container h3 { font-size: 20px; color: #22336b; margin-top: 0; }
.referral-program .ref-container p { color: #838dae; line-height: 25px; margin-bottom: 20px; }
.referral-program .rep-commission { background: #fff; z-index: 2; }
.referral-program .rep-commission .ref-container { float: right; }
.referral-program .rep-commission .icon:after { background-position: -476px -139px; width: 135px; height: 147px; top: 95px; left: -webkit-calc((100% - 135px)/2); left: -moz-calc((100% - 135px)/2); left: calc((100% - 135px)/2); }
.referral-program .standard-commission { background: #fdfdfe; }
.referral-program .standard-commission .ref-container { float: left; }
.referral-program .standard-commission .icon:after { background-position: -476px 0; width: 170px; height: 128px; top: 117px; left: -webkit-calc((100% - 170px)/2); left: -moz-calc((100% - 170px)/2); left: calc((100% - 170px)/2); }
.referral-program .ref-container:before { display: block; content: attr(data-percent); background: #fff; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #22336b; color: #22336b; text-align: center; line-height: 55px; position: absolute; font-size: 20px; left: -webkit-calc((100% - 60px)/2); left: -moz-calc((100% - 60px)/2); left: calc((100% - 60px)/2); z-index: 3; -webkit-animation: ref-percent linear 1s forwards 1s; -moz-animation: ref-percent linear 1s forwards 1s; -o-animation: ref-percent linear 1s forwards 1s; animation: ref-percent linear 1s forwards 1s; opacity: 0; }
@-moz-keyframes ref-percent {
 from {
opacity: 0;
top: 0;
}
 to {
opacity: 1;
top: 50px;
}
}
@-webkit-keyframes ref-percent {
 from {
opacity: 0;
top: 0;
}
 to {
opacity: 1;
top: 50px;
}
}
@-o-keyframes ref-percent {
 from {
opacity: 0;
top: 0;
}
 to {
opacity: 1;
top: 50px;
}
}
@keyframes ref-percent {
 from {
opacity: 0;
top: 0;
}
 to {
opacity: 1;
top: 50px;
}
}
/* Referral Call to Action */
.referral-cta { padding: 100px 0 160px; color: #b5b5b5; height: 430px; }
.referral-cta h3 { color: #2888d8; margin-bottom: 20px; }
.referral-cta p { line-height: 25px; margin-bottom: 20px; }
.referral-cta .green { margin-right: 10px; }
.referral-program .green:before, .referral-cta .green:before { border-color: #00ba99; }
.referral-program .button.blue:before, .referral-cta .button.blue:before { border-color: #00679d; }
.referral-program .button:hover:before, .referral-cta .button:hover:before { opacity: .7; }
.referral-cta .button { margin-bottom: 30px; }
.referral-cta .icon:after { background-position: -656px 0; width: 270px; height: 414px; right: 0; top: -84px; }
.referral-cta .referral-link { background: #fafcfd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #a8c5d4; color: #00679d; padding-left: 70px; line-height: 50px; position: relative; letter-spacing: 1px; display: none; }
.referral-cta .referral-link:after { background-position: -476px -301px; width: 38px; height: 30px; top: 12px; left: 15px; }
/*===============
FAQ
===============*/
.public-header .faq.icon:after { background-position: -1357px -329px; width: 138px; height: 162px; top: -50px; left: -webkit-calc((100% - 138px)/2); left: -moz-calc((100% - 138px)/2); left: calc((100% - 138px)/2); }
/* Tabs */
.faq-tabs { overflow: hidden; }
.faq-menu { margin-bottom: 70px; }
.faq-menu li { display: inline-block; margin: 0 25px 20px 0; }
.faq-menu li a { font-size: 16px; color: #9ba4ba; border-bottom: 1px solid #d4dae8; position: relative; padding: 0 5px 8px; font-weight: 300; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.faq-menu li a:after { display: block; content: ''; background: #122860; height: 2px; width: 0; position: absolute; left: 0; bottom: -1px; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; transition: all ease-in-out .4s; }
.faq-menu li.active a:after { width: 100%; }
.faq-menu li.active a { color: #12275f; }
.faq-tabs .faq-content { clear: both; margin-bottom: 100px; }
.faq-tabs .faq-content .faq-items { width: 100%; }
.faq-tabs .faq-content .faq-items .item-design { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ebecef; -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); margin-bottom: 30px; width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
.faq-tabs .faq-content .faq-items .item-design h4 { color: #12255b; margin: 25px 20px 20px 30px; }
.faq-tabs .faq-content .faq-items .item-design p { background: #eef0f7; margin: -0px -10px 15px 15px; padding: 15px 25px; -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; position: relative; }
.faq-tabs .faq-content .faq-items .item-design p:after { background-position: -525px -309px; width: 13px; height: 11px; left: 0; top: -11px; }
/*===============
News
===============*/
.public-header .news.icon:after { background-position: -1508px -361px; width: 190px; height: 160px; top: -40px; left: -webkit-calc((100% - 190px)/2); left: -moz-calc((100% - 190px)/2); left: calc((100% - 190px)/2); }
/* News Item */
.news-content { margin-bottom: 50px; min-height: 500px; }
.news-item { overflow: hidden; margin-bottom: 30px; }
.news-item .date { width: 90px; float: left; text-align: center; color: #9ea1ab; line-height: 25px; }
.news-item .date .day { display: block; background: #9ea8c6; color: #fff; width: 35px; height: 35px; font-size: 20px; line-height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 25px auto 5px; }
.news-item .content { width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); float: left; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #b6b6b6; border: 1px solid #e5e6f0; -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.05); padding: 10px 30px 20px; }
.news-item .content h3 { font-size: 20px; color: #12255b; padding-bottom: 10px; border-bottom: 1px solid #e7e9ed; }
.news-item .content p { margin-bottom: 0; }
.news-content .no-news { padding: 140px 20px 100px; font-size: 24px; color: #adadad; position: relative; margin-top: 50px; }
.news-content .no-news:after { background-position: -1201px 0; width: 165px; height: 119px; top: 0; left: -webkit-calc((100% - 165px)/2); left: -moz-calc((100% - 165px)/2); left: calc((100% - 165px)/2); }
/* Pagination */
.news .pagin { margin-bottom: 80px; }
.pagin li { display: inline-block; vertical-align: middle; margin: 10px 10px 0 0; }
.pagin li a { display: block; width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #9ea7c7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; border: 1px solid transparent; position: relative; }
.pagin li a.icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #e6e6e6; }
.pagin li a.icon:after { width: 7px; height: 12px; top: 15px; }
.pagin li a.prev:after { background-position: 0 -479px; left: 17px; }
.pagin li a.next:after { background-position: -20px -479px; left: 18px; }
.pagin li.active a { background: #9ea7c7; color: #fff; border: none; -webkit-box-shadow: 0px 0px 20px 0px rgba(109,112,123,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(109,112,123,0.1); box-shadow: 0px 0px 20px 0px rgba(109,112,123,0.1); }
.pagin li a:hover { border-color: #e7e7e7; }
.pagin li.active a:hover { background: #7b87b3; }
/*===============
Support
===============*/
.public-header .contact.icon:after { background-position: -1708px -364px; width: 246px; height: 143px; top: -40px; left: -webkit-calc((100% - 246px)/2); left: -moz-calc((100% - 246px)/2); left: calc((100% - 246px)/2); }
/* Contact Details */
.contact-info { margin-bottom: 150px; }
.contact-info h2 { margin-bottom: 35px; }
.contact-info .map-location { width: 100%; height: 300px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #f5f5f5; margin-bottom: 30px; }
.contact-info .info { font-size: 16px; color: #939aba; padding-left: 55px; line-height: 40px; margin-bottom: 10px; }
.contact-info .info span { color: #233684; position: relative; }
.contact-info .info span:before { display: block; content: ''; width: 40px; height: 40px; background: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #d1d6e6; position: absolute; left: -55px; }
.contact-info .info.address span:after { background-position: -36px -473px; width: 15px; height: 20px; left: -42px; top: 3px; }
.contact-info .info.email span:after { background-position: -64px -478px; width: 22px; height: 15px; left: -45px; top: 6px; }
.contact-info .info.phone span:after { background-position: -35px -502px; width: 15px; height: 15px; top: 6px; left: -42px; }
.contact-info .input-group { margin-bottom: 20px; }
.contact-info .input-group input { width: 100%; padding-left: 15px; }
.contact-info .input-group textarea, .banners-content textarea { padding: 10px 15px; resize: none; min-height: 150px; }
/*===============
Signup
===============*/
.public-header.signup { height: 700px; }
.public-header .signup.icon:after { background-position: -1816px -206px; width: 115px; height: 144px; top: -30px; left: -webkit-calc((100% - 115px)/2); left: -moz-calc((100% - 115px)/2); left: calc((100% - 115px)/2); }
/* Canvas */
.signup-bg { position: relative; margin-top: -420px; }
.signup-bg h1 { position: relative; margin-bottom: 50px; color: #fff; font-weight: 200; }
canvas { display: block; vertical-align: bottom; }
#particles-js { width: 100%; height: 100%; position: absolute; top: 0; z-index: 0; }
.signup-bg .signup-box { width: 90%; max-width: 600px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; position: relative; z-index: 2; margin: 0 auto 20px; -webkit-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 27px 0px rgba(0,0,0,0.05); padding: 50px 15px 30px; }
.signup-bg .signup-box:after, .signup-bg .login-box:after { display: block; content: ''; clear: both; }
.signup-bg .signup-box .upline { background: #eff5fa; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d3e0eb; color: #5d768b; font-weight: 200; padding: 20px 10px 10px; position: relative; text-align: center; margin: 30px 0 20px; }
.signup-bg .signup-box .upline span { font-weight: 300; color: #0b4779; }
.signup-bg .signup-box .upline:after { background-position: -1301px -131px; width: 46px; height: 46px; top: -23px; left: -webkit-calc((100% - 46px)/2); left: -moz-calc((100% - 46px)/2); left: calc((100% - 46px)/2); }
.signup-bg .signup-box .input-group { margin-bottom: 20px; }
.input-group .username:after { background-position: -201px -32px; width: 14px; height: 14px; top: 48px; left: 12px; }
.input-group .email:after { background-position: -201px -56px; width: 19px; height: 14px; top: 48px; left: 9px; }
.input-group .password:after { background-position: -204px -80px; width: 12px; height: 14px; top: 48px; left: 13px; }
.signup-bg .signup-box .button { display: block; margin-bottom: 10px; width: 100%; padding: 5px 0; }
.signup-bg .signup-box .button.blue:before { border-color: #00679d; }
.signup-bg .signup-box .button:hover:before { opacity: .7; }
.signup-bg .login-box { background: #eff2fb; position: relative; z-index: 1; width: 90%; max-width: 600px; margin: 0 auto 100px; color: #6477b2; padding: 15px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 35px; }
.content-style-text .icon-close { display: block; width: 15px; height: 15px; cursor: pointer; position: absolute; right: 20px; top: 20px; }
.content-style-text .icon-close:after { background-position: -549px -307px; width: 15px; height: 15px; }
.content-style-text { padding: 60px 30px; }
.content-style-text p { margin-bottom: 20px; }
.content-style-text a { color: #d9eeff; position: relative; margin: 0 5px; display: inline-block; }
.content-style-text a:after { display: block; content: ''; background: #d9eeff; width: 100%; height: 1px; bottom: 0; left: 0; position: absolute; }
.signup-bg .signup-box.success { text-align: center; padding-top: 150px; margin-bottom: 100px; }
.withdraw-success { padding-top: 200px; }
.signup-bg .signup-box.success h1, .withdraw-success h1 { color: #00d39f; position: relative; margin-bottom: 20px; }
.withdraw-success h1 { margin-bottom: 30px; padding: 0 10px; }
.signup-bg .signup-box.success h1:after, .withdraw-success h1:after { background-position: -679px -427px; width: 80px; height: 80px; top: -110px; left: -webkit-calc((100% - 80px)/2); left: -moz-calc((100% - 80px)/2); left: calc((100% - 80px)/2); }
.signup-bg .signup-box.success p { font-size: 13px; color: #999; margin-bottom: 30px; }
.signup-bg .signup-box.success .button, .signup-bg.login .signup-box .button { display: inline-block; width: auto; padding: 5px 65px 5px 20px; }
.signup-bg.login .signup-box, .signup-bg.login .login-box { max-width: 400px; }
.signup-bg.login .signup-box form > div:last-child { margin-top: 30px; }
.signup-bg.login .signup-box .recover-btn { display: inline-block; height: 20px; line-height: 18px; padding: 0 5px; background: #56658f; color: #fff; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: absolute; right: 10px; top: 45px; }
/* ------------------------------ Account Pages ------------------------------ */
/* Account Header */
.account-head { height: 580px; }
.account-head .userinfo { background: rgba(255,255,255,.02); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(255,255,255,.15); padding: 30px 15px 30px 100px; position: relative; color: #8199db; line-height: 25px; max-height: 112px; }
.account-head .userinfo:after { background-position: -841px -457px; width: 50px; height: 50px; top: 30px; left: 30px; }
.account-head .userinfo span { display: block; }
.account-head .userinfo .userid { font-size: 18px; color: #fff; }
.account-details .main-details { position: relative; color: #a6beff; padding-left: 55px; line-height: 25px; margin-bottom: 15px; }
.account-details .main-details div { font-size: 18px; color: #fff; }
.account-details .ticker-details { padding: 10px 0; border: 1px solid rgba(255,255,255,.15); border-left: none; border-right: none; overflow: hidden; line-height: 24px; white-space: nowrap; }
.account-details .ticker-details li { display: inline-block; margin-right: 20px; font-size: 13px; border-right: 1px solid rgba(255,255,255,.15); font-weight: 300; padding: 0 20px 0 0; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.account-details .ticker-details li.ticker-spacer { padding: 0; margin: 0; border: none; }
.account-details .ticker-details li span { color: #a6beff; }
/* Account Navigation */
.account-content { margin-top: -210px; }
.account-nav { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,.1); margin-bottom: 30px; }
.account-nav:after { content: ''; display: block; clear: both; }
.account-nav ul li { float: left; width: 50%; text-align: center; border-bottom: 1px solid #efefef; height: 110px; }
.account-nav ul li:nth-of-type(odd) { border-right: 1px solid #efefef; }
.account-nav ul li a { display: block; height: 100%; padding-top: 60px; position: relative; color: #7f86a1; }
.account-nav ul li a:after { height: 26px; top: 30px; }
.account-nav ul li a:before { display: block; content: ''; background: #f9fafc; height: 100%; width: 0; left: 0; top: 0; -webkit-transition: all ease-in-out .4s; -moz-transition: all ease-in-out .4s; -o-transition: all ease-in-out .4s; transition: all ease-in-out .4s; position: absolute; z-index: 0; }
.account-nav ul li a:hover:before { width: 100%; }
.account-nav ul li a span { position: relative; }
.account-nav ul li a.dashboard:after { background-position: -939px -1px; width: 30px; left: -webkit-calc((100% - 30px)/2); left: -moz-calc((100% - 30px)/2); left: calc((100% - 30px)/2); }
.account-nav ul li a.withdraw:after { background-position: -939px -50px; width: 30px; left: -webkit-calc((100% - 30px)/2); left: -moz-calc((100% - 30px)/2); left: calc((100% - 30px)/2); }
.account-nav ul li a.invest:after { background-position: -939px -113px; width: 30px; left: -webkit-calc((100% - 30px)/2); left: -moz-calc((100% - 30px)/2); left: calc((100% - 30px)/2); }
.account-nav ul li a.list:after { background-position: -939px -169px; width: 29px; left: -webkit-calc((100% - 29px)/2); left: -moz-calc((100% - 29px)/2); left: calc((100% - 29px)/2); }
.account-nav ul li a.earning:after { background-position: -943px -225px; width: 20px; left: -webkit-calc((100% - 20px)/2); left: -moz-calc((100% - 20px)/2); left: calc((100% - 20px)/2); }
.account-nav ul li a.referral:after { background-position: -939px -280px; width: 26px; left: -webkit-calc((100% - 26px)/2); left: -moz-calc((100% - 26px)/2); left: calc((100% - 26px)/2); }
.account-nav ul li a.security:after { background-position: -931px -337px; width: 36px; left: -webkit-calc((100% - 36px)/2); left: -moz-calc((100% - 36px)/2); left: calc((100% - 36px)/2); }
.account-nav ul li a.edit:after { background-position: -941px -381px; width: 26px; left: -webkit-calc((100% - 26px)/2); left: -moz-calc((100% - 26px)/2); left: calc((100% - 26px)/2); }
/* Content */
.account-content .content-box { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0,0,0,.1); -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); overflow: hidden; margin-bottom: 60px; min-height: 440px; }
.account-content .content-box .content-title { overflow: hidden; padding: 30px 0 20px; font-size: 18px; color: #12255b; margin-bottom: 35px; border-bottom: 1px solid #f5f5f5; }
/*===============
Account Home
===============*/
.account-details .balance:after { background-position: -901px -459px; width: 43px; height: 47px; left: 0; top: 0; }
.account-content .report-box { background: #fff; padding: 40px 260px 58px 35px; overflow: hidden; -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.05); border: 1px solid rgba(0,0,0,.1); position: relative; }
.account-content .report-box .total { color: #a9a9a9; border-bottom: 1px solid #efefef; line-height: 25px; padding-bottom: 10px; margin-bottom: 15px; }
.account-content .report-box .total span { font-size: 24px; color: #13265c; display: block; }
.account-content .report-box .detail { float: left; width: 50%; color: #b6b6b6; line-height: 18px; position: relative; }
.account-content .report-box .detail:after { height: 30px; left: 0; top: 3px; }
.account-content .report-box .detail span { display: block; font-size: 16px; }
.account-content .invest-report { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; z-index: 2; }
.account-content .invest-report:after { background-position: -1954px 0; width: 262px; height: 238px; right: -10px; top: 0; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
.account-content .report-box .active-inv span, .account-content .report-box .pend-wit span { color: #009b6d; }
.account-content .report-box .last-inv { padding-left: 50px; }
.account-content .report-box .last-inv span { color: #008ffe; }
.account-content .report-box .last-inv:after { background-position: -1078px -257px; width: 34px; }
.account-content .report-box .active-inv { padding-left: 45px; }
.account-content .report-box .active-inv:after { background-position: -1001px -257px; width: 30px; }
.account-content .report-box .pend-wit { padding-left: 35px; }
.account-content .report-box .pend-wit:after { background-position: -1044px -257px; width: 20px; }
.account-content .withdraw-report { -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; border-top: none; z-index: 1; padding-top: 60px; margin-bottom: 65px; }
.account-content .withdraw-report:after { background-position: -1964px -251px; width: 266px; height: 240px; top: 4px; right: -10px; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
.account-referral { background: url(../img/account-referral.jpg); padding: 50px 0; }
.account-referral .ref-adressbar { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dedede; -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1); color: #666; letter-spacing: 1px; padding: 10px 60px; line-height: 25px; position: relative; overflow: hidden; }
.account-referral .ref-adressbar button, .ref-link button, .referral-link button { background: #e9f5ff; line-height: 16px; height: 21px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid #cddbe7; color: #7498b6; padding: 0 10px; font-size: 13px; margin: 5px 10px; }
.account-referral .ref-adressbar mark, .ref-link mark { color: #0090ff; background: none; padding: 0; }
.account-referral .ref-adressbar:after { background-position: -1001px -307px; width: 30px; height: 29px; left: 15px; top: 7px; }
.account-referral .ref-adressbar:before { display: block; content: ''; background: url(../img/sprite.png) no-repeat -1050px -315px; width: 14px; height: 13px; position: absolute; top: 16px; right: 25px; cursor: pointer; }
.account-referral .manage-network { margin: 40px 0; padding: 0 0 30px; line-height: 25px; border-bottom: 1px solid rgba(0,0,0,.1); }
.account-referral .manage-network h3 { color: #122459; font-size: 20px; margin-top: 0; }
.account-referral .manage-network .button { margin-top: 10px; padding: 8px 65px 8px 20px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.account-referral .manage-network .button.arrow:after { top: 15px; }
.account-referral .manage-network .button.blue:before { border-color: #2888d8; }
.account-referral .manage-network .button:hover:before { opacity: .7; }
.account-referral .program { display: block; float: left; width: -webkit-calc((100% - 30px)/2); width: -moz-calc((100% - 30px)/2); width: calc((100% - 30px)/2); background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #c4ced6; padding: 20px 0; overflow: hidden; position: relative; }
.account-referral .standard-program { margin-right: 30px; }
.account-referral .standard-program span, .account-referral .standard-program .percent { color: #2888d8; }
.account-referral .representative-program span, .account-referral .representative-program .percent { color: #00c9af; }
.account-referral .standard-program:after { background-position: -991px -341px; width: 115px; height: 87px; right: 20px; top: 11px; }
.account-referral .representative-program:after { background-position: -1108px -336px; width: 84px; height: 92px; right: 20px; top: 11px; }
.account-referral .program .percent { font-size: 36px; width: 120px; text-align: center; padding-top: 8px; }
.account-referral .program .text { width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); color: #a4b0ba; line-height: 25px; }
.account-referral .program .text span { display: block; }
/*===============
Make Investment
===============*/
.account-content .investment { position: relative; }
.account-content .investment .alert-message { margin: 10px 30px 10px; }
.account-content .investment .invest-input { width: 80%; max-width: 420px; margin: 45px auto; }
.account-content .investment .dark { display: none; }
.account-content .investment .dark:after { display: block; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.6); position: absolute; top: 0; left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.account-content .investment .invest-input label { font-size: 16px; margin-bottom: 25px; }
.account-content .investment .invest-input .bitcoin:after { top: 68px; }
.account-content .investment .invest-result { padding: 0 30px; overflow: hidden; }
.account-content .investment .invest-result .result-item { background: #fcfcfc; width: -webkit-calc((100% - 20px)/3); width: -moz-calc((100% - 20px)/3); width: calc((100% - 20px)/3); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dee1eb; color: #12255b; font-size: 18px; text-align: center; line-height: 70px; float: left; margin-bottom: 10px; }
.account-content .investment .invest-result .result-item:nth-child(2) { margin: 0 10px; }
.account-content .investment .invest-result .result-item .result-label { background: #fff; font-size: 14px; color: #aaa; line-height: 40px; -webkit-border-radius: 5px 5px 3px 3px; -moz-border-radius: 5px 5px 3px 3px; border-radius: 5px 5px 3px 3px; border-top: 1px solid #dee1eb; position: relative; -webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.05); }
.account-content .investment .invest-result .result-item .result-label:after { display: block; content: ''; background: #fff; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #dee1eb; border-left: 1px solid #dee1eb; position: absolute; top: -5px; left: -webkit-calc((100% - 10px)/2); left: -moz-calc((100% - 10px)/2); left: calc((100% - 10px)/2); }
/* Important switch stuff */
.account-content .investment .balance-switch { color: #65708d; margin: 20px 0 30px; background: #f6fafd; text-align: center; padding: 10px; }
.account-content .investment .balance-switch span { font-weight: 400; display: inline; color: #3d67a3; font-size: 15px; }
input[type=checkbox].switch + label { width: 34px; height: 14px; background: lightgray; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; cursor: pointer; left: 0; margin: -2px 15px -2px 0; }
input[type=checkbox].switch + label:before, input[type=checkbox].switch + label:after { content: ""; display: inline-block; width: 20px; height: 20px; background: white; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; top: -3px; left: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
input[type=checkbox].switch + label:after { -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
input[type=checkbox].switch + label:before { background: lightgray; -webkit-transform: scale3d(0, 0, 1); -moz-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); }
input[type=checkbox].switch + label:active:before { -webkit-transform: scale3d(3, 3, 1); -moz-transform: scale3d(3, 3, 1); transform: scale3d(3, 3, 1); opacity: 0; }
input[type=checkbox].switch { display: none; }
input[type=checkbox].switch:checked + label { background: #cbdfee; }
input[type=checkbox].switch:checked + label:before, input[type=checkbox].switch:checked + label:after { left: 14px; background: #039be5; }
input[type=checkbox].switch:disabled + label { opacity: 0.4; cursor: not-allowed; }
.account-content .invest-button { margin-bottom: 30px; }
.account-content .invest-button .button { display: none; }
.account-content .invest-button .button.active { display: inline-block; }
.account-content .investment input[type="radio"] { display: none; }
/* Confirms */
.account-content .investment .inner-confirm { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: 300px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); padding: 0 0 25px; position: absolute; z-index: 2; top: 10%; left: -webkit-calc((100% - 300px)/2); left: -moz-calc((100% - 300px)/2); left: calc((100% - 300px)/2); display: none; }
.account-content .investment .title-confirm { background: #f7f9fd; padding: 25px 5px; position: relative; font-size: 18px; color: #122459; margin-bottom: 30px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.account-content .investment .title-confirm:after { display: block; content: ''; background: #f7f9fd; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -5px; left: -webkit-calc((100% - 10px)/2); left: -moz-calc((100% - 10px)/2); left: calc((100% - 10px)/2); }
.account-content .investment .inner-confirm .confirm-item { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f5f5f5; position: relative; }
.account-content .investment .inner-confirm .confirm-item .confirm-label { background: #f1f3f7; color: #75839f; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #dbe2f0; line-height: 22px; width: 200px; margin: 10px auto 0; }
.account-content .investment .inner-confirm .bitcoin { padding-top: 30px; }
.account-content .investment .inner-confirm .bitcoin:after { background-position: -991px -442px; width: 91px; height: 19px; top: 0; left: -webkit-calc((100% - 91px)/2); left: -moz-calc((100% - 91px)/2); left: calc((100% - 91px)/2); }
.account-content .investment .inner-confirm .confirm-item span { font-size: 22px; color: #122459; }
.account-content .investment .inner-confirm .close-box { top: -10px; right: -10px; z-index: 3; }
.account-content .investment .btc_form { margin: 80px 45px 0 35px; font-size: 18px; color: #13255a; }
.account-content .investment .btc_form b { font-weight: 300; color: #01be98; }
.account-content .investment .btc_form a { display: block; background: #f7f8fc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #d3dcff; padding: 5px 15px; color: #3e4c81; width: 80%; max-width: 420px; font-size: 16px; margin: 10px 0; }
.account-content .investment .btc_form a i { font-style: normal; }
.account-content .investment .btc_form img { float: right; margin-top: -140px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e9eef7; -webkit-box-shadow: 0px 0px 24px 0px rgba(0,0,0,.05); -moz-box-shadow: 0px 0px 24px 0px rgba(0,0,0,.05); box-shadow: 0px 0px 24px 0px rgba(0,0,0,.05); }
.account-content .investment .copy-address { margin: -20px 0 90px 35px; }
.account-content .investment .paid-button { text-align: center; margin: 0 0 0 3px; }
.account-content .investment .alert-message { margin: 30px 30px 10px; }
/*===============
Investments
===============*/
.account-content .invest-list, .account-content .earnings, .account-content .referrals, .account-content .edit-profile, .account-content .security-set, .account-content .banners, .account-content .edit-confirm { padding: 0 30px; }
.account-content .invest-list .items-holder:after { display: block; content: ''; clear: both; }
.account-content .invest-list .items-holder .item { width: -webkit-calc((100% - 30px)/2); width: -moz-calc((100% - 30px)/2); width: calc((100% - 30px)/2); background: #fff; float: left; margin-bottom: 30px; color: #98a2c9; }
.account-content .invest-list .items-holder .item:nth-child(odd) { margin-right: 30px; }
.account-content .invest-list .items-holder .item span { display: block; color: #122459; }
.account-content .invest-list .items-holder .item .amount { padding: 17px 10px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; position: relative; z-index: 2; border: 1px solid rgba(0,0,0,.05); }
.account-content .invest-list .items-holder .item .amount span { font-size: 20px; }
.account-content .invest-list .items-holder .item .amount, .account-content .invest-list .items-holder .item .date { -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.02); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.02); box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.02); line-height: 20px; }
.account-content .invest-list .items-holder .item .date { border: 1px solid rgba(0,0,0,.05); border-top: none; border-bottom: none; padding: 15px 10px; }
.account-content .invest-list .items-holder .item .date span { font-size: 13px; }
.account-content .invest-list .items-holder .item .release-principal { background: #939fc3; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #fff; line-height: 23px; display: block; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; padding: 16px 5px; }
.account-content .invest-list .items-holder .item .release-principal:hover { background: #69769b; }
.account-content .invest-list .items-holder .item .release-deactive { background: #ff6c6c; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #fff; line-height: 23px; display: block; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; padding: 16px 5px; }
/*===============
Earning History
===============*/
.account-content .earnings .tr-search:after { display: block; content: ''; clear: both; }
.account-content .earnings .tr-search .input-group { width: -webkit-calc((100% - 40px)/3); width: -moz-calc((100% - 40px)/3); width: calc((100% - 40px)/3); margin: 0 20px 20px 0; float: left; }
.account-content .earnings .tr-search .input-group:last-of-type { margin-right: 0; }
.account-content .earnings .tr-search .input-group select, .payment-proof .search-box .input-group select { background: #fff url(../img/select-bg.jpg) no-repeat right 17px; height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; -webkit-box-shadow: 0px 2px 5px 0px rgba(246,246,246,1); -moz-box-shadow: 0px 2px 5px 0px rgba(246,246,246,1); box-shadow: 0px 2px 5px 0px rgba(246,246,246,1); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 5px; }
.account-content .earnings .tr-search .input-group .days { width: 22%; }
.account-content .earnings .tr-search .input-group .month { width: 45%; }
.account-content .earnings .tr-search .input-group .year { width: 30%; }
.account-content .earnings .tr-search .input-group .type { width: 100%; }
.account-content .earnings .tr-submit { text-align: right; margin-bottom: 40px; }
.account-content .earnings .tr-list { margin-bottom: 50px; }
.account-content .earnings .tr-list .tr-item { overflow: hidden; background: #fcfdff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dfe6ff; padding: 15px 30px; line-height: 25px; margin-bottom: 10px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; position: relative; }
.account-content .earnings .tr-list .tr-item:hover { background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.05); z-index: 2; }
.account-content .earnings .tr-list .tr-item .amount { font-size: 18px; color: #001d72; }
.account-content .earnings .tr-list .tr-item .date { font-size: 13px; color: #919cc3; }
.account-content .earnings .tr-list .tr-item .type { font-size: 12px; line-height: 15px; padding: 5px 15px; background: #fff; color: #919cc3; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #dfe6ff; -webkit-box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); -moz-box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); margin-top: 12px; }
.account-content .earnings .pagin { margin-bottom: 50px; }
/*===============
Referrals
===============*/
.account-details .referrals:after { background-position: -1201px -286px; width: 40px; height: 40px; left: 0; top: 7px; }
.ref-link { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 20px; letter-spacing: 1px; margin-bottom: 30px; }
.ref-link button { margin: 5px 0; }
.account-content .referrals .ref-list .ref-item { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; color: #333; width: -webkit-calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: calc((100% - 20px)/2); margin-bottom: 20px; float: left; position: relative; }
.account-content .referrals .ref-list .ref-item:after { background-position: -1133px -164px; width: 57px; height: 57px; top: 15px; left: 5px; }
.account-content .referrals .ref-list .ref-item.active:after { background-position: -1132px -87px; width: 59px; height: 59px; }
.account-content .referrals .ref-list .ref-item:nth-child(odd) { margin-right: 20px; }
.account-content .referrals .ref-list .ref-item .username { padding: 15px 0 3px 70px; }
.account-content .referrals .ref-list .ref-item .email { padding: 5px 10px 5px 70px; -webkit-box-shadow: 0px 3px 6px 0px rgb(245, 245, 245) inset; -moz-box-shadow: 0px 3px 6px 0px rgb(245, 245, 245) inset; box-shadow: 0px 3px 6px 0px rgb(245, 245, 245) inset; background: #fcfcfc; color: #aaa; border-top: 1px solid #e7e7e7; word-wrap: break-word; }
.account-content .referrals .ref-list .ref-item.active { border-color: #aae4da; color: #00a68d; }
.account-content .referrals .ref-list .ref-item.active .email { -webkit-box-shadow: 0px 3px 6px 0px rgb(220, 255, 248) inset; -moz-box-shadow: 0px 3px 6px 0px rgb(220, 255, 248) inset; box-shadow: 0px 3px 6px 0px rgb(220, 255, 248) inset; background: #f1fffd; color: #8baea9; border-top: 1px solid #aae4da; }
.marketing-banners { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; margin-bottom: 50px; }
.marketing-banners:before { display: block; content: ''; background: url(../img/sprite.png) no-repeat -1095px -435px; width: 94px; height: 66px; position: absolute; right: 10px; top: 5px; }
.marketing-banners div { padding: 10px 15px; font-size: 16px; color: #4588db; border: 1px solid #e1e1e1; border-bottom: none; }
.marketing-banners .marketing-button { display: block; background: #4588db; color: #fff; padding: 5px 15px; position: relative; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.marketing-banners .marketing-button:after { background-position: 0 0; width: 12px; height: 11px; right: 25px; top: 15px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.marketing-banners .marketing-button:hover { background: #3c77c0; }
.marketing-banners .marketing-button:hover:after { right: 18px; }
.account-content .referrals .no-referrals { padding-top: 90px; text-align: center; position: relative; margin-top: 60px; font-weight: 200; font-size: 18px; color: #94afc7; }
.account-content .referrals .no-referrals:after { background-position: -1224px -184px; width: 120px; height: 80px; top: 0; left: -webkit-calc((100% - 120px)/2); left: -moz-calc((100% - 120px)/2); left: calc((100% - 120px)/2); }
/*===============
Banners
===============*/
.account-content .banners .banners-items { width: 100%; text-align: center; }
.account-content .banners .banners-items textarea { margin: 20px 0; max-width: 400px; min-height: 130px; }
.account-content .banners .banners-items .banner { width: 100%; overflow: auto; }
/*===============
Edit Account
===============*/
.account-content .edit-profile { padding: 30px 30px 50px; }
.account-content .edit-profile .content-title { margin-bottom: 15px; }
.account-content .edit-profile .security-info, .account-content .edit-profile .currency-info { overflow: hidden; }
.account-content .edit-profile .security-info .input-group { width: -webkit-calc((100% - 30px)/2); width: -moz-calc((100% - 30px)/2); width: calc((100% - 30px)/2); float: left; }
.account-content .edit-profile .security-info .input-group:nth-child(2) { margin-right: 30px; }
.account-content .edit-profile .currency-info { margin-bottom: 30px; }
.account-content .edit-profile .currency-info:first-of-type { margin-bottom: 0; }
.account-content .edit-confirm .content-title { text-align: center; }
.account-content .edit-confirm .input-group { max-width: 400px; margin: 10px auto 30px; }
.account-content .edit-confirm .input-group label { text-align: center; }
.account-content .edit-confirm .input-group label:after { top: 13px; }
.account-content .edit-confirm p { max-width: 600px; margin: 20px auto 10px; text-align: center; }
/*===============
Security
===============*/
.account-content .security-set { padding-bottom: 30px; }
.account-content .security-set .sensivity { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width: -webkit-calc((100% - 30px)/2); width: -moz-calc((100% - 30px)/2); width: calc((100% - 30px)/2); border: 1px solid #e9ecf4; float: left; padding-bottom: 20px; min-height: 225px; margin-bottom: 30px; }
.account-content .security-set .sensivity .title { line-height: 50px; padding: 5px 10px 5px 60px; color: #122458; border-bottom: 1px solid #e9ecf4; margin-bottom: 20px; position: relative; }
.account-content .security-set .sensivity .sec-item { padding: 0 30px; }
.account-content .security-set .sensivity .sec-item input { display: none; }
.account-content .security-set .sensivity .sec-item label { padding-left: 30px; position: relative; color: #ababab; font-weight: 300; cursor: pointer; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; margin-bottom: 10px; }
.account-content .security-set .sensivity .sec-item label:before { display: block; content: ''; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #fff; border: 1px solid #e9ecf4; -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.03); -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.03); box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.03); position: absolute; left: 0; top: 5px; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; }
.account-content .security-set .sensivity .sec-item input:checked + label { color: #00dac8; }
.account-content .security-set .sensivity .sec-item input:checked + label:before { background: #00dac8; border-color: transparent; }
.account-content .security-set .sensivity.ip { margin-right: 30px; }
.account-content .security-set .sensivity.ip .title:after { background-position: -1150px -228px; width: 19px; height: 30px; left: 25px; top: 15px; }
.account-content .security-set .sensivity.browser .title:after { background-position: -1152px -272px; width: 20px; height: 20px; left: 25px; top: 20px; }
/*====================
Calculator LightBox
====================*/
.calculate-lightbox { padding-bottom: 50px; position: relative; }
.calculate-lightbox .close-box, #modal-withdraw .close-box, #modal-release .close-box, #modal-forgot .close-box, #modal-about .close-box { z-index: 3; right: -10px; top: -10px; }
.calculate-lightbox .inputs-holder { background: #fbfbfb; padding: 40px 30px; position: relative; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.calculate-lightbox .inputs-holder:before, .calculate-lightbox .inputs-holder:after { display: block; content: ''; }
.calculate-lightbox .inputs-holder:before { width: 12px; height: 12px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fbfbfb; bottom: -6px; left: -webkit-calc((100% - 12px)/2); left: -moz-calc((100% - 12px)/2); left: calc((100% - 12px)/2); position: absolute; }
.calculate-lightbox .inputs-holder:after { clear: both; }
.calculate-lightbox .inputs-holder .input-group { width: -webkit-calc((100% - 25px)/2); width: -moz-calc((100% - 25px)/2); width: calc((100% - 25px)/2); float: left; }
.calculate-lightbox .inputs-holder .input-group:first-child { margin-right: 25px; }
.calculate-lightbox .results { margin: 20px 0 30px; overflow: hidden; }
.calculate-lightbox .results > div { border-bottom: 1px solid #f5f5f5; color: #999; font-size: 13px; line-height: 21px; padding: 10px 20px; }
.calculate-lightbox .results > div span { font-size: 18px; color: #252525; }
.calculate-lightbox .results .hourly-profit span { color: #00c48a; }
.calculate-lightbox .results .inlines-profit { width: 50%; float: left; }
.calculate-lightbox .results .inlines-profit:last-child { border-left: 1px solid #f5f5f5; }
/*====================
Withdraw LightBox
====================*/
.withdraw-lightbox { padding: 0 0 50px; background: #fff; }
.withdraw-lightbox .alert-message { margin: 20px 30px 10px; }
.withdraw-lightbox .input-group { width: 80%; margin: 50px auto 40px; }
.withdraw-lightbox .input-group label { font-size: 16px; color: #12255b; }
.withdraw-lightbox .account-address { background: #fff3e4; color: #747474; padding: 30px 10px 20px; font-size: 13px; line-height: 25px; position: relative; margin-bottom: 30px; }
.withdraw-lightbox .account-address:after { background-position: -986px -471px; width: 40px; height: 40px; top: -20px; left: -webkit-calc((100% - 40px)/2); left: -moz-calc((100% - 40px)/2); left: calc((100% - 40px)/2); }
.withdraw-lightbox .account-address span { color: #df7a00; font-size: 16px; word-wrap: break-word; }
.withdraw-lightbox .title-confirm { background: #f7f9fd; padding: 25px 5px; position: relative; font-size: 18px; color: #122459; margin-bottom: 30px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.withdraw-lightbox .title-confirm:after { display: block; content: ''; background: #f7f9fd; width: 10px; height: 10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; bottom: -5px; left: -webkit-calc((100% - 10px)/2); left: -moz-calc((100% - 10px)/2); left: calc((100% - 10px)/2); }
.withdraw-lightbox .confirm-item { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #f5f5f5; position: relative; line-height: 15px; }
.withdraw-lightbox .confirm-item .confirm-label { background: #f1f3f7; color: #75839f; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 1px solid #dbe2f0; line-height: 22px; width: 150px; margin: 10px auto 0; }
.withdraw-lightbox .confirm-item.bitcoin { padding-top: 20px; }
.withdraw-lightbox .confirm-item.bitcoin:after { background-position: -991px -442px; width: 91px; height: 19px; top: 0; left: -webkit-calc((100% - 91px)/2); left: -moz-calc((100% - 91px)/2); left: calc((100% - 91px)/2); }
.withdraw-lightbox .confirm-item span { font-size: 22px; color: #122459; }
.withdraw-lightbox .confirm-item.id span { font-size: 14px; }
.withdraw-lightbox .withdraw-balance { margin: 45px auto -30px; background: #dcfff4; border: 1px solid #99d8c4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px 10px 5px; }
.withdraw-lightbox .withdraw-balance span { display: block; line-height: 15px; font-size: 18px; color: #006847; }
/*====================
Release Lightbox
====================*/
.withdraw-lightbox .release-fee { background: #ffeded; border: 1px solid #ffb9b9; border-right: none; border-left: none; position: relative; color: #dca0a0; padding: 12px 10px; }
.withdraw-lightbox .release-fee div, .withdraw-lightbox .final-recive div { font-size: 22px; line-height: 20px; }
.withdraw-lightbox .release-fee div { color: #bd0000; }
.withdraw-lightbox .release-fee:after { display: block; content: ''; width: 16px; height: 16px; background: #ffeded; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); border-right: 1px solid #ffb9b9; border-bottom: 1px solid #ffb9b9; position: absolute; z-index: 2; bottom: -8px; left: -webkit-calc((100% - 16px)/2); left: -moz-calc((100% - 16px)/2); left: calc((100% - 16px)/2); }
.withdraw-lightbox .final-recive { background: #ebfffd; border-bottom: 1px solid #b2dfd6; padding: 30px 10px 10px; color: #8acac4; margin-bottom: 30px; }
.withdraw-lightbox .final-recive div { color: #00776b; }
/*====================
Recover Password
====================*/
.recover-password { padding: 30px; }
.recover-password h3 { margin-bottom: 30px; }
.recover-password .button { margin-top: 30px; }
/*====================
Payment Proofs
====================*/
.payment-proof { min-height: 400px; margin-bottom: 100px; }
.public-header .p-proof.icon:after { background-position: -2236px 0; width: 166px; height: 139px; top: -40px; left: -webkit-calc((100% - 166px)/2); left: -moz-calc((100% - 166px)/2); left: calc((100% - 166px)/2) }
.payment-proof .search-box { background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; padding: 25px; margin-bottom: 30px; }
.payment-proof .search-box h4 { color: #12255a; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; }
.payment-proof .search-box .input-group select { width: 100%; }
.payment-proof .search-box .input-group { margin-bottom: 10px; }
.payment-proof .search-box .button { margin-top: 20px; }
.payment-proof .proof-list { margin-bottom: 50px; }
.payment-proof .proof-list .proof-item { background: #fcfdff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #dfe6ff; margin-bottom: 10px; }
.payment-proof .proof-list .proof-item .proof-top { padding: 15px 35px 10px; border-bottom: 1px solid #dfe6ff; }
.payment-proof .proof-list .proof-item .amount { font-size: 18px; color: #001d72; line-height: 20px; }
.payment-proof .proof-list .proof-item .date { font-size: 13px; color: #919cc3; }
.payment-proof .proof-list .proof-item .username { float: right; font-size: 13px; line-height: 15px; padding: 5px 20px 5px 40px; background: #fff; color: #7790c2; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #dfe6ff; -webkit-box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); -moz-box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); box-shadow: 0px 1px 1px 0px rgba(238,242,255,1); position: relative; margin-top: -40px; }
.payment-proof .proof-list .proof-item .username:after { background-position: -1216px -340px; width: 15px; height: 16px; left: 15px; top: 3px; }
.payment-proof .proof-list .proof-item .proof-link { display: block; font-size: 13px; color: #0492ff; padding: 10px 35px; background: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; word-wrap: break-word; line-height: 20px; }
.payment-proof .total-proofs { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f9fafc; border: 1px solid #d6e0f4; color: #92a9d7; padding: 10px 30px; margin-bottom: 30px; }
.payment-proof .total-proofs .amount { font-size: 18px; color: #002570; }
/*====================
Alert Messages
====================*/
.alert-message { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid; padding: 15px 20px 18px 65px; margin-bottom: 10px; line-height: 25px; position: relative; text-align: left; }
.alert-message.error { background: #ffe5e5; border-color: #eebebe; color: #b60000; }
.alert-message.success { background: #e5fffa; border-color: #b5dcd5; color: #257c6b; }
.alert-message:after { width: 35px; height: 35px; top: 13px; left: 15px; }
.alert-message.error:after { background-position: -1201px -131px; }
.alert-message.success:after { background-position: -1256px -131px; }
/* New Code */
.bitcoin-tooltip { width: 25px; height: 33px; float: right; position: relative; }
.bitcoin-tooltip:after { background-position: -1279px -389px; width: 50px; height: 66px; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); right: 0; top: 15px; }
.bitcoin-tooltip .tooltip-info { display: none; background: rgba(18, 35, 87, 0.9); color: #fff; -webkit-transition: all linear .4s; -moz-transition: all linear .4s; -o-transition: all linear .4s; transition: all linear .4s; position: absolute; bottom: 0; right: 10px; width: 350px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 12px; z-index: 1001; line-height: 19px; }
.bitcoin-tooltip:hover .tooltip-info { display: block; bottom: 10px; }

/* -------------------- Responsive Codes --------------------- */
@media only screen and (max-width: 1199px) {
nav .navigation li a.proof { display: inline-block; }
nav .navigation .col-md-10 { width: 100%; }
nav .navigation .proof-btn { display: none; }
.home-plan .fea-circles { top: 7px; }
.home-plan .circle.c1 { width: 465px; height: 465px; }
.home-plan .circle.c2 { width: 355px; height: 355px; }
.home-plan .circle.c3 { width: 255px; height: 255px; }
.home-plan .circle.c4 { width: 165px; height: 165px; }
.home-plan .circle.c5 { display: none; }
.home-plan .circle.c6 { top: 170px; left: 185px; }
.home-plan .circle .fea-items.item1 { top: 320px; left: 160px; }
.home-plan .circle .fea-items.item2 { top: 150px; left: -30px; }
.home-plan .circle .fea-items.item3 { top: -100px; }
.home-plan .circle .fea-items.item5 { top: -65px; }
.home-referral .content a { width: 350px; }
.home-referral .content a .text { font-size: 12px; }
.home-referral .content a .text span { font-size: 14px; }
.about-tabs .tabs .tabs-menu li { width: 155px; }
.services-calculator .calc-results > div:last-child { padding-left: 20px; }
.services-calculator .calc-results { padding: 40px 10px 30px 30px; }
.account-content .earnings .tr-search .input-group { width: -webkit-calc((100% - 20px)/2); width: -moz-calc((100% - 20px)/2); width: calc((100% - 20px)/2); }
.account-content .earnings .tr-search .input-group:nth-child(2) { margin-right: 0; }
.account-content .earnings .tr-search .input-group:last-of-type { width: 100%; }
.account-content .investment .btc_form img { margin-right: -30px; }
.account-content .report-box { padding: 40px 190px 58px 35px; }
.account-content .invest-report:after { right: -30px; }
.account-content .withdraw-report:after { right: -35px; }
}

@media only screen and (max-width: 991px) {
nav .navigation li { margin-right: 25px; }
header .about-brief:after { display: none; }
.home-plan { height: auto; padding-bottom: 30px; }
.home-plan .fea-circles { display: none; }
.home-referral .content { padding-right: 30px; }
.home-referral .content a { width: 100%; margin-bottom: 20px; margin-right: 0; }
footer .footer-nav { display: none; }
footer .top-section { margin-bottom: 10px; }
.about-graphical h1 { padding-top: 0; }
.about-tabs .tabs .tabs-menu li .icon::after { -moz-transform: scale(.5); -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); }
.about-tabs .tabs .tabs-menu li { width: 45%; }
.about-tabs .tabs .tabs-menu li a, .about-tabs .tabs .tabs-menu li.active a { width: 100%; padding: 0 10px 0 60px; height: 50px; top: 0; line-height: 50px; text-align: left; background: #fff; margin-bottom: 10px; }
.about-tabs .tabs .tabs-menu li a:before { display: none; }
.about-tabs .tabs .tabs-menu { height: auto; padding: 30px 0 20px; }
.about-tabs .tabs .tabs-menu li.better-sec .icon:after, .about-tabs .tabs .tabs-menu li.better-sec.active .icon:after { top: -10px; left: 1px; }
.about-tabs .tabs .tabs-menu li.accept-bitcoin.active .icon:after, .about-tabs .tabs .tabs-menu li.accept-bitcoin .icon:after { top: -15px; left: -10px; }
.about-tabs .tabs .tabs-menu li.full-valid.active .icon:after, .about-tabs .tabs .tabs-menu li.full-valid .icon:after { top: -10px; left: -7px; }
.about-tabs .tabs .tabs-menu li.support-net .icon:after, .about-tabs .tabs .tabs-menu li.support-net.active .icon:after { left: -9px; top: -15px; }
.about-tabs .tabs .tabs-menu li.secure-money .icon:after, .about-tabs .tabs .tabs-menu li.secure-money.active .icon::after { top: -10px; left: -14px; }
.about-parallax div { text-align: center; }
.about-parallax .button { margin-top: 15px; }
.services-calculator .calc-inputs { width: 100%; margin-left: 0; }
.services-calculator .calc-title { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); left: 5px; }
.services-calculator .calc-results { margin: -10px 0 0; width: 100%; }
.services-calculator .calc-results > div:last-child { padding-left: 30px; }
.referral-cta .icon:after { display: none; }
.referral-cta .referral-link:after { display: block; }
.referral-cta { height: auto; padding: 50px 0; }
.account-content { margin-top: -80px; }
.account-details .main-details { margin-top: 20px; }
.account-referral .program { width: 100%; }
.account-referral .standard-program { margin: 0 0 10px 0px; }
.ref-link { background: #fafdff; border: 1px solid #badfff; }
.account-content.no-details { margin-top: -210px; }
.live-statistics .stats-holder .stats-title { width: 125px; }
.live-statistics .stats-holder .stats { width: -webkit-calc((100% - 305px)/3); width: -moz-calc((100% - 305px)/3); width: -webkit-calc((100% - 305px)/3); }
.live-statistics .stats-holder .stats.active-deposits { width: 160px; }
nav .menu-top .phone-number { display: none; }
}

@media only screen and (max-width: 768px) {
nav .navigation .row { display: none; }
nav .navigation .responsive-nav { display: block; }
nav .menu-top .live-price { display: none; }
nav .navigation #st-trigger-effects { float: left; width: 40px; }
nav .navigation .live-price { display: block; float: right; margin-top: 10px; }
.live-statistics .stats-holder .stats-title { width: 100%; margin: 0 0 10px; }
.live-statistics .stats-holder .stats { width: -webkit-calc((100% - 160px)/3); width: -moz-calc((100% - 160px)/3); width: calc((100% - 160px)/3); }
.live-statistics .stats-holder .stats.active-deposits { width: 160px; }
}

@media only screen and (max-width: 700px) {
.referral-program > div { width: 100%; margin-bottom: 0; }
.referral-program .rep-commission .ref-container, .referral-program .standard-commission .ref-container { float: none; }
.referral-program .ref-container { max-width: none; }
.account-content .report-box { padding: 40px 30px 58px 35px; }
.account-content .report-box:after { display: none; }
.account-content .referrals .ref-list .ref-item, .account-content .security-set .sensivity { width: 100%; }
.account-content .referrals .ref-list .ref-item:nth-child(2n+1), .account-content .security-set .sensivity.ip { margin-right: 0; }
.account-content .investment .btc_form { text-align: center; position: relative; padding-top: 190px; }
.account-content .investment .btc_form a { max-width: 100%; width: 100%; word-wrap: break-word; }
.account-content .investment .btc_form img { position: absolute; margin: 0; left: -webkit-calc((100% - 202px)/2); left: -moz-calc((100% - 202px)/2); left: calc((100% - 202px)/2); top: -40px; }
.account-content .investment .copy-address { margin: -20px auto 10px; text-align: center; }
}

@media only screen and (max-width: 630px) {
.about-tabs .tabs .tabs-menu li { width: 100%; margin: 0; }
.services-calculator .calc-results > div { width: 100%; border: none; border-bottom: 1px solid #dbdbf1; text-align: center; padding: 10px 0; }
.services-calculator .calc-results { padding: 30px; }
.services-calculator .calc-results > div:last-child { padding-left: 0; }
.account-content .investment .invest-result .result-item { width: 100%; }
.account-content .investment .invest-result .result-item:nth-child(2) { margin: 0 0 10px 0; }
}

@media only screen and (max-width: 600px) {
.home-referral .content { padding-left: 30px; }
.home-referral .content:after { display: none; }
}

@media only screen and (max-width: 570px) {
.menu-top .row > div { width: 100%; text-align: center; }
.menu-top .logo { margin-bottom: 20px; }
.services-calculator .calc-title { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); left: 25px; }
.services-calculator .calc-inputs { padding-top: 160px; }
.referral-cta { text-align: center; }
.referral-cta .referral-link { text-align: left; }
.signup-bg { margin-top: -360px; }
.account-referral .ref-adressbar { padding: 10px 20px; }
.account-referral .ref-adressbar button, .ref-link button { float: right; margin: 3px 0 0; }
.account-referral .ref-adressbar:before, .account-referral .ref-adressbar:after { display: none; }
.account-referral .manage-network { text-align: center; }
.account-referral .manage-network .right { width: 100%; float: left; }
.account-content { margin-top: -30px; }
.account-content .earnings .tr-search .input-group { width: 100%; margin-right: 0; }
.account-content .invest-list .items-holder .item, .account-content .edit-profile .security-info .input-group { width: 100%; }
.account-content .edit-profile .security-info .input-group { margin-bottom: 10px; }
.account-content .invest-list .items-holder .item:nth-child(2n+1), .account-content .edit-profile .security-info .input-group:nth-child(2) { margin-right: 0; }
.account-content .content-box .content-title { text-align: center; }
.account-content .content-box .content-title .button { display: block; width: 100%; max-width: 300px; text-align: left; float: none; margin: 10px auto 0; }
.account-content.no-details { margin-top: -150px; }
.live-statistics .stats-holder .stats.active-deposits, .live-statistics .stats-holder .stats { width: 50%; }
}

@media only screen and (max-width: 480px) {
.services-calculator .calc-inputs .input-group { width: 100%; }
.services-calculator .calc-inputs .input-group:first-of-type { margin: 10px 0; }
.referral-program .ref-container { padding: 260px 20px 40px; }
.referral-cta .button { margin: 10px 0; display: block; }
.faq-menu li, .faq-menu li a { display: block; }
.news-item .date, .news-item .content { width: 100%; text-align: left; }
.news-item .date { margin-bottom: 10px; }
.news-item .date .day { display: inline-block; text-align: center; margin-right: 5px; }
.account-content .report-box .detail { width: 100%; }
.account-content .report-box .last-inv { margin-top: 20px; padding-left: 45px; }
.account-content .report-box .pend-wit { padding-left: 45px; }
.account-content .report-box .pend-wit:after { left: 7px; }
.account-referral .program:after { display: none; }
.account-referral .program .percent { width: 100%; }
.account-referral .program .text { width: 100%; text-align: center; margin-top: 10px; }
.account-content .earnings .tr-list .tr-item { text-align: center; }
.account-content .earnings .tr-list .tr-item > div { width: 100%; }
.account-content .earnings .tr-list .tr-item .type { display: inline-block; float: none; }
.calculate-lightbox .inputs-holder .input-group { width: 100%; margin-bottom: 15px; }
.calculate-lightbox .inputs-holder .input-group:first-child { margin-right: 0; }
.calculate-lightbox .results .inlines-profit { width: 100%; text-align: center; }
.calculate-lightbox .results .inlines-profit:last-child { border-left: none; }
.payment-proof .proof-list .proof-item { text-align: center; }
.payment-proof .proof-list .proof-item .username { display: block; float: none; margin: 5px 0 10px; }
.account-referral .ref-adressbar, .ref-link { text-align: center; }
.account-referral .ref-adressbar button, .ref-link button, .referral-link button { float: none; display: block; width: 120px; margin: 5px auto; }
.referral-cta .referral-link { text-align: center; padding: 10px; line-height: 25px; }
.referral-cta .referral-link:after { display: none; }
.live-statistics .stats-holder .stats.active-deposits, .live-statistics .stats-holder .stats { width: 100%; }
.bitcoin-tooltip .tooltip-info { width: 300px; right: -35px; }
}

@media only screen and (max-width: 430px) {
.home-referral .content a .percent { font-size: 25px; width: 80px; }
.about-graphical .graphic { display: none; }
}

@media only screen and (max-width: 375px) {
header .about-brief .button { margin: 0 0 10px; display: block; }
.services-calculator .calc-inputs { padding-top: 200px; }
.referral-cta .referral-link:after { display: none; }
.referral-cta .referral-link { padding: 0 15px; }
.account-content .investment .inner-confirm { width: 260px; left: -webkit-calc((100% - 260px)/2); left: -moz-calc((100% - 260px)/2); left: calc((100% - 260px)/2); }
}

@media only screen and (max-width: 350px) {
.signup-bg.login .signup-box .recover-btn { font-size: 11px; }
}

@media only screen and (max-width: 330px) {
.bank-security .bank-box.slick-center { width: 270px !important; }
}