body {
    font-family: 'Play', sans-serif;
    color: #fff;
    background: #02131c;
    font-size: 14px;
    line-height: 24px;
    padding: 0;
    margin: 0
}

p {
    text-align: justify;
    margin: 0 0 20px;
}

a {
    color: #fbbc14;
    outline: none;
    text-decoration: none
}

a:hover,
a:active,
a:focus {
    color: #fff;
    text-decoration: none;
    outline: none
}

img {
    max-width: 100%
}

label {
    font-weight: 400
}

input[type="text"],
input[type="password"],
input[type="email"] {
    color: #fff;
    width: 100%;
    height: 40px;
    background: #062535;
    border: 1px solid #0a4a6c;
    padding: 0 15px;
    border-radius: 4px;
    font-size: 15px;
}

textarea {
    color: #fff;
    width: 100%;
    border: 1px solid #0a4a6c;
    background: #062535;
    padding: 10px;
    border-radius: 4px;
    resize: none;
    font-size: 15px;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
.form-container textarea:focus {
    border: 1px solid #f7b016
}

input[type="submit"],
input[type="button"] {
    background: #f7b016;
    border: none;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    border-radius: 50px;
    display: inline-block;
    padding: 0 40px;
}

input[type="submit"]:hover,
input[type="button"]:hover {
    color: #fff;
    background: #177db6
}

select {
    color: #fff;
    font-size: 13px;
    border: 1px solid #0a4a6c;
    border-radius: 4px;
    width: auto;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(images/select_arrow.html) no-repeat right #062535;
    padding: 5px 20px 5px 10px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.wrapper,
.headerwrap,
.investmentwrap,
.welcomewrap,
.startedwrap,
.lasttenstat,
.featureswrap,
.referralwrap,
.paymenticons,
.footerwrap,
.inside_wrap,
.loginpage {
    width: 100%;
    float: left;
}

.content,
.inside_inner {
    max-width: 1170px;
    margin: 0 auto;
    width: 100%
}

.headerwrap {
    background: url(../img/OR7V86122.jpg) no-repeat top center;
    min-height: 920px;
}

.logowrap {
    width: 100%;
    float: left;
    /* background: #092838 url(images/logobehind.png) no-repeat left bottom; */
    border-radius: 0 0 34px 34px;
    padding: 10px 30px 22px;
}

.logo {
    width: 31%;
    float: left;
}

.navwrap {
    width: 69%;
    float: left;
    padding: 10px 0;
}

.navwrap ul {
    float: left;
    width: 100%;
    text-align: right;
}

.navwrap ul li {
    display: inline-block;
    padding: 0 10px;
    line-height: 34px;
}

.navwrap ul li a {
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    display: block;
}

.navwrap ul li a:hover {
    color: #eaa81c
}

.navwrap ul li.login {
    background: #177db6;
    border-radius: 40px;
    padding: 0 25px;
}

.navwrap ul li.login:hover {
    background: #eaa81c
}

.navwrap ul li.login:hover a,
.navwrap ul li.signup:hover a {
    color: #fff
}

.navwrap ul li.signup {
    background: #fff;
    border-radius: 40px;
    padding: 0 25px;
}

.navwrap ul li.signup:hover {
    background: #177db6;
    color: #fff
}

.navwrap ul li.signup a {
    color: #177db6
}

.bannerwrap {
    width: 100%;
    float: left;
    padding: 120px 0 0 0;
}

.bannerleft {
    width: 50%;
    float: left;
}

.bannerright {
    float: left;
    width: 50%;
}

.bannerright h1 {
    font-size: 56px;
    line-height: 64px;
    text-transform: uppercase;
    margin: 0 0 30px;
    font-weight: 400
}

.bannerright h1 span {
    color: #1885c1;
    font-weight: 700
}

.bannerright p {
    font-size: 24px;
    line-height: 28px;
    margin: 0 0 30px;
}

.bannerright a {
    background: #177db6;
    width: 210px;
    height: 50px;
    border-radius: 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    text-align: center;
    line-height: 50px;
}

.bannerright a:hover {
    background: #eaa81c;
    color: #fff;
}

.registered {
    width: 100%;
    float: left;
    padding: 30px 0 0 0;
}

.registered .left {
    width: 80%;
    float: left;
}

.registered .left h4 {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
    margin: 10px 0 15px;
    color: #177db6;
}

.registered .left h4 span {
    color: #eaa81c
}

.registered .left p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    text-align: left
}

.registered .right {
    width: 20%;
    float: right;
    text-align: right;
}

.investmentwrap {
    background: #02131c;
    padding: 0 0 40px;
}

.statwrap {
    background: url(images/statmainbg.png) no-repeat center center;
    width: 100%;
    float: left;
    padding: 30px 0 45px;
    margin: -160px 0 0 0;
}

.statbox {
    text-align: center;
    width: 25%;
    float: left;
    margin: -70px 0 0 0;
}

.statbox .icon {
    display: inline-block;
    margin: 0 0 50px;
    background: url(images/statbg.png) no-repeat center center;
    width: 124px;
    height: 124px;
    text-align: center;
}

.statbox h3 {
    color: #f29d09;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 10px;
}

.statbox p {
    text-align: center;
    font-size: 18px;
    margin: 0;
}

.planswrap {
    width: 100%;
    float: left;
    padding: 50px 0 0 0;
}

.planswrap h2,
.startedwrap h2,
.featureswrap h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 40px;
}

