html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
background-repeat: no-repeat;
text-decoration: none;}
/***********************************
Reset
***********************************/
html {
width: 100%;
height: 100%;
overflow-y: scroll;}
.clearall {
clear: both;}
ol, ul, li {
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
a {
color: #000000;
text-decoration: underline;
cursor: pointer;}
a:hover {
text-decoration: none;}
img {
border: 0px;}
.orange-btn {
float: left;
height: 50px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 0px 30px;
background: #fdda24;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;
color: #333;
font-weight: 400;
text-align: center;
text-decoration: none;
text-transform: uppercase;
line-height: 50px;}
.orange-btn:hover {
background: #efc902;
color: #fff;}
.blue-btn {
float: left;
height: 50px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 0px 30px;
background: #00daf6;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;
color: #333;
font-weight: 400;
text-align: center;
text-decoration: none;
text-transform: uppercase;
line-height: 50px;}
.blue-btn:hover {
background: #fdda24;}
.green-btn {
float: left;
height: 50px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 0px 30px;
background: #67c641;
border-radius: 3px 3px 3px 3px;
box-sizing: border-box;
color: #333;
font-weight: 400;
text-align: center;
text-decoration: none;
text-transform: uppercase;
line-height: 50px;}
.green-btn:hover {
background: #fdda24;}
/***********************************
Essentials
***********************************/
body {
position: relative;
width: 100%;
min-width: 1200px;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0px 0px 0px 0px;
display:inline-table;
padding: 0px 0px 0px 0px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
line-height: 26px;
color: #333;
font-weight: 300;
background: url(images/bg-big.jpg) 0px 0px no-repeat;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-o-text-size-adjust: none;
-ms-text-size-adjust: none;
-khtml-text-size-adjust: none;
text-size-adjust: none;}
.body-wrapper {
position: relative;
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 250px 0px;}
/***********************************
Header
***********************************/
#header-wrapper {
position: absolute;
top: 0px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
z-index: 1000;}
#header {
width: 1120px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
color: #fff;}
#header a.logo {
float: left;
width: 350px;
height: 64px;
margin: 40px 0px 0px 20px;
padding: 0px 0px 0px 0px;
background: url("images/logo.png") 0px 0px no-repeat;}
#header .phone {
float: left;
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: normal;}
#header .support {
float: left;
margin: 80px 0px 0px 20px;
padding: 0px 0px 0px 0px;
line-height: normal;}
#header .support a {
color: #fff;}
#header .social {
float: left;
margin: 73px 0px 0px 15px;
padding: 0px 2px 0px 0px;}
#header .social a {
float: left;
width: 20px;
height: 20px;
margin: 0px 0px 0px 15px;
padding: 0px 0px 0px 0px;
opacity: 1.0;
border-radius: 3px 3px 3px 3px;
background-image: url("images/social.html");
background-repeat: no-repeat;}
#header .social a.fb {
background-position: 0px 0px;}
#header .social a.tw {
background-position: -20px 0px;}
#header .social a.gp {
background-position: -40px 0px;}
#header .social a.yt {
background-position: -60px 0px;}
#header .social a:hover {
opacity: 1.0;}
#header .social a.fb:hover {
background-position: 0px -20px;}
#header .social a.tw:hover {
background-position: -20px -20px;}
#header .social a.gp:hover {
background-position: -40px -20px;}
#header .social a.yt:hover {
background-position: -60px -20px;}
.main-nav {
float: left;
width: 1120px;
margin: 15px 0px 0px 0px;
padding: 14px 0px 14px 0px;
text-align: center;
background: rgba(118, 179, 219, 0.7);
border-radius: 15px 15px 15px 15px;}
.main-nav ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.main-nav li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline-block;
border-left: 1px solid rgba(255, 255, 255, 0.2);
line-height: normal;}
.main-nav li.first {
border-left: none;}
.main-nav li a {
margin: 0px 22px 0px 22px;
padding: 0px 0px 0px 0px;
color: #fff;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
line-height: normal;}
.main-nav.ru li a {
margin: 0px 20px 0px 20px;}
.main-nav li a:hover {
color: #00daf6;
text-decoration: none;}
#header .login-panel {
float: right;
margin: 42px 0px 0px 20px;
padding: 0px 0px 0px 0px;}
#header .login-panel ul {
float: right;
margin: 19px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
#header .login-panel ul li {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
#header .login-panel ul li.login {
margin-right: 20px;}
#header .login-panel ul li.cabinet {
margin-right: 20px;}
#header .login-panel a {
float: left;
height: 32px;
margin: 0px 0px 0px 0px;
padding: 0px 18px 0px 18px;
font-size: 14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
border-radius: 3px 3px 3px 3px;
line-height: 32px;}
#header .login-panel ul li.login a {
background: #3EB2D5;}
#header .login-panel ul li.register a {
background: #F2A036}
#header .login-panel ul li.logout a {
background: #ED8309;}
#header .login-panel ul li.cabinet a {
background: #00daf6;}
#header .login-panel ul li a:hover {
background: #fdda24;
color: #fff;}
/***********************************
Banners
***********************************/
.present_img {
animation: 1s linear 1s alternate none infinite running swing;
left: 0;
position: absolute;
right: 0;
text-align: center;
top: 445px;
}
.present_img > img {
margin: 0 auto;
}
#home-banner-wrapper {
position: relative;
width: 100%;
height: 950px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/bg-header.jpg") bottom center no-repeat;}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
z-index: 200;}
.clouds {
position: absolute;
top: 550;
left: 0;
width: 100%;
min-width: 900px;
height: 100%;
overflow: hidden;
z-index: 100;}
.cloud-1 {
top: 600px;
background: transparent url("images/cloud-1.html") 0px 0px repeat-x;}
.cloud-2 {
top: 500px;
background: transparent url("images/cloud-2.html") 0px 0px repeat-x;}
/*
.cloud-3 {
opacity: 0.6;
top: 80px;
background: transparent url("../images/cloud-2.png") 0px 0px repeat-x;}*/
.home-banner {
position: relative;
width: 1120px;
height: 570px;
margin: 0 auto;
margin-top: 180px;
padding: 0px 0px 0px 0px;
z-index: 1000;}
.lang {
position: absolute;
margin: 36px 0px 0px 436px;
padding: 0px 0px 0px 0px;
z-index: 1000;}
.lang a {
float: left;
width: 30px;
height: 22px;
margin: 6px 5px 0px 5px;
padding: 2px 2px 2px 2px;
border-radius: 3px 3px 3px 3px;
background-image: url("images/flags.html");
background-repeat: no-repeat;
border: 1px solid rgba(255, 255, 255, 0.5);
opacity: 0.5;}
/*
.lang a.active {
margin: 0px 5px 0px 5px;
padding: 3px 3px 3px 3px;
width: 46px;
height: 33px;
background-image: url("../images/flags-big.png");
border: 1px solid rgba(255, 255, 255, 0.8);
opacity: 0.8;
pointer-events: none;}
*/
.lang a.en {
background-position: 0px 0px;}
.lang a.ru {
background-position: -34px 0px;}
.lang a.sp {
background-position: -68px 0px;}
.lang a.cn {
background-position: -102px 0px;}
.lang a.vn {
background-position: -136px 0px;}
.lang a.en.active {
background-position: 0px 0px;}
.lang a.ru.active {
background-position: -52px 0px;}
.lang a.sp.active {
background-position: -104px 0px;}
.lang a.cn.active {
background-position: -156px 0px;}
.lang a.vn.active {
background-position: -208px 0px;}
.lang a:hover {
opacity: 0.8;}
.lang a.active:hover {
opacity: 0.8;}
.home-banner .big-text {
float: left;
width: 100%;
margin: 110px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 90px;
color: #808080;
font-weight: 400;
text-transform: uppercase;
line-height: normal;
text-align: center;}
.home-banner .text {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 46px;
color: #808080;
font-weight: 400;
text-transform: uppercase;
line-height: normal;
text-align: center;}
.home-banner .rate {
float: left;
width: 320px;
margin: 25px 0px 0px 400px;
padding: 25px 0px 0px 0px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
font-size: 18px;
color: #000;
text-align: center;}
.home-banner .rate .btc {
color: #fdda24;}
.home-banner .orange-btn {
float: left;
width: 200px;
margin: 28px 0px 0px 460px;}
#pages-banner-wrapper {
position: relative;
width: 100%;
height: 700px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/bg-header.jpg") bottom center no-repeat;}
#pages-banner-wrapper .clouds {
top: 300px;}
#pages-banner-wrapper .home-banner {
height: 300px;}
#pages-banner-wrapper .home-banner .text {
margin: 116px 0px 0px 0px;
font-size: 56px;}
#pages-banner-wrapper .home-banner .rate {
float: left;
width: 400px;
margin: 10px 0px 0px 360px;
padding: 0px 0px 0px 0px;
border-top: none;
font-size: 18px;
color: #000;
text-align: center;}
#account-banner-wrapper {
position: relative;
width: 100%;
height: 600px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/bg-header.jpg") bottom center no-repeat;}
#account-banner-wrapper .clouds {
top: 250px;}
#account-banner-wrapper .home-banner {
height: 300px;}
#account-banner-wrapper .home-banner .rate {
float: left;
width: 400px;
margin: 116px 0px 0px 360px;
padding: 0px 0px 0px 0px;
border-top: none;
font-size: 18px;
color: #fff;
text-align: center;}
/***********************************
Wrappers
***********************************/
#content-wrapper {
width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 0px;
/*background: #fff;*/}
#content-wrapper.gray-wrapper {
background: #f4f4f4;}
#content-wrapper.img-blue-wrapper {
background: url("images/blue-bg.html") top center repeat;}
#content-wrapper.img-wrapper-1 {
background: rgba(0, 0, 0, 0) url("images/img-wrapper-1.html") no-repeat scroll center -50px;}
#content-wrapper.img-wrapper-2 {
background: url("images/img-wrapper-2.html") bottom center no-repeat #f7f8fb;}
#content-wrapper.img-wrapper-3 {
background: rgba(0, 0, 0, 0) url("images/img-wrapper-3.html") no-repeat scroll center 0;
}
#content-wrapper.img-wrapper-4 {
background: url("images/img-wrapper-4.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-5 {
background: url("images/img-wrapper-5.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-6 {
background: url("images/img-wrapper-6.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-7 {
background: url("images/img-wrapper-7.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-8 {
background: url("images/img-wrapper-8.html") bottom center no-repeat #f7f8fb;}
#content-wrapper.img-wrapper-9 {
background: url("images/img-wrapper-9.html") top center no-repeat;}
#content-wrapper.img-wrapper-10 {
background: url("images/img-wrapper-10.html") bottom center no-repeat;}
/*#content-wrapper.img-wrapper-11 {
background: url("../images/img-wrapper-11.jpg") bottom center no-repeat;}*/
#content-wrapper.img-wrapper-12 {
background: #fff;}
#content-wrapper.img-wrapper-13 {
background: url("images/img-wrapper-13.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-14 {
background: url("images/img-wrapper-14.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-15 {
background: url("images/img-wrapper-15.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-16 {
background: url("images/img-wrapper-16.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-17 {
background: url("images/img-wrapper-17.html") bottom center no-repeat;}
#content-wrapper.img-wrapper-acc {
position: relative;
padding: 0px 0px 0px 0px;
/**/}
#content {
width: 1120px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
overflow: hidden;}
#content.acc {
padding-top: 260px;}
#content.min-height {
min-height: 600px;}
#content.full {
width: 100%;}
.content-box-wrapper {
float: left;
color: #fff;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 60px 0px;}
.content-box {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.content-box.full-box {
width: 1120px;}
.content-box.left-box {
float: left;
width: 530px;}
.content-box.right-box {
float: right;
width: 530px;}
.content-box.down-box {
float: right;
width: 1920px;}
#content .big-title {
float: left;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 38px;
color: #fee954;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
#content .big-title.center {
text-align: center;}
#content .big-title.white {
color: #fff;}
#content .big-title.second {
margin-top: 60px;}
#content .small-title {
float: left;
width: 100%;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #04648c;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
#content .small-title.center {
text-align: center;}
#content .small-title.white {
color: #fff;}
/***********************************
Home Page
***********************************/
.video-home-page {
float: left;
width: 530px;
height: 352px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/video-home-page.html") 0px 0px no-repeat;}
.video-home-page .watch-wrapper {
float: left;
width: 110px;
height: 110px;
margin: 120px 0px 0px 205px;
padding: 0px 0px 0px 0px;
border: 5px solid rgba(255, 255, 255, 0.2);
border-radius: 80px 80px 80px 80px;}
.video-home-page .watch {
float: left;
width: 110px;
height: 110px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/play-img.html") 38px 23px no-repeat #fdda24;
border-radius: 60px 60px 60px 60px;}
.video-home-page .text {
float: left;
width: 90px;
height: 20px;
margin: 10px 0px 0px 220px;
padding: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.5);
border-radius: 20px 20px 20px 20px;
font-size: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
line-height: 20px;}
.video-text {
float: left;
width: 530px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
ul.items {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
ul.items li {
position: relative;
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 20px;
box-sizing: border-box;}
ul.items li::before {
position: absolute;
display: block;
top: 10px;
left: 0px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
ul.items li:first-child {
margin-top: 0px;}
ul.items li .title {
position: relative;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
font-weight: 500;}
.features-boxes {
float: left;
width: 1120px;
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.features-boxes .box {
float: left;
width: 368px;
margin: 60px 0px 0px 0px;
padding: 0px 0px 0px 162px;}
.features-boxes .box.first {
margin-top: 0px;}
.features-boxes .box.second {
margin-left: 60px;}
.features-boxes .box .icon-wrapper {
float: left;
width: 132px;
height: 132px;
margin: 0px 0px 0px -162px;
padding: 0px 0px 0px 0px;
background: url("images/features-box-icon-bg.html") 0px 0px no-repeat;}
.features-boxes .box .icon {
float: left;
width: 118px;
height: 118px;
margin: 7px 0px 0px 7px;
padding: 0px 0px 0px 0px;}
.features-boxes .box.box-1 .icon {
background: url("images/features-icon-1.html") 0px 0px no-repeat;}
.features-boxes .box.box-2 .icon {
background: url("images/features-icon-2.html") 0px 0px no-repeat;}
.features-boxes .box.box-3 .icon {
background: url("images/features-icon-3.html") 0px 0px no-repeat;}
.features-boxes .box.box-4 .icon {
background: url("images/features-icon-4.html") 0px 0px no-repeat;}
.features-boxes .box.box-5 .icon {
background: url("images/features-icon-5.html") 0px 0px no-repeat;}
.features-boxes .box.box-6 .icon {
background: url("images/features-icon-6.html") 0px 0px no-repeat;}
.features-boxes .box .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
font-weight: 500;}
.features-boxes .box .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.offer {
position: relative;
float: left;
width: 1120px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.offer-box {
position: relative;
float: left;
width: 292px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 30px 30px;
background: url("images/offer-box-bg-1.html") 0px -20px no-repeat;}
.offer-box.box-1 {
margin-top: 30px;
border-radius: 6px 0px 0px 6px;}
.offer-box.box-2 {
width: 352px;
padding: 0px 32px 30px 32px;
background: url("images/offer-box-bg-2.html") 0px -20px no-repeat;
border-radius: 6px 6px 6px 6px;}
.offer-box.box-3 {
margin-top: 30px;
border-radius: 0px 6px 6px 0px;}
.offer-box .img {
position: relative;
float: left;
width: 272px;
height: 272px;
margin: 40px 0px 0px 10px;
padding: 0px 0px 0px 0px;
border-radius: 200px 200px 200px 200px;}
.offer-box.box-1 .img {
background: url("images/offer-box-img-1.html") 0px 0px no-repeat;}
.offer-box.box-2 .img {
width: 332px;
height: 332px;
margin: 42px 0px 0px 10px;
background: url("images/offer-box-img-2.html") 0px 0px no-repeat;}
.offer-box.box-3 .img {
background: url("images/offer-box-img-3.html") 0px 0px no-repeat;}
.offer-box .img .percent {
float: left;
width: 162px;
height: 162px;
margin: 55px 0px 0px 55px;
padding: 0px 0px 0px 0px;
background: rgba(253, 218, 36, 0.6);
border-radius: 100px 100px 100px 100px;
font-size: 60px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 162px;}
.offer-box.box-1 .img .percent {
background: rgba(0, 218, 246, 0.8);}
.offer-box.box-2 .img .percent {
width: 192px;
height: 192px;
margin: 70px 0px 0px 70px;
font-size: 70px;
line-height: 192px;
background: rgba(253, 218, 36, 0.8);}
.offer-box.box-3 .img .percent {
background: rgba(103, 198, 65, 0.8);}
.offer-box .separator {
float: left;
width: 100%;
height: 3px;
margin: 40px 0px 10px 0px;
padding: 0px 0px 0px 0px;
border-radius: 3px 3px 3px 3px;
background: rgba(255, 255, 255, 0.2);}
.offer-box .tr {
float: left;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
line-height: 50px;
color: #fff;}
.offer-box .tr.last {}
.offer-box .tr span {
float: right;
color: #00daf6;}
.calc-wrapper {
position: relative;
float: left;
width: 1120px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.calc-wrapper .left-block {
float: left;
width: 292px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
border-radius: 6px 0px 0px 6px;}
.calc-wrapper .center-block {
float: left;
width: 352px;
margin: 0px 0px 0px 0px;
padding: 30px 32px 30px 32px;
background: rgba(4, 100, 140, 0.8);
border-radius: 6px 6px 6px 6px;}
.calc-wrapper .center-block .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
text-transform: uppercase;
text-align: center;
font-weight: 500;}
.calc-wrapper .center-block .text {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
text-align: center;}
.calc-wrapper .center-block .orange-btn {
width: 100%;
margin: 30px 0px 0px 0px;}
.calc-wrapper .right-block {
float: left;
width: 292px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
border-radius: 0px 6px 6px 0px;}
.calc-wrapper .calc-tr {
float: left;
width: 292px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.calc-wrapper .calc-tr.small {
width: 138px;}
.calc-wrapper .calc-tr.small.second {
margin-left: 16px;}
.how-works {
position: relative;
float: left;
width: 1120px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.how-works .separator {
position: absolute;
top: 65px;
width: 192px;
height: 2px;
background: url("images/g-dotted-img.html") top left repeat-x;
border-radius: 1px 1px 1px 1px;}
.how-works .separator.first {
left: 272px;}
.how-works .separator.second {
right: 272px;}
.how-works .separator::before {
position: absolute;
display: block;
top: -3px;
left: -15px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #00daf6;}
.how-works .separator::after {
position: absolute;
display: block;
top: -3px;
right: -13px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #67c641;}
.how-works .box {
float: left;
width: 352px;
margin: 0px 0px 0px 32px;
padding: 0px 0px 0px 0px;}
.how-works .box.box-1 {
margin-left: 0px;}
.how-works .box .icon-wrapper {
float: left;
width: 132px;
height: 132px;
margin: 0px 0px 0px 110px;
padding: 0px 0px 0px 0px;
background: url("images/features-box-icon-bg.html") 0px 0px no-repeat;}
.how-works .box .icon {
float: left;
width: 118px;
height: 118px;
margin: 7px 0px 0px 7px;
padding: 0px 0px 0px 0px;}
.how-works .box.box-1 .icon {
background: url("images/how-works-icon-1.html") 0px 0px no-repeat;}
.how-works .box.box-2 .icon {
background: url("images/how-works-icon-2.html") 0px 0px no-repeat;}
.how-works .box.box-3 .icon {
background: url("images/how-works-icon-3.html") 0px 0px no-repeat;}
.how-works .title {
float: left;
width: 100%;
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;}
.how-works .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.earth-block {
position: relative;
float: left;
width: 100%;
height: 360px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;}
.earth {
position: absolute;
left: 50%;
bottom: -400px;
width: 800px;
height: 800px;
margin-left: -400px;
-webkit-animation-name: rotation;
-webkit-animation-duration: 100s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotation;
-moz-animation-duration: 100s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-o-animation-name: rotation;
-o-animation-duration: 100s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
animation-name: rotation;
animation-duration: 100s;
animation-iteration-count: infinite;
animation-timing-function: linear;}
@-webkit-keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-moz-keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@-o-keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
@keyframes rotation {
0% {
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);}
100% {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(720deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);}
}
.point {
position: relative;
width: 150px;}
.point.point-1 {
top: 200px;
left: 242px;}
.point.point-2 {
top: 100px;
left: 420px;}
.point.point-3 {
top: 320px;
left: 360px;}
.point.point-4 {
top: 123px;
left: 650px;}
.point.point-5 {
top: 240px;
left: 536px;}
.point.point-6 {
top: 290px;
left: 720px;}
.point .icon {
position: absolute;
width: 50px;
height: 50px;
background: url("images/point-icon.png") 8px 8px no-repeat #fdda24;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
-webkit-box-shadow:
0 0 0 10px rgba(255,255,255,.2),
0 0 25px 2px rgba(0,0,0,.4),
inset 0 0 0 8px rgba(255,255,155,.4);
-moz-box-shadow:
0 0 0 10px rgba(255,255,255,.2),
0 0 25px 2px rgba(0,0,0,.4),
inset 0 0 0 8px rgba(255,255,155,.4);
box-shadow:
0 0 0 10px rgba(255,255,255,.2),
0 0 10px 2px rgba(0,0,0,.4),
inset 0 0 0 8px rgba(255,255,155,.4);
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;}
.point .pulse1 {
position: absolute;
width: 100px;
height: 100px;
margin: auto;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: 0;
border: 3px solid rgba(255,255,255,.1);
-webkit-animation: pulsejg1 4s linear infinite;
-moz-animation: pulsejg1 4s linear infinite;
animation: pulsejg1 4s linear infinite;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
-moz-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, .6);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
.point .pulse2 {
position: absolute;
width: 100px;
height: 100px;
margin: auto;
top: 0; left: 0; bottom: 0; right: 0;
z-index: 2;
opacity: 0;
border: 1px solid rgba(255,255,255,0);
-webkit-animation: pulsejg2 4s linear infinite;
-moz-animation: pulsejg2 4s linear infinite;
animation: pulsejg2 4s linear infinite;
-webkit-border-radius: 999px;
-moz-border-radius: 999px;
border-radius: 999px;
-webkit-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
-moz-box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
box-shadow: inset 0px 0px 12px 5px rgba(255, 255, 255, .8);
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;}
@-webkit-keyframes pulsejg1 {
0% {
-webkit-transform: scale(.6);
opacity: 0;
}
50% {
-webkit-transform: scale(.6);
opacity: 0;
}
60% {
-webkit-transform: scale(.9);
opacity: .2;
}
70% {
-webkit-transform: scale(1.1);
opacity: .35;
}
80% {
-webkit-transform: scale(1.25);
opacity: .2;
}
100% {
-webkit-transform: scale(1.4);
opacity: 0;
}
}
@-moz-keyframes pulsejg1 {
0% {
-moz-transform: scale(.6);
opacity: 0;
}
50% {
-moz-transform: scale(.6);
opacity: 0;
}
60% {
-moz-transform: scale(.9);
opacity: .2;
}
70% {
-moz-transform: scale(1.1);
opacity: .35;
}
80% {
-moz-transform: scale(1.25);
opacity: .2;
}
100% {
-moz-transform: scale(1.4);
opacity: 0;
}
}
@keyframes pulsejg1 {
0% {
transform: scale(.6);
opacity: 0;
}
50% {
transform: scale(.6);
opacity: 0;
}
60% {
transform: scale(.9);
opacity: .1;
}
70% {
transform: scale(1.1);
opacity: .25;
}
80% {
transform: scale(1.25);
opacity: .1;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
@-webkit-keyframes pulsejg2 {
0% {
-webkit-transform: scale(.6);
opacity: 0;
}
40% {
-webkit-transform: scale(.8);
opacity: .05;
}
50% {
-webkit-transform: scale(1);
opacity: .1;
}
60% {
-webkit-transform: scale(1.1);
opacity: .3;
}
80% {
-webkit-transform: scale(1.2);
opacity: .1;
}
100% {
-webkit-transform: scale(1.3);
opacity: 0;
}
}
@-moz-keyframes pulsejg2 {
0% {
-moz-transform: scale(.6);
opacity: 0;
}
40% {
-moz-transform: scale(.8);
opacity: .05;
}
50% {
-moz-transform: scale(1);
opacity: .1;
}
60% {
-moz-transform: scale(1.1);
opacity: .3;
}
80% {
-moz-transform: scale(1.2);
opacity: .1;
}
100% {
-moz-transform: scale(1.3);
opacity: 0;
}
}
@keyframes pulsejg2 {
0% {
transform: scale(.6);
opacity: 0;
}
40% {
transform: scale(.8);
opacity: .05;
}
50% {
transform: scale(1);
opacity: .1;
}
60% {
transform: scale(1.1);
opacity: .3;
}
80% {
transform: scale(1.2);
opacity: .1;
}
100% {
transform: scale(1.3);
opacity: 0;
}
}
.reff-box {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.reff-block {
float: left;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
border-radius: 6px 6px 6px 6px;}
.reff-block.box-1 {
width: 150px;
margin-top: 38px;
background: rgba(4, 100, 140, 0.6);
border-radius: 6px 0px 0px 6px;}
.reff-block.box-2 {
width: 640px;
background: rgba(4, 100, 140, 0.8);}
.reff-block.box-3 {
width: 150px;
margin-top: 38px;
background: rgba(4, 100, 140, 0.6);
border-radius: 0px 6px 6px 0px;}
.reff-block .percent {
float: left;
width: 100%;
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 50px;
font-weight: 500;
text-align: center;
line-height: normal;}
.reff-block .name {
float: left;
width: 100%;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 20px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.reff-block .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.reff-block .text {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;
text-align: center;}
.reff-block .orange-btn {
width: 400px;
margin: 30px 0px 0px 120px;}
.security-img {
float: left;
width: 530px;
height: 450px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/security-img.html") 0px 0px no-repeat;}
.security-img .accept-wrapper {
float: left;
width: 150px;
height: 150px;
margin: 180px 0px 0px 246px;
padding: 0px 0px 0px 0px;
border-radius: 200px 200px 200px 200px;
border: 5px solid rgba(255, 255, 255, 0.2);}
.security-img .accept {
float: left;
width: 150px;
height: 150px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.8);
border-radius: 200px 200px 200px 200px;}
.security-img .accept .title {
float: left;
width: 100%;
margin: 18px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
line-height: normal;}
.security-img .accept .bitcoin {
float: left;
width: 115px;
height: 109px;
margin: 6px 0px 0px 15px;
padding: 0px 0px 0px 0px;
background: url("images/btc-logo.html") 0px 0px no-repeat;}
.security {
float: left;
width: 530px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.security .bx-wrapper {
float: left;
width: 530px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;}
.security .img {
float: left;
width: 250px;
height: 100px;
margin: 0px 0px 0px 140px;
padding: 0px 0px 0px 0px;}
.security .name {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;}
.security .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.wallets {
float: left;
width: 530px;
margin: 50px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.wallets .title {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.wallets a {
position:relative;
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 15px;
color: #333;}
.wallets a::before {
position: absolute;
display: block;
top: 7px;
left: 0px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
/***********************************
Footer
***********************************/
#footer-wrapper {
position: absolute;
bottom: 0px;
width: 100%;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/footer-bg.jpg") top center no-repeat #2f2f2f;}
#footer {
float: left;
width: 100%;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;}
.footer-info {
width: 1120px;
margin: 0px auto;
padding: 0px 0px 0px 0px;}
.footer_nav {
float: left;
margin: 45px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.footer_nav ul {
float: left;
margin: 0px 0px 0px 60px;
padding: 0px 0px 0px 0px;}
.footer_nav ul.first {
margin-left: 0px;}
.footer_nav ul li {
position: relative;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 20px;
line-height: normal;}
.footer_nav ul li a {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
line-height: normal;}
.footer_nav ul li a:hover {
color: #00daf6;
text-decoration: none;}
.footer_nav ul li::before {
position: absolute;
display: block;
top: 6px;
left: 0px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #04648c;}
#footer .social {
float: left;
margin: 64px 0px 0px 70px;
padding: 0px 0px 0px 0px;}
#footer .social .title {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
#footer .social .wrapper {
float: left;
margin: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
border: 9px solid rgba(255, 255, 255, 0.2);
border-radius: 3px 3px 3px 3px;}
#footer .social a {
float: left;
width: 20px;
height: 20px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
opacity: 1.0;
background-image: url("images/social.html");
background-repeat: no-repeat;}
#footer .social a.fb {
background-position: 0px 0px;}
#footer .social a.tw {
background-position: -20px 0px;}
#footer .social a.gp {
background-position: -40px 0px;}
#footer .social a.yt {
background-position: -60px 0px;}
#footer .social a:hover {
opacity: 1.0;}
#footer .social a.fb:hover {
background-position: 0px -0px;}
#footer .social a.tw:hover {
background-position: -20px -20px;}
#footer .social a.gp:hover {
background-position: -40px -20px;}
#footer .social a.yt:hover {
background-position: -60px -20px;}
#footer .contacts {
float: right;
margin: 55px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 24px;}
#copyring {
float: left;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #2f2f2f;
font-size: 14px;
color: #636363;
text-align: center;
line-height: 50px;
background: rgba(34, 34, 34, 0.5);}
#copyring a {
color: #636363;
text-decoration: none;}
#acc-footer-wrapper {
position: absolute;
bottom: 0px;
width: 100%;
height: 250px;
margin: 0px 0px 0px 0px;
padding: 150px 0px 0px 0px;
background: url("images/footer-acc-bg.png") bottom center no-repeat;}
#acc-footer-wrapper #footer {
color: #333;}
#acc-footer-wrapper .footer_nav ul li a {
color: #333;}
#acc-footer-wrapper .footer_nav ul li a:hover {
color: #00daf6;}
#acc-footer-wrapper #footer .social .wrapper {
border: 9px solid rgba(255, 255, 255, 0.4);}
#acc-footer-wrapper #footer .social a {
background-image: url("images/social-support.html");}
#acc-footer-wrapper #footer .contacts a {
color: #333}
#acc-footer-wrapper #copyring {
background: rgba(255, 255, 255, 0.5);}
/***********************************
About
***********************************/
.about-activity {
position: relative;
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.about-activity .separator {
position: absolute;
top: 140px;
width: 155px;
height: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.about-activity .separator.first {
left: 154px;
background: url("images/about-activity-separator-1.html") 0px 0px no-repeat;}
.about-activity .separator.second {
right: 153px;
background: url("images/about-activity-separator-2.html") 0px 0px no-repeat;}
.about-activity .img-box-wrapper {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.about-activity .img-box-wrapper .icon {
float: left;
width: 80px;
height: 80px;
margin: 101px 0px 0px 64px;
padding: 0px 0px 0px 0px;
border-radius: 100px 100px 100px 100px;
background: url("images/about-btc-icon.html") 0px 0px no-repeat #fdda24;}
.about-activity .img-box-wrapper .icon.second {
float: right;
margin: 101px 64px 0px 0px;}
.about-activity .img-box-wrapper .img-box {
float: left;
width: 530px;
height: 230px;
margin: 10px 0px 0px 151px;
padding: 0px 0px 0px 0px;
background: url("images/about-img-1.html") 0px 0px no-repeat}
.about-activity .box-wrapper {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 30px 0px 30px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.about-activity .box {
float: left;
width: 530px;
margin: 10px 0px 0px 60px;
padding: 0px 0px 0px 0px;}
.about-activity .box.box-1 {
margin-left: 0px;}
.about-activity .box.box-3 {
width: 800px;
margin: 10px 0px 0px 160px;}
.about-activity .box .icon {
float: left;
width: 4px;
height: 4px;
margin: 0px 0px 0px 261px;
padding: 0px 0px 0px 0px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #fdda24;}
.about-activity .box.box-3 .icon {
margin: 0px 0px 0px 396px;}
.about-activity .box .title {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;}
.about-activity .box .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.cert-box {
float: left;
width: 720px;
margin: 60px 0px 0px 235px;
padding: 30px 30px 30px 30px;
border-radius: 6px 6px 6px 6px;
background: #FFF;}
.cert-box .cert {
float: left;
width: 346px;
height: 440px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 2px solid rgba(210, 210, 210, 0.8);
border-radius: 3px 3px 3px 3px;
background: url("images/about-cert.html") 0px 0px no-repeat #fff;}
.cert-box .text-block {
float: left;
width: 280px;
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;}
.cert-box .text-block .tr {
float: left;
width: 100%;
margin: 4px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.cert-box .text-block .tr.first {
margin-top: 0px;}
.cert-box .text-block .tr span {
color: #04648c;
font-weight: 500;}
.cert-box .text-block .orange-btn {
width: 280px;}
/***********************************
Get Started
***********************************/
.get-started {
position: relative;
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.get-started .separator {
float: left;
width: 2px;
height: 51px;
margin: 0px 559px 0px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.get-started .separator.big {
float: left;
width: 592px;
height: 62px;
margin: 0px 0px 0px 264px;
padding: 0px 0px 0px 0px;
background: url("images/get-big-separator.html") 0px 0px no-repeat;}
.get-started .separator.first {
width: 297px;
height: 32px;
margin: 3px 0px 0px 264px;
padding: 0px 0px 0px 0px;
background: url("images/get-big-separator-first.html") 0px 0px no-repeat;}
.get-started .separator.big-2 {
background: url("images/get-big-separator-2.html") 0px 0px no-repeat;}
.get-started .separator.last {
width: 297px;
height: 32px;
margin: 0px 0px 0px 264px;
padding: 0px 0px 0px 0px;
background: url("images/get-big-separator-last.html") 0px 0px no-repeat;}
.get-started .box {
position: relative;
float: left;
width: 530px;
margin: 10px 0px 10px 0px;
padding: 0px 590px 0px 0px;}
.get-started .box.right {
float: right;
padding: 0px 0px 0px 590px;}
.get-started .box .icon {
float: left;
width: 4px;
height: 4px;
margin: 0px 0px 0px 261px;
padding: 0px 0px 0px 0px;
border-radius: 10px 10px 10px 10px;
border: 2px solid #fdda24;}
.get-started .box .title {
float: left;
width: 100%;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;}
.get-started .box .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.get-started .box .nomber {
position: absolute;
top: 50%;
right: 0px;
width: 530px;
height: 170px;
margin: -80px 0px 0px 0px;
padding: 30px 0px 0px 0px;
background: url("images/get-started-nomber.html") 0px 0px no-repeat;
font-size: 158px;
color: rgba(4, 100, 140, 0.8);
text-align: center;
font-weight: 500;
line-height: 120px;
overflow: hidden;}
.get-started .box.right .nomber {
left: 0px;}
.get-started .box .nomber .nomber-cloud {
position: absolute;
top: 50px;
left: 140px;
width: 295px;
height: 246px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/nomber-cloud.html") 0px 0px no-repeat;}
.get-started .orange-btn {
width: 240px;
margin-left: 440px;}
/***********************************
Investment plans
***********************************/
.offer.offer-page {
position: relative;
float: left;
width: 1120px;
margin: 330px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.offer.offer-page .offer-box {
position: relative;
float: left;
width: 262px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 30px 30px;
background: url("images/offer-page-box-bg-1.html") 0px 0px no-repeat;}
.offer.offer-page .offer-box.box-1 {
margin-top: 45px;
margin-left: 62px;
border-radius: 6px 0px 0px 6px;}
.offer.offer-page .offer-box.box-2 {
width: 292px;
padding: 0px 30px 30px 30px;
background: url("images/offer-page-box-bg-2.html") 0px 0px no-repeat;
border-radius: 6px 6px 6px 6px;}
.offer.offer-page .offer-box.box-3 {
margin-top: 45px;
border-radius: 0px 6px 6px 0px;}
.offer.offer-page .offer-box .percent-wrapper {
float: left;
width: 202px;
height: 202px;
margin: -101px 0px 0px 30px;
padding: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.2);
border-radius: 200px 200px 200px 200px;}
.offer.offer-page .offer-box.box-1 .percent-wrapper {
background: url("images/offer-page-box-img-1.html") 10px 10px no-repeat rgba(255, 255, 255, 0.2);}
.offer.offer-page .offer-box.box-2 .percent-wrapper {
width: 232px;
height: 232px;
margin: -116px 0px 0px 30px;
background: url("images/offer-page-box-img-2.html") 10px 10px no-repeat rgba(255, 255, 255, 0.2);}
.offer.offer-page .offer-box.box-3 .percent-wrapper {
background: url("images/offer-page-box-img-3.html") 10px 10px no-repeat rgba(255, 255, 255, 0.2);}
.offer.offer-page .offer-box .percent-wrapper .percent {
float: left;
width: 162px;
height: 162px;
margin: 20px 0px 0px 20px;
padding: 0px 0px 0px 0px;
border-radius: 200px 200px 200px 200px;
font-size: 60px;
color: #fff;
font-weight: 500;
text-align: center;
line-height: 162px;}
.offer.offer-page .offer-box.box-1 .percent-wrapper .percent {
background: rgba(0, 218, 246, 0.8);}
.offer.offer-page .offer-box.box-2 .percent-wrapper .percent {
width: 192px;
height: 192px;
margin: 20px 0px 0px 20px;
font-size: 70px;
line-height: 192px;
background: rgba(253, 218, 36, 0.8);}
.offer.offer-page .offer-box.box-3 .percent-wrapper .percent {
background: rgba(103, 198, 65, 0.8);}
.offer.offer-page .separator {
float: left;
width: 100%;
height: 3px;
margin: 60px 0px 10px 0px;
padding: 0px 0px 0px 0px;
border-radius: 3px 3px 3px 3px;
background: rgba(255, 255, 255, 0.2);}
.offer.offer-page .offer-box .orange-btn {
width: 292px;}
.calc-wrapper.offer-page {
position: relative;
float: left;
width: 1120px;
margin: 30px 0px 250px 0px;
padding: 0px 0px 0px 0px;}
.calc-wrapper.offer-page .left-block {
float: left;
width: 292px;
margin: 0px 0px 0px 223px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
border-radius: 6px 0px 0px 6px;}
.calc-wrapper.offer-page .center-block {
display: none;}
.calc-wrapper.offer-page .right-block {
float: left;
width: 292px;
margin: 0px 0px 0px 0px;
padding: 0px 30px 30px 0px;
background: rgba(4, 100, 140, 0.6);
border-radius: 0px 6px 6px 0px;}
/***********************************
Faq
***********************************/
.faq-tabs {
float: left;
width: 1120px;
height: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/faq-tabs-img.html") top center no-repeat;}
.faq-tabs ul.tabs {
float: left;
width: 783px;
margin: 84px 0px 0px 168px;
padding: 0px 0px 0px 0px;
list-style: none;
overflow: hidden;
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(4, 100, 140, 0.8);}
.faq-tabs ul.tabs li {
position: relative;
float: left;
width: 260px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(4, 100, 140, 0.8);}
.faq-tabs ul.tabs li.last {
width: 260px;
border-right: none;}
.faq-tabs ul.tabs li a {
height: 32px;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
color: #04648c;
line-height: 32px;
text-align: center;
text-decoration: none;}
.faq-tabs ul.tabs li a:hover {}
.faq-tabs ul.tabs li.tab-current {
background: rgba(4, 100, 140, 0.8);}
.faq-tabs ul.tabs li.tab-current a {
color: #fff;}
* html ul.tabs li a {float: left}
*+html ul.tabs li a {float: left}
div.t2,
div.t3,
div.t4,
div.t5,
div.t6,
div.t7,
div.t8 {
display: none;}
div.t1,
div.t2,
div.t3,
div.t4,
div.t5,
div.t6,
div.t7,
div.t8 {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;}
.faq-title {
float: left;
width: 1120px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #04648c;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.faq-box {
float: left;
width: 1120px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.faq-box .faq-q {
position: relative;
float: left;
width: 1100px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
color: #04648c;
font-weight: 500;}
.faq-box .faq-q::before {
position: absolute;
display: block;
top: 10px;
left: 0px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.faq-box .faq-a {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/***********************************
Affiliate
***********************************/
.earth-block.affiliate {
position: relative;
float: left;
width: 100%;
height: 560px;
margin: 10px 0px 0px 0px;
padding: 140px 0px 0px 0px;
overflow: hidden;
background: url("images/earth-block-affiliate.html") top center no-repeat;}
.earth-block.affiliate .earth {
bottom: -200px;}
.earth-block-separator {
position: absolute;
top: 0px;
left: 559px;
width: 2px;
height: 147px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.earth-block-separator::after {
position: absolute;
display: block;
bottom: -15px;
left: -2px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.earth-block.affiliate .earth-cloud {
position: absolute;
width: 1120px;
height: 300px;
bottom: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/earth-cloud.html") top center no-repeat;}
.earth-block.affiliate .nomber {
position: absolute;
top: 30px;
width: 350px;
height: 295px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/earth-block-nomber.html") 0px 0px no-repeat;
font-size: 158px;
color: rgba(4, 100, 140, 0.8);
text-align: center;
font-weight: 500;
line-height: 200px;
overflow: hidden;}
.earth-block.affiliate .nomber .text {
float: left;
width: 100%;
margin: -20px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 22px;
color: #fee97e;
font-weight: 300;
text-align: center;
line-height: normal;
text-transform: uppercase;
line-height: normal;}
.earth-block.affiliate .nomber.first {
left: 0px;
color: #fff;}
.earth-block.affiliate .nomber.second {
right: 0px;
color: #fff;}
.earth-block.affiliate .nomber .nomber-cloud {
position: absolute;
top: 30px;
left: 30px;
width: 295px;
height: 246px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/nomber-cloud.html") top center no-repeat;
opacity: 1;}
.earth-block.affiliate .nomber.second .nomber-cloud {
background: url("images/nomber-cloud-2.html") 0px 0px no-repeat;}
.aff-box {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.aff-box .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.aff-box-separator {
position: relative;
float: left;
width: 2px;
height: 81px;
margin: -70px 559px 10px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.aff-box-separator::before {
position: absolute;
display: block;
top: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.flag {
float: left;
width: 22px;
height: 16px;
margin: 2px 5px 0px 0px;
padding: 0px 0px 0px 0px;}
.flag.at {
background: url("images/flags/at.html") 0px 0px no-repeat;}
.flag.de {
background: url("images/flags/de.html") 0px 0px no-repeat;}
.flag.en {
background: url("images/flags/en.html") 0px 0px no-repeat;}
.flag.ru {
background: url("images/flags/ru.html") 0px 0px no-repeat;}
.flag.vt {
background: url("images/flags/vt.html") 0px 0px no-repeat;}
.aff-arrow {
float: left;
width: 22px;
height: 16px;
margin: 2px 10px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/aff-arrow.html") 0px 0px no-repeat;}
span.c {
margin-right: 10px;}
/***********************************
News
***********************************/
.news-page {
position: relative;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.news-box {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.news-separator {
position: relative;
float: left;
width: 2px;
height: 33px;
margin: 0px 559px 10px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.news-box-separator {
position: relative;
float: left;
width: 2px;
height: 81px;
margin: 0px 559px 30px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.news-box-separator::after {
position: absolute;
display: block;
bottom: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.news-box:first-child .news-box-separator {
height: 33px;}
.news-box .news-img-wrapper {
float: left;
width: 1120px;
height: 200px;
margin: -30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/faq-tabs-img.html") top center no-repeat;}
.news-box .news-title {
float: left;
width: 1120px;
margin: 86px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #04648c;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.news-box .news-date {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.news-box .news-text {
float: left;
width: 1120px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
/***********************************
Video section
***********************************/
.main-video-box {
float: left;
width: 716px;
height: 585px;
margin: 60px 0px 0px 202px;
padding: 0px 0px 0px 0px;
background: url("images/monitor.html") 0px 0px no-repeat;}
.main-video-box .video {
float: left;
width: 650px;
height: 366px;
margin: 32px 0px 0px 33px;
padding: 0px 0px 0px 0px;
background: #fff}
.video-review-boxes {
float: left;
width: 1120px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.video-review-boxes .video-review {
float: left;
width: 470px;
margin: 30px 0px 30px 0px;
padding: 30px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
border-radius: 3px 3px 3px 3px;}
.video-review-boxes .video-review.second {
margin-left: 60px;}
.video-review-boxes .video-review.center {
margin-left: 295px;}
/***********************************
Rules
***********************************/
.rules-title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
font-weight: 500;}
/***********************************
Support
***********************************/
.top-support-text {
float: right;
width: 100%;
margin: 0px 0px 60px 0px;
padding: 0px 0px 0px 0px;}
.contacts-box {
float: right;
width: 530px;
height: 530px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/contacts-box.html") top center no-repeat;}
.contacts-box .icon {
float: left;
width: 260px;
height: 200px;
margin: 0px 0px 20px 145px;
padding: 0px 0px 0px 0px;
background: url("images/support-icon.html") top center no-repeat;}
.contacts-box .tr {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.contacts-box .tr span {
color: #04648c;
font-weight: 500;}
.contacts-box .social {
float: left;
margin: 25px 0px 0px 205px;
padding: 0px 0px 0px 0px;}
.contacts-box .social a {
float: left;
width: 20px;
height: 20px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
opacity: 1.0;
border-radius: 3px 3px 3px 3px;
background-image: url("images/social-support.html");
background-repeat: no-repeat;}
.contacts-box .social a.fb {
background-position: 0px 0px;}
.contacts-box .social a.tw {
background-position: -20px 0px;}
.contacts-box .social a.gp {
background-position: -40px 0px;}
.contacts-box .social a.yt {
background-position: -60px 0px;}
.contacts-box .social a:hover {
opacity: 1.0;}
.contacts-box .social a.fb:hover {
background-position: 0px -20px;}
.contacts-box .social a.tw:hover {
background-position: -20px -20px;}
.contacts-box .social a.gp:hover {
background-position: -40px -20px;}
.contacts-box .social a.yt:hover {
background-position: -60px -20px;}
.map-wrapper {
float: left;
width: 100%;
height: 1000px;
margin: -200px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
/***********************************
After registration
***********************************/
.after-reg-img {
float: left;
width: 600px;
height: 450px;
margin: 0px 0px 0px 260px;
padding: 0px 0px 0px 0px;
background: url("images/after-reg-img.html") 0px -30px no-repeat;}
.after-reg-separator {
position: relative;
float: left;
width: 2px;
height: 60px;
margin: -10px 559px 10px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.after-reg-separator::before {
position: absolute;
display: block;
top: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.after-reg-separator-2 {
position: relative;
float: left;
width: 2px;
height: 60px;
margin: 30px 559px 10px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.after-reg-separator-2::before {
position: absolute;
display: block;
top: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.after-reg-title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #04648c;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.after-reg-text {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.orange-btn.after-reg {
width: 250px;
margin: 15px 0px 0px 435px;}
/***********************************
Login Redirect
***********************************/
.login-re-box {
position: absolute;
top: 50%;
left: 50%;
width: 1000px;
height: 350px;
margin: -200px 0px 0px -500px;
padding: 0px 0px 0px 0px;}
.login-re-img-wrapper {
width: 300px;
height: 300px;
margin: 0px 0px 0px 350px;
padding: 0px 0px 0px 0px;
background: url("images/earth-block-nomber.html") center center no-repeat;}
.login-re-img {
float: left;
width: 160px;
height: 160px;
margin: 70px 0px 0px 70px;
padding: 0px 0px 0px 0px;
background: url("images/login-re-img.html") center center no-repeat;}
.login-re-title {
float: left;
width: 100%;
margin: -30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #04648c;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.login-re-text {
float: left;
width: 100%;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
/***********************************
Account Navigation
***********************************/
.account-nav-wrapper {
position: absolute;
top: -90px;
width: 1120px;
height: 188px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/account-nav-img.html") bottom center no-repeat;
z-index: 1000;}
.account-nav {
position: relative;
float: left;
height:95px;
margin: 110px 0px 0px -43px;
padding: 0px 34px 0px 72px;
background: rgba(4, 100, 140, 0.8);
border-radius: 100px 100px 100px 100px;}
.account-nav ul {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.account-nav ul li {
float: left;
margin: 0px 0px;
padding: 7px 23px;}
.account-nav .separator {
float: left;
width: 1px;
height: 53px;
margin: 13px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.2);}
.account-nav ul li a {
position: relative;
float: left;
width: 24px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 13px 23px 13px 10px;
text-decoration: none;
text-align: center;
color: #fff;}
.account-nav ul li.first a:hover, .account-nav ul li.last a:hover {
background: none;}
.account-nav ul li a .icon {
float: left;
width: 24px;
height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.account-nav ul li a .icon.icon-1 {
background: url("images/nav-icons.png") 0px 0px no-repeat;}
.account-nav ul li a .icon.icon-2 {
background: url("images/nav-icons.png") 0px -24px no-repeat;}
.account-nav ul li a .icon.icon-3 {
background: url("images/nav-icons.png") 0px -48px no-repeat;}
.account-nav ul li a .icon.icon-4 {
background: url("images/nav-icons.png") 0px -72px no-repeat;}
.account-nav ul li a .icon.icon-5 {
background: url("images/nav-icons.png") 0px -96px no-repeat;}
.account-nav ul li a .icon.icon-6 {
background: url("images/nav-icons.png") 0px -120px no-repeat;}
.account-nav ul li a .icon.icon-7 {
background: url("images/nav-icons.png") 0px -144px no-repeat;}
.account-nav ul li a .icon.icon-8 {
background: url("images/nav-icons.png") 0px -168px no-repeat;}
.account-nav ul li a .icon.icon-9 {
background: url("images/nav-icons.png") 0px -192px no-repeat;}
.account-nav ul li a:hover .icon.icon-1 {
background: url("images/nav-icons.png") -24px 0px no-repeat;}
.account-nav ul li a:hover .icon.icon-2 {
background: url("images/nav-icons.png") -24px -24px no-repeat;}
.account-nav ul li a:hover .icon.icon-3 {
background: url("images/nav-icons.png") -24px -48px no-repeat;}
.account-nav ul li a:hover .icon.icon-4 {
background: url("images/nav-icons.png") -24px -72px no-repeat;}
.account-nav ul li a:hover .icon.icon-5 {
background: url("images/nav-icons.png") -24px -96px no-repeat;}
.account-nav ul li a:hover .icon.icon-6 {
background: url("images/nav-icons.png") -24px -120px no-repeat;}
.account-nav ul li a:hover .icon.icon-7 {
background: url("images/nav-icons.png") -24px -144px no-repeat;}
.account-nav ul li a:hover .icon.icon-8 {
background: url("images/nav-icons.png") -24px -168px no-repeat;}
.account-nav ul li a:hover .icon.icon-9 {
background: url("images/nav-icons.png") -24px -192px no-repeat;}
.account-nav ul li a span {
position: absolute;
width: 200%;
left: -50%;
top: 100%;
height: 30px;
line-height: 30px;
padding: 0px 0px 0px 0px;
margin: 10px 0px 0px 0px;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.55);
border-radius: 2px;
text-align: center;
-webkit-transition: opacity 0.2s, visibility 0.2s;
-moz-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
font-size: 13px;}
.account-nav ul span::after {
content: '';
position: absolute;
left: 50%;
bottom: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
height: 0;
width: 0;
border: 4px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.55);}
.account-nav ul span {
-webkit-animation: none;
-moz-animation: none;
animation: none;}
.account-nav ul a:hover span {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);}
/***********************************
Cabinet
***********************************/
.main-cab-wrapper {
position: relative;
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/main-cab-wrapper.html") 0px 0px no-repeat;}
.main-cab-wrapper .cab-ball-block {
position: absolute;
top: 480px;
width: 280px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.main-cab-wrapper .cab-ball-block.left {
left: 0px;}
.main-cab-wrapper .cab-ball-block.right {
right: 0px;}
.main-cab-wrapper .cab-ball-block::before {
position: absolute;
display: block;
top: -15px;
left: 137px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.cab-ball-block .icon {
float: left;
width: 200px;
height: 167px;
margin: 0px 0px 0px 40px;
padding: 0px 0px 0px 0px;
background: url("images/cab-ball-icon-small.html") 0px 0px no-repeat;}
.cab-ball-block .tr {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 20px 0px;}
.cab-ball-block .tr .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
color: #fdda24;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.cab-ball-block .tr .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 44px;
color: #fff;
font-weight: 100;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.cab-ball-block .tr .title span {
display: initial;}
.cab-ball-block a.orange-btn {
width: 180px;
height: 32px;
margin: 0px 0px 0px 50px;
font-size: 12px;
line-height: 32px;
font-weight: 300;}
.cab-ball-box {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.cab-ball-box .icon {
float: left;
width: 240px;
height: 200px;
margin: 0px 0px 0px 440px;
padding: 0px 0px 0px 0px;
background: url("images/cab-ball-icon.png") 0px 0px no-repeat;}
.cab-ball-box .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 24px;
color: #fdda24;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.cab-ball-box .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 80px;
color: #fff;
font-weight: 400;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.cab-ball-box.small .text {
font-size: 16px;}
.cab-ball-box.small .title {
font-size: 44px;}
.cab-user-box-wrapper {
position: relative;
float: left;
width: 322px;
margin: 20px 0px 0px 399px;
padding: 172px 0px 71px 0px;}
.cab-user-box-wrapper .separator {
position: absolute;
top: 0px;
left: 160px;
width: 2px;
height: 51px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.cab-user-box-wrapper .separator::before {
position: absolute;
display: block;
top: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.cab-user-box-wrapper .separator-2 {
position: absolute;
bottom: 0px;
left: 160px;
width: 2px;
height: 51px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.cab-user-box-wrapper .separator-2::after {
position: absolute;
display: block;
bottom: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.cab-user-box {
position: relative;
float: left;
width: 322px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
background: url("images/offer-page-box-bg-1.html") 0px 0px no-repeat;
border-radius: 6px 6px 6px 6px;}
.cab-user-box .img {
float: left;
width: 202px;
height: 202px;
margin: -101px 0px 0px 60px;
padding: 0px 0px 0px 0px;
background: url("images/cab-user-img.html") 10px 10px no-repeat rgba(255, 255, 255, 0.2);
border-radius: 200px 200px 200px 200px;}
.cab-user-box .name {
float: left;
width: 262px;
margin: 58px 0px 0px 30px;
padding: 0px 0px 0px 0px;
font-size: 24px;
color: #00daf6;
font-weight: 500;
text-align: center;
text-transform: uppercase;}
.cab-user-box .info-box {
float: left;
width: 262px;
margin: 30px 0px 0px 30px;
padding: 15px 0px 0px 0px;
box-sizing: border-box;
border-top: 2px solid rgba(255, 255, 255, 0.2);}
.cab-user-box .info-box .tr {
float: left;
width: 100%;
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: normal;
font-size: 13px;
color: #fff;}
.cab-user-box .info-box .tr .right {
float: right;
color: #00daf6;}
.cab-main-reff {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;}
.cab-main-reff .text {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 16px;
color: #fdda24;
text-align: center;
line-height: normal;
text-transform: uppercase;}
.cab-main-reff .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 30px;
color: #fff;
font-weight: 300;
text-align: center;
line-height: normal;}
/***********************************
Invest
***********************************/
.dep-tabs {
float: left;
width: 1120px;
margin: 20px 0px 30px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/faq-tabs-img.html") top center no-repeat;}
.dep-tabs ul {
float: left;
width: 720px;
margin: 0px 0px 0px 199px;
padding: 0px 0px 0px 0px;
list-style: none;
overflow: hidden;
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(4, 100, 140, 0.8);}
.dep-tabs ul li {
position: relative;
float: left;
width: 360px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.3);
border-right: 1px solid rgba(4, 100, 140, 0.8);}
.dep-tabs ul li.last {
width: 359px;
border-right: none;}
.dep-tabs ul li a {
height: 32px;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
color: #04648c;
line-height: 32px;
text-align: center;
text-decoration: none;}
.dep-tabs ul li a:hover {}
.dep-tabs ul li.tab-current {
background: rgba(4, 100, 140, 0.8);}
.dep-tabs ul li.tab-current a {
color: #fff;}
.offer.deposit-page {
position: relative;
float: left;
width: 1120px;
margin: 30px 0px 30px 0px;
padding: 86px 0px 0px 0px;}
.offer.deposit-page .offer-box .percent-wrapper {
float: left;
width: 200px;
height: 167px;
margin: -68px 0px 0px 31px;
padding: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;}
.offer.deposit-page .offer-box.box-1 .percent-wrapper {
background: url("images/cab-ball-icon-small.html") 0px 0px no-repeat}
.offer.deposit-page .offer-box.box-2 .percent-wrapper {
width: 240px;
height: 200px;
margin: -86px 0px 0px 26px;
background: url("images/cab-ball-icon.png") 0px 0px no-repeat;}
.offer.deposit-page .offer-box.box-3 .percent-wrapper {
background: url("images/cab-ball-icon-small.html") 0px 0px no-repeat}
.calc-wrapper.deposit-page {
margin: 0px 0px 30px 0px;}
#panel-calc {
display:none;}
.easy-cab-separator-bottom {
position: relative;
float: left;
width: 2px;
height: 84px;
margin: 0px 559px 30px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.easy-cab-separator-bottom::after {
position: absolute;
display: block;
bottom: -15px;
left: -2px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.easy-cab-separator-top {
position: relative;
float: left;
width: 2px;
height: 81px;
margin: 30px 559px 30px 559px;
padding: 0px 0px 0px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.easy-cab-separator-top::before {
position: absolute;
display: block;
top: -15px;
left: -3px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
/***********************************
Deposit List
***********************************/
.dep-list {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;}
/***********************************
Historys
***********************************/
#content .big-title .title-link {
position: absolute;
top: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 14px;
font-weight: 300;
line-height: normal;}
#content .big-title .title-link.left {
left: 50px;}
#content .big-title .title-link.right {
right: 50px;}
#content .big-title .title-link a {
color: #fff;}
/***********************************
Referals
***********************************/
.referals-cab-box-wrapper {
position: relative;
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 77px 0px;
background: url("images/v-dotted-img.png") top center repeat-y;}
.referals-cab-box-wrapper::after {
position: absolute;
display: block;
bottom: -15px;
left: 557px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.referals-top-separator {
position: relative;
width: 530px;
height: 77px;
margin: 60px 0px 40px 0px;
padding: 0px 0px 0px 0px;}
.referals-top-separator.left {
float: left;
padding: 0px 0px 0px 0px;
background: url("images/referals-top-separator-1.html") top right no-repeat;}
.referals-top-separator.right {
float: right;
padding: 0px 0px 0px 0px;
background: url("images/referals-top-separator-2.html") top left no-repeat;}
.referals-top-separator::after {
position: absolute;
display: block;
bottom: -15px;
width: 3px;
height: 3px;
content: '';
border-radius: 4px;
border: 2px solid #fdda24;}
.referals-top-separator.left::after {
left: 262px;}
.referals-top-separator.right::after {
right: 262px;}
.easy-cab-box {
width: 470px;
margin: 0px 0px 0px 0px;
padding: 10px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
border-radius: 3px 3px 3px 3px;}
.easy-cab-box.left {
float: left;}
.easy-cab-box.right {
float: right;}
.easy-cab-box .tr {
float: left;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
box-sizing: border-box;
line-height: 50px;
color: #fff;}
.easy-cab-box .tr span {
float: right;
color: #00daf6;}
/***********************************
Promo Materials
***********************************/
.cabinet-tabs {
float: left;
width: 1120px;
height: 170px;
margin: -10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
background: url("images/faq-tabs-img.html") bottom center no-repeat;}
.cabinet-tabs ul.tabs {
float: left;
width: 720px;
margin: 60px 0px 0px 199px;
padding: 0px 0px 0px 0px;
list-style: none;
overflow: hidden;
border-radius: 3px 3px 3px 3px;
border: 1px solid rgba(4, 100, 140, 0.8);}
.cabinet-tabs ul.tabs li {
position: relative;
float: left;
width: 119px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background: rgba(255, 255, 255, 0.4);
border-right: 1px solid rgba(4, 100, 140, 0.8);}
.cabinet-tabs ul.tabs li.last {
width: 120px;
border-right: none;}
.cabinet-tabs ul.tabs li a {
height: 32px;
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
cursor: pointer;
color: #04648c;
line-height: 32px;
text-align: center;
text-decoration: none;}
.cabinet-tabs ul.tabs li a:hover {}
.cabinet-tabs ul.tabs li.tab-current {
background: rgba(4, 100, 140, 0.8);}
.cabinet-tabs ul.tabs li.tab-current a {
color: #fff;}
.banners-box {
float: left;
width: 1060px;
margin: 0px 0px 0px 0px;
padding: 30px 30px 30px 30px;
background-color: rgba(4, 100, 140, 0.6);
border-radius: 3px 3px 3px 3px;}
.banners-box .title {
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font-size: 28px;
color: #fff;
text-align: center;
font-weight: 500;
line-height: normal;
text-transform: uppercase;}
.banners-box img {
background: #fff;}
.banners-box .inpts {
float: left;
overflow: hidden;
width: 700px;
margin: 30px 0px 0px 180px;
padding: 0px 0px 0px 0px;
border: none;
color: #00daf6;
text-align: center;
background: none;
line-height: 26px;}
/***********************************
Forms
***********************************/
form, .form {
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;}
form.second, .form.second {
margin-top: 30px;}
.form-field {
float: left;
width: 530px;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.form-field.center {
text-align: center;}
.form-field label {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
line-height: normal;}
.inpts {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 7px 20px 13px 20px;
border: none;
box-sizing: border-box;
outline: none;
background-color: #fff;
border: 2px solid #d9d8d9;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
font-family: 'Roboto', sans-serif;
font-size: 15px;
font-weight: 300;
line-height: normal;}
.inpts:focus {
outline: none;}
.inpts:focus::-webkit-input-placeholder {color: transparent}
.inpts:focus::-moz-placeholder {color: transparent}
.inpts:focus:-moz-placeholder {color: transparent}
.inpts:focus:-ms-input-placeholder {color: transparent}
.inpts.mail-inpts {
height: 150px;}
.inpts.select {
padding: 12px 16px 11px 16px;
-webkit-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url("images/down.html");
background-position: center right;
background-repeat: no-repeat;}
.sbmt {
float: left;
width: 220px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: #fdda24;
border-radius: 3px 3px 3px 3px;
border: none;
font-family: 'Roboto', sans-serif;
font-size: 15px;
color: #333;
font-weight: 400;
line-height: 50px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
cursor: pointer;}
.sbmt:hover {
background: #efc902;
color: #fff;}
.sbmt-green {
background: #67c641;
color: #fff;}
.sbmt-green:hover {
background: #fdda24;}
.sbmt-blue {
background: #00daf6;
color: #fff;}
.sbmt-blue:hover {
background: #fdda24;}
.forms-title {
float: left;
width: 100%;
margin: 30px 0px 20px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;
color: #fff;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
text-align: center;}
/***********/
form.calc_form {
padding: 0px 0px 0px 0px;
background: none;}
form.calc_form .form-field {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
form.calc_form .form-field label {
color: #fff;}
form.calc_form .form-field .inpts {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 20px 10px 20px;
border: none;
background-color: rgba(4, 100, 140, 1);
color: #00daf6;}
form.calc_form .form-field .inpts.select {
padding: 9px 15px 9px 15px;}
form.support_form {
width: 530px;
margin: 0px 0px 0px 0px;
background: #f7f8fb;}
form.support_form .form-field {
margin-left: 30px;
width: 470px;}
form.support_form .form-field.full {
width: 470px;}
form.signup_form {
width: 760px;
margin: 0px 0px 0px 180px;
padding-bottom: 0px;}
form.signup_form .form-field {
width: 350px;
margin: 30px 0px 0px 20px;
padding: 0px 0px 0px 0px;}
form.signup_form .form-field.full {
width: 720px;}
form.login_form {
width: 530px;
margin: 0px 0px 0px 295px;
padding-bottom: 0px;}
.form.copy-link-form {
float: left;
width: 322px;
margin: 0px 0px 0px 399px;
padding: 0px 0px 0px 0px;}
.form.copy-link-form .inpts {
float: left;
width: 322px;
margin: 10px 0px 0px 0px;
padding: 10px 20px 10px 20px;
border: none;
background-color: rgba(4, 100, 140, 1);
color: #00daf6;}
.form.copy-link-form .sbmt {
width: 151px;
height: 32px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 32px;
color: #fff;
font-size: 12px;
font-weight: 300;}
.form.copy-link-form .blue-btn {
width: 151px;
height: 32px;
margin: 10px 0px 0px 20px;
padding: 0px 0px 0px 0px;
line-height: 32px;
color: #fff;
font-size: 12px;
font-weight: 300;}
.form.copy-link-form.referals {
width: 470px;
margin: 9px 0px 0px 0px;}
.form.copy-link-form.referals .inpts {
width: 470px;}
.form.copy-link-form.referals .sbmt {
width: 225px;}
.form.copy-link-form.referals .blue-btn {
width: 225px;}
form.account_form {
width: 530px;
margin: 30px 0px 0px 0px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);}
form.account_form .form-field {
color: #fff;}
form.account_form.centr-form {
width: 530px;
margin-left:265px;}
form.account_form .form-field .inpts {
background-color: rgba(4, 100, 140, 1);
border: 2px solid rgba(255, 255, 255, 0.2);
color: #00daf6;}
form.historys_form {
width: 1120px;
height: 160px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url("images/faq-tabs-img.html") bottom center no-repeat;}
form.historys_form .title-wrapper {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 5px 0px;
line-height: normal;}
form.historys_form .title-wrapper .title {
float: left;
width: 272px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #fff;}
form.historys_form .title-wrapper .title.first {
margin-left: 248px;}
form.historys_form .form-field {
width: 80px;
margin-left: 6px;
margin-right: 0px;
margin-top: 0px;}
form.historys_form .form-field.first {
margin-left: 248px;}
form.historys_form .form-field.second {
margin-left: 20px !important;}
form.historys_form .form-field .inpts {
width: 80px;
margin: 0px 0px 0px 0px;
padding: 9px 10px 9px 10px;
background-color: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(4, 100, 140, 0.8);
color: #04648c;}
form.historys_form .form-field .inpts.select {
padding: 5px 6px 6px 6px;
background-image: url("images/down-2.html");}
form.historys_form .form-field .sbmt {
width: 80px;
height: 34px;
line-height: 34px;
font-weight: 300;}
form.historys_form .title-wrapper .title.big {
margin-left: 384px;}
form.historys_form .form-field.big {
width: 252px;
margin-left: 112px;}
form.historys_form .form-field.big .inpts {
width: 252px;}
form.withdrawal_form, form.deposit_form {
width: 1120px;
padding-bottom: 0px;
text-align: center;
color: #fff;
}
form.historys_form.paidout .title-wrapper .title.first {
margin-left: 427px;}
form.historys_form.paidout .form-field.first {
margin-left: 427px;}
.form.deposit_confirm {
width: 800px;
margin: 30px 0px 30px 130px;
padding: 10px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);
color: #fff;}
.deposit_confirm .tr, .dep_confirm .tr {
float: left;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
line-height: 50px;}
.deposit_confirm .tr .right, .dep_confirm .tr .right {
float: right;
color: #00daf6;}
.form.deposit_confirm .form-field {
margin-left: 0px;
width: 800px;}
.form.deposit_confirm .form-field .inpts {
background-color: #fff;
width: 810px;}
.form.deposit_confirm form {
background: none;
margin-left: 165px;
padding: 0px 0px 0px 0px;}
.form.deposit_confirm form .sbmt {
margin: 30px 30px 0px 0px;}
.form.dep_confirm, form.dep_confirm {
width: 530px;
margin: 30px 0px 0px 265px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);}
.form.dep_confirm .form-field, form.dep_confirm .form-field {
color: #fff;}
.form.dep_confirm .form-field .inpts, form.dep_confirm .form-field .inpts {
background-color: rgba(4, 100, 140, 1);
border: 2px solid rgba(255, 255, 255, 0.2);
color: #00daf6;}
.btc_form {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 18px;}
.btc_form a {
color: #00daf6;}
.btc_form img {
margin-top: 30px;}
.form.withdrawal {
width: 530px;
margin: 30px 0px 0px 265px;
padding: 0px 30px 30px 30px;
background: rgba(4, 100, 140, 0.6);}
.form.withdrawal .form-field {
color: #fff;}
.form.withdrawal .form-field .inpts {
background-color: rgba(4, 100, 140, 1);
border: 2px solid rgba(255, 255, 255, 0.2);
color: #00daf6;}
input.style {
display: none;}
.label_checkbox,
.label_radio {
float: none !important;
width: auto !important;
line-height: 20px;
/*display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;*/
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px !important;
cursor: pointer;
color: #000;}
.label_checkbox i {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
top: 5px;
margin-right: 10px;
cursor: pointer;
border: 2px solid #d9d8d9;
background: #fff;
border-radius: 3px 3px 3px 3px;}
.label_checkbox i::after {
display: none;
margin-top: 0px;
margin-left: 0px;
content: '';}
.label_checkbox .input_checkbox:checked + i {
background: #04648c;}
.label_checkbox .input_checkbox:checked + i::after {
display: block;
content: ' ';
-webkit-transition: ease-in-out .1s;
-moz-transition: ease-in-out .1s;
-ms-transition: ease-in-out .1s;
-o-transition: ease-in-out .1s;
transition: ease-in-out .1s;}
.label_radio {
color: #fff;}
.label_radio i {
position: relative;
display: inline-block;
width: 16px;
height: 16px;
top: 5px;
margin-right: 10px;
cursor: pointer;
border: 2px solid rgba(255, 255, 255, 0.2);
background: rgba(4, 100, 140, 1);
border-radius: 3px 3px 3px 3px;}
.tables .label_radio {
float: left !important;}
.tables .label_radio i {
top: 0px;}
.label_radio i::after {
display: none;
margin-top: 0px;
margin-left: 0px;
content: '';}
.label_radio .input_radio:checked + i {
background: #00daf6;}
.label_radio .input_radio:checked + i::after {
display: block;
content: ' ';
-webkit-transition: ease-in-out .1s;
-moz-transition: ease-in-out .1s;
-ms-transition: ease-in-out .1s;
-o-transition: ease-in-out .1s;
transition: ease-in-out .1s;}
/***********************************
Tables
***********************************/
.tables {
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
text-align: left;}
.tables td.inheader {
margin: 0px 0px 0px 0px;
padding: 12px 15px 12px 15px;
vertical-align: middle;
background: rgba(4, 100, 140, 0.8) !important;
font-size: 15px;
line-height: normal;
color: #fff !important;
font-weight: 400;
border-left: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: none;}
/*.tables .inheader:nth-child(1) {
border-radius: 3px 0px 0px 3px;}
.tables .inheader:last-child {
border-radius: 0px 3px 3px 0px;}*/
.tables td {
margin: 0px 0px 0px 0px;
padding: 12px 15px 12px 15px;
vertical-align: middle;
font-size: 15px;
line-height: normal;
color: #fff;
font-weight: 300;
background: rgba(255, 255, 255, 0.2);}
.tables td.inheader a {
color: #fff;}
.tables tr:nth-child(2n+1) td {
background: rgba(4, 100, 140, 0.3);
border-left: 1px solid rgba(255, 255, 255, 0.2);}
.tables tr:nth-child(2n+1) td:nth-child(1) {
border-left: none;}
.tables td:nth-child(1) {
border-left: none;
border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-webkit-border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-webkit-border-bottom-left-radius: 3px;}
.tables td:last-child {
border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-webkit-border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-right-radius: 3px;}
.tables img {
margin: 0px 0px -5px 0px;}
.tables.repr-table img {
margin: 0px 0px -4px 0px;}
.tables td a {
color: #00daf6;}
.tables.second {
margin-top: 30px;}
.tables.representatives {
width: 1120px;
margin-top: 30px;
margin-bottom: 0px;}
.tables.representatives td {
color: #333;}
.tables.representatives tr:nth-child(2n+1) td {
background: rgba(4, 100, 140, 0.1);}
.tables.easy {
width: 1060px;}
.tables-note {
float: left;
width: 1056px;
margin: 0px 0px 0px 0px;
padding: 10px 30px 30px 30px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 3px 3px 3px 3px;
border: 2px dotted rgba(255, 255, 255, 0.2);}
.tables-note .tr {
float: left;
width: 100%;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
box-sizing: border-box;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
text-align: left;
line-height: 50px;}
.tables-note .tr .right {
float: right;
color: #00daf6;}
/***********************************
Messages
***********************************/
.messages {
float: left;
width: 100%;
margin: 0px 0px 30px 0px;
padding: 18px 30px 20px 20px;
box-sizing: border-box;
border-radius: 3px 3px 3px 3px;
background: rgba(247, 248, 251, 1);}
.messages.error {
border-left: 8px solid #df4444;}
.messages.warning {
border-left: 8px solid #e29f01;}
.messages.success {
border-left: 8px solid #2eaf01;}
.messages-mail {
float: left;
width: 100%;
margin: 220px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.messages-mail .title {
float: left;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #04648c;
text-align: center;
font-weight: 500;}
.messages.signup {
width: 720px;
margin-left: 200px;}
.messages.login {
width: 530px;
margin-left: 295px;}
.messages.acc-centr {
width: 600px;
margin-left: 265px;
background: rgba(247, 248, 251, 0.6);}
/***********************************
Pager
***********************************/
.pager {
float: left;
width: 100%;
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;}
.pager a, .pager span {
display: inline-block;
width: 30px;
height: 30px;
margin: 0px 1px 0px 1px;
padding: 0px 0px 0px 0px;
background-color: rgba(255, 255, 255, 0.3);
border: 1px solid rgba(4, 100, 140, 0.8);
color: #04648c;
border-radius: 3px 3px 3px 3px;
text-align: center;
line-height: 30px;
text-decoration: none;}
#placeforstatus
{
float:inherit;}
/***********************************
Other
***********************************/
.radius3 {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;}
.radius6 {
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
-khtml-border-radius:6px;
border-radius:6px;}
.transition3 {
-moz-transition:0.3s;
-webkit-transition:0.3s;
-o-transition:0.3s;
transition:0.3s;}
.no-m-top {
margin-top:0px !important;}
.no-m-bottom {
margin-bottom:0px !important;}
.no-p-top {
padding-top:0px !important;}
.no-p-bottom {
padding-bottom:0px !important;}
.gray {
color:#999 !important;}
.orange-c {
color: #fdda24 !important;}
.blue-c {
color: #00daf6 !important;}
.green-c {
color: #67c641 !important;}
.blue-bg {
background: #00daf6 !important;}
.green-bg {
background: #67c641 !important;}