@import url(http://fonts.googleapis.com/css?family=Open%20Sans:400,700,400italic,700italic);
@import url('https://fonts.googleapis.com/css?family=Lato');
body {
    font-family:'Open Sans';
    font-size: 12px;
    color: #575757;
    margin: 0px;
    padding: 0px;

}
img { max-width:100%; border: 0px; }

.inlineblock{display: inline-block;}
.pagewidth { max-width: 100%; width: 1140px; margin: 0px auto; }
.textright { text-align: right; }
.clearboth { clear: both;}
.height-30 { height: 30px;}
.height-10 { height: 10px;}


.topbg {
    background: #fb9f00;
}
.socicalbox {display: inline-block; vertical-align: middle;}
.socicalbox a {margin-right: 6px;}
.regeserbtns {display: inline-block; vertical-align: middle;}
.regeserbtns a {background-position: 10px center;
    background-color: #032A24;
    display: block;
    border-radius: 5px;
    padding: 5px;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1rem;}

.login {display: inline-block; vertical-align: middle;}
.login a { background-position: 10px center;
    background-color: #fb1717;
    display: block;
    border-radius: 5px;
    padding: 1rem;
    font-size: 13px;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.topbg .pull-right {margin-top: 6px; margin-bottom: 6px;}
.logobg {background: #032A24;}
.headerbg {background: url(images/binance.png) no-repeat;
    height: 500px;
    background-size: cover;
    background-position: bottom;}

.whitebg1 {background: #ffffff;}
.padding40 {padding-top: 40px; padding-bottom: 40px;}
.boxsizing *{box-sizing: border-box;}
.welcometitles {font-size: 28px; color: #454748; font-weight: 700;}
.thabestbox {background: #0d9782; font-size: 16px; color: #fefefe; padding: 5px; margin-top: 5px; font-weight: 700;}
.welcomecotents {font-size: 16px; color: #2b2a2a; padding-top: 20px; line-height: 35px;}
.howitworkbg {background: url(images/howitworkbg.jpg) no-repeat; background-size: cover;}
.howtitles {text-align: center; font-size: 28px; color: #ffffff; font-weight: 700;}
.thasecondtitles {font-size: 16px; color: #ffffff; text-align: center; padding-top: 10px;}
.regesterbox {border: solid 2px #02b8ed; padding: 10px; text-align: center; margin-top: 35px;}
.regsetertitles {font-size: 24px; text-align: center; text-transform:  uppercase; color: #ffffff; font-weight: 700; background: #02b8ed; padding: 5px;}
.regicons {margin-top: 30px; margin-bottom: 30px;}
.regsterboxxbots {background: #02b8ed; padding: 10px; font-size: 16px; color: #ffffff;}

.whitebg {background: url(images/whitebg.jpg) no-repeat; background-position: left center; background-size: cover;}
.whychoinsbox {background: rgba(15, 45, 67,0.1); padding: 38px;}
.whytitles {text-align: left; font-size: 28px; color: #08263f; font-weight: 700;}
.yourcoinbox {font-size: 16px; color: #08263d; line-height: 40px; padding-top: 15px;}
.disbg { background-position: left center; background-size: cover;}
.thisttests {font-size: 50px;  color: #032A24; font-family: 'Lato', sans-serif; text-align: center; font-weight: 700; text-transform: uppercase; text-shadow: 0px 3px 3px #0a342c;}
.lastbg {background: url(images/footer-bg.jpg) no-repeat; background-size: cover;}
.mostbox {background: rgb(10 141 130 / 32%);
    padding: 40px;}
.mosttiels {text-align: center; font-size: 30px; color: #ffffff; font-weight: 700; text-transform: uppercase; font-family: 'Lato', sans-serif; }
.thisconttexts {font-size: 16px; color: #ffffff; padding-top: 15px; line-height: 35px;}
.footerbg {background: #032A24;}
.footerlink {display: inline-block; vertical-align: middle;}
.footerlink a {font-size: 14px; color: #ffffff; margin-right: 25px; text-transform: uppercase; text-decoration: none; padding: 6px;}
.footerlink a:hover {border: solid 1px #ffffff;  padding: 5px; }
.footerbglast {background: #0D9782}
.footerbglast .pull-left {font-size: 14px; color: #ffffff; padding-top: 8px; padding-bottom: 8px;}
.footerbglast .pull-right {font-size: 14px; color: #ffffff; padding-top: 8px; padding-bottom: 8px;}
.headerbox {background: rgba(255, 255, 255,0.6); padding: 20px; width: 600px; max-width: 100%; margin: 0px auto; text-align: center; padding-bottom: 40px;}
.paddintop {padding-top: 122px;}
.headertitles {font-size: 65px; font-weight: 700; text-transform: uppercase; text-align: center; color: #0a3248; text-shadow: 3px 0px 2px #c6d8d9;}
.headersubtitles {font-size: 25px; color: #f42a2a; text-align: center; font-weight: 700;}
.whitepaperbtns {display: inline-block; vertical-align: middle; padding-top: 20px; margin-right: 10px;}
.whitepaperbtns a {background: #032a24;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    padding: 8px;
    text-decoration: none;
    border-radius: 5px;
    width: 168px;
    display: block;}

.ragesterboxmains {border: solid 1px #5a4b66; padding: 15px; width: 970px; margin: 0px auto; max-width: 100%;}
.jointitles {background: #0a3248; text-align: center; font-size: 30px; color: #ffffff; font-weight: 700; text-transform: uppercase; padding: 10px;}
.fromlefts {width: 20%; max-width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; color: #0a3248;}
.fromright {width: 79%; max-width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; color: #0a3248;}
.frommain {margin-bottom: 10px;}
.from-box-join-now {width: 100%; background: #f0f0f0; height: 40px; border: none;padding-left:10px}
.from-box-join-now-two {width: 85%; background: #f0f0f0; height: 40px; border: none;  margin-left: 115px;}
.security-img {background: url(images/security-code.jpg); background-position: left center; background-size: cover; background-repeat: no-repeat;  margin: 0px; position: absolute; z-index: 1000;}
.center-text{margin:30px 0; padding:0; width:100%;}
.center-text p{margin:0; padding:0; text-align:center; color:#0a3248; font-size:16px; font-weight:400;}
.center-text p a{color:#0a3248; font-weight:700; outline: none; text-decoration: none;}
.center-button {display: block; vertical-align: middle; padding: 0; margin: 0 auto; width: 100%; margin-bottom:25px;}
.center-button a {background: #0a3248; font-size: 20px; color: #ffffff; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; border-radius: 5px; width: 335px; display: block; outline: none; margin: 0 auto;}
.center-button button {background: #0a3248; font-size: 20px; color: #ffffff; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; border-radius: 5px; width: 335px; display: block; outline: none; margin: 0 auto;border:none}

.ragesterboxmains-login {border: solid 1px #5a4b66; padding: 15px; width: 704px; margin: 0px auto; max-width: 100%;}
.ragesterboxmains-login .jointitles {background: #0a3248; text-align: center; font-size: 30px; color: #ffffff; font-weight: 700; text-transform: uppercase; padding: 10px;}
.ragesterboxmains-login .fromlefts {width: 40px; max-width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; color: #0a3248; float: left;}
.ragesterboxmains-login .fromright {width: 94%; max-width: 100%; display: inline-block; vertical-align: middle; font-size: 16px; color: #0a3248; float: left;}
.ragesterboxmains-login .frommain {float: left; margin-bottom: 10px; width: 100%;}
.ragesterboxmains-login .from-box-join-now {width: 100%; background: #f0f0f0; height: 40px; border: none;}
.ragesterboxmains-login .from-box-join-now-two {width: 82.6%; background: #f0f0f0; height: 40px; border: none;  margin-left: 115px;}
.ragesterboxmains-login .security-img {background: url(images/security-code.jpg); background-position: left center; background-size: cover; background-repeat: no-repeat;  margin: 0px; position: absolute; z-index: 1000;}
.ragesterboxmains-login .center-text{margin:15px 0; padding:0; width:100%;}
.ragesterboxmains-login .center-text p{margin:0; padding:0; text-align:center; color:#0a3248; font-size:16px; font-weight:400;}
.ragesterboxmains-login .center-text p a{color:#0a3248; font-weight:700; outline: none; text-decoration: none;}
.ragesterboxmains-login .center-button {display: block; vertical-align: middle; padding: 0; margin: 0 auto; width: 100%; margin-bottom:5px;}
.ragesterboxmains-login .center-button a {background: #0a3248; font-size: 20px; color: #ffffff; font-weight: 700; padding: 8px; text-align: center; text-decoration: none; border-radius: 0px; width: 98%; display: block; outline: none; margin: 0 auto;}



/*Menu Style Start*/

@media all and (min-width: 766px) {
.navbar { margin-bottom: 0px;}
#menu { float: none; display: inline-block; padding-top: 34px; }
#menu ul.navbar-nav { float: none; }
#menu .navbar-default{background: none;border: none;     text-align: right; }
#menu .navbar-collapse { padding-right: 0px; }
#menu .container-fluid { padding-right: 0px; }
#menu ul li { float: none; display: inline-block; }
#menu ul li.home { margin-left: 0px; }
#menu ul li a { font-size: 14px; color: #ffffff; text-transform: uppercase; padding-top: 5px; padding-bottom: 5px;}
#menu ul li a:before { font-family: 'Glyphicons Halflings'; display: block; font-size: 16px; }
#menu ul li.dropdown .caret { display: none; }
#menu ul li.active a { background: none; }
.navbar { min-height: 0px;}
#menu ul li.public-page { margin-right: 0px; }
#menu ul li.public-page.open a { background: none; }
#menu ul li.public-page ul { text-align: left; }
#menu ul li.public-page ul li a:before { content: ""; }
#menu ul li a:hover {background: #ffa200; color: #000000;}
#menu ul li:hover a:before { color: #0286d2; }
#menu ul li.active a:before { color: #0286d2; }
#menu ul li.active a {background: #ffa200; color: #000000;}
#menu ul li .dropdown-menu li:hover .sub-menu {visibility: visible;}
#menu ul .dropdown:hover .dropdown-menu {display: block;}
}


@media all and (max-width:999px) {
.row {margin-left: 0px; margin-right: 0px;}
#menu ul li a {padding-left: 5px; padding-right: 5px; font-size: 10px;}
.welcometitles {font-size: 20px;}
.thabestbox {font-size: 14px;}
.welcomecotents {font-size: 13px; line-height: 20px;}
.regsterboxxbots {font-size: 8px;}
.whytitles {font-size: 16px;}
.yourcoinbox {font-size: 11px; line-height: 30px;}
.thisttests {font-size: 30px;}
.mosttiels {font-size: 17px;}
.thisconttexts {font-size: 12px; line-height: 20px;}
.ragesterboxmains {width:930px;}
}
@media all and (max-width: 768px) {
	.ragesterboxmains {width: 700px;}
	.from-box-join-now-two {width: 79%;}
}

@media all and (max-width:766px) {
.logobg .pull-right {width: 100%;}
.logobg .pull-left {width: 100%; text-align: center;}
.paddintop {padding-top: 0px;}
.headertitles {font-size: 39px;}
.headerbg {height: 248px;}
.welcomecotents {padding-bottom: 20px;}
.headerbox {padding: 0px;}
.footerlink a {margin-right: 5px; font-size: 8px;}
.footerbg .pull-left { width: 100%; text-align: center;}
.footerbg .pull-right { width: 100%; text-align: center; padding-top: 20px;}
.whitepaperbtns a {width: 130px;}
.headerbox {padding-bottom: 20px;}
.thisttests {font-size: 16px;}
.ragesterboxmains {padding: 0px; border: none;}
.fromlefts {width: 100%;}
.fromright {width: 100%;}
.ragesterboxmains-login .fromright {width: 87%;}

}

@media all and (max-width:480px){
.ragesterboxmains-login {border: 1px solid #5a4b66; margin: 0 auto; padding: 15px; width: 87%; margin:15px;}
.ragesterboxmains-login .fromright {width: 90%;}
.ragesterboxmains-login .from-box-join-now-two {width: 69.5%;}
.ragesterboxmains-login .center-button a {width:97%;}
.ragesterboxmains-login .jointitles{font-size:24px;}
.ragesterboxmains {width: 400px;}
.from-box-join-now-two {width: 71%;}
}

@media all and (max-width:375px){
.ragesterboxmains-login {border: 1px solid #5a4b66; margin: 0 auto; padding: 15px; width: 84%; margin:15px;}
.ragesterboxmains-login .fromright {width: 87%;}
.ragesterboxmains-login .from-box-join-now-two {width: 58%;}
.ragesterboxmains-login .center-button a {width:95%;}
.ragesterboxmains-login .jointitles{font-size:22px;}
.ragesterboxmains {width: 340px;}
.from-box-join-now-two {width: 66%;}
}

@media all and (max-width:360px){
.ragesterboxmains-login {border: 1px solid #5a4b66; margin: 0 auto; padding: 15px; width: 82%; margin:15px;}
.ragesterboxmains-login .fromright {width: 86%;}
.ragesterboxmains-login .from-box-join-now-two {width: 54%;}
.ragesterboxmains-login .jointitles{font-size:20px;}
.ragesterboxmains {width: 320px;}
.from-box-join-now-two {width: 63%;}
}

@media all and (max-width:320px){
.ragesterboxmains-login {border: 1px solid #5a4b66; margin: 0 auto; padding: 15px; width: 80%; margin:15px;}
.ragesterboxmains-login .fromright {width: 83%;}
.ragesterboxmains-login .from-box-join-now-two {width: 46%;}
.ragesterboxmains-login .jointitles{font-size:18px;}
.ragesterboxmains {width: 300px;}
.from-box-join-now-two {width: 60%;}
.center-button a {width: 275px;}
}