.planswrap h2 span,
.startedwrap h2 span,
.featureswrap h2 span {
    color: #177db6;
    font-weight: 700
}

.planlistings {
    width: 65%;
    float: left;
}

.calswrap {
    width: 33%;
    float: right;
    background: #041924 url(images/calculatorbg.png) no-repeat bottom center;
    box-shadow: 0 0 5px #00000096;
    border-radius: 15px;
    padding: 48px 55px;
    text-align: center;
}

.calswrap .icon {
    padding: 0 0 20px;
}

.calswrap h3 {
    margin: 0 0 20px;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
}

.calswrap h3 span {
    color: #1892d7;
    font-weight: 800;
}

.calinputs {
    width: 100%;
    float: left;
    padding: 0 0 10px;
}

.calinputs label {
    font-size: 16px;
    margin: 0 0 10px;
}

.calinputs input {
    background: #020c12;
    border: none;
    width: 100%;
    height: 52px;
    border-radius: 40px;
    padding: 0 25px;
    font-size: 18px;
    color: #fff;
}

.calresult {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    background: #177db6e6;
    border-radius: 15px;
    padding: 20px;
}

.calresult h4 {
    margin: 0 0 15px;
    font-size: 30px;
    font-weight: 700;
}

.calresult p {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}

.calswrap .action {
    width: 100%;
    float: left;
    padding: 10px 0 0 0;
}

.calswrap .action a {
    background: #f7b016;
    color: #fff;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-radius: 40px;
}

.calswrap .action a:hover {
    background: #177db6;
    color: #fff
}

.planbox {
    background: #092838;
    box-shadow: 0 0 5px #00000096;
    margin: 0 0 15px;
    padding: 20px;
    border-radius: 15px;
    width: 100%;
    float: left;
    position: relative
}

.planleft {
    width: 40%;
    float: left;
}

.planleft .icon {
    float: left;
    width: 30%;
}

.planleft .planname {
    float: left;
    width: 70%;
}

.planleft .planname h4 {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    margin: 0 0 5px;
}

.planleft .planname h5 {
    font-size: 18px;
    color: #177db6;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 5px;
}

.planleft .planname p {
    margin: 0;
    color: #feae22;
    padding: 0 0 0 24px;
    font-size: 16px;
    background: url(images/yellowtick.png) no-repeat left center;
}

.planright {
    width: 60%;
    float: left;
    background: #041924;
    padding: 10px 15px;
    border-radius: 10px;
}

.planright ul {}

.planright ul li {
    width: 50%;
    float: left;
    line-height: 32px;
    padding: 0 0 0 26px;
    background: url(images/bluetick.png) no-repeat left center;
}

.welcomewrap {
    padding: 40px 0;
    background: url(images/welcomebg.jpg) no-repeat center center;
}

.welcocmeleft {
    width: 60%;
    float: left;
}

.welcomeright {
    width: 40%;
    float: left;
    text-align: right;
}

.welcocmeleft h1,
h3.sectionhead,
.deposit_text,
.refheader {
    font-size: 34px;
    color: #0b8ad1;
    margin: 0 0 20px;
    font-weight: 400;
}

.welcocmeleft h3 {
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: 400;
    color: #eda70f;
}

.welcocmeleft p {
    font-size: 16px;
    margin: 0 0 15px;
    line-height: 24px;
}

.startedwrap {
    padding: 50px 0;
}

.startedbox.odd {
    float: left;
}

.startedbox.even {
    float: right
}

.startedbox {
    width: 48%;
    background: #092838 url(images/featuredboxbg.png) no-repeat right bottom;
    border-radius: 15px;
    padding: 60px 25px 25px 25px;
    position: relative;
    margin: 45px 0 0 0;
    min-height: 290px;
}

.startedbox .icon {
    width: 76px;
    height: 76px;
    text-align: center;
    line-height: 76px;
    background: url(images/featurednumbg.png) no-repeat center center;
    font-size: 30px;
    font-weight: 700;
    color: #138ed3;
    margin: -90px auto 0 auto;
}

.startedbox .left {
    width: 75%;
    float: left;
    padding: 0 30px 0 0;
}

.startedbox h3 {
    color: #ffb830;
    font-size: 24px;
    margin: 5px 0 15px;
}

.startedbox .left p {
    margin: 0;
}

.startedbox .right {
    width: 25%;
    float: right;
}

.lasttenstat {
    padding: 50px 0;
    background: url(images/last10bg.png) no-repeat left center #092838;
}

.lasttenbox {
    width: 48%;
}

.lasttenbox.left {
    float: left;
}

.lasttenbox.right {
    float: right;
}

.lasttenbox .header {
    width: 100%;
    float: left;
    border-bottom: 2px solid #f7aa0d;
    padding: 0 0 15px;
    position: relative;
}

.lasttenbox .header h4 {
    float: left;
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 5px;
    width: 100%;
}

.lasttenbox .header p {
    float: left;
    font-size: 18px;
    color: #3a8ae4;
    margin: 0;
    width: 100%;
}

.lasttenbox .header span.icon {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
}

.lasttenbox .listings {
    padding: 30px 0 0 0;
    width: 100%;
    float: left;
}

.lasttenbox .listings ul {
    width: 100%;
    float: left;
    padding: 10px 10px 10px 25px;
    background: #000e13;
    border-radius: 50px;
    margin: 0 0 10px;
}

.lasttenbox .listings ul li {
    float: left;
    padding: 0 20px 0 0;
}

.lasttenbox .listings ul li:last-child {
    padding: 0;
    float: right;
}

.lasttenbox .listings ul li span {
    background: #fff;
    border-radius: 50px;
    display: inline-block;
    padding: 0 10px;
}

.featureswrap {
    background: #02131c;
    padding: 50px 0;
}

.featuresbox {
    width: 33.33%;
    float: left;
    margin: 0 0 30px;
}

.featuresbox .left {
    width: 20%;
    float: left;
}

.featuresbox .right {
    width: 80%;
    float: left;
}

.featuresbox .right h4 {
    color: #f7b016;
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 8px;
}

.featuresbox .right p {
    margin: 0;
    text-align: left;
}

.referralwrap {
    text-align: center;
    background: url(images/referralbg.jpg) no-repeat center center;
    padding: 0 0 40px 0;
}

.referralwrap h3 {
    font-size: 36px;
    font-weight: 400;
    margin: 0 0 20px;
}

.referralwrap h3 span {
    color: #14a7fa;
}

.referralwrap p {
    margin: 0;
    font-size: 18px;
    text-align: center;
}

.referralwrap a {
    background: #f7b016;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    display: inline-block;
    padding: 0 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    margin: 35px 0 0 0;
}

.referralwrap a:hover {
    background: #177db6;
    color: #fff
}

.referralwrap .icon {
    display: inline-block;
    margin: -60px 0 0 0;
    padding: 0 0 25px;
}

.paymenticons {
    padding: 40px 0;
    text-align: center;
    background: #02131c;
}

.paymenticons h4 {
    font-size: 24px;
    margin: 0 0 15px;
}

.paymenticons p {
    margin: 0;
    text-align: center;
}

.footerwrap {
    background: #010b10;
    padding: 25px 0;
}

.copyright,
.footerlinks {
    float: left;
    width: 50%;
}

.footerlinks {
    text-align: right
}

.footerlinks ul li {
    display: inline-block;
    margin: 0 0 0 20px;
}

.footerlinks ul li a {
    color: #1892d7;
}

.footerlinks ul li a:hover {
    color: #fff
}

.inside_wrap,
.loginpage {
    padding: 50px 0 80px;
}

.faq .panel-default {
    border: none;
}

.faq .panel-default>.panel-heading {
    color: #fff;
    background-color: #092838;
    padding: 5px;
    border: none;
    box-shadow: 0 0 5px #00000096 !important;
}

.faq .panel-title {
    font-size: 15px;
    text-transform: uppercase;
    background: url(images/faq.png) no-repeat left 15px center
}

.faq .panel-title>.small,
.faq .panel-title>.small>a,
.faq .panel-title>a,
.panel-title>small,
.faq .panel-title>small>a {
    color: #feae22;
    padding: 15px 15px 15px 60px;
    display: block;
    border: none;
}

.faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #feae22;
}

.faq .panel {
    background-color: transparent;
}

.news_block {
    width: 100%;
    float: left;
    padding: 30px;
    background: #092838 url(images/featuredboxbg.png) no-repeat right bottom;
    border-radius: 15px;
    margin: 0 0 30px;
}

.news_title {
    color: #ffb830;
    font-size: 24px;
    margin: 0 0 5px;
}

.news_title span {
    font-size: 11px;
    border-bottom: 1px solid #73a5bf4f;
    color: #73a5bf;
    float: right;
}

.news_infos {
    padding: 15px 0;
    line-height: 26px;
}

.newsicon {
    width: 128px;
    height: 128px;
    float: left;
    padding: 0 20px 0 0;
}

.affbox {
    width: 48%;
    background: #092838 url(images/featuredboxbg.png) no-repeat right bottom;
    border-radius: 15px;
    padding: 25px;
    position: relative;
    margin: 0 0 25px;
}

.affbox.left {
    float: left;
}

.affbox.right {
    float: right;
}

.affleft {
    width: 75%;
    float: left;
    padding: 0 30px 0 0;
}

.affleft p {
    margin: 0;
    min-height: 195px;
}

.affbox h3 {
    color: #ffb830;
    font-size: 24px;
    margin: 5px 0 15px;
}

.affright {
    width: 25%;
    float: right;
}

.supportleft {
    width: 48%;
    float: left;
}

.supportleft strong {
    color: #f7b016;
    font-size: 19px;
    font-weight: 400;
    margin: 0 0 20px;
    display: block;
}

.supportleft h2 {
    background: #177db6e6;
    border-radius: 50px;
    padding: 15px 25px;
    font-size: 18px;
    font-weight: 600;
}

.supportleft h2 a {
    color: #fff;
    float: right
}

.supportleft p {
    margin: 0 0 39px;
}

.supportright {
    width: 48%;
    float: right
}

.form-block {
    padding: 0 0 10px;
}

.form-block textarea {
    max-height: 100px;
}

.form-block .sbmt {
    margin: 20px 0 0 0;
}

.rules {
    background: #092838;
    box-shadow: 0 0 5px #00000096;
    margin: 0 0 15px;
    padding: 20px;
    border-radius: 15px;
    width: 100%;
    float: left;
}

h3.sectionhead,
.deposit_text,
.refheader {
    color: #eda70f;
}

.deposit_text {
    color: #fff;
    width: 100%;
    float: left;
}

.deposit_text span {
    color: #eda70f;
}

.headerwrap.insideheaders {
    min-height: auto;
    background-position: center center;
}

.headerwrap.insideheaders .bannerwrap {
    padding: 40px 0;
}

.headerwrap.insideheaders .bannerwrap h1 {
    text-align: right;
    margin: 0;
    font-size: 32px;
    line-height: 36px;
}

.loginwrappers {
    margin: 0 auto;
    max-width: 500px;
    background: #092838;
    box-shadow: 0 0 5px #00000096;
    padding: 25px;
    border-radius: 15px;
    overflow: hidden;
}

.loginwrappers table td {
    padding: 8px 0;
}

.loginwrappers .logo {
    width: 100%;
    text-align: center;
}

.loginwrappers h3 {
    text-align: center;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-size: 22px;
    margin: 50px 0;
}

.loginwrappers p {
    text-align: center;
    width: 100%;
    float: left;
}

.afterloginheaderblock {
    background: #092838;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px 20px;
    border-radius: 40px;
    font-weight: 500;
    font-size: 13px;
    line-height: 32px;
}

.afterloginheaderblock .icon {
    float: left;
    margin: 0 10px 0 0;
}

.afterloginheaderblock span {
    color: #fbbc14;
    font-weight: 600;
}

.membersidebar {
    width: 33%;
    float: right;
    background: #041924 url(images/calculatorbg.png) no-repeat bottom center;
    box-shadow: 0 0 5px #00000096;
    border-radius: 15px;
    padding: 20px 40px;
    text-align: center;
}

.myaccount_wrap {
    width: 65%;
    float: left;
}

.welcome {
    width: 100%;
    float: left;
    border-bottom: 1px solid #0a4a6c;
    padding: 0 0 10px;
    margin: 0 0 15px;
}

.welcome .icon {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin: 0 0 10px;
}

.welcome h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
}

.welcome h2 span {
    color: #f9be31;
    font-weight: 600
}

.navbar {
    width: 100%;
    float: left;
    margin: 0;
}

.navigation {
    background: #02131c99;
    border-radius: 15px;
    padding: 10px;
}

.navigation li {
    line-height: 30px;
    border-bottom: 1px solid #0b557a70;
}

.navigation li:last-child {
    border: none
}

.navigation li a {
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

.navigation li a:hover {
    color: #f9be31;
}

.navigation li span {
    display: none
}

.refcopy {
    background: #f9be31;
    border-radius: 15px;
    padding: 20px 15px;
    margin: 0 0 40px;
    width: 100%;
    float: left;
}

.refcopy button#copyButton {
    background: url(images/copy.png) no-repeat left center;
    border: none;
    width: 44px;
    height: 44px;
    float: left;
}

.refcopy #copyTarget {
    height: 44px;
    background: #02131c;
    color: #f9be2d;
    border: none;
    padding: 0 20px;
    float: left;
    width: 520px;
    border-radius: 50px;
}

.refcopy .getban {
    background: rgb(23, 125, 182);
    border-radius: 40px;
    line-height: 44px;
    float: right;
}

.refcopy .getban a {
    font-weight: 500;
    color: #fff;
    font-size: 12px;
    padding: 0 35px;
    display: block;
    text-transform: uppercase;
}

.refcopy .getban:hover {
    background: #02131c;
}

.accbox.left {
    float: left;
}

.accbox.right {
    float: right;
}

.accbox {
    width: 48%;
    background: #092838 url(images/featuredboxbg.png) no-repeat right bottom;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    box-shadow: 0 0 5px #00000096;
}

.accbox .icon {
    width: 84px;
    height: 84px;
    margin: 0 auto 20px;
}

.accbox h3 {
    text-transform: uppercase;
    margin: 0 0 25px;
    font-size: 20px;
    line-height: 32px;
    padding: 0 0 15px;
    border-bottom: 1px solid #0a4a6c;
}

.accbox h3 span {
    display: block;
    color: #f9be31;
    font-weight: 600;
    font-size: 24px;
}

.accbox ul {
    width: 100%;
    float: left;
    background: #02131c99;
    border-radius: 15px;
    padding: 10px 25px;
    margin: 0 0 25px;
}

.accbox ul li {
    border-bottom: 1px solid #0b557a70;
    line-height: 30px;
    text-align: left;
}

.accbox ul li:last-child {
    border: none
}

.accbox ul li span {
    float: right;
    color: #f9be31;
    font-weight: 600;
}

.acc_button {
    width: 100%;
    float: left;
}

.acc_button a {
    background: #f7b016;
    color: #fff;
    height: 50px;
    line-height: 50px;
    width: 100%;
    border-radius: 40px;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.acc_button a:hover {
    background: #177db6;
    color: #fff
}

.my_accont {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    background: #031924;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 0 5px #00000096;
}

.my_accont table td {
    border-bottom: 1px solid #0a4a6c;
    padding: 7px 0;
    text-align: left;
}

.my_accont table td.inheader {
    color: #f9be31;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
}

.alert {
    text-align: center
}

.refpage {
    width: 100%;
    float: left;
    padding: 0 0 45px;
}

.refpage .accbox h3 {
    border: none;
    padding: 0;
    margin: 0;
}

.aff-banners .nav-tabs {
    border: none;
    padding: 0 0 35px;
}

.aff-banners .nav-tabs>li {
    background: #fff;
    border-radius: 50px;
    margin: 0 10px 0 0;
}

.aff-banners .nav-tabs>li>a {
    margin-right: 0;
    border: none;
    font-weight: 600;
    padding: 8px 25px;
}

.aff-banners .nav-tabs>li a:hover {
    background: #fbbc14;
    border: none;
    border-radius: 50px;
}

.aff-banners .nav-tabs>li.active>a,
.aff-banners .nav-tabs>li.active>a:focus,
.aff-banners .nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #f9be31;
    border: none;
    border-radius: 50px;
}

.refheader {
    font-size: 22px;
    text-transform: uppercase;
    color: #eda70f;
    margin: 10px 0 15px;
}

#amttospd {
    background: #f9be31;
    color: #fff;
    font-weight: 600;
    border-color: #f9be31;
}

.accpage .planbox .radio {
    border-radius: 15px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 2px solid #0c577d;
    height: 100%;
    margin: 0;
    text-indent: -999em;
}

.accpage .planbox input[type=radio] {
    display: none
}

.accpage .planbox input[type="radio"]:checked+.radio {
    border-color: #f9be31;
}